芝麻web文件管理V1.00
编辑当前文件:/home/sditechnicalteam/socialdigiinnovator.com/wp-content/uploads/depicter/css/23.css
.depicter-23:not(.depicter-ready){ height:700px; } .depicter-revert.depicter-23 .depicter-layers-wrapper{ padding-left:15px; padding-right:15px; } .depicter-revert .depicter-23-element-9:not(.depicter-hover-off){ transition:all ease 0.3s; } .depicter-23-element-9 .depicter-arrow-icon{ fill:#ffffff; transition:all ease 0.3s; } .depicter-23-element-9:not(.depicter-hover-off):hover .depicter-arrow-icon{ fill:#131313; } .depicter-revert .depicter-23-element-10:not(.depicter-hover-off){ transition:all ease 0.3s; } .depicter-23-element-10 .depicter-arrow-icon{ fill:#ffffff; transition:all ease 0.3s; } .depicter-23-element-10:not(.depicter-hover-off):hover .depicter-arrow-icon{ fill:#131313; } .depicter-revert .depicter-23-element-7{ font-size:11px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; background-color:#ffffff; border-radius:20px; } .depicter-revert .depicter-23-element-7:not(.depicter-hover-off){ transition:all ease 0.5s; } .depicter-revert .depicter-23-element-7:not(.depicter-hover-off):hover { color:#FFF; background-color:#131313; } .depicter-revert .depicter-23-element-5{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-4{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-8{ opacity:0.1; font-size:135px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; letter-spacing:-9px; background-color:transparent; } .depicter-revert .depicter-23-element-3{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-element-2{ box-shadow:0px 14px 55px 0px rgba(0, 0, 0, 0.1); border-radius:10px; } .depicter-revert .depicter-23-element-11{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-section-1{ background-color:#FFF; } .depicter-revert .depicter-23-element-19{ font-size:11px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; background-color:#ffffff; border-radius:20px; } .depicter-revert .depicter-23-element-19:not(.depicter-hover-off){ transition:all ease 0.5s; } .depicter-revert .depicter-23-element-19:not(.depicter-hover-off):hover { color:#FFF; background-color:#131313; } .depicter-revert .depicter-23-element-17{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-20{ opacity:0.1; font-size:135px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; letter-spacing:-9px; background-color:transparent; } .depicter-revert .depicter-23-element-15{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-element-14{ box-shadow:0px 14px 55px 0px rgba(0, 0, 0, 0.1); border-radius:10px; } .depicter-revert .depicter-23-element-21{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-section-13{ background-color:#FFF; } .depicter-revert .depicter-23-element-37{ font-size:11px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; background-color:#ffffff; border-radius:20px; } .depicter-revert .depicter-23-element-37:not(.depicter-hover-off){ transition:all ease 0.5s; } .depicter-revert .depicter-23-element-37:not(.depicter-hover-off):hover { color:#FFF; background-color:#131313; } .depicter-revert .depicter-23-element-35{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-38{ opacity:0.1; font-size:135px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; letter-spacing:-9px; background-color:transparent; } .depicter-revert .depicter-23-element-33{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-element-32{ box-shadow:0px 14px 55px 0px rgba(0, 0, 0, 0.1); border-radius:10px; } .depicter-revert .depicter-23-element-39{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-section-31{ background-color:#FFF; } .depicter-revert .depicter-23-element-46{ font-size:11px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; background-color:#ffffff; border-radius:20px; } .depicter-revert .depicter-23-element-46:not(.depicter-hover-off){ transition:all ease 0.5s; } .depicter-revert .depicter-23-element-46:not(.depicter-hover-off):hover { color:#FFF; background-color:#131313; } .depicter-revert .depicter-23-element-44{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-43{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-47{ opacity:0.1; font-size:135px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; letter-spacing:-9px; background-color:transparent; } .depicter-revert .depicter-23-element-42{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-element-41{ box-shadow:0px 14px 55px 0px rgba(0, 0, 0, 0.1); border-radius:10px; } .depicter-revert .depicter-23-element-48{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-section-40{ background-color:#FFF; } .depicter-revert .depicter-23-element-64{ font-size:11px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; background-color:#ffffff; border-radius:20px; } .depicter-revert .depicter-23-element-64:not(.depicter-hover-off){ transition:all ease 0.5s; } .depicter-revert .depicter-23-element-64:not(.depicter-hover-off):hover { color:#FFF; background-color:#131313; } .depicter-revert .depicter-23-element-62{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-61{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-65{ opacity:0.1; font-size:135px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; letter-spacing:-9px; background-color:transparent; } .depicter-revert .depicter-23-element-60{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-element-59{ box-shadow:0px 14px 55px 0px rgba(0, 0, 0, 0.1); border-radius:10px; } .depicter-revert .depicter-23-element-66{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-section-58{ background-color:#FFF; } .depicter-revert .depicter-23-element-73{ font-size:11px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; background-color:#ffffff; border-radius:20px; } .depicter-revert .depicter-23-element-73:not(.depicter-hover-off){ transition:all ease 0.5s; } .depicter-revert .depicter-23-element-73:not(.depicter-hover-off):hover { color:#FFF; background-color:#131313; } .depicter-revert .depicter-23-element-72{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-74{ opacity:0.1; font-size:135px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; letter-spacing:-9px; background-color:transparent; } .depicter-revert .depicter-23-element-70{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-element-69{ box-shadow:0px 14px 55px 0px rgba(0, 0, 0, 0.1); border-radius:10px; } .depicter-revert .depicter-23-element-75{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-section-68{ background-color:#FFF; } .depicter-revert .depicter-23-element-80{ font-size:11px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; background-color:#ffffff; border-radius:20px; } .depicter-revert .depicter-23-element-80:not(.depicter-hover-off){ transition:all ease 0.5s; } .depicter-revert .depicter-23-element-80:not(.depicter-hover-off):hover { color:#FFF; background-color:#131313; } .depicter-revert .depicter-23-element-79{ font-size:39px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; background-color:transparent; } .depicter-revert .depicter-23-element-81{ opacity:0.1; font-size:135px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; letter-spacing:-9px; background-color:transparent; } .depicter-revert .depicter-23-element-78{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-element-77{ box-shadow:0px 14px 55px 0px rgba(0, 0, 0, 0.1); border-radius:10px; } .depicter-revert .depicter-23-element-82{ background-color:#3E51F9; border-radius:0px 125px 0px 0px; } .depicter-revert .depicter-23-section-76{ background-color:#FFF; } /***** Tablet *****/ @media screen and (max-width: 1024px){ .depicter-23:not(.depicter-ready){ height:700px; } .depicter-revert .depicter-23-element-7{ font-size:10px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; } .depicter-revert .depicter-23-element-5{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-4{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-8{ font-size:103px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-19{ font-size:10px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; } .depicter-revert .depicter-23-element-17{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-20{ font-size:103px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-37{ font-size:10px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; } .depicter-revert .depicter-23-element-35{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-38{ font-size:103px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-46{ font-size:10px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; } .depicter-revert .depicter-23-element-44{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-43{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-47{ font-size:103px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-64{ font-size:10px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; } .depicter-revert .depicter-23-element-62{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-61{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-65{ font-size:103px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-73{ font-size:10px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; } .depicter-revert .depicter-23-element-72{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-74{ font-size:103px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-80{ font-size:10px; text-align:center; color:#3e51f9; font-family:"Roboto"; font-weight:400; text-transform:uppercase; } .depicter-revert .depicter-23-element-79{ font-size:33px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-81{ font-size:103px; text-align:left; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } } /***** Mobile *****/ @media screen and (max-width: 767px){ .depicter-23:not(.depicter-ready){ height:740px; } .depicter-revert .depicter-23-element-5{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-4{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:300; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-8{ font-size:150px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-17{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-20{ font-size:150px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-35{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-38{ font-size:150px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-44{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-43{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:400; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-47{ font-size:150px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-62{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-61{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:400; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-65{ font-size:150px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-72{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-74{ font-size:150px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } .depicter-revert .depicter-23-element-79{ font-size:35px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; } .depicter-revert .depicter-23-element-81{ font-size:150px; text-align:center; color:#ffffff; font-family:"Roboto"; font-weight:500; line-height:120%; text-transform:capitalize; letter-spacing:-9px; } }