/* Theme Name: YouTestMe Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Add your own styles here:*/ /* Theme Name: YouTestMe Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Add your own styles here:*/ .clients-logos img { filter: grayscale(100%) !important; } .special-heading-h2 h2 { font-size: calc(1.85185vw + 1.66667rem) !important; font-family: euclid-flex,Arial,sans-serif !important; font-weight: 700 !important; line-height: 1.1; color: #2a2b2d !important; } .testInfo h3 { color: #216CE0 !important; } .job-position p { font-size: 15px !important; color: #2a2b2d !important; font-weight: 700 !important; } /* White design */ .centered-cell-white{ width: 100% !important; } .testimonial-text p { line-height: 1.6 !important; font-family: proxima-nova,Arial,sans-serif !important; font-weight: 500 !important; font-size: 15px !important; color: #2a2b2d !important; } .heading-block-h2 h2 { font-size: 50px !important; font-family: euclid-flex,Arial,sans-serif !important; font-weight: 700 !important; line-height: 1.1; color: #2a2b2d !important; } .white-heading-block-h4 h4 { text-align: center; color: #F9C055 !important; text-transform: uppercase; font-size: calc(.18519vw + .61111rem); font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0.1em; font-family: proxima-nova,Arial,sans-serif; font-size: 16px; } .heading-block-h4 h4 { text-align: center; color: #216CE0 !important; text-transform: uppercase; font-size: calc(.18519vw + .61111rem); font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0.1em; font-family: proxima-nova,Arial,sans-serif; font-size: 16px; } .arrow-icon-list, .description-p p { line-height: 1.6 !important; font-family: proxima-nova,Arial,sans-serif !important; font-weight: 500 !important; font-size: 17px !important; color: #2A2B2D !important; } /*BANNER BUTTONS*/ /*.home_banner_button_2020 .banner-orange-button .standard_button_2020 .standard_button_big_2020 .btn_color_orange_2020 { background: #FEBF3C !important; margin-top: 24px !important; padding: .83333rem 1.33333rem !important; border-radius: .27778rem !important; min-width: 190px; min-height: 55px; padding-left: 0px; padding-right: 0px; } .banner-blue-button { background: #216CE0 !important; margin-top: 24px !important; padding: .83333rem 1.33333rem !important; border-radius: .27778rem !important; min-width: 190px; min-height: 55px; padding-left: 0px; padding-right: 0px; }*/ /*OTHER BUTTONS*/ .standard_button_2020:hover { opacity: 1 !important; } #submitBtnDone input, .reqFormButtonFrst, .gcBtns2021 .btn_color_darkBlue_2020 { background: #216CE0 !important; margin-top: 24px !important; padding: .83333rem 1.33333rem !important; border-radius: .27778rem !important; min-width: 190px; min-height: 55px; padding-left: 0px; padding-right: 0px; } .reqFormButtonFrst a { color: #FFFFFF !important; background: none !important; font-weight: 700; font-family: proxima-nova,Arial,sans-serif !important; letter-spacing: 0.08em; } .gcBtns2021 .btn_color_darkBlue_2020:hover { background: #0D2B5A !important; } .gcBtns2021 .btn_color_darkBlue_2020 a { background: none !important; font-weight: 700; font-family: proxima-nova,Arial,sans-serif !important; letter-spacing: 0.08em; } .gcBtns2021 .btn_color_darkBlue_2020 a:hover { background: none !important; font-weight: 700; font-family: proxima-nova,Arial,sans-serif !important; letter-spacing: 0.08em; } .gcBtns2021 .btn_color_orange_2020 { background: #FEBF3C !important; margin-top: 24px !important; padding: .83333rem 1.33333rem !important; border-radius: .27778rem !important; min-width: 190px; min-height: 55px; padding-left: 0px; padding-right: 0px; } .gcBtns2021 .btn_color_orange_2020:hover { background: #FF9900 !important; } .gcBtns2021 .btn_color_orange_2020 a { background: none !important; font-weight: 700; font-family: proxima-nova,Arial,sans-serif !important; letter-spacing: 0.08em; } .gcBtns2021 .btn_color_orange_2020 a:hover { background: none !important; font-weight: 700; font-family: proxima-nova,Arial,sans-serif !important; letter-spacing: 0.08em; } .learn-more-link a { font-weight: 800 !important; font-family: proxima-nova,Arial,sans-serif; letter-spacing: 0.08em; font-size: 14px !important; text-decoration: none !important; color: #216CE0 !important; } .description-p a { font-weight: 500 !important; color: #216CE0 !important; text-decoration: none !important; } .content-library-demo-img img { padding-left: 0px !important; padding-bottom: 0px !important; } /* ~-~-~-~-~-~-~ 2020 - START ~-~-~-~-~-~-~ */ .testClassKK{ background-color: black; } /* ~-~-~-~-~-~-~ 2020 - END ~-~-~-~-~-~-~ */ @font-face { font-family: 'NexaBold'; src: url('fonts/NexaBold.eot?#iefix') format('embedded-opentype'), url('fonts/NexaBold.woff') format('woff'), url('fonts/NexaBold.ttf') format('truetype'), url('fonts/NexaBold.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'NexaLight'; src: url('fonts/NexaLight.eot?#iefix') format('embedded-opentype'), url('fonts/NexaLight.woff') format('woff'), url('fonts/NexaLight.ttf') format('truetype'), url('fonts/NexaLight.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'Effra_Std_Bd'; src: url('fonts/Effra_Std_Bd.eot?#iefix') format('embedded-opentype'), url('fonts/Effra_Std_Bd.woff') format('woff'), url('fonts/Effra_Std_Bd.ttf') format('truetype'), url('fonts/Effra_Std_Bd.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal;} } .avia-section.ytm-bckg-resp { background-size: cover !important;} .ytm-bckg-resp.avia-section-huge .content { padding-bottom: 15% !important; padding-top: 15% !important;} .avia-section.clr-bckg-resp { background-size: cover !important;} .clr-bckg-resp.avia-section-huge .content { padding-bottom: 15% !important; padding-top: 15% !important;} .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:link, .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:visited { font-size: 20px; text-decoration: none !important; border-radius: 18px;} .avia-caption-content { font-size: 17px; padding-left: 20%;} /*-------------------------MAIN MENU---------------------------*/ .avia-menu-text img { vertical-align: middle;} /*-------------------------FOOTER---------------------------*/ #footer { padding-top: 0px; padding-bottom: 0px;} /*-------------------------HOMEPAGE---------------------------*/ #main .post-entry-15 .entry-content-wrapper .flex_column.av_one_third .av_textblock_section .avia_textblock.av_inherit_color h2 { text-transform: capitalize; font-size: 45px;} .container.av-logo-container { height: 58px !important; line-height: 58px !important; min-height: 44px !important; transition: height .2s;} .container.av-logo-container .logo img { max-height: 60px !important; transition: height .2s;} .html_header_top.html_header_sticky #main { padding-top: 50px !important;} .header-scrolled .container.av-logo-container { line-height: 44px !important; height: 44px !important;} .header-scrolled .container.av-logo-container a{ line-height: fit-content; min-height: fit-content;} .header-scrolled .container.av-logo-container .logo img { height: 44px !important;} #header_main { border-bottom: 0 !important;} .header-scrolled #header_main { border-bottom: 1px solid #999999 !important;} /*.page-id-15 #after_section_1 .template-page{ padding: 0;} #ourproducts .post-entry-15 .entry-content-wrapper .avia-builder-el-8.el_after_av_heading.line .inner-border-av-border-fat { margin-left: -58px;} .avia_transform .avia-testimonial .avia-testimonial-image { -moz-animation: none !important; -webkit-animation: none !important; animation: none !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 !important;} .page-id-15 #after_section_1 .avia-testimonial { padding: 10px 0;} .page-id-15 #after_section_1 div .av_one_half { margin-left: 11%; width: 35%;} .ui-testemonial-quote { font-size: 16px; color: #777;} .container.av-logo-container a{ max-height: 58px !important; line-height: 58px !important; min-height: 44px !important; transition: height .2s,line-height .2s; } #top .av-main-nav ul a { line-height: 23px !important; min-height: 23px !important; } #main #av_section_4 .post-entry-15 .entry-content-wrapper .flex_column .av_textblock_section .avia_textblock > h3 { margin-top: 0;} @media screen and (max-width: 1173px) { #main .post-entry-15 .entry-content-wrapper .flex_column.av_one_third .av_textblock_section .avia_textblock.av_inherit_color h2 { font-size: 30px;} #main .post-entry-15 .entry-content-wrapper .flex_column.av_one_third .av_textblock_section .avia_textblock.av_inherit_color p { font-size:14px !important;} #main .post-entry-15 .entry-content-wrapper .flex_column.av_one_third .av_textblock_section { min-height: 114px;} #main #av_section_1 .post-entry-15 .entry-content-wrapper .avia_textblock h1 { font-size: 30px;} #main #av_section_1 .post-entry-15 .entry-content-wrapper .avia_textblock p { font-size: 16px !important;}} @media only screen and (max-width: 989px) and (min-width: 768px){ .responsive #header:not(.header-scrolled) .logo img { margin: 0; width: 145px; margin-top: 5px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all .5s;}} #top .avia-button.avia-color-dark { border: 2px solid #e1e1e1;} #av_section_4 .post-entry-15 .av_textblock_section .avia_textblock p { font-size: 15px !important;} #av_section_1 .post-entry-15 .entry-content-wrapper.clearfix .flex_column.av_one_full .avia-image-container { padding-top: 5px;} #av_section_1 .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-3 .hr.hr-invisible.avia-builder-el-4.avia-builder-el-no-sibling { height: auto;} #main #av_section_1 .post-entry-15 .entry-content-wrapper.clearfix .flex_column.av_one_full .av_textblock_section .avia_textblock h2 { font-size: 45px; } #main #av_section_1 .post-entry-15 .entry-content-wrapper.clearfix .flex_column.av_one_full .av_textblock_section .avia_textblock p { font-size: 20px; } #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-20 .av_textblock_section .avia_textblock p, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-22 .av_textblock_section .avia_textblock p, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-24 .av_textblock_section .avia_textblock p, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-26 .av_textblock_section .avia_textblock p, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-29 .av_textblock_section .avia_textblock p, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-31 .av_textblock_section .avia_textblock p, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-33 .av_textblock_section .avia_textblock p, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-35 .av_textblock_section .avia_textblock p { margin-bottom: -20px;} #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-29 .av_textblock_section .avia_textblock h3, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-31 .av_textblock_section .avia_textblock h3, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-33 .av_textblock_section .avia_textblock h3, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .avia-builder-el-35 .av_textblock_section .avia_textblock h3 { margin-bottom: -15px;} #main #av_section_2 .post-entry-15 .entry-content-wrapper.clearfix .av-special-heading h2, #main #cl-usermanagement .post-entry-15 .entry-content-wrapper.clearfix .av-special-heading h2, #main #av_section_4 .post-entry-15 .entry-content-wrapper.clearfix .av-special-heading h2 { font-size: 30px; font-weight: unset; color: #474747;} #main #av_section_2 .post-entry-15 .flex_column_table .flex_column.av_one_third.no_margin.flex_column_table_cell:hover { background-color: #f0f0f0;} #main .post-entry-15 .flex_column_table .flex_column.av_one_third.no_margin.flex_column_table_cell { padding-top: 10px !important; margin:0 auto;} #main #gcadditionalservices .services-home .content { padding: 20px 0;}*/ /*-------------------------MOBILE PAGE---------------------------*/ #av_section_4 .post-entry-761 .entry-content-wrapper .av-special-heading .av-special-heading-tag { text-transform: capitalize; font-size: 31px; font-weight: 500;} /*-------------------------GET CERTIFIED PRODUCT PAGE---------------------------*/ /*#top form { margin-bottom:16px;} #av_section_2 .template-page .post-entry-1161 .av-special-heading.blockquote h2.av-special-heading-tag { font-size: 34px; font-weight: 300; padding-bottom: 3px;} #av_section_2 .template-page .post-entry-1161 .av-special-heading.blockquote .av-subheading.av-subheading_below p { font-size: 16px; font-weight: initial;} #av_section_2 .post-entry-1161 .entry-content-wrapper.clearfix .flex_column.av_one_third.flex_column_div.av-zero-column-padding.first.avia-builder-el-10.el_after_av_heading.el_before_av_one_third .av_textblock_section .avia_textblock p { padding-left: 70px; padding-right: 70px;} #av_section_2 .post-entry-1161 .entry-content-wrapper.clearfix .flex_column.av_one_third.flex_column_div.av-zero-column-padding.avia-builder-el-13.el_after_av_one_third.el_before_av_one_third .av_textblock_section .avia_textblock p { padding-left: 20px; padding-right: 20px;} #av_section_2 .post-entry-1161 .entry-content-wrapper.clearfix .flex_column.av_one_third.flex_column_div.av-zero-column-padding.avia-builder-el-16.el_after_av_one_third.avia-builder-el-last .av_textblock_section .avia_textblock p { padding-left: 70px; padding-right: 70px;} #av_section_4 .post-entry-1161 .flex_column.av_one_half .av_textblock_section .avia_textblock p, #av_section_5 .post-entry-1161 .flex_column.av_one_half .av_textblock_section .avia_textblock p, #av_section_6 .post-entry-1161 .flex_column.av_one_half .av_textblock_section .avia_textblock p, #av_section_7 .post-entry-1161 .flex_column.av_one_half .av_textblock_section .avia_textblock p, #av_section_8 .post-entry-1161 .flex_column.av_one_half .av_textblock_section .avia_textblock p { width: 75%;} .avia-data-table .avia-button-row td { text-align: left;} #main #av_section_9 .container .post-entry-1161 .entry-content-wrapper .flex_column.av_one_fourth .av_textblock_section .avia_textblock p img { margin-top: 0px !important; padding-top: 0px !important;} #gcadditionalservices .av-subheading_below p { font-size: 15px; font-weight: normal;} #av_section_11 .promo-box-gc .avia-promocontent p { font-size: 18px;} #av_section_11 .promo-box-gc .avia-button-wrap a { font-size: 15px; font-weight: 600;}*/ /*-------------------------CLASSROOM 2020 PRODUCT PAGE---------------------------*/ #cl-usermanagement .template-page,#cl-teaching .template-page,#cl-filemanagement .template-page,#cl-advancestat .template-page,#cl-learningprocess .template-page,#cl-questions .template-page,#cl-statistics .template-page,#cl-security .template-page,#cl-branding .template-page,#cl-customization .template-page { padding: 90px 0 !important;} #cl-usermanagement .av-special-heading,#cl-teaching .av-special-heading,#cl-filemanagement .av-special-heading,#cl-advancestat .av-special-heading,#cl-learningprocess .av-special-heading,#cl-questions .av-special-heading,#cl-statistics .av-special-heading,#cl-security .av-special-heading,#cl-branding .av-special-heading,#cl-customization .av-special-heading { margin: 0;} #cl-usermanagement .template-page,#cl-teaching .template-page,#cl-filemanagement .template-page,#cl-advancestat .template-page,#cl-learningprocess .template-page,#cl-questions .template-page,#cl-statistics .template-page,#cl-security .template-page,#cl-branding .template-page,#cl-customization .template-page { padding: 40px 0;} #cl-title .template-page { padding: 40px 0 !important;} #cl-title .template-page { margin: 0;} #cl-title .template-page { padding: 40px 0;} @media (min-width: 320px) { .avia-caption-content { padding-left: 3%;} .avia-caption-content h1{ font-size: 14px; margin-bottom: 0px;} .avia-caption-content p{ font-size: 9px; margin-top: 5px; margin-bottom: 5px;} .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:link, .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:visited { font-size: 9px; padding-bottom: 7px; padding-top: 7px;}} @media (min-width: 600px) { .avia-caption-content { padding-left: 10%;} .avia-caption-content h1{ font-size: 20px; margin-bottom: 0px;} .avia-caption-content p{ font-size: 11px; margin-top: 5px; margin-bottom: 5px;} .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:link, .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:visited { font-size: 14px;}} @media (min-width: 1033px) { .slideshow_caption { width:65% !important;} .avia-caption-content { padding-left: 20%;} .avia-caption-content h1{ font-size: 31px; margin-bottom: 0px;} .avia-caption-content p{ font-size: 15px; margin-top: 9px; margin-bottom: 9px;} .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:link, .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:visited { font-size: 15px;}} @media (min-width: 1067px) { .avia-caption-content p{ font-size: 16px;}} @media (min-width: 1200px) { .slideshow_caption { width:65% !important;} .avia-caption-content { padding-left: 20%;} .avia-caption-content h1{ font-size: 40px; margin-bottom: 0px;} .avia-caption-content p{ font-size: 18px; margin-top: 9px; margin-bottom: 9px;} .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:link, .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:visited { font-size: 20px;}} @media (min-width: 1600px) { .slideshow_caption { width: 45% !important;} .avia-caption-content { padding-left: 20%;} .avia-caption-content h1{ font-size: 49px; margin-bottom: 0px;} .avia-caption-content p{ font-size: 21px; margin-top: 9px; margin-bottom: 9px;} .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:link, .avia-button-wrap.avia-button-left.avia-builder-el-1.avia-builder-el-no-sibling a:visited { font-size: 22px;}} @media (min-width: 1750px) {s .slideshow_caption { padding-bottom: 9%;} .avia-caption-content p{ margin-bottom: 21px;} .avia-caption-content h1 { padding-bottom: 10px;}} @media (min-width: 320px) and (max-width: 767px){ .widgettitle { text-align: center;} .textwidget { text-align: center;}} @media (min-width: 768px) and (max-width: 989px){ #top .no_margin.av_one_fourth { width:50%;}} @media (min-width: 768px) and (max-width: 1008px){ #top .flex_column_table_cell { width:100%; margin-left: 0%; margin-bottom: 20px; display: block;} #top .flex_column_table { display:block;}} @media screen and (min-width: 990px) and (max-width: 1160px){ .ui-span-custom { min-height: 60px !important;}} @media only screen and (max-width: 767px) { .responsive #top .logo { height: 50px !important;} #gcbenefits .gcbenefits-left,#gcbenefits .gcbenefits-right { padding: 0 !important;}} /*#top .post-entry-1896 .entry-content-wrapper .flex_column .pricing-table-wrap .pricing-table .avia-pricing-row .currency-symbol { opacity: 1 !important; color: #000000 !important; top: 0; font-size: 32px;} .ui-ytm__banner--content { position: absolute; top:50px; width: 100%; height: 75%; z-index: 2;} .ui-classroom-2020 { background: #fff;} .ui-get-certified { background: #fff;} .ui-image img { width: 50%; bottom: 0; position: absolute; right: 0;} .ui-banner--left { width: 100%; margin: 0 auto; height: 100%; text-align: left; max-width: 1280px; padding-left: 50px;} .ui-image__logo--gc { width: 250px;} .ui-image__logo--gc img { margin-top: 42%;} .ui-image__logo--cl2020 img { margin-top: 30%;} .ui-image__logo--cl2020 { width: 350px;} .ui-logo { height: 35px; display: inline-block;} .ui-logo img { width:100%; height: 100%; margin-bottom: 11px;} .ui-banner--left h2 { font-size: 63px; font-weight: 300; margin-top: 15px;} .ui-banner--left p { font-size: 22px; max-width: 440px;} .ui-link--button { padding: 0.6em 0; color: white; display: inline-block; margin-top: 48px; width: 150px; text-align: center; text-decoration: none !important; -moz-transition: background-color .4s ease; -o-transition: background-color .4s ease; -webkit-transition: background-color .4s ease; transition: background-color .4s ease;} .ui-link--button-first:hover,.ui-link--button-first:focus { background: #5cbbeb;} .ui-link--button-last:hover,.ui-link--button-last:focus { background: #f3af77;} .ui-link--button-last:active { background: #d86b13;} .ui-link--button-first:active { background: #167db1;} .ui-link--button-first { background: #1b9dde; margin-right: 10px;} .ui-link--button-last { background: #ed832f; margin-left: 10px;}*/ @media screen and (max-width: 1280px){ .ui-image__logo--gc img,.ui-image__logo--cl2020 img { margin-top: 10%;}} @media screen and (min-width: 950px) and (max-width: 1280px){ .ui-logo { height: 24px;} .ui-image__logo--gc { width: 190px;} .ui-link--button { padding: 0.5em 0; margin-top: 34px; font-size: 12px; width: 140px; } .ui-banner--left p { font-size: 16px; max-width: 340px;} .ui-banner--left h1 { font-size: 52px; margin-top: 3px;}} @media screen and (max-width: 950px){ .ui-logo { height: 20px;} .ui-image__logo--gc { width: 153px;} .ui-image__logo--cl2020 { width: 253px;}} @media screen and (min-width: 360px) and (max-width: 950px){ .ui-link--button { padding: 0.4em 0; margin-top: 25px; font-size: 11px; width: 125px;} .ui-banner--left p { font-size: 14px; max-width: 280px;} .ui-banner--left h1 { font-size: 39px; margin-top: 0px;}} @media screen and (min-width: 360px) and (max-width: 700px){ .ui-banner--left { width: 80%;} .ui-image img { max-height: -webkit-calc(100% - 225px); max-height: -moz-calc(100% - 225px); max-height: calc(100% - 225px); width: auto; max-width: 100%; height: 50%; z-index: -99999; display: none;}} @media screen and (max-height: 420px) and (max-width: 700px){ .ui-image img { display: none;}} @media screen and (max-width: 360px){ .ui-banner--left h1 { font-size: 29px; margin-top: 0;} .ui-banner--left p { font-size: 13px; max-width: 260px;} .ui-link--button { padding: 0.2em 0; margin-top: 13px; font-size: 10px; width: 110px;} .ui-banner--left { width: 100%; padding-left: 38px; padding-right: 30px;} .ui-image img { max-height: -webkit-calc(100% - 200px); max-height: -moz-calc(100% - 200px); max-height: calc(100% - 200px); width: auto; max-width: 100%; display: none;} #gcbenefits .gcbenefits-left,#gcbenefits .gcbenefits-right{ padding-left:0 !important;}} @media screen and (max-width: 1024px) and (min-height: 1024px){ .ui-image img { max-height: -webkit-calc(100% - 270px); max-height: -moz-calc(100% - 270px); max-height: calc(100% - 270px); width: auto; max-width: 100%;} .ui-image__logo--gc img,.ui-image__logo--cl2020 img { margin-top: 40%;}} #clients .avia-testimonial-wrapper { margin: 0;} #ourproducts .ui-special-header--first { font-size: 30px; color: #666; font-weight: 100; margin-left: 5%;} #ourproducts .ui-special-header--last { font-size: 25px; color: #F7B154; font-weight: bold;} #ourproducts .avia-button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-weight: bold; font-size: 15px; width: 133px; padding: 8px 0; margin-right: 20px;} #ourproducts .hr { padding-left: 5%;} .responsive .container { max-width: 1280px;} #ourproducts .av_textblock_section { color: #7a7a7a; /*font-weight: bold;*/ font-size: 14px;} .clear { clear:both; margin:0; width:0; height:0;} .ui-separator--small { border-bottom: 3px solid ; width: 56px; float: right; margin-top: 15px; margin-right: -14px;} .ui-separator--small.ui-separator--orange { border-color: #EFA52E;} .ui-separator--small.ui-separator--blue { border-color: #29aae1;} .ui-button-wrapper { padding-top: 35px;} #whyyoutestme .ui-special-header--first { font-size: 30px; font-weight: 100; color: #666; margin-left: -50px;} #whyyoutestme .hr { margin-left: -48px;} #whyyoutestme .ui-special-header--last { font-size: 25px; font-weight: bold; color: #666;} #whyyoutestme .ui-panelgrid,#whyyoutestme .ui-panelgrid img,#whyyoutestme .ui-panelgrid p { margin: 0;} #whyyoutestme .ui-panelgrid td{ vertical-align: middle; border: 0; background: none; letter-spacing: -0.4px; padding-right: 35px;} #whyyoutestme .container { padding-right: 10px; padding-left: 100px;} #whyyoutestme .ui-panelgrid, #whyyoutestme .ui-panelgrid tr { background: none;} #whyyoutestme .ui-panelgrid td:first-child { width: 100px; padding: 10px 0;} #whyyoutestme .ui-panelgrid td { font-weight: normal; color: #7a7a7a !important; font-size: 14px;} #whyyoutestme .ui-panelgrid strong{ font-size: 18px; color: #4d4d4d; display: inline-block; margin-bottom: 4px;} #whyyoutestme .ui-panelgrid--left { width: 53.2%; float: left;} #whyyoutestme .ui-panelgrid--right { width: 46.8%; float: right;} #whyyoutestme .template-page { padding: 27px 0; padding-bottom: 6px;} /* #whyyoutestme { border-bottom: 1px solid #cdcdcd;} */ /*#whyyoutestme .avia-button { background-color: #d3402c; border-color: #791214; margin-bottom: 27px;} #testemonials .ui-panelgrid td { vertical-align: middle; padding: 0 13px; border: 0; color: #7a7a7a;} #testemonials .ui-panelgrid__cell--first { width: 216px; background: url(https://www.youtestme.uk/wp-content/uploads/2017/06/oracle-gold-ts.png) no-repeat center;} #testemonials .ui-panelgrid__cell--second { width: 128px; background: url(https://www.youtestme.uk/wp-content/uploads/2017/06/logo_SMATSA-1-e1495629530438.png) no-repeat center;} #testemonials .ui-panelgrid__cell--third { display: inline-block;} #testemonials .ui-panelgrid__cell--fourth { width: 191px; background: url(https://www.youtestme.uk/wp-content/uploads/2017/06/new-nes-color.png) no-repeat center;} #testemonials .template-page { padding: 17px 0;} #testemonials .ui-panelgrid { margin: 0 auto; width: auto;} #testemonials .ui-panelgrid p { margin: 0;} #testemonials .ui-panelgrid td { -webkit-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; transition: background .4s ease-in-out;} #testemonials .ui-panelgrid td img { display: none;} #certificates .av-subheading p { margin-top: 15px; font-weight: 100; font-size: 21px;}*/ /*#userorg,#questionorg,#testcert,#repstat,#syssec,#theme,#certcustomization,#question-organization,#training-courses,#paper-test,#proctor,#custom-emails, #gc-api, #ecommerce, #safe-exam*/ #userorg .av-special-heading,#questionorg .av-special-heading,#surveys .av-special-heading,#training-courses .av-special-heading,#proctor .av-special-heading, #safe-exam .av-special-heading, #gc-api .av-special-heading, #ecommerce .av-special-heading, #paper-test .av-special-heading,#testcert .av-special-heading, #repstat .av-special-heading,#syssec .av-special-heading,#actdirint .av-special-heading,#question-organization .av-special-heading,#custom-emails .av-special-heading,#theme .av-special-heading,#certcustomization .av-special-heading,#gcbenefits .av-special-heading,#gcpricingfaq .av-special-heading,#gcresources .av-special-heading, #cl0 .av-special-heading,#cl1 .av-special-heading,#cl2 .av-special-heading,#cl3 .av-special-heading,#cl4 .av-special-heading,#cl5 .av-special-heading,#cl6 .av-special-heading,#cl7 .av-special-heading { margin: 0;} #userorg .template-page,#questionorg .template-page,#surveys .template-page,#testcert .template-page,#question-organization .template-page,#proctor .template-page, #safe-exam .template-page, #gc-api .template-page, #ecommerce .template-page, #paper-test .template-page,#training-courses .template-page,#repstat .template-page,#syssec .template-page,#actdirint .template-page,#custom-emails .template-page,#theme .template-page,#certcustomization .template-page,#gcbenefits .template-page,#gcpricingfaq .template-page,#gcresources .template-page, #cl0 .template-page,#cl1 .template-page,#cl2 .template-page,#cl3 .template-page,#cl4 .template-page,#cl5 .template-page,#cl6 .template-page,#cl7 .template-page { padding: 50px 0;} @media screen and (max-width: 1366px) { #userorg .template-page,#questionorg .template-page,#surveys .template-#page,#testcert .template-page,#question-organization .template-page,#proctor .template-page, #safe-exam .template-page, #gc-api .template-page, #ecommerce .template-page, #paper-test .template-page,#training-courses .template-page,#repstat .template-page,#syssec .template-page,#actdirint .template-page,#custom-emails .template-page,#theme .template-page,#certcustomization .template-page,#gcbenefits .template-page,#gcpricingfaq .template-page,#gcresources .template-page, .template-page,#cl1 .template-page,#cl2 .template-page,#cl3 .template-page,#cl4 .template-page,#cl5 .template-page,#cl6 .template-page,#cl7 .template-page { padding: 40px 0;}} /*#gcbenefits .gcbenefits-left { padding-left: 17%;} #gcbenefits .gcbenefits-right { padding-left:6%;} #contact .ui-special-header--first { font-size: 30px; font-weight: 100; color: #666;} #contact .ui-special-header--last { font-size: 25px; font-weight: bold; color: #1DCFDD;} #contact .wpcf7-submit{ background: #00B7E2; width: 150px; font-size: 16px; padding: 11px;}*/ @media screen and (max-width: 1200px) { #whyyoutestme .hr,#whyyoutestme .ui-special-header--first { margin-left: 0;} #whyyoutestme .ui-panelgrid { width: 100%;} #whyyoutestme .clear { height: 0 !important;} #whyyoutestme .container { padding: 0 50px;} #testemonials .ui-panelgrid { position: relative;} #testemonials .ui-panelgrid__cell--first { display: block; width: 195px; height: 100px;} #testemonials .ui-panelgrid__cell--second { display: block; height: 100px; width: 100%;} #testemonials .ui-panelgrid__cell--third { display: inline-block;} #testemonials .ui-panelgrid__cell--fourth { position: absolute; top: 0; right: 0; width: 191px; height: 100px; display: block;}} @media screen and (max-width: 535px){ #ourproducts img.alignright { display: inline-block; margin: 0; float: left; margin-top: 8px !important; width: 133px;} #ourproducts a.alignright { width: 100%;} #testemonials .ui-panelgrid__cell--first { width: 100%; margin-bottom: 100px;} #testemonials .ui-panelgrid__cell--fourth { width: 100%; top: 100px;} #testemonials .ui-panelgrid__cell--third { font-size: 12px;} #whyyoutestme .ui-panelgrid img { float: none; display: inline-block;} #whyyoutestme .ui-panelgrid td { width: 100% !important; display: block; text-align: center; padding: 10px 0;} #whyyoutestme .ui-panelgrid { margin-bottom: 30px;}} @media screen and (max-width: 360px) { #ourproducts .avia_textblock img { max-width: 210px;}} /*div.clear--responsive { width:0; height:0; margin:0;} .mz-figure div,.mz-figure a,.mz-figure span { text-indent: -999999999999px !important; font-size: 0px !important;} #gcadditionalservices .red-circle img { margin-top: -10px;} #gcadditionalservices .yellow-circle img { margin-top: -10px;} #av_section_13 .cl-green-circle h3 { padding-right: 23px;} #av_section_13 .cl-red-circle h3 { padding-right: 44px; padding-left: 48px;} #av_section_13 .cl-yellow-circle img { margin-top: -9px;} #av_section_13 .cl-red-circle img { margin-top: -10px;} #gcadditionalservices .gc-green-circle h3 { padding-right: 23px;} #gcadditionalservices .gc-red-circle h3 { padding-right: 30px; padding-left: 30px;} #gcadditionalservices .gc-red-circle img { margin-top: -10px;} #gcadditionalservices .gc-yellow-circle img { margin-top: -9px;}*/ @media screen and (max-width: 360px) { #text-3 img { padding-left: 65px;}} @media screen and (max-width: 360px) { #text-13 .textwidget p { display: inline-flex;}} @media screen and (max-width: 592px) { #top .ui-ytm__banner--content .ui-link--button-first { margin: 0 -16px; position: relative; z-index: 500;} #top .ui-ytm__banner--content .ui-link--button-last { margin: 0 25px; position: absolute; z-index: 500;}} @media screen and (max-width: 360px) { #footer .widget { padding: 0; margin: 0 0 0; overflow: hidden;}} @media screen and (max-width: 1280px) { #slide .avia-image-container { display: none;}} /*#slide .avia_textblock h1 { font-size: 30px;} #ourproducts .line span { margin-left: -58px;}*/ @media (min-width: 768px) and (max-width: 910px) { .margin-top--fix { margin-top: 4px !important;}} @media (min-width: 768px) and (max-width: 989px){ #gcadditionalservices .no_margin.av_one_fourth { width:100%;}} @media (min-width: 990px) and (max-width: 1009px) { #gcadditionalservices .no_margin.av_one_fourth { float: left;}} /*#gcadditionalservices .av-special-heading { margin-top: 10px;} #support-training form br { display: none;} #mobiletakequiz .flex_column.av_one_third, #mobiletakequiz3 .flex_column.av_one_third { margin-left: auto; margin-right: auto;}*/ @media (min-width: 768px) and (max-width: 989px) { .hideOnDemand { display: none;} .adjustScreens { margin: 20px 5px 0 5px !important; clear: none !important;}} /*.gc-features th { color: #ffffff !important; font-size: 20px; background: #29aae1 !important;} .gc-features tr th:first-child{ width: 5%;} .gc-features tr td { text-align: left !important; font-size: 14px;}*/ /* start of gc features */ /*#gc-alonepage .taglist a { color: #29AAE1; font-size: 16px;} /*--------BOX SHADOW - SCREENSHOTS--------*/ .slidercollege { -webkit-box-shadow: 0px 0px 16px -1px rgba(117,117,117,0.7); -moz-box-shadow: 0px 0px 16px -1px rgba(117,117,117,0.7); box-shadow: 0px 0px 16px -1px rgba(117,117,117,0.7);} /*BEGIN OF RESOURCES TABLE*/ .resources-table-videos tr th:first-child,.resources-table-videos tr td:first-child,.resources-table-documents tr td:first-child,.resources-table-documents tr th:first-child { min-width: 323px;} .resources-table-videos tr th:last-child,.resources-table-videos tr td:last-child,.resources-table-documents tr td:last-child,.resources-table-documents tr th:last-child { min-width: 400px;} .resources-table-videos tr td,.resources-table-documents tr td { padding-top:0; padding-bottom:0;} div .resources-table-videos, div .resources-table-documents { max-width: 700px; table-layout: auto;} #gcresources #clresources .resources-table-videos { color: #000000 !important;} #gcresources #clresources .resources-table-videos tr td { padding: 0px 12px !important;} #gcresources #clresources .resources-table-documents tr td { padding: 0px 12px !important;} #gcresources #clresources .resources-table-videos .avia-heading-row th p { margin: 0;} #gcresources #clresources .resources-table-documents .avia-heading-row th p { margin: 0;} .ui-header-section__features a{ text-decoration: none !important;} .ui-ytm-products .avia-button { text-transform: uppercase; width:120px; padding: 6px 0px 6px;} .ui-ytm-products p { margin-top:0;} @media screen and (max-width: 1173px) { .ui-ytm-products p { margin: 0;} .ui-buttons-left-cap { margin-top: 13px !important;}} @media screen and (max-width: 620px) { .ui-mobile-clear { display: none !important;} .ui-buttons-left-cap { float: left !important;} .ui-mobile-buttons-left { width: 100% !important; margin-left: 0 !important;} .ui-mobile-full-content,.ui-full-width-cap { width: 100% !important;} .ui-buttons-left-cap .avia-builder-el-last { float: left !important;}} .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a { opacity: 0.4; filter: alpha(opacity=40);} #top .av-control-minimal .avia-slideshow-arrows a:before { line-height: 39px;} #top .avia-slideshow-arrows a { width: 40px; /* height: 40px; */ line-height: 42px; /* margin: -20px -5px 0; */ } @media (min-width: 701px) { #ytmproducts .flex_column.av_two_third p { display: block; padding-right: 35px;}} @media (min-width: 1009px) { #ytmproducts .flex_column_table .flex_column.av_one_third.no_margin.flex_column_table_cell.column-top-margin { padding-top: 30px !important;}} .ui-remove-selection { user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important;} .page-id-15 .container_wrap_first main{ padding: 0;} #footer a { text-decoration: none !important;} .avia-slideshow-dots { bottom: -13px;} #top .av-control-minimal-dark .avia-slideshow-arrows a:before { border-color: transparent;} .gc-features td { vertical-align: middle;} .gc-features td:first-child { text-align: center !important;} .cl-features th { background: #1C4560 !important;} .ui-header-section__features.cl-features .avia_textblock p { text-align: center;} /*Redesign of pricing list 28.2.2018.Start*/ #pricingplan { font-family: 'Open Sans' , sans-serif;} #pricingplan table { text-align: center; border-collapse: collapse; vertical-align: middle; margin-bottom: 10px;} #pricingplan table td { vertical-align: middle;} /* #pricingplan .shadowOnTable { -webkit-box-shadow: 0px -1px 59px -10px rgba(0, 0, 0, 0.76); -moz-box-shadow: 0px -1px 59px -10px rgba(0, 0, 0, 0.76); box-shadow: 0px -1px 59px -10px rgba(0, 0, 0, 0.76);} */ #pricingplan .ui-header { background: rgba(32, 59, 87, 0.85); border: 1px solid rgba(32, 59, 87, 0.85); font-size: 18px; padding: 15px; box-sizing: border-box; color: white;} #pricingplan .mostPopularPrice { background: rgba(41, 166, 221, 0.85); border: 1px solid rgba(41, 166, 221, 0.85); font-size: 13px; box-sizing: border-box; color: white; padding: 0; height: 42px;} #pricingplan .mostPopularPrice::after { content: ""; position: absolute; top: 94px; left: -webkit-calc(50% - 8px); left: -moz-calc(50% - 8px); left: -o-calc(50% - 8px); left: calc(50% - 8px); margin-left: 0px; border-width: 8px; border-style: solid; border-color: rgba(41, 166, 221, 0.85) transparent transparent transparent;} #pricingplan .oneTime { font-size: 9px; color: #29a6dd; display: block; width: 161px; font-weight: 500; margin: -4px auto 0 auto; text-align: right;} #pricingplan .ui-content { height: 50px; box-sizing: border-box; padding: 0;} #pricingplan .ui-content span { display: block; max-width: -webkit-calc(100% - 20px); max-width: -moz-calc(100% - 20px); max-width: -o-calc(100% - 20px); max-width: calc(100% - 20px); margin: 0 auto; font-size: 14px;} #pricingplan .ui-price { font-size: 27px; font-weight: bold; padding: 10px 22px 0 22px; height: 65px; box-sizing: border-box;} #pricingplan .ui-price .ui-text-sub { display: inline-block; font-size: 18px;} #pricingplan .ui-button { background: #47bce6; height: 65px; padding: 0; box-sizing: border-box;} #pricingplan .ui-button a { text-decoration: none; color: white; font-size: 15px; height: 100%; line-height: 65px; display: block; text-transform: uppercase; font-weight: 600;} #pricingplan p.mostPopularPrice__separator { border: 1.5px solid #29a6dd; background: #29a6dd; padding: 0; height: 0px; width: calc(100% - 30px); margin: 0 auto; position: relative; top: 7px;} #pricingplan p.mostPopularPrice__separator:empty { display: block;} #pricingplan p.mostPopularPrice__separator.ui-text-only { top: 18px;} #pricingplan p.mostPopularPrice__separator.ui-with-users { top: 5px;} #pricingplan tr:nth-child(even) { background: rgba(32, 59, 87, 0.14);} #pricingplan tr:nth-child(2) { background: none;} #pricingplan .av-tab-section-tab-title-container { min-width: 210px; left: 0px; width: 234px; margin: 0 auto; background: rgba(32, 59, 87, 0.85); border-radius: 8px; padding: 0;} #pricingplan .av-tab-arrow-container { display: none;} #pricingplan .av-section-tab-title { color: rgba(255, 255, 255, 0.8); padding: 12px;} #pricingplan a.av-section-tab-title.av-active-tab-title { padding: 12px; background: rgba(41, 166, 221, 0.85); border-radius: 8px; color: white;} #pricingplan .avia-tab-title-padding-none .av-outer-tab-title { top: 0;} #pricingplan .av-tab-no-icon.av-tab-no-image .av-inner-tab-title { margin: 0 auto;} #pricingplan .av-section-tab-title { padding: 15px 0; width: calc(50% - 2px);} #pricingplan .pp br { display: none;} #pricingplan .buyBtn { display: block; margin: 0 auto; width: 30%; text-align: center; height: 57px; font-weight: bold; background: white; color: #47bce6; outline: none; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; -webkit-box-shadow: 0px -1px 59px -10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px -1px 59px -10px rgba(0, 0, 0, 0.5); box-shadow: 0px -1px 59px -10px rgba(0, 0, 0, 0.5); text-transform: uppercase; font-size: 15px; font-weight: 600;} #pricingplan .buyBtn:hover { background: rgba(32, 59, 87, 0.14);} #pricingplan div .av_one_fourth { margin-left: 0%; width: 100%;} #pricingplan .on-premise-two-tabs .container { text-align: center;} #pricingplan .on-premise-two-tabs .container .av_one_third { float: none; display: inline-block; vertical-align: top; clear: none;} /*Redesign of pricing list 28.2.2018.End*/ /* Testimonial */ .slider-testimonials .container { padding-bottom: 20px;} .slider-testimonials .avia-smallarrow-slider-heading { display: none;} .slider-testimonials .avia-smallarrow-slider .avia-slideshow-arrows a{ top: 75px;} .slider-testimonials .avia-smallarrow-slider .avia-slideshow-arrows #prev { right: 1200px} .ui-buy-button-paragraph p { margin: 0;} .ui-buy-button-paragraph a { line-height: 57px; text-decoration: none !important;} .capteraLogo { left: 35px;} .capteraLogo img { width: 120px; max-width: 125px;} @media (max-width: 700px) { .capteraLogo { left: 0px;}} @media (min-width: 1250px) { #government-cont.government-section .flex_cell_inner { width: 580px; float: right; } #government-cont.government-section .av-iconlist-small .iconlist_icon, #business-cont .av-iconlist-small .iconlist_icon { margin-right: 15px;} #government-cont.government-section .av-iconlist-small li, #business-cont .av-iconlist-small li { padding: 1px 0;} #government-cont .avia-icon-list-container, #business-cont .avia-icon-list-container { margin: 20px 0 0 0;}} @media (min-width: 1201px) { .ui-technical-details-button { margin-right: 90px}} /* Home Page */ /* whyyoutestme section */ @media (min-width: 1201px){ #whyyoutestme .ui-panelgrid { min-height: 127px; height: 0; } #whyyoutestme .ui-panelgrid.ui-panelgrid--right td:nth-child(2) { vertical-align: top; } } @media (max-width: 1200px) { #whyyoutestme .ui-panelgrid{ min-height: 100px; } #whyyoutestme .ui-panelgrid.ui-panelgrid--right td:nth-child(2) { vertical-align: middle; } } /* Additional Services - first div */ #gcadditionalservices .gc-green-circle h3{ padding: 0 30px; } /* Footer - Social media icons */ #socket .social_bookmarks li a { text-decoration: none; } textarea{ resize: none; } @media only screen and (max-width: 1008px){ /* Home Page */ /* Youtestme Products */ #ytmproducts .no_margin.av_two_third{ width: 90%; padding: 20px 0; } #ytmproducts .post-entry-15 .flex_column_table .flex_column.av_one_third.no_margin.flex_column_table_cell { margin: 0; } /* MobileQuiz */ /* First and third section */ #mobiletakequiz .flex_column.av_one_third, #mobiletakequiz3 .flex_column.av_one_third{ width: 100%; text-align: center; } #mobiletakequiz .av_textblock_section, #mobiletakequiz3 .flex_column.av_one_third .av_textblock_section{ width: 45%; display: inline-block; } #mobiletakequiz .flex_column.av_one_third section:first-child { vertical-align: top; } #mobiletakequiz3 .flex_column.av_one_third section:nth-of-type(2){ vertical-align: top; } #mobiletakequiz3 .flex_column.av_one_third .av_textblock_section h2, #mobiletakequiz3 .flex_column.av_one_third .av_textblock_section p { text-align: center !important; } #mobiletakequiz .hr, #mobiletakequiz3 .flex_column.av_one_third .hr{ width: 5%; display: inline-block; } } @media only screen and (max-width: 989px){ /* Home Page */ /* Additional Services */ #gcadditionalservices .no_margin.av_one_fourth { width: 50%; display: inline-block; } /* Get Certified */ /* Benefits */ #gcbenefits .gcbenefits-left { padding-left: 0; } /* Resources */ #gcresources .av_one_fifth { display: none; } #gcresources .av_three_fifth { margin: 0; } } /* Navbar */ @media only screen and (max-width: 820px){ #header_main .container{ padding: 0 20px; } /* Youtestme Products */ #ytmproducts .post-entry-15 .flex_column_table .flex_column.av_one_third.no_margin.flex_column_table_cell { width: 40%; } } @media only screen and (max-width: 767px){ /* Home Page */ /* Navbar */ #header_main .main_menu{ margin-top: -60px; } /* Youtestme products */ #ytmproducts .av-equal-height-column-flextable.av_two_third { margin: 0 auto; } #ytmproducts .post-entry-15 .flex_column_table .flex_column.av_one_third.no_margin.flex_column_table_cell { width: 45%; } /* Additional Services */ #gcadditionalservices .no_margin.av_one_fourth p { width: 65%; margin: .85em auto; } /* Footer */ #footer .av_one_fifth{ width: 50%; margin: 0 auto; } #footer .av_one_fifth:last-of-type{ width: 100% } #footer .widget{ margin: 10px 0; } /* Get Certified */ /* Main Features */ .main-features-inner .av_one_half { width: 100%; margin-left: 0; } .main-features-inner .template-page .entry-content-wrapper h2 { margin-top: 20px; } .main-features-inner .flex_column_table_cell { margin-bottom: 10px; } /* Additional Services */ #gcadditionalservices .no_margin.av_one_fourth { width: 50%; display: inline-block; } /* Class 2020 */ .classroom-features-inner .flex_column { width: 100%; margin: 10px 0; } /* MobileQuiz */ /* First and third section */ #mobiletakequiz .flex_column.av_one_third, #mobiletakequiz3 .flex_column.av_one_third{ margin-bottom: 20px; } #mobiletakequiz .av_textblock_section, #mobiletakequiz3 .flex_column.av_one_third .av_textblock_section{ width: 100%; } #mobiletakequiz3 .flex_column.av_one_third .hr { height: 20px !important; } /* App Example - Canadian Citizenship */ #mobiletakequiz4 div .av_three_fifth.avia-builder-el-49{ width: 100%; margin: 0 auto; } /* Technical Details */ /* Youtestme Product Versions */ #av_section_2 .av_one_third{ width: 100%; } /* FAQ */ #av_section_1 .av_three_fifth{ width: 90%; margin: 0 auto; } /* About - Careers */ /* Careers and Interships */ #careers-and-internships .av_one_fourth { width: 40%; margin-left: 7%; } #careers-and-internships .av_textblock_section p { text-align: center !important; } /* We are Hiring section */ #av_section_2 .av_three_fifth, #av_section_3 .av_three_fifth{ width: 100%; margin: 0; } /* Our Interns Testimonials */ #main #av_section_6 .avia-testimonial { width: 100%; } /* Contact */ /* Contact Us */ #av_section_1 .av_one_third{ width: 100%; padding-top: 20px; } /* Our Location */ #av_section_1 .av_two_third{ width: 100%; margin: 0 ; } } @media only screen and (max-width: 620px){ /* Home Page */ #ytmproducts .ui-gc-table .avia_textblock > div{ display: block !important; } #ytmproducts .post-entry-15 .flex_column_table .flex_column.av_one_third.no_margin.flex_column_table_cell { width: 58%; } /* About - Careers */ /* Careers and Interships */ #careers-and-internships .av_one_fourth{ width: 100%; margin: 20px auto 0; } #careers-and-internships .av_one_fourth p { width: 80%; margin: 0 auto; } /* Get Certified */ /* Government */ #government-cont { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; } #government-cont .avia-builder-el-3 { order: 2; } #government-cont .no_margin.av_one_half, #business-cont .no_margin.av_one_half { width: 100%; display: block; min-height: 300px; } } @media (max-width: 500px){ /* Home Page */ /* Youtestme Products */ #ytmproducts .no_margin.av_two_third{ width: 100%; } #ytmproducts .post-entry-15 .flex_column_table .flex_column.av_one_third.no_margin.flex_column_table_cell { width: 80%; } /* Additional Services */ #gcadditionalservices .no_margin.av_one_fourth p { width: 80%; margin-bottom: 20px; } /* Footer */ #footer .av_one_fifth{ width: 100%; } #footer .widget{ margin: 0; } /* Copyright section */ #socket .container{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; } #socket .copyright{ order: 2; } #socket .social_bookmarks { order: 1; margin: -10px 0 10px 0; } /* Get Certified */ /* Additional Services */ #gcadditionalservices .no_margin.av_one_fourth{ width: 100%; display: block; } /* Benefits */ #gcbenefits .no_margin.gcbenefits-left, #gcbenefits .no_margin.gcbenefits-right{ width: 100%; margin-bottom: 10px; } /* Resources */ #gcresources .resources-table-videos tr td:last-child, #gcresources .resources-table-documents tr td:last-child{ min-width: 100px; } /* Class 2020 */ #main .classroom-features-inner .template-page.content { padding: 50px 0 !important; } /* MobileQuiz */ /* First and third section */ #mobiletakequiz .flex_column.av_one_third, #mobiletakequiz3 .flex_column.av_one_third{ flex-direction: column; margin-bottom: 20px; } /* FAQ */ #av_section_1 .av_three_fifth{ width: 100%; } /* About - Careers */ /* Careers and Interships */ #careers-and-internships .av_one_fourth p { width: 100%; } /* Contact */ #av_section_2 .flex_column.av_three_fourth { width: 100%; } } @media (max-width: 380px){ /* Get Certified */ /* Resources */ #gcresources .resources-table-videos tr td:first-child, #gcresources .resources-table-documents tr td:first-child { min-width: 260px; } } @media (max-width: 340px){ /* Get Certified */ /* Resources */ #gcresources .resources-table-videos tr td:first-child, #gcresources .resources-table-documents tr td:first-child { min-width: 250px; } } /* Every heading */ /*.av-special-heading.blockquote > * { font-weight: 400; }*/ #scroll-top-link:hover { background: #999; border: 0; } .hr.hr-custom span { display: none; } .av-vertical-delimiter { display: none !important; } /* Get Certified */ /* Pricing */ #pricingplan .ui-content .span-text-tooltip { display: inline-block; } #pricingplan .oneTime { text-align: center; font-size: 14px; margin: 0 auto; } .avia-tooltip { width: 270px; } /* Get Certified */ /* Pricing Plan */ #pricingplan .container .flex_column_table { text-align: center; } @media (max-width: 1010px){ #pricingplan .flex_column_table_cell { display: inline-block; width: 30%; margin-left: 3%; } #pricingplan .av-flex-placeholder { display: none; } } @media (max-width: 806px){ #pricingplan .on-premise-two-tabs .container .av_one_third, #pricingplan .container .av_one_third { display: block; width: 50%; margin: 0 auto; } #pricingplan .gc-link-paymentOptions { margin-top: 20px; } #pricingplan .av-layout-tab-inner { overflow: visible !important; } } @media (max-width: 500px){ #pricingplan .on-premise-two-tabs .container .av_one_third, #pricingplan .container .av_one_third { display: block; width: 90%; margin: 0 auto; } } @media (max-width: 330px){ #pricingplan .on-premise-two-tabs .container .av_one_third, #pricingplan .container .av_one_third { width: 100%; } #pricingplan .btn-resize { width: 225px; } } @media (max-width: 620px){ #gcpricingfaq .av_three_fifth { width: 100%; margin: 0 auto; } } /* NEW ABOUT US PAGE */ /* HEADER */ #header-aboutus { text-align: center; background-size: cover; background-position: center center; color: #fff; height: 640px; font-weight: bold; } #header-aboutus .container { position: relative; top: 30%; } #header-aboutus p { font-size: 42px; line-height: 60px; margin: 0 auto; font-weight: 600; text-transform: capitalize; } #header-aboutus p .lower-letter { text-transform: lowercase; } @media (min-width: 768px) and (max-width: 1200px){ #header-aboutus p { font-size: 38px; } } @media (min-width: 421px) and (max-width: 767px){ #header-aboutus p { font-size: 32px; } } @media (min-width: 421px) and (max-width: 550px){ #header-aboutus p { line-height: 40px; } } @media (min-width: 320px) and (max-width: 420px){ #header-aboutus p { font-size: 30px; line-height: 40px; margin-top: -50px; } } /* VALUES */ #values { text-align: center; background: #2F98D4; color: #fff; border: 0; } #values .content { padding-bottom: 15px; } #values h2 { font-size: 42px; font-weight: bold; text-transform: uppercase; padding: 30px 0; margin: 0; color: #fff; } #values p { width: 60%; margin: 20px auto; font-size: 20px; } #values .innerContent { display: inline-block; } #values .innerContent p { width: 55%; margin: 0 auto 40px; padding: 30px 0; font-size: 20px; } #values .innerContent img { width: 115px; } #values .bold-text { font-weight: bold; } #values .oneRowText { display: block; } @media (min-width: 320px) and (max-width: 650px){ #values h2 { margin-bottom: 40px; } #values p { width: 100%; margin: 15px auto 50px; } #values .innerContent { width: 100%; margin: 0 auto; } } /* TIMELINE */ #timeline-container { text-align: center; } #timeline-container h2 { color: #171717; font-size: 42px; font-weight: normal; padding: 30px 0; margin: 0; text-transform: uppercase; } #timeline-container p { font-size: 35px; color: #626365; line-height: 32px; width: 77%; margin: 40px auto 0; } #timeline-container .mainText p { font-size: 20px; margin-bottom: 100px; width: 60%; } #timeline-container .wrapper-timeline { text-align: center; } #timeline-container .company-history p { color: #58595b; } #timeline { width: 98%; display: inline-block; height: 5px; font-size: 0; top: 180px; position: relative; margin-bottom: 400px; } #timeline-container .entry { width: 15%; height: 5px; display: inline-block; position: relative; text-align: center; } #timeline-container .entry::after { content: ''; display: block; width: 7px; height: 7px; border: 1px solid #888; border-radius: 6px; position: absolute; left: -4px; top: 35px; } #timeline-container .entry::before { content: ''; display: block; background: #888; width: 1px; height: 30px; position: absolute; left: 0; top: 5px; } #timeline-container .up::after { top: -39px; } #timeline-container .up::before { top: -30px; } #timeline-container .red { background: #D43F27; } #timeline-container .orange { background: #F99F30; } #timeline-container .green { background: #7DC242; } #timeline-container .blue { background: #2DA9E1; } #timeline-container .blueEnd { background: #2DA9E1; width: 14%; } #timeline-container .circle { background: #2DA9E1; width: 15px; height: 15px; display: inline-block; border-radius: 50%; position: absolute; } #timeline-container .now { display: inline-block; top: 185px; position: relative; color: #626365; font-size: 20px; margin-left: -80px; line-height: 0; width: auto; } #timeline-container .timeline-innerText { position: absolute; color: #808285; top: 45px; left: -100px; width: 200px; padding: 5px; font-size: 14px; } #timeline-container .timeline-innerText p { font-size: 14px; width: 100%; margin: 0; } #timeline-container .timeline-innerText h4 { color: #626365; font-size: 14px; margin: 0; } #timeline-container .textUp { top: -95px; width: 225px; left: -110px; } @media (max-width: 900px) { #timeline-container .now { margin-left: -60px; } #timeline-container .mainText p { width: 75%; } } @media (max-width: 767px) { #timeline { transform: rotate(90deg); width: 70%; top: 230px; } #timeline-container .timeline-innerText { transform: rotate(-90deg); top: 124px; } #timeline-container .textUp { top: -171px; } #timeline-container .now { top: 30px; margin-bottom: 50px; text-align: center; display: block; left: 20px; } } @media (max-width: 670px){ #timeline { width: 90%; } #timeline-container p { width: 100%; } #timeline-container .mainText p { width: 85%; } #timeline-container .timeline-innerText { top: 90px; left: -92px; } #timeline-container .textUp { top: -142px; left: -106px; } } @media (max-width: 550px){ #timeline { width: 120%; left: -40px; } #timeline-container .mainText p { width: 100%; } #timeline-container .now { top: 50px; left: 25px; } } @media (max-width: 500px){ #timeline { width: 130%; left: -60px; } #timeline-container .timeline-innerText p, #timeline-container .timeline-innerText h4 { font-size: 12px; } #timeline-container .now { left: 20px; } } @media (max-width: 450px){ #timeline { left: -45px; } #timeline-container .timeline-innerText { top: 75px; } #timeline-container .textUp { top: -115px; } #timeline-container .now { left: 28px; } } @media (max-width: 400px){ #timeline { width: 175%; left: -100px; } #timeline-container .now { left: 28px; } } @media (max-width: 365px){ #timeline { left: -90px; } #timeline-container .timeline-innerText { top: 70px; } #timeline-container .textUp { top: -108px; } #timeline-container .timeline-innerText p, #timeline-container .timeline-innerText h4 { font-size: 11px; } #timeline-container .now { left: 30px; } } @media (max-width: 340px){ #timeline { left: -82px; } #timeline-container .timeline-innerText p, #timeline-container .timeline-innerText h4 { font-size: 10px; } #timeline-container .now { top: 25px; left: 28px; } } @media (max-width: 330px){ #timeline { left: -76px; } #timeline-container .now { top: 0; } } /* OUR TEAM */ #how-we-work { text-align: center; } #how-we-work h2 { color: #171717; font-size: 42px; font-weight: normal; padding: 30px 0; margin: 0; } #how-we-work p { font-size: 35px; color: #626365; line-height: 32px; width: 70%; margin: 40px auto 0; } #how-we-work .avia-image-container { width: 70%; margin: 60px auto 30px; } #how-we-work .mainText p { font-size: 20px; margin-bottom: 30px; } @media (min-width: 501px) and (max-width: 650px){ #how-we-work .avia-image-container { width: 85%; } } @media (min-width: 320px) and (max-width: 500px){ #how-we-work .avia-image-container { width: 100%; } } /* HOW WE WORK */ #we-here-you { text-align: center; border-top: 1px solid #e1e1e1; } #we-here-you h2 { color: #2F98D4; font-size: 45px; font-weight: bold; padding: 30px 0; margin: 0; } #we-here-you p { font-size: 35px; color: #808285; line-height: 32px; width: 70%; margin: 50px auto; } #we-here-you .avia_image { height: 100px; margin-bottom: 50px; } #we-here-you .av_one_fifth:nth-child(3) .avia-image-container { text-align: right; } #we-here-you .av_one_fifth:nth-child(5) .avia-image-container { text-align: left; } #we-here-you .mainText p { font-size: 20px; margin: 30px auto; } #we-here-you .av_one_fifth { margin-bottom: 30px; } @media (min-width: 320px) and (max-width: 670px){ #we-here-you p { margin: 40px auto; } #we-here-you .av_one_fifth { width: 100%; margin: 0; } #we-here-you .av_one_fifth:nth-child(3) .avia-image-container, #we-here-you .av_one_fifth:nth-child(5) .avia-image-container { text-align: center; } #we-here-you .avia_image { margin-bottom: 30px; } } /* GROW WITH US */ #grow-with-us { text-align: center; border: 0; } #grow-with-us h2 { font-size: 35px; color: #808285; margin-bottom: 50px; } #grow-with-us p { font-size: 20px; line-height: 32px; margin: 30px auto 70px auto; color: #808285; width: 50%; } #grow-with-us .join-us-link a { color: #FBB040; font-size: 35px; text-decoration: none; font-weight: bold; } /* Shared font sizes */ @media (min-width: 651px) and (max-width: 1000px){ #header-aboutus h2, #values h2, #timeline-container h2, #how-we-work h2 { font-size: 40px; } } @media (min-width: 320px) and (max-width: 650px){ #header-aboutus h2, #values h2, #timeline-container h2, #how-we-work h2, #we-here-you h2 { font-size: 35px; } #how-we-work p, #grow-with-us h2 { font-size: 32px; } } @media (max-width: 767px){ #how-we-work p, #we-here-you p, #grow-with-us p { width: 100%; } } /* ADDITIONAL SERVICES */ #additional-services.additional-services__classroom h2, #additional-services.additional-services__classroom h3, #additional-services.additional-services__classroom p, #additional-services.additional-services__classroom span { color: #fff; } #additional-services .av_textblock_section { margin-bottom: 30px; } #additional-services .av_textblock_section:last-child { margin-bottom: 0; } #additional-services h2 { margin-bottom: 40px; font-weight: 400; } #additional-services h3 { font-size: 25px; color: #222222; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; } #additional-services p { font-size: 15px; line-height: 24.75px; } #additional-services .entry-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 776px){ #additional-services .entry-content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #additional-services .av_one_half { width: 70%; margin: 0; } #additional-services .av_one_half:nth-child(2) { width: 100%; margin-top: 30px; } } @media (max-width: 550px){ #additional-services .av_one_half { width: 100%; } } #wptime-plugin-preloader { background-size: 150px !important; } /* Homepage */ /* Slider */ #slider-header .forcefullwidth_wrapper_tp_banner { margin-top: 58px !important; } @media (max-width: 479px){ #slider-header .forcefullwidth_wrapper_tp_banner { margin-top: 25px !important; } } /* Clients - after slider */ #testemonials { margin-top: -50px; } @media (max-width: 767px){ #testemonials { margin-top: 0; } } /* Footer */ #footer a, #footer h3 { font-size: 14px; } .remove-image-border img { border: 0; } #ytmproducts .remove-image-border { color: #fff; } /*#whyyoutestme .avia_code_block_2 { text-align: center; margin-bottom: 30px; }*/ #whyyoutestme .tag-technical-btn { position: relative; background: #d3402c; color: #fff; line-height: 1.2em; font-weight: normal; text-align: center; text-decoration: none; padding: 10px 16px; border-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; } #whyyoutestme .tag-technical-btn:hover { opacity: 0.9; } #whyyoutestme .tag-technical-btn:active { bottom: -1px; } /* homepage */ #ytmproducts h2.heading-getcertified, #ytmproducts h2.heading-classroom { text-transform: capitalize; font-weight: 400; letter-spacing: 0; font-size: 27px; } /* Get Certified*/ #certificates { padding: 30px 0; background: #29AAE1; } #certificates h1 { color: #fff; } /* main features link styles - CHANGE AFTER SEO UPDATES */ #testcert .av_iconlist_title a:hover, #repstat .av_iconlist_title a:hover{ text-decoration: none; } .av-iconlist-small .iconlist_title_small { margin: 0; } /* navigation */ .av-main-nav > li > a { font-size: 15px; } @media (max-width: 767px) { .header-scrolled #header_main .main_menu { margin-top: -50px; } } /* Form request a demo - new fields */ #demo-contact-form .wpcf7-form select option { color: #000; } @media (max-width: 1199px){ #demo-contact-form .av_three_fifth { margin: 0; width: 70%; } } @media (max-width: 1004px){ #demo-contact-form .av_three_fifth { width: 85%; } } @media (max-width: 846px){ #demo-contact-form .av_three_fifth { width: 100%; } } @media (max-width: 735px){ #demo-contact-form .wpcf7-list-item { display: block; margin: 0; } #demo-contact-form .av_three_fifth { width: 85%; } } @media (max-width: 460px){ #demo-contact-form .av_three_fifth { width: 90%; } } @media (max-width: 390px){ #demo-contact-form .av_three_fifth { width: 100%; } } /* Mobile Take Quiz */ #mobiletakequiz2 .av-parallax { height: 1000px !important; } /* Classroom */ .cl-text-below { margin-top: 30px; } /* Homepage */ /* testimonials */ #ytmproducts + #whyyoutestme { border-bottom: 0; } #whyyoutestme + #testemonials { margin-top: 0; } #whyyoutestme .whyytm-button { text-align: center; } #main #ytmproducts { margin-top: -50px; } @media (max-width: 767px) { #main #ytmproducts { margin-top: 0; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #main #ytmproducts { margin-top: 0; } #main-banner .show-image { width: 80%; background-color: transparent !important; } } /* Link effect */ #top .link-hover { text-decoration: none; color: #29aae1; transition: .3s ease; } #top .link-hover:hover { color: #0992b7; } /* Link effects */ /* blog */ .read-more-link .more-link:hover { color: #002db3; } /* gc */ #top .av_iconlist_title .link-hover { text-decoration: none; color: #29aae1; transition: .3s ease; } #top .av_iconlist_title .link-hover:hover { text-decoration: none; color: #0992b7; } #top .play-button { text-decoration: none; } #top .play-button::after { content: '\25BA'; color: #888; } #top .play-button:hover { color: #002db3; } #top .play-button:hover::after { color: #002db3; } #gcresources table tr:nth-child(2) td:first-child { vertical-align: middle; } /* GC - features table */ .gc-features .exam-question-table thead td { background: #efefef; text-align: center !important; vertical-align: middle; } .gc-features .exam-question-table tbody tr td:last-child { text-align: center !important; } /* .cl-features .exam-question-table tbody tr td:last-child { text-align: left !important; } */ .gc-features.exam-question tr:nth-child(5) td:last-child, .cl-features.cl-exam-question tr:nth-child(7) td:last-child, .cl-features.cl-exam-question tr:nth-child(18) td:last-child, .cl-features.question-management tr:nth-child(9) td:last-child { padding: 0; } .gc-features.exam-question tr:nth-child(5) td:last-child table, .cl-features.cl-exam-question tr:nth-child(7) td:last-child table, .cl-features.cl-exam-question tr:nth-child(18) td:last-child table, .cl-features.question-management tr:nth-child(9) td:last-child table { margin: 0; } .cl-features.question-management .td-left-align tbody tr td:last-child, .cl-features.cl-exam-question .td-left-align tbody tr td:last-child { text-align: left !important; padding: 5px 10px; } .gc-features .exam-question-table thead td { border-top: 0; } .gc-features .exam-question-table thead td:last-child { width: 120px; } .gc-features .exam-question-table td:first-child { border-left: 0; } .gc-features .exam-question-table td:last-child { border-right: 0; } .gc-features .exam-question-table tbody tr:last-child td { border-bottom: 0; } .gc-features .exam-question-table thead td:nth-child(3) { width: 330px; } .cl-features.question-management tr:nth-child(9) thead td:nth-child(3) { width: 360px; } #personalprofile .avia-heading-row th:nth-child(2), #managegroups .avia-heading-row th:nth-child(2), #security .avia-heading-row th:nth-child(2), #testquestionmanagement .avia-heading-row th:nth-child(2), #surveyquestionmanagement .avia-heading-row th:nth-child(2), #testmanagement .avia-heading-row th:nth-child(2), #trainingmanagement .avia-heading-row th:nth-child(2), #teststatistics .avia-heading-row th:nth-child(2), #certificatemanagement .avia-heading-row th:nth-child(2), #surveymanagement .avia-heading-row th:nth-child(2), #customreports .avia-heading-row th:nth-child(2), #standardreports .avia-heading-row th:nth-child(2), #proctoring-features .avia-heading-row th:nth-child(2), #mailserver .avia-heading-row th:nth-child(2), #systemreports .avia-heading-row th:nth-child(2) { width: 35%; } /* phone number navigation */ .av-main-nav li:nth-child(5):hover .avia-menu-fx { display: none; } /* HOMEPAGE NEW BANNER */ #main-banner { margin-top: 58px; background: linear-gradient(50deg, #0071bc 0%, #36ace2 28%); } #main-banner section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 15%; } #main-banner .banner-text { width: 34%; } #main-banner h1 { font-weight: 400; font-size: 40px; line-height: 55px; color: #fff; margin-bottom: 25px; text-transform: capitalize; font-weight: 600; } #main-banner h1 .one-row { display: block; } #main-banner h1 .lower-letter { text-transform: lowercase; } #main-banner .bullet-points { margin: 40px 0; } #main-banner .bullet-points div p { display: block; font-weight: 300; color: #fff; font-size: 23px; margin: 0 0 30px; } #main-banner .bullet-points div p span { font-weight: 700; } #main-banner .bullet-points div { text-transform: uppercase; font-weight: 700; margin-bottom: 40px; line-height: 36px; } #main-banner .bullet-points ul { margin-left: 22px; } #main-banner .bullet-points li { list-style-type: disc; color: #fff; font-size: 19px; font-weight: 300; text-transform: uppercase; line-height: 35px; } @media (max-width: 1800px) { #main-banner section { margin-left: 12%; } } @media (max-width: 1733px) { #main-banner .banner-text { width: 38%; } } @media (max-width: 1660px) { #main-banner { background: linear-gradient(50deg, #0071bc 0%, #36ace2 21%); } #main-banner section { margin-left: 10%; } #main-banner h1 { font-size: 33px; line-height: 40px; } #main-banner .banner-text { width: 43%; } #main-banner .bullet-points li { font-size: 20px; } } @media (max-width: 1470px) { #main-banner h1 { margin-bottom: 35px; } #main-banner .banner-text { width: 54%; } } @media (max-width: 1385px) { #main-banner .banner-text { margin-top: 20px; } #main-banner h1 { margin-bottom: 0; } #main-banner .bullet-points { margin-top: 20px; } #main-banner .bullet-points div p { margin-bottom: 20px; } } @media (max-width: 1350px) { #main-banner section { margin-left: 3%; } #main-banner .banner-text { width: 65%; } #main-banner h1 { font-size: 28px; margin: 20px 0 30px; } #main-banner .bullet-points div p { font-size: 20px; } #main-banner .bullet-points li { line-height: 30px; } } @media (max-width: 1170px) { #main-banner .banner-text { width: 67%; } } @media (max-width: 1150px) { #main-banner .bullet-points div p { margin-bottom: 10px; } #main-banner .bullet-points ul { margin-left: 20px; } #main-banner .bullet-points li { font-size: 15px; } } @media (max-width: 999px) { #main-banner h1 { font-size: 25px; } #main-banner .bullet-points { margin-top: 40px; } #main-banner .bullet-points div { margin: 0; } #main-banner .banner-buttons ul { margin: 0; } #main-banner .bullet-points li { line-height: 25px; } } @media (max-width: 888px) { #main-banner h1 { font-size: 23px; line-height: 35px; } } @media (max-width: 860px) { #main-banner { background-color: #36ace2; } #main-banner section { flex-direction: column; margin: 0; } #main-banner h1 { font-size: 40px; text-align: center; line-height: 45px; } #main-banner .bullet-points div p { text-align: center; } #main-banner .bullet-points ul { margin-left: 15%; } #main-banner .bullet-points li { font-size: 16px; } #main-banner .show-image { background-color: #36ace2; } } @media (max-width: 735px) { #main-banner h1 { font-size: 30px; } } @media (max-width: 550px) { #main-banner h1 { font-size: 25px; line-height: 35px; } #main-banner .banner-text { width: 100%; } #main-banner .show-image { margin-top: -30px; } } #header { border-bottom: 1px solid #999; } #header.header-scrolled { border-bottom: 0; } /* YTM products */ #ytmproducts h2 { text-align: center; margin: 15px 0; font-size: 28px; } #ytmproducts .avia_codeblock h2 { font-weight: normal; margin-top: 0; } #ytmproducts h3 { margin: 15px 0; } #ytmproducts p { font-size: 18px; width: 92%; margin-bottom: 40px; text-align: left; color : #626365; line-height: 28px; } #ytmproducts .get-certified-para { margin-bottom: 30px; } #ytmproducts .product-button { background: #F9A248; margin-right: 15px; padding: 5px 10px; display: inline-block; width: 140px; color: #fff; text-align: center; font-size: 15px; border-radius: 6px; text-decoration: none; } #ytmproducts .product-button:hover { transition: 0.3s ease; opacity: 0.8; } #ytmproducts .avia_codeblock { display: flex; flex-direction: column; align-items: flex-start; } #ytmproducts .avia_codeblock div { align-self: flex-start; margin-right: 65px; } #ytmproducts .video-left { text-align: left; } #ytmproducts .video-right { text-align: right } #ytmproducts .video-image img{ height: auto; width: 549px; } #ytmproducts .video-image img:hover { opacity: 0.5; cursor: pointer; transition: 0.3s ease; } #ytmproducts .flex_column_table { margin-bottom: 100px; } #ytmproducts .gc-learn { background: #29AAE1; margin-right: -15px; } #ytmproducts .gc-learn:hover { transition: 0.3s ease; opacity: 0.8; } #ytmproducts .classroom-learn { background: #34495E; margin-right: -20px; } #ytmproducts .classroom-learn:hover { transition: 0.3s ease; opacity: 0.8; } #ytmproducts .capteraLogo:hover { color: #fff; opacity: 0.8; transition: .3s ease; } #ytmproducts .capteraLogo img { vertical-align: bottom; } #ytmproducts .cl-text .avia_codeblock { display: flex; align-items: flex-start; } #ytmproducts .cl-captera-buttons { align-self: center; } #ytmproducts .avia_codeblock .cl-main-heading { margin-top: 12px; } #ytmproducts h3.heading-getcertified, #ytmproducts h3.heading-classroom { text-transform: capitalize; font-weight: 400; letter-spacing: 0; font-size: 27px; } #ytmproducts h3.heading-getcertified span { display: inline-block; font-family: 'NexaLight'; } #ytmproducts h3.heading-classroom span { display: inline-block; } #ytmproducts h3.heading-getcertified span::first-letter { text-transform: uppercase; } #ytmproducts h3.heading-classroom span::first-letter { text-transform: uppercase; } #ytmproducts .heading-getcertified .gc-text-color { color: #29AAE1; font-family: 'NexaBold'; } #ytmproducts h3.heading-classroom .cl-text-color { color: #34495E; font-family: 'NexaBold'; } @media (max-width: 1270px) { #ytmproducts .avia_codeblock div { margin-right: 60px; } } @media (max-width: 1240px) { #ytmproducts .avia_codeblock div { margin-right: 40px; } } @media (max-width: 1210px) { #ytmproducts .avia_codeblock div { margin-right: 30px; } } @media (max-width: 1125px) { #ytmproducts .avia_codeblock h2 { font-size: 25px; } #ytmproducts p { width: 100%; margin-bottom: 20px; } } @media (max-width: 1044px) { #ytmproducts .product-button { margin-right: 8px; } #ytmproducts .gc-learn { margin-right: 8px; } } @media (max-width: 1044px) and (min-width: 1030px) { .capteraLogo img { width: 102px; } #ytmproducts .product-button { margin-right: 15px; } #ytmproducts .gc-learn { margin-right: -15px; } } @media (max-width: 1030px) { #ytmproducts .avia_codeblock div { align-self: center; } #ytmproducts .flex_column_table { display: flex; justify-content: center; flex-direction: column; margin-bottom: 40px; } #ytmproducts .flex_column_table .av_one_half { width: 60%; margin: 30px auto; } #ytmproducts .avia_codeblock { align-items: center; } #ytmproducts .avia_codeblock div { margin-right: 0px; } } @media (max-width: 900px) { #ytmproducts .flex_column_table .av_one_half { width: 70%; } } @media (max-width: 800px) { #ytmproducts .flex_column_table .av_one_half { width: 90%; } #ytmproducts .video-left { text-align: center; } #ytmproducts .video-image .avia-image-container-inner { width: 80%; } } @media (max-width: 700px) { #ytmproducts .gc-learn { margin-right: 8px; } #ytmproducts .classroom-learn { margin-right: 15px; } } @media (max-width: 650px) { #ytmproducts .video-image .avia-image-container-inner { width: 100%; } } @media (max-width: 586px) { #ytmproducts .flex_column_table .av_one_half { width: 100%; margin: 20px auto; } #ytmproducts h3.heading-getcertified, #ytmproducts h3.heading-classroom { font-size: 21px; } #ytmproducts p { text-align: left; font-size: 16px; } #ytmproducts .product-button { width: 122px; display: block; margin: 10px 0; } } /* Why YTM */ #whyyoutestme { /*background: #35495E;*/ padding: 50px 0 70px 0; } #whyyoutestme .container { padding: 0 50px; } #whyyoutestme h2 { text-align: center; color: #222; margin-bottom: 40px; } #whyyoutestme .ui-panelgrid td:nth-child(2) { text-align: left; } #whyyoutestme .ui-panelgrid strong { color: #fff; margin-bottom: 10px; } #whyyoutestme .whyytm-button { text-align: center; color: #fff; border: 1px solid #fff; width: 90%; margin: 60px 0 0 30px; padding: 25px; } #whyyoutestme .whyytm-button p { display: inline-block; color: #626365; font-size: 13px; } #whyyoutestme .tag-technical-btn { position: relative; background: #fff; color: #000; line-height: 1.2em; font-weight: normal; text-align: center; text-decoration: none; padding: 7px 25px; border-radius: 3px; margin-left: 20px; font-size: 15px; text-transform: uppercase; } #whyyoutestme .tag-technical-btn:hover { opacity: 0.9; } /* Testemonials */ #testemonials { padding: 30px 0; } #whyyoutestme.why-test { background: #FAFAFA; } #ytmproducts .av-special-heading-tag #2 h2 { font-size: 35px; } #whyyoutestme.why-test h3 { color: #171717 !important; } #whyyoutestme.why-test .ui-panelgrid strong { color: #58595b !important; font-weight: 600; } #whyyoutestme.why-test .ui-panelgrid td span { color: #626365; } #whyyoutestme.why-test .whyytm-button { color: #000; border-color: #36ace2; } #whyyoutestme.why-test .tag-technical-btn { background: #36ace2; color: #fff; } @media (max-width: 1208px) { #whyyoutestme .tag-technical-btn { font-size: 12px; padding: 7px 10px; } } @media (max-width: 1144px) { #whyyoutestme .tag-technical-btn { display: block; max-width: 150px; margin: 0 auto; } } @media (max-width: 450px) { #whyyoutestme.why-test .whyytm-button { margin: 0 auto; } #whyyoutestme .tag-technical-btn { margin-top: 10px; } } /* CAREERS NEW */ /* heading */ #header-careers { text-align: center; background-size: cover; background-position: center center; color: #fff; height: 600px; font-weight: bold; } #header-careers .container { position: relative; top: 35%; } #header-careers p { font-size: 42px; line-height: 49px; margin: 0 auto; text-transform: capitalize; font-weight: 600; } #header-careers p .lower-letter { text-transform: lowercase; } @media (min-width: 768px) and (max-width: 1200px){ #header-careers p { font-size: 40px; } } @media (min-width: 421px) and (max-width: 767px){ #header-careers { height: 550px; } #header-careers p { font-size: 35px; } } @media (min-width: 421px) and (max-width: 550px){ #header-careers { height: 500px; } #header-careers p { line-height: 40px; } } @media (min-width: 320px) and (max-width: 420px){ #header-careers { height: 420px; } #header-careers .container { top: 30%; } #header-careers p { font-size: 30px; line-height: 30px; } } @media (min-width: 320px) and (max-width: 380px){ #header-careers { height: 380px; } #header-careers p { font-size: 25px; } } /* intro text */ #intro-text { background: #F9A248; border: 0; } #intro-text .entry-content-wrapper { display: flex; justify-content: center; align-items: center; } #intro-text p { font-size: 18px; color: #fff; line-height: 32px; font-weight: 600; } @media (max-width: 930px) { #intro-text p { font-size: 20px; } } @media (min-width: 320px) and (max-width: 767px) { #intro-text .entry-content-wrapper { flex-direction: column; } #intro-text .entry-content-wrapper .av_one_half:first-child { width: 70%; } #intro-text .entry-content-wrapper .av_one_half:nth-child(2) { width: 100%; margin: 20px 0 0; } #intro-text p { line-height: 30px; } } @media (min-width: 320px) and (max-width: 550px) { #intro-text .entry-content-wrapper .av_one_half:first-child { width: 100%; } } /* careers-and-internships */ #careers-and-internships { padding-bottom: 30px; } #careers-and-internships h4 { font-size: 22px; color: #58595B; text-align: center; padding: 20px 0; margin: 0; text-transform: uppercase; } #careers-and-internships p { font-size: 18px; font-weight: 300; color: #626365; text-align: center; width: 80%; margin: 0 auto; line-height: 25px; } #careers-and-internships .av_one_fourth:nth-child(4) p, #careers-and-internships .av_one_fourth:nth-child(5) p { width: 100%; } @media (min-width: 320px) and (max-width: 1100px) { #careers-and-internships .avia-image-container { width: 75%; } } @media (max-width: 620px) { #careers-and-internships .av_one_fourth { margin-bottom: 20px; } #careers-and-internships img.avia_image { width: 80%; margin: 0 auto; } #careers-and-internships .av_one_fourth p, #careers-and-internships .av_one_fourth:nth-child(4) p, #careers-and-internships .av_one_fourth:nth-child(5) p { width: 50%; } } @media (min-width: 421px) and (max-width: 550px) { #careers-and-internships .av_one_fourth p, #careers-and-internships .av_one_fourth:nth-child(4) p, #careers-and-internships .av_one_fourth:nth-child(5) p { width: 65%; } } @media (max-width: 420px) { #careers-and-internships .av_one_fourth p, #careers-and-internships .av_one_fourth:nth-child(4) p, #careers-and-internships .av_one_fourth:nth-child(5) p { width: 100%; } } /* benefits */ #benefits { border: 0; padding-bottom: 50px; } #benefits h2 { font-size : 42px; font-weight: normal; color : #171717; text-align: center; padding: 30px 0; margin: 0 0 50px; } #benefits .flex_column_table { margin-bottom: 20px; } #benefits .av_one_half { min-height: 110px; } #benefits .av_one_half p{ font-size : 21px; line-height : 25px; color : #626365; font-weight: 700; text-align: center; } #benefits .av_one_half p .bold-text { font-weight: bold; display: block; } #benefits .avia-image-container { margin: 0; } #benefits .av_one_half span { font-weight: normal; } #benefits .avia-image-container-inner { width: 80px; height: 80px; } @media (max-width: 1008px){ #benefits .flex_column_table { display: flex; } } @media (max-width: 767px) { #benefits h2 { margin-bottom: 30px; } #benefits div .av_one_half { width: 100%; margin: 30px 0 0; } } @media (max-width: 450px) { #benefits .avia-image-container-inner { width: 45px; height: 45px; } #benefits h2 { font-size: 30px; } #benefits .flex_column_table { margin: 0; } } @media (max-width: 360px) { #benefits div .av_one_half { margin-top: 30px; } #benefits div .av_one_half:last-child { margin-left: -10px; } #benefits .av_textblock_section:first-child { min-width: 0; } #benefits h2 { font-size: 28px; } #benefits .av_one_half p { font-size: 16px; } #benefits .av_one_half { justify-content: center; } } @media (max-width: 350px) { #benefits div .av_one_half:last-child { margin-left: 0; } } /* we are hiring - accordion*/ #we-are-hiring .toggler, #faqcontent .toggler { border: 0; border-bottom: 1px solid #D1D3D4; margin-bottom: 5px; padding: 9px 0; } #we-are-hiring .toggler .toggle_icon { right: 10px; left: initial; background: url('https://www.youtestme.uk/wp-content/uploads/2018/06/Careers-page-strelica.png'); width: 45px; height: 45px; top: -5px; border: 0; } #we-are-hiring .single_toggle > .toggler { text-transform: uppercase; } #we-are-hiring .toggler .toggle_icon span, #faqcontent .toggler .toggle_icon span { display: none; } #we-are-hiring .toggler.activeTitle .toggle_icon { transform: rotate(90deg); } #we-are-hiring .toggle_content, #faqcontent .toggle_content { background: #fff; border: 1px solid #D1D3D4; margin-top: -5px; } #we-are-hiring .toggle_content li { font-size: 18px; color: #626365; } #we-are-hiring .toggle_content:first-child p:last-child { font-size: 20px; } #we-are-hiring .toggle_content a { color: #2F98D4; text-decoration: none; font-weight: 700; } #we-are-hiring .toggle_content a:hover { transition: .3s ease; color: #2579a9; } #we-are-hiring p { font-size : 21px; color : #58595b; font-weight: bold; } #we-are-hiring .toggle_content p { font-weight: 500; } @media (max-width: 620px) { #we-are-hiring p { font-size: 20px; } #we-are-hiring .toggler .toggle_icon { right: 0; } } @media (max-width: 500px) { #we-are-hiring p { font-size: 16px; } #we-are-hiring .toggler .toggle_icon { width: 40px; height: 40px; } } @media (max-width: 400px) { #we-are-hiring p { font-size: 14px; } #we-are-hiring .toggler .toggle_icon { right: 3px; top: -3px; } #we-are-hiring .toggle_content li { font-size: 14px; } #we-are-hiring .toggle_content:first-child p:last-child { font-size: 14px; } } @media (max-width: 355px) { #we-are-hiring .toggler .toggle_icon { right: -5px; } } @media (max-width: 345px) { #we-are-hiring .toggler { width: 90%; } } /* join-us */ #join-us { height: 515px; background-size: cover; } #join-us .container { top: 10%; } #join-us p { font-size : 30px; line-height : 48px; color : #626365; text-align: center; font-weight: 500; } #join-us p a { color: #2F98D4; text-decoration: none; font-weight: 600; } #join-us p a:hover { transition: 0.3s ease; color: #2579a9; } #join-us .oneRow { display: block; color : #626365; } @media (max-width: 767px){ #join-us { height: 450px; } #join-us .container { top: 0; } #join-us p { font-size: 25px; } } @media (max-width: 550px){ #join-us h2 { margin: 0; font-size: 35px; } #join-us .container { top: 5%; } #join-us p { font-size: 20px; line-height: 40px; } } @media (max-width: 450px){ #join-us h2 { font-size: 30px; } } @media (max-width: 380px){ #join-us p { font-size: 16px; line-height: 30px; } } /* Careers headings */ #testimonials h2, #we-are-hiring h2, #join-us h2, #careers-and-internships h2 { text-align: center; font-size: 42px; font-weight: normal; padding: 30px 0; margin: 0 0 50px; color: #171717; letter-spacing: 0; } @media (max-width: 550px){ #careers-and-internships h2, #we-are-hiring h2, #join-us h2, #testimonials h2 { margin: 0; font-size: 35px; } } @media (max-width: 450px){ #careers-and-internships h2, #we-are-hiring h2, #join-us h2, #testimonials h2 { font-size: 30px; } } /* Careers */ /* TESTIMONIALS */ #testimonials .avia-testimonial.av_one_half { border: 0; } #testimonials .avia-testimonial-content { order: 1; padding-left: 30px; font-size: 20px; letter-spacing: 1px; } #testimonials .avia-testimonial_inner { display: flex; } #testimonials .avia-testimonial-meta { display: flex; flex-direction: column; font-size: 14px; } #testimonials .avia-testimonial-meta-mini { width: 120%; margin-top: 10px; } #testimonials .avia-testimonial-meta-mini .avia-testimonial-name, #testimonials .avia-testimonial-meta-mini .avia-testimonial-subtitle { color: #626365; } #testimonials .avia-testimonial-content p { position: relative; border: 1px solid #e0e0e0; padding: 15px 25px; font-size: 14px; font-style: italic; color: #626365; } #testimonials .avia-testimonial-content p:after { content: ''; position: absolute; border-style: solid; border-width: 25px 25px 25px 0; display: block; width: 0px; left: -24px; top: 15px; background: transparent; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 25px solid #fff; } #testimonials .avia-testimonial-content p:before { content: ''; position: absolute; border-style: solid; border-width: 25px 25px 25px 0; display: block; width: 0px; left: -26px; top: 15px; background: transparent; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 25px solid #e0e0e0; } #testimonials .avia-testimonial-image, .avia-testimonial-image img { border-radius: 0; width: 140px; height: 140px; border-bottom: 4px solid #2F98D4; } @media (max-width: 1050px) { #testimonials .no_margin.av_one_half { width: 100%; display: block; padding: 0; margin-bottom: 25px; } } @media (max-width: 600px) { #testimonials .avia-testimonial-content { font-size: 16px; } } @media (max-width: 530px) { #testimonials .avia-testimonial_inner { flex-direction: column; } #testimonials .avia-testimonial-content { order: 0; padding: 0 0 30px 0; } #testimonials .avia-testimonial-meta { flex-direction: row; align-items: center; } #testimonials .avia-testimonial-meta-mini { margin: 0; padding: 0; width: 50%; } #testimonials .avia-testimonial-image, .avia-testimonial-image img { width: 100px; height: 100px; } #testimonials .avia-testimonial-content p:after { bottom: 0; left: 21px; border: 25px solid transparent; border-top-color: #fff; border-bottom: 0; top: 99%; } #testimonials .avia-testimonial-content p:before { bottom: 0; left: 21px; border: 25px solid transparent; border-top-color: #e0e0e0; border-bottom: 0; top: 100%; } } @media (max-width: 480px){ #testimonials .avia-testimonial-meta { font-size: 14px; } #testimonials .avia-testimonial-image, .avia-testimonial-image img { margin: 0 15px 0 0; } } .av-iconlist-small .iconlist_title_small { margin: 0; } /* End New Careers */ /* fixing pricing */ .ui-price > p { margin-top: 0; margin-bottom: 0; } /* GC - additionl services */ #additional-sevices-headline h2 { text-align: center; color: #171717; text-transform: uppercase; font-size: 34px; margin: 0; } @media (min-width: 767px) { #additional-services .entry-content-wrapper { padding: 30px 0; } } /* GC new section below banner */ #gc-features-new { background: url('https://www.youtestme.uk/wp-content/uploads/2018/06/GC-features-Business-Building-large-2.jpg'), url('https://www.youtestme.uk/wp-content/uploads/2018/06/GC-features-Government-Building-large-1-1.jpg'); background-position: left bottom, right bottom; background-repeat: no-repeat; background-color: #ebf1f7; } #gc-features-new .content { margin: 50px 0 30px 0; } #gc-features-new .av-special-heading { padding-bottom: 30px !important; color: #58595b; } #gc-features-new ul { padding: 0; margin-left: 0; list-style-type: disc; } #gc-features-new li { margin: 0 0 20px 0; padding: 0; font-size: 16px; display: flex; color: #626365; } #gc-features-new li::before { content: url('https://www.youtestme.uk/wp-content/uploads/2018/06/BG-features.png'); padding-right: 10px; } @media (max-width: 1200px) { #gc-features-new { background: url('https://www.youtestme.uk/wp-content/uploads/2018/06/GC-features-Business-Building-medium-1.jpg'), url('https://www.youtestme.uk/wp-content/uploads/2018/06/GC-features-Government-Building-medium-1.jpg'); background-position: left bottom, right bottom; background-repeat: no-repeat; background-color: #ebf1f7; } } @media (max-width: 750px) { #gc-features-new { background: #ebf1f7; } #gc-features-new .flex_column { width: 100%; margin: 0 0 30px 0; } #gc-features-new .content { margin: 50px 0 0; } } @media (max-width: 494px) { #gc-features-new h3 { font-size: 18px; } } @media (max-width: 465px) { #gc-features-new .special-heading-inner-border { border-color: transparent; } } /* Technical Details */ #product-versions h3 { text-align: center; line-height: 25px; } #product-versions h3 .one-row-products { display: block; } /* @media (max-width: 900px){ #product-versions .flex_column { width: 100%; } } */ /* mobilequiz download button */ .tag-mobilequiz-download { display: flex; align-items: center; justify-content: center; max-width: 160px; margin: 0 auto; text-transform: uppercase; font-size: 13px; background: #d43f53; padding: 8px 15px; border-radius: 3px; color: #fff !important; } .tag-mobilequiz-download:hover { text-decoration: none; opacity: 0.8; transition: 0.2s ease; } .tag-mobilequiz-download span { padding-left: 3px; } .tag-mobilequiz-download::before { content: ''; background: url('https://www.youtestme.uk/wp-content/uploads/2018/06/android.png') center no-repeat; width: 13px; height: 15px; padding-right: 5px; } /* NEW BANNER GC */ #gc-banner { margin: 58px auto -90px; } #gc-banner section { display: flex; align-items: center; justify-content: flex-end; padding-bottom: 30px; max-width: 1800px; margin: 0 auto; } #gc-banner .mobile-banner { display: none; } #gc-banner .gc-banner-text { margin-left: 8%; } #gc-banner h1 { font-weight: 400; font-size: 42px; line-height: 55px; margin: 0; } #gc-banner h1 span { color: #29AAE1; font-family: 'NexaBold'; } #gc-banner .subheading { font-size: 35px; line-height: 40px; margin: 10px 0 30px 0; width: 75%; font-weight: 600; } #gc-banner p { font-size: 20px; line-height: 30px; margin: 10px 0 120px 0; width: 70%; } #gc-banner p:first-child { font-weight: 600; } #gc-banner .heading-buttons { margin-bottom: -26px; z-index: 2; position: relative; } #gc-banner .heading-buttons a { margin: 5px 15px 5px 0; padding: 10px 0; border-radius: 6px; text-decoration: none; color: #fff; background: #555; font-size: 20px; font-weight: 600; text-transform: uppercase; min-width: 200px; display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; } #gc-banner .heading-buttons a:hover { opacity: .8; transition: 0.3s ease; } #gc-banner .heading-buttons a:first-child, #gc-banner .heading-buttons a:last-child { background: rgb(19, 122, 191); } #gc-banner .heading-buttons a:nth-child(2) { background: rgb(255, 64, 129); } #gc-banner .heading-buttons a:first-child { padding: 9px 0; } #gc-banner .heading-buttons a img { vertical-align: middle; height: 20px; width: 20px; margin-right: 5px; } #gc-banner .heading-buttons a span { vertical-align: middle; } #gc-banner .show-image { width: 65%; } #gc-banner + #main { padding-top: 0; } /* CL New banner */ #gc-banner.cl-banner h1 { width: 100%; } #gc-banner.cl-banner h1 span { color: #34495E; font-family: 'NexaBold'; } #gc-banner.cl-banner .subheading { width: 100%; } #gc-banner.cl-banner p { width: 80%; } #gc-banner.cl-banner .subheading + p { margin-bottom: 160px; } #gc-banner.cl-banner .heading-buttons a:first-child, #gc-banner.cl-banner .heading-buttons a:last-child { background: rgb(28, 69, 96); } #gc-banner.cl-banner .heading-buttons a:nth-child(2) { background: rgb(255, 64, 129); } #gc-banner.cl-banner .show-image { width: 72%; } @media (max-width: 1800px) { #gc-banner .gc-banner-text { margin-left: 5%; } } @media (max-width: 1775px) { #gc-banner p { width: 90%; } } @media (max-width: 1650px) { #gc-banner h1 { margin-top: 0; } #gc-banner p { margin-bottom: 110px; } #gc-banner .subheading { width: 80%; } #gc-banner .heading-buttons a { font-size: 18px; min-width: 175px; } #gc-banner.cl-banner .subheading + p { margin-bottom: 125px; } } @media (max-width: 1526px) { #gc-banner.cl-banner p { width: 90%; } } @media (max-width: 1500px) { #gc-banner.cl-banner .subheading + p { margin-bottom: 100px; } #gc-banner p { margin-bottom: 60px; } } @media (max-width: 1404px) { #gc-banner.cl-banner .subheading + p { margin-bottom: 80px; } #gc-banner.cl-banner .subheading { width: 100%; } } @media (max-width: 1400px) { #gc-banner .subheading { font-size: 30px; line-height: 30px; margin-bottom: 20px; } #gc-banner .heading-buttons a { padding: 8px 0; } #gc-banner .heading-buttons a:first-child { padding: 7px 0; } #gc-banner .heading-buttons a { font-size: 16px; min-width: 158px; } #gc-banner .heading-buttons { top: 50%; } #gc-banner .show-image { width: 75%; } #gc-banner.cl-banner .show-image { width: 90%; } } @media (max-width: 1300px) { #gc-banner h1 { margin-top: 20px; } #gc-banner p { margin-bottom: 80px; } #gc-banner.cl-banner .show-image { width: 80%; } } @media (max-width: 1200px) { #gc-banner h1 { font-size: 40px; } #gc-banner .subheading { font-size: 25px; width: 100%; margin-top: 0; } #gc-banner p { margin-bottom: 65px; font-size: 18px; width: 100%; } #gc-banner .show-image { width: 80%; } #gc-banner .heading-buttons a { font-size: 14px; min-width: 140px; margin-right: 5px; } } @media (max-width: 1126px) { #gc-banner .gc-banner-text { margin-left: 2%; } #gc-banner h1 { font-size: 35px; margin-top: 30px; } #gc-banner .subheading { font-size: 22px; } #gc-banner p { font-size: 16px; } #gc-banner .heading-buttons a:first-child { padding: 5px 0; } #gc-banner .heading-buttons a { font-size: 12px; min-width: 120px; padding: 5px 0; } #gc-banner .heading-buttons a img { width: 15px; height: 15px; } #gc-banner.cl-banner .subheading + p { margin-bottom: 60px; } } @media (max-width: 900px) { #gc-banner .desktop-banner { display: none; } #gc-banner .mobile-banner { display: block; } #gc-banner section { padding-top: 40px; } #gc-banner .gc-banner-text { left: 0; } #gc-banner h1 { text-align: center; font-size: 42px; } #gc-banner .subheading { font-size: 30px; padding: 0 5px; text-align: center; margin: 10px auto 20px; width: 90%; } #gc-banner p { padding: 0 5px; text-align: center; font-size: 18px; line-height: 30px; margin: 20px auto 20px; width: 90%; } #gc-banner .heading-buttons { margin: 0 auto; position: relative; left: 0; top: 0; } #gc-banner .heading-buttons a { text-align: center; display: inline-block; margin-right: 5px; min-width: 200px; font-size: 20px; } #gc-banner .gc-banner-text { margin: 0 auto; } #gc-banner .heading-buttons { margin: 20px auto; text-align: center; } #gc-banner .show-image, #gc-banner.cl-banner .show-image{ display: block; width: 100%; } #gc-banner.cl-banner .subheading + p { margin-bottom: 0; } } @media (max-width: 700px) { #gc-banner .heading-buttons a { display: block; margin: 10px auto; max-width: 200px; } #gc-banner .heading-buttons { margin: 70px auto 30px; } #gc-banner .subheading { margin: 10px auto 20px; } } @media (min-width: 320px) and (max-width: 499px) { #gc-banner .show-image { display: none; } } /* new slider video */ #overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 1200; cursor: pointer; } #video{ position: absolute; top: 50%; left: 50%; color: white; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 80%; text-align: center; } #video iframe { width: 900px; height: 505px; } @media (max-width: 830px) { #video { width: 90%; } #video iframe { height: 360px; } } @media (max-width: 520px) { #video iframe { height: 250px; } } /* GC and CL resoursces */ #gcresources tr td:last-child { color: #000; } /* fix padding on top of every page */ @media (max-width: 767px) { .responsive #top #main { padding-top: 50px !important; } .responsive #top #main-banner + #main, .responsive #top #gc-banner + #main{ padding-top: 0 !important; margin-top: 32px; } } /* social media icons */ #socket .social_bookmarks li { font-size: 20px; } /* GC - pricing */ #pricingplan .ui-price .all-one-row { display: inline-block; } @media (max-width: 1063px) { #pricingplan .ui-price .ui-text-sub { font-size: 14px; } } @media (max-width: 933px) { #pricingplan p.mostPopularPrice__separator.ui-with-users { top: 3px; } } /* GC - additional services headline */ #additional-sevices-headline { background: #29AAE1; } #additional-sevices-headline h2 { color: #fff; } /* Homepage - captera logo left margin fix */ @media (min-width: 701px) and (max-width: 1024px) { .capteraLogo { left: 0; margin-left: 10px; } } /* Skidanje box-shadow sa slider-a */ #organization .avia-slideshow { box-shadow: none; } .lightbox-added:hover .avia_image { opacity: 0.4; transition: opacity 0.4s ease-in-out; } .avia_transform a:hover .image-overlay { opacity: 0 !important; } /* GC - features */ @media (max-width: 767px) { .main-features-inner .av_two_fifth, .main-features-inner .av_three_fifth { width: 100%; margin: 0 auto; } } /* Cl - features table */ #manageusers table th:nth-child(2), #academiccalendars table th:nth-child(2), #programs table th:nth-child(2), #courses table th:nth-child(2), #questionmanagement table th:nth-child(2), #reports table th:nth-child(2), #systemsettings table th:nth-child(2) { width: 35%; } /* Pricing tables and Contact us button */ #pricingplan .ui-button { border: 0; } #pricingplan .ui-button:hover { background: #31b4e2; transition: .3s ease-in-out; } @media (max-width: 1099px) { #pricingplan .ui-header { height: 73px; } #pricingplan .mostPopularPrice::after { top: 115px; } #pricingplan .ui-header.mostPopularPrice { height: 43px; } } @media (max-width: 923px) { #pricingplan .ui-price.ui-separator { height: 81px; } #pricingplan p.mostPopularPrice__separator { top: 14px; } #pricingplan p.mostPopularPrice__separator.ui-text-only { top: 25px; } } @media (max-width: 826px) { #pricingplan table tr:nth-child(6) { height: 63px; } } @media (max-width: 841px) and (min-width: 807px) { #pricingplan table tr:nth-child(8) { height: 64px; } } @media (max-width: 806px) { #pricingplan p.mostPopularPrice__separator.ui-with-users { top: 13px; } } @media (min-width: 806px) { #pricingplan .av-layout-tab-inner { min-height: 500px; } #pricingplan .ui-buy-button-paragraph { margin: 20px 0; } } @media (min-width: 501px) and (max-width: 594px) { #pricingplan p.mostPopularPrice__separator.ui-with-users { top: 3px; } } @media (max-width: 500px) { #pricingplan .buyBtn { width: 65%; } } @media (max-width: 374px) { #pricingplan p.mostPopularPrice__separator.ui-with-users { top: 3px; } } /* Phone number in navigation */ .phone-number { color: #174773; font-size: 20px; padding-left: 5px; vertical-align: top; font-weight: 600; } .avia-menu-text img { padding-bottom: 3px; } /* GetCertified - steps 1 2 3 */ #gc-steps { padding: 0 0 10px; } #gc-steps h2 { margin: 20px 0 40px; text-transform: inherit; text-align: center; color: #171717; font-size: 34px; font-weight: 400; } #gc-steps h3 { overflow: hidden; text-align: center; margin-bottom: 30px; color: #626365; font-weight: 400; } #gc-steps h3:before, #gc-steps h3:after { background-color: #e6e6e6; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } #gc-steps h3:before { right: 0.5em; margin-left: -50%; } #gc-steps h3:after { left: 0.5em; margin-right: -50%; } #gc-steps .step-table { height: 341px; border: 1px solid #dbdbdb; } #gc-steps .step-table td { min-width: 105px; font-size: 16px; color: #58595b; vertical-align: middle; border: 0; } #gc-steps .step-table td:first-child { border-right: 1px solid #dbdbdb; background: #f2f2f2; text-align: center; } @media (max-width: 1160px) { /* #gc-steps .av_one_third:first-child .step-table tr:first-child td, #gc-steps .av_one_third:nth-child(2) .step-table tr:first-child td{ height: 109px; } */ #gc-steps .step-table { height: 380px; } } @media (max-width: 1056px) { #gc-steps .step-table { height: 395px; } } @media (max-width: 997px) { #gc-steps .av_one_third:first-child .step-table tr:first-child td, #gc-steps .av_one_third:nth-child(2) .step-table tr:first-child td{ height: 124px; } #gc-steps .step-table { height: 410px; } } @media (max-width: 952px) { #gc-steps .step-table { height: 427px; } } @media (max-width: 950px) { #gc-steps .av_one_third { width: 100%; margin: 20px 0; } #gc-steps .av_one_third .avia_codeblock { width: 50%; margin: 0 auto; } #gc-steps .step-table { height: 340px; } #gc-steps .step-table td { min-width: 105px; } #gc-steps .step-table tr:first-child td { height: 0; } } @media (max-width: 800px) { #gc-steps .av_one_third .avia_codeblock { width: 70%; } } @media (max-width: 600px) { #gc-steps .av_one_third .avia_codeblock { width: 85%; } } @media (max-width: 480px) { #gc-steps .av_one_third .avia_codeblock { width: 100%; } #gc-steps .step-table td { font-size: 14px; } } /* ======== NEW Technical Details page ======== */ #product-work { padding: 30px 0; text-align: center; } #product-work p { font-size: 18px; color: #6d6e71; line-height: 30px; } @media (max-width: 900px) { #product-work .av_one_third { width: 100%; margin: 0 0 30px 0; } #product-work .av_one_third p { width: 70%; margin: 0 auto; } } @media (max-width: 600px) { #product-work .av_one_third p { width: 100%; } } @media (max-width: 400px) { #product-work .av_one_third img { width: 110px; } } /* VA */ #virtual-apliance { padding: 30px 0; } #virtual-apliance h2, #software-package h2, #product-versions h2 { text-align: center; font-size: 45px; font-weight: normal; padding: 40px 0; color: #171717; letter-spacing: 0; } #virtual-apliance .va-main-text, #software-package .software-package-main-text p, #product-versions p { font-size: 18px; color: #6d6e71; line-height: 32px; text-align: center; padding: 20px 0; width: 80%; margin: 0 auto; } #virtual-apliance .av_one_full { margin-top: 0; } #virtual-apliance .av_one_half .av-special-heading, #virtual-apliance .av_one_half p { width: 75%; } #virtual-apliance .av_one_half h3 { font-size: 22px; color: #58595b; } #virtual-apliance .av_one_half p { font-size: 16px; color: #6d6e71; line-height: 25px; } @media (min-width: 742px) { #virtual-apliance .av_one_half { margin-left: 3%; } } @media (max-width: 900px) { #virtual-apliance h2, #software-package h2, #product-versions h2 { font-size: 40px; } #virtual-apliance .va-main-text, #software-package .software-package-main-text p, #product-versions p { width: 100%; } } @media (max-width: 742px) { #virtual-apliance h2, #software-package h2, #product-versions h2 { font-size: 35px; padding-bottom: 0; } #virtual-apliance .av_one_half { width: 100%; margin-left: 0; } } @media (max-width: 666px) { #virtual-apliance h2, #software-package h2, #product-versions h2 { font-size: 30px; } #virtual-apliance .va-main-text, #software-package .software-package-main-text p, #product-versions p { font-size: 16px; padding: 10px 0; } #virtual-apliance .av_one_half .av-special-heading, #virtual-apliance .av_one_half p { width: 100%; } } @media (max-width: 435px) { #virtual-apliance h2, #software-package h2, #product-versions h2 { line-height: 40px; } } /* Software-package */ #software-package { padding: 20px 0; } #software-package h2 { padding: 0; } #software-package .sys-req { padding: 0; margin: 50px 0; } #software-package .sys-req h2 { text-transform: capitalize; } #software-package .package-limit { width: 80%; margin: 0 auto; padding: 5px; } #software-package .package-limit p { color: #171717; margin: 0 auto; } #software-package .package-limit ul { width: 93%; margin: 0 auto; } #software-package .package-limit ul li { margin: 0 0 20px 0; } /* #software-package .package-limit ul li:last-child { margin: 0 auto; } */ @media (max-width: 1100px) { #software-package .package-limit ul li:last-child { width: 80%; } } @media (max-width: 767px) { #software-package .package-limit { width: 100%; padding: 5px 20px; } #software-package .package-limit ul { width: 100%; } #software-package .package-limit ul li:last-child { width: 90%; margin: 0; } #software-package .package-limit ul li { text-align: left; } } @media (max-width: 500px) { #software-package .package-limit { border: 0; padding: 0; } } /* Product-versions */ #product-versions { padding: 30px 0; } #product-versions h2 { padding: 0; margin-top: -10px; } #product-versions p:nth-child(2) { margin-bottom: 40px; } #product-versions .hidden-colums { display: none; } #product-versions .product-versions-table { text-align: center; border: 0; box-shadow: 5px 2px 15px #adabad; } #product-versions .product-versions-table td { border: 0; font-size: 16px; } #product-versions .product-versions-table th { text-align: center; background: rgba(32, 59, 87, 0.85); color: #fff; height: 61px; vertical-align: middle; text-transform: capitalize; font-size: 18px; letter-spacing: 0; font-weight: 400; } #product-versions .product-versions-table tbody tr:first-child td { background: #FFF; } #product-versions .product-versions-table tbody tr:first-child td { border-bottom: 3px solid #29a6dd; } #product-versions .product-versions-table tbody tr:nth-child(odd) { background: #fff; color: #171717; } #product-versions .product-versions-table tbody tr:nth-child(even) { background: #eee; color: #171717; } @media (max-width: 1242px) { #product-versions .product-versions-table tbody tr:nth-child(3) td { height: 60px; vertical-align: middle } } @media (max-width: 1171px) { #product-versions .product-versions-table th { height: 82px; vertical-align: middle; } } @media (max-width: 767px) { #product-versions .av_one_third { width: 100%; margin: 20px 0; } #product-versions .product-versions-table { width: 75%; margin: 0 auto; } #product-versions .product-versions-table tbody tr:nth-child(3) td { height: 0; } } @media (max-width: 500px) { #product-versions .product-versions-table { width: 100%; } } /* Delivery */ #delivery { padding: 30px 0; text-align: center; } #delivery h2 { font-size: 35px; color: #171717; text-transform: capitalize; } #delivery p { font-size: 18px; color: #6d6e71; } @media (max-width: 386px) { #delivery h2 { font-size: 26px; } } /* ======== END new Technical Details page ======== */ .ui-numOfUsers { color: #000; font-size: 14px; } /* help system */ #helpfeatures, #customization { padding: 50px 0; } #helpfeatures .features-help, #customization .features-help { display: flex; justify-content: space-between; align-items: center; border: 1px solid #29aae1; padding: 30px; } #helpfeatures .features-help-text, #customization .features-help-text { font-size: 16px; } #helpfeatures .featuresbtn, #helpfeatures .helpbtn, #customization .featuresbtn, #customization .helpbtn, #faqbtn .backbtn, #faqbtn .contactbtn { border: 0; border-radius: 3px; padding: 15px 30px; text-decoration: none; display: inline-block; border-bottom-style: solid; border-bottom-width: 1px; margin: 3px 0; line-height: 1.2em; position: relative; font-weight: normal; text-align: center; max-width: 100%; font-size: 15px; } #helpfeatures .featuresbtn, #customization .featuresbtn, #faqbtn .contactbtn { background: #29aae1; color: #fff; text-decoration: none; } #helpfeatures .featuresbtn:hover, #customization .featuresbtn:hover, #faqbtn .contactbtn:hover { opacity: 0.9; } #helpfeatures .helpbtn, #customization .helpbtn, #faqbtn .backbtn { background: #203a57; margin-right: 10px; color: #fff; text-decoration: none; } #helpfeatures .helpbtn:hover, #customization .helpbtn:hover, #faqbtn .backbtn:hover { opacity: 0.9; } @media (max-width: 1130px) { #helpfeatures .features-help, #customization .features-help { display: block; } #helpfeatures .features-help-text, #customization .features-help-text { text-align: center; } #helpfeatures .features-help-buttons, #customization .features-help-buttons { display: flex; justify-content: center; margin-top: 30px; } #helpfeatures .helpbtn, #helpfeatures .featuresbtn, #customization .helpbtn, #customization .featuresbtn { width: 155px; } } @media (max-width: 485px) { #helpfeatures .features-help-buttons, #customization .features-help-buttons { display: block; } #helpfeatures .helpbtn, #helpfeatures .featuresbtn, #customization .helpbtn, #customization .featuresbtn { margin: 10px auto 0; display: block; } } /* contact us */ #contact-info { padding-bottom: 30px; } #contact-form { border-top: 1px solid #999; padding: 30px 0; } /* GC - custom emails */ @media (max-width: 1008px) { #custom-emails .flex_column { width: 100%; display: block; margin: 0 auto; } #custom-emails .flex_column:first-child { margin-bottom: 20px; } } /* GC - features */ .features-heading .av-special-heading-tag { color: #58595b; } /* Technical details */ #software-package table tr td{ vertical-align: middle; } /* GetCertified - pricing*/ #gcpricingplanheading, #gcpricingplanheading-clrpricing { padding-top: 30px; } #pricingplan .buyBtn { border: 2px solid #47bce6; box-shadow: none; transition: all 0.2s ease-in-out; } #pricingplan .buyBtn:hover { background: none; box-shadow: 0 5px 15px rgba(71, 188, 230, .4) } /* Partners */ #partners-logo img { max-height: 90px; } #partners-logo img:first-child { margin: 0; } /* Contact Us */ @media (max-width: 767px){ #contact-info .flex_column { width: 100%; margin: 0; } } /* Hidden links */ .av-special-heading-tag a, .hideLink { cursor: auto; } /* GetCertified features */ .align-fix .template-page .entry-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1008px) { .align-fix .template-page .entry-content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .align-fix .template-page .entry-content-wrapper .flex_column{ width: 100%; display: block; margin: 0 auto; } .align-fix .template-page .entry-content-wrapper .flex_column:first-child { margin-bottom: 20px; } } /* Customization - Get Certified*/ #customization .features-help-buttons { min-width: 140px; margin-left: 10px; } @media (max-width: 1130px) { #customization .features-help-buttons { margin-left: 0; } } /* Removing captcha */ .grecaptcha-badge { display: none; } /* Navigation number */ .tollFree { padding-right: 5px; font-size: 13px; } /* Homepage testimonials */ #testemonials .container { padding: 0; } #testemonials .ui-panelgrid { display: flex; justify-content: center; align-items: center; } #testemonials .ui-panelgrid .ui-panelgrid__first { padding-right: 50px; } #testemonials .ui-panelgrid .ui-panelgrid__fourth { padding-left: 40px; } #testemonials .ui-panelgrid .ui-panelgrid__third { max-width: 300px; padding-left: 10px; font-size: 12px; line-height: 13px; } #testemonials .ui-panelgrid .ui-panelgrid__fifth { padding: 0 30px; } #testemonials .ui-panelgrid .ui-panelgrid__sixth { /* padding-right: 30px; */ margin-right: 50px } /* #testemonials .ui-panelgrid .ui-panelgrid__seventh { margin-right: 50px; } */ @media (max-width: 1330px) { #testemonials .container { padding: 0 50px; } } @media (max-width: 1200px) { #testemonials .ui-panelgrid { display: block; text-align: center; } #testemonials .ui-panelgrid div { margin: 20px 0; } #testemonials .ui-panelgrid .ui-panelgrid__first, #testemonials .ui-panelgrid .ui-panelgrid__fourth, #testemonials .ui-panelgrid .ui-panelgrid__fifth { padding: 0; } #testemonials .ui-panelgrid .ui-panelgrid__second { display: inline-block; } #testemonials .ui-panelgrid .ui-panelgrid__third { display: inline-block; line-height: 13px; } #testemonials .ui-panelgrid .ui-panelgrid__sixth { /* padding-right: 0; */ margin-right: 0; } /* #testemonials .ui-panelgrid .ui-panelgrid__seventh { margin-right: 0px; } */ #testemonials .ui-panelgrid .clear { display: none; } } /* GC - proctoring */ #proctor .note-margin { margin-top: 10px; } #contact-info .contact-num { padding-left: 10px; } #webex-liveproctoring, #customization { padding: 50px 0; } #webex-liveproctoring .features-help, #customization .features-help { display: flex; justify-content: space-between; align-items: center; border: 1px solid #29aae1; padding: 30px; } #webex-liveproctoring .features-help-text, #customization .features-help-text { font-size: 16px; } /* FAQ */ #faq-heading { margin-top: 8px; background-color: #29aae1; } #faq-heading .special-heading-border { display: none; } #faq-heading .template-page { padding-bottom: 20px; } #faq-heading h1 { font-size: 24px; color: #fff; } #faqcontent { border: 0; } #faqcontent .toggler { font-size: 16px; } #faqcontent .toggle_content { font-size: 14px; } #faqcontent .toggler .toggle_icon { right: 10px; left: initial; background: url('https://www.youtestme.uk/wp-content/uploads/2019/02/gray_arrow_closed.png'); background-repeat: no-repeat; border: 0; } #faqcontent .toggler.activeTitle { color: #29aae1; font-weight: 600; } #faqcontent .toggler.activeTitle .toggle_icon { background: url('https://www.youtestme.uk/wp-content/uploads/2019/02/blue_arrow_open.png'); background-repeat: no-repeat; } #faqbtn { text-align: center; border: 0; } #faqbtn .template-page { padding-top: 0; } #faqcontent .toggler { padding: 12px 0; } #faqcontent .toggler:hover { background: #fff; } /* GetCertified - E-COMMERCE */ #ecommerce { padding: 50px 0; } #ecommerce p { font-size: 15px; line-height: 25px; color: #000; } /* GetCertified - API */ #gc-api { padding: 10px 0; } /* Classroom */ #goto-gc p { font-size: 20px; text-align: center; } #goto-gc .cl-gcLink { color: #29aae1; text-decoration: none; } #goto-gc .cl-gcLink:hover { color: #3BB5E1; } #cl-title h2 { color: #fff; } #testemonials.gc-testimonials { margin-top: 0; } /* Why YTM new */ #whyyoutestme.why-ytm-blue-icons .avia-image-container{ min-height: 164px; } #whyyoutestme.why-ytm-blue-icons img { margin: 0 auto; padding-bottom: 20px; } #whyyoutestme.why-ytm-blue-icons h3 { text-align: center; color: #171717; } #whyyoutestme.why-ytm-blue-icons p { color: #626365; font-size: 17px; text-align: center; line-height: 1.6; } #whyyoutestme.why-ytm-blue-icons .whyytm-button p { font-size: 13px; } @media (max-width: 660px) { #whyyoutestme .av_one_half { width: 100%; margin-left: auto; margin-right: auto; } } /* CONTACT PAGE CSS START */ #contactInfo .contactAdress { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #contactInfo .contactRight1 { display:none; } #contactInfo .buildingimg { max-width: 346px; margin: 0 auto; } #contactInfo .contactRight1 img { width: 100%; } #contactInfo .contactLeft { display: flex; flex-direction: column; min-height: 321px; } #contactInfo .contactMiddle { min-height: 321px } #contactInfo .adressEntry { display: flex; flex-direction: row; color: #636466; line-height: 1.6; } #contactInfo .topEntry { min-height: 190px; } #contactInfo .adressEntry a { color: #636466; font-size: 16px; } #contactInfo .adressEntry a:hover { color: #29aae1; } #contactInfo strong { color: #636466; } #contactInfo .contactAdress .contactLeft h2 { font-size: 28px; font-weight: 400; letter-spacing: 1px; color: #222; text-transform: none; margin-bottom: 20px; } #contactInfo .adressIcon { margin-right: 20px; } #contactInfo .adressIconTop { margin-top: 8px; } /* #contactInfo .contactMiddle{ padding-top: 20px; } */ #contactInfo .adressEntry .adressText p { line-height: 1.8; font-size: 16px; } #contactInfo .adressEntry .adressText .phoneNumber { font-size: 16px; } @media (max-width: 1110px) { #contactInfo .contactRight1 { display: block; flex-basis: 100%; width: 100%; margin: 0 auto; text-align: center; } #contactInfo .contactRight { display:none; } #contactInfo .contactAdress { justify-content: space-around; } } #contactInfo .adressEntry .adressText .contactTextPadding{ margin-top:5px; } @media (max-width: 712px) { #contactInfo .contactAdress { display: block; } #contactInfo .adressEntry { display: block; text-align:center; min-height:50px; margin-bottom: 35px; } #contactInfo .adressIcon { margin:0; } #contactInfo .contactMiddle { padding: 0; } #contactInfo .contactLeft { text-align: center; } #contactInfo .contactTextPadding{ margin-bottom: 0; } #contactInfo .adressText p { margin-bottom: 0; } } #contactheading { background-color: #29aae1; color: white; height: 95px; margin-top: 8px; } #contactheading .av-special-heading { margin-top: 0; } #contactheading h1 { font-size: 24px; color: #fff; font-weight: 600; letter-spacing: 1px } #contactmapcontainer { height: 500px; } #contactmap .container .content { padding-top: 0; } #contactus { border-top:none; } #after_section_3 .content { padding-bottom: 0; } #contactus .av-special-heading h2 { font-size: 28px; font-weight: 400; letter-spacing: 1px; color: #222; text-transform: none; } #contactus .container .content { padding-top:0; } #contactus .contactFormText { color: #222222; font-size: 18px; } #contactus .contactLeft { width:47%; float:left; margin-right: 6%; } #contactus .contactRight { float:left; width:47%; height: 386px; } #contactus .contactRight img { height: 386px; } #contactus .contactRight1 { height:386px; } #contactus .formstyles p { font-size: 16px; color: #636466; } #contactus .formstyles textarea { height: 198px; background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; } #contactus .formstyles textarea:focus { border-color: #D6D6D6; } #contactus .formstyles input[type ="text"] { background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; } #contactus .formstyles input[type="email"] { background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; } #contactus .formstyles input[type="tel"]{ background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; } #contactus .formstyles input:focus { border-color: #D6D6D6; } #contactus .wpcf7-response-output { margin-top: 10px; margin-left: 0; margin-right: 0; } #contactus .formstyles input[type ="submit"] { width: 140px; height: 31px; background-color: #34495E; border: 1px solid #f1f2f2; border-radius: 6px; float:right; text-align: center; color:white; font-size: 15px; padding: 0; } #contactus .formstyles input:hover[type ="submit"] { opacity: 0.8; } #contactus .floatcontact:after { content: ""; display: table; clear: both; } #contactus .contactRight:after { content: ""; display: table; clear: both; } #contactus .wpcf7-not-valid { border-color: red !important; } #contactus .wpcf7-not-valid-tip { display: none; } #contactus .wpcf7-validation-errors { border-color: red; font-size: 15px; } @media (max-width: 712px) { #contactus .contactLeft { float:none; width: 100%; } #contactus .contactRight { float:none; width: 100%; } } /* CONTACT PAGE CSS END */ #pricingplan .av-layout-tab .container { right:8px; } #pricingplans .theadSmalls { display: none } #pricingplans { margin: 0 auto; } #pricingplans .pricingTables .pseudoRow{ display:none; } #pricingplans .pricingTables tr{ background: white; height: 42px; border-left: 1px solid #99ADC2; border-right: 1px solid #99ADC2; } #pricingplans .pricingTables { margin: 0 auto; margin-bottom: 35px; table-layout: fixed; } #pricingplans .pricingTables tr td { color: #303030; height: 42px; line-height: 18px; font-size:14px; } #pricingplans .pricingTables tr td { border-left-color:#99ADC2; border-right-color: #99ADC2; border-top-color: #EBF1F7; border-bottom-color: #EBF1F7; border-width: 1px; border-style: solid; } #pricingplans .pricingTables tr td img { vertical-align: top; padding-top: 2px; } #pricingplans .pricingTables tr th:last-child { border-right-width: 1px; border-right-color: #99ADC2; } #pricingplans .pricingTables tr:first-child { border-right: 1px solid #99ADC2; } #pricingplans .pricingTables thead tr { background: white !important; height:91px; min-height: 91px; color: white; border-color:#707070; vertical-align: middle; border-right-color: #99ADC2; } #pricingplans .pricingTables thead tr th { font-size: 14px; letter-spacing: 0; color: white; font-weight: normal; line-height: normal; text-transform: none; text-align: center; vertical-align: middle; border-top: 1px solid #99ADC2; padding-left: 5px; padding-right: 5px; } #pricingplans .pricingTables thead tr th .spacePrice { display: none; } #pricingplans .pricingTables thead tr th:last child { border-right-color: #99ADC2; } #pricingplans .pricingTables thead tr th:first-child { background: white; border: 1px solid #99ADC2; } #pricingplans .pricingTables .priceRow th, #pricingplans .pricingTables .priceRowSmall th { border: 1px solid #99ADC2; } #pricingplans .pricingTables thead tr h3 { color: white; font-size: 23px; } #pricingplans .pricingTables tbody .sectionNamingRow { background: #EBF1F7; text-align:left; font-weight: 600; font-size: 18px; } #pricingplans .pricingTables tbody .sectionNamingRow td { border-bottom-color:#99ADC2; border-top: 1px solid #99ADC2; text-transform: uppercase; text-align: center; font-size: 16px; } #pricingplans .pricingTables .sectionNamingRow td .pricingHelpTooltip{ padding-left: 5px; vertical-align:middle; } #pricingplans .pricingTables .sectionNamingRow td .pricingHelpTooltip .span-text-tooltip { vertical-align: 8%; } #pricingplans .pricingTables .sectionNamingRow td .pricingHelpTooltip .span-text-tooltip { vertical-align: 17%; } #pricingplans .span-text-tooltip:hover { cursor: pointer; transition: .3s ease; } #pricingplans .pricingTables tbody .removeBottomBorder td{ border-bottom: none; } #pricingplans .pricingTables tbody .lastRow td{ border-bottom-color: #99ADC2; } #pricingplans .priceTable tr:first-child { background: #EBF1F7; text-align:left; font-weight: 600; font-size: 18px; } #pricingplans .pricingTables .priceRow { height: 75px; min-height: 75px; font-size: 20px; font-weight: 600; background: white; color: #222222; } #pricingplans .pricingTables .priceRow th { font-size: 26px; font-weight: 600; color: #222222; } #pricingplans .pricingTables .priceRow th:last-child{ font-size: 26px; color: #29AAE1; } #pricingplans .priceRow a { text-decoration:none; } #pricingplans .priceRow a:link { text-decoration:none; color: #29AAE1; } #pricingplans .priceRow a:visited { text-decoration:none; color: #29AAE1; } #pricingplans .priceRow a:hover { text-decoration:none; opacity: 0.8; transition: .3s ease; } #pricingplans .priceRow a:active { text-decoration:none; color: #29AAE1; } #pricingplans .priceRow .onetimefee{ display:table; text-align:center; font-size:14px; width: auto; background-color:#EBF1F7; margin: 0 auto; margin-top: 10px; } #pricingplans .priceRow .onetimefee p { margin: 0; padding: 3px 10px; } #pricingplans .requestDemoButton{ font-size: 18px; font-weight: 600; color:white; width: 200px; height: 42px; min-height: 42px; background: #ff4081; border: 0; border-radius: 3px; display: block; line-height: 42px; margin: 0 auto; margin-top:12px; margin-bottom:12px; } #pricingplans .requestDemoButton:hover { text-decoration: none; opacity: 0.8; transition: .3s ease-in-out; background-color: #ff4081; } #pricingplans .requestDemoButton:active, #pricingplans .requestDemoButton:visited, #pricingplans .requestDemoButton:link ,#pricingplans .requestDemoButton:hover { text-decoration: none; } #pricingplans .pricingTables tbody tr:nth-child(even) { display: none; text-align: center; } /* */ #pricingplans .pricingTables thead .priceRowSmall { display: none; background: white; border: 1px solid #99ADC2; height: 65px; } #pricingplans .pricingTables thead .priceRow th { border: 1px solid #99ADC2; } #pricingplans .pricingTables thead .priceRowSmall th{ color: #222222; font-size: 26px; font-weight: 600; /* border-left: 1px solid #99ADC2; */ } #pricingplans .pricingTables tbody .sectionNamingRow td:first-child { display: none; } /* #pricingplans .pricingTables tbody .sectionNamingRowSmall td:nth-child(2) { border-right: 1px solid #99adc2; } */ @media (max-width: 1126px) { #pricingplans .pricingTables tbody tr td:first-child, #pricingplans .pricingTables tbody tr:last-child, #pricingplans .pricingTables thead tr th:first-child, #pricingplans .pricingTables tbody .sectionNamingRow td:last-child, #pricingplans .pricingTables tbody .sectionNamingRow { display: none; } #pricingplans .pricingTables tr td { border-top-color:#99ADC2; border-bottom-color: #99ADC2; } #pricingplans .pricingTables thead tr th { border: 1px solid #99ADC2; } /* #pricingplans .pricingTables tbody .sectionNamingRow td:nth-child(4) { border-right: 1px solid #99ADC2; } */ #pricingplans .pricingTables thead .priceRowSmall, #pricingplans .pricingTables tbody .sectionNamingRowSmall, #pricingplans .pricingTables thead .priceRowSmall, #pricingplans .pricingTables tbody tr:nth-child(even) { display: table-row; } #pricingplans .pricingTables tbody tr:nth-last-child(2){ display: none; } #pricingplans .pricingTables .pseudoRow{ display:none; } #pricingplans .pricingTables .correctPseudo{ display:none !important; } #pricingplans .pricingTables .priceRow th { font-size: 20px; } } @media (max-width: 1250px) { #pricingplan .av-layout-tab .container { right:0; left:0; } #pricingplans .pricingTables .pseudoRow{ display:none;} } @media (max-width: 550px) { #pricingplans .pricingTables thead tr h3, #pricingplans .pricingTables thead .priceRowSmall th { font-size: 17px; } #pricingplans .pricingTables tbody tr:nth-last-child(2){ display: none; } #pricingplans .pricingTables tbody tr:last-child, #pricingplans .pricingTables tbody .sectionNamingRowSmall { display: table-row; } #pricingplans .pricingTables .priceRow th { font-size: 18px; } #pricingplans .pricingTables .priceRow th:last-child { font-size: 18px; } #pricingplan .av-layout-tab .container { left:5px; } #pricingplans .pricingTables .pseudoRow{ display:none !important; } #pricingplans .pricingTables thead tr h3, #pricingplans .pricingTables .priceRow th, #pricingplans .pricingTables .priceRow th:last-child { font-size: 15px; } } @media (max-width: 826px) { #pricingplans .pricingTables tr:nth-child(6) { height: 42px } #pricingplans .pricingTables .pseudoRow{ display:none !important; } } @media (max-width: 740px) { #pricingplans .pricingTables thead tr th .spacePrice { display: block !important; } #pricingplans .pricingTables thead tr th .noSpacePrice { display: none; } } @media (max-width: 680px) { #pricingplans .pricingTables thead tr h3, #pricingplans .pricingTables .priceRow th, #pricingplans .pricingTables .priceRow th:last-child { font-size: 19px; } #pricingplans .pricingTables .pseudoRow{ display:none; } } @media (max-width: 410px) { #pricingplans .pricingTables thead tr h3, #pricingplans .pricingTables .priceRow th, #pricingplans .pricingTables .priceRow th:last-child { font-size: 13px; } #pricingplans .pricingTables .smallertext { font-size: 10px; } } @media (max-width: 330px) { #pricingplan .av-layout-tab .container { left: 12px; } } @media (max-width: 360px) { #pricingplan .av-layout-tab .container { left: 8px; } } @media (max-width: 870px){ #pricingplans .requestDemoButton { width:130px; font-size:13px; } #pricingplans .pricingTables .pseudoRow{ display:none; } } @media (max-width: 500px) { #pricingplans .theadSmalls { display: table-header-group; } #pricingplans .pricingTables .theadBiggie { display: none; } #pricingplans .pricingTables thead tr h3, #pricingplans .pricingTables .priceRow th, #pricingplans .pricingTables .priceRow th:last-child { font-size: 13px; } } #pricingplans .av-layout-tab-inner .container .av_textblock_section .gc-link-paymentOptions .ui-panelgrid__footer span{ font-size: 15px; } #pricingplans .gc-link-paymentOptions { margin-top:12px; } #pricingplans .gc-link-paymentOptions .ui-panelgrid__footer { line-height: 1.6; text-align: center; } #pricingplans .gc-link-paymentOptions a { color: #29AAE1; } #pricingplans .gc-link-paymentOptions a:visited { color: #29AAE1; text-decoration: none; } #pricingplans .gc-link-paymentOptions a:active { color: #29AAE1; text-decoration: none; } #pricingplans .gc-link-paymentOptions a:hover { opacity: 0.8; text-decoration: none; transition: .3s ease; } #blue-heading .about-heading { margin-top: 8px; background-color: #29aae1 !important; height: 100px; } #blue-heading .about-heading .special-heading-border { display: none; } #blue-heading .about-heading .template-page { padding-bottom: 20px; } #blue-heading .about-heading h1 { font-size: 24px; color: #fff; letter-spacing: 1px; font-weight: 600; } #about-the-company p, #our-team p { color: #626365; } #about-the-company h2, #our-team h2, #join_us h2 { margin-bottom: 0 !important; padding-bottom: 30px !important; font-size: 42px !important; font-weight: normal !important; } #join_us p { color: #626365 !important; text-align: center !important; font-weight: 500 !important; } #join_us .oneRow { display: block; color : #626365; } #join_us p a { color: #2F98D4; text-decoration: none; font-weight: 600; } #join_us p a:hover { transition: 0.3s ease; color: #2579a9; } #join_us .applyButton { background: #29AAE1; width:200px; border: 0; font-size: 20px; border-radius: 4px; line-height: 23px; padding: 9px 0px; display: block; color: white; text-decoration: none; margin: 0 auto; } #join_us .applyButton a { font-size: 20px; } #join_us .applyButton:hover { color: white; opacity: 0.8; transition: .3s ease; } #join_us .wantToJoinSentence p { margin-top: 0; margin-bottom: 30px; line-height: 32px; font-size: 22px; } @media (max-width: 767px) { #about-the-company .full-width-mobile , #our-team .full-width-mobile { width:100%; } #our-team img { margin-bottom: 20px; } } /* Request a demo GetCertified*/ #demorequestform { border-top:none; } #after_section_3 .content { padding-bottom: 0; } #demorequestform .av-special-heading h2{ font-size: 28px; font-weight: 400; letter-spacing: 1px; color: #222; text-transform: none; } #demorequestform .container .content { padding-top:0; } #demorequestform .demoReqFormText { color: #222222; font-size: 18px; margin-top: 40px; margin-bottom: 40px; } #demorequestform .demoReqLeft { width:47%; float:left; margin-right: 6%; } #demorequestform .demoReqRight { float:left; width:47%; } #demorequestform .formstyles p{ font-size: 16px; color: #636466; } #demorequestform .formstyles .wpcf7-list-item { margin-left: 0; margin-right:16px; margin-bottom: 5px; } #demorequestform .wpcf7-form-control-wrap:nth-child(2) .wpcf7-list-item:last-child { margin-right: 0; } #demorequestform .formstyles p { margin-top: 5px; margin-bottom: 5px; } /* #demorequestform .formstyles p:nth-child(even) { margin-bottom: 25px; } #demorequestform .demoReqRight p:nth-child(even) { margin-bottom: 30px; } */ #demorequestform .formstyles p:nth-child(odd) { margin-top: 30px; } #demorequestform .demoReqRight p:nth-child(odd) { margin-top: 30px; } #demorequestform .demoReqRight p:first-child { margin-top: 0; } #demorequestform .demoReqLeft p:first-child { margin-top: 0; } #demorequestform .demoReqLeft p:nth-child(2) { height: 35px; } #demorequestform .formstyles textarea { height: 77px; background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; } #demorequestform .formstyles .textarea-higher { height: 172px; } #demorequestform .applicationForm { margin-top: 60px; } #demorequestform .formstyles input[type ="text"]{ background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; height: 35px; margin-bottom: 0; } #demorequestform .formstyles input[type="email"]{ background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; height: 35px; margin-bottom: 0; } #demorequestform .formstyles input[type="tel"]{ background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; } #demorequestform .formstyles select{ background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; height: 35px; } #demorequestform .formstyles input[type="number"]{ background-color: #F1F2F2; border: 1px solid #f1f2f2; border-radius:5px; margin-top: 5px; height: 35px; } #demorequestform .formstyles input[type ="submit"]{ width: 140px; height: 31px; background-color: #34495E; border: 1px solid #f1f2f2; border-radius: 6px; float:right; text-align: center; color:white; font-size: 15px; padding: 0; } #demorequestform .formstyles textarea:focus, #demorequestform .formstyles input[type="number"]:focus, #demorequestform .formstyles input[type="text"]:focus, #demorequestform .formstyles input[type="email"]:focus, #demorequestform .formstyles input[type="radio"]:focus, #demorequestform .formstyles select:focus { border-color: #D6D6D6; } #demorequestform .wpcf7 input[type="radio"]:checked + span.wpcf7-list-item-label { position: relative; font-weight: bold; } #demorequestform .wpcf7-response-output { margin-left: 0; margin-top: 25px; margin-right: 0; text-align: left; } #demorequestform .floatDemoReq:after { content: ""; display: table; clear: both; } #demorequestform .demoReqRight:after { content: ""; display: table; clear: both; } #demorequestform .wpcf7-not-valid { border-color: red !important; } #demorequestform .wpcf7-not-valid-tip { display: none; } #demorequestform .wpcf7-validation-errors { border-color: red; font-size: 15px; } #demorequestform .wpcf7-file { height: 35px; } #demorequestform .wpcf7-file::-webkit-file-upload-button{ visibility: hidden; padding-left: 50px; padding-top: 4px; } #demorequestform .wpcf7-file::-moz-file-upload-button{ visibility: hidden; padding-left: 50px; padding-top: 4px; } #demorequestform .wpcf7-file::before { content: 'Select some files'; display: inline-block; background: linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #999; border-radius: 3px; outline: none; padding: 8px 8px; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 700; font-size: 10pt; } #demorequestform .wpcf7-file:hover::before { border-color: black; } #demorequestform .wpcf7-file:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } @media (max-width: 712px) { #demorequestform .demoReqLeft { float:none; width: 100%; } #demorequestform .demoReqRight { float:none; width: 100%; } } #join-us .applyButton { background: #29AAE1; width:200px; border: 0; border-radius: 4px; line-height: 23px; padding: 9px 0px; display: block; color: white; text-decoration: none; margin: 0 auto; } #privacypolicy .av-special-heading h2{ letter-spacing: 0.5px; font-size: 24px; } #privacypolicy .avia_textblock p { font-size: 16px; } #privacypolicy a:hover { color: #29aae1; } /* Cl buttons */ #gc-banner .cl-buttons .heading-buttons a { min-width: 235px; } #gc-banner .desktop-banner .cl-image { width: 54%; } #gc-banner .desktop-banner .cl-image .show-image{ width: 100% !important; } @media (max-width: 1600px) { #gc-banner .cl-buttons .heading-buttons a { min-width: 220px; } #gc-banner .desktop-banner .cl-image { width: 52%; } #gc-banner .desktop-banner .cl-image .show-image{ width: 100%; } } @media (max-width: 1400px) { #gc-banner .cl-buttons .heading-buttons a { min-width: 195px; } #gc-banner .desktop-banner .cl-image { width: 60%; } } @media (max-width: 1300px) { #gc-banner .cl-buttons .heading-buttons a { min-width: 170px; } #gc-banner .cl-image { width: 73%; } } @media (max-width: 1200px) { #gc-banner .cl-buttons .heading-buttons a { min-width: 165px; } } @media (max-width: 1126px) { #gc-banner .cl-buttons .heading-buttons a { min-width: 153px; } #gc-banner .cl-image { width: 62%; } } @media (max-width: 900px) { #gc-banner .mobile-banner .cl-buttons .heading-buttons a { min-width: 220px; } } @media (max-width: 700px) { #gc-banner .mobile-banner .cl-buttons .heading-buttons a { min-width: 240px; } } #gc-banner .mobile-banner .cl-buttons .heading-buttons a{ padding-left: 5px; padding-right: 5px; } #paper-btn { text-align: center; font-size: 20px; margin-top: 20px; line-height: 35px; } #paper-btn .paper-based-btn .avia-button { background-color: rgb(255, 64, 129); padding: 10px 0; font-size: 20px; border: 0; border-radius: 6px; color: #fff; min-width: 235px; margin-bottom: 17px; } #customization .customizationButton a{ font-size: 20px; padding: 10px 30px; min-width: 215px; border-radius: 6px; font-weight: 600; } #customization .customizationButton a{ font-size: 20px; padding: 10px 30px; min-width: 215px; border-radius: 6px; } #customization { border-top: 1px solid #e1e1e1; padding: 65px 0; } /* GC - pricing links */ #pricingplan .pricing-links { font-size: 18px; } #testemonialsheading .avia-button { background-color: rgb(255, 64, 129); padding: 10px 0; font-size: 20px; border: 0; border-radius: 6px; color: #fff; min-width: 235px; } #testemonialsheading .av-special-heading-tag { font-weight: normal; font-size: 24px; line-height: 35px; } #testemonialsheading .avia-button-wrap { margin: 20px 0 0 0; } /* Trivia homepage */ /* #ytmproducts .try-sample-test { margin-bottom: 15px; } #ytmproducts .try-sample-test p { margin: 0 auto; font-size: 28px; font-weight: 600; text-align: center; color: black; } #ytmproducts .trivia-main .trivia-list { display: flex; align-items: center; justify-content: space-between; margin-right: 0; text-align: center; width: 100%; } #ytmproducts .trivia-main .trivia-list div { width: 155px; margin-bottom: 100px; margin-right: 0; } #ytmproducts .trivia-list p { text-align: center; width: 100%; font-size: 18px; margin-right: 0; margin-top: 20px; } #ytmproducts .trivia-list a { text-decoration: none; } #ytmproducts .trivia-list a:hover { color: #29AAE1; } #ytmproducts .trivia-main .trivia-list div:nth-child(2) img { padding-bottom: 9px; } #ytmproducts .trivia-list a:hover,img:hover { opacity: 0.7; } */ /* Responsive footer and trivia-list */ #footer .container { display: flex; justify-content: space-around; } #footer .container .av_one_fifth { width: auto; } @media only screen and (max-width: 1250px) { #footer .container { display: block; } #footer .container .av_one_fifth { margin-left: 0; } #footer .container .av_one_fifth { width: 47%; } } @media only screen and (max-width: 767px) { #footer .container .av_one_fifth { width: 100%; } } @media only screen and (max-width: 360px) { #footer .av_one_fifth { text-align: center; } } /* #ytmproducts .trivia-main .trivia-list div{ display: inline-block; } @media only screen and (max-width: 1250px) { #ytmproducts div .trivia-main .trivia-list { display: inline-block; width: 50%; margin: 0 auto; } } #ytmproducts div .try-sample-test { margin-bottom: 75px; } @media only screen and (max-width: 1100px) { #ytmproducts div .trivia-main { display: none; } } */ /* Tabs FAQ */ #faqcontent .tabcontainer .tab{ border: 5px solid white; } #faqcontent .tab.tab_counter_0{ width: 25%; height: 67px; background: #eeeeee; } #faqcontent .tab.tab_counter_1{ width: 25%; height: 67px; background: #eeeeee; } #faqcontent .tab.tab_counter_2{ width: 25%; height: 67px; font-size: 20px; background: #eeeeee; } #faqcontent .tab.tab_counter_3{ width: 25%; height: 67px; background: #eeeeee; } #faqcontent .tabcontainer .tab_content{ border: none; } #faqcontent .tabcontainer .tab_titles .tab{ text-align: center; font-size: 18px; color: rgb(98, 99, 101); font-weight: 600; line-height: 1.3; } #faqcontent .tab_titles .tab { display: flex; align-items: center; justify-content: center; } #faqcontent .tabcontainer .tab_titles .tab:hover{ background: #dddddd; } #faqcontent.main_color .tabcontainer .tab.tab.active_tab { color: #ffffff; background: #29aae1; } #faqcontent .tabcontainer .tab_content{ border: 0; } /* Responsive tabs FAQ */ #faqcontent .tabcontainer{ border: none; } #faqcontent.main_color .top_tab .tab.fullsize-tab:hover{ background: #dddddd; color: #000000 } #faqcontent .tab.fullsize-tab{ background: #eeeeee; } @media only screen and (max-width: 992px) { #faqcontent .tab.tab{ height: 55px; width: 50%; } } @media only screen and (max-width: 767px){ #faqcontent .top_tab .tab.fullsize-tab{ width:100%; height: 55px; text-align: center; font-size: 18px; color: rgb(98, 99, 101); font-weight: 600; line-height: 1.3; display: flex; align-items: center; justify-content: center; } } #faqcontent.main_color .tabcontainer .tab.tab.active_tab { color: #ffffff; background: #29aae1; } /* Toggle background white */ #faqcontent.main_color .toggle_content{ background: #ffffff; } /* FAQ Tab Content- Toggle */ #faqcontent p.toggler{ padding: 12px 0; font-size: 16px; } #faqcontent.toggle_content{ font-size: 14px; border: 1px solid #D1D3D4; } #faqcontent .toggler .vert_icon{ display:none; } #faqcontent .toggler .hor_icon{ display:none; } #faqcontent .toggler .toggle_icon { right: 10px; left: initial; background: url(https://www.youtestme.uk/wp-content/uploads/2019/02/gray_arrow_closed.png); background-repeat: no-repeat; border: 0; } #faqcontent .toggler .activeTitle .toggle_icon { /* background: url(https://www.youtestme.uk/wp-content/uploads/2019/02/blue_arrow_open.png); */ background: url(https://www.youtestme.uk/wp-content/uploads/2020/12/gray_arrow_open_2020.png); background-repeat: no-repeat; } #faqcontent .toggler.activeTitle { color: #29aae1; font-weight: 600; border: 0px; } #faqcontent .main_color .toggler.activeTitle:hover{ color: #29aae1; font-weight: 600; } #faqcontent .toggler.toggler { border: 0; border-bottom: 1px solid #D1D3D4; margin-bottom: 5px; padding: 9px 0; } #faqcontent .toggle_content, .toggle_content { background: #fff; border: 1px solid #D1D3D4; margin-top: -5px; } /*FAQ Responsive toggle */ #faqcontent div .togglecontainer .single_toggle { width:100%; } /*FAQ Toggle background white and responsive content */ #faqcontent.main_color .toggle_content{ background: #ffffff; } @media only screen and (max-width: 1400px){ #faqcontent .toggler.toggler{ padding-right: 60px; } } /* FAQ page image padding */ #faqcontent .template-page { padding-top: 15px } /* Thank you page text formatting */ #thankyoupage div.features-help-buttons { margin-top:0; } #thankyoupage .thankYouP { font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; color: rgb(98, 99, 101); font-weight: 400; line-height: 30pt; padding-bottom: 30px; } #thankyoupage .thankYouP1 { font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; color: rgb(98, 99, 101); font-weight: 600; } #thankyoupage .thankYouP2 { font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; color: rgb(98, 99, 101); font-weight: 700; } #thankyoupage .features-help-buttons .helpbtn { font-size: 13px; } /* Thank you page image positioning and padding */ #thankyoupage .avia-image-container.thankYouGc { margin-right: 30px; } #thankyoupage .avia_textblock.thankYouP2 p { margin-top: 0; margin-bottom: 0; } #thankyoupage .avia-image-container.thankYouGc { margin-left: 30px; } /* Thank you page responsive */ #thankyoupage { border:none; } @media only screen and (max-width: 767px) { #thankyoupage .thankyou-column { width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 50px; margin-right: 0; margin-left: 0; } #thankyoupage .thankYouP2 { font-size: 26px; } #thankyoupage .thankYouP1 { font-size: 18px; } #thankyoupage .features-help { padding-top: 0px; } } @media only screen and (max-width: 1130px) { #thankyoupage .features-help-buttons .helpbtn { white-space: nowrap; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; } } /* Homepgae banner */ #homepage-banner-main .container{ max-width: 100%; padding: 0 } #homepage-banner-main #main-banner { margin-top: 5px; } #homepage-banner-main #main-banner img:hover { opacity: 1; } #homepage-banner-main .template-page { padding-top: 0; } @media (max-width: 767px) { #homepage-banner-main .template-page { padding-bottom: 0; } } /* Homepage trivia display none */ /* #ytmproducts .trivia-main { display: none; } */ /* Sample tests */ #sampletests .entry-content-wrapper { padding: 30px; border-radius: 3px; box-shadow: 0 0 10px 1px #ccc; } #sampletests h3 { font-size: 28px; font-weight: 600; color: #222222; } #sampletests p { font-size: 15px; line-height: 22px; color: #000000; margin-bottom:35px; margin-top: 5px } #sampletests .features-help { padding: 0; } #sampletests .features-help img { vertical-align: middle; margin-left: 15px; } #sampletests { border: 0; } #sampletests .avia_button_icon { margin-left: 10px; margin-right: 5px; } #sampletests a { margin:0; } #sampletests .container { width: 80%; } #menu-item-2788 a{ padding-right: 0; } #sampletests .avia-button-wrap { text-align: left; } @media only screen and (max-width: 1477px) { #sampletests .flex_column.av_one_third { width:50%; } } @media only screen and (max-width: 1354px) { #sampletests h3 { font-size: 26px; } #sampletests p { font-size: 14px; margin-bottom:20px; } } @media only screen and (max-width: 1010px) { #sampletests .flex_column.av_one_third { width:100%; } #sampletests .flex_column.av_two_third { width:100%; } #sampletests .container { width:70%; } #sampletests h3{ margin-top:15px; font-size: 26px; text-align: center; } #sampletests p { font-size: 14px; text-align: center !important; } #sampletests .avia-button-wrap { text-align: center; } } @media only screen and (max-width: 767px) { #sampletests .flex_column.av_two_third { width: 87%; } } #sampletests .template-page { padding-bottom: 20px; } #header{ background-color: transparent !important; background: transparent !important; } #header_main{ background-color: transparent !important; background: transparent !important; }