body.page-template-template-leaderboard{ background-color: #fff!important; } /****************************************************/ /*******************[ leaderboard CSS ]*******************/ /****************************************************/ #leaderboard{ max-width: 840px; margin: auto; padding-left: 30px; padding-right: 30px; padding-top: 75px; } #leaderboard .text{ margin-bottom: 30px; } #leaderboard .high_scr_profile{ width: 100%!important; max-width: 75px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; border: 2px solid #feda95; margin: auto; } #leaderboard .high_scr_profile:after{ display: block; content: ""; padding-top: 100%; } #leaderboard .leader_board_list td{ text-align: center; width: 25%; font-size: 20px!important ; font-family:'Figtree'; font-weight: 300; color: #000; padding: 15px 10px!important; } #leaderboard .leader_board_list td a{ font-size: 20px!important ; font-family:'Figtree'; font-weight: 300; color: #000; } #leaderboard .leader_board_list th{ text-align: center; width: 25%; color: #000; position: relative; z-index: 899999; margin-bottom: 30px; } #leaderboard .leader_board_list tr:first-child th { font-family:'Figtree'; font-weight: 300; } #leaderboard .leader_board_list th:after{ display: block; content: ""; margin-bottom: 30px; } #leaderboard .leader_board_list tr:first-child:after{ display: block; content: ""; position: absolute; width: 100%; height: 35px; left: 0; right: 0; background-color: #b0e4df; max-width: 782px; margin: auto; } @media only screen and (max-width: 767px) { #leaderboard{ padding-left: 20px; padding-right: 20px; padding-top: 20px; } #leaderboard table{ zoom: 90%; } #leaderboard .text{ margin-bottom: 20px; } #leaderboard .leader_board_list td{ width: 100%; font-size: 17px!important ; padding: 10px 5px!important; } #leaderboard .leader_board_list td:first-child{ width: auto; } #leaderboard .leader_board_list td a{ font-size: 17px!important ; } #leaderboard .leader_board_list th{ text-align: center; width: 25%; color: #000; position: relative; z-index: 9; margin-bottom: 20px; } #leaderboard .leader_board_list th:after{ margin-bottom: 10px; } } @media only screen and (max-width: 360px) { #leaderboard table{ zoom: 80%; } } /****************************************************/ /*******************[ TEAM CSS ]*******************/ /****************************************************/ #team.team { padding-top: 75px; padding-bottom: 80px; } #team.team .flex{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 0 -40px; justify-content: center; } #team.team .flex .team-item { padding: 0 40px; text-align: center; width: 32%; margin-bottom: 30px; } #team.team .flex .team-item .img{ margin: auto; background-repeat: no-repeat; background-size: cover; background-position: center; width: 200px; height: 200px; border-radius: 50%; border: 1px solid #feda95; } #team.team .flex .team-item .name{ margin-top: 35px; font-family:'Figtree'; font-weight: 400; font-size: 24px; } #team.team .flex .team-item .job_position{ margin-bottom: 35px; font-family:'Figtree'; font-weight: 300; font-size: 24px; } @media only screen and (max-width: 992px) { #team.team .flex{ display:block; margin: 0; } #team.team .flex .team-item { padding: 0; width: 100%; } } @media only screen and (max-width: 767px) { #team.team { padding-top: 20px; padding-bottom: 0px; } #team.team .flex .team-item .name{ margin-top: 20px; } #team.team .flex .team-item .job_position{ margin-bottom: 20px; line-height: 23px; } #team.team .flex .team-item { margin-bottom: 20px; } } /****************************************************/ /*******************[ LEGAL CSS ]*******************/ /****************************************************/ #legal.legal { padding-top: 75px; padding-bottom: 80px; } #legal.legal .legal-content.text{ text-align: left; } #legal.legal .legal-content p{ padding-bottom: 10px; } #legal.legal .legal-content h4{ font-family:'Figtree'; font-weight: 400; font-size: 20px; color: #000; } #legal.legal .legal-content h2{ font-size: 55px!important; line-height: 55px!important; text-align: center!important; font-family: "Figtree"!important; color: #3a3a3a!important; padding-bottom: 40px; margin: 0; font-weight: normal!important; } #legal.legal .legal-content h3{ font-family:'Figtree'; font-weight: 400; font-size: 24px; color: #000; } @media only screen and (max-width: 767px) { #legal.legal { padding-top: 20px; padding-bottom: 20px; } #legal.legal .legal-content.text{ text-align: center; } #legal.legal .legal-content h3, #legal.legal .legal-content h4{ margin-top: 20px; } #legal.legal .legal-content h2{ font-size: 40px!important; line-height: 40px!important; padding-bottom: 20px; padding-top: 20px; } } /****************************************************/ /*******************[ 404 CSS ]*******************/ /****************************************************/ #page-404.page-404{ max-width: 400px; margin: auto; padding-top: 75px; padding-bottom: 50px; } #page-404.page-404 .text{ padding-bottom: 25px; } #page-404.page-404 .img{ max-width: 100%; } @media only screen and (max-width: 767px) { #page-404.page-404{ padding-top: 20px; padding-bottom: 20px; } } /****************************************************/ /*******************[ CONTACT CSS ]*******************/ /****************************************************/ #contact.contact{ padding-top: 75px; } .grecaptcha-badge{ display: none!important; } #contact.contact .title{ padding-bottom: 50px; text-align: left!important; } #contact.contact .flex{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; } #contact.contact .flex .form{ width: 60%; padding-bottom: 50px; } #contact.contact .flex .img{ width: 40%; position: relative; } #contact.contact .flex .img img{ z-index: -1; position: absolute; bottom: -3px; right: -60px; width: 100%; } #contact.contact .form p{ padding-bottom: 0; } #contact.contact .form textarea{ height: 300px; resize: none; margin-bottom: 5px; } #contact.contact .form input[type="submit"]{ width: 130px; padding: 0px!important; color: #fff!important; } #contact.contact .form input[type="submit"]:hover{ color: #fcae17!important; } @media only screen and (max-width: 1300px) { #contact.contact .flex .img img{ right: 0px; width: 100%; max-width: 90%; } } @media only screen and (max-width: 992px) { #contact.contact .flex{ display: block; } #contact.contact .flex .form{ width: 100%; padding-bottom: 20px; } #contact.contact .flex .img{ width: 100%; position: relative; text-align: center; } #contact.contact .flex .img img{ z-index: -1; position: relative; bottom: -11px; right: 0px; width: 100%; max-width: 420px; } } @media only screen and (max-width: 767px) { #contact.contact{ padding-top: 20px; } #contact.contact .title{ padding-bottom: 20px; } } /****************************************************/ /*******************[ PROFILE CSS ]*******************/ /****************************************************/ #profile.profile{ padding-top: 75px; padding-bottom: 50px; } #profile.profile .tab-titles{ background: #e7f7f5; display: inline-block; } #profile.profile .crowd8-user-meta{ align-items: center; display: flex; } #profile.profile .crowd8-user-meta img{ border-radius: 50%; border: 1px solid #feda95; margin: 0; max-width: 150px; } #profile.profile .crowd8-user-meta p{ padding-bottom: 0; } #profile.profile .crowd8-user-meta h4{ font-size: 36px; font-family:'Figtree'; font-weight: 400; color: #000; } #profile.profile .crowd8-user-meta p, #profile.profile .crowd8-user-meta strong, #profile.profile .crowd8-user-meta { font-size: 20px; font-family:'Figtree'; font-weight: 300; color: #000!important; /*font-weight: normal;*/ display: block; } #profile.profile .crowd8-user-meta strong{ display: inline-block; } #profile.profile .tab-titles li{ float: left; } #profile.profile .tab-titles li a{ padding: 3px 15px; display: block; } #profile.profile .tab-titles li a.active-tab{ background: #b0e4df; } #profile.profile .tab-titles li a{ font-size: 22px; font-family:'Figtree'; font-weight: 400; color: #000; opacity: 0.7; } #profile.profile .tab{ display: none; margin-top: 20px; } #profile.profile .tab.active{ display: block; } #profile.profile #tab-my-submissions.tab.active{ display: flex; width: 100%; flex-wrap: wrap; } #profile.profile #tab-profile-settings input.file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #profile.profile #tab-profile-settings input.file + label { text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block!important; overflow: hidden; padding: 7px 26px; background: #2ebeb3; border-radius: 50px; color: #fff; font-size: 24px; margin-bottom: 15px; font-family:'Figtree'; font-weight: 300; position: relative; padding-right: 60px; } #profile.profile #tab-profile-settings input.file + label span{ color: #fff!important; } #profile.profile #tab-profile-settings input.file + label span img{ max-width: 35px; position: absolute; right: 13px; top: 7px; } #profile.profile .tab#tab-referrals h2{ font-family:'Figtree'; font-weight: 300; color: #000; font-size: 24px; line-height: 25px; } #profile.profile #wpmem_reg fieldset, #profile.profile #wpmem_login fieldset{ margin: 0; } #profile.profile .tab#tab-referrals h2.your-referal{ padding-top: 25px; } #profile.profile .tab#tab-referrals .text.referal{ display: block; text-align: left; padding-bottom: 10px; } #profile.profile .tab#tab-profile-settings ul li a{ font-family:'Figtree'; font-weight: 300; color: #000; font-size: 24px; line-height: 25px; } #profile.profile #tab-profile-settings #wpmem_reg .div_text, #profile.profile #tab-profile-settings #wpmem_login .div_text, #profile.profile #tab-profile-settings #wpmem_reg .div_textarea, #profile.profile #tab-profile-settings #wpmem_reg .div_multiselect, #profile.profile #tab-profile-settings #wpmem_reg .div_file{ width: 70%!important; margin: 0; } #profile.profile #tab-profile-settings #wpmem_reg .div_multiselect{ margin-top: 10px; } #profile.profile #tab-profile-settings #wpmem_reg .div_multiselect .multiselect.selection.ui.dropdown.multiple{ width: 100%; margin-bottom: 15px; min-height: 50px; border-radius: 35px!important; border: 1px solid #feda95!important; background: transparent; box-shadow: none!important; padding-left: 26px!important; font-size: 24px!important; font-family:'Figtree'; font-weight: 300; color: #000!important; padding-top: 10px; } #profile.profile #tab-profile-settings #wpmem_reg .div_multiselect .multiselect.selection.ui.dropdown.multiple .ui.label{ font-weight: normal; padding: 0; font-size: 20px; border: none; box-shadow: none; background-color: transparent; } #profile.profile #tab-profile-settings #wpmem_reg .div_multiselect .multiselect.selection.ui.dropdown.multiple .menu{ border-color: #feda95!important; box-shadow: none; } #profile.profile #tab-profile-settings #wpmem_reg .div_multiselect .multiselect.selection.ui.dropdown.multiple .text{ padding: 0; margin: 0; } #profile.profile #tab-profile-settings #wpmem_reg label[for='creative_expertise_other'], #profile.profile #tab-profile-settings #wpmem_reg #creative_expertise_other{ display: none; } #profile.profile #tab-profile-settings #wpmem_reg .div_multiselect .multiselect.selection.ui.dropdown.multiple .dropdown.icon{ padding: 12px; } #profile.profile #tab-profile-settings #wpmem_reg .checkbox{ display: none; } #profile.profile #tab-profile-settings #wpmem_reg .button_div{ padding: 0; } #profile.profile #tab-profile-settings #wpmem_reg .button_div input{ color: #fff; } #profile.profile #tab-profile-settings #wpmem_reg .button_div input:hover{ color: #fcae17; } #profile.profile #wpmem_reg textarea{ height: 300px; resize: none; } #profile.profile .points{ color: #000; } #profile.profile #tab-profile-settings .text{ text-align: left; padding-left: 26px; padding-bottom: 10px; display: block; } #profile.profile .passreset label[for="user"]{ display: none!important; } #profile.profile .passreset #user{ /*display: block!important;*/ } #profile.profile .passreset input{ text-align: left!important; } #profile.profile #tab-profile-settings label[for="user_email"]{ display: none; } #profile.profile #tab-profile-settings .div_file{ font-size: 0; } #profile.profile #tab-profile-settings .file, #profile.profile #tab-profile-settings .multiselect, #profile.profile #tab-profile-settings .textarea{ font-family:'Figtree'; font-weight: 300; color: #000; font-size: 18px; line-height: 25px; padding-left: 26px; padding-bottom: 10px; } #profile.profile .nectar-button{ height: 50px!important; border-radius: 35px!important; background: #fcae17!important; box-shadow: none!important; color: #fff!important; font-size: 24px!important; text-transform: uppercase; font-family:'Figtree'; font-weight: 300; padding: 0 35px!important; border: 1px solid #fcae17!important; line-height: 45px; } #profile.profile .nectar-button span{ text-shadow: none!important; color: #fff!important; } #profile.profile .nectar-button:hover{ background: #fff!important; color:#fcae17; } #profile.profile .nectar-button:hover span{ color:#fcae17!important; } #profile.profile .ref_link { margin-top: 15px; margin-bottom: 15px; height: 50px; border-radius: 35px!important; border: 1px solid #feda95; background: #fff; box-shadow: none; padding-left: 26px!important; font-size: 24px; font-family:'Figtree'; font-weight: 300; width: calc(70% - 160px); } #profile.profile h3 { margin: 0; font-size: 24px; font-family:'Figtree'; font-weight: 400; color: #000 } #profile.profile .ref-url { margin-left: 20px; } #profile.profile .social { display: inline-block; } #profile.profile .social li.linkedin { padding-left: 0; border-right: 1px solid #fcb72f; } #profile.profile .social li { float: left;; padding: 0 10px; } #profile.profile .social li.email { padding-top: 5px; } #profile.profile .social li.email img { height: 30px; } #profile.profile .social li.email a { position: relative; bottom: 4px; } #profile.profile .social li img { height: 40px; margin-right: 10px; float: left; } #profile.profile .social li a { font-family:'Figtree'; font-weight: 400; color: #000; } #profile.profile #wpmem_login legend, #profile.profile #wpmem_login label{ font-family:'Figtree'; font-weight: 300; color: #000; font-size: 18px; line-height: 25px; padding-left: 26px; margin-bottom: 10px; display: block; } #profile.profile #tab-referrals .text{ text-align: left; } #profile.profile #wpmem_pwdreset_form label[for="email"]{ display: none!important; } #profile.profile #wpmem_pwdreset_form input#email{ background: #fef7e1!important; color: #000!important; border: none; height: 50px; font-size: 18px; max-width: 380px; } @media only screen and (max-width: 767px) { #profile.profile { padding-top: 20px; padding-bottom: 20px; padding-left: 0; padding-right: 0; } #profile.profile .crowd8-user-meta img { border-radius: 50%; max-width: 100%; width: 70%; } #profile.profile .tab-titles{ display: block; margin-left: 20px; margin-right: 20px; } #profile.profile .tab-titles li{ float: none; } #profile.profile .tab { padding-left: 20px; padding-right: 20px; } #profile.profile #tab-profile-settings #wpmem_reg .div_text, #profile.profile #tab-profile-settings #wpmem_login .div_text, #profile.profile #tab-profile-settings #wpmem_reg .div_multiselect, #profile.profile #tab-profile-settings #wpmem_reg .div_textarea, #profile.profile #tab-profile-settings #wpmem_reg .div_file { width: 100%!important; } #profile.profile #tab-profile-settings .text { padding-top: 0; } #profile.profile #tab-profile-settings input.file + label { padding: 13px 26px; margin-bottom: 10px; font-size: 17px; padding-right: 60px; } #profile.profile #tab-profile-settings input.file + label span img { max-width: 30px; position: absolute; right: 13px; top: 10px; } #profile.profile #tab-profile-settings label.textarea{ height: auto; } #profile.profile.cus_container #wpmem_reg input[type="submit"]{ padding-bottom: 0!important; } #profile.profile .crowd8-user-meta{ align-items: center; display: block; } #profile.profile .crowd8-user-meta.row{ padding-bottom: 10px; padding-left: 20px; padding-right: 20px; } #profile.profile .crowd8-user-meta .col{ text-align: center; margin-bottom: 10px; } #tab-my-submissions a { width: 50%!important; padding: 1%; } .custom-portfolio-box:after{ display: block; content: ""; padding-top: 68%; } #profile.profile .nectar-button{ height: 50px!important; font-size: 17px!important; line-height: 48px; } #profile.profile .tab#tab-referrals h2.your-referal { padding-top: 5px; } #profile.profile .tab#tab-referrals h2 { font-size: 20px; } #profile.profile #tab-referrals .text { padding-bottom: 20px; } #profile.profile .tab#tab-profile-settings ul li a { font-size: 20px; } #profile.profile .ref_link { margin-top: 15px; margin-bottom: 15px; height: 50px; border-radius: 35px!important; border: 1px solid #feda95; background: #fff; box-shadow: none; padding-left: 26px!important; font-size: 24px; font-family:'Figtree'; font-weight: 300; width: calc(100% - 160px); } } @media only screen and (max-width: 480px) { #profile.profile #tab-referrals { text-align: center; } #profile.profile .ref_link { width: 100% ; } #profile.profile .ref-url { margin-bottom: 20px; } #tab-my-submissions a { width: 100%!important; padding:10px 0!important; } } /****************************************************/ /*******************[ Dashboard CSS ]*******************/ /****************************************************/ #dashboard.dashboard{ padding-top: 75px; } #dashboard.dashboard .portfolio-items.flex{ justify-content: center; display: flex; } #dashboard.dashboard .portfolio-items.flex .item{ width: 25%; padding: 0 15px; } #dashboard.dashboard .portfolio-items .item .work-item { position: relative; margin-bottom: 30px; overflow: hidden; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid #feda95; } #dashboard.dashboard .portfolio-items .item .work-item:after { padding-top: 68%; display: block; content: ""; } #dashboard.dashboard .sub-title{ font-family:'Figtree'; font-weight: 300; text-align: center; margin: auto; max-width: 500px; margin-bottom: 40px; } #dashboard.dashboard .sub-title a{ color: #fcae17!important; } #dashboard.dashboard .sub-title p{ padding-bottom: 0; } #dashboard.dashboard .recent-or-live-projects{ font-family:'Figtree'; font-weight: 300; font-size: 30px; text-align: center; margin-bottom: 30px; } #dashboard.dashboard .recent-or-live-projects h3{ margin-bottom: 30px; } #dashboard.dashboard .bg{ position: relative; background-color: #43BEB3; } #dashboard.dashboard .bg .bg_img{ width: 43%; position: absolute; bottom: 0; background-position-x: right; background-repeat: no-repeat; background-size: cover; top: 0; background-position-y: top; } #dashboard.dashboard .flex{ display: flex; } #dashboard.dashboard .flex .invite{ width: 60%; order: 1; padding-bottom: 80px; } #dashboard.dashboard .flex .img{ background-position: right; background-size: cover; background-repeat: no-repeat; width: 40%; margin-right: 40px; position: relative; } #dashboard.dashboard .flex .img img{ position: absolute; bottom: -2px; display: none; } #dashboard.dashboard .flex .invite .title{ padding-top: 75px; padding-bottom: 30px; text-align: left!important; } #dashboard.dashboard .flex .invite .text{ text-align: left; padding-bottom: 45px; } #dashboard.dashboard .nectar-button{ height: 50px!important; border-radius: 35px!important; background: #fcae17!important; box-shadow: none!important; color: #fff!important; font-size: 24px!important; text-transform: uppercase; font-family:'Figtree'; font-weight: 300; padding: 0 35px!important; border: 1px solid #fcae17!important; line-height: 45px; margin-bottom: 15px; cursor: pointer; margin-left: 20px; } #dashboard.dashboard .nectar-button span{ text-shadow: none!important; color: #fff!important; } #dashboard.dashboard .nectar-button:hover{ background: #fff!important; color:#fcae17; } #dashboard.dashboard .nectar-button:hover span{ color:#fcae17!important; } #dashboard.dashboard .flex .invite .ref_link { margin-top: 15px; margin-bottom: 15px; height: 50px; border-radius: 35px!important; border: 1px solid #feda95; background: #fff; box-shadow: none; padding-left: 26px!important; font-size: 24px; font-family:'Figtree'; font-weight: 300; width: calc(100% - 160px); } #dashboard.dashboard .flex .invite h3 { margin: 0; font-size: 24px; font-family:'Figtree'; font-weight: 400; color: #000 } #dashboard.dashboard .flex .invite .social { display: inline-block; } #dashboard.dashboard .flex .invite .social li.linkedin { padding-left: 0; border-right: 1px solid #fcb72f; } #dashboard.dashboard .flex .invite .social li { float: left;; padding: 0 10px; } #dashboard.dashboard .flex .invite .social li.email { padding-top: 5px; } #dashboard.dashboard .flex .invite .social li.email img { height: 30px; } #dashboard.dashboard .flex .invite .social li.email a { position: relative; bottom: 4px; } #dashboard.dashboard .flex .invite .social li img { height: 40px; margin-right: 10px; float: left; } #dashboard.dashboard .flex .invite .social li a { font-family:'Figtree'; font-weight: 400; color: #000; display: flex; align-items: center; } @media only screen and (min-width: 1920px) { #dashboard.dashboard .bg .bg_img{ background-size: 75%; } } @media only screen and (min-width: 2500px) { #dashboard.dashboard .bg .bg_img{ background-size: 50%; } } @media only screen and (max-width: 1450px) { #dashboard.dashboard .bg .bg_img{ width: 37%; } } @media only screen and (max-width: 992px) { #dashboard.dashboard{ padding-top: 20px; } #dashboard.dashboard .recent-or-live-projects h3{ margin-bottom: 20px; } #dashboard.dashboard .flex .img .mobile{ position: absolute; display: block; z-index: 0; height: 100%; left: 0; right: 0; margin: auto; top: 0; } #dashboard.dashboard .bg .bg_img{ display: none; } #dashboard.dashboard .flex .img:after{ display: block; content: ""; padding-top: 76%; } #dashboard.dashboard .flex{ display: block; } #dashboard.dashboard .flex .img{ width: 100%; position: relative; margin-top: 20px; } #dashboard.dashboard .flex .invite{ width: 100%; text-align: center!important; padding-bottom: 0px; } #dashboard.dashboard .sub-title { margin-bottom: 20px; } #dashboard.dashboard .portfolio-items .col.span_3 { margin-bottom: 5px!important; } #dashboard.dashboard .flex .invite .ref_link { margin-top: 20px; font-size: 20px; } #dashboard.dashboard .flex .invite h3 { font-size: 20px; } #dashboard.dashboard .nectar-button{ height: 50px!important; font-size: 20px!important; line-height: 47px; margin-bottom: 20px; } #dashboard.dashboard .row.portfolio-items { padding-bottom: 0; } #dashboard.dashboard .recent-or-live-projects{ margin-bottom: 0; } #dashboard.dashboard .flex .invite .title{ padding-top: 20px; padding-bottom: 20px; text-align: center!important; } #dashboard.dashboard .flex .invite .text{ padding-bottom: 20px; text-align: center; } #dashboard.dashboard .bg { padding-bottom: 20px; } #dashboard.dashboard .flex .invite .social li.email { padding-right: 0px; } } @media only screen and (max-width: 480px) { #dashboard.dashboard .portfolio-items.flex{ display: block; } #dashboard.dashboard .portfolio-items.flex .item{ width: 100%; padding: 0 30px; } #dashboard.dashboard .portfolio-items .item .work-item { margin-bottom: 20px; } #dashboard.dashboard .flex .invite .ref_link { width: 100%; } #dashboard.dashboard .nectar-button{ margin-left: 0; } } /****************************************************/ /*******************[ SIGN UP CSS ]*******************/ /****************************************************/ #sign_up.sign_up:not(.login) #wpmem_login { display: none!important; } #sign_up.sign_up { padding-top: 75px; } #sign_up.sign_up .flex{ display: flex; } #sign_up.sign_up .flex .img img{ } #sign_up.sign_up .flex .img.logged img{ position: relative; bottom: 0px; } #sign_up.sign_up .flex .login-form{ width: 50%; padding-left: 75px; order: 1; } #sign_up.sign_up .flex .login-form .social-login { margin-top: 15px; margin-bottom: 30px; } #sign_up.sign_up .flex .login-form .social-login .wp-social-login-provider-list, #sign_up.sign_up .flex .login-form .social-login .the_champ_login_ul{ display: flex; justify-content: center; } #sign_up.sign_up .flex .login-form .social-login .wp-social-login-provider-list .wp-social-login-provider-facebook, #sign_up.sign_up .flex .login-form .social-login .the_champ_login_ul li:first-child{ order: 1; } #sign_up.sign_up .flex .login-form .social-login .wp-social-login-provider-list .wp-social-login-provider-linkedin, #sign_up.sign_up .flex .login-form .social-login .the_champ_login_ul li:nth-child(2){ order: -1; } #sign_up.sign_up .flex .login-form .social-login .the_champ_login_ul .theChampLogin{ height: 44px; width: 44px; margin: 8px; border-radius: 3px; } #sign_up.sign_up .flex .login-form .social-login .the_champ_login_ul .theChampGoogleBackground{ border: 1px solid rgba(220,220,220,0.7); /*-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);*/ /*-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);*/ /*box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);*/ } #sign_up.sign_up .flex .login-form .fildes{ padding: 0 75px; } #sign_up.sign_up .flex .login-form .sub-title{ text-align: center; font-size: 20px; font-family:'Figtree'; font-weight: 300; line-height: 25px; } #sign_up.sign_up .flex .img{ width: 50%; position: relative; } #sign_up.sign_up .flex .login-form .or-email-title, #sign_up.sign_up .flex .login-form .social-login-title{ text-align: center; font-size: 18px; font-family:'Figtree'; font-weight: 300; line-height: 25px; margin-top: 40px; } #sign_up.sign_up .flex .login-form .or-email-title{ padding-top: 50px; margin-top: 0; margin-bottom: 0; border-top: 1px solid #fcae17; } #sign_up.sign_up .flex .login-form #wpmem_reg fieldset { margin-top: 10px; margin-bottom: 70px; } #sign_up.sign_up .flex .login-form .wp-social-login-provider-list a{ font-size: 0; position: relative; width: 44px; background-color: transparent; } #sign_up.sign_up .flex .login-form .wp-social-login-provider-list a:after{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; width: 100%; background-repeat: no-repeat; background-size: cover; } #sign_up.sign_up .flex .login-form .wp-social-login-provider-list a.wp-social-login-provider-google:after{ background-image: url(/wp-content/themes/salient-child/images/google.png); -webkit-box-shadow: 0px 0px 3px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 3px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 3px -2px rgba(0,0,0,0.75); } #sign_up.sign_up .flex .login-form .wp-social-login-provider-list a.wp-social-login-provider-facebook:after{ background-image: url(/wp-content/themes/salient-child/images/fb.svg); } #sign_up.sign_up .flex .login-form .wp-social-login-provider-list a.wp-social-login-provider-linkedin:after{ background-image: url(/wp-content/themes/salient-child/images/linkedin-brands.svg); } #sign_up.sign_up .flex .email-login .div_text, #sign_up.sign_up .flex .email-login .div_file, #sign_up.sign_up .flex .email-login .div_checkbox{ margin: 0; } #sign_up.sign_up .flex .email-login label, #sign_up.sign_up .flex .email-login .req-text, #sign_up.sign_up .flex .email-login .req, #sign_up.sign_up .flex .email-login .div_multiselect, #sign_up.sign_up .flex .email-login input[name='are_you_open_to_addional_freelance_work'], #sign_up.sign_up .flex .email-login input[name='graduate_of_advertising_school'], #sign_up.sign_up .flex .email-login input[name='advertising_awards'], #sign_up.sign_up .flex .email-login input[name='years_of_industry'], #sign_up.sign_up .flex .email-login input[name='creative_expertise_other'], #sign_up.sign_up .flex .email-login input[name='creative_expertise_other'], #sign_up.sign_up .flex .email-login .div_textarea{ display: none!important; } #sign_up.sign_up .flex .email-login label[for="terms"]{ display: inline-block!important; margin-bottom: 30px; margin-top: 15px; width: 90%; margin-left: 10px; } #sign_up.sign_up .flex .email-login label[for="terms"] a{ color: #fcae17!important; text-decoration: underline; } #sign_up.sign_up .flex .email-login .div_checkbox input{ height: auto; } #sign_up.sign_up .flex .email-login input { background: #fef7e1; border: none; height: 50px; font-size: 18px; } #sign_up.sign_up .flex .email-login .div_checkbox{ margin-top:17px ; margin-left: 0; } #sign_up.sign_up .flex .email-login #wpmem_reg .captcha{ width: 87%; margin: auto; margin-bottom: 15px; } #sign_up.sign_up .flex .email-login #wpmem_reg .button_div{ text-align: center!important; padding: 15px 0; } #sign_up.sign_up .flex .email-login #wpmem_reg .button_div input{ color: #fff!important; height: 50px; padding-bottom: 4px!important; font-size: 20px; } #sign_up.sign_up .flex .email-login #wpmem_reg .button_div input:hover{ color: #fcae17!important; } #sign_up.sign_up .flex .email-login div.clear{ padding-bottom: 0; } #sign_up.sign_up #wpmem_reg #user_url{ display: none; } #sign_up.sign_up .flex .login-form #wpmem_login, #sign_up.sign_up .flex .login-form #wpmem_reg{ width: 100%; } #sign_up.sign_up .flex .login-form .social-login .the_champ_login_ul .theChampLogin, #sign_up.sign_up .flex .login-form div.theChampFacebookLogoContainer{ display: flex!important; align-items: center; justify-content: center; } #sign_up.sign_up .flex .login-form .theChampFacebookLoginSvg{ padding-top: 0; } @media only screen and (max-width: 992px) { #sign_up.sign_up .flex{ display: block; } #sign_up.sign_up .flex .img img{ position: relative; bottom: 0; margin-bottom: 20px; } #sign_up.sign_up .flex .login-form{ width: 100%; padding-left: 0px; } #sign_up.sign_up .flex .login-form .fildes{ margin: auto; max-width: 500px; } #sign_up.sign_up .flex .img{ width: 100%; position: relative; text-align: center; margin-top: 20px; } } @media only screen and (max-width: 992px) { #sign_up.sign_up .flex .login-form #wpmem_reg fieldset { margin-top: 10px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { #sign_up.sign_up { padding-top: 20px; } #sign_up.sign_up .flex .login-form .fildes{ padding: 0; } #sign_up.sign_up .flex .login-form .or-email-title, #sign_up.sign_up .flex .login-form .social-login-title{ margin-top: 20px; } #sign_up.sign_up .flex .login-form .or-email-title{ padding-top: 20px; margin-top: -8px; } #sign_up.sign_up .flex .email-login .div_checkbox { margin-top: 17px; } #sign_up.sign_up .flex .login-form #wpmem_reg fieldset { margin-top: 10px; margin-bottom: 0px; } #sign_up.sign_up .flex .email-login label[for="terms"]{ display: inline-block!important; margin-bottom: 20px; margin-top: 15px; } #sign_up.sign_up .flex .email-login #wpmem_reg .captcha{ width: 87%; margin: auto; margin-bottom: 15px; text-align: center; } #sign_up.sign_up .flex .email-login #wpmem_reg .captcha .g-recaptcha{ display: inline-block; } #sign_up.sign_up .flex .email-login #wpmem_reg .button_div{ text-align: center!important; padding: 5px 0; padding-bottom: 10px; } #sign_up.sign_up .flex .email-login #wpmem_reg .button_div input{ color: #fff; height: 40px; padding-bottom: 4px!important; font-size: 20px; } #sign_up.sign_up .flex .email-login #wpmem_reg .button_div input:hover{ color: #fcae17; } #sign_up.sign_up .flex .email-login div.clear{ padding-bottom: 0; } #sign_up.sign_up #wpmem_reg #user_url{ display: none; } } @media only screen and (max-width: 480px) { #sign_up.sign_up .flex .email-login .div_checkbox { margin-top: 17px; float: right; } #sign_up.sign_up .flex .email-login label[for="terms"] { width: 78%; float: right!important; } } /****************************************************/ /*******************[ LOGIN CSS ]*******************/ /****************************************************/ #sign_up.sign_up.login .flex .login-form .or-email-title, #sign_up.sign_up.login .flex .login-form .social-login-title{ text-align: center; font-size: 18px; font-family:'Figtree'; font-weight: 300; line-height: 25px; margin-top: -10px; } #sign_up.sign_up.login .flex .email-login { margin-top: 10px; } #sign_up.sign_up.login .flex .login-form .fildes { padding: 0 70px; } #sign_up.sign_up.login .flex .login-form { padding-left: 0px; } #sign_up.sign_up.login .flex .email-login input { background: #fef7e1!important; color: #000!important; } #sign_up.sign_up.login .flex .login-form .or-email-title { padding-top: 40px; } #sign_up.sign_up.login .flex .login-form #wpmem_login .button_div{ padding-bottom: 35px; } #sign_up.sign_up.login .flex { max-width: 1100px; align-items: center; } #sign_up.sign_up.login .flex .img img { position: relative; bottom: auto; } #sign_up.sign_up.login .flex .login-form .sign-up-button{ display: inline-block; float: right; position: relative; top: -160px; color: #000; right: 60px; font-family:'Figtree'; font-weight: 300; } #sign_up.sign_up.login .flex .login-form .sign-up-button a{ margin-left: 5px; color: #fcae17!important; text-decoration: underline; } #sign_up.sign_up.login .flex .login-form #wpmem_msg + .sign-up-button { display: none; } #sign_up.sign_up.login .flex .login-form #wpmem_msg { border-color: #fcae17; background-color: #fff; margin-top: 20px; padding-top: 20px!important; position: relative; z-index: 1; } #sign_up.sign_up.login .flex .login-form #wpmem_msg h1, #sign_up.sign_up.login .flex .login-form #wpmem_msg h2, #sign_up.sign_up.login .flex .login-form #wpmem_msg h3, #sign_up.sign_up.login .flex .login-form #wpmem_msg h4, #sign_up.sign_up.login .flex .login-form #wpmem_msg h5, #sign_up.sign_up.login .flex .login-form #wpmem_msg h6, #sign_up.sign_up.login .flex .login-form #wpmem_msg p , #sign_up.sign_up.login .flex .login-form #wpmem_msg p a{ color: #000!important; } #sign_up.sign_up.login .flex .login-form .link-text-register{ display: none; } #sign_up.sign_up.login .flex .login-form .link-text-forgot a{ text-align: center; font-size: 18px; font-family:'Figtree'; font-weight: 300; line-height: 25px; color: #000; position: relative; } #sign_up.sign_up.login .flex .login-form .link-text-forgot a:after{ display: none; content: ""; left: 0; right: 0; bottom: -4px; width: 100%; background-color: #fcae17; height:2px; position: absolute; } #sign_up.sign_up.login .flex .login-form .link-text-forgot a:hover:after{ display: block; } #sign_up.sign_up.login .cus_container #wpmem_login input[type="submit"]{ height: 50px; background-color: #fcae17!important; border-color: #fcae17; display: block; margin: auto; margin-left: 60px; color: #fff!important; font-size: 20px; } #sign_up.sign_up.login .cus_container #wpmem_login input[type="submit"]:hover{ background-color: #fff!important; color: #fcae17!important; } #sign_up.sign_up.login .flex .email-login label[for="rememberme"]{ display: inline-block!important; color: #000; text-align: center; font-size: 18px; font-family:'Figtree'; font-weight: 300; margin-bottom: 40px; } #sign_up.sign_up.login .cus_container #wpmem_login input[type="checkbox"]{ margin: 0; margin-left: 110px; height: auto; } @media only screen and (max-width: 1100px) { #sign_up.sign_up.login .flex .login-form .fildes { padding: 0 50px; } #sign_up.sign_up.login .flex .login-form .sign-up-button { /*top: -140px;*/ } } @media only screen and (max-width: 992px) { #sign_up.sign_up.login .flex .login-form .fildes { padding: 30px 60px; } } @media only screen and (max-width: 767px) { #sign_up.sign_up.login .flex .login-form .or-email-title { padding-top: 20px; } #sign_up.sign_up.login .flex .login-form .sign-up-button { top: -145px; right: 60px; } #sign_up.sign_up.login .flex .email-login label[for="rememberme"] { margin-bottom: 20px; } #sign_up.sign_up.login .flex .login-form #wpmem_login .button_div { padding-bottom: 20px; } #sign_up.sign_up.login .flex .email-login { padding-bottom: 12px; } #sign_up.sign_up.login .flex .email-login input#rememberme{ margin-left: 102px; } } @media only screen and (max-width: 480px) { #sign_up.sign_up.login .flex .login-form .fildes { padding: 0; } #sign_up.sign_up.login .cus_container #wpmem_login input[type="submit"] { margin-left: 23px; } #sign_up.sign_up.login .flex .login-form .sign-up-button { top: -145px; right: 72px; } } @media only screen and (max-width: 380px) { #sign_up.sign_up.login .flex .login-form .sign-up-button { top: -145px; right: 37px; } } @media only screen and (max-width: 360px) { #sign_up.sign_up.login .cus_container #wpmem_login input[type="submit"] { margin-left: 0px; } #sign_up.sign_up.login .flex .login-form .sign-up-button { top: -145px; right: 15px; } } /****************************************************/ /*******************[ Project single CSS ]*******************/ /****************************************************/ .single-portfolio #single.project-single #post-area { width: 72%; } .single-portfolio #single.project-single #sidebar { width: 28%; } #single.project-single .tab-titles { display: inline-block; margin: 0; background-color: #e7f7f5; } #single.project-single .tab-titles li{ float: left; list-style: none; } #single.project-single li{ font-family:'Figtree'; font-weight: 300; color: #000!important; font-size: 20px!important; line-height: 25px; } #single.project-single i{ color: #000!important; } #single.project-single .tab-titles li a{ padding: 3px 15px; display: block; cursor: pointer; } #single.project-single .tab-titles li a.active-tab{ background: #b0e4df; } #single.project-single .tab-titles li a{ font-size: 22px; font-family:'Figtree'; font-weight: 400; font-weight: normal; color: #000!important; } #single.project-single .tab{ display: none; margin-top: 10px; } .single-portfolio #single.project-single #post-area .sub_text span{ color: #000!important; } #single.project-single .winner { padding-top: 60px; margin-top: 60px; border-top: 1px solid #fdcc6d; } #single.project-single .winner .team-item{ padding-bottom: 50px; } #single.project-single .winner.mobile{ display: none; } #single.project-single .winner .team-item .image{ background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 20px; } #single.project-single .winner .team-item .image img{ max-width: 400px; } #single.project-single .winner .team-item a{ display: inline-block; } #single.project-single .winner .team-item .text{ text-align: left; } #single.project-single .winner .team-item .text p{ color: #000!important; } #single.project-single .winner .position{ font-size: 30px; font-family:'Figtree'; font-weight: 400; border-bottom: 1px solid #fdcc6d; color: #000!important; margin-bottom: 30px; display: inline-block; } #single.project-single .tab.active{ display: block; } #single.project-single #sidebar #sidebar-inner .prize-list, #single.project-single #sidebar #sidebar-inner a, #single.project-single #sidebar #sidebar-inner p{ font-family:'Figtree'; font-weight: 300; color: #000!important; font-size: 18px; line-height: 25px; } #single.project-single #sidebar #sidebar-inner p.total-prize-one-line{ font-family:'Figtree'; font-weight: 300; } #single.project-single #sidebar #sidebar-inner .cus_upload{ transform: rotate(180deg); } #single.project-single #sidebar #sidebar-inner h3{ font-family:'Figtree'!important; font-weight: 400; font-size: 24px!important; line-height: normal; color: #000!important; background-color: #fff4de; text-transform: capitalize; padding: 7px!important; max-width: 285px; margin: auto; margin-top: 30px; margin-bottom: 30px; border-radius: 0; } #single.project-single #sidebar #sidebar-inner h3 a{ font-family:'Figtree'!important; font-size: 24px!important; font-weight: normal!important; line-height: normal; color: #000!important; text-transform: capitalize; } #single.project-single #sidebar-inner p.one-line-title, #single.project-single #sidebar-inner p.total-prize-one-line, #single.project-single #sidebar-inner .bld_lurl , #single.project-single #sidebar-inner .prize-list, #single.project-single #sidebar-inner .boldlink { margin-left: 15px!important; } #single.project-single #sidebar #sidebar-inner h3.header_title:first-child{ margin-top: 0; } #single.project-single #sidebar #sidebar-inner i{ color: #fcae17!important; } #single.project-single #sidebar #sidebar-inner a#enter_contest{ margin-left: -30px; } #single.project-single .project-title{ margin: 0; padding-top: 60px; padding-bottom: 0; } #single.project-single .controls li a span{ color: #000!important; } #single.project-single .controls li a i{ color: #fcae17!important; } #single.project-single .container-wrap .bottom_controls .container #portfolio-nav .controls li#next-link a i:after, #single.project-single .container-wrap .bottom_controls .container #portfolio-nav .controls li#prev-link a i:after{ background: #fcae17!important; } #single.project-single .bottom_controls #portfolio-nav ul:first-child li#all-items a:hover i{ background-color: #fcae17!important; } #single.project-single .bottom_controls #portfolio-nav ul:first-child li#all-items a:hover i { box-shadow: -0.6em 0 #fcae17, -0.6em 0.6em #fcae17, 0.6em 0 #fcae17, 0.6em -0.6em #fcae17, 0 -0.6em #fcae17, -0.6em -0.6em #fcae17, 0 0.6em #fcae17, 0.6em 0.6em #fcae17; } @media only screen and (max-width: 992px) { #single.project-single #sidebar #sidebar-inner h3 { max-width: none; } } @media only screen and (max-width: 992px) { #single.project-single #sidebar #sidebar-inner h3 { max-width: none; } #single.project-single #sidebar #sidebar-inner { text-align: center; } body.single-portfolio #single.project-single .row .col.section-title h1 { width: 100%; margin: 0!important; padding: 0!important; } #single.project-single .project-title { margin: 0; padding-top: 20px!important; padding-bottom: 20px!important; } #single.project-single #sidebar #sidebar-inner h3 { margin-top: 20px; margin-bottom: 20px; } #single.project-single .tab { padding-bottom: 20px; } #single.project-single .winner { margin-top: 20px; padding-top: 20px; } #single.project-single .winner.dekstop { display: none; } #single.project-single .winner.mobile { display: block; } #single.project-single .winner .position { margin-bottom: 20px; } #single.project-single .winner .team-item { padding-bottom: 20px; } body.single-portfolio #single.project-single #sidebar { margin-top: 0px; } #single.project-single #sidebar #sidebar-inner .prize-list, #single.project-single #sidebar #sidebar-inner a, #single.project-single #sidebar #sidebar-inner p { text-align: center; margin: 0!important; } #single.project-single #sidebar #sidebar-inner p.cus_max_width { text-align: left; margin: auto!important; max-width: 165px; } #single.project-single #sidebar #sidebar-inner a i{ margin: 0!important; } #single.project-single #sidebar-inner p.one-line-title, #single.project-single #sidebar-inner p.total-prize-one-line, #single.project-single #sidebar-inner .bld_lurl, #single.project-single #sidebar-inner .prize-list, #single.project-single #sidebar-inner .boldlink { text-align: center; margin-left: 0!important; } .bottom_controls { background-color: rgba(0,0,0,0.03); padding: 40px 0; margin-top: 0px; position: relative; z-index: 1; } #single.project-single .tab-titles { width: 100%; } #single.project-single .tab-titles li{ float: none; } } @media only screen and (max-width: 480px){ #single.project-single .winner .team-item .image img { max-width: 100%; } } /****************************************************/ /*******************[ HEADER CSS ]*******************/ /****************************************************/ .new_templates_container{ /*display: none;*/ position: fixed; top: 0; left: 0; right: 0; z-index: 99; transition: all 0.5s ; } .default_header.new_templates_container{ position: relative; } .new_templates_container.active{ background-color: #fff!important; padding-top: 20px; padding-bottom: 20px; } .darck .flex .item #newlogo svg .change_color, .new_templates_container.active .flex .item #newlogo svg .change_color{ fill: #00C2B3; } .toggle-mobile-nav { /*display: none;*/ width: 45px; height: 21px; /*position: fixed;*/ /*z-index: 9999999999;*/ cursor: pointer; } .toggle-mobile-nav span { width: 41px; margin-top: 8px; border-bottom: 2px solid #444; display: block; margin-left: auto; margin-right: auto } .toggle-mobile-nav span:first-child { margin-top: 0; } .darck .toggle-mobile-nav span { border-bottom: 2px solid #fff } .mobmenu-overlay { display: none; width: 100%; height: 100%; background-color: rgba(0 ,0, 0, 0.5); z-index: 999999999; left: 0; top: 0; opacity: 0; -webkit-transition: .5s ease; -moz-transition: .5s ease; -ms-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; position: fixed } .mobmenu-overlay.active { opacity: .8; display: block } /*.toggle-mobile-nav.active span {*/ /* border-color: #25394b;*/ /* position: absolute;*/ /* left: 0;*/ /* right: 0;*/ /* top: 15px;*/ /* margin: auto*/ /*}*/ .toggle-mobile-nav.active span:first-child { display: none } .toggle-mobile-nav.active span:nth-child(2) { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .toggle-mobile-nav.active span:nth-child(3) { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .toggle-mobile-nav.close { transform: rotate(45deg); width: 30px; height: 30px; position: absolute; right: 50px; top: 50px; } .toggle-mobile-nav.close span { margin: 0; border-color: #fff; } .toggle-mobile-nav.close span:first-child { position: absolute; top: 50%; transform: translateY(-50%)!important;; } .toggle-mobile-nav.close span:last-child { position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg)!important;; } .mobile_menu ul.menu { padding: 0 } .mobile_menu ul.menu li a { color: #fff!important; text-decoration: none; font-size: 30px; text-align: left; font-weight: 600; margin: 5px 0; font-family: "Figtree"; line-height: normal; width: 100%; display: block; } .mobile_menu ul.menu li.current-menu-item a { color: #fff!important; } /*@media only screen and (max-width:480px) {*/ /* .mobile_menu ul li a {*/ /* line-height: 35px*/ /* }*/ /*}*/ .mobile_menu ul.menu li { list-style-type: none; height: 55px; text-align: left; /*line-height: 35px*/ } .mobile_menu .mobile_menu_footer { position: absolute; bottom: 50px; } .mobile_menu #social-media { display: flex; align-items: center; margin: 0 -7px; } .mobile_menu #social-media li{ padding: 0 7px; } .mobile_menu .copyright{ margin-top: 23px; color: #FFF; font-family: 'Figtree'; font-size: 22px; font-weight: 400; line-height: normal; text-align: left; } /*.mobile_menu ul li.current-menu-item {*/ /*background-color: #25394b*/ /*}*/ .mobile_menu { position: fixed; background-color: #444; max-width: 100%; right: -400px; display: block; text-align: center; height: 100%; top: 0; z-index: 999999999; padding: 0 60px; padding-top: 160px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; pointer-events: none; } .mobile_menu.openMenu { width: 460px; right: 0; pointer-events: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .new_templates_container{ position: fixed; padding: 0 40px; padding-top: 45px; padding-bottom: 20px; width: 100%; } .new_templates_container.active_bg{ background-color: #00C2B3; } .new_templates_container>.flex{ max-width: 1480px; margin: auto; } .new_templates_container .menu ul.menu li a{ color: #000!important; position: relative; padding-left: 15px; text-transform: uppercase; } .new_templates_container div.menu{ position: absolute; } .new_templates_container .flex{ display: flex; justify-content: space-between; } /*.new_templates_container .flex .item{*/ /*width: 60%;*/ /*}*/ /*.new_templates_container .flex .signup{*/ /*width: 40%;*/ /*}*/ .new_templates_container .flex .item .menu ul li{ float: left; margin-right: 15px; } .new_templates_container .flex .item .menu ul li.current_page_item a:before{ display: block; position: absolute; content: ""; width: calc(100% - 15px); height: 2px; left: 15px; right: 0; background: #fcae17; bottom: -2px; transition: all 0.3s ease; } .new_templates_container .flex .item .menu ul li.current_page_item:first-child a:before{ display: block; position: absolute; content: ""; width: 100%; height: 2px; left: 0; right: 0; background: #fcae17; bottom: -2px; transition: all 0.3s ease; } .new_templates_container .flex .item .menu ul li a:before{ display: block; position: absolute; content: ""; width: calc(100% - 15px); height: 2px; left: 15px; right: 0; background: #fff; bottom: -2px; transition: all 0.3s ease; } .new_templates_container .flex .item .menu ul.menu li a:hover:before{ display: block; background: #fcae17; transition: all 0.3s ease; } .new_templates_container .flex .item .menu ul.menu li:first-child a:hover:before{ display: block; position: absolute; content: ""; width: 100%; height: 2px; left: 0; right: 0; background: #fcae17; bottom: -2px; transition: all 0.3s ease; } .new_templates_container .flex .item .menu ul.menu li a:after{ display: block; content: ""; width: 1px; height: 86%; background: #000; position: absolute; transform: rotate(30deg); left: 0; bottom: 0; } .new_templates_container .flex .item .menu ul li:first-child a:after{ display: none; } .new_templates_container .menu ul.menu li:first-child a{ padding-left: 0; } .new_templates_container .flex .item #newlogo svg, .new_templates_container .flex .item #newlogo img{ max-width: 350px; height: auto; transition: all 0.5s; /*margin-bottom: 10px;*/ } .new_templates_container.active .flex .item #newlogo svg, .new_templates_container.active .flex .item #newlogo img{ max-width: 270px; } .new_templates_container .flex .item #newlogo img.retina-logo{ display: none; } .new_templates_container .flex .item.signup { display: flex; align-items: center; justify-content: center; } .new_templates_container .flex .item .login-signup a{ color: #000!important; } .new_templates_container .flex .item .login-signup { transition: all 0.3s; display: flex; align-items: center; } .new_templates_container .flex .item .login-signup.openMenu { opacity: 0; } .new_templates_container .flex .item .login-signup a.newbutton{ /*background-color: #fff;*/ /*color: #000!important;*/ margin-right: 21px; } .new_templates_container .flex .item .login-signup a.newbutton{ padding: 5px 14px!important; color: #444; text-align: center; font-family: 'Figtree'; font-size: 16px; font-weight: 600; border:1px solid #444; border-radius: 20px!important; line-height: normal; background-color: transparent!important; height: auto; } .new_templates_container .flex .item .login-signup.mobile_login a.newbutton{ color: #fff!important; border:1px solid #fff!important; font-size: 20px!important; padding: 7px 14px!important; } .new_templates_container .flex .item .login-signup a.chat{ background-color: #444!important; color: #fff!important; margin-right: 10px; } .new_templates_container .flex .item .login-signup.mobile_login{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 38px; } .new_templates_container .flex .item .login-signup.mobile_login a.signup , .new_templates_container .flex .item .login-signup.mobile_login a.chat{ background-color: #fcae17!important; border:1px solid #fcae17!important; } .new_templates_container .flex .item .login-signup.mobile_login a.signup:hover , .new_templates_container .flex .item .login-signup.mobile_login a.chat:hover{ background-color: #fff!important; color: #fcae17!important; } /*.new_templates_container .flex .item .login-signup a.login.newbutton{*/ /* padding: 10px 28px!important;*/ /* color: #fff!important;*/ /*}*/ .new_templates_container .flex .item .login-signup a.login.newbutton:hover{ /*color: #fcae17!important;*/ } .new_templates_container .flex .item .login-signup a.newbutton:hover{ border-color: #fcae17!important; color: #FFF!important; background-color:#fcae17!important; } .header.new_templates_container .flex .logo a{ display: block; line-height: 0; } @media only screen and (max-width:1100px) { .new_templates_container .menu ul.menu li a{ font-size: 19px; } } @media only screen and (max-width:992px) { .menu { /*display: none*/ } .mobile_menu .menu{ display: block } .toggle-mobile-nav { display: block } .header.new_templates_container .flex .logo { width: 65%; z-index: 9999999999; } .new_templates_container.active .flex .item #newlogo svg, .new_templates_container.active .flex .item #newlogo img, .new_templates_container .flex .item #newlogo svg, .new_templates_container .flex .item #newlogo img{ max-width: 220px; } .new_templates_container .flex .item.openMenu #newlogo svg path:not(.change_color){ fill: #fff; } .header.new_templates_container .flex .logo img { position: relative; z-index: 999999999999; width: 100%; } .header.new_templates_container .flex .login-signup { display: none; } .toggle-mobile-nav.close { right: 26px; top: 18px; } .header.new_templates_container .flex .login-signup.mobile_login { /*display: block;*/ /*margin-top: 20px;*/ } .header.new_templates_container .flex .login-signup.mobile_login .right0{ margin-right: 0; } body:not(.page-id-6976) .new_templates_container{ padding: 0px; /*padding-top: 0;*/ height: 91px; } body.page-id-6976 .new_templates_container{ padding: 20px; /*padding-top: 0;*/ height: auto; } body.page-id-6976{ overflow: hidden; } body.active.page-id-6976{ overflow: unset; } body:not(.page-id-6976) .new_templates_container .flex{ padding: 20px; position: fixed; z-index: 9999; width: 100%; background-color: #fff; } body:not(.page-id-6976) .new_templates_container .flex.scroll{ -webkit-box-shadow: 2px 8px 21px -11px rgba(0,0,0,0.75); -moz-box-shadow: 2px 8px 21px -11px rgba(0,0,0,0.75); box-shadow: 2px 8px 21px -11px rgba(0,0,0,0.75); } } @media only screen and (max-width:600px) { .mobile_menu { padding: 0 45px; padding-top: 100px; } .toggle-mobile-nav.close { width: 26px; height: 26px; /*right: 30px;*/ /*top: 30px;*/ } .mobile_menu ul.menu li a { font-size: 20px; } .mobile_menu ul.menu li { height: 40px; } .mobile_menu #social-media li a { display: inline-block; } .mobile_menu #social-media li { line-height: 0; } .mobile_menu #social-media li a img{ display: block; width: 35px; } .mobile_menu .mobile_menu_footer { bottom: 30px; } .mobile_menu .copyright { margin-top: 18px; font-size: 16px; } } @media only screen and (max-width:480px) { .new_templates_container{ height: 71px; } } /****************************************************/ /*******************[ FOOTER CSS ]*******************/ /****************************************************/ #footer.footer{ background-color: #444444; padding-top: 30px; padding-bottom: 30px; position: relative; margin-top: -2px; } #footer.footer .flex{ display: flex; width: 100%; justify-content: center; } #footer.footer .flex .item.menu { text-align: center; } #footer.footer .flex .item.menu ul.menu { display: flex; justify-content: center; } #footer.footer .flex .item.menu ul.menu li{ float: left; margin-right: 15px; } #footer.footer .flex .item.menu ul.menu li.current_page_item a:before{ display: block; position: absolute; content: ""; width: calc(100% - 15px); height: 2px; left:15px; right: 0; background: #fff; bottom: -2px; transition: all 0.3s ease; } #footer.footer .flex .item.menu ul.menu li.current_page_item:first-child a:before{ display: block; position: absolute; content: ""; width: 100%; height: 2px; left:0px; right: 0; background: #fff; bottom: -2px; transition: all 0.3s ease; } #footer.footer .flex .item.menu ul.menu li a:before{ background: transparent; display: block; position: absolute; content: ""; width: calc(100% - 15px); height: 2px; left: 15px; right: 0; bottom: -2px; transition: all 0.3s ease; } #footer.footer .flex .item.menu ul.menu li a:hover:before{ background: #fff; transition: all 0.3s ease; } #footer.footer .flex .item.menu ul.menu li:first-child a:hover:before{ display: block; position: absolute; content: ""; width: 100%; height: 2px; left: 0; right: 0; background: #fff; bottom: -2px; transition: all 0.3s ease; } #footer.footer .flex .item.menu .copyright{ display: inline-block; padding-top: 70px; color: #fff!important; font-size: 18px; font-family: 'Figtree'; font-weight: 400; line-height: normal; } #footer.footer .menu ul.menu li a{ color: #fff!important; position: relative; padding-left: 15px; font-size: 26px!important; font-family: 'Figtree'!important; font-weight: 500!important; line-height: normal; /*text-transform: uppercase;*/ } #footer.footer .flex .item.menu ul.menu li a:after{ display: block; content: ""; width: 4px; height: 4px; background: #fff; position: absolute; transform: translateY(-50%); left: 0; top: 50%; border-right: 50%; } #footer.footer .flex .item.menu ul.menu li:first-child a:after{ display: none; } #footer.footer .menu ul.menu li:first-child a{ padding-left: 0; } #footer.footer .flex .item.social { display: inline-block; width: 100%; margin-top: 25px; } #footer.footer .flex .item.social #social-media{ display: flex; width: 100%; justify-content: center; } #footer.footer .flex .item.social #social-media li{ float: left; line-height: 0; } #footer.footer .flex .item.social #social-media li:not(:first-child){ padding-left: 13px; } #footer.footer .flex .item.social #social-media li a i{ background-color: transparent; font-size: 30px; width: 40px; color: #fff; } #footer.footer .flex .item.social #social-media li a { display: inline-block; } #footer.footer .flex .item.social #social-media li a img{ display: block; } @media only screen and (max-width:992px) { #footer.footer{ padding-top: 20px; padding-bottom: 40px; } #footer.footer .menu ul.menu li a{ font-size: 20px!important; } #footer.footer .flex .item.menu .copyright{ padding-top: 60px; } } @media only screen and (max-width:480px) { /*#footer.footer .flex{*/ /* display: block;*/ /*}*/ /*#footer.footer .flex .social{*/ /* display: inline-block;*/ /*}*/ /*#footer.footer .menu {*/ /* display: inline-block;*/ /*}*/ /*#footer.footer .menu#menu-new-footer {*/ /* margin-bottom: -15px;*/ /*}*/ /*#footer.footer .flex .item.menu .copyright{*/ /* padding-top: 0;*/ /* padding-bottom: 10px;*/ /* font-size: 16px;*/ /*}*/ } /****************************************************/ /*******************[ HOME CSS ]*******************/ /****************************************************/ #home.home { padding-top: 75px; } #home.home .title { text-align: left!important; } #home.home .text { text-align: left!important; } #home.home .text p:not(:last-child) { padding-bottom: 30px; } #home.home .flex{ display: flex; align-items: center; } #home.home .bg .flex .tablet{ opacity: 1; position: relative; /*bottom: -25px;*/ } #home.home .flex .item.img{ width: 60%; } #home.home .flex .item.textsec{ width: 40%; } #home.home .bg { position: relative; padding-bottom: 40px; } #home.home .bg .bg_img{ width: 50%; position: absolute; left: 10px; top: 0; bottom: 0; background-position: top; background-repeat: no-repeat; background-size: cover; } #home.home .bg:first-child .bg_img{ display: none; } #home.home .bg:first-child .tablet{ opacity: 1; position: relative; /*bottom: -20px;*/ } #home.home .bg:first-child .img{ order: 1; padding-left: 60px; } #home.home .bg:nth-child(even) .img{ padding-right: 60px; } #home.home .second_section { background-color: #b0e4df; } #home.home .second_section .flex .item.img, #home.home .three_section .flex .item.img{ width: 30%; padding-right: 20px; } #home.home .second_section .flex .item.textsec, #home.home .three_section .flex .item.textsec{ width: 70%; padding-left: 0; } #home.home .three_section .flex .item.img img, #home.home .second_section .flex .item.img img{ max-width: none; height: 100%; position: relative; bottom: -10px; z-index: 0; } #home.home .three_section .title, #home.home .second_section .title{ position: relative; display: inline-block; } #home.home .second_section .title:after { content: ""; display: block; position: absolute; right: -45px; background-image: url(/wp-content/themes/salient-child/images/orangearrowright.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 45px; height: 65px; top: 50%; transform: translateY(-50%); } #home.home .three_section .title:after { content: ""; display: block; position: absolute; right: -45px; background-image: url(/wp-content/themes/salient-child/images/greenarrowright.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 45px; height: 100%; top: 50%; transform: translateY(-50%); } #home.home .three_section { background: #fff4de; position: relative; } #home.home .second_section .title , #home.home .three_section .title { padding-bottom: 0; } #home.home .three_section .textsec { text-align: right!important; } #home.home .second_section .flex .tablet{ opacity: 1; } #home.home .three_section .flex .mobile, #home.home .second_section .flex .mobile{ display: none; } #home.home .second_section { position: relative; } #home.home .second_section .bg_img{ width: 40%; position: absolute; right: 10px; top: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width:1300px) { #home.home .bg .flex .tablet{ opacity: 1; bottom: 0; } #home.home .flex .item.img{ width: 60%; padding-right: 60px; } #home.home .bg.item2 .flex .item.img{ /*margin-bottom: -80px;*/ } #home.home .bg { padding-bottom: 40px; } #home.home .flex .item.textsec{ width: 40%; } #home.home .three_section .flex .item.img img, #home.home .second_section .flex .item.img img{ max-width: 100%; height: auto; opacity: 1; } #home.home .bg .bg_img{ display: none; } #home.home .bg:first-child .img{ order: 1; padding-left: 60px; } #home.home .three_section .textsec { text-align: left!important; } #home.home .second_section .bg_img{ display: none; } #home.home .second_section .flex .item.img{ padding-right: 0; padding-left: 60px; } } @media only screen and (max-width:992px) { #home.home .bg { padding-bottom: 20px; } #home.home .bg .flex { flex-direction: column-reverse; } #home.home .flex .item.img{ width: 100%; padding-right: 0px; padding-bottom: 40px; } #home.home .flex .item.textsec{ width: 100%; text-align: center; padding-bottom: 40px; } #home.home .bg.item2 .flex .item.img{ padding-bottom: 0!important; /*margin-bottom: -40px;*/ } #home.home .second_section .flex .item.img{ padding-right: 0; padding-left: 0px; } #home.home .title { text-align: center!important; } #home.home .text { text-align: center!important; } #home.home .three_section .flex .item , #home.home .second_section .flex .item { padding-bottom: 0; } #home.home .second_section .title:after { right: -35px; } #home.home .three_section .title:after { right: -35px; } #home.home .second_section .flex .textsec .title{ padding-right: 0px; } #home.home .second_section .flex .item.img img{ margin-left: 35px; } } @media only screen and (max-width:767px) { #home.home { padding-top: 20px; } #home.home .flex .item.img{ width: 100%; padding-right: 0px; padding-bottom: 20px; } #home.home .bg .flex .item.img{ width: 100%; padding-right: 0px; padding: 0 30px!important; padding-bottom: 20px!important; } #home.home .bg:first-child .tablet{ bottom: 0; } #home.home .bg.item2 .flex .item.img{ padding-bottom: 0!important; /*margin-bottom: -40px;*/ } #home.home .flex .item.textsec{ width: 100%; text-align: center; padding-bottom: 20px; } #home.home .bg:first-child .img{ order: 1; padding-left: 0px; text-align: center; } #home.home .second_section .flex .item.img{ padding-right: 0; padding-left: 0px; width: 30%; } #home.home .second_section .flex .item.img img{ margin-left: 0px; } #home.home .title { text-align: center!important; } #home.home .text { text-align: center!important; } #home.home .three_section .flex .item , #home.home .second_section .flex .item { padding-bottom: 0; } #home.home .second_section .title:after { right: 0; } #home.home .three_section .title:after { right: 0; } #home.home .text p:not(:last-child) { padding-bottom: 20px; } #home.home .three_section .flex .tablet, #home.home .second_section .flex .tablet{ display: none; } #home.home .three_section .flex .mobile, #home.home .second_section .flex .mobile{ display: block; } #home.home .second_section .flex { overflow: hidden; } #home.home .second_section .flex .img { margin-bottom: -40px; margin-top: -35px; } #home.home .second_section .flex .textsec { padding-right: 0px; width: 70%; } #home.home .second_section .flex .item.img img.mobile { max-width: none; width: 160px; } #home.home .second_section .flex .textsec .title:after { right: -28px; height: 30px; width: 30px; bottom: 2px; top: auto; transform: none; } #home.home .second_section .flex .textsec .title { padding-right: 0px; margin-top: 20px; margin-bottom: 20px; padding-top: 0; } #home.home .three_section .textsec{ padding-left: 25px; } #home.home .three_section .title{ padding-right: 21px; padding-bottom: 20px; } #home.home .three_section .title:after { right: -28px; height: 30px; width: 30px; bottom: 20px; top: auto; transform: none; } #home.home .bg.item1 { padding-bottom: 30px; } } @media only screen and (max-width:480px) { #home.home .second_section .flex .textsec .title:after { right: 23px; height: 30px; width: 30px; bottom: 2px; top: auto; transform: none; } #home.home .three_section .title:after { right: 30px; height: 30px; width: 30px; bottom: 20px; top: auto; transform: none; } } @media only screen and (max-width:360px) { #home.home .second_section .flex .textsec .title:after { right: -22px; } #home.home .three_section .title:after { right: 20px; } } /****************************************************/ /*******************[ Marketing CSS ]*******************/ /****************************************************/ #marketing.marketing { padding-top: 75px; } #marketing.marketing .title { text-align: left!important; } #marketing.marketing .title span{ position: relative; } #marketing.marketing .title span:after{ left: 0; position: absolute; display: block; content: ""; height: 2px; background-color: #fcae17; width: 90%; right: 0; bottom: 14px; } #marketing.marketing .text { text-align: left!important; } #marketing.marketing .first_section .text p:not(:last-child) { padding-bottom: 25px; } #marketing.marketing .first_section .text h3 { padding-bottom: 15px; } #marketing.marketing .text h4 { font-size: 25px; font-weight: normal; } #marketing.marketing .flex{ display: flex; align-items: center; } #marketing.marketing .bg .flex .tablet{ opacity: 1; } #marketing.marketing .flex .item.img{ width: 60%; } #marketing.marketing .flex .item.embed_video div { position: relative; } #marketing.marketing .flex .item.embed_video div:after { content: ""; padding-top: 100%; display: block; } #marketing.marketing .flex .item.embed_video video { width: calc(100% - 0px) !important; position: absolute; top: 0; left: 0px; height: 100% !important; } #marketing.marketing .flex .item.embed_video .play_icon{ position: absolute; width: 100px; top: 50%; cursor: pointer; left: calc(50% + 0px); transform: translate(-50%, -50%); } #marketing.marketing .flex .item.textsec{ width: 45%; } #marketing.marketing .flex .item.textsec .cta_button{ width: 175px; height: 48px; margin:auto; background: #FFB400 ; border: 1px solid #FFB400; font-size: 24px; line-height: 22px; font-family:'Figtree'; font-weight: 700; color: #fff!important; border-radius: 24px; /*padding: 10px 20px;*/ display: flex; align-items: center; justify-content: center; margin-top: 25px; transition: all 0.3s; } #marketing.marketing .flex .item.textsec .cta_button:hover { color: #FFB400!important; ; background-color: #fff; } #marketing.marketing .bg { position: relative; margin-bottom: 50px; } #marketing.marketing .bg .bg_img{ width: 50%; position: absolute; left: 10px; top: 0; bottom: 0; background-position: top; background-repeat: no-repeat; background-size: cover; } #marketing.marketing .bg:nth-child(even) .img { padding-right: 60px; } #marketing.marketing .bg:nth-child(odd) .bg_img{ left: auto; right: 10px; } #marketing.marketing .bg:nth-child(odd) .img{ order: 1; padding-left: 60px; } #marketing.marketing .three_section .flex .item.img{ width: 40%; order: 1; } #marketing.marketing .second_section .clients_section { margin-right:-12px ; margin-left: -12px; margin-bottom: 70px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #marketing.marketing .second_section .cus_slider .next , #marketing.marketing .second_section .cus_slider .prev { width: 20px; position: absolute; z-index: 999; top: 50%; transform: translateY(-50%); } #marketing.marketing .second_section .cus_slider .next{ right: -20px; } #marketing.marketing .second_section .cus_slider .prev{ left: -20px; transform: translateY(-50%) rotate(180deg); } #marketing.marketing .second_section .clients_section .item { height: 170px; padding-left: 12px; padding-right: 12px; background-repeat: no-repeat; background-size: contain; background-position: center; width: 25%; } #marketing.marketing .second_section .sub_title.title { text-align: center!important; padding-bottom: 25px; } #marketing.marketing .second_section .canoe_lions .lions{ position: relative; display: inline-block; margin-bottom: 60px; max-width: 300px; } #marketing.marketing .second_section .canoe_lions .lions:after { content: ""; display: block; background-image: url("/wp-content/themes/salient-child/images/spurtright.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; right: -80px; top: 50%; transform: translateY(-50%); width: 60px; height: 100%; } #marketing.marketing .second_section .canoe_lions .lions:before { content: ""; display: block; background-image: url("/wp-content/themes/salient-child/images/spurtleft.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; left: -80px; top: 50%; transform: translateY(-50%); width: 60px; height: 100%; } #marketing.marketing .second_section .canoe_lions { text-align: center!important; } #marketing.marketing .three_section .flex .item.textsec{ width: 60%; } #marketing.marketing .three_section .flex .item.img img{ max-width: none; height: 100%; position: relative; bottom: -10px; z-index: 0; } #marketing.marketing .three_section { background: #fff4de; position: relative; } #marketing.marketing .three_section .flex .img.item .mobile{ display: none; } #marketing.marketing .three_section .title { padding-bottom: 0; position: relative; display: inline-block; } #marketing.marketing .three_section .title.sub_title { padding-bottom: 0; margin-top:30px ; font-size: 35px!important; position: relative; display: inline-block; } #marketing.marketing .three_section .title:before { background-image: url(/wp-content/themes/salient-child/images/greenarrowright.svg); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; right: -35px; top: 50%; transform: translateY(-50%); display: block; content: ""; width: 30px; height: 45px; } #marketing.marketing .fourth_section .flex { align-items: normal; padding-top:70px ; justify-content: center; padding-bottom: 80px; } #marketing.marketing .fourth_section .faq-title { width: 15%; margin-right: 40px; } #marketing.marketing .fourth_section .faq-title .title { background-image: url("/wp-content/themes/salient-child/images/FAQ crayon.png"); background-position: center; background-size: contain; background-repeat: no-repeat; height: 106px; line-height: 120px!important; text-align: center!important; } #marketing.marketing .fourth_section .faq-content { width: 65%; } #marketing.marketing .fourth_section .faq-content .content_text { display: none; font-family:'Figtree'; font-weight: 300; border: 1px solid #fcae17; border-top: none; padding: 20px 30px; line-height: 25px; margin-bottom: 20px; } #marketing.marketing .fourth_section .faq-content .content_text p { padding-bottom: 0; } #marketing.marketing .fourth_section .faq-content .content_title { border: 1px solid #fcae17; font-family:'Figtree'; font-weight: 400; line-height: 25px; padding: 20px 30px; cursor: pointer; position: relative; margin-bottom: 20px; transition: all 0.2s ease; } #marketing.marketing .fourth_section .faq-content .content_title.active { transition: all 0.2s ease; margin-bottom: 0px; } #marketing.marketing .fourth_section .faq-content .content_title:first-child { border-top: 1px solid #fcae17; } #marketing.marketing .fourth_section .faq-content .content_title .click.active{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } #marketing.marketing .fourth_section .faq-content .content_title:after { content: ""; display: block; position: absolute; right: 30px; background-image: url(/wp-content/themes/salient-child/images/orangearrow-17.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 15px; height: 20px; top: 50%; transform: translateY(-50%) rotate(90deg); transition: all 0.2s ease; } #marketing.marketing .fourth_section .faq-content .content_title.active:after { transform: translateY(-50%) rotate(-90deg); transition: all 0.2s ease; } #marketing.marketing .fifth_section { background-color: #b0e4df; padding-bottom: 55px; padding-top: 65px; } #marketing.marketing .fifth_section .title, #marketing.marketing .fifth_section .form{ padding-left: 50px; padding-right: 50px; } #marketing.marketing .fifth_section .title { text-align: left!important; padding-bottom: 10px; } #marketing.marketing .fifth_section p{ padding-bottom: 0; } #marketing.marketing .fifth_section input[type='submit'] { color: #fff; } #marketing.marketing .fifth_section input[type='submit']:hover { color: #fcae17; } #marketing.marketing .fifth_section input:not([type='submit']){ background-color: #fff; } #marketing.marketing .fifth_section textarea { background-color: #fff; } @media only screen and (min-width:2300px) { #marketing.marketing .bg .bg_img{ background-position: center; background-image: none!important; } #marketing.marketing .bg .flex .tablet{ opacity: 1; } #marketing.marketing .bg:nth-child(even) .img { padding-right: 60px; } } @media only screen and (max-width:1300px) { #marketing.marketing .bg:nth-child(even) .img { padding-right: 60px; } #marketing.marketing .bg .bg_img{ display: none; } #marketing.marketing .bg .flex .tablet{ opacity: 1; } #marketing.marketing .fourth_section .faq-content .content_title:after { right: 15px; } #marketing.marketing .second_section .cus_slider .next{ right: -13px; } #marketing.marketing .second_section .cus_slider .prev{ left: -13px; } } @media only screen and (max-width:992px) { #marketing.marketing .title span:after{ bottom: 10px; } #marketing.marketing .bg .flex { display: block; } #marketing.marketing .fourth_section .faq-content .content_title:after { right: 30px; } #marketing.marketing .bg .flex .item.img{ width: 100%; padding-left: 0; margin-bottom: 40px; } #marketing.marketing .flex .item.embed_video div{ max-width: 600px; margin: auto; } #marketing.marketing .bg .flex .item.textsec{ width: 100%; } #marketing.marketing .second_section .clients_section .item { width: 33.3%; } #marketing.marketing .three_section .flex .img.item .tablet{ display: none; } #marketing.marketing .three_section .flex .img.item .mobile{ display: block; } #marketing.marketing .three_section .flex .img.item { order: 1; } #marketing.marketing .three_section .title.sub_title { font-size: 35px; } #marketing.marketing .fourth_section { position: relative; background: #fff; } #marketing.marketing .fourth_section .flex { display: block; } #marketing.marketing .fourth_section .flex .faq-title{ width: 100%; padding-bottom: 40px; } #marketing.marketing .fourth_section .flex .faq-content { width: 100%; } #marketing.marketing .three_section .title:before { left: 115px; top: 74%; right: auto; } } @media only screen and (max-width:767px) { #marketing.marketing { padding-top: 20px; } #marketing.marketing .flex .item.img{ width: 100%; padding-right: 0px; padding-bottom: 20px; } #marketing.marketing .bg .flex .item.img{ width: 100%; padding-right: 0px; padding: 0 30px!important; padding-bottom: 20px!important; margin-bottom: 0; } #marketing.marketing .bg.item2 .flex .item.img{ padding-bottom: 0!important; margin-bottom: -40px; } #marketing.marketing .flex .item.textsec{ width: 100%; text-align: center; padding-bottom: 20px; } #marketing.marketing .bg:first-child .img{ order: 1; padding-left: 0px; text-align: center; } #marketing.marketing .second_section .flex .item.img{ padding-right: 0; padding-left: 0px; } #marketing.marketing .title { text-align: center!important; } #marketing.marketing .text { text-align: center!important; } #marketing.marketing .text p:not(:last-child) { padding-bottom: 20px; } #marketing.marketing .first_section .text p:not(:last-child) { padding-bottom: 20px; } #marketing.marketing .bg { margin-bottom: 0px; } #marketing.marketing .second_section .canoe_lions .lions { padding: 20px 0; margin-bottom: 20px; } #marketing.marketing .second_section .canoe_lions .lions img{ max-width: 200px; } #marketing.marketing .second_section .cus_slider .item{ } #marketing.marketing .second_section .cus_slider .next{ display: none!important; } #marketing.marketing .second_section .cus_slider .prev{ display: none!important; } #marketing.marketing .second_section .clients_section { margin-bottom: 20px; } #marketing.marketing .second_section .clients_section .item { width: 50%; height: 130px; margin-bottom: -20px; } #marketing.marketing .second_section .sub_title.title { padding-bottom: 20px; } #marketing.marketing .three_section .title:before { left: auto; top: 71%; right: -30px; } #marketing.marketing .fourth_section .flex { padding-top: 20px; padding-bottom: 0px; } #marketing.marketing .fourth_section .faq-content .content_title { padding: 20px 20px; padding-right: 35px; } #marketing.marketing .fourth_section .faq-content .content_title:after { right: 15px; } #marketing.marketing .fourth_section .flex .faq-title { padding-bottom: 20px; } #marketing.marketing .fourth_section .faq-title .title{ padding-top: 23px; height: 90px; line-height: 50px!important; } #marketing.marketing .three_section .flex .img.item { order: 0; width: 35%; padding-right: 20px; } #marketing.marketing .three_section .flex .img.item img { max-width: 100%; height: auto; bottom: -17px; } #marketing.marketing .three_section .title { line-height: 36px!important; } #marketing.marketing .three_section .title.sub_title { font-size: 20px!important; margin-top: 0; padding-top: 0; } #marketing.marketing .three_section .title.sub_title:before { right: -21px; top: 55%; width: 20px; height: 30px; } #marketing.marketing .three_section .flex .item { padding-bottom: 0; } #marketing.marketing .three_section .flex .item.textsec { padding-bottom: 20px; width: 70%; } #marketing.marketing .fourth_section .faq-content .content_text { padding: 20px; padding-right: 35px; } #marketing.marketing .fifth_section { padding-bottom: 10px; padding-top: 20px; } #marketing.marketing .fifth_section .title, #marketing.marketing .fifth_section .title { padding-left: 0px; padding-right: 0px; } #marketing.marketing .fifth_section .title, #marketing.marketing .fifth_section .form { padding-left: 0px; padding-right: 0px; } } @media only screen and (max-width:480px) { #marketing.marketing .three_section .title:before { left: auto; top: 80%; right: -15px; } } /****************************************************/ /*******************[ CREATIVE CSS ]*******************/ /****************************************************/ #creative.creative { padding-top: 35px; } #creative.creative .title { text-align: left!important; } #creative.creative .text { text-align: left!important; } #creative.creative .first_section .text p:not(:last-child) { padding-bottom: 30px; } #creative.creative .first_section .text h4 { padding-bottom: 15px; } #creative.creative .first_section .bg { padding-bottom: 15px; } #creative.creative .text h4 { font-size: 25px; font-weight: normal; } #creative.creative .flex{ display: flex; align-items: center; } #creative.creative .bg .flex .tablet{ opacity: 1; max-width: 100%; } #creative.creative .flex .item.img{ width: 60%; } #creative.creative .flex .item.textsec{ width: 45%; } #creative.creative .bg { position: relative; margin-bottom: 0px; } #creative.creative .bg .bg_img{ width: 50%; position: absolute; left: 10px; top: 0; bottom: 0; background-position: top; background-repeat: no-repeat; background-size: 75%; } #creative.creative .fourth_section .bg .bg_img{ width: 50%; position: absolute; left: 10px; top: 0; bottom: 0; background-position: top; background-repeat: no-repeat; background-size: 75%; } #creative.creative .bg:nth-child(odd) .bg_img{ left: auto; right: 10px; } #creative.creative .fourth_section .bg:nth-child(odd) .bg_img { left: 10px; right: auto; } #creative.creative .fourth_section .bg:nth-child(even) .bg_img { left: auto; right: 10px; } #creative.creative .bg:nth-child(odd) .img{ order: 1; padding-left: 60px; } #creative.creative .fourth_section .bg:nth-child(odd) .img{ order: 0; padding-right: 60px; } #creative.creative .fourth_section .bg:nth-child(even) .img{ order: 1; padding-left: 60px; } #creative.creative .second_section { background-color: #fff4de; padding-top: 30px; } #creative.creative .second_section .second_bg{ background-repeat: no-repeat; background-size: 90%; background-position: top left; min-height: 300px; max-width: 1400px; padding: 0 30px; margin: auto; display: flex; align-items: center; } #creative.creative .second_section .second_bg .mobile_img{ display: none; } #creative.creative .second_section .second_bg .title{ text-align: center!important; margin: auto; } #creative.creative .second_section .cus_container { text-align: center!important; margin: auto; } #creative.creative .second_section .second_bg a.newbutton { padding: 10px 22px !important; background-color: #fff; color: #000 !important; } #creative.creative .second_section .second_bg a.newbutton:hover { background-color: #fcae17!important; color: #fff!important; } #creative.creative .tree_section { background-color: #b0e4df; padding-top: 50px; padding-bottom: 20px; } #creative.creative .tree_section .title { text-align: center!important; } #creative.creative .tree_section h3.title { display: none; } #creative.creative .tree_section .flex { justify-content: center; flex-wrap: wrap; margin: auto; } #creative.creative .tree_section .flex .item { margin: 0 15px; padding-bottom: 20px; width: 25%; } #creative.creative .tree_section .flex .item .live_bg { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; } #creative.creative .tree_section .flex .item .live_bg a { position: absolute; display: inline-block; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999999999999; } #creative.creative .tree_section .flex .item .live_bg:after{ display: block; content: ""; padding-top: 68%; } #creative.creative .fourth_section { padding-top: 80px; padding-bottom: 20px; } #creative.creative .eighth_section .flex .item.img{ width: 40%; order: 1; } #creative.creative .seventh_section { padding-top: 75px; } #creative.creative .seventh_section .cus_slider { margin-right:-12px ; margin-left: -12px; margin-bottom: 70px; } #creative.creative .seventh_section .cus_slider .next , #creative.creative .seventh_section .cus_slider .prev { width: 20px; position: absolute; z-index: 999; top: 50%; transform: translateY(-50%); } #creative.creative .seventh_section .cus_slider .next{ right: -20px; } #creative.creative .seventh_section .cus_slider .prev{ left: -20px; transform: translateY(-50%) rotate(180deg); } #creative.creative .seventh_section .cus_slider .item { height: 170px; margin-right:12px ; margin-left: 12px; background-repeat: no-repeat; background-size: cover; background-position: center; } #creative.creative .seventh_section .sub_title.title { text-align: center!important; padding-bottom: 25px; } #creative.creative .seventh_section .canoe_lions .lions{ position: relative; display: inline-block; margin-bottom: 60px; } #creative.creative .seventh_section .canoe_lions .lions:after { content: ""; display: block; background-image: url("/wp-content/themes/salient-child/images/spurtright.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; right: -80px; top: 50%; transform: translateY(-50%); width: 60px; height: 100%; } #creative.creative .seventh_section .canoe_lions .lions:before { content: ""; display: block; background-image: url("/wp-content/themes/salient-child/images/spurtleft.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; left: -80px; top: 50%; transform: translateY(-50%); width: 60px; height: 100%; } #creative.creative .seventh_section .canoe_lions { text-align: center!important; } #creative.creative .eighth_section { background-color: #b0e4df; } #creative.creative .eighth_section .flex .item.img, #creative.creative .eighth_section.flex .item.img{ width: 40%; padding-left: 40px; } #creative.creative .eighth_section .flex .item.textsec, #creative.creative .eighth_section.flex .item.textsec{ width: 60%; } #creative.creative .eighth_section.flex .item.img img, #creative.creative .eighth_section .flex .item.img img{ max-width: none; height: 100%; position: relative; bottom: -10px; z-index: 0; } #creative.creative .eighth_section.title, #creative.creative .eighth_section .title{ position: relative; display: inline-block; } #creative.creative .eighth_section .title:after { content: ""; display: block; position: absolute; right: -45px; background-image: url(/wp-content/themes/salient-child/images/orangearrowright.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 45px; height: 75px; top: 50%; transform: translateY(-45%); } #creative.creative .eighth_section .title , #creative.creative .eighth_section.title { padding-bottom: 0; } #creative.creative .eighth_section .flex .tablet{ opacity: 1; } #creative.creative .eighth_section .flex .mobile, #creative.creative .eighth_section .flex .mobile{ display: none; } #creative.creative .eighth_section { position: relative; } #creative.creative .eighth_section .bg_img{ width: 40%; position: absolute; right: 10px; top: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width:1300px) { #creative.creative .eighth_section .flex .item.img img{ max-width: 100%; height: auto; opacity: 1; } #creative.creative .eighth_section .bg_img{ display: none; } #creative.creative .eighth_section .flex .item.img{ padding-right: 0; padding-left: 60px; } #creative.creative .ninth_section .faq-content .content_title:after { right: 15px; } } #creative.creative .ninth_section .flex { align-items: normal; padding-top:70px ; justify-content: center; padding-bottom: 80px; } #creative.creative .ninth_section .faq-title { width: 15%; margin-right: 40px; } #creative.creative .ninth_section .faq-title .title { background-image: url("/wp-content/themes/salient-child/images/FAQ crayon.png"); background-position: center; background-size: contain; background-repeat: no-repeat; height: 125px; line-height: 120px!important; text-align: center!important; } #creative.creative .ninth_section .faq-content { width: 65%; } #creative.creative .ninth_section .faq-content .content_text { display: none; font-family:'Figtree'; font-weight: 300; border: 1px solid #fcae17; border-top: none; padding: 20px 30px; line-height: 25px; margin-bottom: 20px; } #creative.creative .ninth_section .faq-content .content_text p { padding-bottom: 0; } #creative.creative .ninth_section .faq-content .content_title { border: 1px solid #fcae17; font-family:'Figtree'; font-weight: 400; line-height: 25px; padding: 20px 30px; cursor: pointer; position: relative; margin-bottom: 20px; transition: all 0.2s ease; } #creative.creative .ninth_section .faq-content .content_title.active { transition: all 0.2s ease; margin-bottom: 0px; } #creative.creative .ninth_section .faq-content .content_title:first-child { border-top: 1px solid #fcae17; } #creative.creative .ninth_section .faq-content .content_title .click.active{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } #creative.creative .ninth_section .faq-content .content_title:after { content: ""; display: block; position: absolute; right: 30px; background-image: url(/wp-content/themes/salient-child/images/orangearrow-17.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 15px; height: 20px; top: 50%; transform: translateY(-50%) rotate(90deg); } #creative.creative .ninth_section .faq-content .content_title.active:after { transform: translateY(-50%) rotate(-90deg); } #creative.creative .fifth_section { background-color: #b0e4df; padding-bottom: 50px; padding-top: 50px; } #creative.creative .fifth_section .text, #creative.creative .fifth_section .title{ text-align: center!important; } #creative.creative .sixth_section { padding-top: 100px; } #creative.creative .sixth_section .title { position: relative; display: inline-block; margin-bottom: 40px; padding-bottom: 0; } #creative.creative .sixth_section .title:after { bottom: -7px; display: block; content: ""; position: absolute; height: 5px; background-color: #f9ae1a; width: 100%; } #creative.creative .sixth_section .sixth_bg { height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-top: 40px; } #creative.creative .sixth_section .text p:not(:last-child) { padding-bottom: 30px; } @media only screen and (min-width:2300px) { #creative.creative .tree_section .flex { min-height: auto; } #creative.creative .bg .bg_img{ background-image: none!important; } #creative.creative .bg:nth-child(even) .img { padding-right: 60px; } #creative.creative .bg .flex .tablet{ opacity: 1; } } @media only screen and (max-width:1300px) { #creative.creative .bg:nth-child(even) .img { padding-right: 60px; } #creative.creative .bg .bg_img{ display: none; } #creative.creative .bg .flex .tablet{ opacity: 1; } #creative.creative .ninth_section .faq-content .content_title:after { right: 15px; } #creative.creative .second_section .second_bg { background-position: bottom left; } } @media only screen and (max-width:992px) { #creative.creative .ninth_section .faq-content .content_title:after { right: 30px; } #home.home .seventh_section .flex .item { padding-bottom: 0; } #creative.creative .eighth_section .title:after { right: 0; } #creative.creative .eighth_section .flex .textsec .title{ padding-right: 15px; } #creative.creative .eighth_section .flex .textsec .title:after{ right: 20px; } #creative.creative .second_section .second_bg { min-height: 250px; } #creative.creative .second_section .cus_container { max-width: 550px; } #creative.creative .bg .flex { display: block; } #creative.creative .title { text-align: center!important; } #creative.creative .bg .flex .item.img{ width: 100%; padding-bottom: 20px; } #creative.creative .bg .flex .item.textsec{ width: 100%; } #creative.creative .bg .flex .item.textsec .text{ text-align: center!important; } #creative.creative .sixth_section .title { text-align: center!important; } #creative.creative .sixth_section .cus_container { text-align: center!important; } #creative.creative .eighth_section .flex .img.item .tablet{ display: none; } #creative.creative .eighth_section .flex .img.item .mobile{ display: block; } #creative.creative .eighth_section .flex .img.item { order: 1; } #creative.creative .eighth_section .title.sub_title { font-size: 35px; } #creative.creative .ninth_section { position: relative; background: #fff; } #creative.creative .ninth_section .flex { display: block; } #creative.creative .ninth_section .flex .faq-title{ width: 100%; padding-bottom: 40px; } #creative.creative .ninth_section .flex .faq-content { width: 100%; } } @media only screen and (max-width:767px) { #creative.creative .tree_section .flex { display: block; } #creative.creative .tree_section .flex .item { margin: 0 ; padding-bottom: 20px; width: 100%; } #creative.creative .tree_section .flex .item .live_bg { margin: auto; } #creative.creative .eighth_section .flex .item.img{ padding-right: 0; padding-left: 0px; } #creative.creative .eighth_section .flex .item { padding-bottom: 0; } #creative.creative .eighth_section .flex .tablet{ display: none; } #creative.creative .eighth_section.flex .mobile, #creative.creative .eighth_section .flex .mobile{ display: block; } #creative.creative .eighth_section .flex { overflow: hidden; } #creative.creative .eighth_section .flex .img { margin-bottom: -40px; margin-top: -35px; } #creative.creative .eighth_section .flex .textsec { padding-right: 0px; } #creative.creative .eighth_section .flex .item.img img.mobile { max-width: none; width: 160px; } #creative.creative .eighth_section .flex .textsec .title:after { right: -25px; height: 30px; width: 30px; bottom: 5px; top: auto; transform: none; } #creative.creative { padding-top: 20px; } #creative.creative .flex .item.img{ width: 100%; padding-right: 0px; padding-bottom: 20px; } #creative.creative .bg .flex .item.img{ width: 100%; padding-right: 0px; padding: 0 30px!important; padding-bottom: 20px!important; } #creative.creative .bg.item2 .flex .item.img{ padding-bottom: 0!important; margin-bottom: -40px; } #creative.creative .flex .item.textsec{ width: 100%; text-align: center; padding-bottom: 20px; } #creative.creative .bg:first-child .img{ order: 1; padding-left: 0px; text-align: center; } #creative.creative .second_section .second_bg{ background-image: none!important; min-height: auto; padding-top: 20px; padding-bottom: 30px; } #creative.creative .second_section .second_bg .mobile_img{ display: block; width: 30%; position: relative; } #creative.creative .second_section .second_bg .title { /*font-size: 30px!important;*/ /*line-height: 36px!important;*/ padding-left: 10px; padding-top: 0; } /*#creative.creative .second_section .second_bg .mobile_img:after{*/ /*display: block;*/ /*content: "";*/ /*padding-top: 110%;*/ /*}*/ #creative.creative .second_section .second_bg .mobile_img img{ position: relative; bottom: -41px; } #creative.creative .second_section .second_bg .cus_container { width: 70%; padding: 0; } #creative.creative .tree_section { padding-top: 20px; padding-bottom: 0px; position: relative; } #creative.creative .fourth_section { padding-top: 20px; padding-bottom: 0px; position: relative; background-color: #fff; z-index: 1; } #creative.creative .fifth_section { padding-bottom: 20px; padding-top: 20px; margin-left: 20px; margin-right: 20px; } #creative.creative .fifth_section .title { padding-top: 0; } #creative.creative .sixth_section .title { margin-bottom: 20px; padding-bottom: 0; } #creative.creative .sixth_section .sixth_bg { height: 100px; margin-top: 10px; } #creative.creative .sixth_section { padding-top: 20px; } #creative.creative .sixth_section .text p:not(:last-child) { padding-bottom: 20px; } #creative.creative .seventh_section .flex .item.img{ padding-right: 0; padding-left: 0px; } #creative.creative .title { /*font-size: 40px;*/ text-align: center!important; } #creative.creative .text { text-align: center!important; } #creative.creative .text p:not(:last-child) { padding-bottom: 20px; } #creative.creative .first_section .text p:not(:last-child) { padding-bottom: 20px; } #creative.creative .bg { margin-bottom: 0px; } #creative.creative .seventh_section { padding-top: 20px; } #creative.creative .seventh_section .canoe_lions .lions { padding: 20px 0; margin-bottom: 20px; } #creative.creative .seventh_section .canoe_lions .lions img{ max-width: 200px; } #creative.creative .seventh_section .cus_slider .item{ height: 130px; } #creative.creative .seventh_section .cus_slider .next{ display: none!important; } #creative.creative .seventh_section .cus_slider .prev{ display: none!important; } #creative.creative .seventh_section .cus_slider { margin-bottom: 20px; } #creative.creative .seventh_section .sub_title.title { padding-bottom: 20px; } #creative.creative .ninth_section .flex { padding-top: 20px; padding-bottom: 0px; } #creative.creative .ninth_section .faq-content .content_title { padding: 20px 20px; padding-right: 35px; } #creative.creative .ninth_section .faq-content .content_title:after { right: 15px; } #creative.creative .ninth_section .flex .faq-title { padding-bottom: 20px; } #creative.creative .ninth_section .faq-title .title{ padding-top: 23px; height: 90px; line-height: 50px!important; } #creative.creative .eighth_section .flex .img.item { order: 0; width: 30%; } #creative.creative .eighth_section .flex .img.item img { max-width: 100%; height: auto; } #creative.creative .eighth_section .title.sub_title { font-size: 18px!important; margin-top: 0; } #creative.creative .eighth_section .title.sub_title:before { right: -25px; width: 25px; height: 30px; } #creative.creative .eighth_section .flex .item { padding-bottom: 0; } #creative.creative .eighth_section .flex .item.textsec { padding-bottom: 20px; width: 70%; } #creative.creative .ninth_section .faq-content .content_text { padding: 20px; padding-right: 35px; } } @media only screen and (max-width:480px) { #creative.creative .eighth_section .flex .textsec .title:after{ right: 20px; bottom: 1px; } #creative.creative .sixth_section .title:after { bottom: 0px; } #creative.creative .second_section .second_bg { padding-top: 0px; padding-bottom: 10px; padding-left: 0; } #creative.creative .second_section .second_bg .mobile_img { width: 40%; } #creative.creative .second_section .second_bg .mobile_img img { bottom: -29px; } } @media only screen and (max-width:360px) { #creative.creative .eighth_section .flex .textsec .title:after{ right: 10px; } } /****************************************************/ /*******************[ PROJECTS CSS ]*******************/ #project.project{ padding-top: 60px; } #project.project .flex.portfolio-items{ display: flex; padding-bottom: 30px; flex-wrap: wrap; } #project.project .flex.portfolio-items .item{ width: 25%; padding: 1%; } #project.project .cus_past_project .inner-wrap .work-item{ background-position: center; background-size: cover; background-repeat: no-repeat; border: 1px solid #f9ae1a; position: relative; } #project.project .cus_past_project .inner-wrap .work-item:after{ display: block; padding-top: 68%; content: ""; } #project.project .live_project_sc { padding-top: 0px; } #project.project .live_project_sc h3{ text-align: left!important; font-family:'Figtree'!important; font-size: 24px!important; color: #000!important; font-weight: normal!important; line-height: normal!important; padding-bottom: 20px!important; } #project.project .cus_past_project .work-info{ padding: 0; } #project.project .cus_past_project .work-info a{ display: block!important; width: 100%; height: 100%; } @media only screen and (max-width:992px) { #project.project .flex.portfolio-items .item{ width: 50%; padding: 1%; } } @media only screen and (max-width:767px) { #project.project .live_project_sc h3{ text-align: center!important; } #project.project{ padding-top: 20px; } #project.project .row.portfolio-items.no-masonry { padding-bottom: 0; } #project.project .row.portfolio-items.no-masonry .cus_past_project { margin-bottom: 20px!important; } } @media only screen and (max-width:480px) { #project.project .flex.portfolio-items .item{ width: 100%; padding: 10px 0; } #project.project .live_project_sc { padding-top: 5px; } } /****************************************************/ /*******************[ GALLERY CSS ]*******************/ /****************************************************/ #gallery.gallery { padding-top: 75px; } #gallery.gallery .title{ text-align: left!important; } #gallery.gallery .flex { display: flex; } #gallery.gallery .flex .item.img{ width: 60%; } #gallery.gallery .flex .item.img .text{ text-align: left; } #gallery.gallery .flex .item.textsec{ padding-left: 40px; width: 40%; } #gallery.gallery .flex .item.textsec .text{ text-align: left; } #gallery.gallery .flex .item.textsec .text p:not(:last-child){ padding-bottom: 27px; } #gallery.gallery .bg{ padding-bottom: 75px; } #gallery.gallery .flex .slider_item .img{ background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 390px; margin-bottom: 30px; } #gallery.gallery .flex .slider_item iframe{ width: 100%; height: 390px; margin-bottom: 30px; } #gallery.gallery .flex .img .slider{ text-align: center; } #gallery.gallery .flex .slick-dots{ display: flex; position: absolute; top: 400px; left: 0; right: 0; width: 100%; text-align: center; justify-content: center; } #gallery.gallery .flex .slick-dots li{ width: 15px; height: 15px; border-radius: 50%; background: #fdd68b; margin-left: 15px; } #gallery.gallery .flex .slick-dots li.slick-active{ background: #fcae17; } #gallery.gallery .flex .slick-dots li button{ display: none; } #gallery.gallery .flex .slider .next , #gallery.gallery .flex .slider .prev { width: 20px; position: absolute; z-index: 999; top: 195px; } #gallery.gallery .flex .slider .next{ right: 0px; z-index: 9999999999999999; top: 170px; padding: 10px; width: 40px; } #gallery.gallery .flex .slider .prev{ left: 0; padding: 10px; z-index: 999999999999999999; top: 170px; transform: translateY(0) rotate(180deg); width: 40px; } @media only screen and (max-width:992px) { #gallery.gallery { padding-top: 20px; } #gallery.gallery .title{ text-align: center!important; } #gallery.gallery .flex { display: block; } #gallery.gallery .flex .item.img{ width: 100%; } #gallery.gallery .flex .item.img .text{ text-align: center; padding-bottom: 30px; } #gallery.gallery .flex .item.textsec{ padding-left: 0px; width: 100%; } #gallery.gallery .flex .item.textsec .text{ text-align: center; } #gallery.gallery .flex .item.textsec .text p:not(:last-child){ padding-bottom: 20px; } #gallery.gallery .flex .slider_item { background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 390px; } #gallery.gallery .flex .slider_item iframe{ width: 100%; height: 390px; } #gallery.gallery .flex .slick-dots li{ width: 10px; height: 10px; } #gallery.gallery .flex .slider .next{ } #gallery.gallery .flex .slider .prev{ } } @media only screen and (max-width:480px) { #gallery.gallery .flex .slider_item .img{ min-height: 190px; } #gallery.gallery .flex .slider_item iframe{ height: 190px; } #gallery.gallery .flex .slick-dots { top: 202px; } #gallery.gallery .flex .slider .next{ right: 0px; z-index: 999; top: 75px; padding: 10px; width: 40px; } #gallery.gallery .flex .slider .prev{ left: 0; padding: 10px; z-index: 999; top: 75px; transform: translateY(0) rotate(180deg); width: 40px; } } /****************************************************/ /*******************[ Noticeboard CSS ]*******************/ /****************************************************/ #noticeboard.noticeboard { padding-top: 75px; } #noticeboard.noticeboard .sub_title { padding-bottom: 55px; } #noticeboard.noticeboard .sub_title p { font-size: 20px!important; } #noticeboard.noticeboard .filter-item { margin-right: 1%; padding-bottom: 35px; text-align: right; } #noticeboard.noticeboard .filter_form { display: inline-block; } #noticeboard.noticeboard .filter_form input { margin-left: 10px; position: relative; height: 40px; border-radius: 35px!important; background: #fcae17; box-shadow: none; font-size: 24px; text-transform: uppercase; font-family:'Figtree'; font-weight: 400; padding: 0 35px!important; border: 1px solid #fcae17; color: #fff; padding-bottom: 4px!important; top: 0px; } #noticeboard.noticeboard .filter_form input:hover { color: #fcae17; background-color: #fff!important; } #noticeboard.noticeboard .filter-item select{ display: inline-block; width: 150px; margin-left: 10px; padding: 6px!important; } #noticeboard.noticeboard .flex { display: flex; flex-wrap: wrap; } #noticeboard.noticeboard .flex .item{ width: 31.3%; margin: 0 1%; padding-bottom:60px ; position: relative; } #noticeboard.noticeboard .flex .item .img{ background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom:25px ; text-align: center; } #noticeboard.noticeboard .flex .item .img img{ width: 70px; position: absolute; left: 50%; transform: translateX(-50%); top: -14px; } #noticeboard.noticeboard .flex .item .post_title{ text-align: left!important; } #noticeboard.noticeboard .flex .item .expert{ margin-top:20px ; text-align: left!important; } #noticeboard.noticeboard .flex .item .expert span{ color: #fcae17; } #noticeboard.noticeboard .flex .item .data{ font-size: 12px; line-height: normal; font-family:'Figtree'; font-weight: 400; } #noticeboard.noticeboard .flex .item .data span{ float: right; color: #fcae17; text-transform: uppercase; margin-right: 15px; display: none; } #noticeboard.noticeboard .flex .item .img:after{ display: block; content: ""; padding-top: 60%; } #noticeboard.noticeboard .customPagination{ padding-right: 60px; padding-bottom: 60px; text-align: right; } #noticeboard.noticeboard .customPagination a{ color: #000; font-family:'Figtree'; font-weight: 400; font-size: 18px; text-decoration: underline; } #noticeboard.noticeboard .customPagination a span{ color: #fcae17; } #noticeboard.noticeboard .community{ background-color: #43BEB3; padding-top: 80px ; padding-bottom: 70px; } #noticeboard.noticeboard .community.contributions_form{ background-color: #43BEB3; padding-top: 0px ; } #noticeboard.noticeboard .community.contributions_form h2.title{ padding-bottom: 60px ; } #noticeboard.noticeboard .community select { display: block; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#fff 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } #noticeboard.noticeboard .community select::-ms-expand { display: none; } #noticeboard.noticeboard .community select:focus { outline: none; } #noticeboard.noticeboard .community select option:first-child { color: #858585; } #noticeboard.noticeboard .community textarea, #noticeboard.noticeboard .community select, #noticeboard.noticeboard .community input{ background-color: #fff; } #noticeboard.noticeboard .community input[type="submit"]{ background-color: #fcae17; float: right; color: #fff; } #noticeboard.noticeboard .community input[type="submit"]:hover{ background-color: #fff; color: #fcae17; } #noticeboard.noticeboard .community .text, #noticeboard.noticeboard .community h2.title{ text-align: left!important; } #noticeboard.noticeboard .community h2.title:after{ background-color: #fcae17; content: ""; display: block; height: 1px; width: 100%; position: relative; bottom: -10px; } #noticeboard.noticeboard .community .text{ padding-bottom: 50px; } #noticeboard.noticeboard .community .form_fields { padding: 0 30px; } #noticeboard.noticeboard .community .form_fields p{ padding-bottom: 0px; } #noticeboard.noticeboard .community .form_fields form p:last-of-type{ text-align: right; } #noticeboard.noticeboard .community .form_fields span.file-539 input , #noticeboard.noticeboard .community .form_fields span[data-name='upload'] input , #noticeboard.noticeboard .community .form_fields span[data-name='upload_post'] input { /*width: 0.1px;*/ /*height: 0.1px;*/ /*opacity: 0;*/ /*overflow: hidden;*/ /*position: absolute;*/ /*z-index: -1;*/ } #noticeboard.noticeboard .community .form_fields .upload_post_inner{ margin-bottom: 15px; } #noticeboard.noticeboard .community .form_fields .upload_file_inner{ margin-bottom: 30px; } #noticeboard.noticeboard .community .form_fields .upload_file_inner p, #noticeboard.noticeboard .community .form_fields .upload_post_inner p{ display: flex; justify-content: end; } #noticeboard.noticeboard .community .form_fields .upload_post_inner input , #noticeboard.noticeboard .community .form_fields .upload_file_inner input{ margin-bottom: 0; } #noticeboard.noticeboard .community .form_fields .upload_post_inner label , #noticeboard.noticeboard .community .form_fields .upload_file_inner label , #noticeboard.noticeboard .community .form_fields span.file-539 + label { text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block!important; overflow: hidden; padding: 8px 26px; /*background: #2ebeb3;*/ border-radius: 50px; color: #000!important; font-size: 24px; /*margin-bottom: 15px;*/ font-family:'Figtree'; font-weight: 300; position: relative; padding-right: 60px; margin-right: 20px; } #noticeboard.noticeboard .community .form_fields .upload_post_inner label span, #noticeboard.noticeboard .community .form_fields .upload_file_inner label span, #noticeboard.noticeboard .community .form_fields span.file-539 + label span{ color: #000!important; } #noticeboard.noticeboard .community .form_fields .upload_post_inner label span img, #noticeboard.noticeboard .community .form_fields .upload_file_inner label span img, #noticeboard.noticeboard .community .form_fields span.file-539 + label span img{ max-width: 35px; position: absolute; right: 13px; top: 7px; } #noticeboard.noticeboard .community .form_fields span[data-name='upload']{ display: inline-block!important; } #noticeboard.noticeboard .community .form_fields .upload_file_inner label{ margin-right: 20px; } #noticeboard.noticeboard .community .form_fields .wpcf7-spinner{ display: none!important; } @media only screen and (max-width:992px) { #noticeboard.noticeboard { padding-top: 75px; } #noticeboard.noticeboard .sub_title { padding-bottom: 35px; } #noticeboard.noticeboard .flex { display: flex; flex-wrap: wrap; margin: 0 -2%; } #noticeboard.noticeboard .flex .item{ width: 46%; margin: 0 2%; } #noticeboard.noticeboard .flex .item .post_title{ text-align: left!important; } #noticeboard.noticeboard .flex .item .expert{ margin-top:20px ; text-align: left!important; } #noticeboard.noticeboard .community .form_fields .upload_file_inner p, #noticeboard.noticeboard .community .form_fields .upload_post_inner p{ display: flex; flex-direction: column; align-items: center; } #noticeboard.noticeboard .community .form_fields .upload_post_inner label { margin-right: 0px; /*margin-top: 10px;*/ } #noticeboard.noticeboard .community .form_fields .upload_file_inner p input, #noticeboard.noticeboard .community .form_fields .upload_post_inner p input{ width: 100%; } #noticeboard.noticeboard .community input[type="submit"] { float: none; } #noticeboard.noticeboard .community .form_fields form p:last-of-type { text-align: center; } } @media only screen and (max-width:767px) { #noticeboard.noticeboard .community.contributions_form h2.title{ padding-bottom: 30px ; } #noticeboard.noticeboard { padding-top: 20px; } #noticeboard.noticeboard .sub_title { padding-bottom: 20px; } #noticeboard.noticeboard .sub_title p { font-size: 18px!important; } #noticeboard.noticeboard .flex { display: flex; margin: 0 -2%; } #noticeboard.noticeboard .flex .item{ padding-bottom: 20px; } #noticeboard.noticeboard .flex .item .data { text-align: center; margin-top: 5px; } #noticeboard.noticeboard .flex .item .post_title{ text-align: center!important; } #noticeboard.noticeboard .flex .item .expert{ margin-top:20px ; text-align: center!important; } #noticeboard.noticeboard .customPagination{ padding-right: 0px; padding-bottom: 20px; text-align: center; } #noticeboard.noticeboard .community .text{ text-align: center!important; } #noticeboard.noticeboard .community .text{ padding-bottom: 20px; } #noticeboard.noticeboard .community .form_fields { padding: 0 ; } #noticeboard.noticeboard .community .text, #noticeboard.noticeboard .community h2.title { text-align: center!important; } #noticeboard.noticeboard .community{ padding-top: 20px ; padding-bottom: 0px; } #noticeboard.noticeboard .community .form_fields span.file-539 + label { padding: 8px 26px; padding-right: 60px; margin-bottom: 12px; } #noticeboard.noticeboard .community .form_fields span.file-539 + label span img { max-width: 35px; top: 7px; } #noticeboard.noticeboard .flex .item .img { margin-bottom: 20px; } } @media only screen and (max-width:480px) { #noticeboard.noticeboard .flex { display: block; margin: 0 ; } #noticeboard.noticeboard .filter_form input { margin-top: 15px; } #noticeboard.noticeboard .filter-item span { display: block; } #noticeboard.noticeboard .flex .item { margin: 0; width: 100%; } #noticeboard.noticeboard .community input[type="submit"] { float: none; margin-bottom: 20px; } #noticeboard.noticeboard .community .form_fields form p { text-align: center; } #noticeboard.noticeboard .community .form_fields .upload_post_inner label { margin-right: 0px; /*margin-top: 10px;*/ } #noticeboard.noticeboard .filter-item { margin-left: 0; text-align: center; padding-bottom: 25px; } #noticeboard.noticeboard .filter-item select{ display: block; width: 200px; margin: auto; margin-top: 10px; } } /****************************************************/ /*******************[ Noticeboard Single CSS ]*******************/ /****************************************************/ .ascend .noticeboard-single.container-wrap { margin-top: 0; padding-top: 75px; background-color: #fff; } //.ascend .noticeboard-single.container-wrap .single_img { height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 40px; } .ascend .noticeboard-single.container-wrap .content-inner{ font-family:'Figtree'; font-weight: 300; } .ascend .noticeboard-single.container-wrap .full-width-section { visibility: visible; } .ascend .noticeboard-single.container-wrap #single-below-header span { font-size: 14px; font-family:'Figtree'; font-weight: 300; } .ascend .noticeboard-single.container-wrap #single-below-header { display: inline-block; } .ascend .noticeboard-single.container-wrap .social_share li { float: none; } .ascend .noticeboard-single.container-wrap .social_share li.facebook a:after { background-image: url(/wp-content/themes/salient-child/images/fb.svg); display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; width: 100%; background-repeat: no-repeat; background-size: cover; } .ascend .noticeboard-single.container-wrap .social_share li.linkedin a:after { background-image: url(/wp-content/themes/salient-child/images/linkedin-brands.svg); display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; width: 100%; background-repeat: no-repeat; background-size: cover; } .ascend .noticeboard-single.container-wrap .social_share li.twitter a:after { background-image:url(/wp-content/themes/salient-child/images/twitter.svg); display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; width: 100%; background-repeat: no-repeat; background-size: cover; } .ascend .noticeboard-single.container-wrap .social_share li.email a:after { background-image:url(/wp-content/themes/salient-child/images/email.png); display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; width: 100%; background-repeat: no-repeat; background-size: cover; } .ascend .noticeboard-single.container-wrap #single-meta ul.social_share li a { position: relative; height: 35px!important; width: 35px; border: none!important; padding: 0!important; } .ascend .noticeboard-single.container-wrap #single-meta ul.social_share li a:hover { background: #fff!important; } .ascend .noticeboard-single.container-wrap .share_icon_custom { border-color: #fcae17!important; border-radius: 35px!important; text-transform: uppercase; border: 1px solid; font-size: 25px; line-height: 40px; height: 40px; color: #000!important; background-color: #fff!important; width: 55px; } .ascend .noticeboard-single.container-wrap input[type="submit"]{ height: 60px; border-radius: 35px!important; background: #fcae17; box-shadow: none; font-size: 24px; text-transform: uppercase; font-family:'Figtree'; font-weight: 400; padding: 0 35px!important; border: 1px solid #fcae17; color: #fff; padding-bottom: 4px!important; } .ascend .noticeboard-single.container-wrap .navigation a{ color: #000; font-family:'Figtree'; font-weight: 400; font-size: 18px; } .ascend .noticeboard-single.container-wrap .navigation a span{ color: #fcae17; } .ascend .noticeboard-single.container-wrap .navigation a.next{ float: right; } .ascend .noticeboard-single.container-wrap input[type="submit"]:hover{ background: #fff!important; color: #fcae17!important; } .ascend .noticeboard-single.container-wrap .logged-in-as a{ color: #fcae17!important; } .single .noticeboard-single .blog-title #single-meta ul li a span, .single .noticeboard-single .blog-title #single-meta ul li a { border-color: #fcae17!important; border-radius: 35px!important; text-transform: uppercase; font-family:'Figtree'; font-weight: 400; color: #000!important; } .single .noticeboard-single #single-meta.mobile ul li { margin: 5px!important; display: none; } .single .noticeboard-single .blog-title #single-meta ul li a i, .single .noticeboard-single .blog-title #single-meta ul li > a i{ color: #000!important; } .single .noticeboard-single .blog-title #single-meta ul li a:hover span, .single .noticeboard-single .blog-title #single-meta ul li a:hover , .single .noticeboard-single .blog-title #single-meta ul li a:hover i { background: #fcae17!important; color: #fff!important; border-color: #fcae17!important; } .single .noticeboard-single .comments-section ul.comment-list { margin-left: 0; padding-left: 0; padding-right: 0; } @media (max-width: 1000px) { .main-content { margin-top: 0; } .single .noticeboard-single { max-width: none!important; padding-top: 20px!important; padding-bottom: 20px!important; } .single .noticeboard-single .container.main-content{ max-width: none!important; padding: 0 20px; margin-top: 0!important; } } @media (max-width: 767px) { .ascend .noticeboard-single.container-wrap .single_img { height: 260px; margin-bottom: 20px; } .single .noticeboard-single .comments-section ul.comment-list { padding-bottom: 20px; margin-bottom: 20px!important; } .ascend .noticeboard-single.container-wrap .navigation { padding-top: 20px; } .single .noticeboard-single .container.main-content{ max-width: none; padding: 0 20px; } .ascend .noticeboard-single #respond { margin-top: 0; } .ascend .noticeboard-single #commentform .form-submit { text-align: center; padding-bottom: 0; margin-top: 0; } .ascend .noticeboard-single.container-wrap #commentform div.row{ padding-bottom: 0; } .ascend .noticeboard-single.container-wrap #respond { margin-top: 0!important; } .ascend .noticeboard-single.container-wrap #reply-title { margin-bottom: 20px; } .ascend .noticeboard-single.container-wrap article.post .content-inner { padding-bottom: 0; } .ascend .noticeboard-single.container-wrap .heading-title { padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; margin-bottom: 20px; } } #login_popup.login_popup{ display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100vm; } #login_popup.login_popup .close{ position: absolute; right: 10px; color: #000; top: 8px; width: 30px; text-align: center; height: 33px; cursor: pointer; } #login_popup.login_popup #sign_up { position: fixed; left: 50%; bottom: 50%; width: 500px; transform: translate(-50% , 50%); background-color: #fff; padding: 0 50px; padding-top: 50px; z-index: 999999999999; } #login_popup.login_popup #sign_up.sign_up.login .cus_container #wpmem_login input[type="checkbox"] { margin: 0; margin-left: 140px; height: auto; } #login_popup.login_popup #sign_up .flex{ display: block; padding: 0; } #login_popup.login_popup #sign_up .flex .login-form{ width: 100%; padding: 0; } #login_popup.login_popup #sign_up .flex .login-form #wpmem_login fieldset{ margin-bottom: 0; margin-top: 25px; } #login_popup.login_popup #sign_up.sign_up.login .flex .login-form .or-email-title { padding-top: 25px; } #login_popup.login_popup #sign_up .flex .login-form .fildes{ width: 100%; padding: 0; } #login_popup.login_popup #sign_up .flex .login-form .fildes .sign-up-button { display: inline-block; float: right; position: relative; top: -120px; color: #000!important; right: 75px; font-family:'Figtree'; font-weight: 300; } #login_popup.login_popup.open{ display: block; } @media (max-width: 767px) { #login_popup.login_popup #sign_up { overflow-y: scroll; height: 100%; } #login_popup.login_popup #sign_up .flex .login-form .fildes .sign-up-button { top: -105px; } #login_popup.login_popup #sign_up.sign_up.login .flex .email-login input#rememberme { margin-left: 135px; } .single .noticeboard-single #single-meta.mobile ul li { display: block; } .single .noticeboard-single #single-meta.desktop ul li { display: none; } } @media (max-width: 480px) { #login_popup.login_popup #sign_up { overflow-y: hidden; height: auto; width: 100%; padding: 0 20px; padding-top: 20px; } #login_popup.login_popup #sign_up.sign_up.login .cus_container #wpmem_login input[type="submit"] { margin-left: 26px; } #login_popup.login_popup #sign_up .flex .login-form .fildes .sign-up-button { top: -105px; right: 40px; } #login_popup.login_popup #sign_up.sign_up.login .flex .email-login input#rememberme { margin-left: 110px; } } /****************************************************/ /*******************[ FORUM CSS ]*******************/ /****************************************************/ #cus_forum{ margin: 0; margin-top: 75px; background-color: transparent; padding-top: 40px; } #cus_forum .main-content, #cus_forum p, #cus_forum .bbp-breadcrumb-current { color: #000!important; } #cus_forum .main-content #subscription-toggle a{ color: #fcae17!important; } #cus_forum .main-content a, #cus_forum .main-content .bbp-author-name, #cus_forum .main-content .bbp-topic-started-by b{ color: #fcae17!important; font-weight: normal; font-size: 16px; } #cus_forum .main-content #subscription-toggle a{ position: relative; top: -3px; } #cus_forum .main-content .bbp-pagination { background: transparent !important; padding: 10px !important; } #cus_forum .main-content .bbp-pagination-links span.current { background: transparent !important; } body[data-new-tempalte="true"] #cus_forum .cus_container #qt_bbp_topic_content_toolbar, body[data-new-tempalte="true"] #cus_forum .cus_container #qt_bbp_reply_content_toolbar{ border: 1px solid #feda95!important; border-radius: 35px; border-bottom: 0!important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-left: 30px } body[data-new-tempalte="true"] #cus_forum .cus_container #wp-bbp_topic_content-editor-container, body[data-new-tempalte="true"] #cus_forum .cus_container #wp-bbp_reply_content-editor-container{ border: none!important; } body[data-new-tempalte="true"] #cus_forum select{ padding-right: 20px!important; } body[data-new-tempalte="true"] #cus_forum select{ -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ padding: 5px; background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right ; -webkit-appearance: none; background-position-x: 98%; } #cus_forum #bbpress-forums fieldset.bbp-form p { padding-bottom: 0; margin: 0; } @media (max-width: 480px) { body[data-new-tempalte="true"] #cus_forum select{ background-position-x: 95%; } } #cus_forum #bbpress-forums #bbp-user-wrapper .row .col object, #cus_forum #bbpress-forums #bbp-user-wrapper .row .col img { border-radius: 50%; border: 1px solid #feda95; margin: 0; max-width: 150px; } @media only screen and (max-width: 767px) { #cus_forum #bbpress-forums #bbp-user-wrapper .row .col object, #cus_forum #bbpress-forums #bbp-user-wrapper .row .col img { border-radius: 50%; border: 1px solid #feda95; margin: 0; width: 70%; max-width: 100%; } #cus_forum{ margin-top: 35px; padding-bottom: 0; } } @media (max-width: 767px) { #cus_forum #bbpress-forums #bbp-user-wrapper .sblists .custom-portfolio-box{ width: 100%; margin: 5px auto!important; } .sblists { margin: 0!important; } .sblists h3{ margin-left: 0!important; } } /****************************************************/ /*******************[ Verify Email CSS ]*******************/ /****************************************************/ #verify_email.verify_email{ margin: 0; padding-top: 75px; } /****************************************************/ /*******************[ New Home CSS ]*******************/ /****************************************************/ .viewport { overflow: hidden; position: fixed; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; } .scroll-container { position: absolute; overflow: hidden; z-index: 10; /*display: flex;*/ /*justify-content: center;*/ backface-visibility: hidden; width: 100%; transform-style: preserve-3d; } #new_home .first_section{ /*height: 100vh;*/ position: relative; /*background: linear-gradient(180deg, #00C2B3 14.77%, rgba(77, 212, 202, 0.70) 34.26%, rgba(155, 231, 225, 0.39) 48.65%, rgba(255, 255, 255, 0.00) 100%);*/ } .overlay{ position: absolute; height: 100vh; display: block; width: 100%; top: 0; left: 0; z-index: 0; content: ""; pointer-events: none; background: linear-gradient(180deg, #00C2B3 18.77%, rgba(77, 212, 202, 0.70) 34.26%, rgba(155, 231, 225, 0.39) 48.65%, rgba(255, 255, 255, 0.00) 100%); } .bg_inner{ position: absolute; top: 0; height: 100vh; width: 100%; left: 0; z-index: 11; pointer-events: none; } .overlay.hide, .bg_inner.hide{ opacity: 0; } .arrow_down{ position: absolute; left: calc(50% + 0.2vw); bottom: 30px; z-index: 99; transform: translateX(-50%); transition: all 0.2s; transition-delay: 0.8s; } .arrow_down.hide{ opacity: 0; pointer-events: none; transition-delay: 0s; } #new_home .first_section .bg_inner{ top: auto; bottom: 0; opacity: 0; /*display: none;*/ } #new_home .first_section .bg_inner.active{ top: auto; bottom: 0; opacity: 1; /*display: none;*/ } #new_home .first_section .bg_inner:after{ position: absolute; height: 100vh; display: block; width: 100%; bottom: 0; left: 0; z-index: 0; content: ""; background: linear-gradient(180deg, #00C2B3 14.77%, rgba(77, 212, 202, 0.70) 34.26%, rgba(155, 231, 225, 0.39) 48.65%, rgba(255, 255, 255, 0.00) 100%); } .bg_image{ position: absolute; height: 100vh; width: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; /*background-size: 100%;*/ transition: all 0.8s; transform: scale(1.8); transform-origin: 100% 85%; filter: blur(2px); z-index: 2; } .bg_image.no_filter { filter: blur(0px); } .bg_image.no_filter.zoom_out { transform: scale(1); } .bg_image img{ position: absolute; bottom: 0; width: auto; right: -60px; height: 600px; max-width: none; opacity: 0; } .bg_image.no_filter.zoom_out img{ opacity: 1; } .signboard{ position: absolute; z-index: 12; width: 100%; /*transform: scale(1);*/ transition: all 0.8s; height: 100vh; } .signboard.zoom_out{ /*opacity: 0;*/ /*transition: all 0.1s;*/ /*transform: scale(0)*/ } .signboard img{ position: absolute; bottom: -30vw; width: auto!important; right: -11vw; height: 78vw!important;; max-width: none!important; transition: all 0.8s; } .signboard img.for_mobile{ display: none; } .signboard.zoom_out img{ /*max-height: 100vh;*/ bottom: 0; right: 9vw; height: 22vw!important;; } #new_home .first_section .first_section_content{ position: relative; z-index: 12; max-width: 680px; margin: auto; padding-top: 63vh; padding-bottom: 45vh; opacity: 0; } #new_home .first_section .first_section_content.active{ opacity: 1; } #new_home .first_section .first_section_content .items{ padding: 0 20px; } #new_home .first_section .first_section_content .item{ color: #000; font-size: 42px; font-weight: 600; line-height: normal; /*padding-top: 25px;*/ /*padding-bottom: 25px;*/ opacity: 0; margin-bottom: 50px; font-family: 'Figtree', sans-serif; /*transition: opacity 0.2s;*/ } #new_home .first_section .first_section_content .item .someClass{ /*opacity: 0;*/ } #new_home .first_section .first_section_content .item.arrow_item{ text-align: center; margin-bottom: 0; } #new_home .first_section .first_section_content .item.arrow_item svg{ cursor: pointer; } #new_home .video_section { max-width: 1430px; margin: auto; padding: 0 20px; } #new_home .video_section h2{ margin-top: 70px; color: #1E1E1E; text-align: center; font-family: 'Figtree'; font-size: 42px; font-weight: 700; line-height: normal; } #new_home .video_section h4{ margin-top: 20px; margin-bottom: 0; color: #1E1E1E; text-align: center; font-family: 'Figtree'; font-size: 24px; font-weight: 600; line-height: normal; } #new_home .video_section .video_inner { display: flex; flex-wrap: wrap; margin: 0 -12.5px; margin-top: 20px; } #new_home .video_section .video_inner .item{ position: relative; width: 50%; padding: 0 12.5px; padding-top: 25px; } #new_home .video_section .video_inner .item .inner:after { position: relative; content: ""; display: block; padding-top: 50%; transition: all 0.3s; z-index: 0; cursor: pointer; } #new_home .video_section .video_inner .item .inner:hover:after { background-color: rgba(0,0,0,0.3); } #new_home .video_section .video_inner .item .inner { position: relative; overflow: hidden; height: 100%; width: 100%; border-radius: 20px; /*pointer-events: none;*/ } #new_home .video_section .video_inner .item .video_bg_image { position: absolute; max-width: 100%; height: 100%; width: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50% , -50%); background-repeat: no-repeat; background-position: center; background-size: cover; } #new_home .video_section .video_inner .item video { position: absolute; max-width: 100%; height: 100%; width: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50% , -50%); /*pointer-events: none;*/ } #new_home .video_section .video_inner .item .inner .info{ position: absolute; bottom: -10px; left: 40px; margin: 0; transition: all .4s ; z-index: 1; width: calc(100% - 60px); } #new_home .video_section .video_inner .item .inner:hover .info{ bottom: 20px; } #new_home .video_section .video_inner .item .inner h3 { color: #FFF!important; font-family: 'Figtree'!important; font-size: 32px!important; font-weight: 500!important; line-height: normal; } #new_home .video_section .video_inner .item .inner:hover h3 { bottom: 45px; } #new_home .video_section .video_inner .item .inner .text { color: #FFF!important; font-family: 'Figtree'!important; font-size: 18px!important; font-weight: 500!important; line-height: normal; text-align: left; /*position: absolute;*/ /*bottom: 5px;*/ /*left: 40px;*/ /*margin: 0;*/ /*transition: all .4s ;*/ opacity: 0; z-index: 1; } #new_home .video_section .video_inner .item .inner:hover .text { opacity:1; /*bottom: 20px;*/ } #new_home .video_section .see_more_inner{ text-align: center; } #new_home .video_section .see_more{ display: inline-block; padding: 8px 20px; color: #FFF!important; font-family: 'Figtree'!important; font-size: 28px!important; font-weight: 500!important; line-height: normal; border-radius: 40px; background-color: #444; /*border: 1px solid #444;*/ margin: 40px auto 90px; } #new_home .video_section .see_more:hover{ background-color: #FFB400; /*color: #444!important;*/ } .video_popup{ position: fixed; width: 100%; height: 100vh; overflow-y:scroll ; background-color: rgba(68, 68, 68, 0.9); opacity: 0; z-index: -9; pointer-events: none; transition: all 0.3s; display: flex; } .video_popup.active{ opacity: 1; z-index: 99999999; pointer-events: auto; } html.active{ overflow: hidden; } .video_popup .video_overlay{ position: absolute; z-index: 1; top: 0; height: 100%; width: 100%; cursor: auto; } .video_popup .video_container{ max-width: 1000px; width: calc(95% - 0px); margin: auto; /*height: 100%;*/ /*display: flex;*/ justify-content: center; align-items: center; flex-direction: column; max-height: calc(100vh - 0px); position: relative; } .video_popup .video_container_inner { position: relative; width: 100%; padding-top: 67px; padding-bottom: 40px; } .video_popup .video_container .close{ line-height: 0; position: absolute; right: 10px; top: 20px; cursor: pointer; z-index: 2; } .video_popup .video_container .close svg{ width: 24px; pointer-events: none; } .video_popup .video_container .video_slider{ padding: 0 50px; width: 100%; z-index: 2; } .video_popup .video_container .video_slider video{ width: 100%; /*max-height: 450px;*/ margin: auto; object-fit: cover; } .video_popup .video_container .video_slider h3{ color: #FFF!important; font-family: 'Figtree'!important; font-size: 34px!important; margin: 50px 0 20px; font-weight: 700!important; line-height: normal!important; } .video_popup .video_container .video_slider .description{ color: #FFF; font-family: 'Figtree'; font-size: 22px; font-weight: 400; line-height: normal; } .video_popup .video_container .video_slider .description p:last-child{ padding-bottom: 0; } .video_popup .video_container .video_slider .slick-arrow{ position: absolute; top: 50%; /*transform: translateY(-50%);*/ cursor: pointer; line-height: 0; } .video_popup .video_container .video_slider .slick-arrow svg{ width: 17px; } .video_popup .video_container .video_slider .slick-prev.slick-arrow{ left: 10px; } .video_popup .video_container .video_slider .slick-next.slick-arrow{ right: 10px; } .video_popup .video_container .video_slider .slick-dots{ position: absolute; display: flex; margin: 0 -7.5px; width: 100%; left: 0; justify-content: center; } .video_popup .video_container .video_slider .slick-dots li{ padding: 0 7.5px; line-height: 0; } .video_popup .video_container .video_slider .slick-dots li button{ font-size: 0; line-height: 0; width: 15px; height: 15px; border-radius: 50%; background: #fdd68b; border: none; cursor: pointer; display: block; padding: 0; } .video_popup .video_container .video_slider .slick-dots li.slick-active button{ background: #fcae17; } #new_home .testimonial { background-color: #00C2B3; padding: 64px 0px 30px; } #new_home .testimonial h2{ margin: 0px 0 80px; color: #1E1E1E; text-align: center; font-family: 'Figtree'; font-size: 42px; font-weight: 700; line-height: normal; } #new_home .testimonial .swiper-initialized .swiper-wrapper { /*padding: 0 25%;*/ } #new_home .testimonial .testimonial_inner .swiper-slide{ height: auto; width: calc(25% - 50px); } #new_home .testimonial .testimonial_inner .swiper-slide .inner{ height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } #new_home .testimonial .testimonial_inner .swiper-slide .inner:active{ cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } #new_home .testimonial .testimonial_inner .inner{ padding: 50px 50px 50px; background-color: #fff; border-radius: 48px; opacity: 0.5; transition: all 0.3s; } #new_home .testimonial .testimonial_inner .swiper-slide-active { width: 50%; } #new_home .testimonial .testimonial_inner .swiper-slide-active .inner{ opacity:1; } #new_home .testimonial .testimonial_inner .inner .description{ color: #1c1f28; font-family: 'Figtree'; font-size: 32px; font-weight: 400; line-height: normal; text-align: left; } #new_home .testimonial .testimonial_inner .inner .info .company, #new_home .testimonial .testimonial_inner .inner .info .position{ color: #1c1f28!important; margin: 0!important; font-family: 'Figtree'!important; font-size: 32px!important; font-weight: 700!important; line-height: normal!important; text-align: left!important; } #new_home .testimonial .testimonial_nav{ display: flex; align-items: center; justify-content: center; margin-top: 32px; } #new_home .testimonial .testimonial_nav>div{ position: unset!important; margin: 0!important; width: 60px!important; height: 60px!important; } #new_home .testimonial .testimonial_nav>div:after{ display: none!important; } #new_home .testimonial .testimonial_nav>div.swiper-button-next{ margin-left: 10px!important; } #new_home .testimonial .testimonial_nav>div.swiper-button-next img{ transform: rotate(180deg); } #new_home .marketers{ background-color: #444; padding: 70px 20px 100px; } #new_home .marketers .marketers_container{ max-width: 1115px; margin: auto; } #new_home .marketers .marketers_container h2{ text-align: center; font-family:'Figtree'; font-size: 36px; font-weight: 700; line-height: normal; margin: 0; color: #fff; } #new_home .marketers .marketers_container .logos{ margin: 0 -18px; display: flex; flex-wrap: wrap; align-items: center; } #new_home .marketers .marketers_container .logos .item{ padding: 0 18px; padding-top: 58px; width: 20%; display: flex; align-items: center; justify-content: center; } #new_home .marketers .marketers_container .logos .item img{ max-height: 67px; width: auto; object-fit: cover; } .two_column { max-width: 1306px; margin: auto; padding-right: 35px; margin-top: 135px; } .two_column .flex{ display: flex; flex-wrap: wrap; align-items: center; margin: 0 -24px; } .two_column .flex .col{ width: 50%; padding: 0 24px; margin: 0; } .two_column .flex .col .inner{ cursor: pointer; } .two_column .flex .col1 .inner{ padding: 56px 56px 56px 0; display: flex; align-items: center; background: #F4F0F0; justify-content: space-between; border-radius: 56px; transform: rotate(-7.46deg); flex-shrink: 0; box-shadow: 0px 6px 30px 20px rgba(0, 0, 0, 0.1); transition: all 0.3s; } .two_column .flex .col1 .inner:hover { background-color: #FFB400; } .two_column .flex .col1 .inner img{ width: 250px; margin-top: -219px; margin-left: -35px; margin-bottom: -40px; } .two_column .flex .col .inner .text{ max-width: 254px; } .two_column .flex .col .inner .text p{ color: #444; font-family: 'Figtree'; font-size: 26px!important; font-style: normal; font-weight: 500; line-height: normal; text-align: left; } .two_column .flex .col .inner .text a{ color: #FFB400!important; transition: all 0.3s; } .two_column .flex .col .inner:hover .text a{ color: #fff!important; } .two_column .flex .col2 .inner{ padding: 56px 0 56px 56px; display: flex; align-items: center; background: #F4F0F0; justify-content: space-between; border-radius: 56px; transform: rotate(4.33deg); flex-shrink: 0; box-shadow: 0px 6px 30px 20px rgba(0, 0, 0, 0.1); transition: all 0.3s; } .two_column .flex .col2 .inner:hover { background-color: #00C2B3; } .two_column .flex .col2 .inner img{ width: 375px; margin-top: -175px; margin-right: -70px; margin-bottom: -65px; } .two_column .flex .col2 .inner .text{ max-width: 264px; } .two_column .flex .col2 .inner .text p{ text-align: right; } .two_column .flex .col2 .inner .text a{ color: #00C2B3!important; transition: all 0.3s; } .two_column .flex .col2 .inner:hover .text a{ color: #fff!important; } @media (max-width: 1450px) { #new_home .testimonial .testimonial_inner .inner .description { font-size: 35px; } #new_home .testimonial .testimonial_inner .inner .info .company, #new_home .testimonial .testimonial_inner .inner .info .position { font-size: 33px !important; } } @media (max-width: 1200px) { .signboard:not(.zoom_out) img{ bottom: -20vw; } .signboard.zoom_out img{ bottom: 0; right: -8vw; height: 38vw!important; } #new_home .testimonial .testimonial_inner .inner .description { font-size: 25px; } #new_home .testimonial .testimonial_inner .inner .info .company, #new_home .testimonial .testimonial_inner .inner .info .position { font-size: 23px !important; } #new_home .marketers .marketers_container .logos .item { width: 25%; } .two_column .flex .col1 .inner { padding: 56px 25px 56px 0; } .two_column .flex .col1 .inner img { width: 228px; } .two_column .flex .col2 .inner { padding: 55px 0 56px 25px; } .two_column .flex .col2 .inner img { width: 294px; margin-left: -16px; } } @media (max-width: 992px) { .signboard img.for_mobile{ display: block; bottom: 0; right: 0; width: 100%!important; height: 100vh!important; object-fit: contain; } .signboard{ transform-origin: 200% 120%; } .signboard.zoom_out{ /*opacity: 0;*/ transform: scale(0.5); } .signboard img.for_desktop{ display: none; } .arrow_down{ left: calc(50% - 5px); bottom: 30px; } .arrow_down svg{ width: 24px; } #new_home .video_section .video_inner .item { width: 100%; } #new_home .video_section .video_inner .item .inner{ max-width: 600px; margin: auto; } #new_home .marketers .marketers_container .logos .item { width: 33.3%; } .two_column { padding-right: 0; } .two_column .flex { margin: 0; } .two_column .flex .col{ width: 100%; } .two_column .flex .col1 { margin-bottom: 90px; } .two_column .flex .col .inner{ max-width: 500px; margin: auto; } .two_column .flex .col2 .inner { min-height: 265px; } #new_home .first_section .first_section_content .item.arrow_item{ margin-top: -25px; } } @media (max-width: 767px) { #new_home .testimonial { padding: 35px 30px 35px; } } @media (max-width: 690px) { #new_home .first_section .first_section_content .item p, #new_home .first_section .first_section_content .item { font-size: 32px!important; } .video_popup .video_container .video_slider video { width: 100%; height: 175px; margin: auto; object-fit: cover; } .video_popup .video_container .video_slider .slick-arrow{ top: 67.5px; } .video_popup .video_container .video_slider .slick-dots{ top: 203px; } #new_home .testimonial .testimonial_inner .inner { padding: 30px 30px 30px; } #new_home .testimonial .testimonial_inner .inner .description { font-size: 20px; } #new_home .testimonial .testimonial_inner .inner .info .company, #new_home .testimonial .testimonial_inner .inner .info .position { font-size: 20px !important; } } @media (max-width: 600px) { #new_home .video_section h2 { margin-top: 55px; font-size: 32px; } #new_home .video_section .video_inner { margin-top: 10px; } #new_home .video_section .video_inner .item .inner:after { padding-top: 90%; } #new_home .video_section .video_inner .item .inner h3 { font-size: 26px!important; font-weight: 400!important; /*bottom: 24px;*/ /*left: 30px;*/ } #new_home .video_section .video_inner .item .inner .info{ bottom: -10px; left: 30px; } #new_home .video_section .video_inner .item .inner:hover .info{ bottom: 20px; } #new_home .video_section .see_more { padding: 7px 15px; font-size: 18px!important; margin: 40px auto 50px; } .video_popup .video_container .close{ right: 10px; top: -20px; } .video_popup .video_container .close svg{ width: 8px; } .video_popup .video_container .video_slider{ padding: 0 30px; } .video_popup .video_container .video_slider h3{ font-size: 20px!important; margin: 45px 0 20px; } .video_popup .video_container .video_slider .description{ font-size: 16px; } .video_popup .video_container .video_slider .slick-arrow svg{ width: 7px; } .video_popup .video_container .video_slider .slick-prev.slick-arrow{ left: 8px; } .video_popup .video_container .video_slider .slick-next.slick-arrow{ right: 8px; } .video_popup .video_container .video_slider .slick-dots{ margin: 0 -4px; } .video_popup .video_container .video_slider .slick-dots li{ padding: 0 4px; } .video_popup .video_container .video_slider .slick-dots li button{ width: 10px; height: 10px; } #new_home .testimonial h2 { margin: 0px 0 50px; font-size: 32px; } #new_home .testimonial .testimonial_nav>div { width: 50px !important; height: 50px !important; } #new_home .marketers { padding: 40px 20px 40px; } #new_home .marketers .marketers_container h2 { font-size: 24px; margin-bottom: 7px; } #new_home .marketers .marketers_container .logos { margin: 0 -10px; } #new_home .marketers .marketers_container .logos .item { padding: 0 10px; padding-top: 20px; } #new_home .marketers .marketers_container .logos .item img { max-height: 45px; } .two_column { margin-top: 100px; } .two_column .flex .col .inner { max-width: 377px; } .two_column .flex .col2 .inner { min-height: 220px; } .two_column .flex .col .inner .text p { font-size: 15px!important; } .two_column .flex .col2 .inner img { width: 294px; margin-bottom: -100px; } } @media (max-width: 480px) { .two_column .flex .col .inner { max-width: 335px; } .two_column .flex .col1 .inner img { width: 196px; margin-top: -198px; margin-bottom: -58px; } .two_column .flex .col2 .inner { min-height: 200px; } .two_column .flex .col2 .inner img { width: 260px; margin-right: -43px; margin-left: -21px; } }