/* Theme Name: Sparkling Child Theme URI: https://colorlib.com/wp/themes/sparkling Author: Colorlib Author URI: http://colorlib.com/ Description: This is a custom child theme from sparkling that I have created. Version: 2.0.0 Template: sparkling License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: sparkling Domain Path: /languages/ Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments This theme, like WordPress, is licensed under the GPL. sparkling is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. */ @import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:400,400i,500,500i,600,600i,700&display=swap'); @font-face { font-family: 'CarlitoBold'; src: local('Carlito-Bold'), url('https://www.collaboraoffice.com/wp-content/themes/sparkling-child/fonts/carlito/Carlito-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'CarlitoBoldItalic'; src: local('Carlito-BoldItalic'), url('https://www.collaboraoffice.com/wp-content/themes/sparkling-child/fonts/carlito/Carlito-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'CarlitoItalic'; src: local('Carlito-Italic'), url('https://www.collaboraoffice.com/wp-content/themes/sparkling-child/fonts/carlito/Carlito-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'CarlitoRegular'; src: local('Carlito-Regular'), url('https://www.collaboraoffice.com/wp-content/themes/sparkling-child/fonts/carlito/Carlito-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } .no-child-radius *{ border-radius: 0 !important; } .entry-content i, .entry-content em { font-family: 'CarlitoItalic'; } .entry-content storng, .entry-content b { font-family: 'CarlitoBold'; } .post-inner-content article a:not(.block_button, .block_text_clear){ color: #504999; } .post-inner-content article a:hover:not(.block_button, .block_text_clear) { color: #5c3de2 !important; } .cn-button-co{ background: white !important; color: #504999 !important; height: 100%; border: 3px solid #504999; border-radius: 5px; } .text-note{margin-left: -2% !important;background-color: #f3ffeb;padding-left: 2% !important;border-left: 2px #43c200 solid;} .leaflet-control-zoom-in, .leaflet-control-zoom-out{ text-decoration: none !important; } .dropdown.open .dropdown-toggle{ text-decoration: underline; } .post-grid .item .layer-media a { width: auto !important; } .mailpoet_submit.btn-default { width: auto; min-height: 52px; text-transform: capitalize; padding: 3px 20px !important; } .mailpoet_message{ max-width: 339px !important; } .mailpoet_text {height: 32px;} @media screen and ( max-width: 702px ) { #Collabora-Online-and-Office-feature-table-btns div{ display:block;} #Collabora-Online-and-Office-feature-table-tr-btns {display:none;} } @media screen and ( min-width: 703px ) { #Collabora-Online-and-Office-feature-table-btns{ display:none;} } .post-grid .item .layer-media img{ object-fit: cover !important; height: 100% !important; } @keyframes animatedAboutClouds { from { background-position-x: 120px; } to { background-position-x: 100%; } } #about-team-clouds{ background-image: url('https://www.collaboraoffice.com/wp-content/uploads/2019/08/Team-clouds-v2.png'); background-position-y: center; background-size: 50%; background-repeat: no-repeat; background-position-x: 120px; animation: animatedAboutClouds 40s linear infinite; } .list-border-styled{ list-style: none; border-left: #43c200 solid 1px; padding-left: 20px; margin-left: 7px; } .fa { /*FIX TO AVOID USING THE LATEST VERSIONS OF FONTAWESOME USED BY pOSTGRID PLUGIN THAT CAUSES PROBLEM*/ display: inline-block !important; font: normal normal normal 14px/1 FontAwesome !important; font-size: 14px; font-size: inherit !important; text-rendering: auto !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .form-well-cool{ background-color:#ffffff !important; } .screenshot-top-round-corners { border-top-left-radius: 12px; border-top-right-radius: 12px; } #post-1834{ padding-left:8px; padding-right:8px; } .em-collabora{ background-color:#ebeaff; color: #4f5983; border-radius: 2px; } .security-onion-hover-effect img:last-child{display:none;} .security-onion-hover-effect:hover img:first-child{display:none;} .security-onion-hover-effect:hover img:last-child{display:inline-block;} .mejs-controls .mejs-button button { background-image: url("/wp-includes/js/mediaelement/mejs-controls.png") !important; } .mejs-controls .mejs-fullscreen-button button { background-position: -82px -1px !important; } .mejs-controls .mejs-mute button { background-position: -64px -1px !important; } h4.offset-anchor:target::before { content: ""; display: block; height: 140px; margin: -140px 0 0; } .offset-anchor:focus { outline: none; box-shadow: 0 1px 0 0 #504999; } #online_offline_2ndsection > .block_two_columns > div > div > h2{ color: white !important; } #online_offline_2ndsection{ background-image: url('https://www.collaboraoffice.com/wp-content/uploads/2019/05/Collabora-onlineoffline-2ndsection.png'); } .news_tab_list li span, .news_tab_list li a { border-bottom: 4px solid #ccc !important; } .news_tab_list li span, .news_tab_list li a:hover { text-decoration: none !important; border-bottom-color: #5c3dcc !important; } .news_tab_list li .current_news_category { border-bottom: 4px solid #43c200 !important; } .post-grid .grid-nav-top .nav-search .search{ background-size: 22px !important; background-position: auto 20px !important; } .post-grid .pagination .page-numbers:hover, .post-grid .pagination .pager.active { background: #fff !important; border: 1px solid #623fcc !important; color: #623fcc !important; } .post-grid .pagination .page-numbers, .pagination .pager, .paginate.next-previous a { font-size: 16px; color: #623fcc; border: 1px solid #f3f3f300 !important; background-image: linear-gradient(#3180AB -60%, #623FCC) !important; border-radius: 50px; } .post-grid .pagination .current { background: #43c200 none repeat scroll 0 0 !important; border: 1px solid #43c200 !important; color: #fff !important; opacity: 1; font-weight: bold; } .post-grid .pagination .current:hover { background: #43c200 none repeat scroll 0 0 !important; border: 1px solid #43c200 !important; color: #fff !important; opacity: 1; } .becomepartner-benefits-txt{ padding: 0 !important; } /* -----------------------Laptop 1400*/ @media screen and ( max-width: 1410px ) { .block_with_bg_title.block_title.block_text_clear{ margin-top: 90px; margin-bottom: 60px !important; font-size: 58px !important; } .block_with_bg>.block_with_bg_front>.block_with_bg_front_text>.block_with_bg_button{ padding-top:14px; } #about-us-heading{ margin-top: 0px !important; } .benefits { font-size: 16px !important; width: 50% !important; padding-top: 0px !important; margin-top: -40px; /*ugly fix*/ } } /* -----------------------End--- Laptop 1400*/ /* -----------------------Laptop MDPI screen */ @media screen and ( max-width: 1280px ) { .block_with_bg_title.block_title.block_text_clear { margin-bottom: 0px !important; } #about-us-heading{ margin-top: 0px !important; } .wp-image-3443{ padding-top: 118px !important; } } /* -----------------------END---Laptop MDPI screen */ /* -----------------------Laptop 1198px */ @media screen and ( max-width: 1198px ) { .block_with_bg_title.block_title.block_text_clear{ margin-top: 0px; margin-bottom: 80px !important; font-size: 48px !important; } .block_with_bg>.block_with_bg_front>.block_with_bg_front_text>.block_with_bg_button{ padding-top:5px; } .block_with_bg_back.generic_featured_img{ height: 432px; } .block_button{ line-height: 1.5 !important; padding: 3px 12px !important; } .block_text_purple{ font-size: 13px; } } /* -----------------------END---Laptop 1198px */ @media screen and ( min-width: 1024px){ #partner-leads-block:hover #ic-partner-leads-circle{ -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } #partner-leads-block:hover #ic-partner-leads-signal{ animation-delay: 0.5s; -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } #partner-roadmap-block:hover #ic-partner-roadmap-dash-line { -webkit-animation-name: svg-customizable-path-purple-anim; animation-name: svg-collab-editing-img-anim; animation-iteration-count: 2; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; -webkit-animation-duration: 1s; animation-duration: 1s; } #partner-roadmap-block:hover #ic-partner-roadmap-circle-green{ -webkit-animation-name: partner-roadmap-circle-green-anim; animation-name: partner-roadmap-circle-green-anim; animation-iteration-count: 2; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; -webkit-animation-duration: 1s; animation-duration: 1s; } @keyframes partner-roadmap-circle-green-anim{ 0% {opacity: 0;} 100%{opacity: 1;} } @-webkit-keyframes partner-roadmap-circle-green-anim{ 0% {opacity: 0;} 100%{opacity: 1;} } #partner-roadmap-block:hover #ic-partner-roadmap-circle-green-1st{ -webkit-animation-name: partner-roadmap-circle-green-1st-anim; animation-name: partner-roadmap-circle-green-1st-anim; animation-iteration-count: 2; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; -webkit-animation-duration: 1s; animation-duration: 1s; } @keyframes partner-roadmap-circle-green-1st-anim{ 0% {opacity: 1;} } @-webkit-keyframes partner-roadmap-circle-green-1st-anim{ 0% {opacity: 1;} } #partner-roadmap-block:hover #ic-partner-roadmap-circle-green-2nd{ -webkit-animation-name: partner-roadmap-circle-green-2nd-anim; animation-name: partner-roadmap-circle-green-2nd-anim; animation-iteration-count: 2; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; -webkit-animation-duration: 1s; animation-duration: 1s; } @keyframes partner-roadmap-circle-green-2nd-anim{ 0% {}25%{opacity: 1;} } @-webkit-keyframes partner-roadmap-circle-green-2nd-anim{ 0% {}25%{opacity: 1;} } #partner-roadmap-block:hover #ic-partner-roadmap-circle-green-3rd{ -webkit-animation-name: partner-roadmap-circle-green-3rd-anim; animation-name: partner-roadmap-circle-green-3rd-anim; animation-iteration-count: 2; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; -webkit-animation-duration: 1s; animation-duration: 1s; } @keyframes partner-roadmap-circle-green-3rd-anim{ 0% {}25%{}50%{opacity: 1;}100%{} } @-webkit-keyframes partner-roadmap-circle-green-3rd-anim{ 0% {}25%{}50%{opacity: 1;}100%{} } #partner-communication-block:hover #ic-partner-communication-word-ballon-ellipsis-mouth{ -webkit-animation-name: ballon-ellipsis-mouth; animation-name: ballon-ellipsis-mouth; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; animation-fill-mode: forwards; } @keyframes ballon-ellipsis-mouth { 0% {}100%{opacity: 1;} } @-webkit-keyframes ballon-ellipsis-mouth { 0% {}100%{opacity: 1;} } #partner-communication-block:hover #pathic-partner-communication-word-ballon-ellipsis-1st, #partner-communication-block:hover #ic-partner-communication-word-ballon-ellipsis-3rd{ -webkit-animation-name: ballon-ellipsis-eye; animation-name: ballon-ellipsis-eye; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; animation-fill-mode: forwards; } @keyframes ballon-ellipsis-eye { 0% {} 100%{transform: translateY(-2px);} } @-webkit-keyframes ballon-ellipsis-eye { 0% {} 100%{transform: translateY(-2px);} } #partner-communication-block:hover #ic-partner-communication-word-ballon-purple{ -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } #partner-support-block:hover #ic-partner-support-group{ -webkit-animation-name: zoomInDown; animation-name: zoomInDown; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } #partner-support-block:hover #ic-partner-support-info-group{ animation-direction: alternate-reverse; -webkit-animation-name: flipInX; animation-name: flipInX; animation-delay: 0.4s; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } #ic-partner-margins-heart-group{ -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 2s; animation-duration: 2s; animation-iteration-count: 2; } #partner-margins-heart-block:hover #ic-partner-margins-heart-group{ -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } #ic-partner-repository-zoom-group{ -webkit-animation-name: headShake; animation-name: headShake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } #partner-repository-block:hover #ic-partner-repository-zoom-group{ -webkit-animation-name: headShake; animation-name: headShake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } #ic-partner-repository-zoom-bits{ -webkit-animation-name: ic-partner-no-initial-investment-stars-group-anim; animation-name: ic-partner-no-initial-investment-stars-group-anim; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } #partner-repository-block:hover #ic-partner-repository-zoom-bits{ -webkit-animation-name: ic-partner-no-initial-investment-stars-group-anim; animation-name: ic-partner-no-initial-investment-stars-group-anim; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } #ic-partner-no-initial-investment-dollar-sign-group{ -webkit-animation-name: svg-easy-deployment-box-anim; animation-name: svg-easy-deployment-box-anim; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } #partner-no-initial-investment-block:hover #ic-partner-no-initial-investment-dollar-sign-group{ -webkit-animation-name: svg-easy-deployment-box-anim; animation-name: svg-easy-deployment-box-anim; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #ic-partner-no-initial-investment-stars-group{ -webkit-animation-name: ic-partner-no-initial-investment-stars-group-anim; animation-name: ic-partner-no-initial-investment-stars-group-anim; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } #partner-no-initial-investment-block:hover #ic-partner-no-initial-investment-stars-group{ -webkit-animation-name: ic-partner-no-initial-investment-stars-group-anim; animation-name: ic-partner-no-initial-investment-stars-group-anim; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } @keyframes ic-partner-no-initial-investment-stars-group-anim { 0% { opacity: 0; transform: translate(0px, 0px); } 52% { opacity: 0; transform: translate(0px, 0px); } 70% { opacity: 100; transform: translate(0px, -8px); } 94% { opacity: 100; transform: translate(0px, 0px); } 100% { transform: translate(0px, -5px); opacity: 0; } } @-webkit-keyframes ic-partner-no-initial-investment-stars-group-anim { 0% { opacity: 0; transform: translate(0px, 0px); } 52% { opacity: 0; transform: translate(0px, 0px); } 70% { opacity: 100; transform: translate(0px, -8px); } 94% { opacity: 100; transform: translate(0px, 0px); } 100% { transform: translate(0px, -5px); opacity: 0; } } /*Benefits SVG animations------------------------------*/ /*Easy-Deployment---------------------------*/ #benefits-easy-deployment-block:hover *{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; animation-direction:normal; } #svg-easy-deployment-box, #svg-easy-deployment-arrow, #svg-easy-deployment-effect-1st, #svg-easy-deployment-effect-2nd{ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; animation-direction: reverse; -webkit-animation-play-state: paused ; /* Safari 4.0 - 8.0 */ animation-play-state: paused; -webkit-animation-name: svg-easy-deployment-box-anim; animation-name: svg-easy-deployment-box-anim; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } #svg-easy-deployment-effect-1st, #svg-easy-deployment-effect-2nd{ animation-delay: 0.05s; } @keyframes svg-easy-deployment-box-anim{ 0%{transform: translateY(-80px); opacity: 0;} 50%{transform: translateY(-40px);} 60%{transform: translateY(10px); opacity: 1;} 65%{transform: translateY(-5px); opacity: 1;} 70%{transform: translateY(0px); opacity: 1;} 75%{transform: translateY(-2px); opacity: 1;} 80%{transform: translateY(0px); opacity: 1;} 100%{transform: translateY(0px); opacity: 1;} } @-webkit-keyframes svg-easy-deployment-box-anim{ 0%{transform: translateY(-80px); opacity: 0;} 50%{transform: translateY(-40px);} 60%{transform: translateY(10px); opacity: 1;} 65%{transform: translateY(-5px); opacity: 1;} 70%{transform: translateY(0px); opacity: 1;} 75%{transform: translateY(-2px); opacity: 1;} 80%{transform: translateY(0px); opacity: 1;} 100%{transform: translateY(0px); opacity: 1;} } /*END-of-Easy-Deployment---------------------------*/ /*Customizable---------------------------*/ #benefits-customizable-interface-block:hover *{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #svg-customizable-path-purple{ animation-delay: 0.8s; -webkit-animation-delay: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */ animation-play-state: paused; -webkit-animation-name: svg-customizable-path-purple-anim; animation-name: svg-customizable-path-purple-anim; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #svg-customizable-path-green{ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */ animation-play-state: paused; -webkit-animation-name: svg-customizable-path-green-anim; animation-name: svg-customizable-path-green-anim; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @keyframes svg-customizable-path-purple-anim{ 0%{ } 50% { stroke-width: 10; stroke-dashoffset: 74; stroke-dasharray: 60; } 100%{ stroke-dasharray: 2; } } @-webkit-keyframes svg-customizable-path-purple-anim{ 0%{ } 50% { stroke-width: 10; stroke-dashoffset: 74; stroke-dasharray: 60; } 100%{ stroke-dasharray: 2; } } @keyframes svg-customizable-path-green-anim{ 0% { stroke-width: 1; stroke-dashoffset: 0; stroke-dasharray: 0; } 50%{ stroke-width: 20; stroke-dashoffset: 100; stroke-dasharray: 100; } 100% { stroke-width: 1; stroke-dashoffset: 0; stroke-dasharray: 0; } } @-webkit-keyframes svg-customizable-path-green-anim{ 0% { stroke-width: 1; stroke-dashoffset: 0; stroke-dasharray: 0; } 50%{ stroke-width: 20; stroke-dashoffset: 100; stroke-dasharray: 100; } 100% { stroke-width: 1; stroke-dashoffset: 0; stroke-dasharray: 0; } } /*END of Customizable---------------------------*/ /*Scriptable---------------------------*/ #benefits-scriptable-block:hover *{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #benefits-scriptable-block:hover #svg-scriptable-text-initial{ opacity: 0; } #svg-scriptable-text-anim-mask *{ -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */ animation-play-state: paused; -webkit-animation-name: svg-scriptable-text-anim-mask-anim; animation-name: svg-scriptable-text-anim-mask-anim; -webkit-animation-duration: 2s; animation-duration: 2s; opacity: 0; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); } @keyframes svg-scriptable-text-anim-mask-anim { 0% {opacity: 1;}90%{transform: translateX(-80px); opacity: 1;}100%{opacity: 0;} } @-webkit-keyframes svg-scriptable-text-anim-mask-anim { 0% {opacity: 1;}90%{transform: translateX(-80px); opacity: 1;}100%{opacity: 0;} } /*END-of-Scriptable--------------------*/ /*Integrate-----------------------------*/ #benefits-integrate-block:hover *{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #benefits-integrate-block:hover #svg-integrate-mask{ display: block !important; } #benefits-integrate-block *{ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } /* #svg-integrate-group{ -webkit-animation-name: svg-integrate-group-anim; animation-name: svg-integrate-group-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform-origin: bottom right; -webkit-animation-play-state: running; animation-play-state: running; } @keyframes svg-integrate-group-anim { 0% {} 100%{transform: translate(10, 10) rotate(-45deg);} } */ #svg-integrate-mask{ -webkit-animation-name: svg-integrate-mask-anim; animation-name: svg-integrate-mask-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @keyframes svg-integrate-mask-anim { 0% { opacity: 1; } 90% {opacity: 0;} 100%{opacity: 1;} } @-webkit-keyframes svg-integrate-mask-anim { 0% { opacity: 1; } 90% {opacity: 0;} 100%{opacity: 1;} } #svg-integrate-line-middle, #svg-integrate-line-bottom{ -webkit-animation-name: svg-integrate-line-middle-anim; animation-name: svg-integrate-line-middle-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @keyframes svg-integrate-line-middle-anim{ 0% { stroke-dashoffset: 200; stroke-dasharray: 10; } 50%{ stroke-dashoffset: 0; stroke-dasharray: 0; } } @-webkit-keyframes svg-integrate-line-middle-anim{ 0% { stroke-dashoffset: 200; stroke-dasharray: 10; } 50%{ stroke-dashoffset: 0; stroke-dasharray: 0; } } #svg-integrate-line-top { -webkit-animation-name: svg-integrate-line-top-anim; animation-name: svg-integrate-line-top-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @keyframes svg-integrate-line-top-anim{ 0% { stroke-dashoffset: 0; stroke-dasharray: 0; } 20%{ stroke-dashoffset: 120; stroke-dasharray: 10; } } @-webkit-keyframes svg-integrate-line-top-anim{ 0% { stroke-dashoffset: 0; stroke-dasharray: 0; } 20%{ stroke-dashoffset: 120; stroke-dasharray: 10; } } /*END of Integrate-----------------------------*/ /*Compatibility-----------------------------*/ #benefits-compatibility:hover *{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running } #benefits-compatibility *{ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #shock-green { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-name: shock-green-anim; animation-name: shock-green-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } #shock-purple-L { -webkit-animation-name: shock-purple-L-anim; animation-name: shock-purple-L-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } #shock-purple-R { -webkit-animation-name: shock-purple-R-anim; animation-name: shock-purple-R-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } #sqr-green{ -webkit-animation-name: sqr-green-anim; animation-name: sqr-green-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } #sqr-purple{ -webkit-animation-name: sqr-purple-anim; animation-name: sqr-purple-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @keyframes shock-green-anim { 0% { transform: translate(0px, 0px) rotate(-45deg); opacity: 0; } 5%{ opacity: 1; } 10% { transform: translate(-20px, -20px) rotate(-45deg); } 25%{ opacity: 1; } 65%{ opacity: 0; } 100% { transform: translate(-15px, -15px) rotate(-45deg); opacity: 0; } } @-webkit-keyframes shock-green-anim { 0% { transform: translate(0px, 0px) rotate(-45deg); opacity: 0; } 5%{ opacity: 1; } 10% { transform: translate(-20px, -20px) rotate(-45deg); } 25%{ opacity: 1; } 65%{ opacity: 0; } 100% { transform: translate(-15px, -15px) rotate(-45deg); opacity: 0; } } @keyframes shock-purple-L-anim { 0% { transform: translate(70px, 95px) rotate(75deg); opacity: 0; } 5% { transform: translate(60px, 92px) rotate(75deg); opacity: 1; } 15%{ opacity: 1; } 65%{ opacity: 0; } 100% { transform: translate(65px, 95px) rotate(75deg); opacity: 0; } } @-webkit-keyframes shock-purple-L-anim { 0% { transform: translate(70px, 95px) rotate(75deg); opacity: 0; } 5% { transform: translate(60px, 92px) rotate(75deg); opacity: 1; } 15%{ opacity: 1; } 65%{ opacity: 0; } 100% { transform: translate(65px, 95px) rotate(75deg); opacity: 0; } } @keyframes shock-purple-R-anim { 5% { transform: translate(118px, -2px) rotate(0deg); opacity: 0; } 10% { transform: translate(118px, -20px) rotate(0deg); opacity: 1; } 15%{ opacity: 1; } 65%{ opacity: 0; } 100% { transform: translate(118px, -20px) rotate(0deg); opacity: 0; } } @-webkit-keyframes shock-purple-R-anim { 5% { transform: translate(118px, -2px) rotate(0deg); opacity: 0; } 10% { transform: translate(118px, -20px) rotate(0deg); opacity: 1; } 15%{ opacity: 1; } 65%{ opacity: 0; } 100% { transform: translate(118px, -20px) rotate(0deg); opacity: 0; } } @keyframes sqr-green-anim { 0% { transform: translate(0px, -18px) rotate(0deg); opacity: 0; } 5% { transform: translate(0px, -2px) rotate(0deg); opacity: 1; } 15%{ opacity: 1; } 65%{ opacity: 1; } 100% { transform: translate(0px, -2px) rotate(0deg); opacity: 1; } } @-webkit-keyframes sqr-green-anim { 0% { transform: translate(0px, -18px) rotate(0deg); opacity: 0; } 5% { transform: translate(0px, -2px) rotate(0deg); opacity: 1; } 15%{ opacity: 1; } 65%{ opacity: 1; } 100% { transform: translate(0px, -2px) rotate(0deg); opacity: 1; } } @keyframes sqr-purple-anim { 0% { transform: translate(0px, 2px) rotate(0deg); opacity: 1; } 5% { transform: translate(0px, -2px) rotate(0deg); opacity: 1; } 15%{ opacity: 1; } 65%{ opacity: 1; } 100% { transform: translate(0px, -2px) rotate(0deg); opacity: 1; } } @-webkit-keyframes sqr-purple-anim { 0% { transform: translate(0px, 2px) rotate(0deg); opacity: 1; } 5% { transform: translate(0px, -2px) rotate(0deg); opacity: 1; } 15%{ opacity: 1; } 65%{ opacity: 1; } 100% { transform: translate(0px, -2px) rotate(0deg); opacity: 1; } } /*END of Compatibility-----------------------------*/ /*Collab Editing----------------------------------*/ #benefits-collab-editing:hover *{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running } #svg-collab-editing{ -webkit-animation-name: svg-collab-editing-anim; animation-name: svg-collab-editing-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform-origin: bottom left; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #benefits-collab-editing-textandcursor{ -webkit-animation-name: svg-collab-editing-anim; animation-name: svg-collab-editing-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform-origin: top right; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #benefits-collab-editing-img{ -webkit-animation-name: svg-collab-editing-img-anim; animation-name: svg-collab-editing-img-anim; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-opacity: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } @keyframes svg-collab-editing-img-anim{ 0% { stroke-dashoffset: 200; stroke-dasharray: 188; } 100%{ } } @-webkit-keyframes svg-collab-editing-img-anim{ 0% { stroke-dashoffset: 200; stroke-dasharray: 188; } 100%{ } } @keyframes svg-collab-editing-anim{ 0% { transform: translate(0px, 0px) rotate(-45deg); opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes svg-collab-editing-anim{ 0% { transform: translate(0px, 0px) rotate(-45deg); opacity: 0; } 100%{ opacity: 1; } } /*END of Collab Editing----------------------------------*/ /*SLA----------------------------------------------*/ .shirt-button { -webkit-animation-name: shirt-btn-anim; animation-name: shirt-btn-anim; -webkit-animation-duration: 4s; animation-duration: 4s; stroke-opacity: 1; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-direction: reverse; stroke-dashoffset: 5; stroke-dasharray: 500; -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */ animation-play-state: paused; } #benefits-sla-block:hover #svg-sla > .shirt-button{ -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } @keyframes shirt-btn-anim { to { stroke-dashoffset: 1000; } } @-webkit-keyframes shirt-btn-anim { to { stroke-dashoffset: 1000; } } .underlined-outline{ -webkit-animation-name: underlined-outline-animate; animation-name: underlined-outline-animate; -webkit-animation-duration: 2s; animation-duration: 2s; stroke-dashoffset: 100; stroke-dasharray: 50; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-direction: alternate; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #benefits-sla-block:hover #svg-sla > .underlined-outline{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } @keyframes underlined-outline-animate { to { stroke-dashoffset: 0; } } @-webkit-keyframes underlined-outline-animate { to { stroke-dashoffset: 0; } } /*END of SLA----------------------------------------------*/ /*On Premise Locker----------------------------------------------*/ #svg-on-premise-locker-spinning{ -webkit-animation-name: on-premise-locker-spinning-anim; animation-name: on-premise-locker-spinning-anim; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-direction: alternate; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #benefits-on-premise-block:hover #svg-on-premise-locker-spinning { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } @keyframes on-premise-locker-spinning-anim { to { stroke-dashoffset: 1000; stroke-dasharray: 188; } } @-webkit-keyframes on-premise-locker-spinning-anim { to { stroke-dashoffset: 1000; stroke-dasharray: 188; } } /*END of On Premise Locker----------------------------------------------*/ /*Cloud apps----------------------------------------------*/ #svg-on-cloud-apps-data-outline{ -webkit-animation-name: on-cloud-apps-data-outline-anim; animation-name: on-cloud-apps-data-outline-anim; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-out; animation-direction: normal; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } #benefits-cloud-block:hover #svg-on-cloud-apps > #svg-on-cloud-apps-data-outline { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; /* Safari 4.0 - 8.0 */ animation-play-state: running; } @keyframes on-cloud-apps-data-outline-anim{ 0%{stroke-opacity: 0;stroke-dasharray:4, 16;stroke-dashoffset:28.44924545;} 35%{stroke-opacity: 1;} 90%{stroke-dashoffset: 20;stroke-dasharray: 2,0; stroke-opacity: initial;} 100% {stroke-opacity: 0;stroke-dashoffset: 20;stroke-dasharray: 3,0;} } @-webkit-keyframes on-cloud-apps-data-outline-anim{ 0%{stroke-opacity: 0;stroke-dasharray:4, 16;stroke-dashoffset:28.44924545;} 35%{stroke-opacity: 1;} 90%{stroke-dashoffset: 20;stroke-dasharray: 2,0; stroke-opacity: initial;} 100% {stroke-opacity: 0;stroke-dashoffset: 20;stroke-dasharray: 3,0;} } /*END of Cloud apps----------------------------------------------*/ /*END of Benefits SVG animations------------------------------*/ .benefits-iconandtext-block:hover > p > span{ background: rgb(67, 194, 0); padding: 0px; border-radius: 3px; display:inline-block; color: #2c2c2c; } .subscribe-box > .well { animation-name: anim-subscribe-box; animation-duration: 1s; animation-timing-function: ease-out; animation-direction: alternate; animation-iteration-count: 4; } @keyframes anim-subscribe-box { from {background-color: rgba(250, 250, 250, 0.7); border-color: #DADADA;} to {background-color: white; border-color: #504999; transform: translate(0,-40px); } } @-webkit-keyframes anim-subscribe-box { from {background-color: rgba(250, 250, 250, 0.7); border-color: #DADADA;} to {background-color: white; border-color: #504999; transform: translate(0,-40px);} } .animated-glow{ animation-name: anim-primary-button; animation-duration: 1s; animation-timing-function: ease-in-out; animation-direction: alternate; animation-iteration-count: infinite; } @keyframes anim-primary-button { from {box-shadow: 0px 1px 8px 2px #0006;} to { box-shadow: 0px 0px 4px 2px #5E3DCC; transform: scale(0.99)} } @-webkit-keyframes anim-primary-button { from {box-shadow: 0px 1px 8px 2px #0006;} to { box-shadow: 0px 0px 4px 2px #5E3DCC; transform: scale(0.99)} } /*END of SVG animations------------------------------*/ } /* -----------------------Laptop 1024px */ @media screen and ( max-width: 1024px ) { .block_with_bg_back.generic_featured_img{ height: 432px; } .navbar-nav .menu-item{ padding-right: 20px !important; } .navbar-default .navbar-nav > #menu-item-5474 > a, .navbar-default .navbar-nav > #menu-item-14293 > a, navbar-default .navbar-nav > #menu-item-11257 > a, .navbar-default .navbar-nav > #menu-item-11569 > a, .navbar-default .navbar-nav > #menu-item-11884 > a, .navbar-default .navbar-nav > #menu-item-12209 > a, .navbar-default .navbar-nav > #menu-item-13394{ padding-left: 15px !important; padding-right: 15px !important; } .navbar-default .navbar-nav > #menu-item-5474, .navbar-default .navbar-nav > #menu-item-14293, .navbar-default .navbar-nav > #menu-item-11257, .navbar-default .navbar-nav > #menu-item-11569, navbar-default .navbar-nav > #menu-item-11884, navbar-default .navbar-nav > #menu-item-12209, navbar-default .navbar-nav > #menu-item-13394 { padding-right: 0px !important; } } /* -----------------------END---Laptop 1024px */ /* -----------------------Laptop 991px */ @media screen and ( max-width: 991px ) { #home-banner h1, #home-banner .block_with_bg_subtitle, #pricing-banner h1{color: #fff !important;} .block_with_bg_back.generic_featured_img{ height: 300px; } #footer-area > .footer-inner{ width: auto; } .container.main-content-area{width: auto;} .block_with_bg_front { width: 57% !important; padding: 0 0 0 8% !important; position: absolute !important; top: 0; color: #fff !important; } .block_with_bg_front > .block_with_bg_front_text > * {color: #fff !important;} } /* -----------------------END---991px */ /* -----------------------Laptop 988px */ @media screen and ( max-width: 988px ) { .container.main-content-area{width: auto;} .benefits{font-size: 14px !important;} } /* -----------------------END---Laptop 988px */ /* -----------------------Laptop 967px */ @media screen and ( max-width: 967px ) { .block_with_bg_title.block_title.block_text_clear{ font-size: 47px !important; } } /* -----------------------END---Laptop 967px */ /* -----------------------Laptop 958px */ @media screen and ( max-width: 958px ) { .block_with_bg_title.block_title.block_text_clear{ font-size: 46px !important; } .block_two_columns .block_column_1, .block_two_columns .block_column_2 { width: 49% !important; } .block_button { line-height: 2 !important; } } /* -----------------------END---Laptop 952px */ /* -----------------------Nexus10 and 934px */ @media screen and ( max-width: 934px ) { .navbar-header{ width: 48px !important; margin: auto !important; margin-top: 10px !important; margin-bottom: 10px !important; } .navbar-nav { width: 95.3% !important; float: left !important; } .container.main-content-area{ width: auto !important; margin-left: 0px !important; margin-right: 0px !important; } .navbar-nav .menu-item{ padding-right: 0px !important; } .block_with_bg_back.generic_featured_img{ height: 400px; } .block_with_bg_title.block_title.block_text_clear{ font-size: 38px !important; } .benefits { width: 100% !important; margin-top: -20px !important; text-align: left; padding-left: 28% !important; } .block_text_paragraph_highlighted > p > a{ font-size: 15px !important; } } /* -----------------------END---Nexus10 and 934px * /* -----------------------785px */ @media screen and ( max-width: 785px ) { .site-navigation-inner{padding: 0px !important;} .block_with_bg_title.block_title.block_text_clear{ font-size: 36px !important; margin-bottom: 86px !important; } } /* -----------------------END---785px * /* -----------------------iPad and 768 */ @media screen and ( max-width: 768px ) { .navbar-header{ width: 48px !important; margin: auto !important; margin-top: 10px !important; margin-bottom: 10px !important; } .navbar-nav { width: 95.3% !important; float: left !important; } #logo{ margin: 10px !important; } .site-navigation-inner{padding: 0px !important;} .container.main-content-area{ width: auto !important; margin-left: 0px !important; margin-right: 0px !important; } .navbar-nav .menu-item{ padding-right: 0px !important; } #home-banner{width: auto !important;} /*#home-banner .block_title{display: none;}*/ .block_with_bg_front_text > .one.spacing{ display: none !important; } .block_title, .block_with_bg_title, .block_with_bg_subtitle{ color: #fff !important; } .block_with_bg_title.block_title.block_text_clear { font-size: 37px !important; } .block_with_bg_front_text > h1{ margin: 0px; } .block_with_bg_front > .block_with_bg_front_text > .block_with_bg_button{ margin-top: 20px !important; } /*||||||||||Buttons*/ .btn-default , .block_button.block_button{ padding-top:3px !important; padding-bottom: 3px !important; } .block_button { width: auto !important; } .btn-default , .block_button{ line-height: 48px !important; } .block_interior_with_bg_button{ margin-top: 20px; width: auto !important; } .block_interior_low_margin_with_bg_button{ margin-top: 9px; width: auto !important; } /*|||END |||||||Buttons*/ /*+++add shadow to dropdown menus and increase height*/ #menu-new-menu > li > .dropdown-menu, #menu-new-menu-es > li > .dropdown-menu, #menu-new-menu-de > li > .dropdown-menu, #menu-new-menu-pt-br > li > .dropdown-menu, #menu-new-menu-it > li > .dropdown-menu, #menu-new-menu-tr > li > .dropdown-menu{ top: 80%; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); } #menu-new-menu > li > .dropdown-menu > li > a, #menu-new-menu-es > li > .dropdown-menu > li > a, #menu-new-menu-de > li > .dropdown-menu > li > a, #menu-new-menu-pt-br > li > .dropdown-menu > li > a, #menu-new-menu-it > li > .dropdown-menu > li > a, #menu-new-menu-tr > li > .dropdown-menu > li > a{ padding-top: 16px; padding-bottom: 16px; } /*+++ END +++ add shadow to dropdown menus and increase height*/ /*+++taken and adjusted from additional css*/ .block_with_bg_front { /*width:auto !important;*/ height: 300px !important; padding:20px !important; /*! display: flex !important; */ align-content:center !important; justify-content: center !important; /*position:relative !important;*/ float:left; color:#4a4a4a } .block_with_bg_front_text{ /* Turn on to center horizontally max-width: 50% !important; */ align-self: center !important; } .block_title,.block_with_bg_title { /*color:#4a4a4a !important*/ } .block_subtitle,.block_with_bg_subtitle { /*color:#4a4a4a !important*/ } .block_plain_text,.block_with_bg_plain_text { display:block; /*color:#4a4a4a !important*/ } /*++++++++++++++++*/ .block_two_columns .block_column_1, .block_two_columns .block_column_2 { width: 49% !important; } .benefits { max-width: 100% !important; margin-top: -20px !important; text-align: left; } .block_text_paragraph_highlighted > p > a{ font-size: 14px !important; } } /* -----------------------END---iPad and 768*/ /* -----------------------767px */ @media screen and ( max-width: 767px ) { .navbar-toggle { display: none; } .navbar-header{ float: left; } .navbar-nav { width: auto !important; float: none !important; } .navbar-collapse.navbar-ex1-collapse.collapse.in{ padding-right: 0px; } #logo{ margin: 10px !important; } .site-navigation-inner{padding: 0px !important;} .block_lang_selector{ visibility: hidden; } .block_with_bg_title.block_title.block_text_clear{ margin-bottom: 30px !important; } .block_with_bg_front > .block_with_bg_front_text > .block_with_bg_button{ margin-top: 0px !important; } .block_text_purple.interested_pricing{ display: none !important; } .block_with_bg_subtitle.block_subtitle.block_text_purple > strong{ font-size: 12px; } .collapse{ /*display: block;*/ } .navbar-nav > #menu-item-5474, .navbar-nav > #menu-item-14293, .navbar-nav > #menu-item-11257, .navbar-nav > #menu-item-11569, .navbar-nav > #menu-item-11884, .navbar-nav > #menu-item-12209, .navbar-nav > #menu-item-13394 { padding-top: 10px !important; margin-right: 10px !important; } } /* -----------------------END---767px */ /* -----------------------728px */ @media screen and ( max-width: 728px ) { #menu-new-menu > li > .dropdown-menu, #menu-new-menu-es > li > .dropdown-menu, #menu-new-menu-de > li > .dropdown-menu, #menu-new-menu-pt-br > li > .dropdown-menu{ position: absolute; float: none; } #menu-new-menu > li, #menu-new-menu-es > li, #menu-new-menu-de > li{ } #menu-new-menu > li > a, #menu-new-menu-es > li > a, #menu-new-menu-de > li > a, #menu-new-menu-pt-br > li > a{ font-size: 16px !important; padding-right: 20px !important; } .block_with_bg_title.block_title.block_text_clear{ font-size: 32px !important; margin-bottom: 46px !important; } } /* -----------------------END---728px */ /* -----------------------716px */ @media screen and ( max-width: 716px ) { #menu-new-menu > li > .dropdown-menu, #menu-new-menu-es > li > .dropdown-menu, #menu-new-menu-de > li > .dropdown-menu, #menu-new-menu-pt-br > li > .dropdown-menu{ position: absolute; float: none; } #menu-new-menu > li, #menu-new-menu-es > li, #menu-new-menu-de > li{ } #menu-new-menu > li > a, #menu-new-menu-es > li > a, #menu-new-menu-de > li > a, #menu-new-menu-pt-br > li > a{ font-size: 14px !important; padding-right: 20px !important; } .block_with_bg_title.block_title.block_text_clear{ font-size: 32px !important; margin-bottom: 46px !important; } } /* -----------------------END---716px */ /* -----------------------600px */ @media screen and ( max-width: 600px ) { #menu-new-menu > li > a, #menu-new-menu-es > li > a, #menu-new-menu-de > li > a, #menu-new-menu-pt-br > li > a{ font-size: 14px !important; padding-right: 8px !important; } .block_with_bg_back.generic_featured_img{ height: 380px; } .block_with_bg_back.generic_featured_img > img { bottom: 0; height: 100%; left: 0; object-fit: cover; object-position: right; position: absolute !important; right: 0; top: 0; width: 100%; } } @media screen and ( max-width: 516px ) { #home-banner h1{ font-size: 150%!important; margin-bottom: 0px !important; } #home-pricing-txt{visibility: hidden;} } /* -----------------------Pixel */ @media screen and ( max-width: 411px ) { #menu-new-menu > li > .dropdown-menu, #menu-new-menu-es > li > .dropdown-menu, #menu-new-menu-de > li > .dropdown-menu, #menu-new-menu-pt-br > li > .dropdown-menu{ position: static; float: none; } #libreoffice-from-collabora-banner{ padding-top: 0px !important; padding-bottom: 0px !important; display: flex !important; justify-self: center !important; flex-direction: column !important; text-align: center !important; } #libreoffice-from-collabora-banner h1{ margin-top: 0px !important; } #menu-new-menu > li > a, #menu-new-menu-es > li > a, #menu-new-menu-de > li > a, #menu-new-menu-pt-br > li > a{ padding-right: 40px !important; } #menu-new-menu > li:last-of-type, #menu-new-menu-es > li:last-of-type, #menu-new-menu-de > li:last-of-type, #menu-new-menu-pt-br > li:last-of-type{ float: left !important; } .navbar-toggle { display: block !important; margin: 10px !important; float: left !important; } .navbar-header{ margin-left: 8px !important; margin-right: 12px !important; float: left !important; width: 100% !important; } .navbar-nav > li { float: none !important; } #logo { float: right !important; } .navbar-nav > #menu-item-5474, .navbar-nav > #menu-item-14293, .navbar-nav > #menu-item-11257, .navbar-nav > #menu-item-11569, .navbar-nav > #menu-item-11884, .navbar-nav > #menu-item-12209, .navbar-nav > #menu-item-13151, .navbar-nav > #menu-item-13394 { float: none !important; } .navbar-nav { width: 100% !important; } #menu-item-5474 > a:nth-child(1) { /*! padding: 0px !important; */ width: 100% !important; text-align: center !important; } .block_with_bg > .block_with_bg_front{ width: 100% !important; } .block_with_bg_back.generic_featured_img > img { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .block_with_bg_back.generic_featured_img{ background-color: black; background-image: radial-gradient(#100d77 30%, #177e7a); } .block_with_bg_front{ padding-top: 80px !important; } .block_with_bg_title.block_title.block_text_clear { margin-bottom: 0px !important; } .btn-default , .block_button.block_button_brand_color.block_text_clear, .block_button.block_button_clear.block_text_brand_color.animated-glow{ font-size: 12px !important; } .block_interior_white_reduced_top_padding, .block_interior_grey_reduced_top_padding, .block_interior_purple_reduced_top_padding{ padding-left: 4% !important; padding-right: 4% !important; } #pricing-banner{background: none !important;} #pricing-banner h1.block_title{color: #4a4a4a !important;} #pricing-banner h3.bar_text_center, h1#education_institution_or_ngo, h1#multi_year_discounts{color: #4a4a4a !important; box-shadow: none !important;} .pricing-card h4 {width: 70%;} .pricing-card .block_button {width: 100% !important;} .block_text_paragraph_highlighted > h1{ font-size: 16px; } .block_text_paragraph_highlighted > p{ font-size: 13px !important; } .benefits{ padding-left: 0px !important; } .block_interior_white > h1{ margin-top: 60px; } .block_interior_with_bg_button { padding: 20px 0 20px !important; } #menu-item-5472 > ul{ right: 0px !important; left: auto; } .block_with_bg_front_text_faq{ margin-top: auto; position: absolute; top: 0 !important; } #post-5349 > div > .block_with_bg > .block_with_bg_back > img{ height: 356px; object-fit: cover; object-position: center; } #post-5280 > div > .block_with_bg > .block_with_bg_back > img{ height: 356px; object-fit: cover; object-position: center; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } #post-5280 > div > .block_with_bg > .block_with_bg_back{ background-color: black; background-image: radial-gradient(#100d77 30%, #177e7a) !important; } #post-5518 > div > .block_with_bg > .block_with_bg_back > img{ height: 356px; object-fit: cover; object-position: center; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } #post-5518 > div > .block_with_bg > .block_with_bg_back{ background-color: black; background-image: radial-gradient(#100d77 30%, #177e7a) !important; } #post-3999 > div > .block_with_bg > .block_with_bg_back > img{ height: 298px; object-fit: cover; object-position: center; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } #post-3999 > div > .block_with_bg > .block_with_bg_back{ background-color: black; background-image: radial-gradient(#100d77 30%, #177e7a) !important; } #post-3999 .partner_portal_login_form{ width: auto !important; } .block_with_bg_front > .block_with_bg_front_text_faq > h1{ color: white !important; } .faq-section > label{ height: auto !important; } .wp-image-3453{ height: 356px; object-fit: cover; object-position: center; } .block_news_and_events{ padding-left: 3% !important; padding-right: 3% !important; } .block_news_and_events > .block_news{ border: none !important; } .main-content-area{ padding-top: 50px; } .subscribe-box{ left: 0px !important; } } /* -----------------------iphone */ @media screen and (max-width:375px){ .footer-inner{padding-left: 0px !important;padding-right: 0px !important;} .footer-widget-area > div {margin-left: 8% !important;} .site-info{padding: 0px !important;} .site-info .copyright {padding: 0 8% !important;} /*Become a partner subtitle*/ #post-5518 .block_with_bg_subtitle.block_subtitle.block_text_clear{ color:white !important;} /*Pricing image at the top*/ #post-5280 .block_with_bg_back{display:none !important;} .block_interior_white > h1, .block_with_bg h1:nth-child(1) { margin-top: 0px !important; } #post-5209 > .entry-content > .block_with_bg > .block_with_bg_front { padding-top: 0px !important; } .wp-image-2573{padding-top: 0px !important;} #footer-area .footer-widget-area{ padding-left: 0px !important; } #nav_menu-2, #nav_menu-3{ padding-left: 15px; } .dropdown-menu{ font-size: 12px !important; } #menu-item-5457 .dropdown-menu{ left: auto !important; right: 0px !important; } #menu-new-menu > li > a, #menu-new-menu-es > li > a, #menu-new-menu-de > li > a, #menu-new-menu-pt-br > li > a { padding-right: 24px !important; padding-left: 0px !important; } #masthead{padding: 0px;position: relative !important;} #page .main-content-area{ margin-top: 0px !important; } #home-banner{padding-top: 0px !important;} #content > .container{ padding: 0px;} #menu-new-menu > #menu-item-5474, #menu-new-menu-es > #menu-item-11257, #menu-new-menu-de > #menu-item-11569, #menu-new-menu-zh-tw > #menu-item-11884, #menu-new-menu-fr > #menu-item-12209, #menu-new-menu-it > #menu-item-13151, #menu-new-menu-tr > #menu-item-14293, #menu-new-menu-pt-br > #menu-item-13394{ padding: 0px; width: 80px; padding-bottom: 10px; padding-top: 10px; float: right !important; margin-right: 36px !important; } #menu-new-menu > #menu-item-5474 > a, #menu-new-menu-es > #menu-item-11257 > a, #menu-new-menu-de > #menu-item-11569 > a, #menu-new-menu-zh-tw > #menu-item-11884 > a, #menu-new-menu-fr > #menu-item-12209 > a, #menu-new-menu-it > #menu-item-13151 > a, #menu-new-menu-tr > #menu-item-14293 > a, #menu-new-menu-pt-br > #menu-item-13394 > a{ padding-right: 1.2em !important; padding-bottom: 10px !important; padding-top: 10px !important; } #footer-area{overflow-x: auto;} .navbar-nav > #menu-item-5474 > a, .navbar-default .navbar-nav > #menu-item-14293 > a, .navbar-nav > #menu-item-11257 > a, .navbar-nav > #menu-item-11569 > a, .navbar-nav > #menu-item-11884 > a, .navbar-nav > #menu-item-12209 > a, .navbar-nav > #menu-item-13151 > a, .navbar-nav > #menu-item-13394 > a{ float: left; padding: 0px !important; display: block; } .block_with_bg_front{ width: auto !important; display: block !important; } .wp-image-2573{ padding-top: 64px; background-color: #22174B; } .block_with_bg_front_text > h1{ margin-top: 100px !important; } .block_with_bg_subtitle.block_subtitle.block_text_clear{ /*padding-top: 40px;*/ color: #474187 !important; } } /* -----------------------END iphone */ .footer-widget-area > div:first-child, .footer-widget-area > div:last-child{ padding-left: 0px !important; } #nav_menu-2{ width: 54% !important; } #nav_menu-3{ width: 46% !important; } #mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea{ width: 100% !important; } .mailpoet_text{ border: 1px solid #E8E8E8 !important; } /* subscribe form placed on the footer*/ .footer-widget .mailpoet_form { padding: 0; } .footer-widget .mailpoet_form .mailpoet_submit { min-height: 32px; background-color: white !important; padding: 0 14px !important; box-sizing: border-box; border-radius: 3px !important; color: #504999 !important; width: auto !important; margin: 6px 0 !important; } .footer-widget .mailpoet_form input[type="email"] { color: white; } .footer-widget .mailpoet_form form { padding: 0 !important; } .footer-widget .mailpoet_message p { text-align: left !important; width: 100%; } .current-menu-parent { text-decoration-color: #43c200; text-decoration-line: underline !important; text-decoration-style: double; } #post-5280 > div > div > .block_with_bg_front{ padding: 0px !important; display: flex; align-items: center; padding: 0px; flex-direction: column; } .block_lang_selector{ visibility: hidden; } .navbar.navbar-default { border-radius: 10px 10px 0px 0px; } .block_with_bg_back.generic_featured_img{ position: relative; max-height: 564px; } .block_button{border-radius: 3px !important;line-height: 2;} .block_button.block_button{padding: 3px 20px;} .block_button.block_button_brand_color.block_text_clear{ box-shadow: 0px 1px 4px 2px #0000001a; background-color: #504999; border: 0.5px inset rgb(170, 50, 220, 0); color: #fff; } .block_button.block_button_brand_color.block_text_clear:hover { color: #504999; background-color: white; box-shadow: 0px 1px 4px 2px #5049991a; border: 0.5px inset #504999; } .block_button.block_button_green_color.block_text_clear{ box-shadow: 0px 1px 4px 2px #0000001a; background-color: #43c200; border: 0.5px inset rgb(170, 50, 220, 0); color: #fff; } .block_button.block_button_green_color.block_text_clear:hover { color: #43c200; background-color: white; box-shadow: 0px 1px 4px 2px #5049991a; border: 0.5px inset #43c200; } .block_button.block_button_red_color.block_text_clear{ box-shadow: 0px 1px 4px 2px #0000001a; background-color: #b72333; border: 0.5px inset rgb(170, 50, 220, 0); color: #fff; } .block_button.block_button_red_color.block_text_clear:hover { color: #b72333; background-color: white; box-shadow: 0px 1px 4px 2px #5049991a; border: 0.5px inset #b72333; } .block_button.block_button_clear.block_text_brand_color, .block_button.block_button_clear.block_text_lo_color{ box-shadow: 0px 1px 8px 2px #0006; border-bottom: none; } .block_button.block_button_clear.block_text_brand_color:active{ color: #504999 !important; } .block_button.block_button_clear.block_text_brand_color:visited{ color: #504999 !important; } .block_button.block_button_clear.block_text_brand_color:link{ color: #504999 !important; } .block_button.block_button_clear.block_text_brand_color:hover{ color: white !important; background-color: #504999; } .block_button.block_button_clear.block_text_lo_color:active{ color: #10a500 !important; } .block_button.block_button_clear.block_text_lo_color:visited{ color: #10a500 !important; } .block_button.block_button_clear.block_text_lo_color:link{ color: #10a500 !important; } .block_button.block_button_clear.block_text_lo_color:hover{ color: white !important; background-color: #10a500; } #masthead { background-color: #ddd; padding-top: 10px; } /* ----------------------- Footer */ .footer-widget .widget_nav_menu h3, #footer-area .widgettitle { color: #e0e1ff !important; font-family: "CarlitoRegular", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.25; color: #fff; text-transform: uppercase; font-weight: 700; margin: 0 0 14px;} .footer-widget .widget_polylang * { color: white; } #footer-area a { color: #fafafa; } #footer-area .widget ul li a:hover { text-decoration-color: white; color: white; } #footer-area .widget ul li a { text-decoration: underline solid #3D3A6B; padding-bottom: 10px; } #footer-area .footer-widget-area{ /* background-image: linear-gradient(#3180AB -10%, #623FCC) !important;*/ background-color: #504999 !important; } div.copyright{ border-bottom-width: 2px !important; background: #504999 !important; } /* -----------------------END---Footer */ /* ----------------------- Links and text-decoration effect on title links */ .block_news{ border-right: 1px solid #47427a !important; } .block_news_and_events { background-color: #504999; } .block_event_header h1 a, .block_news_header h1 a{ color: #E0E1FF !important; } .block_event_title h2 a, .block_news_title h2 a, .block_news_item h2 a { color: #FFFFFF !important; } .block_event_title p, .block_news_title p{ color: #E0E1FF !important; } .block_event_title h2 a, .block_news_title h2 a { text-decoration: underline solid #fff !important; } .block_event_title h2 a:visited, .block_news_title h2 a:visited { text-decoration: underline solid #fff !important; } .block_event_title h2 a:hover, .block_news_title h2 a:hover{ text-decoration: underline solid #ffffff !important; } /* div.block_news_item > div > h2 > a { color: #FFF; } */ /* -----------------------END---Links and text-decoration effect on title links */ /* -----------------------Fix links inside posts and pages */ /*.post-inner-content > .entry-content > p > a {*/ .post-inner-content > .entry-content a { color: #504999; } article > .entry-content > p > a{ color: #504999; } /* -----------------------END---Fix links inside posts and pages */ /* -----------------------Nav bar and logo */ .navbar-default .navbar-nav > li > a{ color: #504999 !important; } .navbar-default .navbar-nav > li > a:hover{ color: #5e3dcc !important; text-decoration: underline; } .navbar-nav > .menu-item:last-child { padding-top: 18px; float:right !important; } .navbar-nav > .menu-item:last-child > a { background-color: white !important; border-radius: 3px !important; font-weight: normal !important; background-color: white; box-shadow: 0px 0px 4px 0px #6544d432 !important; border: 0.5px inset #5e3dcc !important; margin-top: auto; margin-bottom: auto; padding-top: 8px; padding-bottom: 8px; /*color: #5e3dcc !important;*/ } .navbar-nav > #menu-item-5474 > a:hover, .navbar-nav > #menu-item-14293 > a:hover, .navbar-nav > #menu-item-11257 > a:hover, .navbar-nav > #menu-item-11569 > a:hover, .navbar-nav > #menu-item-13394 > a:hover, .navbar-nav > #menu-item-11884 > a:hover, .navbar-nav > #menu-item-12209 > a:hover, .navbar-nav > #menu-item-13151 > a:hover , .navbar-nav > #menu-item-13394 > a:hover{ background-color: #5e3dcc !important; color: white !important; text-decoration: none; } .navbar-nav > li{ float:left; } .navbar-nav > li:hover{ background:none !important; } .navbar-header{width: 72px;} .navbar-nav { float: none !important; } #logo{ width:38px !important; float: left; } input[type=password] { border: 1px solid #5c3de2 !important; background:#5c3de203 !important; height: 33px !important; } #searchsubmit { font-size: 19px; } /* -----------------------END---Nav bar and logo */ /* erasing aditional paragraph element created by .style-svg plugin */ .style-svg + p { display: none; } /* ------------ */ .navbar .pll-parent-menu-item { text-decoration: none !important; } .navbar .pll-parent-menu-item .dropdown-toggle > span { display: none !important; } .navbar .pll-parent-menu-item .dropdown-toggle > span.caret { display: inline-block !important; } .social-icons a { line-height: 24px; height: 24px; width: 24px; } .widget.sparkling-social { float:left !important; } .restrict .gallery-item { display: none; } .restrict .gallery-item:first-child { display:block; } .wp-caption { padding: 0 0 4px 0px; box-shadow: 0 0 8px 1px rgba(0,0,0,0.15); border-radius:4px; } .circle-img-caption { border-radius: 130px;box-shadow: 0 0 8px 1px rgba(0,0,0,0.15);border: 1px solid #ccc; } .wp-caption img{ margin: 0px !important; width: 100%; } .wp-caption > .wpls-logo-showcase { padding: 0px !important; } .text-footnote, .text-footnote *{ color: #696969; } .text-author{ font-size: 14px; border-radius: 2px; font-weight: bold; } .text-footnote ul { padding-left: 0px; } .side-note{ padding: 8px !important; border-radius: 3px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.04); border-left: 1px dashed #504999ad; border-right: 1px dashed #504999ad; max-width: 100%; margin-bottom: 1.5em; background: #fafbff; color: #38257a; } .margin-auto{ margin:auto; } .side-note-large { background-color: aliceblue; font-weight: normal !important; } .side-note-large h3{ font-weight: normal !important; } .button-note{ font-size: small; float: none; clear: both; } .btn-default { color: #fff !important; text-transform: none; box-shadow: 0px 1px 4px 2px #0000001a; background-color: #504999 !important; border: 0.5px inset rgb(170, 50, 220, 0) !important; } .btn-default:hover { color: #504999 !important; background-color: white !important; box-shadow: 0px 1px 4px 2px #5049991a; border: 0.5px inset #504999 !important; } .faq-section-full-width, .faq-section-full-width * { cursor: pointer; } .faq-section-full-width { margin-top: 20px; margin-bottom: 20px; position: relative; background-color: #fff; border: 1px solid #504999; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .faq-section-full-width input { position: absolute; z-index: 2; cursor: pointer; opacity: 0; display: none; margin: 0; width: 100%; height: 36px; } .faq-section-full-width label { font-size: 1.125em; color: #504999; background: #fff; display: block; position: relative; min-height: 40px; height: auto; padding: 5px 10px; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.5); transition: all .15s ease-out; margin-left: 1%; margin-right: 1%; margin-top: 14px; } .faq-section-full-width input[type="checkbox"]:checked ~ label { } .faq-section-full-width p, .faq-section-full-width ul, .faq-section-full-width .table-responsive { display: none; } .faq-section-full-width label + p, .faq-section-full-width label + ul { display: block; color: #fff; font-size: .85em; transition: all .15s ease-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .faq-section-full-width input[type="checkbox"]:checked ~ p, .faq-section-full-width input[type="checkbox"]:checked ~ ul, .faq-section-full-width input[type="checkbox"]:checked ~ .table-responsive{ cursor: default; display: block; color: #000; font-size: 0.95em; text-overflow: clip; white-space: normal; overflow: visible; margin-left: 1%; margin-right: 1%; } .faq-section-full-width input[type="checkbox"]:checked ~ label::before { border: 6px solid transparent; border-top-color: inherit; margin-top: -3px; right: 10px; } .faq-section-full-width label::before { content: ''; position: absolute; right: 5px; top: 50%; margin-top: -6px; border: 6px solid transparent; border-left-color: inherit; } .leaflet-popup-tip-container { position: relative !important; } .center-cropped { width: 100%; background-position: center center; background-repeat: no-repeat; } /** * Custom CSS import from DB */ body { background:#DDD } body,.entry-content { font-family:"CarlitoRegular", liberation sans, sans; color:#4a4a4a } h1,h2,h3,h4,h5,h6 { font-family:Montserrat, liberation sans, sans; color:#4a4a4a } .site-main { border:none; padding:0!important } .well_code { padding:6px 10px } .hr_before_title { margin:36px 0 30px } .hr_after_title { margin:30px 0 40px } .hr_between_rows { margin:40px 0 } .plus_cloudsuite { color:#777; font-size:30px; padding:28px 0 0 } .img_separator { padding:22px 0 29px } .panel-default > .panel-heading { margin:0; padding:2% 10% 2% 2%; background:#fff } .table_core_reseller_logo { max-height:40px; max-width:100px } .panel-default > .panel-heading .panel_heading_image_left { float:left; width:60px } .panel-default > .panel-heading .panel_heading_text_right { float:left } .panel { float:left; margin-top:20px } .cat_type_row { float:left; width:100% } .cat_type_row_left { float:left; width:100% } .cat_type_row_right { float:left; width:100% } .cat_type_icon { float:left; width:68px } .cat_type_icon a { display:block; float:left; width:100%; padding:10px } .cat_type_label { float:left } .cat_type_label a { display:block; float:left; font-size:1.4em; font-weight:700; padding:27px 5px 10px 10px; text-decoration:none !important; width:100% } .cookie-notice-container { border-top:1px solid #dadada; padding:1px 10px } h2,.h2 { font-size:1.4em } .main-content-inner a,.main-content-inner a:hover { text-decoration:underline } a.btn,a.btn:hover,a.btn-default,a.btn-default:hover { text-decoration:none } .btn.btn-info,.btn.btn-success { border-bottom:2px solid #ccc; border-radius:2px; display:inline-block; font-family:Montserrat, liberation sans, sans; font-size:16px; font-weight:700; padding:3px 12px; text-align:center; text-decoration:none; background: #504999 none repeat scroll 0 0; margin-bottom:5px; border-top:none; border-left:none; border-right:none } .entry-title a { text-decoration:none } .entry-title a:hover { color:#444 } .form-control.newsletter_input_field { background:#fff none repeat scroll 0 0; border-radius:4px 0 0 4px } .mauticform-errormsg.newsletter_input_field_error { font-size:1em; left:0; top:-67px } .home .site-main .page-header { display:none } .entry-content { margin-top:0; font-size:16px } div.copyright { padding:0 2.4em; text-align:left; width:100% } .navbar-nav .menu-item:hover { background:#f2f2f2 } .carousel-caption { background-color:rgba(0,0,0,0.6); bottom:0; left:0; padding:10px; right:0; width:100% } #oscitas-slider-1 .carousel-caption .ebs-caption { font-size:1em !important; line-height:1.5; padding:0 0 10px } .carousel-indicators { bottom:6px } .carousel-caption h3 { font-weight:400 } .btn.btn-lg { white-space:normal } .custom_h1_home { font-size:1.3em; font-weight:400; color:#6b6b6b } .custom_h1_home a { color:#6b6b6b } .custom_home_2_block { background:#5C3DCC; color:#fff; content:" "; display:table; margin:2.5rem 1.5rem 1.5rem; position:relative; overflow:hidden } .custom_home_2_1_block { font-size:1.3em } .custom_home_h2 { color:#fff; font-size:1.6em; font-weight:400 } .custom_home_2_block a { color:#fff } .custom_home_2_block a:hover { color:#fff } .custom_home_subtitle { color:#fff; font-size:1.2em; margin:10px 0; font-weight:400 } .custom_home_2_2_block,.custom_home_2_3_block { background:#fff } .custom_home_2_2_block .caption-text,.custom_home_2_3_block .caption-text { background:#dad9d9 none repeat scroll 0 0; color:#000; font-size:.9em; padding:.4em .2em; text-align:center } .custom_home_3_1_block h2,.custom_home_3_2_block h2 { margin-top:0; font-weight:400 } .custom_home_3_3_block h2 { color:#000; margin-top:0; font-weight:400 } .custom_home_3_1_block { background:#43C200; color:#fff; min-height:24rem; padding:2rem; margin:0 0 2.5rem } .custom_home_3_2_block { background:#8B8B89; color:#fff; min-height:24rem; padding:2rem; margin:0 0 2.5rem } .custom_home_3_3_block { background:#DAD9D9; color:#000; min-height:24rem; padding:2rem; margin:0 0 2.5rem } .btn-default { background-color:#504999; border:medium none; border-radius:2px; font-family:Montserrat, liberation sans, sans; font-size:22px; font-weight:700; padding:3px 12px; text-align:center; text-decoration:none; text-shadow:unset; width:100% } .btn-default:hover { background-color:#321b81 } .btn.btn-default { color:#fff; text-transform:none box-shadow: 0px 1px 4px 2px #0000001a; background-color: #504999; border: 0.5px inset rgb(170, 50, 220, 0); } .cta-well { border-radius:3px; padding:9px; background:#F2F2F2; font-weight:700; text-align:center; line-height:1.9em } .cta-well .btn-default { background-color:#3EB500; border:#256E00; font-weight:700; text-shadow:unset } .cta-well .btn-default:hover { background-color:#256E00; border:#256E00 } .panel-heading { padding:0 } .accordion-toggle { display:block; color:#fff; padding:10px 15px; background:#43c200 } .panel-title .accordion-toggle { color:#fff; text-decoration:underline } .accordion-toggle:hover { background:#256E00 } .accordion-toggle:focus,.accordion-toggle:hover { color:#fff } .list-group-item h3 { padding:0; margin:0; color:#fff } .list-group li { background-color:#e6e6e6 } .list-group-item:first-child { background:#5c3dcc none repeat scroll 0 0 } .list-group li:nth-child(2n) { background-color:#fff } .form-well { border-radius:3px; padding:9px; background:#F2F2F2; font-weight:700; text-align:left; line-height:1.9em } .form-well .btn-default { background-color:#504999; border:medium none; border-radius:2px; font-family:Montserrat, liberation sans, sans; font-size:22px; font-weight:700; padding:3px 12px; text-align:center; text-decoration:none; text-shadow:unset; width:100% } .form-well h2 { margin-bottom:16px; margin-top:11px } .form-well-demo { border-radius:3px; padding:9px; background:#DFF2D7; font-weight:700; text-align:left; line-height:1.9em } .form-well-demo .btn-default { background-color:#504999; border:medium none; border-radius:2px; font-family:Montserrat, liberation sans, sans; font-size:22px; font-weight:700; padding:3px 12px; text-align:center; text-decoration:none; text-shadow:unset; width:100% } .form-well-demo .btn-default:hover { background-color:#256E00; border:#256E00 } .form-well-demo h2 { margin-bottom:16px; margin-top:11px } .mauticform-row { background-color:#fff; /*border-top:2px solid #F2F2F2;*/ position:relative; float:left; width:100% } .mauticform_wrapper br { line-height:0; margin:0; padding:0; display:none } .mauticform_wrapper p { margin:0; padding:0 } .mauticform-selectbox { padding:1px 0 5px 3px } .mauticform-row.border { border:1px solid #F2F2F2 !important } .mauticform-row.focus { background-color:#fff; box-shadow:0 0 1px 1px #555 inset } .mauticform-label { color:#333; display:block; font-size:.9em; margin:0; padding:2px 7px 0; text-align:left } mauticform-message { background:#d9edf7 none repeat scroll 0 0; border:1px solid #aaa; margin:0 0 3px; padding:1px 0; text-align:center } input[type="password"],input[type="text"],input[type="number"],input[type="email"],input[type="search"],input[type="file"],input[type="url"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea,select,.no-editable { background-color:transparent; border:1px solid #E8E8E8; border-radius:3px; box-sizing:border-box; color:#666; display:block; font-size:1em; font-weight:700; margin:0; padding:0 3px; width:100% } .mauticform-errormsg { color:#d94426; font-size:.8em; margin:0; position:absolute; right:5px; top:2px } .mauticform-row.mauticform-button-wrapper { background-color:transparent; border-top:none; position:relative; margin:4px 0 } .form_two_fields_one_line { content:" "; display:table; position:relative; width:100% } .form_two_fields_one_line .mauticform-row { width:50%; float:left; border-left:2px solid #F2F2F2 } .form_two_fields_one_line .mauticform-row:first-child { border-left:medium none } .form_row_seperator { margin-top:6px } .mauticform-button { margin:auto; font-size: 16px !important; } .circle { margin-left:auto; margin-right:auto; border-radius:50%; width:100%; position:relative } .panel.purple,.circle.purple { background-color:#5c3dcc } .panel.purple,button.purple,.button.purple,.circle.purple { background-color:#5c3dcc } button.purple:hover,.button.purple:hover { background-color:#321b81 } .panel.green,button.green,.button.green,.circle.green { background-color:#43c200 } button.green,.button.green { border-color:#256e00 } button.green:hover,.button.green:hover { background-color:#256e00 } .panel.light-grey,.circle.light-grey { background-color:#dad9d9 } .panel.light-grey a h3,.panel.light-grey a p,.panel.light-grey a ul li { color:#000 } .panel.dark-grey,.circle.dark-grey { background-color:#8b8b89 } .panel.circle { border-radius:50% } .panel.circle.circle-wrapper { display:block; height:0; margin:0 0 1.25rem; padding:0 0 100%; position:relative } .panel.circle.circle-content { bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0 } .panel.circle span { font-size:1.6em; line-height:1.25; padding:3.6em .6em 0; text-align:center; margin-bottom:.625rem; color:#fff; font-size:1.6em; float:left; font-weight:700 } .partner { margin-bottom:2em } .partner-img { border:1px solid #ccc; border-radius:3px; display:table-cell; height:200px; padding:5px; text-align:center; vertical-align:middle; width:30% } .partner-name { display:block; font-size:14px; font-weight:700; margin:10px 0; text-align:left } .partner-description { display:block; font-size:12px; overflow:auto } .partner-email { display:block; font-size:12px } .partner-country { display:block; font-size:12px } .corner-ribbon { background:#e43 none repeat scroll 0 0; color:#f0f0f0; font-family:"CarlitoRegular", "liberation sans", sans-serif; left:auto; letter-spacing:1px; line-height:50px; text-align:center; top:25px; right:-50px; transform:rotate(45deg); width:200px; z-index:500; position:fixed; box-shadow:0 0 3px rgba(0,0,0,0.3) } .corner-ribbon-container { float:right; height:0; position:relative; width:100% } .custom_home_2_block .corner-ribbon { position:relative; float:right } .widget.sparkling-social { float:right } .comment-form-comment { background:#fff none repeat scroll 0 0; border:1px solid #dadada } .partnerportal .nav-tabs { margin:0; padding:0; border:0 } .partnerportal .nav-tabs > li > a { background:#5C3DCC; color:#fff; border-radius:0; text-decoration:none; text-transform:none !important; box-shadow:0 -6px 9px -7px rgba(0,0,0,0.4) inset, 2px -2px 0 -2px rgba(0,0,0,0.4) } .partnerportal .nav-tabs > li.active > a,.partnerportal .nav-tabs > li.active > a:hover { background:#fff; color:#333; box-shadow:0 0 0 0 rgba(0,0,0,0.4) inset, 0 -2px 4px -4px rgba(0,0,0,0.4) } .partnerportal .tab-pane { background:#fff; box-shadow:0 0 1px rgba(0,0,0,.4); border-radius:0; padding:10px } .partnerportal ul li { list-style-type:circle } .partnerportal .nav-tabs > li:nth-child(1) > a::before { content:" "; font-family:"Glyphicons Halflings"; font-size:20px; font-style:normal; font-weight:400; line-height:1; position:relative; top:1px } .partnerportal .nav-tabs > li:nth-child(2) > a::before { content:" "; font-family:"Glyphicons Halflings"; font-size:20px; font-style:normal; font-weight:400; line-height:1; position:relative; top:1px } .partnerportal .nav-tabs > li:nth-child(3) > a::before { content:" "; font-family:"Glyphicons Halflings"; font-size:20px; font-style:normal; font-weight:400; line-height:1; position:relative; top:1px } .partnerportal .nav-tabs > li:nth-child(4) > a::before,.partnerportal .nav-tabs > li:nth-child(5) > a::before { content:" "; font-family:"Glyphicons Halflings"; font-size:20px; font-style:normal; font-weight:400; line-height:1; position:relative; top:1px } .download-well { border-radius:3px; padding:9px; background:#F2F2F2; font-weight:700; text-align:center; line-height:1.9em } .download-well .btn-default { background-color:#BA2323; border:#BA2323; font-weight:700; text-shadow:unset; font-size:2em } .download-well .btn-default:hover { background-color:#BA2323; border:#BA2323 } .subtitle_download_well { display:block; font-weight:400; padding:4px 0 0 } .mauticform_codecontactusform_message { color:green; padding:0 0 16px } .whitepaper-well { border-radius:3px; padding:9px; background:#F2F2F2; font-weight:700; text-align:left; line-height:1.9em } .whitepaper-well .btn-default { background-color:#3EB500; border:#256E00; font-weight:700; text-shadow:unset } .whitepaper-well .btn-default:hover { background-color:#256E00; border:#256E00 } .whitepaper-well h3 { font-size:1.3em; margin:0 0 7px; text-align:center; width:100% } .whitepaper-well-left { width:30%; float:left } .whitepaper-well-right { width:65%; float:right } .whitepaper-well-text { font-size:1.2em; font-weight:400; line-height:1.1em; padding:5px 0 0; font-style:italic } .frontpage-code-well { background:#eee none repeat scroll 0 0; border:1px solid #aaa; border-radius:0; color:#333; font-size:18px; line-height:1.5em; margin:25px 0 0; padding:11px; text-align:left } table.plan td.feature_row { background:#785cd4; text-align:left; color:#fff } table.plan td { text-align:center } table.plan tr:first-child { text-align:left } .table_online_editor_line { background:#785CD4; border-right:#fff; color:#fff } .table_mobile_editor_line { background:#785CD4; border-right:#fff; color:#fff } .table_desktop_editor_line { background:#785CD4; color:#fff } .table_online_editor_line_check { background:#BAE159 } .table_mobile_editor_line_check { background:#80CD60 } .table_desktop_editor_line_check { background:#4DD0A4 } table.plan button.osc_tooltip { background:rgba(0,0,0,0) none repeat scroll 0 0; border-bottom:1px dashed; border-radius:0; border-top:0 none; color:#333; height:20px; margin:0; padding:0; text-transform:none } .panel.circle { bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0 } .circle-content { font-size:1.6em; line-height:1.25; padding:3.6em .6em 0; text-align:center; margin-bottom:.625rem; color:#fff; font-size:1.6em; float:left; font-weight:700 } .radio_field { background:#FCFCFC none repeat scroll 0 0; float:left; position:relative; width:100% } .radio_field label { font-weight:400; cursor:pointer } .radio_field label:hover { background-color:#B9DEFC; cursor:pointer } .radio_field input:hover { cursor:pointer } .radio_short_left { float:left; margin:0 0 0 10px } .radio_short_right { float:left; margin:0 0 0 20px } .radio_short_left label,.radio_short_right label { padding:5px; cursor:pointer; margin:0 } .radio_field_row { float:left; position:relative; width:100% } .radio_medium_left { float:left; margin:0 0 0 10px; width:60% } .radio_medium_right { float:left; margin:0 0 0 20px } .form-well-cool { border-radius:3px; padding:9px; background:#CCCFD1; font-weight:700; text-align:left; line-height:1.9em } .form-well-cool .mauticform-row { background-color:#FCFCFC; border-top:2px solid #F2F2F2 } .form-well-cool .btn-default { background-color:#504999; font-weight:700; text-shadow:unset; border-radius:2px; border:none; font-family:Montserrat, liberation sans, sans; font-size:22px; padding:3px 12px; text-align:center; text-decoration:none; width:100% } .form-well-cool .btn-default:hover { background-color:#321B81 } .form-well-cool h2 { margin-bottom:12px; margin-top:9px; color:#444; font-size:2em; text-align:center } .home_form_toggle .panel-heading { background-color:#b9defc; padding:0 } .home_form_toggle .accordion-toggle { background:#b9defc none repeat scroll 0 0; color:#444; display:block; font-size:1.4em; padding:15px 20px; text-align:center; text-shadow:1px 1px #fff } .home_form_toggle .accordion-toggle:hover { background:#59b1fc; color:#fff; text-shadow:none } .home_form_toggle .panel-body { padding:0 } .home_form_toggle .panel-body .form-well-cool { background:#b9defc none repeat scroll 0 0; border:medium none; border-radius:0; font-weight:700; line-height:1.9em; padding:0; text-align:left } .home_form_toggle .collapse.in { background:#b9defc none repeat scroll 0 0; display:block; margin:0; padding:0 } .corner-ribbon-container-home { height:139px; overflow:hidden; position:absolute; right:0; top:0; width:139px } .corner-ribbon-container-home .corner-ribbon { position:absolute } .leaflet-popup-content-wrapper { float:left } .leaflet-popup-content { float:left } .partner_map_row { display:block } .partner_map_row_left { width:60%; float:left } .partner_map_row_right { width:40%; float:left } .leaflet-popup-content .partner_map_logo { max-width:100% !important; text-align:right; max-height:55px } .partner_map_title { width:100%; float:left; font-weight:700 } .partner_map_partner_type { width:100%; float:left } .partner_map_more_info { width:100%; float:left } #masthead { left:0; margin:0 auto; position:fixed; right:0; z-index:2002 } .navbar { border-bottom:1px solid #43c200 } .main-content-area { margin-top:81px !important } .single-post .main-content-area { background:#fff; width:1370px } .btn-default,.label-default,.site-header a { transition:none } .block_lang_selector { background:#fafafa url("https://www.collaboraoffice.com/wp-content/uploads/2016/12/carret.png") no-repeat scroll 90% 50%; border:1px solid #ccc; border-radius:12px; float:right; margin:16px 48px 0 0; overflow:hidden; position:absolute; right:0; width:120px; z-index:2001 } .block_lang_selector p { display:none } .block_lang_selector select { padding:1px 8px; width:130%; border:none; box-shadow:none; background:transparent; background-image:none; -webkit-appearance:none } .block_lang_selector select:focus { outline:none } .navbar-default .navbar-nav > li > a { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; font-style:normal; font-stretch:normal; line-height:1.44; color:#5c3de2; text-transform:none !important } .main-content-area { margin:0 auto } .site-header { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .navbar.navbar-default,.navbar-default .navbar-nav .open .dropdown-menu > li > a { background-color:#fff } .dropdown-menu { border:none; border-radius:0; box-shadow:none } .site-header #logo { width:252px; margin:10px 15px 15px } .navbar .container { width:auto } .navbar-nav .menu-item { padding:10px 0 } .navbar-nav .menu-item .menu-item { padding:0 } .navbar-nav .menu-item .menu-item a:hover { background:#DBDBDB } .navbar-nav > li:last-child a { font-weight:700 } .caret { border:none; display:inline-block; margin-left:2px; vertical-align:middle; background:rgba(0,0,0,0) url("https://www.collaboraoffice.com/wp-content/uploads/2016/12/carret.png") repeat scroll 0 0; width:13px; height:8px } .block_with_bg { width:100%; position:relative; float:left; margin:0 0 -10px } .block_with_bg_back { width:100%; position:relative } .block_with_bg_front { width:57%; padding:0 0 0 8%; position:absolute; top:0; color:#fff } .block_with_bg_front_wider { width:64% } .block_with_bg_front_full_width { width:100%; padding:7% 8% 0; text-align:center } .block_with_bg_front_full_width .block_three_columns { padding:3% 0 0 } .block_with_bg_front_full_width .block_column_2 { border-left:1px solid #fff; border-right:1px solid #fff } .block_with_bg_front_full_width .block_three_columns .block_column_1,.block_with_bg_front_full_width .block_three_columns .block_column_2,.block_with_bg_front_full_width .block_three_columns .block_column_3 { padding:0 3% } .block_with_bg_title { float:left; width:100% } .block_subtitle,.block_with_bg_subtitle { float:left; width:100% } .block_with_bg_button { float:left; position:relative; padding:42px 0 } .block_plain_text,.block_with_bg_plain_text { float:left; width:100% } .block_link,.block_with_bg_link { float:left; padding:20px 0 0; width:100% } .block_news_and_events { width:100%; float:left; padding:42px 8% } .block_events { width:30%; float:left; padding:0 0 0 4% } .block_news { width:70%; float:left; border-right:1px solid #43c200 } .block_event_header,.block_news_header { width:100%; padding:0 } .block_event_header h1 a,.block_news_header h1 a { font-size:20px; font-weight:700; color:#5c3de2; text-decoration:none; text-transform:uppercase } .block_event_items { float:left; width:100% } .block_news_items { float:left; width:100% } .block_news_item { float:left; padding:0 3% 0 0; width:31% } .block_event_item { width:100%; float:left } .block_event_title h2 a,.block_news_title h2 a { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:20px; font-weight:400; font-style:normal; font-stretch:normal; line-height:1.33; color:#4a4a4a; text-decoration:none } .block_event_title p,.block_news_title p { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:14px; line-height:1.43; text-align:left; color:#4a4a4a } .bar_title { width:100%; float:left } .bar_text { width:100%; float:left } .bar_text p { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:18px; line-height:1.44; color:#4a4a4a } .bar_text p a { font-weight:700; color:#5239b5; text-decoration:none } .bar_logos_slider { padding:30px 0 0 } .bar_title_center { width:100%; float:left; text-align:center } .bar_text_center { text-align:center; width:100%; float:left } .bar_text_center_images { margin:0 auto; width:100%; padding:10px 0 } .bar_text_center_images img { margin:0 2% 10px } .bar_extra_top_padding { padding-top:6% !important } #footer-area { background:#623FCC } #footer-area .footer-widget-area { background:#623FCC; padding:42px 8% 0 } #footer-area .footer-widget { padding-right:0 } .footer-widget .widget_nav_menu { width:50%; float:left } #nav_menu-2 { width:62% } #nav_menu-3 { width:38% } #nav_menu-4 { width:28% } #nav_menu-5 { width:72% } .footer-widget .widget_nav_menu h3 { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:12px; line-height:1.25; color:#fff; text-transform:uppercase; font-weight:700; margin:0 0 14px } .footer-widget .widget_nav_menu h3 a { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:12px; line-height:1.25; color:#fff; text-decoration:none } .widget ul li { margin:4px 0 } #footer-area ul li { border-bottom:none } #footer-area .btn-default { background-color:#f3f3f3; border-color:#fff; border-radius:0 6px 6px 0; box-shadow:none; color:#777; font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; padding:5px 8px 6px; text-shadow:none; width:auto } #colophon { padding:0; width:100%; border-top:none; background:#DDD } .site-info { background:#f2f2f2 } .site-info,#footer-area { background:#DDD } .site-info,.footer-inner { padding:0 30px } .footer-inner { position:relative; z-index:100 } .site-info .col-md-6 { display:none } div.copyright { display:block !important; background:#623FCC; border-bottom:8px solid #43c200; margin:0; text-align:center; padding:20px 0 } .block_interior_grey,.block_interior_white, .block_interior_purple { padding:5% 7%; position:relative; width:100%; float:left; z-index:1001 } .block_interior_grey { background:#F3F3F3 } .block_interior_white { background:#fff } .block_interior_purple { background:#5c3dcc; color:#fff } .block_interior_white_reduced_top_padding,.block_interior_grey_reduced_top_padding, .block_interior_purple_reduced_top_padding { padding-top:3% } .block_interior_white_reduced_bottom_padding,.block_interior_grey_reduced_bottom_padding, .block_interior_purple_reduced_bottom_padding { padding-bottom:3% } .block_interior_top_bar { border-top:2px solid #D3D3D3 } .block_interior_bottom_bar { border-bottom:2px solid #D3D3D3 } .block_interior_with_bg { width:100%; position:relative; float:left; margin:0 0 6px } .block_interior_map { width:100%; height:400px } .block_interior_map a,.block_interior_map a:hover { text-decoration:none !important } .block_interior_no_padding_top { padding-top:0 } .block_interior_no_padding_bottom { padding-bottom:0 } .block_interior_with_bg_back { width:100%; position:absolute; overflow:hidden } .block_interior_with_bg_front { width:67%; padding:6% 8% 0; position:relative; top:0; float:left } .block_interior_with_bg_front_narrow_column { width:73%; padding:0 } .block_interior_with_bg_front_medium_narrow_column { width:92%; padding:0 } .block_interior_title,.block_interior_with_bg_title { float:left; width:100% } .block_interior_title_2,.block_interior_with_bg_title_2 { float:left; width:100%; margin:10px 0 0 } .block_interior_subtitle,.block_interior_with_bg_subtitle { float:left; width:100%; padding:22px 0 2px } .block_interior_paragraph_title,.block_interior_with_bg_paragraph_title { float:left; width:100%; padding:22px 0 0 } .block_interior_paragraph,.block_interior_with_bg_paragraph { float:left; width:100%; padding:16px 0 2px } .block_interior_button,.block_interior_with_bg_button { float:left; position:relative; padding:42px 0 6px } .block_interior_plain_text,.block_interior_with_bg_plain_text { float:left; width:100% } .block_interior_link,.block_interior_with_bg_link { float:left; padding:20px 0 0; width:100% } .img_half_visible { position:relative; right:-43%; width:57%; margin:4% 0 0 } .form_popup h1 { padding:0 0 8px } .block_text_clear { color:#fff } a.block_text_clear:hover { color:#fff } .block_with_bg_front_text .block_text_clear a { color:#fff } .block_with_bg_front_text block_text_clear a:hover { color:#fff } a.block_text_purple:hover { color:#5c3de2 } .block_with_bg_front_text .block_text_purple a { color:#5c3de2 } .block_with_bg_front_text block_text_purple a:hover { color:#5c3de2 } .block_text_dark { color:#4a4a4a } .block_text_purple { color:#5c3de2 } .block_text_brand_color { color:#5c3de2 } .block_title { font-family:Montserrat, liberation sans, sans; font-size:55px; font-weight:700 } .block_title_2 { font-family:Montserrat, liberation sans, sans; font-size:30px; line-height:1.33; font-weight:700 } .block_subtitle { font-family:Montserrat, liberation sans, sans; font-size:22px; line-height:1.33; font-weight:400 } .block_text_intro_paragraph { opacity:.8; font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:18px; color:#fff; line-height:1.7; font-weight:400 } .block_text_intro_paragraph strong{ font-family:"CarlitoBold", Arial, Helvetica, sans-serif; } .block_link_medium { font-family:Montserrat, liberation sans, sans; font-size:18px; font-weight:400; line-height:1.83; text-decoration:none } .block_link_big { font-family:Montserrat, liberation sans, sans; font-size:18px; font-weight:700; line-height:1.83; text-decoration:none } .list_highlighted ul { padding:4px 0; list-style:outside none none } .list_highlighted ul li { padding:2px 0 } .block_title_paragraph { font-family:Montserrat, liberation sans, sans; font-size:20px; font-weight:700; line-height:1.33 } .block_big_title_paragraph { font-family:Montserrat, liberation sans, sans; font-size:28px; font-weight:700; float:left; padding:20px 0 0; width:100% } .block_text_paragraph { float:left; padding:12px 0 0; width:100%; font-weight:400 } .block_text_paragraph,.block_text_paragraph p { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:18px; line-height:1.44; font-weight:400 } .block_text_paragraph,.block_text_paragraph p strong { font-family:"CarlitoBold", Arial, Helvetica, sans-serif; } .block_text_paragraph,.block_text_paragraph p i, .block_text_paragraph,.block_text_paragraph p em { font-family:"CarlitoItalic", Arial, Helvetica, sans-serif; } .block_text_paragraph_highlighted { float:left; width:100%; padding:22px 0 2px; font-weight:400 } .block_text_vertical_highlighted_list { padding:1% 0!important } .block_text_paragraph_highlighted,.block_text_paragraph_highlighted p { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:24px; line-height:1.33; font-weight:400 } .block_text_paragraph_highlighted,.block_text_paragraph_highlighted p strong, .block_text_paragraph_highlighted,.block_text_paragraph_highlighted p b{ font-family:"CarlitoBold", Arial, Helvetica, sans-serif; } .block_text_paragraph_highlighted,.block_text_paragraph_highlighted p em, .block_text_paragraph_highlighted,.block_text_paragraph_highlighted p i{ font-family:"CarlitoItalic", Arial, Helvetica, sans-serif; } .block_text_paragraph_title a,.block_text_paragraph_title_big a,.block_text_paragraph_highlighted a,.block_text_paragraph a, .block_interior_white a { color:#5c3de2; text-decoration:none } .block_text_paragraph_title { float:left; padding:35px 0 0; width:100%; font-weight:400 } .block_interior_white .block_text_paragraph_title,.block_interior_grey .block_text_paragraph_title { padding:0 } .block_text_paragraph_title,.block_text_paragraph_title p { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:22px; line-height:1.33; font-weight:400 } .block_text_paragraph p .block_text_paragraph_title p { margin:0 0 2% } .block_text_paragraph_title_big,.block_text_paragraph_title_big p,.block_text_paragraph_title_big h1,.block_text_paragraph_title_big h2,.block_text_paragraph_title_big h3 { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:24px; line-height:1.33; font-weight:700 } .block_text_paragraph_list { float:left; width:100% } .block_text_paragraph_list ul { padding:10px 0 0 9%; list-style:outside none disc } .block_text_paragraph_list ul li { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:16px; line-height:1; padding:5px 0 } .block_text_paragraph p { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; } .block_text_paragraph p em, .block_text_paragraph p i { font-family:"CarlitoItalic", Arial, Helvetica, sans-serif; } .block_text_paragraph p strong, .block_text_paragraph p b { font-family:"CarlitoBold", Arial, Helvetica, sans-serif; } .full-width-button { width:100% } .block_button { font-size:22px; font-weight:700; text-align:center; font-family:Montserrat, liberation sans, sans; display:inline-block; padding:3px 40px; border-radius:2px; text-decoration:none !important; border-bottom:4px solid #ccc } .form_popup .block_button { border-radius:3px; border-bottom:none } .block_button_clear { background:#fff } .block_white_button_clear { background:#fff } .block_button_brand_color { background:#5c3de2 } .block_button_white_color { background:#fff; color:#5c3de2 } .block_three_columns,.block_two_columns { position:relative; width:100%; float:left } .block_two_columns .block_column_1,.block_two_columns .block_column_2 { width:49%; float:left } .block_two_columns .block_column_1_thin,.block_two_columns .block_column_2_thin { width:45%; float:left } .block_two_columns .block_column_1 { margin-right:2% } .block_two_columns .block_column_1_thin { margin-right:10% } .block_three_columns .block_column_1,.block_three_columns .block_column_2,.block_three_columns .block_column_3 { width:32%; float:left; padding-bottom:0 0 2% } .block_three_columns .block_column_1,.block_three_columns .block_column_2 { padding-right:2% } .block_interior_reduced_bottom_padding { padding-bottom:0 } .block-interior-table { width:100% } .block-interior-table .table_header { background:#fff none repeat scroll 0 0; text-align:center; vertical-align:bottom } .block-interior-table .table_header_first { text-align:left } .block-interior-table .table_header_first .block_interior_title_2 { margin:10px 0 } .block-interior-table .feature_row,.block-interior-table .table_online_editor_line,.block-interior-table .table_desktop_editor_line { background:#F3F3F3 } .block-interior-table th,.block-interior-table td { border-bottom:1px solid #e4e4e4; padding:5px 0 5px 17px } .block-interior-table td.text-center { color:#9a9a9a; font-size:14px } .block-interior-table button.osc_tooltip { background:rgba(0,0,0,0) none repeat scroll 0 0; border-bottom:1px dashed; border-radius:0; border-top:0 none; height:20px; margin:0; padding:0; text-transform:none; font-size:16px } .list_with_increased_paddings ul { padding:0 0 12px 20px } .list_with_increased_paddings ul li { padding:10px 0 0 } .block_text_small_subtitle_light { color:#CCCBCB; text-transform:uppercase; padding:4px 0 0; margin:0 } .block_text_small_subtitle_light a { color:#CCCBCB; text-transform:uppercase; text-decoration:none } pre { background-color:#f4f6f6; border:none; border-radius:4px; color:#333; display:block; font-size:13px; line-height:1.42857; margin:0 0 10px; padding:2% } .text_light_with_shadow { color:#fff; text-shadow:1px 1px 3px #000 } .title_increased_size { display:inline-block; font-size:34px; padding:10px 0 } .block_interior_with_bg_front_blue_overlay { background:rgba(0,0,0,0) url("https://www.collaboraoffice.com/wp-content/uploads/2017/02/patrner_map_overlay.png") no-repeat scroll right top; opacity:.8; width:50% } .post-grid { background:#f3f3f3 !important; padding:0!important } .post-grid .nav-search { padding:0 0 3%!important } .post-grid .item { border:1px solid #ced0d2 } .post-grid .layer-media { border-bottom:1px solid #73cc3d } .post-grid .item .layer-media a { display:block; height:145px; position:relative; width:280px } .post-grid .item .layer-media img { border-radius:0; bottom:0; box-shadow:none; height:auto; left:0; margin:auto; max-height:100%; max-width:100%; padding:6px 7px 6px 5px; position:absolute; right:0; top:0; width:auto } .post-grid .item .post_date { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:18px !important; line-height:1.44; color:#4a4a4a; padding:16px 10px 0!important; text-align:left } .post-grid .item .title_link { font-family:Montserrat, liberation sans, sans; font-size:20px !important; color:#4a4a4a; padding:16px 10px 0!important; text-decoration:none; display:block; text-align:left } .post-grid .item .excerpt { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; color:#4a4a4a; padding:16px 10px 0!important; font-size:18px !important; line-height:1.44; color:#4a4a4a } .post-grid .item .read_more { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; color:#4a4a4a; font-size:18px !important; line-height:1.44; color:#4a4a4a; padding:16px 10px 5px!important; text-decoration:none } .post-grid .item a:hover { text-decoration:underline !important } .grid-nav-bottom { text-align:center } .post-grid .pagination.lite .page-numbers { background:#fff none repeat scroll 0 0; border:1px solid #623fcc !important; color:#4a4a4a; cursor:pointer; font-size:16px; line-height:normal; padding:3px 10px; text-decoration:none } /*.post-grid .pagination .current { background:#623fcc none repeat scroll 0 0 !important; border:1px solid #623fcc !important; color:#fff !important; opacity:1 }*/ .post-grid .grid-nav-top .nav-search { width:65% } .post-grid .grid-nav-top .nav-search .search { background:#fff url("https://www.collaboraoffice.com/wp-content/uploads/2017/02/SEARCH.jpg") no-repeat scroll 99% center; border:1px solid #ddd; border-radius:0; display:inline-block; height:46px; padding:0 35px 0 10px; vertical-align:top; width:100% !important } .block_interior_news_tabs { text-align:center } .news_tab_list { list-style-type:none; margin:0; padding:0 } .news_tab_list li { display:inline } .news_tab_list li span,.news_tab_list li a { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:20px; color:#4a4a4a; text-decoration:none; text-transform:uppercase; margin:0 .4%; padding:0 .2%; border-bottom:4px solid #fff } .news_tab_list li .current_news_category { border-bottom:4px solid #5c3dcc } .block_map_text { padding-bottom:20px; color:#fff !important } table.CustomerOverview { clear:both; position:relative; top:-1px; width:100%; border-collapse:collapse; border-spacing:0 } .CustomerOverview thead { background:#a7aaaa url("https://www.collaboraoffice.com/wp-content/uploads/2017/02/GradientSmall.png") repeat-x scroll 0 -31px } .CustomerOverview thead th { border-bottom:1px solid #999; border-right:1px solid #999; padding:6px 8px 3px; vertical-align:bottom; cursor:pointer; text-shadow:0 1px 0 #fff } .CustomerOverview thead th:hover { background:#DBDBDB; text-decoration:underline } .CustomerOverview tbody { background-color:transparent } .CustomerOverview tbody tr { border-bottom:1px solid #fff; text-align:left } .CustomerOverview tbody tr:first-child { border-top:medium none } .CustomerOverview tbody td { border:0 solid; padding:6px 8px 3px; white-space:nowrap } .CustomerOverview table a:hover { color:#000 } .CustomerOverview tbody tr td { background-color:#fbfbfb; text-align:left } .CustomerOverview tbody tr.Even td { background-color:#f2f2f2 } .CustomerOverview tbody tr:nth-child(2n) td { background-color:#f2f2f2 } .CustomerOverview .partner_table_arrow { float:right } .partner_pack_tabs .nav-tabs { margin:0; padding:0; border:0 } .partner_pack_tabs .nav-tabs > li { margin-bottom:0 } .partner_pack_tabs .nav-tabs > li > a { padding:8px; background:#504999 none repeat scroll 0 0; border-radius:0; box-shadow:0 -11px 7px -11px rgba(0,0,0,0.4) inset, 3px -1px 2px -1px rgba(0,0,0,0.4); color:#fff; text-decoration:none; text-transform:none; font-size:14px } .partner_pack_tabs .nav-tabs > li > a:hover { text-decoration:underline } .partner_pack_tabs .nav-tabs > li.active > a { color:#4a4a4a } .partner_pack_tabs .nav-tabs > li.active > a,.partner_pack_tabs .nav-tabs > li.active > a:hover { background:#fff; box-shadow:inset 0 0 0 0 rgba(0,0,0,.4), 3px -1px 2px -1px rgba(0,0,0,.4); background:#fff } .partner_pack_tabs .glyphicon { margin-right:6px } .partner_pack_tabs { background:none; border-radius:0; text-align:center; padding:10px } .tab-pane { background:#fff; box-shadow:0 0 4px rgba(0,0,0,.4); border-radius:0; text-align:left; padding:10px; height:233px; overflow-y:scroll } .tab-content .partner_pack_simple_list { padding:0 } .tab-content .partner_pack_simple_list li { list-style:outside none disc; margin:0 0 0 24px } .partner_portal_news_table th { background:#504999 none repeat scroll 0 0; border-right:12px solid #f3f3f3; color:#fff; font-size:18px; padding:3px 6px!important; width:49% } .partner_portal_img_text { margin:46px 0 } .partner_portal_login_form { width:50%; margin:0 auto } @media (max-width:991px) { .site-header #logo { max-width:76% } .single-post .main-content-area { width:auto; background:#ddd } .block_interior_with_bg_front_blue_overlay { width:100%; background-color:#623FCC } .entry-content { font-size:14px } .block_title { font-size:20px } .title_increased_size { font-size:20px } .block_title_2 { font-size:18px } .block_subtitle { font-size:14px } .block_link_medium,.block_link_big { font-size:14px; line-height:1.63 } .block_text_intro_paragraph { font-size:14px } .block_lang_selector { margin:3px 48px 0 0 } .block_title_paragraph { font-size:16px; line-height:1.13 } .block_big_title_paragraph { font-size:20px } .block_with_bg_button { padding:0 } .block_news { width:100%; border-right:none; border-bottom:1px solid #43c200 } .block_events,.block_news_item { padding:0; width:100% } .block_event_title h2,.block_news_title h2 { margin:0 } .block_with_bg_back { display:none } .block_with_bg_front { width:auto; padding:10px; position:relative; float:left; color:#4a4a4a } .block_title,.block_with_bg_title { color:#4a4a4a !important } .block_subtitle,.block_with_bg_subtitle { color:#4a4a4a !important } .block_plain_text,.block_with_bg_plain_text { display:block; color:#4a4a4a !important } .block_button { font-size:16px; padding:3px 20px; float:left; width:100% } .block_link,.block_with_bg_link { padding:10px 0; float:left; width:100% } .block_subtitle,.block_with_bg_subtitle { padding:5px 0 0 } .block_link a,.block_with_bg_link a { color:#4a4a4a !important } #nav_menu-2 { width:100% } #nav_menu-3 { width:100% } #nav_menu-4 { width:100% } #nav_menu-5 { width:100% } #logo img { width:80% } .block_interior_with_bg_back { display:none } .block_interior_front,.block_interior_with_bg_front { width:auto; padding:10px; position:relative; float:left } .block_interior_subtitle,.block_interior_with_bg_subtitle { padding:6px 0 2px; width:100% } .block_interior_paragraph_title,.block_interior_with_bg_paragraph_title { padding:6px 0 0; width:100% } .block_interior_paragraph,.block_interior_with_bg_paragraph { padding:6px 0 2px; width:100% } .block_interior_button a,.block_interior_with_bg_button a { width:100%; float:left } .block_interior_plain_text,.block_interior_with_bg_plain_text { display:block } .block_interior_link a,.block_interior_with_bg_link a { width:100%; float:left } .block_interior_button,.block_interior_with_bg_button { padding:20px 0 2px; float:left; width:100% } .block_interior_link,.block_interior_with_bg_link { padding:10px 0; float:left; width:100% } .block_text_paragraph,.block_text_paragraph p,.block-interior-table button.osc_tooltip { font-size:14px; line-height:1.44 } .block_text_paragraph_highlighted,.block_text_paragraph_highlighted p { font-size:16px; line-height:1.33 } .block_text_paragraph_title,.block_text_paragraph_title p { font-size:14px; line-height:1.33; width:100%; padding:10px 0 0 } .block_text_paragraph_title_big,.block_text_paragraph_title_big p,.block_text_paragraph_title_big h1,.block_text_paragraph_title_big h2,.block_text_paragraph_title_big h3 { font-size:16px; line-height:1.33 } .block_text_paragraph_list ul li { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:14px } .block_interior_front,.block_interior_with_bg_front { width:100%; padding:4% 8% 0; position:relative; top:auto; width:100% } .block_interior_with_bg_front_medium_narrow_column .block_interior_front_narrow_column,.block_interior_with_bg_front_narrow_column { width:100%; padding:0 } .block_two_columns .block_column_1,.block_two_columns .block_column_2,.block_two_columns .block_column_1_thin,.block_two_columns .block_column_2_thin { width:100%; padding:0 } .block_three_columns .block_column_1,.block_three_columns .block_column_2,.block_three_columns .block_column_3 { width:100%; float:left; padding-bottom:0 0 2% } .block_three_columns .block_column_1,.block_three_columns .block_column_2 { padding-right:0 } .block-interior-table .table_header img { display:none } .text_light_with_shadow { color:#4a4a4a; text-shadow:none } } @media (min-width:768px) { .navbar-default .navbar-nav > li > a { font-size: calc(11px + 0.3vw); padding: 18px 0px; } } @media (min-width:992px) { .navbar-header { display:none } .site-info,.footer-inner,.site-header { width:970px } .single-post .main-content-area { width:940px; background:#fff } .block_interior_with_bg_front_blue_overlay { width:62% } .entry-content { font-size:16px } .block_title { font-size:48px } .title_increased_size { font-size:30px } .block_title_2 { font-size:30px } .block_subtitle { font-size:16px; line-height:1.3 } .block_link_medium,.block_link_big { font-size:16px; line-height:1.63 } .block_with_bg_plain_text { display:block } .block_text_intro_paragraph { font-size:16px; line-height:1.4 } .block_title_paragraph { font-size:20px; line-height:1.33 } .block_big_title_paragraph { font-size:28px } .block_button { font-size:22px; padding:3px 40px } .block_with_bg_button { padding:22px 0 } .block_with_bg_link { padding:16px 0 0 } .block_with_bg_subtitle { padding:16px 0 0 } #nav_menu-2 { width:62% } #nav_menu-3 { width:38% } #nav_menu-4 { width:28% } #nav_menu-5 { width:72% } .navbar-default .navbar-nav > li > a { padding-left:6px; padding-right:6px } .site-header #logo { margin:16px 0 15px 15px; width:221px } .block_interior_subtitle,.block_interior_with_bg_subtitle { padding:12px 0 2px } .block_interiorg_paragraph_title,.block_interior_with_bg_paragraph_title { padding:12px 0 0 } .block_interior_paragraph,.block_interior_with_bg_paragraph { padding:10px 0 2px } .block_interior_plain_text,.block_interior_with_bg_plain_text { display:block } .block_interior_button,.block_interior_with_bg_button { padding:22px 0 4px } .block_interior_link,.block_interior_with_bg_link { padding:16px } .block_text_paragraph,.block_text_paragraph p { font-size:14px; line-height:1.44 } .block_text_paragraph_highlighted,.block_text_paragraph_highlighted p { font-size:18px; line-height:1.33 } .block_text_paragraph_title,.block_text_paragraph_title p { padding:16px 0 0; font-size:16px; line-height:1.33 } .block_text_paragraph_title_big,.block_text_paragraph_title_big p,.block_text_paragraph_title_big h1,.block_text_paragraph_title_big h2,.block_text_paragraph_title_big h3 { font-size:18px; line-height:1.33 } .block_text_paragraph_list ul li { font-family:"CarlitoRegular", Arial, Helvetica, sans-serif; font-size:16px } .block_three_columns .block_column_1,.block_three_columns .block_column_2,.block_three_columns .block_column_3 { width:32%; float:left; padding-bottom:0 0 2% } .block_three_columns .block_column_1,.block_three_columns .block_column_2 { padding-right:2% } .text_light_with_shadow { color:#fff; text-shadow:1px 1px 3px #000 } } @media (min-width:1200px) { .site-info,.footer-inner,.site-header { width:1170px } .navbar-header { display:block } .single-post .main-content-area { width:1140px } .block_interior_with_bg_front_blue_overlay { width:54% } .block_title { font-size:55px } .title_increased_size { font-size:30px } .block_title_2 { font-size:30px } .block_subtitle { font-size:19px; line-height:1.33 } .block_link_medium,.block_link_big { font-size:18px; line-height:1.83 } .block_text_intro_paragraph { font-size:18px; line-height:1.7 } .block_title_paragraph { font-size:20px; line-height:1.33 } .block_big_title_paragraph { font-size:28px } .block_button { font-size:22px; padding:3px 40px } .block_with_bg_button { padding:42px 0 } .block_with_bg_link { padding:20px 0 0 } .block_with_bg_subtitle { padding:20px 0 2px } .block_news { width:70%; float:left; border-right:1px solid #43c200; border-bottom:none } .block_events { width:30%; padding:0 0 0 4% } .block_news_item { float:left; padding:0 3% 0 0; width:31% } .block_event_item { width:100%; float:left } .block_event_title h2,.block_news_title h2 { margin:10px 0 6px } .navbar-default .navbar-nav > li > a { padding-left:15px; padding-right:15px } .site-header #logo { margin:10px 15px 15px; width:252px } .block_interior_subtitle,.block_interior_with_bg_subtitle { padding:18px 0 2px } .block_interior_paragraph_title,.block_interior_with_bg_paragraph_title { padding:18px 0 0 } .block_interior_paragraph,.block_interior_with_bg_paragraph { padding:12px 0 2px } .block_interior_plain_text,.block_interior_with_bg_plain_text { display:block } .block_interior_button,.block_interior_with_bg_button { padding:22px 0 6px } .block_interior_link,.block_interior_with_bg_link { padding:20px 0 0 } .block_text_paragraph,.block_text_paragraph p { font-size:16px; line-height:1.44 } .block_text_paragraph_highlighted,.block_text_paragraph_highlighted p { font-size:20px; line-height:1.33 } .block_text_paragraph_title,.block_text_paragraph_title p { padding:35px 0 0; font-size:18px; line-height:1.33 } .block_text_paragraph_title_big,.block_text_paragraph_title_big p,.block_text_paragraph_title_big h1,.block_text_paragraph_title_big h2,.block_text_paragraph_title_big h3 { font-size:20px; line-height:1.33 } .block_three_columns .block_column_1,.block_three_columns .block_column_2,.block_three_columns .block_column_3 { width:32%; float:left; padding-bottom:0 0 2% } .block_three_columns .block_column_1,.block_three_columns .block_column_2 { padding-right:2% } } @media (min-width:1430px) { .site-info,.footer-inner,.site-header { width:1400px } .single-post .main-content-area { width:1370px } .container { width:1400px } .block_interior_with_bg_front_blue_overlay { width:50% } .block_title { font-size:55px } .title_increased_size { font-size:34px } .block_subtitle { font-size:22px; line-height:1.33 } .block_link_medium,.block_link_big { font-size:18px; line-height:1.83 } .block_text_intro_paragraph { font-size:18px; line-height:1.33 } .block_title_paragraph { font-size:20px; line-height:1.33 } .block_big_title_paragraph { font-size:28px } .block_button { font-size:22px; padding:3px 40px } .block_with_bg_front { padding:0 0 0 8% } .block_with_bg_subtitle { padding:22px 0 2px } .block_with_bg_link { padding:29px 0 0 } .block_interior_front,.block_interior_with_bg_front { padding:2% 8% 0 } .block_interior_subtitle,.block_interior_with_bg_subtitle { padding:22px 0 2px } .block_interior_paragraph_title,.block_interior_with_bg_paragraph_title { padding:20px 0 0 } .block_interior_paragraph,.block_interior_with_bg_paragraph { padding:14px 0 2px } .block_interior_link,.block_interior_with_bg_link { padding:29px 0 0 } .block_text_paragraph,.block_text_paragraph p { font-size:18px; line-height:1.44 } .block_text_paragraph_highlighted,.block_text_paragraph_highlighted p { font-size:24px; line-height:1.33 } .block_text_paragraph_title,.block_text_paragraph_title p { padding:35px 0 0; font-size:22px; line-height:1.33 } .block_text_paragraph_title_big,.block_text_paragraph_title_big p,.block_text_paragraph_title_big h1,.block_text_paragraph_title_big h2,.block_text_paragraph_title_big h3 { font-size:24px; line-height:1.33 } .block_three_columns .block_column_1,.block_three_columns .block_column_2,.block_three_columns .block_column_3 { width:32%; float:left; padding-bottom:0 0 2% } .block_three_columns .block_column_1,.block_three_columns .block_column_2 { padding-right:2% } } .block_with_bg_title.block_title.block_text_clear.case { margin-top: 90px; } .one.spacing { height: 20px; } /*Add some spacing*/ .faq-section{ margin: 10px 0px -30px 0px; position: relative; } /*Hide the paragraphs*/ .faq-section p{ display: none; } /*Hide the checkboxes */ .faq-section input{ position: absolute; z-index: 2; cursor: pointer; opacity: 0; display: none\9; /* IE8 and below */ margin: 0; width: 100%; height: 36px; } .faq-section, .faq-section * { cursor: pointer; } .faq-section { margin-top: 20px; margin-bottom: 20px; position: relative; background-color: #fff; border: 1px solid #504999; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); margin-left: 5%; margin-right: 5% } /*Hide the paragraphs*/ .faq-section p { display: none; } /*Hide the checkboxes */ .faq-section input { position: absolute; z-index: 2; cursor: pointer; opacity: 0; display: none; margin: 0; width: 100%; height: 36px; } /*Show only the clipped intro */ .faq-section label + p { display: block; color: #fff; font-size: .85em; transition: all .15s ease-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*If the checkbox is checked, show all paragraphs*/ .faq-section input[type="checkbox"]:checked ~ p { cursor: default; display: block; color: #000; font-size: 0.95em; /* restore clipping defaults */ text-overflow: clip; white-space: normal; overflow: visible; margin-left: 1%; margin-right: 1%; } /*Style the label*/ .faq-section label { font-size: 1.125em; color: #504999; background: #fff; display: block; position: relative; height: 40px; padding: 5px 10px; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.5); transition: all .15s ease-out; margin-left: 1%; margin-right: 1%; margin-top: 14px; } /*Remove text selection when toggle-ing*/ .faq-section label::selection{ background: none; } .faq-section:hover{ /*change border color*/ box-shadow: 0 0 4px 1px #e3e3e3; } /*If the checkbox is checked, style the label accordingly*/ .faq-section input[type="checkbox"]:checked ~ label { } /*Label's arrow - default state */ .faq-section label::before { content: ''; position: absolute; right: 5px; top: 50%; margin-top: -6px; border: 6px solid transparent; border-left-color: inherit; } /*Update the right arrow*/ .faq-section input[type="checkbox"]:checked ~ label::before { border: 6px solid transparent; border-top-color: inherit; margin-top: -3px; right: 10px; } .block_with_bg_front_text_faq { margin-top: 10%; margin-left: 24%; } .two.spacing { height: 40px; } .btn-secondary { color: #fff !important; text-transform: none; box-shadow: 0px 1px 4px 2px #0000001a; background-color: #4a4a4a !important; border: 0.5px inset rgb(74, 74, 74, 0) !important; border-radius: 2px; font-family: Montserrat, liberation sans, sans; font-size: 22px; font-weight: 700; padding: 3px 12px; text-align: center; text-decoration: none; text-shadow: unset; width: 100%; } .btn-secondary:hover { color: #4a4a4a !important; background-color: white !important; box-shadow: 0px 1px 4px 2px #5049991a; border: 0.5px inset #4a4a4a !important; } a.btn-secondary:hover { text-decoration:none; } @media (min-width:756px) { .mt-2 { margin-top:2em; } .mt-1 { margin-top:1em; } .mt-3 { margin-top:3em; } } .mb-20 { margin-bottom:20px; }