3344 lines
126 KiB
CSS
3344 lines
126 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');
|
|
|
|
body { padding:0!important; }
|
|
|
|
.section {
|
|
display: inline-block;
|
|
width:100%;
|
|
}
|
|
#main {
|
|
padding: 36px 0 60px!important;
|
|
}
|
|
.ds_wrap.fw {
|
|
width:100%;
|
|
}
|
|
.roywrap .roytc_row {
|
|
width:20%;
|
|
min-width:220px;
|
|
padding-right:60px;
|
|
}
|
|
.roywrap.w50 .roytc_row {
|
|
width:50%;
|
|
min-width:540px;
|
|
}
|
|
.roywrap.w25 .roytc_row {
|
|
width:25%;
|
|
min-width:240px;
|
|
}
|
|
.roywrap.wauto .roytc_row {
|
|
width:auto;
|
|
min-width:460px;
|
|
}
|
|
.roytc_row .imgback {
|
|
max-width:120px;
|
|
height:auto;
|
|
}
|
|
.roywrap.w50 .roytc_row:nth-child(odd) {
|
|
padding-right:60px;
|
|
}
|
|
.imgback {
|
|
max-width:50%;
|
|
}
|
|
.page-sidebar #content {
|
|
/* background: #f2f4fb; */
|
|
background: rgb(121,121,230);
|
|
background: linear-gradient(90deg, rgba(121,121,230,1) 28%, rgba(250,183,188,1) 100%);
|
|
}
|
|
|
|
#header:before { display:none!important }
|
|
.adminmodules {
|
|
font: 400 12px/1.42857 "Poppins", Helvetica, Arial, sans-serif;
|
|
}
|
|
#mColorPicker {
|
|
width:auto!important;
|
|
height:auto!important;
|
|
border:#e5e5e5!important;
|
|
margin-left:48px!important;
|
|
margin-top:-42px!important;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-moz-box-shadow: 0 0 16px rgba(0,0,0,0.15);
|
|
-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.115);
|
|
box-shadow: 0 0 16px rgba(0,0,0,0.15);
|
|
}
|
|
#mColorPickerWrapper {
|
|
padding:8px!important;
|
|
background: #4d5061!important;
|
|
border:none!important;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
box-shadow: 0 18px 80px 0px rgba(0, 0, 0, 0.62);
|
|
}
|
|
#mColorPickerFooter {
|
|
display:none!important;
|
|
background: #4d5061!important;
|
|
}
|
|
#mColorPickerInput {
|
|
color:#000000;
|
|
border-color:#4d5061!important;
|
|
padding:3px;
|
|
margin-left:0!important;
|
|
|
|
}
|
|
#mColorPickerImg {
|
|
background: url(../images/admin/colorpicker.png)!important;
|
|
}
|
|
#mColorPickerImgGray {
|
|
background: url(../images/admin/graybar.jpg)!important;
|
|
}
|
|
|
|
#content .roytc_title {
|
|
vertical-align: middle;
|
|
display: flex;
|
|
margin:0;
|
|
width:100%;
|
|
margin-top:0;
|
|
text-transform: none!important;
|
|
font-family: 'Poppins'!important;
|
|
padding:0;
|
|
padding-bottom: 20px; }
|
|
.roytc_title span.theme_name {
|
|
position: relative;
|
|
color:#646c76;
|
|
width:170px;
|
|
height:100px;
|
|
float:left;
|
|
display:none; }
|
|
.roytc_title .theme_name:before {
|
|
content:' ';
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
z-index: 2;
|
|
background: url(../images/logo.png) no-repeat center center transparent; }
|
|
.roytc_title .mod_name {
|
|
color: #fff;
|
|
padding:0 30px 0 30px;
|
|
float:right;
|
|
opacity: 0.8;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
}
|
|
.roytc_title .mod {
|
|
display: flex;
|
|
align-items: center;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
font-size: 18px;
|
|
position: relative;
|
|
float: right;
|
|
padding-left: 50px;
|
|
letter-spacing: 0.4px;
|
|
}
|
|
.roytc_title .mod svg {
|
|
margin-left:12px;
|
|
margin-right:12px;
|
|
height: 20px;
|
|
width:20px;
|
|
}
|
|
|
|
.roytc_title .mod_name span.mod_custom {
|
|
font-size:20px;
|
|
line-height: 30px;
|
|
font-family: "Poppins", sans-serif!important;
|
|
|
|
margin:14px 0 5px;
|
|
display:none; }
|
|
.roytc_title .mod_name span.mod_license {
|
|
|
|
font-family: "Poppins", sans-serif!important;
|
|
line-height: 16px;
|
|
font-weight: 500;
|
|
display:inline-block;
|
|
position: relative;
|
|
text-align: right;
|
|
font-size:12px; }
|
|
.roytc_title .mod_name span.mod_license a {
|
|
color: #fff;
|
|
|
|
text-decoration: underline;
|
|
margin-left:4px;
|
|
}
|
|
.roytc_title .mod_name span.mod_license a:hover {
|
|
color:#fff155
|
|
}
|
|
|
|
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li a i {
|
|
display: inline-block;
|
|
font-family: "feather";
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
speak: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li a i {
|
|
opacity:0.32;
|
|
color:#000000;
|
|
left: 39px;
|
|
top:0;
|
|
font-size: 22px;
|
|
line-height: 76px;
|
|
position: absolute;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
line-height: 80px;
|
|
}
|
|
|
|
|
|
.roytc_form a.configure_button {
|
|
font-size:14px;
|
|
padding:12px 24px;
|
|
margin:1px 6px 0 6px;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
font-weight:bold;
|
|
background:#f2ab00;
|
|
border-radius: 3px;
|
|
border:none;
|
|
-webkit-transition: all 200ms ease-in-out;
|
|
-moz-transition: all 200ms ease-in-out;
|
|
-o-transition: all 200ms ease-in-out;
|
|
transition: all 200ms ease-in-out;
|
|
text-shadow:none;
|
|
color:#ffffff; }
|
|
.roytc_form a.configure_button:hover {
|
|
background:#00c293; }
|
|
.roytc_form a.configure_button i {
|
|
margin-left:6px; }
|
|
|
|
.roytc_form .pl_img{
|
|
padding:0 5px;
|
|
vertical-align: top;
|
|
margin-top:-6px; }
|
|
.confirm {
|
|
margin:20px 0;
|
|
font-size:14px;
|
|
font-weight: bold;
|
|
padding:30px;
|
|
color:#ffffff;
|
|
background:#00c293 }
|
|
|
|
.roytc_form {
|
|
background:none;
|
|
box-shadow: 0px 0px 80px rgba(65, 65, 78, 0.22);
|
|
/* box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.92); */
|
|
-webkit-border-radius: 0 0 14px 14px;
|
|
-moz-border-radius: 0 0 14px 14px;
|
|
-ms-border-radius: 0 0 14px 14px;
|
|
-o-border-radius: 0 0 14px 14px;
|
|
border-radius: 0 0 14px 14px; }
|
|
.roytc_form .roytc_filedset {
|
|
border: none!important;
|
|
background:none;
|
|
padding:0; }
|
|
.roytc_form .customizer_wrapper {
|
|
display:flex;
|
|
flex-wrap: wrap;
|
|
background: #f2f4fb;
|
|
padding-bottom: 40px;
|
|
border-radius: 10px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_navigation {
|
|
/* background: #1f3645; */
|
|
background: #ffffff;
|
|
flex-basis: 280px;
|
|
vertical-align: top;
|
|
z-index: 2;
|
|
padding:0;
|
|
border-radius: 10px;
|
|
margin:0;
|
|
/* margin:40px 0 40px 40px; */
|
|
position: relative;
|
|
text-align:left; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_navigation:before {
|
|
content:'';
|
|
display: block!important;
|
|
position: absolute;
|
|
width:100%;
|
|
height:100%;
|
|
left:0;
|
|
top:0;
|
|
border-radius: 6px;
|
|
z-index: 0;
|
|
box-shadow: 40px 40px 90px rgba(65, 65, 78, 0.11);
|
|
}
|
|
|
|
|
|
.roytc_form .roytc_filedset .roytc_navigation ul {
|
|
margin:0;
|
|
padding:0;
|
|
list-style: none; }
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li {
|
|
height:80px;
|
|
/* background-color:#ffffff; */
|
|
position:relative;
|
|
-webkit-transition: all 150ms ease-in-out;
|
|
-moz-transition: all 150ms ease-in-out;
|
|
-o-transition: all 150ms ease-in-out;
|
|
transition: all 150ms ease-in-out;
|
|
/* border-bottom: 1px solid #585a67; */
|
|
padding:0; }
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li:before {
|
|
content: "";
|
|
display: block;
|
|
height: 2px;
|
|
position: absolute;
|
|
left: 15%;
|
|
width:60%;
|
|
bottom: 0px;
|
|
/* background: #585a67; */
|
|
opacity:0.08;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li:hover {
|
|
padding:0; }
|
|
.roytc_form .roytc_filedset .roytc_navigation ul > li > a {
|
|
font-family: 'Poppins', sans-serif;
|
|
font-size:15px;
|
|
line-height:15px;
|
|
letter-spacing: 0.2px;
|
|
font-weight: 600;
|
|
color:#3b3d45;
|
|
opacity:1;
|
|
text-decoration:none;
|
|
display:block;
|
|
line-height: 80px;
|
|
height:80px;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
padding:0 0 0 84px; }
|
|
.roytc_form .roytc_filedset .roytc_navigation ul > li > a.tworows {
|
|
line-height: 18px;
|
|
padding-top: 24px; }
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li.active {
|
|
background-color:#fafafa; }
|
|
|
|
/* .roytc_form .roytc_filedset .roytc_navigation ul li.active:after {
|
|
content: "";
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 40px solid transparent;
|
|
border-right: 20px solid #ffffff;
|
|
border-bottom: 40px solid transparent;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px; } */
|
|
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li:after {
|
|
content: "";
|
|
display: block;
|
|
pointer-events: none;
|
|
opacity:0;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 50%;
|
|
background: #1abc6e;
|
|
position: absolute;
|
|
margin-top:-8px;
|
|
transform: translateX(-90%);
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
right: -8px;
|
|
top: 50%;
|
|
display: none;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li.active:after {
|
|
transform: translateX(0);
|
|
opacity:1;
|
|
}
|
|
|
|
.roytc_form .roytc_filedset .roytc_navigation ul > li:hover > a {
|
|
padding-left:82px;
|
|
opacity: 1;
|
|
color:#000000; }
|
|
.roytc_form .roytc_filedset .roytc_navigation ul > li.active > a {
|
|
padding-left:84px;
|
|
font-weight: 600;
|
|
opacity: 1;
|
|
color:#000000; }
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li.active:first-child {
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_navigation ul > li:hover > a i {
|
|
|
|
-ms-transform: translateX(12%);
|
|
-webkit-transform: translateX(12%);
|
|
transform: translateX(12%);
|
|
opacity: 1;
|
|
color:#000000;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_navigation ul > li.active > a i {
|
|
/* transform: translateX(-60%); */
|
|
opacity: 0;
|
|
}
|
|
|
|
.roytc_content>div.tab-pane {
|
|
padding:0 60px;
|
|
display:none; }
|
|
.roytc_content>div.active {
|
|
display:block; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_save {
|
|
position: relative;
|
|
height:100px;
|
|
background:#666666;
|
|
overflow:hidden;
|
|
margin:0;
|
|
text-align: left; }
|
|
.roytc_form .roytc_filedset .roytc_save input.save_button {
|
|
font-family: 'Poppins', sans-serif;
|
|
font-size:16px;
|
|
line-height:100px;
|
|
font-weight: 600;
|
|
height:100px;
|
|
border:none!important;
|
|
margin:0;
|
|
padding:0;
|
|
|
|
background: rgb(138,194,243);
|
|
background: linear-gradient(165deg, rgba(138,194,243,1) 0%, rgba(115,148,239,1) 47%, rgba(100,91,236,1) 100%);
|
|
|
|
padding-left:272px;
|
|
width:100%;
|
|
float:right;
|
|
color:#ffffff;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
border-bottom: 1px solid #555;
|
|
border-top:none;
|
|
text-shadow:none;
|
|
border-radius: 0;
|
|
border-left:none;
|
|
border-right:none; }
|
|
.roytc_form .roytc_filedset .roytc_save input.save_button:hover {
|
|
box-shadow:inset -20px -30px 140px 0px rgba(58,81,219,0.55);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_save:before {
|
|
content: '\f375';
|
|
font-family: 'Ionicons';
|
|
font-size: 24px;
|
|
line-height: 14px;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-top: -7px;
|
|
color: #fff;
|
|
top: 50%;
|
|
margin-left: 45px;
|
|
pointer-events:none;
|
|
display: inline-block; }
|
|
.roytc_form .roytc_filedset .roytc_save div.reset_container,
|
|
.roytc_form .roytc_filedset .roytc_save div.reset_popup {
|
|
font-family: 'Poppins', sans-serif;
|
|
font-size:16px;
|
|
line-height:100px;
|
|
font-weight: 500;
|
|
background:#565b5d;
|
|
width:280px;
|
|
height:100px;
|
|
border:none!important;
|
|
margin:0;
|
|
padding:0;
|
|
position: absolute;
|
|
left:0;
|
|
top:0;
|
|
border-radius: 0;
|
|
z-index:1;
|
|
display:inline-block;
|
|
color:#d0d7d9;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
text-shadow:none;
|
|
text-decoration: none; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_save div.reset_container {
|
|
-webkit-transition: all 150ms ease-in-out;
|
|
-moz-transition: all 150ms ease-in-out;
|
|
-o-transition: all 150ms ease-in-out;
|
|
transition: all 150ms ease-in-out;
|
|
cursor: pointer; }
|
|
.roytc_form .roytc_filedset .roytc_save div.reset_container:hover {
|
|
background: #393f41; }
|
|
.roytc_form .roytc_filedset .roytc_save div.reset_popup {
|
|
padding-top: 26px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
z-index: 2;
|
|
top:100px;
|
|
-webkit-transition: all 200ms ease-in-out;
|
|
-moz-transition: all 200ms ease-in-out;
|
|
-o-transition: all 200ms ease-in-out;
|
|
transition: all 200ms ease-in-out;
|
|
height: 100px;
|
|
background: #444; }
|
|
.roytc_form .roytc_filedset .roytc_save div.reset_popup input {
|
|
background:none;
|
|
border:none;
|
|
display:inline-block;
|
|
color:#ffd800;
|
|
font-weight:500;
|
|
text-shadow:none;
|
|
font-size:16px;
|
|
padding:0;
|
|
margin:8px 8px 0; }
|
|
.roytc_form .roytc_filedset .roytc_content {
|
|
flex: 1;
|
|
position: relative;
|
|
border-left: none!important;
|
|
border-bottom: none!important;
|
|
border-top: none!important;
|
|
text-align:left; }
|
|
.roytc_form .roytc_filedset .roytc_content .roytc_row {
|
|
margin: 20px 0 20px 0;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .roytc_row * {
|
|
box-sizing: border-box;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .roywrap .roytc_row {
|
|
margin: 20px 0 20px 0;
|
|
float: left;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content div.margin-form {
|
|
position: relative;
|
|
padding-left:0;
|
|
font-size:16px;
|
|
color:#646c76;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
margin:0 0 14px; }
|
|
.roytc_form .roytc_filedset .roytc_content div.margin-form input {
|
|
box-shadow: 0 14px 50px 0px rgba(0, 0, 0, 0.12);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .displayed_flag {
|
|
display: inline-block;
|
|
float: left;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
margin-top: -4px;
|
|
background: #ffffff;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
border: 1px solid #ddd;
|
|
width: 42px;
|
|
height: 42px;
|
|
border-radius: 50%; }
|
|
.roytc_form .roytc_filedset .roytc_content .displayed_flag img {
|
|
vertical-align: middle;
|
|
padding: 0; }
|
|
.roytc_form .roytc_filedset .roytc_content .language_flags {
|
|
display: inline-block;
|
|
float: left;
|
|
margin-left: 6px;
|
|
margin-top: -4px;
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
color: #cccccc;
|
|
padding: 0 18px;
|
|
background: #fff;
|
|
border: 1px solid #dddddd;
|
|
border-radius: 30px;
|
|
height: 42px;
|
|
line-height: 40px; }
|
|
.roytc_form .roytc_filedset .roytc_content .language_flags br {
|
|
display:none; }
|
|
.roytc_form .roytc_filedset .roytc_content .language_flags img {
|
|
padding:0;
|
|
cursor:pointer;
|
|
vertical-align: middle;
|
|
margin:0 6px 0 10px; }
|
|
.roytc_form .roytc_filedset .roytc_content label {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
letter-spacing: 0.2px;
|
|
line-height: 30px;
|
|
float:none;
|
|
font-family: 'Poppins', sans-serif;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
padding:0 0 20px 4px;
|
|
width: 260px;
|
|
text-shadow: none!important;
|
|
color: #424254; }
|
|
.roytc_form .roytc_filedset .roytc_content .roytc_form .roytc_filedset .roytc_content .roytc_row > label {
|
|
font-weight: 500; }
|
|
.roytc_form .roytc_filedset .roytc_content label { line-height: 1.1em }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.gradicon {
|
|
display: inline-block;
|
|
width: 440px;
|
|
height: 50px;
|
|
padding:10px 20px 0 0;
|
|
cursor:pointer;
|
|
color:#14142d;
|
|
font-weight:normal;
|
|
font-size:16px;
|
|
text-transform: uppercase;
|
|
-moz-box-shadow: 0 0 3px #b5b5b5;
|
|
-webkit-box-shadow: 0 0 3px #b5b5b5;
|
|
box-shadow: 0 0 3px #b5b5b5;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#b5b5b5')";
|
|
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#b5b5b5');
|
|
text-shadow:0px 0px 5px #000000;
|
|
margin: 0px 10px 10px 0;}
|
|
.roytc_form .roytc_filedset .roytc_content label.gradicon input[type="radio"]{
|
|
margin-left:6px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.slider_mode,
|
|
.roytc_form .roytc_filedset .roytc_content label.menu_mode,
|
|
.roytc_form .roytc_filedset .roytc_content label.up_mode,
|
|
.roytc_form .roytc_filedset .roytc_content label.width,
|
|
.roytc_form .roytc_filedset .roytc_content label.it_mode,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_s_sw,
|
|
.roytc_form .roytc_filedset .roytc_content label.ht_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.demo,
|
|
.roytc_form .roytc_filedset .roytc_content label.scheme,
|
|
.roytc_form .roytc_filedset .roytc_content label.mini_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_rm,
|
|
.roytc_form .roytc_filedset .roytc_content label.pp_z,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_reg,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_login,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_date,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_layout,
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_pc_layout,
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_p_hover,
|
|
.roytc_form .roytc_filedset .roytc_content label.footer_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.header_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_rp,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover {
|
|
margin-right:200px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ds span {
|
|
display:inline-block;
|
|
width:180px;
|
|
text-align: center;
|
|
color:#646c76;
|
|
letter-spacing: 0.4px;
|
|
padding-top:18px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.up span {
|
|
width:140px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_header span {
|
|
width:390px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_demo span {
|
|
display:inline-block;
|
|
width:286px;
|
|
text-align: center;
|
|
color:#646c76;
|
|
letter-spacing: 0.4px;
|
|
padding-top: 12px;
|
|
text-transform: capitalize;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.ds, .roytc_form .roytc_filedset .roytc_content label.ds:before, .regular-radio + label.ds:after {
|
|
/* border-radius: 5px; */
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label:hover > span {
|
|
color:#000000;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.slider_mode span,
|
|
.roytc_form .roytc_filedset .roytc_content label.menu_mode span {
|
|
display:inline-block;
|
|
text-align:center;
|
|
width:200px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.up_mode span,
|
|
.roytc_form .roytc_filedset .roytc_content label.width span,
|
|
.roytc_form .roytc_filedset .roytc_content label.it_mode span,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_s_sw span,
|
|
.roytc_form .roytc_filedset .roytc_content label.ht_lay span,
|
|
.roytc_form .roytc_filedset .roytc_content label.scheme span,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_rm span,
|
|
.roytc_form .roytc_filedset .roytc_content label.pp_z span,
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_icon span,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_reg span,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_login span,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_date span,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_layout span,
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_pc_layout span,
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_p_hover span,
|
|
.roytc_form .roytc_filedset .roytc_content label.footer_lay span,
|
|
.roytc_form .roytc_filedset .roytc_content label.header_lay span,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_rp span,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_lay span {
|
|
display:none;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.slider_mode:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.up_mode:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.width:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.it_mode:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_s_sw:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.ht_lay:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.scheme:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_rm:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.pp_z:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_icon:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_demo:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_reg:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_login:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_date:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_layout:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_pc_layout:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_p_hover:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.footer_lay:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.ds:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.header_lay:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_lay:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_rp:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.menu_mode:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover:before {
|
|
display: inline-block;
|
|
width: 180px;
|
|
cursor:pointer;
|
|
color:#888888;
|
|
font-weight:bold;
|
|
content:' ';
|
|
font-size:14px;
|
|
text-align: center;
|
|
border: none;
|
|
padding-top:92px;
|
|
margin: -40px 10px 10px 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.menu_mode:before {
|
|
padding-top:60px;
|
|
margin: -24px 10px 10px 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.up_mode:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.width:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.it_mode:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_s_sw:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_lay:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_rp:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover:before {
|
|
height:80px;
|
|
padding-top:0;
|
|
margin: 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.it_mode:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_s_sw:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.width:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.up_mode:before {
|
|
width:160px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_rm:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.pp_z:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_reg:before,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_login:before {
|
|
height:80px;
|
|
width:80px;
|
|
padding-top:0;
|
|
margin: 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ht_lay:before {
|
|
height:100px;
|
|
width:240px;
|
|
padding-top:0;
|
|
margin: 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.scheme:before {
|
|
height: 160px;
|
|
margin: 0;
|
|
padding-top:0;
|
|
width: 130px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_date:before {
|
|
height:80px;
|
|
width:100px;
|
|
padding-top:0;
|
|
margin: 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.b_layout:before {
|
|
height:100px;
|
|
width:430px;
|
|
padding-top:0;
|
|
margin: 0 15px 15px 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_pc_layout:before {
|
|
height:350px;
|
|
width:225px;
|
|
padding-top:0;
|
|
margin: 0 30px 30px 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_p_hover:before {
|
|
height:340px;
|
|
width:225px;
|
|
padding-top:0;
|
|
margin: 0 30px 30px 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.footer_lay:before {
|
|
height:200px;
|
|
width:980px;
|
|
padding-top:0;
|
|
margin: 0 0 15px 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.header_lay:before {
|
|
height:110px;
|
|
width:980px;
|
|
padding-top:0;
|
|
margin: 0 0 30px 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ds:before {
|
|
height:130px;
|
|
width:180px;
|
|
padding-top:0;
|
|
margin: 0 22px 0 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.up:before {
|
|
width:140px;
|
|
height:80px;
|
|
margin: 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_header:before {
|
|
width:390px;
|
|
margin: 0 22px 0 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_demo:before {
|
|
height:206px;
|
|
width:286px;
|
|
padding-top:0;
|
|
margin: 0 22px 0 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_icon:before {
|
|
height:90px;
|
|
width:90px;
|
|
padding-top:0;
|
|
margin: 0 22px 0 0; }
|
|
|
|
.roytc_content .cl_length1:before{
|
|
background: url(../images/cl_length1.png) no-repeat top center; }
|
|
.roytc_content .cl_length2:before{
|
|
background: url(../images/cl_length2.png) no-repeat top center; }
|
|
.roytc_content .nc_cl1:before{
|
|
background: url(../images/nc_cl1.png) no-repeat top center; }
|
|
.roytc_content .nc_cl2:before{
|
|
background: url(../images/nc_cl2.png) no-repeat top center; }
|
|
.roytc_content .con_pos1:before{
|
|
background: url(../images/con_pos1.png) no-repeat top center; }
|
|
.roytc_content .con_pos2:before{
|
|
background: url(../images/con_pos2.png) no-repeat top center; }
|
|
.roytc_content .con_pos3:before{
|
|
background: url(../images/con_pos3.png) no-repeat top center; }
|
|
.roytc_content .con_lay1:before{
|
|
background: url(../images/con_lay1.png) no-repeat top center; }
|
|
.roytc_content .con_lay2:before{
|
|
background: url(../images/con_lay2.png) no-repeat top center; }
|
|
.roytc_content .ban_spa1:before{
|
|
background: url(../images/ban_spa1.png) no-repeat top center; }
|
|
.roytc_content .ban_spa2:before{
|
|
background: url(../images/ban_spa2.png) no-repeat top center; }
|
|
.roytc_content .nc_hp_title1:before{
|
|
background: url(../images/nc_hp_title1.png) no-repeat top center; }
|
|
.roytc_content .nc_hp_title2:before{
|
|
background: url(../images/nc_hp_title2.png) no-repeat top center; }
|
|
.roytc_content .pp_thumbs1:before{
|
|
background: url(../images/pp_thumbs1.png) no-repeat top center; }
|
|
.roytc_content .pp_thumbs2:before{
|
|
background: url(../images/pp_thumbs2.png) no-repeat top center; }
|
|
.roytc_content .pp_con1:before{
|
|
background: url(../images/pp_con1.png) no-repeat top center; }
|
|
.roytc_content .pp_con2:before{
|
|
background: url(../images/pp_con2.png) no-repeat top center; }
|
|
.roytc_content .pp_con3:before{
|
|
background: url(../images/pp_con3.png) no-repeat top center; }
|
|
.roytc_content .pp_lay1:before{
|
|
background: url(../images/pp_lay1.png) no-repeat top center; }
|
|
.roytc_content .pp_lay2:before{
|
|
background: url(../images/pp_lay2.png) no-repeat top center; }
|
|
.roytc_content .pp_lay3:before{
|
|
background: url(../images/pp_lay3.png) no-repeat top center; }
|
|
.roytc_content .pl_hover_lay1:before{
|
|
background: url(../images/pl_hover_lay1.png) no-repeat top center; }
|
|
.roytc_content .pl_hover_lay2:before{
|
|
background: url(../images/pl_hover_lay2.png) no-repeat top center; }
|
|
.roytc_content .pl_bg1:before{
|
|
background: url(../images/pl_bg1.png) no-repeat top center; }
|
|
.roytc_content .pl_bg2:before{
|
|
background: url(../images/pl_bg2.png) no-repeat top center; }
|
|
.roytc_content .pl_lay1:before{
|
|
background: url(../images/pl_lay1.png) no-repeat top center; }
|
|
.roytc_content .pl_lay2:before{
|
|
background: url(../images/pl_lay2.png) no-repeat top center; }
|
|
.roytc_content .pl_lay3:before{
|
|
background: url(../images/pl_lay3.png) no-repeat top center; }
|
|
.roytc_content .pl_lay4:before{
|
|
background: url(../images/pl_lay4.png) no-repeat top center; }
|
|
.roytc_content .nc_product_margin2:before{
|
|
background: url(../images/nc_product_margin2.png) no-repeat top center; }
|
|
.roytc_content .nc_product_margin1:before{
|
|
background: url(../images/nc_product_margin1.png) no-repeat top center; }
|
|
.roytc_content .nc_product_margin2:before{
|
|
background: url(../images/nc_product_margin2.png) no-repeat top center; }
|
|
.roytc_content .cat_imglay1:before{
|
|
background: url(../images/cat_imglay1.png) no-repeat top center; }
|
|
.roytc_content .cat_imglay2:before{
|
|
background: url(../images/cat_imglay2.png) no-repeat top center; }
|
|
.roytc_content .br_lay1:before{
|
|
background: url(../images/br_lay1.png) no-repeat top center; }
|
|
.roytc_content .br_lay2:before{
|
|
background: url(../images/br_lay2.png) no-repeat top center; }
|
|
.roytc_content .br_lay3:before{
|
|
background: url(../images/br_lay3.png) no-repeat top center; }
|
|
.roytc_content .br_lay4:before{
|
|
background: url(../images/br_lay4.png) no-repeat top center; }
|
|
.roytc_content .br_pos2:before{
|
|
background: url(../images/br_pos2.png) no-repeat top center; }
|
|
.roytc_content .br_pos1:before{
|
|
background: url(../images/br_pos1.png) no-repeat top center; }
|
|
.roytc_content .link_hover1:before{
|
|
background: url(../images/link_hover1.png) no-repeat top center; }
|
|
.roytc_content .link_hover2:before{
|
|
background: url(../images/link_hover2.png) no-repeat top center; }
|
|
.roytc_content .link_hover3:before{
|
|
background: url(../images/link_hover3.png) no-repeat top center; }
|
|
.roytc_content .link_hover4:before{
|
|
background: url(../images/link_hover4.png) no-repeat top center; }
|
|
.roytc_content .link_hover5:before{
|
|
background: url(../images/link_hover5.png) no-repeat top center; }
|
|
.roytc_content .levi1:before{
|
|
background: url(../images/levi1.png) no-repeat top center; }
|
|
.roytc_content .levi2:before{
|
|
background: url(../images/levi2.png) no-repeat top center; }
|
|
.roytc_content .m_layout1:before{
|
|
background: url(../images/nc_m_layout1.png) no-repeat top center; }
|
|
.roytc_content .m_layout2:before{
|
|
background: url(../images/nc_m_layout2.png) no-repeat top center; }
|
|
.roytc_content .m_layout3:before{
|
|
background: url(../images/nc_m_layout3.png) no-repeat top center; }
|
|
.roytc_content .o_add1:before{
|
|
background: url(../images/add1.png) no-repeat top center; }
|
|
.roytc_content .o_add2:before{
|
|
background: url(../images/add2.png) no-repeat top center; }
|
|
.roytc_content .align1:before{
|
|
background: url(../images/align1.png) no-repeat top center; }
|
|
.roytc_content .align2:before{
|
|
background: url(../images/align2.png) no-repeat top center; }
|
|
.roytc_content .align3:before{
|
|
background: url(../images/align3.png) no-repeat top center; }
|
|
.roytc_content .nc_loader1:before{
|
|
background: url(../images/nc_loader1.png) no-repeat top center; }
|
|
.roytc_content .nc_loader2:before{
|
|
background: url(../images/nc_loader2.png) no-repeat top center; }
|
|
.roytc_content .nc_loader3:before{
|
|
background: url(../images/nc_loader3.png) no-repeat top center; }
|
|
.roytc_content .nc_loader4:before{
|
|
background: url(../images/nc_loader4.png) no-repeat top center; }
|
|
.roytc_content .smode1:before{
|
|
background: url(../images/rtc_smode1.png) no-repeat top center; }
|
|
.roytc_content .smode2:before{
|
|
background: url(../images/rtc_smode2.png) no-repeat top center; }
|
|
.roytc_content .mmode1:before{
|
|
background: url(../images/mmode1.png) no-repeat top center; }
|
|
.roytc_content .mmode2:before{
|
|
background: url(../images/mmode2.png) no-repeat top center; }
|
|
.roytc_content .nc_cat_title1:before{
|
|
background: url(../images/nc_cat_title1.png) no-repeat top center; }
|
|
.roytc_content .nc_cat_title2:before{
|
|
background: url(../images/nc_cat_title2.png) no-repeat top center; }
|
|
.roytc_content .nc_cat_title3:before{
|
|
background: url(../images/nc_cat_title3.png) no-repeat top center; }
|
|
.roytc_content .pa1:before{
|
|
background: url(../images/pa1.png) no-repeat top center; }
|
|
.roytc_content .pa2:before{
|
|
background: url(../images/pa2.png) no-repeat top center; }
|
|
.roytc_content .pa3:before{
|
|
background: url(../images/pa3.png) no-repeat top center; }
|
|
.roytc_content .nc_guest_show1:before{
|
|
background: url(../images/nc_guest_show1.png) no-repeat top center; }
|
|
.roytc_content .nc_guest_show2:before{
|
|
background: url(../images/nc_guest_show2.png) no-repeat top center; }
|
|
.roytc_content .nc_guest_show3:before{
|
|
background: url(../images/nc_guest_show3.png) no-repeat top center; }
|
|
.roytc_content .width0:before{
|
|
background: url(../images/width0.png) no-repeat top center; }
|
|
.roytc_content .width1:before{
|
|
background: url(../images/width1.png) no-repeat top center; }
|
|
.roytc_content .width2:before{
|
|
background: url(../images/width2.png) no-repeat top center; }
|
|
.roytc_content .m_align1:before{
|
|
background: url(../images/m_align1.png) no-repeat top center; }
|
|
.roytc_content .m_align2:before{
|
|
background: url(../images/m_align2.png) no-repeat top center; }
|
|
.roytc_content .m_align3:before{
|
|
background: url(../images/m_align3.png) no-repeat top center; }
|
|
.roytc_content .upmode1:before{
|
|
background: url(../images/text_normal.png) no-repeat top center; }
|
|
.roytc_content .upmode2:before{
|
|
background: url(../images/text_upper.png) no-repeat top center; }
|
|
.roytc_content .it_mode1:before{
|
|
background: url(../images/text_normal.png) no-repeat top center; }
|
|
.roytc_content .it_mode2:before{
|
|
background: url(../images/text_italic.png) no-repeat top center; }
|
|
.roytc_content .click_lay1:before{
|
|
background: url(../images/click_lay1.png) no-repeat top center; }
|
|
.roytc_content .click_lay2:before{
|
|
background: url(../images/click_lay2.png) no-repeat top center; }
|
|
.roytc_content .click_lay3:before{
|
|
background: url(../images/click_lay3.png) no-repeat top center; }
|
|
.roytc_content .top_lay1:before{
|
|
background: url(../images/top_lay1.png) no-repeat top center; }
|
|
.roytc_content .top_lay2:before{
|
|
background: url(../images/top_lay2.png) no-repeat top center; }
|
|
.roytc_content .top_lay3:before{
|
|
background: url(../images/top_lay3.png) no-repeat top center; }
|
|
.roytc_content .g_lay1:before{
|
|
background: url(../images/layout1.png) no-repeat top center; }
|
|
.roytc_content .g_lay2:before{
|
|
background: url(../images/layout2.png) no-repeat top center; }
|
|
.roytc_content .g_lay3:before{
|
|
background: url(../images/layout3.png) no-repeat top center; }
|
|
.roytc_content .g_lay4:before{
|
|
background: url(../images/layout4.png) no-repeat top center; }
|
|
.roytc_content .b_rp1:before{
|
|
background: url(../images/b_repeat1.png) no-repeat top center; }
|
|
.roytc_content .b_rp2:before{
|
|
background: url(../images/b_repeat2.png) no-repeat top center; }
|
|
.roytc_content .b_rp3:before{
|
|
background: url(../images/b_repeat3.png) no-repeat top center; }
|
|
.roytc_content .b_rp4:before{
|
|
background: url(../images/b_repeat4.png) no-repeat top center; }
|
|
.roytc_content .b_rp5:before{
|
|
background: url(../images/b_position1.png) no-repeat top center; }
|
|
.roytc_content .b_rp6:before{
|
|
background: url(../images/b_position2.png) no-repeat top center; }
|
|
.roytc_content .b_rp7:before{
|
|
background: url(../images/b_position3.png) no-repeat top center; }
|
|
.roytc_content .position1:before{
|
|
background: url(../images/position1.png) no-repeat top center; }
|
|
.roytc_content .position2:before{
|
|
background: url(../images/position2.png) no-repeat top center; }
|
|
.roytc_content .bl_rm1:before{
|
|
background: url(../images/bl_rm1.png) no-repeat top center; }
|
|
.roytc_content .bl_rm2:before{
|
|
background: url(../images/bl_rm2.png) no-repeat top center; }
|
|
.roytc_content .bl_rm3:before{
|
|
background: url(../images/bl_rm3.png) no-repeat top center; }
|
|
.roytc_content .bl_rm4:before{
|
|
background: url(../images/bl_rm4.png) no-repeat top center; }
|
|
.roytc_content .bl_rm5:before{
|
|
background: url(../images/bl_rm5.png) no-repeat top center; }
|
|
.roytc_content .bl_rm6:before{
|
|
background: url(../images/bl_rm6.png) no-repeat top center; }
|
|
.roytc_content .bl_rm7:before{
|
|
background: url(../images/bl_rm7.png) no-repeat top center; }
|
|
.roytc_content .bl_date1:before{
|
|
background: url(../images/bl_date1.png) no-repeat top center; }
|
|
.roytc_content .bl_date2:before{
|
|
background: url(../images/bl_date2.png) no-repeat top center; }
|
|
.roytc_content .bl_date3:before{
|
|
background: url(../images/bl_date3.png) no-repeat top center; }
|
|
.roytc_content .bl_date4:before{
|
|
background: url(../images/bl_date4.png) no-repeat top center; }
|
|
.roytc_content .bl_date5:before{
|
|
background: url(../images/bl_date5.png) no-repeat top center; }
|
|
.roytc_content .bl_date6:before{
|
|
background: url(../images/bl_date6.png) no-repeat top center; }
|
|
.roytc_content .bl_date7:before{
|
|
background: url(../images/bl_date7.png) no-repeat top center; }
|
|
.roytc_content .ma_reg1:before{
|
|
background: url(../images/ma_reg1.png) no-repeat top center; }
|
|
.roytc_content .ma_reg2:before{
|
|
background: url(../images/ma_reg2.png) no-repeat top center; }
|
|
.roytc_content .ma_reg3:before{
|
|
background: url(../images/ma_reg3.png) no-repeat top center; }
|
|
.roytc_content .ma_reg4:before{
|
|
background: url(../images/ma_reg4.png) no-repeat top center; }
|
|
.roytc_content .ma_reg5:before{
|
|
background: url(../images/ma_reg5.png) no-repeat top center; }
|
|
.roytc_content .ma_reg6:before{
|
|
background: url(../images/ma_reg6.png) no-repeat top center; }
|
|
.roytc_content .ma_reg7:before{
|
|
background: url(../images/ma_reg7.png) no-repeat top center; }
|
|
.roytc_content .ma_reg8:before{
|
|
background: url(../images/ma_reg8.png) no-repeat top center; }
|
|
.roytc_content .ma_reg9:before{
|
|
background: url(../images/ma_reg9.png) no-repeat top center; }
|
|
.roytc_content .ma_reg10:before{
|
|
background: url(../images/ma_reg10.png) no-repeat top center; }
|
|
.roytc_content .ma_reg11:before{
|
|
background: url(../images/ma_reg11.png) no-repeat top center; }
|
|
.roytc_content .ma_reg12:before{
|
|
background: url(../images/ma_reg12.png) no-repeat top center; }
|
|
|
|
.roytc_content .ma_login1:before{
|
|
background: url(../images/ma_login1.png) no-repeat top center; }
|
|
.roytc_content .ma_login2:before{
|
|
background: url(../images/ma_login2.png) no-repeat top center; }
|
|
.roytc_content .ma_login3:before{
|
|
background: url(../images/ma_login3.png) no-repeat top center; }
|
|
.roytc_content .ma_login4:before{
|
|
background: url(../images/ma_login4.png) no-repeat top center; }
|
|
.roytc_content .ma_login5:before{
|
|
background: url(../images/ma_login5.png) no-repeat top center; }
|
|
.roytc_content .ma_login6:before{
|
|
background: url(../images/ma_login6.png) no-repeat top center; }
|
|
.roytc_content .ma_login7:before{
|
|
background: url(../images/ma_login7.png) no-repeat top center; }
|
|
.roytc_content .ma_login8:before{
|
|
background: url(../images/ma_login8.png) no-repeat top center; }
|
|
.roytc_content .ma_login9:before{
|
|
background: url(../images/ma_login9.png) no-repeat top center; }
|
|
.roytc_content .ma_login10:before{
|
|
background: url(../images/ma_login10.png) no-repeat top center; }
|
|
.roytc_content .ma_login11:before{
|
|
background: url(../images/ma_login11.png) no-repeat top center; }
|
|
.roytc_content .ma_login12:before{
|
|
background: url(../images/ma_login12.png) no-repeat top center; }
|
|
.roytc_content .b_layout1:before{
|
|
background: url(../images/b_layout1.png) no-repeat top center; }
|
|
.roytc_content .b_layout2:before{
|
|
background: url(../images/b_layout2.png) no-repeat top center; }
|
|
.roytc_content .b_layout3:before{
|
|
background: url(../images/b_layout3.png) no-repeat top center; }
|
|
.roytc_content .b_layout4:before{
|
|
background: url(../images/b_layout4.png) no-repeat top center; }
|
|
.roytc_content .b_layout5:before{
|
|
background: url(../images/b_layout5.png) no-repeat top center; }
|
|
.roytc_content .b_layout6:before{
|
|
background: url(../images/b_layout6.png) no-repeat top center; }
|
|
.roytc_content .header_lay1:before{
|
|
background: url(../images/header_lay1.png) no-repeat top center; }
|
|
.roytc_content .header_lay2:before{
|
|
background: url(../images/header_lay2.png) no-repeat top center; }
|
|
.roytc_content .header_lay3:before{
|
|
background: url(../images/header_lay3.png) no-repeat top center; }
|
|
.roytc_content .header_lay4:before{
|
|
background: url(../images/header_lay4.png) no-repeat top center; }
|
|
.roytc_content .header_lay5:before{
|
|
background: url(../images/header_lay5.png) no-repeat top center; }
|
|
.roytc_content .header_lay6:before{
|
|
background: url(../images/header_lay6.png) no-repeat top center; }
|
|
.roytc_content .header_lay7:before{
|
|
background: url(../images/header_lay7.png) no-repeat top center; }
|
|
.roytc_content .items_onrow1:before{
|
|
background: url(../images/items_onrow1.png) no-repeat top center; }
|
|
.roytc_content .items_onrow2:before{
|
|
background: url(../images/items_onrow2.png) no-repeat top center; }
|
|
.roytc_content .items_onrow3:before{
|
|
background: url(../images/items_onrow3.png) no-repeat top center; }
|
|
.roytc_content .items_onrow4:before{
|
|
background: url(../images/items_onrow4.png) no-repeat top center; }
|
|
.roytc_content .items_onrow5:before{
|
|
background: url(../images/items_onrow5.png) no-repeat top center; }
|
|
.roytc_content .items_onrow6:before{
|
|
background: url(../images/items_onrow6.png) no-repeat top center; }
|
|
.roytc_content .blog_wrap1:before{
|
|
background: url(../images/blog_wrap1.png) no-repeat top center; }
|
|
.roytc_content .blog_wrap2:before{
|
|
background: url(../images/blog_wrap2.png) no-repeat top center; }
|
|
.roytc_content .blog_wrap3:before{
|
|
background: url(../images/blog_wrap3.png) no-repeat top center; }
|
|
.roytc_content .blog_lay1:before{
|
|
background: url(../images/blog_lay1.png) no-repeat top center; }
|
|
.roytc_content .blog_lay2:before{
|
|
background: url(../images/blog_lay2.png) no-repeat top center; }
|
|
.roytc_content .footer_lay1:before{
|
|
background: url(../images/footer_lay1.png) no-repeat top center; }
|
|
.roytc_content .footer_lay2:before{
|
|
background: url(../images/footer_lay2.png) no-repeat top center; }
|
|
.roytc_content .footer_lay3:before{
|
|
background: url(../images/footer_lay3.png) no-repeat top center; }
|
|
.roytc_content .footer_lay4:before{
|
|
background: url(../images/footer_lay4.png) no-repeat top center; }
|
|
.roytc_content .footer_lay5:before{
|
|
background: url(../images/footer_lay5.png) no-repeat top center; }
|
|
.roytc_content .footer_lay6:before{
|
|
background: url(../images/footer_lay6.png) no-repeat top center; }
|
|
.roytc_content .footer_lay7:before{
|
|
background: url(../images/footer_lay7.png) no-repeat top center; }
|
|
.roytc_content .footer_lay8:before{
|
|
background: url(../images/footer_lay8.png) no-repeat top center; }
|
|
|
|
.roytc_content .hp_width1:before{
|
|
background: url(../images/hp_width1.png) no-repeat top center; }
|
|
.roytc_content .hp_width2:before{
|
|
background: url(../images/hp_width2.png) no-repeat top center; }
|
|
.roytc_content .hp_lay1:before{
|
|
background: url(../images/hp_lay1.png) no-repeat top center; }
|
|
.roytc_content .hp_lay2:before{
|
|
background: url(../images/hp_lay2.png) no-repeat top center; }
|
|
.roytc_content .g_form1:before{
|
|
background: url(../images/g_form1.png) no-repeat top center; }
|
|
.roytc_content .g_form2:before{
|
|
background: url(../images/g_form2.png) no-repeat top center; }
|
|
|
|
.roytc_content .pp_z1:before{
|
|
background: url(../images/search1.png) no-repeat top center; }
|
|
.roytc_content .pp_z2:before{
|
|
background: url(../images/plus.png) no-repeat top center; }
|
|
.roytc_content .pp_z3:before{
|
|
background: url(../images/round_plus.png) no-repeat top center; }
|
|
.roytc_content .pp_z4:before{
|
|
background: url(../images/eye.png) no-repeat top center; }
|
|
|
|
.roytc_content .scheme1:before{
|
|
background: url(../images/scheme1.png) no-repeat top center; }
|
|
.roytc_content .scheme2:before{
|
|
background: url(../images/scheme2.png) no-repeat top center; }
|
|
.roytc_content .scheme3:before{
|
|
background: url(../images/scheme3.png) no-repeat top center; }
|
|
.roytc_content .scheme4:before{
|
|
background: url(../images/scheme4.png) no-repeat top center; }
|
|
.roytc_content .scheme5:before{
|
|
background: url(../images/scheme5.png) no-repeat top center; }
|
|
.roytc_content .scheme6:before{
|
|
background: url(../images/scheme6.png) no-repeat top center; }
|
|
.roytc_content .scheme7:before{
|
|
background: url(../images/scheme7.png) no-repeat top center; }
|
|
.roytc_content .scheme8:before{
|
|
background: url(../images/scheme8.png) no-repeat top center; }
|
|
.roytc_content .scheme9:before{
|
|
background: url(../images/scheme9.png) no-repeat top center; }
|
|
.roytc_content .nc_p_hover1:before{
|
|
background: url(../images/nc_p_hover1.gif) no-repeat top center; }
|
|
.roytc_content .nc_p_hover2:before{
|
|
background: url(../images/nc_p_hover2.gif) no-repeat top center; }
|
|
.roytc_content .nc_p_hover3:before{
|
|
background: url(../images/nc_p_hover3.gif) no-repeat top center; }
|
|
.roytc_content .nc_p_hover4:before{
|
|
background: url(../images/nc_p_hover4.gif) no-repeat top center; }
|
|
.roytc_content .nc_pc_layout1:before{
|
|
background: url(../images/pl1.png) no-repeat top center; }
|
|
.roytc_content .nc_pc_layout2:before{
|
|
background: url(../images/pl2.png) no-repeat top center; }
|
|
.roytc_content .nc_sale1:before{
|
|
background: url(../images/nc_sale1.png) no-repeat top center; }
|
|
.roytc_content .nc_sale2:before{
|
|
background: url(../images/nc_sale2.png) no-repeat top center; }
|
|
.roytc_content .nc_label1:before{
|
|
background: url(../images/nc_label1.png) no-repeat top center; }
|
|
.roytc_content .nc_label2:before{
|
|
background: url(../images/nc_label2.png) no-repeat top center; }
|
|
.roytc_content .nc_label3:before{
|
|
background: url(../images/nc_label3.png) no-repeat top center; }
|
|
.roytc_content .nc_startype1:before{
|
|
background: url(../images/nc_startype1.png) no-repeat top center; }
|
|
.roytc_content .nc_startype2:before{
|
|
background: url(../images/nc_startype2.png) no-repeat top center; }
|
|
.roytc_content .info_lay1:before{
|
|
background: url(../images/info_lay1.png) no-repeat top center; }
|
|
.roytc_content .info_lay2:before{
|
|
background: url(../images/info_lay2.png) no-repeat top center; }
|
|
.roytc_content .info_lay3:before{
|
|
background: url(../images/info_lay3.png) no-repeat top center; }
|
|
.roytc_content .mini_lay1:before{
|
|
background: url(../images/mini_lay1.png) no-repeat top center; }
|
|
.roytc_content .mini_lay2:before{
|
|
background: url(../images/mini_lay2.png) no-repeat top center; }
|
|
.roytc_content .mini_lay3:before{
|
|
background: url(../images/mini_lay3.png) no-repeat top center; }
|
|
.roytc_content .mini_lay4:before{
|
|
background: url(../images/mini_lay4.png) no-repeat top center; }
|
|
.roytc_content .mini_lay5:before{
|
|
background: url(../images/mini_lay5.png) no-repeat top center; }
|
|
.roytc_content .mini_lay6:before{
|
|
background: url(../images/mini_lay6.png) no-repeat top center; }
|
|
.roytc_content .ht_lay1:before{
|
|
background: url(../images/ht_lay1.png) no-repeat top center; }
|
|
.roytc_content .ht_lay2:before{
|
|
background: url(../images/ht_lay2.png) no-repeat top center; }
|
|
.roytc_content .ht_lay3:before{
|
|
background: url(../images/ht_lay3.png) no-repeat top center; }
|
|
.roytc_content .ht_lay4:before{
|
|
background: url(../images/ht_lay4.png) no-repeat top center; }
|
|
.roytc_content .ht_lay5:before{
|
|
background: url(../images/ht_lay5.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_q1:before{
|
|
background: url(../images/pp_q1.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_q2:before{
|
|
background: url(../images/pp_q2.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_qm1:before{
|
|
background: url(../images/pp_qm1.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_qm2:before{
|
|
background: url(../images/pp_qm2.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_col1:before{
|
|
background: url(../images/pp_col1.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_col2:before{
|
|
background: url(../images/pp_col2.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_col3:before{
|
|
background: url(../images/pp_col3.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_col4:before{
|
|
background: url(../images/pp_col4.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_col5:before{
|
|
background: url(../images/pp_col5.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_col6:before{
|
|
background: url(../images/pp_col6.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_col7:before{
|
|
background: url(../images/pp_col7.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_tabs1:before{
|
|
background: url(../images/pp_tabs1.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_tabs2:before{
|
|
background: url(../images/pp_tabs2.png) no-repeat top center; }
|
|
.roytc_content .nc_pos1:before{
|
|
background: url(../images/nc_pos1.png) no-repeat top center; }
|
|
.roytc_content .nc_pos2:before{
|
|
background: url(../images/nc_pos2.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_image1:before{
|
|
background: url(../images/pp_image1.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_image2:before{
|
|
background: url(../images/pp_image2.png) no-repeat top center; }
|
|
.roytc_content .nc_pp_image3:before{
|
|
background: url(../images/pp_image3.png) no-repeat top center; }
|
|
.roytc_content .search_lay1:before{
|
|
background: url(../images/search_lay1.png) no-repeat top center; }
|
|
.roytc_content .search_lay2:before{
|
|
background: url(../images/search_lay2.png) no-repeat top center; }
|
|
.roytc_content .search_lay3:before{
|
|
background: url(../images/search_lay3.png) no-repeat top center; }
|
|
.roytc_content .search_lay4:before{
|
|
background: url(../images/search_lay4.png) no-repeat top center; }
|
|
.roytc_content .cs_base1:before{
|
|
background: url(../images/cs_base1.png) no-repeat top center; }
|
|
.roytc_content .cs_base2:before{
|
|
background: url(../images/cs_base2.png) no-repeat top center; }
|
|
.roytc_content .cs_base3:before{
|
|
background: url(../images/cs_base3.png) no-repeat top center; }
|
|
.roytc_content .cs_base4:before{
|
|
background: url(../images/cs_base4.png) no-repeat top center; }
|
|
.roytc_content .cart_lay1:before{
|
|
background: url(../images/cart_lay1.png) no-repeat top center; }
|
|
.roytc_content .cart_lay2:before{
|
|
background: url(../images/cart_lay2.png) no-repeat top center; }
|
|
.roytc_content .cart_lay3:before{
|
|
background: url(../images/cart_lay3.png) no-repeat top center; }
|
|
.roytc_content .cart_lay4:before{
|
|
background: url(../images/cart_lay4.png) no-repeat top center; }
|
|
.roytc_content .cart_lay5:before{
|
|
background: url(../images/cart_lay5.png) no-repeat top center; }
|
|
.roytc_content .acc_lay1:before{
|
|
background: url(../images/acc_lay1.png) no-repeat top center; }
|
|
.roytc_content .acc_lay2:before{
|
|
background: url(../images/acc_lay2.png) no-repeat top center; }
|
|
.roytc_content .acc_lay3:before{
|
|
background: url(../images/acc_lay3.png) no-repeat top center; }
|
|
.roytc_content .acc_lay4:before{
|
|
background: url(../images/acc_lay4.png) no-repeat top center; }
|
|
.roytc_content .acc_lay5:before{
|
|
background: url(../images/acc_lay5.png) no-repeat top center; }
|
|
.roytc_content .acc_icon1:before{
|
|
background: url(../images/acc_icon1.png) no-repeat top center; }
|
|
.roytc_content .acc_icon2:before{
|
|
background: url(../images/acc_icon2.png) no-repeat top center; }
|
|
.roytc_content .acc_icon3:before{
|
|
background: url(../images/acc_icon3.png) no-repeat top center; }
|
|
.roytc_content .acc_icon4:before{
|
|
background: url(../images/acc_icon4.png) no-repeat top center; }
|
|
.roytc_content .acc_icon5:before{
|
|
background: url(../images/acc_icon5.png) no-repeat top center; }
|
|
.roytc_content .acc_icon6:before{
|
|
background: url(../images/acc_icon6.png) no-repeat top center; }
|
|
.roytc_content .acc_icon7:before{
|
|
background: url(../images/acc_icon7.png) no-repeat top center; }
|
|
.roytc_content .acc_icon8:before{
|
|
background: url(../images/acc_icon8.png) no-repeat top center; }
|
|
.roytc_content .acc_icon9:before{
|
|
background: url(../images/acc_icon9.png) no-repeat top center; }
|
|
.roytc_content .bg1:before{
|
|
background: url(../images/bg1.png) no-repeat top center; }
|
|
.roytc_content .bg2:before{
|
|
background: url(../images/bg2.png) no-repeat top center; }
|
|
.roytc_content .bg3:before{
|
|
background: url(../images/bg3.png) no-repeat top center; }
|
|
.roytc_content .bg4:before{
|
|
background: url(../images/bg4.png) no-repeat top center; }
|
|
.roytc_content .bg5:before{
|
|
background: url(../images/bg5.png) no-repeat top center; }
|
|
|
|
.roytc_content .nc_m_icon1:before{
|
|
background: url(../images/nc_m_icon1.png) no-repeat 50% 50%; }
|
|
.roytc_content .nc_m_icon2:before{
|
|
background: url(../images/nc_m_icon2.png) no-repeat 50% 50%; }
|
|
.roytc_content .nc_m_icon3:before{
|
|
background: url(../images/nc_m_icon3.png) no-repeat 50% 50%; }
|
|
.roytc_content .nc_m_icon4:before{
|
|
background: url(../images/nc_m_icon4.png) no-repeat 50% 50%; }
|
|
.roytc_content .nc_m_icon5:before{
|
|
background: url(../images/nc_m_icon5.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon1:before{
|
|
background: url(../images/cart_icon1.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon2:before{
|
|
background: url(../images/cart_icon2.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon3:before{
|
|
background: url(../images/cart_icon3.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon4:before{
|
|
background: url(../images/cart_icon4.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon5:before{
|
|
background: url(../images/cart_icon5.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon6:before{
|
|
background: url(../images/cart_icon6.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon7:before{
|
|
background: url(../images/cart_icon7.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon8:before{
|
|
background: url(../images/cart_icon8.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon9:before{
|
|
background: url(../images/cart_icon9.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon10:before{
|
|
background: url(../images/cart_icon10.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon11:before{
|
|
background: url(../images/cart_icon11.png) no-repeat 50% 50%; }
|
|
.roytc_content .cart_icon12:before{
|
|
background: url(../images/cart_icon12.png) no-repeat 50% 50%; }
|
|
|
|
|
|
.roytc_content .i_search1:before{
|
|
background: url(../images/i_search1.png) no-repeat 50% 50%; }
|
|
.roytc_content .i_search2:before{
|
|
background: url(../images/i_search2.png) no-repeat 50% 50%; }
|
|
.roytc_content .i_search3:before{
|
|
background: url(../images/i_search3.png) no-repeat 50% 50%; }
|
|
.roytc_content .i_search4:before{
|
|
background: url(../images/i_search4.png) no-repeat 50% 50%; }
|
|
|
|
.roytc_content .nc_i_qv1:before{
|
|
background: url(../images/nc_i_qv1.png) no-repeat 50% 50%; }
|
|
.roytc_content .nc_i_qv2:before{
|
|
background: url(../images/nc_i_qv2.png) no-repeat 50% 50%; }
|
|
.roytc_content .nc_i_qv3:before{
|
|
background: url(../images/nc_i_qv3.png) no-repeat 50% 50%; }
|
|
.roytc_content .nc_i_qv4:before{
|
|
background: url(../images/nc_i_qv4.png) no-repeat 50% 50%; }
|
|
.roytc_content .nc_i_qv5:before{
|
|
background: url(../images/nc_i_qv5.png) no-repeat 50% 50%; }
|
|
.roytc_content .nc_i_qv6:before{
|
|
background: url(../images/nc_i_qv6.png) no-repeat 50% 50%; }
|
|
|
|
.roytc_content .pl_i_w1:before{
|
|
background: url(../images/pl_i_w1.png) no-repeat top center; }
|
|
.roytc_content .pl_i_w2:before{
|
|
background: url(../images/pl_i_w2.png) no-repeat top center; }
|
|
.roytc_content .pl_i_w3:before{
|
|
background: url(../images/pl_i_w3.png) no-repeat top center; }
|
|
.roytc_content .pl_i_c1:before{
|
|
background: url(../images/pl_i_c1.png) no-repeat top center; }
|
|
.roytc_content .pl_i_c2:before{
|
|
background: url(../images/pl_i_c2.png) no-repeat top center; }
|
|
.roytc_content .pl_i_c3:before{
|
|
background: url(../images/pl_i_c3.png) no-repeat top center; }
|
|
.roytc_content .pl_i_c4:before{
|
|
background: url(../images/pl_i_c4.png) no-repeat top center; }
|
|
.roytc_content .pl_i_c5:before{
|
|
background: url(../images/pl_i_c5.png) no-repeat top center; }
|
|
.roytc_content .pl_i_a1:before{
|
|
background: url(../images/pl_i_a1.png) no-repeat top center; }
|
|
.roytc_content .pl_i_a2:before{
|
|
background: url(../images/pl_i_a2.png) no-repeat top center; }
|
|
.roytc_content .pl_i_a3:before{
|
|
background: url(../images/pl_i_a3.png) no-repeat top center; }
|
|
.roytc_content .pl_i_a4:before{
|
|
background: url(../images/pl_i_a4.png) no-repeat top center; }
|
|
.roytc_content .pl_i_a5:before{
|
|
background: url(../images/pl_i_a5.png) no-repeat top center; }
|
|
.roytc_content .pl_i_a6:before{
|
|
background: url(../images/pl_i_a6.png) no-repeat top center; }
|
|
.roytc_content .pl_i_a7:before{
|
|
background: url(../images/pl_i_a7.png) no-repeat top center; }
|
|
.roytc_content .pl_i_a8:before{
|
|
background: url(../images/pl_i_a8.png) no-repeat top center; }
|
|
.roytc_content .nc_i_fav1:before{
|
|
background: url(../images/nc_i_fav1.png) no-repeat top center; }
|
|
.roytc_content .nc_i_fav2:before{
|
|
background: url(../images/nc_i_fav2.png) no-repeat top center; }
|
|
.roytc_content .nc_i_fav3:before{
|
|
background: url(../images/nc_i_fav3.png) no-repeat top center; }
|
|
.roytc_content .nc_i_discover1:before{
|
|
background: url(../images/nc_i_discover1.png) no-repeat top center; }
|
|
.roytc_content .nc_i_discover2:before{
|
|
background: url(../images/nc_i_discover2.png) no-repeat top center; }
|
|
.roytc_content .nc_i_discover3:before{
|
|
background: url(../images/nc_i_discover3.png) no-repeat top center; }
|
|
.roytc_content .nc_i_discover4:before{
|
|
background: url(../images/nc_i_discover4.png) no-repeat top center; }
|
|
.roytc_content .nc_i_discover5:before{
|
|
background: url(../images/nc_i_discover5.png) no-repeat top center; }
|
|
.roytc_content .nc_i_discover6:before{
|
|
background: url(../images/nc_i_discover6.png) no-repeat top center; }
|
|
.roytc_content .nc_i_discover7:before{
|
|
background: url(../images/nc_i_discover7.png) no-repeat top center; }
|
|
.roytc_content .nc_i_discover8:before{
|
|
background: url(../images/nc_i_discover8.png) no-repeat top center; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.rmode span{
|
|
display:inline-block;
|
|
text-align:center;
|
|
width:170px;
|
|
text-indent: 0;
|
|
margin-left:30px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.rmode:before {
|
|
display: inline-block;
|
|
width: 180px;
|
|
cursor:pointer;
|
|
color:#888888;
|
|
font-weight:bold;
|
|
content:' ';
|
|
font-size:14px;
|
|
text-align: center;
|
|
border: none;
|
|
padding-top:160px;
|
|
margin: -50px 10px 0 0; }
|
|
|
|
.roytc_content .rm0:before{
|
|
background: url(../images/rmode0.png) no-repeat top center; }
|
|
.roytc_content .rm1:before{
|
|
background: url(../images/rmode1.png) no-repeat top center; }
|
|
.roytc_content .rm2:before{
|
|
background: url(../images/rmode2.png) no-repeat top center; }
|
|
|
|
#tab-fonts1 .roytc_row { width:50%; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.logo_align {
|
|
width:auto;
|
|
padding:0 12px; }
|
|
.roytc_form .roytc_filedset .roytc_content p.grad_direction {
|
|
background: url(../images/grad_direction.png) no-repeat 0 0;
|
|
height: 67px;
|
|
margin-top: 20px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content p.helpcontent {
|
|
font-size:14px;
|
|
font-weight: 500;
|
|
margin:40px 0 5px 0;
|
|
border-radius: 6px;
|
|
border-left:6px solid #ffcf00;
|
|
padding: 34px 20px 34px 80px;
|
|
background: url(../images/helpicon.png) no-repeat 6px 15px #ffffff;
|
|
color:#646c76; }
|
|
.roytc_form .roytc_filedset .roytc_content p.link {
|
|
font-size:13px;
|
|
color:#000000; }
|
|
.roytc_form .roytc_filedset .roytc_content p.fontshow {
|
|
min-height:70px;
|
|
font-size:14px;
|
|
padding: 20px 0 10px;
|
|
margin-top:0;
|
|
margin-right:30px;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-ms-border-radius: 3px;
|
|
-o-border-radius: 3px;
|
|
border-radius: 3px;
|
|
color:#888888; }
|
|
.roytc_form .roytc_filedset .roytc_content select,
|
|
.roytc_form .roytc_filedset .roytc_content input[type="text"],
|
|
.roytc_form .roytc_filedset .roytc_content input[type="file"] {
|
|
padding: 0;
|
|
height: 80px;
|
|
max-width:130px;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
margin-right:10px;
|
|
font-size: 13px;
|
|
letter-spacing: 1px;
|
|
font-weight: 600;
|
|
background:#ffffff;
|
|
border: none!important;
|
|
border-radius:6px!important;
|
|
outline:none;
|
|
box-shadow: 0 14px 50px 0px rgba(0, 0, 0, 0.12);
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
color: #646c76; }
|
|
.roytc_form .roytc_filedset .roytc_content input[type="file"] {
|
|
max-width:100%;
|
|
padding-top: 14px;
|
|
margin-right:0;
|
|
cursor:pointer;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
text-indent: -5000px;
|
|
text-align: center;
|
|
padding-top: 26px;
|
|
letter-spacing: 0px;
|
|
}
|
|
div.file_design {
|
|
position: absolute;
|
|
top:27px;
|
|
left:40px;
|
|
pointer-events: none;
|
|
width: 28px;
|
|
height: 28px;
|
|
-webkit-mask-image: url(../images/upload.svg);
|
|
mask-image: url(../images/upload.svg);
|
|
-webkit-mask-size:cover;
|
|
mask-size:cover;
|
|
background: #3a51db;
|
|
}
|
|
#f_headings, #f_buttons, #f_text, #f_price, #f_pn { max-width:300px!important; }
|
|
.roytc_form .roytc_filedset .roytc_content select:focus,
|
|
.roytc_form .roytc_filedset .roytc_content input[type="text"]:focus,
|
|
.roytc_form .roytc_filedset .roytc_content input[type="file"]:focus {
|
|
border-color:#617cf1!important;
|
|
-webkit-box-shadow: 0px 0px 6px -1px rgba(97,124,241,1), 0 14px 22px 0px rgba(0, 0, 0, 0.14);
|
|
-moz-box-shadow: 0px 0px 6px -1px rgba(97,124,241,1), 0 14px 22px 0px rgba(0, 0, 0, 0.14);
|
|
box-shadow: 0px 0px 6px -1px rgba(97,124,241,1), 0 14px 22px 0px rgba(0, 0, 0, 0.14);
|
|
outline:none; }
|
|
.roytc_form .roytc_filedset .roytc_content select {
|
|
padding:0 22px;
|
|
margin:0;
|
|
cursor:pointer;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .select_wrapper {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .select_wrapper:before {
|
|
content:url('../images/chevrons-down.svg');
|
|
position: absolute;
|
|
width:22px;
|
|
height:22px;
|
|
right:22px;
|
|
top:50%;
|
|
transform:translateY(-50%);
|
|
z-index: 5;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content input.button {
|
|
font-size:15px!important;
|
|
padding:14px 40px!important;
|
|
border-radius: 4px!important;
|
|
margin: 2px 0 0 0!important;
|
|
height: 78px;
|
|
letter-spacing: 0.4px;
|
|
font-weight:500!important;
|
|
font-family: "Poppins", sans-serif!important;
|
|
background:#3a51db!important;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
border:none!important;
|
|
text-shadow:none!important;
|
|
color:#ffffff!important; }
|
|
.roytc_form .roytc_filedset .roytc_content input.button:hover {
|
|
background:#24bc6c!important; }
|
|
#content .roytc_form .roytc_filedset h2 {
|
|
color:#2a2b46;
|
|
font-family: "Poppins", sans-serif!important;
|
|
line-height:100px;
|
|
height:100px;
|
|
margin: 0;
|
|
font-weight: 500!important;
|
|
text-transform: none!important;
|
|
font-size:20px;
|
|
padding:0; }
|
|
|
|
|
|
.roytc_form .roytc_filedset h3 {
|
|
display: inline-block;
|
|
width:100%;
|
|
color: #2a2b46!important;
|
|
font-family: "Poppins", sans-serif!important;
|
|
font-size: 20px!important;
|
|
text-transform: none!important;
|
|
padding: 50px 50px 20px 3px;
|
|
font-weight: 500!important;
|
|
position: relative;
|
|
letter-spacing: 0.3px;
|
|
margin: 30px 0 0 0; }
|
|
.roytc_form .roytc_filedset h3:before {
|
|
content:' ';
|
|
display:block;
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
height:2px;
|
|
margin-left:0;
|
|
background: #dfe2ea;
|
|
width:100%; }
|
|
.roytc_form .roytc_filedset h3.first {
|
|
margin:0;
|
|
padding-top:40px; }
|
|
.roytc_form .roytc_filedset h3.first:before {
|
|
display: none; }
|
|
.roytc_form .roytc_filedset h4.first {
|
|
margin-top:0; }
|
|
.roytc_form .roytc_filedset h4.first:before {
|
|
display: none; }
|
|
|
|
.roytc_form .roytc_filedset h4 {
|
|
display: inline-block;
|
|
width:100%;
|
|
color: #2a2b46;
|
|
font-family: "Poppins", sans-serif!important;
|
|
font-size: 18px!important;
|
|
padding: 48px 0 20px;
|
|
font-weight: 500!important;
|
|
position: relative;
|
|
margin: 0; }
|
|
.roytc_form .roytc_filedset h4:before {
|
|
content:' ';
|
|
display:block;
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
height:2px;
|
|
margin-left:0;
|
|
background: #dfe2ea;
|
|
width:calc(100% - 60px); }
|
|
|
|
|
|
|
|
.roytc_form .roytc_filedset .separator {
|
|
padding:20px 0;
|
|
position: relative; }
|
|
|
|
.roytc_row .mColorPickerTrigger {
|
|
width: 42px;
|
|
height: 42px;
|
|
display: inline-block;
|
|
background-color: #ffffff;
|
|
box-shadow: 0 11px 22px 0px rgba(0, 0, 0, 0.11);
|
|
margin-left: 0;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
line-height: 42px;
|
|
border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
vertical-align: middle;
|
|
margin-top:-6px;
|
|
-webkit-transition: all 0.2s ease;
|
|
-moz-transition: all 0.2s ease;
|
|
-ms-transition: all 0.2s ease;
|
|
-o-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
position: relative;
|
|
}
|
|
.roytc_row .mColorPickerTrigger:before {
|
|
font-family: 'Ionicons';
|
|
content: "\f4d6";
|
|
color:#bfc5d6;
|
|
font-size: 20px;
|
|
line-height: 42px;
|
|
display: block;
|
|
pointer-events: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
right:0;
|
|
top: 0;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
}
|
|
.roytc_row .mColorPickerTrigger img {
|
|
vertical-align: -2px!important;
|
|
padding:0!important;
|
|
margin:0!important;
|
|
display: none;
|
|
}
|
|
|
|
.roytc_row .mColorPickerTrigger:hover {
|
|
-ms-transform: rotate(20deg); /* IE 9 */
|
|
-webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
|
|
transform: rotate(20deg);
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
}
|
|
|
|
.roytc_row .mColorPickerTrigger:hover:before {
|
|
color:#3a51db;
|
|
}
|
|
|
|
|
|
/* RADIO */
|
|
.regular-radio {
|
|
display:none!important; }
|
|
|
|
.regular-radio + label.t {
|
|
-webkit-appearance:none;
|
|
background-color:none;
|
|
border:3px solid #d1d5e2;
|
|
box-shadow:0 1px 6px rgba(255,255,255,1),inset 0 -15px 10px -12px rgba(255,255,255,0.1);
|
|
padding:0px!important;
|
|
width:28px!important;
|
|
height:28px!important;
|
|
line-height:22px!important;
|
|
border-radius:50px;
|
|
display:inline-block;
|
|
position:relative;
|
|
cursor: pointer;
|
|
margin-top:5px;
|
|
text-indent: 32px;
|
|
margin-right: 44px;
|
|
font-weight: bold; }
|
|
|
|
.regular-radio:checked + label.t {
|
|
background:#ffffff;
|
|
}
|
|
|
|
.regular-radio:checked + label.t:after {
|
|
content:' ';
|
|
width:14px;
|
|
height:14px;
|
|
border-radius:50px;
|
|
position:absolute;
|
|
top:4px;
|
|
background:#4b75ff;
|
|
text-shadow:0;
|
|
left:4px;
|
|
box-shadow: 0 6px 20px 3px #40a3ff;
|
|
font-size:32px; }
|
|
|
|
|
|
.regular-radio:checked + label.t {
|
|
background-color:none;
|
|
border:3px solid #728cff;
|
|
box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1),inset 0 0 10px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.regular-radio + label.t:active,
|
|
.regular-radio:checked + label.t:active {
|
|
box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1); }
|
|
|
|
|
|
/* COLOR SCHEMES */
|
|
.regular-radio + label.scheme {
|
|
-webkit-appearance:none;
|
|
display: inline-block;
|
|
width: 180px;
|
|
height: 50px;
|
|
cursor:pointer;
|
|
border:1px solid #ccc;
|
|
background-color:#fafafa;
|
|
padding:0!important;
|
|
margin: 0 0 0 -1px; }
|
|
|
|
.regular-radio:checked + label.scheme {
|
|
border-color:#323232;
|
|
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
|
|
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
|
|
box-shadow: 0 0 10px rgba(0,0,0,0.2); }
|
|
|
|
.regular-radio + label.scheme:active,
|
|
.regular-radio:checked + label.scheme:active {
|
|
box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1); }
|
|
|
|
.regular-radio:checked + label.scheme:after {
|
|
}
|
|
|
|
|
|
/* PATTERNS FOR BOXED BACKGROUND */
|
|
.roytc_form .roytc_filedset .roytc_content label.paticon,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_rp,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_rm,
|
|
.roytc_form .roytc_filedset .roytc_content label.pp_z,
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_icon,
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_demo,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_reg,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_login,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_layout,
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_pc_layout,
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_p_hover,
|
|
.roytc_form .roytc_filedset .roytc_content label.footer_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.ds,
|
|
.roytc_form .roytc_filedset .roytc_content label.header_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_date,
|
|
.roytc_form .roytc_filedset .roytc_content label.it_mode,
|
|
.roytc_form .roytc_filedset .roytc_content label.ht_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.demo,
|
|
.roytc_form .roytc_filedset .roytc_content label.scheme,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_s_sw,
|
|
.roytc_form .roytc_filedset .roytc_content label.width,
|
|
.roytc_form .roytc_filedset .roytc_content label.up_mode {
|
|
-webkit-appearance:none;
|
|
display: inline-block;
|
|
width: 180px;
|
|
height: 80px;
|
|
cursor:pointer;
|
|
border:2px solid #000000;
|
|
background:none;
|
|
position: relative;
|
|
padding:0!important;
|
|
margin: -1px 0 0 -1px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_reg,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_login,
|
|
.roytc_form .roytc_filedset .roytc_content label.pp_z,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_rm {
|
|
border-left:2px solid #ededed;
|
|
border-right:none;
|
|
width: 80px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_reg:first-of-type,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_login:first-of-type,
|
|
.roytc_form .roytc_filedset .roytc_content label.pp_z:first-of-type,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_rm:first-of-type {
|
|
border-left:2px solid #000000; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_reg:last-child,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_login:last-child,
|
|
.roytc_form .roytc_filedset .roytc_content label.pp_z:last-child,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_rm:last-child {
|
|
border-right:2px solid #000000; }
|
|
.roytc_form .roytc_filedset .roytc_content label.it_mode,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_s_sw,
|
|
.roytc_form .roytc_filedset .roytc_content label.width,
|
|
.roytc_form .roytc_filedset .roytc_content label.up_mode {
|
|
border:2px solid #000000;
|
|
width: 160px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_date {
|
|
border:2px solid #000000;
|
|
width: 100px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ht_lay {
|
|
border:2px solid #000000;
|
|
height:100px;
|
|
margin:-2px 0 0 -2px;
|
|
width: 240px; }
|
|
/* .roytc_form .roytc_filedset .roytc_content label.demo span.new {
|
|
display: block;
|
|
border-radius: 50%;
|
|
background: #000000;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
position: absolute;
|
|
line-height: 70px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
top: 44px;
|
|
right: -30px;
|
|
width: 70px;
|
|
height: 70px;
|
|
z-index: 3;
|
|
text-shadow: none; } */
|
|
.roytc_form .roytc_filedset .roytc_content label.scheme {
|
|
border: none;
|
|
height: 160px;
|
|
margin: 0 10px 10px 0;
|
|
width: 130px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.b_layout {
|
|
border:2px solid #000000;
|
|
height:100px;
|
|
margin:0 15px 15px 0!important;
|
|
width: 430px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_pc_layout {
|
|
border:2px solid #000000;
|
|
height:350px;
|
|
margin:0 22px 30px 0!important;
|
|
width: 225px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_pc_layout:last-child {
|
|
margin-right:0!important; }
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_p_hover {
|
|
border:2px solid #000000;
|
|
height:340px;
|
|
margin:0 22px 30px 0!important;
|
|
width: 225px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.nc_p_hover:last-child {
|
|
margin-right:0!important; }
|
|
.roytc_form .roytc_filedset .roytc_content label.footer_lay {
|
|
border:2px solid #000000;
|
|
height:130px;
|
|
margin:0 30px 30px 0!important;
|
|
width: 180px; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.ds {
|
|
border:none;
|
|
height:130px;
|
|
margin:22px 22px 0 0!important;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
width: 180px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.up {
|
|
height:80px!important;
|
|
margin:0!important;
|
|
width: 140px; }
|
|
.roywrap .roytc_row.up_wrap {
|
|
min-width: 300px;
|
|
padding-right: 0;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.ds:hover {
|
|
background: #ffffff;
|
|
box-shadow: 0 10px 26px 1px rgba(0, 0, 0, 0.18);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_header {
|
|
margin:22px 22px 0 0!important;
|
|
width: 390px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.up {
|
|
margin:0!important;
|
|
width: 140px; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.ds:hover {
|
|
background: #ffffff;
|
|
box-shadow: 0 10px 26px 1px rgba(0, 0, 0, 0.18);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_icon {
|
|
border:none;
|
|
height:90px;
|
|
margin:22px -7px 0 0!important;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
width: 90px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_demo {
|
|
border:none;
|
|
height:206px;
|
|
margin:0 22px 56px 0!important;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
width: 286px; }
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_icon:hover {
|
|
background: #ffffff;
|
|
box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_demo:hover {
|
|
background: #ffffff;
|
|
box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .margin-form > label:last-of-type {
|
|
margin-right:0!important
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .margin-form > label.t:last-of-type {
|
|
margin-right:30px!important
|
|
}
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover {
|
|
-webkit-appearance:none;
|
|
display: inline-block;
|
|
width: 180px;
|
|
height: 60px;
|
|
font-size:15px;
|
|
cursor:pointer;
|
|
border:2px solid #ddd;
|
|
background-color:#fafafa;
|
|
border-radius: 5px;
|
|
position: relative;
|
|
padding:0!important;
|
|
-webkit-transition: all 0.2s ease-out;
|
|
-moz-transition: all 0.2s ease-out;
|
|
-ms-transition: all 0.2s ease-out;
|
|
-o-transition: all 0.2s ease-out;
|
|
transition: all 0.2s ease-out;
|
|
margin: 0 15px 15px 0; }
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover15 {
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-ms-transition: none;
|
|
-o-transition: none;
|
|
transition: none; }
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover:hover {
|
|
border-color: #00bda0; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.g_lay,
|
|
.roytc_form .roytc_filedset .roytc_content label.b_rp,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_rm,
|
|
.roytc_form .roytc_filedset .roytc_content label.pp_z,
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_icon,
|
|
.roytc_form .roytc_filedset .roytc_content label.ds_demo,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_reg,
|
|
.roytc_form .roytc_filedset .roytc_content label.ma_login,
|
|
.roytc_form .roytc_filedset .roytc_content label.bl_date,
|
|
.roytc_form .roytc_filedset .roytc_content label.it_mode,
|
|
.roytc_form .roytc_filedset .roytc_content label.g_s_sw,
|
|
.roytc_form .roytc_filedset .roytc_content label.width,
|
|
.roytc_form .roytc_filedset .roytc_content label.up_mode {
|
|
margin:-30px -2px 0 0;
|
|
}
|
|
|
|
.regular-radio:checked + label.paticon,
|
|
.regular-radio:checked + label.g_lay,
|
|
.regular-radio:checked + label.b_rp,
|
|
.regular-radio:checked + label.bl_rm,
|
|
.regular-radio:checked + label.pp_z,
|
|
.regular-radio:checked + label.ds_icon,
|
|
.regular-radio:checked + label.ds_demo,
|
|
.regular-radio:checked + label.ma_reg,
|
|
.regular-radio:checked + label.ma_login,
|
|
.regular-radio:checked + label.b_layout,
|
|
.regular-radio:checked + label.nc_pc_layout,
|
|
.regular-radio:checked + label.nc_p_hover,
|
|
.regular-radio:checked + label.footer_lay,
|
|
.regular-radio:checked + label.header_lay,
|
|
.regular-radio:checked + label.ds,
|
|
.regular-radio:checked + label.bl_date,
|
|
.regular-radio:checked + label.it_mode,
|
|
.regular-radio:checked + label.g_s_sw,
|
|
.regular-radio:checked + label.ht_lay,
|
|
.regular-radio:checked + label.demo,
|
|
.regular-radio:checked + label.scheme,
|
|
.regular-radio:checked + label.width,
|
|
.regular-radio:checked + label.up_mode,
|
|
.regular-radio:checked + label.b_hover {
|
|
-webkit-box-shadow: inset 0px 0px 0px 2px rgba(26,188,110,1);
|
|
-moz-box-shadow: inset 0px 0px 0px 2px rgba(26,188,110,1);
|
|
box-shadow: inset 0px 0px 0px 2px rgba(26,188,110,1); }
|
|
|
|
.regular-radio + label.paticon:after,
|
|
.regular-radio + label.g_lay:after,
|
|
.regular-radio + label.b_rp:after,
|
|
.regular-radio + label.bl_rm:after,
|
|
.regular-radio + label.pp_z:after,
|
|
.regular-radio + label.ds_icon:after,
|
|
.regular-radio + label.ds_demo:after,
|
|
.regular-radio + label.ma_reg:after,
|
|
.regular-radio + label.ma_login:after,
|
|
.regular-radio + label.b_layout:after,
|
|
.regular-radio + label.nc_pc_layout:after,
|
|
.regular-radio + label.nc_p_hover:after,
|
|
.regular-radio + label.footer_lay:after,
|
|
.regular-radio + label.ds:after,
|
|
.regular-radio + label.header_lay:after,
|
|
.regular-radio + label.bl_date:after,
|
|
.regular-radio + label.up_mode:after,
|
|
.regular-radio + label.width:after,
|
|
.regular-radio + label.it_mode:after,
|
|
.regular-radio + label.g_s_sw:after,
|
|
.regular-radio + label.demo:after,
|
|
.regular-radio + label.scheme:after,
|
|
.regular-radio + label.ht_lay:after,
|
|
.regular-radio + label.b_hover:after {
|
|
position: absolute;
|
|
content: '';
|
|
font-size: 44px;
|
|
font-weight: 200;
|
|
line-height: 80px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
color: #fff;
|
|
left:0;
|
|
top:-10px;
|
|
opacity:0;
|
|
-webkit-transition: all 0.2s ease-out;
|
|
-moz-transition: all 0.2s ease-out;
|
|
-ms-transition: all 0.2s ease-out;
|
|
-o-transition: all 0.2s ease-out;
|
|
transition: all 0.2s ease-out;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index:2;
|
|
}
|
|
.roytc_content .regular-radio + label span:after {
|
|
position: absolute;
|
|
content: url(../images/check.png);
|
|
right:0;
|
|
top:0;
|
|
opacity:0;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
width: 69px;
|
|
height: 69px;
|
|
z-index:5;
|
|
transform: translate(0, -30%);
|
|
}
|
|
.roytc_content .regular-radio:checked + label span:after {
|
|
opacity:1;
|
|
transform: translate(0, 0);
|
|
}
|
|
.roytc_content .regular-radio:checked + label {
|
|
box-shadow: 0 10px 26px 1px rgba(0, 0, 0, 0.18);
|
|
}
|
|
.roytc_content .regular-radio:checked + label span {
|
|
color:#3a51db!important;
|
|
}
|
|
|
|
.regular-radio + label.ds_demo:after {
|
|
line-height: 206px; }
|
|
.regular-radio + label.ds_icon:after {
|
|
line-height: 90px; }
|
|
.regular-radio + label.ds:after {
|
|
line-height: 130px; }
|
|
.regular-radio + label.ht_lay:after {
|
|
line-height: 100px; }
|
|
.regular-radio + label.scheme:after {
|
|
line-height: 160px; }
|
|
.regular-radio + label.b_layout:after {
|
|
line-height: 100px; }
|
|
.regular-radio + label.nc_pc_layout:after {
|
|
line-height: 350px; }
|
|
.regular-radio + label.nc_p_hover:after {
|
|
line-height: 340px; }
|
|
.regular-radio + label.footer_lay:after {
|
|
line-height: 200px; }
|
|
.regular-radio + label.header_lay:after {
|
|
line-height: 110px; }
|
|
.regular-radio + label.b_hover:after {
|
|
line-height: 60px; }
|
|
.regular-radio:checked + label.paticon:after,
|
|
.regular-radio:checked + label.g_lay:after,
|
|
.regular-radio:checked + label.b_rp:after,
|
|
.regular-radio:checked + label.bl_rm:after,
|
|
.regular-radio:checked + label.pp_z:after,
|
|
.regular-radio:checked + label.ds_icon:after,
|
|
.regular-radio:checked + label.ds_demo:after,
|
|
.regular-radio:checked + label.ma_reg:after,
|
|
.regular-radio:checked + label.ma_login:after,
|
|
.regular-radio:checked + label.b_layout:after,
|
|
.regular-radio:checked + label.nc_pc_layout:after,
|
|
.regular-radio:checked + label.nc_p_hover:after,
|
|
.regular-radio:checked + label.footer_lay:after,
|
|
.regular-radio:checked + label.ds:after,
|
|
.regular-radio:checked + label.header_lay:after,
|
|
.regular-radio:checked + label.bl_date:after,
|
|
.regular-radio:checked + label.width:after,
|
|
.regular-radio:checked + label.up_mode:after,
|
|
.regular-radio:checked + label.it_mode:after,
|
|
.regular-radio:checked + label.g_s_sw:after,
|
|
.regular-radio:checked + label.ht_lay:after,
|
|
.regular-radio:checked + label.scheme:after,
|
|
.regular-radio:checked + label.b_hover:after {
|
|
background: rgba(255,255,255, 0.8);
|
|
/* background: rgba(58,81,219, 0.65); */
|
|
/* background: linear-gradient(167deg, rgba(58,81,219,0.5) 0%, rgba(55,205,211,0.5) 100%); */
|
|
|
|
opacity:1;
|
|
top: 0;
|
|
-webkit-box-shadow: inset 0px 0px 0px 3px rgba(58,81,219,1);
|
|
-moz-box-shadow: inset 0px 0px 0px 3px rgba(58,81,219,1);
|
|
box-shadow: inset 0px 0px 0px 3px rgba(58,81,219,1);
|
|
left: 0; }
|
|
|
|
/* Buttons hover animations */
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover span {
|
|
position: absolute;
|
|
top:0;
|
|
line-height: 1.1em;
|
|
width: 100%;
|
|
height:60px;
|
|
text-shadow:none;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
z-index:2;
|
|
overflow: hidden;
|
|
color:#000000;
|
|
left:0;
|
|
-webkit-transition: all 0.3s ease-out;
|
|
-moz-transition: all 0.3s ease-out;
|
|
-ms-transition: all 0.3s ease-out;
|
|
-o-transition: all 0.3s ease-out;
|
|
transition: all 0.3s ease-out; }
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover:hover span {
|
|
color:#ffffff; }
|
|
.b_hover span:after {
|
|
display: block;
|
|
z-index:-1;
|
|
background: #00bda0;
|
|
position: absolute;
|
|
content: ' ';
|
|
-webkit-transition: all 0.3s ease-out;
|
|
-moz-transition: all 0.3s ease-out;
|
|
-ms-transition: all 0.3s ease-out;
|
|
-o-transition: all 0.3s ease-out;
|
|
transition: all 0.3s ease-out; }
|
|
|
|
.b_hover1 span:after {
|
|
width: 100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
opacity: 0; }
|
|
.b_hover1:hover span:after {
|
|
opacity: 1; }
|
|
|
|
.b_hover2 span:after {
|
|
top: 0px;
|
|
right: 0px;
|
|
height: 100%;
|
|
width: 0px; }
|
|
.b_hover2:hover span:after {
|
|
left: 0%;
|
|
right: auto;
|
|
width: 100%; }
|
|
|
|
.b_hover3 span:after {
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100%;
|
|
width: 0px; }
|
|
.b_hover3:hover span:after {
|
|
right: 0%;
|
|
left: auto;
|
|
width: 100%; }
|
|
|
|
.b_hover4 span:after {
|
|
left: 0px;
|
|
bottom: 0px;
|
|
height: 0px;
|
|
width: 100%; }
|
|
.b_hover4:hover span:after {
|
|
top: 0%;
|
|
bottom: auto;
|
|
height: 100%; }
|
|
|
|
.b_hover5 span:after {
|
|
left: 0px;
|
|
top: 0px;
|
|
height: 0px;
|
|
width: 100%; }
|
|
.b_hover5:hover span:after {
|
|
bottom: 0%;
|
|
top: auto;
|
|
height: 100%; }
|
|
|
|
.b_hover6 span:after {
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0); }
|
|
.b_hover6:hover span:after {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); }
|
|
|
|
.b_hover7 span:after {
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
border-radius: 100%;
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0); }
|
|
.b_hover7:hover span:after {
|
|
border-radius: 0;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); }
|
|
|
|
.b_hover8 span:after {
|
|
top: 0px;
|
|
left: 0%;
|
|
border-top-right-radius: 50px;
|
|
border-bottom-right-radius: 50px;
|
|
height: 100%;
|
|
width: 0px; }
|
|
.b_hover8:hover span:after {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
left: 0%;
|
|
width: 100%; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover9 {
|
|
background:#00bda0; }
|
|
.b_hover9 span:after {
|
|
height: 300%;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 150%;
|
|
opacity: 1;
|
|
background:#fafafa;
|
|
-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
|
|
-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
|
|
-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
|
|
transform: translateY(-50%) translateX(-50%) rotate(90deg); }
|
|
.b_hover9:hover span:after {
|
|
opacity: 0.7;
|
|
height: 0%;
|
|
}
|
|
|
|
.b_hover10 span:after {
|
|
height: 100%;
|
|
left: 50%;
|
|
top: 0;
|
|
width: 0;
|
|
opacity: 0.6;
|
|
-moz-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%); }
|
|
.b_hover10:hover span:after {
|
|
opacity: 1;
|
|
width: 100%; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover11 {
|
|
background:#00bda0; }
|
|
.b_hover11 span:after {
|
|
height: 100%;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 100%;
|
|
background:#fafafa;
|
|
-moz-transform: translateX(-50%) translateY(-50%);
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%); }
|
|
.b_hover11:hover span:after {
|
|
height: 0%;
|
|
}
|
|
|
|
.b_hover12 span:after {
|
|
height: 0;
|
|
left: 0;
|
|
top: 50%;
|
|
width: 100%;
|
|
opacity: 0.6;
|
|
-moz-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%); }
|
|
.b_hover12:hover span:after {
|
|
opacity: 1;
|
|
height: 100%; }
|
|
|
|
|
|
.b_hover13 span:after {
|
|
height: 0%;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 130%;
|
|
-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
|
|
-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
|
|
-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
|
|
transform: translateX(-50%) translateY(-50%) rotate(25deg); }
|
|
.b_hover13:hover span:after {
|
|
opacity: 1;
|
|
height: 240%; }
|
|
|
|
.b_hover14 span:after {
|
|
height: 0%;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 130%;
|
|
-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
|
|
-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
|
|
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
|
|
transform: translateX(-50%) translateY(-50%) rotate(-25deg); }
|
|
.b_hover14:hover span:after {
|
|
opacity: 1;
|
|
height: 240%; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content label.b_hover15 span {
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-ms-transition: none;
|
|
-o-transition: none;
|
|
transition: none; }
|
|
.b_hover15 span:after {
|
|
width: 100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-ms-transition: none;
|
|
-o-transition: none;
|
|
transition: none;
|
|
opacity: 0; }
|
|
.b_hover15:hover span:after {
|
|
opacity: 1; }
|
|
|
|
.slider_label {
|
|
padding:0!important;
|
|
width:auto!important;
|
|
margin-right:10px!important;
|
|
margin-top:4px!important;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .roytc_row.ds_wrap {
|
|
display: inline-block;
|
|
margin-top:10px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .roytc_row.ds_wrap .margin-form {
|
|
margin-top:-22px;
|
|
}
|
|
.roytc_row .ui-slider {
|
|
max-width:400px;
|
|
margin-top:28px;
|
|
margin-bottom:40px;
|
|
}
|
|
.roytc_row.font_weight .ui-slider {
|
|
max-width:152px;
|
|
margin-top:30px;
|
|
margin-bottom:0;
|
|
}
|
|
.roytc_row .slider_val {
|
|
font-weight:bold; margin-top:1px; padding:8px 0; font-size:16px; width:200px; max-width:152px!important; text-align:center;
|
|
}
|
|
.roytc_row .ui-widget-content.ui-slider {
|
|
border:2px solid #ffffff;
|
|
}
|
|
.roytc_row .ui-widget-header.ui-slider-range {
|
|
background: #3a51db;
|
|
border-radius:0!important;
|
|
}
|
|
|
|
.roytc_row .ui-slider-horizontal .ui-slider-handle {
|
|
background:#ffffff;
|
|
border:10px solid #3a51db;
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
height:30px;
|
|
width:30px;
|
|
top: -11px;
|
|
margin-left: -11px;
|
|
outline:none!important;
|
|
cursor:pointer;
|
|
box-shadow: 0 6px 16px 1px rgba(64,163,255,0.75);
|
|
}
|
|
|
|
.hot_label {
|
|
text-transform: uppercase;
|
|
color: #ffffff;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-right: 10px;
|
|
float: left;
|
|
padding: 8px 14px;
|
|
text-shadow:none!important;
|
|
background:#fe8a71;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.new_label {
|
|
text-transform: uppercase;
|
|
color: #ffffff;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-right: 10px;
|
|
float: left;
|
|
padding: 8px 14px;
|
|
background: #1abc6e;
|
|
text-shadow: none!important;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
.inside_tab .new_label {
|
|
position: absolute;
|
|
top: -16px;
|
|
line-height: 16px;
|
|
right: 28px;
|
|
}
|
|
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li .hot_label {
|
|
display:none;
|
|
position:absolute;
|
|
top:50%;
|
|
margin-top:-13px;
|
|
right:18px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li .new_label {
|
|
/*display:none;*/
|
|
position:absolute;
|
|
top:50%;
|
|
transform: translateY(-50%);
|
|
right: -29px;
|
|
z-index: 5;
|
|
line-height: normal;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li.active .new_label {
|
|
display:none;
|
|
}
|
|
|
|
.roytc_row label .hot_label {
|
|
margin:0 0 0 8px;
|
|
}
|
|
/*.roytc_row label .new_label {
|
|
margin:0 0 0 8px;
|
|
}*/
|
|
|
|
.CodeMirror {
|
|
border:2px solid #dfe2ea;
|
|
border-radius: 4px;
|
|
}
|
|
#tab-css1 .roytc_row {
|
|
width:100%;
|
|
margin-top:40px;
|
|
}
|
|
|
|
/* Import Export custom */
|
|
|
|
.roytc_form .roytc_filedset .roytc_content #tab-ie .roytc_row {
|
|
margin:40px 0 0 0;
|
|
display:flex;
|
|
width:100%;
|
|
}
|
|
|
|
.roytc_form .roytc_filedset .roytc_content #tab-ie .margin-form-ie {
|
|
padding:40px 0;
|
|
text-align: center;
|
|
width:50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background:#ffffff;
|
|
border-radius:5px;
|
|
float:left;
|
|
margin-bottom:30px;
|
|
-webkit-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.14);
|
|
-moz-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.14);
|
|
box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.14);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content #tab-ie .margin-form-ie.exp {
|
|
margin-right:30px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content #tab-ie .margin-form-ie #ayon_import_submit {
|
|
margin-top:30px!important;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content #tab-ie .margin-form-ie svg {
|
|
width:36px;
|
|
height:36px;
|
|
display: block;
|
|
}
|
|
|
|
.roytc_form .roytc_filedset .roytc_content #tab-ie label {
|
|
padding-left: 0;
|
|
float: none;
|
|
display: block;
|
|
text-align: center;
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.roytc_form .roytc_filedset .roytc_content #tab-ie p.helpcontent {
|
|
margin:10px 0;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .hr {
|
|
width: 100%;
|
|
height: 32px;
|
|
position: relative;
|
|
float: left;
|
|
display: block;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .hr:before {
|
|
content: ' ';
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 2px;
|
|
margin-left: 0;
|
|
background: #dfe2ea;
|
|
width: 100%;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .half {
|
|
position: relative;
|
|
float:left;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .half_right label {
|
|
padding-left:0;
|
|
}
|
|
|
|
.mPastColor {
|
|
border: none!important;
|
|
width: 10%!important;
|
|
cursor:pointer;
|
|
}
|
|
#mColorPickerSwatches {
|
|
border-right:none!important;
|
|
}
|
|
|
|
.section > h3:first-of-type {
|
|
color: #14142d!important;
|
|
}
|
|
|
|
/* INSIDE navigation */
|
|
.nav_inside_container {
|
|
padding:0;
|
|
z-index: 10;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
}
|
|
.nav_inside_container.sticky {
|
|
margin-top: 0;
|
|
}
|
|
.nav_inside {
|
|
background: #ffffff;
|
|
margin:0;
|
|
padding: 0;
|
|
list-style: none;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
height:96px;
|
|
z-index: 10;
|
|
box-shadow: 10px 20px 40px 0px rgba(0, 0, 0, 0.12);
|
|
|
|
}
|
|
.nav_inside:before {
|
|
content:'';
|
|
display: block!important;
|
|
position: absolute;
|
|
width:100%;
|
|
height:100%;
|
|
left:0;
|
|
top:0;
|
|
border-radius: 2px;
|
|
z-index: 0;
|
|
/* box-shadow: 0px 0px 1px 9px rgba(255, 255, 255, 1); */
|
|
}
|
|
.nav_inside:after {
|
|
content:'';
|
|
display: block!important;
|
|
position: absolute;
|
|
width:96%;
|
|
height:4px;
|
|
left:2%;
|
|
top:94%;
|
|
z-index: 1;
|
|
/* box-shadow: 0 7px 26px 1px rgba(68,191,214,0.88); */
|
|
}
|
|
|
|
|
|
.nav_inside > li > a {
|
|
display: block;
|
|
}
|
|
.nav_inside > li:first-child > a {
|
|
/* border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px; */
|
|
}
|
|
.nav_inside{
|
|
*zoom: 1;
|
|
}
|
|
.nav_inside:before,
|
|
.nav_inside:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.nav_inside:after {
|
|
clear: both;
|
|
}
|
|
.nav_inside > li {
|
|
float: left;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
}
|
|
.nav_inside > li > a {
|
|
/* padding:0 8px 0 40px; */
|
|
padding:0 25px;
|
|
line-height: 96px;
|
|
font-family: 'Poppins', sans-serif;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.2px;
|
|
color: #3b3d45;
|
|
text-decoration: none;
|
|
position: relative;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
}
|
|
.nav_inside > li > a span:not(.new_label) {
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
display: inline-block;
|
|
}
|
|
.nav_inside > li > a:hover {
|
|
z-index: 2;
|
|
color:#000000;
|
|
}
|
|
.nav_inside > li.active {
|
|
background:#fafafa;
|
|
}
|
|
.nav_inside > li.active > a:hover {
|
|
}
|
|
.nav_inside > .active > a,
|
|
.nav_inside > .active > a:hover {
|
|
color:#000000;
|
|
}
|
|
.nav_inside > li > a span:not(.new_label),
|
|
.nav_inside > li > a:hover span:not(.new_label) {
|
|
opacity:0.4;
|
|
margin-right:14px;
|
|
width:36px;
|
|
text-align: center;
|
|
}
|
|
.nav_inside > li > a:hover span:not(.new_label) {
|
|
color:#ffd000;
|
|
opacity:1;
|
|
}
|
|
.nav_inside > .active > a span:not(.new_label),
|
|
.nav_inside > .active > a:hover span:not(.new_label) {
|
|
opacity:1;
|
|
display: inline-block;
|
|
height:36px;
|
|
width:36px;
|
|
font-weight: 600;
|
|
font-size:14px;
|
|
background: #ffd000;
|
|
border-radius: 50%;
|
|
box-shadow: 0 6px 18px 0px rgba(255, 150, 0, 0.42);
|
|
line-height: 36px;
|
|
color:#000000;
|
|
}
|
|
|
|
|
|
.nav_inside > li.save_li {
|
|
float: right;
|
|
line-height: 55px;
|
|
height: 60px;
|
|
position: relative;
|
|
border-radius: 5px;
|
|
margin: 18px;
|
|
box-shadow: 4px 5px 22px 0px rgba(120, 150, 240, 0.22);
|
|
/* box-shadow: 4px 5px 22px 0px rgba(250, 198, 45, 0.62); */
|
|
background: #4e61ef;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
}
|
|
.nav_inside > li.save_li i {
|
|
width:24px;
|
|
height:24px;
|
|
display: inline-block;
|
|
margin-left: 32px;
|
|
-webkit-mask-image: url(../images/save.svg);
|
|
mask-image: url(../images/save.svg);
|
|
background: #ffffff;
|
|
vertical-align: middle;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
}
|
|
.nav_inside > li.save_li:before {
|
|
content: ' ';
|
|
display: inline-block;
|
|
width: 2px;
|
|
height: 30px;
|
|
background: #ffffff;
|
|
opacity: 0.4;
|
|
float: left;
|
|
position: absolute;
|
|
left: -40px;
|
|
top: 35px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.nav_inside > li.save_li input {
|
|
appearance:none;
|
|
-webkit-appearance:none;
|
|
background: none;
|
|
border:none;
|
|
outline:none!important;
|
|
padding:0 40px 0 8px;
|
|
line-height: 60px;
|
|
font-family: 'Poppins', sans-serif;
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
letter-spacing: 0.6px;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
position: relative;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
}
|
|
.nav_inside > li.save_li:hover input {
|
|
color: #ffffff;
|
|
}
|
|
.nav_inside > li.save_li:hover i {
|
|
background: #ffffff;
|
|
}
|
|
.nav_inside > li.save_li:hover {
|
|
background: #3546cb;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* .roytc_form .roytc_filedset .roytc_navigation ul li a i {
|
|
display:none!important
|
|
} */
|
|
|
|
.roytc_form .roytc_filedset .roytc_navigation ul li a span {
|
|
opacity:0.4;
|
|
margin-right:14px;
|
|
width:36px;
|
|
text-align: center;
|
|
left: 32px;
|
|
top: 22px;
|
|
line-height: 36px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
opacity: 0;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_navigation ul > li.active > a span {
|
|
opacity:1;
|
|
display: inline-block;
|
|
height:36px;
|
|
width:36px;
|
|
font-weight: 600;
|
|
font-size:14px;
|
|
background: #ffd000;
|
|
box-shadow: 0 6px 18px 0px rgba(255, 150, 0, 0.42);
|
|
line-height: 36px;
|
|
color:#4d5061;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
.nav_inside a:before {
|
|
content: "";
|
|
display: block;
|
|
pointer-events: none;
|
|
opacity:0;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 50%;
|
|
background: #1abc6e;
|
|
position: absolute;
|
|
margin-left:-8px;
|
|
transform: translateY(-140%);
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
top:100%;
|
|
left:50%;
|
|
z-index: 3;
|
|
}
|
|
|
|
.tab-content {
|
|
/* padding:0 40px; */
|
|
}
|
|
.tab-content.active {
|
|
display: block;
|
|
}
|
|
.tab-content.hide {
|
|
display: none;
|
|
}
|
|
|
|
/* /INSIDE navigation */
|
|
|
|
|
|
.s_positions .s_middle {
|
|
position: absolute;
|
|
display: block;
|
|
height: 291px;
|
|
width: 500px;
|
|
background: #fafafa;
|
|
border-left:4px solid #1abc6e;
|
|
left: 720px;
|
|
z-index: 0;
|
|
top: 8px;
|
|
text-align: center;
|
|
}
|
|
.s_positions .s_bottom {
|
|
position: absolute;
|
|
display: block;
|
|
height: 520px;
|
|
width: 500px;
|
|
background: #fafafa;
|
|
border-left:4px solid #1abc6e;
|
|
left: 720px;
|
|
z-index: 0;
|
|
top: 312px;
|
|
text-align: center;
|
|
}
|
|
.s_positions .s_middle span, .s_positions .s_bottom span {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
margin-bottom: 10px;
|
|
margin-top: 80px;
|
|
color: #1abc6e;
|
|
}
|
|
.s_positions .s_bottom span { margin-top:210px; }
|
|
.s_positions .s_middle p, .s_positions .s_bottom p {
|
|
font-size:14px;
|
|
display: inline-block;
|
|
padding:0 120px;
|
|
}
|
|
|
|
.s_positions ul {
|
|
margin-left:60px;
|
|
}
|
|
.s_positions ul li {
|
|
list-style-type: none;
|
|
background:#fafafa;
|
|
border:2px solid #1abc6e;
|
|
font-size:14px;
|
|
line-height:58px;
|
|
border-radius: 4px;
|
|
font-weight: bold;
|
|
color:#323232;
|
|
padding-left:24px;
|
|
cursor:pointer;
|
|
position: absolute!important;
|
|
}
|
|
.s_positions ul li.li_e1,
|
|
.s_positions ul li.li_e2,
|
|
.s_positions ul li.li_e3 {
|
|
background:#f2f2f2;
|
|
border-color:#f2f2f2;
|
|
}
|
|
.s_positions ul li:before {
|
|
font-family: 'Ionicons';
|
|
font-size: 22px;
|
|
color: #999;
|
|
float: left;
|
|
content: '\f130';
|
|
margin-right: 24px;
|
|
}
|
|
.s_positions ul li span {
|
|
float:right;
|
|
color:#999999;
|
|
margin-right:30px;
|
|
}
|
|
|
|
.trans_logo {
|
|
padding:40px!important;
|
|
background: #5f5c9f; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #5f5c9f 0%, #1abc85 100%); /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(top, #5f5c9f 0%,#1abc85 100%); /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to bottom, #5f5c9f 0%,#1abc85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5c9f', endColorstr='#1abc85',GradientType=0 ); /* IE6-9 */
|
|
|
|
}
|
|
|
|
|
|
.roytc_form .roytc_filedset .roytc_content .cs_left {
|
|
position: relative;
|
|
width:250px;
|
|
float:left;
|
|
padding-bottom:20px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .cs_right {
|
|
position: relative;
|
|
width:1020px;
|
|
float:left;
|
|
padding-bottom:20px;
|
|
padding-top:30px;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .cs_left .cs_circle {
|
|
width:250px;
|
|
height: 250px;
|
|
border-radius: 50%;
|
|
background:none;
|
|
margin:0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .cs_left .cs_circle .cs_circle_base {
|
|
background: #ffffff;
|
|
width: 88%;
|
|
height: 88%;
|
|
border-radius: 50%;
|
|
display: block;
|
|
position: absolute;
|
|
border: none;
|
|
padding: 0;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 1;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
border:10px solid #525252;
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .cs_left .cs_circle .cs_circle_main {
|
|
background: #ffffff;
|
|
width: 100%;
|
|
height: 60px;
|
|
border-radius: 0;
|
|
display: block;
|
|
position: absolute;
|
|
border: none;
|
|
padding: 0;
|
|
margin:0;
|
|
max-width:100%;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 2;
|
|
-webkit-transform: translate(-50%, -100%);
|
|
-moz-transform: translate(-50%, -100%);
|
|
-ms-transform: translate(-50%, -100%);
|
|
-o-transform: translate(-50%, -100%);
|
|
transform: translate(-50%, -100%);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .cs_left .cs_circle #icp_color_0 {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -7px;
|
|
z-index: 3;
|
|
right: 13px;
|
|
-webkit-transform: translate(0, -100%);
|
|
-moz-transform: translate(0, -100%);
|
|
-ms-transform: translate(0, -100%);
|
|
-o-transform: translate(0, -100%);
|
|
transform: translate(0, -100%);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .cs_left .cs_circle .cs_circle_second {
|
|
background: #ffffff;
|
|
width: 100%;
|
|
height: 60px;
|
|
border-radius: 0;
|
|
display: block;
|
|
position: absolute;
|
|
border: none;
|
|
padding: 0;
|
|
margin:0;
|
|
max-width:100%;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 2;
|
|
-webkit-transform: translate(-50%, 0);
|
|
-moz-transform: translate(-50%, 0);
|
|
-ms-transform: translate(-50%, 0);
|
|
-o-transform: translate(-50%, 0);
|
|
transform: translate(-50%, 0);
|
|
}
|
|
.roytc_form .roytc_filedset .roytc_content .cs_left .cs_circle #icp_color_1 {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: 9px;
|
|
z-index: 3;
|
|
right: 13px;
|
|
}
|
|
|
|
.cs_label {
|
|
position: relative;
|
|
}
|
|
.cs_label:before {
|
|
position: absolute;
|
|
top:50%;
|
|
content: ' ';
|
|
height:2px;
|
|
width:50px;
|
|
background:#323232;
|
|
right:100%;
|
|
margin-right:10px;
|
|
margin-right: -46px;
|
|
z-index: 5;
|
|
margin-top: 2px;
|
|
}
|
|
.cs_label1:before {
|
|
width: 111px;
|
|
}
|
|
.cs_label2:before {
|
|
width: 52px;
|
|
}
|
|
.cs_label3:before {
|
|
width: 60px;
|
|
}
|
|
.cs_apply, .colors_apply, .demo_apply {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
padding: 40px 34px;
|
|
width:100%;
|
|
text-align:center;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
margin-top: 1px;
|
|
font-family: "Poppins", sans-serif;
|
|
background: rgb(138,194,243);
|
|
background: linear-gradient(165deg, rgba(138,194,243,1) 0%, rgba(115,148,239,1) 47%, rgba(100,91,236,1) 100%);
|
|
|
|
-webkit-transition: all 200ms ease-in-out;
|
|
-moz-transition: all 200ms ease-in-out;
|
|
-o-transition: all 200ms ease-in-out;
|
|
transition: all 200ms ease-in-out;
|
|
border: none;
|
|
text-shadow: none;
|
|
color: #ffffff;
|
|
}
|
|
.cs_apply:hover, .colors_apply:hover, .demo_apply:hover {
|
|
box-shadow:inset -20px -30px 140px 0px rgba(58,81,219,0.55);
|
|
}
|
|
|
|
.cs_apply span:before, .colors_apply span:before, .demo_apply span:before {
|
|
font-family: 'Ionicons';
|
|
font-size: 26px;
|
|
line-height: 14px;
|
|
margin-right: 10px;
|
|
vertical-align: -2px;
|
|
font-style: normal;
|
|
font-weight: 400!important;
|
|
}
|
|
.demo_apply span:before {
|
|
content: '\f43d';
|
|
vertical-align: -4px;
|
|
}
|
|
.colors_apply span:before {
|
|
content: '\f37b';
|
|
}
|
|
.cs_apply span:before {
|
|
content: '\f4d6';
|
|
}
|
|
.cs_apply i:before, .colors_apply i:before, .demo_apply i:before {
|
|
content: '\f375';
|
|
font-family: 'Ionicons';
|
|
font-size: 24px;
|
|
line-height: 14px;
|
|
margin-right: 10px;
|
|
vertical-align: -3px;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
.js .inputfile {
|
|
width: 0.1px;
|
|
height: 0.1px;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
z-index: -1;
|
|
}
|
|
|
|
.inputfile + label {
|
|
max-width: 80%;
|
|
font-size: 1.25rem;
|
|
/* 20px */
|
|
font-weight: 700;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
padding: 0.625rem 1.25rem;
|
|
/* 10px 20px */
|
|
}
|
|
|
|
.no-js .inputfile + label {
|
|
display: none;
|
|
}
|
|
|
|
.inputfile:focus + label,
|
|
.inputfile.has-focus + label {
|
|
outline: 1px dotted #000;
|
|
outline: -webkit-focus-ring-color auto 5px;
|
|
}
|
|
|
|
.inputfile + label * {
|
|
/* pointer-events: none; */
|
|
/* in case of FastClick lib use */
|
|
}
|
|
|
|
.inputfile + label svg {
|
|
width: 1em;
|
|
height: 1em;
|
|
vertical-align: middle;
|
|
fill: currentColor;
|
|
margin-top: -0.25em;
|
|
/* 4px */
|
|
margin-right: 0.25em;
|
|
/* 4px */
|
|
}
|
|
|
|
|
|
.inputfile-5 + label {
|
|
color: #d3394c;
|
|
}
|
|
|
|
.inputfile-5:focus + label,
|
|
.inputfile-5.has-focus + label,
|
|
.inputfile-5 + label:hover {
|
|
color: #722040;
|
|
}
|
|
|
|
.inputfile-5 + label figure {
|
|
width: 100px;
|
|
height: 135px;
|
|
background-color: #d3394c;
|
|
display: block;
|
|
position: relative;
|
|
padding: 30px;
|
|
margin: 0 auto 10px;
|
|
}
|
|
|
|
.inputfile-5:focus + label figure,
|
|
.inputfile-5.has-focus + label figure,
|
|
.inputfile-5 + label:hover figure {
|
|
background-color: #722040;
|
|
}
|
|
|
|
.inputfile-5 + label figure::before,
|
|
.inputfile-5 + label figure::after {
|
|
width: 0;
|
|
height: 0;
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.inputfile-5 + label figure::before {
|
|
border-top: 20px solid #dfc8ca;
|
|
border-left: 20px solid transparent;
|
|
}
|
|
|
|
.inputfile-5 + label figure::after {
|
|
border-bottom: 20px solid #722040;
|
|
border-right: 20px solid transparent;
|
|
}
|
|
|
|
.inputfile-5:focus + label figure::after,
|
|
.inputfile-5.has-focus + label figure::after,
|
|
.inputfile-5 + label:hover figure::after {
|
|
border-bottom-color: #d3394c;
|
|
}
|
|
|
|
.inputfile-5 + label svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
fill: #f1e5e6;
|
|
}
|
|
|
|
|
|
.yn {
|
|
padding: 0;
|
|
height: 80px;
|
|
max-width: 200px;
|
|
text-align: center;
|
|
margin-right: 10px;
|
|
font-size: 13px;
|
|
letter-spacing: 1px;
|
|
font-weight: 600;
|
|
background: #fafafa;
|
|
border: 2px solid #ffffff!important;
|
|
border-radius: 6px!important;
|
|
-webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
transition: all .22s cubic-bezier(.07,.74,.56,.89);
|
|
padding-top: 18px;
|
|
box-shadow: 0 14px 50px 0px rgba(0, 0, 0, 0.12);
|
|
}
|
|
.yn .margin-form {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
.roytc_content .core:before{
|
|
background: url(../images/core.png) no-repeat top center; }
|
|
.roytc_content .blackhole:before{
|
|
background: url(../images/blackhole.png) no-repeat top center; }
|
|
.roytc_content .mercury:before{
|
|
background: url(../images/mercury.png) no-repeat top center; }
|
|
.roytc_content .neptune:before{
|
|
background: url(../images/neptune.png) no-repeat top center; }
|
|
.roytc_content .uranus:before{
|
|
background: url(../images/uranus.png) no-repeat top center; }
|
|
.roytc_content .mars:before{
|
|
background: url(../images/mars.png) no-repeat top center; }
|
|
.roytc_content .pluto:before{
|
|
background: url(../images/pluto.png) no-repeat top center; }
|
|
.roytc_content .venus:before{
|
|
background: url(../images/venus.png) no-repeat top center; }
|
|
.roytc_content .coffee:before{
|
|
background: url(../images/coffee.png) no-repeat top center; }
|
|
.roytc_content .comet:before{
|
|
background: url(../images/comet.png) no-repeat top center; }
|
|
.roytc_content .astra:before{
|
|
background: url(../images/astra.png) no-repeat top center; }
|
|
.roytc_content .jupiter:before{
|
|
background: url(../images/jupiter.png) no-repeat top center; }
|
|
|
|
.roytc_content .s_astra:before{
|
|
background: url(../images/s_astra.png) no-repeat top center; }
|
|
.roytc_content .s_jupiter:before{
|
|
background: url(../images/s_jupiter.png) no-repeat top center; }
|
|
.roytc_content .s_comet:before{
|
|
background: url(../images/s_comet.png) no-repeat top center; }
|
|
.roytc_content .s_core:before{
|
|
background: url(../images/s_core.png) no-repeat top center; }
|
|
.roytc_content .s_blackhole:before{
|
|
background: url(../images/s_blackhole.png) no-repeat top center; }
|
|
.roytc_content .s_mercury:before{
|
|
background: url(../images/s_mercury.png) no-repeat top center; }
|
|
.roytc_content .s_neptune:before{
|
|
background: url(../images/s_neptune.png) no-repeat top center; }
|
|
.roytc_content .s_uranus:before{
|
|
background: url(../images/s_uranus.png) no-repeat top center; }
|
|
.roytc_content .s_mars:before{
|
|
background: url(../images/s_mars.png) no-repeat top center; }
|
|
.roytc_content .s_pluto:before{
|
|
background: url(../images/s_pluto.png) no-repeat top center; }
|
|
.roytc_content .s_venus:before{
|
|
background: url(../images/s_venus.png) no-repeat top center; }
|
|
.roytc_content .s_coffee:before{
|
|
background: url(../images/s_coffee.png) no-repeat top center; }
|
|
|
|
.roytc_form .roytc_filedset .roytc_content input[type="text"]:not(.colorpicker) {
|
|
letter-spacing: 0;
|
|
font-size:14px;
|
|
color:#000;
|
|
}
|
|
|
|
#main a:before { display:none!important; }
|