:root {
--dark: #0F2E51;
--danger: #A61D21;
}
textarea,
input[type="text"], input[type="email"], input[type="number"],input[type="password"] {
width: 100%;
border: 2px solid #e4e4e4;
border-radius: 6px;
padding: 8px 15px;
height: 45px;
transition: .3s;
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus{
border-color: #4aace9;
}
textarea{
height: auto;
}
.text-title {
color: #44444F !important;
}
.text-gray5{
color: #abaeb1 !important;
}
.text-grey{
color: #898989 !important;
}
.text-gray10{
color: #798086 !important;
}
.text-gray{
color: #666666 !important;
}
.text-gray20{
color: #333333 !important;
}
.-ls-3{
letter-spacing: -3px;
}
.text-black{
color: #000 !important;
}
.text-secondary{
color: #02aae9 !important;
}
.text-underline,
.text-decoration-underline{
text-decoration: underline !important;
}
.rounded {
border-radius: 5px !important;
}
.rounded-8 {
border-radius: 8px !important;
}
.rounded-10 {
border-radius: 10px !important;
}
.rounded-20 {
border-radius: 20px !important;
}
.rounded-top-left {
border-top-left-radius: 7px !important;
}
.rounded-bottom-left {
border-bottom-left-radius: 7px !important;
}
.rounded-top-right {
border-top-right-radius: 7px !important;
}
.rounded-bottom-right {
border-bottom-right-radius: 7px !important;
}
.d-none{
display: none;
}
.m-0,
.mt-0{
margin-top: 0 !important;
}
.whitesmoke-bg {
background: #F3F3F3 !important;
}
.bg-dark {
background-color: #0F2E51 !important;
}
.bg-bunker{
background: #1f252d !important;
}
.bg-success {
background: #17b5f0 !important;
}
.bg-secondary{
background: #02aae9 !important;
}
.bg-snow {
background: #F9F9F9 !important;
}
.bg-aliceblue {
background: #F4f4f4 !important;
}
.bg-info{
background: #00aeef !important;
}
.lightblue-bg{
background: #e8ecee !important;
}
.bg-blue100{
background: #f3fbfe !important;
}
body {
font-family: 'Hind', sans-serif;
}
h1, h2, h3, h4 {
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
h2 {
font-size: 30px;
color: #3d464d;
}
.btn-danger {
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 13px 56px;
border-radius: 50px;
border: none;
background: #e63a11;
outline: none;
font-family: 'Roboto', sans-serif;
display: inline-block;
text-align: center;
}
.btn-danger:focus{
box-shadow: none !important;
}
.btn i {
font-size: 10px;
}
.btn-success {
background: #7bb33f;
border: solid 1px #7bb33f;
color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 16px;
padding: 8px 30px;
}
.btn-success i {
margin-left: 10px;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
background: #669d2c;
border: solid 1px #669d2c;
}
.btn-warning {
font-size: 16px;
font-weight: bold;
background: #db7005;
border: solid 1px #db7005;
padding: 17px 30px;
font-family: Helvetica, sans-serif;
}
.btn-yellow {
background: #ffb213;
color: #fff;
}
.btn-yellow:hover{
color: #fff;
background: #e69e09;
}
.btn-default {
font-size: 13px;
font-family: Helvetica, sans-serif;
color: #798086;
background: none;
border: solid 1px #d7d7d7;
padding: 10px 15px;
}
.btn.btn-red-outline,
.btn-red-outline {
background: #fff3f3;
border-radius: 4px;
border: 1px solid #ff0000;
color: #ff0000;
font-weight: 500;
}
.btn-red-outline:hover{
background: #f9dcdc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default:active:focus {
background: none !important;
}
.btn-primary {
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #fff;
background: #0d5c91;
border: solid 1px #0d5c91;
padding: 15px 40px;
}
.fs-15 p,
.fs-15 span,
.fs-15{
font-size: 15px !important;
}
.max-w150{
max-width: 150px !important;
}
.max-w350{
max-width: 350px !important;
}
.max-w450{
max-width: 450px !important;
}
.max-w550{
max-width: 550px !important;
}
.max-w700{
max-width: 700px !important;
}
.max-w800{
max-width: 800px !important;
}
.max-w900{
max-width: 900px !important;
}
.max-w950{
max-width: 950px !important;
}
.max-w1000{
max-width: 1000px !important;
}
.max-w1100{
max-width: 1100px !important;
}
header {
background: url(https://f095da6f6d4f39b02924-c65e2f216678edfc8a34736ac8aef7e9.ssl.cf2.rackcdn.com/theme_1.0/images/header.jpg) no-repeat top center;
min-height: 600px;
background-size: cover;
}
.navbar-inverse {
background: none;
border: none;
}
.navbar-inverse .navbar-nav > li > a {
color: rgba(255, 255, 255, 0.6);
font-size: 15px;
}
.navbar-nav {
margin-top: 14px;
margin-right: 12px;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
background: none;
color: #00aeef;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: 25px;
margin-top: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
background: none;
}
.navbar-inverse .navbar-nav > li > a > i {
display: inline-block;
width: 5px;
height: 5px;
background: #9fa1a3;
border-radius: 50px;
margin-left: 3px;
}
nav .dropdown-menu {
background: #040607;
border-radius: 10px !important;
}
nav .dropdown-menu a {
color: rgba(255, 255, 255, 0.6);
font-size: 15px;
}
nav .dropdown-menu a:hover, nav .dropdown-menu a:focus {
color: #00aeef;
background: none;
}
.nav .icon-user {
font-size: 26px;
margin-top: -3px;
float: left;
color: #00aeef;
}
.user-dropdown {
margin-left: 40px;
}
.user-dropdown .dropdown-menu {
margin-top: 20px !important;
}
header h1 {
font-size: 38px;
color: #fff;
font-weight: 400;
text-align: center;
margin-top: 130px;
letter-spacing: -0.8px;
}
header .header-heading {
font-size: 38px;
color: #fff;
font-weight: 400;
text-align: center;
margin-top: 130px;
letter-spacing: -0.8px;
}
header p {
font-size: 18px;
color: #fff;
text-align: center;
line-height: 28px;
max-width: 520px;
display: block;
margin: auto;
letter-spacing: -0.3px;
margin-top: 19px;
}
header form {
width: 100%;
max-width: 652px;
margin: auto;
margin-top: 42px;
}
header input[type=search] {
width: 100%;
height: 56px;
background: #fff;
border-radius: 100px;
border: none;
padding-left: 23px;
padding-right: 50px;
color: #7b8994;
font-size: 15px;
display: inline-block;
float: left;
outline: none;
}
header input[type=search]:focus + button {
color: #e63a11;
}
header button {
display: inline-block;
width: 46px;
height: 56px;
color: #00aeef;
font-size: 24px;
float: left;
background: none;
border: none;
margin-left: -60px;
outline: none;
}
header button:hover {
color: #00aeef !important;
}
header .wrapper {
max-width: 660px;
margin: auto;
margin-top: 105px;
}
header .wrapper i {
display: block;
font-size: 26px;
color: #fff;
float: left;
margin-top: 4px;
}
header .wrapper span {
display: block;
color: #fff;
font-size: 14px;
margin-left: 35px;
}
.welcome {
padding-bottom: 80px;
}
.welcome h2 {
text-align: center;
margin-top: 55px;
margin-bottom: 15px;
}
.welcome p {
color: #636363;
font-size: 16px;
text-align: center;
max-width: 609px;
display: block;
margin: auto;
}
.welcome .box {
border: solid 1px #e8e8e8;
border-radius: 500px;
display: inline-block;
width: 320px;
height: 320px;
float: left;
padding-top: 61px;
text-align: center;
margin-top: 45px;
background: #fff;
position: relative;
z-index: 1;
}
.box.first-box {
margin-left: 99px;
z-index: 3;
}
.box.second-box {
margin-left: -10px;
margin-right: -10px;
z-index: 2;
}
.welcome .box strong {
color: #363636;
font-size: 18px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
margin-top: 19px;
margin-bottom: 16px;
display: block;
}
.welcome .box p {
color: rgba(71, 82, 93, 0.8);
font-size: 15px;
padding: 0px 31px;
display: block;
}
.welcome .box i {
display: block;
font-size: 42px;
}
.box.first-box i {
color: #e63a11;
}
.box.second-box i {
color: #78a300;
}
.box.last-box i {
color: #007ee5;
}
.get-help {
background: url(https://f095da6f6d4f39b02924-c65e2f216678edfc8a34736ac8aef7e9.ssl.cf2.rackcdn.com/theme_1.0/images/image-1.jpg) no-repeat;
background-size: cover;
min-height: 300px;
text-align: center;
padding-top: 35px;
}
.get-help h2 {
color: #fff;
font-weight: 500;
font-size: 30px;
margin-bottom: 25px;
letter-spacing: -0.6px;
}
.get-help p {
color: #fff;
font-size: 18px;
display: block;
max-width: 682px;
margin: auto;
line-height: 27px;
margin-top: -6px;
}
.get-help .btn {
margin-top: 35px;
}
.categories {
padding-bottom: 34px;
}
.categories h2 {
text-align: center;
padding-top: 34px;
letter-spacing: -0.6px;
margin-bottom: 64px;
}
.categories .container div {
width: 12.5%;
display: block;
float: left;
}
.categories a {
text-align: center;
display: table;
width: 100%;
color: #47525d;
font-weight: 500;
font-size: 16px;
margin-bottom: 42px;
}
.categories a i {
width: 60px;
height: 60px;
border: solid 1px #d7dbdf;
border-radius: 5px;
display: block;
margin: auto;
margin-bottom: 14px;
font-size: 26px;
padding-top: 17px;
color: #007ee5;
}
.categories a:hover {
color: #007ee5;
text-decoration: none;
}
.categories a:hover i {
background: #007ee5;
color: #fff;
border: solid 1px #007ee5;
}
.q-a {
background: #f3f5f6;
border-top: solid 1px #d9d9d9;
}
.q-a h2 {
margin-top: 55px;
}
.q-a .questions {
border-right: solid 1px #d9d9d9;
padding-right: 50px;
padding-bottom: 51px;
}
.q-a .questions h2 {
margin-bottom: 35px;
}
.q-a .questions > a {
color: #7b8994;
font-size: 16px;
border: solid 1px #cccccc;
border-radius: 5px;
display: block;
width: 100%;
padding: 11px 15px;
padding-right: 20px;
margin-bottom: 13px;
position: relative;
}
.q-a .questions > a i {
float: right;
font-size: 14px;
position: absolute;
right: 10px;
top: 34%;
}
.q-a .questions > a:hover, .q-a .searches > a:hover {
border: solid 1px #007ee5;
color: #007ee5;
text-decoration: none;
}
.q-a .btn {
margin-top: 28px;
}
.q-a .searches {
padding-left: 40px;
}
.q-a .searches h2 {
margin-bottom: 30px;
margin-left: 5px;
}
.q-a .searches > a {
color: #7b8994;
font-size: 16px;
border: solid 1px #cccccc;
border-radius: 5px;
padding: 7px 9px;
margin: 5px;
float: left;
}
.ask {
background: url(https://f095da6f6d4f39b02924-c65e2f216678edfc8a34736ac8aef7e9.ssl.cf2.rackcdn.com/theme_1.0/images/pattern-bg.png);
text-align: center;
padding-top: 39px;
padding-bottom: 68px;
}
.ask h3 {
color: #fff;
letter-spacing: -0.5px;
margin-bottom: 27px;
}
.ask form {
max-width: 590px;
margin: auto;
}
.ask input[type=text] {
width: 80%;
background: #fff;
border-radius: 50px 0px 0px 50px;
border: none;
color: #7b8994;
font-size: 15px;
height: 50px;
padding-left: 20px;
padding-right: 10px;
display: inline-block;
float: left;
outline: none;
}
.ask button {
width: 20%;
background: #e63a11;
border-radius: 0px 50px 50px 0px;
border: none;
color: #fff;
font-size: 16px;
height: 50px;
display: inline-block;
float: left;
outline: none;
}
.ask button i {
font-size: 10px;
margin-left: 5px;
}
.ask button:hover {
background: #c9302c;
}
.posts {
border-bottom: solid 1px #e1e1e1;
padding-bottom: 60px;
}
.posts .post {
border: solid 1px #d7d7d7;
border-radius: 5px;
margin-bottom: 30px;
min-height: 445px;
}
.posts img {
width: 100%;
max-width: 100%;
border-radius: 5px 5px 0px 0px;
height: 173px;
}
.posts .category {
font-size: 13px;
font-weight: 300;
color: #fff;
background: #007ee5;
border-radius: 50px;
padding: 2px 12px;
display: table;
margin: 15px;
padding-top: 3px;
}
.posts h5 {
color: #363636;
font-size: 18px;
margin-left: 15px;
}
.posts .post p {
text-align: left;
padding: 0px 15px;
font-size: 16px;
margin-bottom: 0px;
min-height: 110px;
display: block;
max-width: none;
}
.posts a {
color: #7b8994;
font-size: 14px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-decoration: underline;
margin-left: 15px;
margin-bottom: 15px;
display: table;
margin-top: 15px;
}
.posts a.btn-info {
border: solid 1px #cccccc;
color: #7b8994;
font-size: 16px;
text-decoration: none;
margin: auto;
display: table;
margin-top: 50px;
}
.posts a.btn-info:hover, .posts a.btn-info:focus, .posts a.btn-info:active {
background: #007ee5;
color: #fff;
border: solid 1px #007ee5;
}
.documents, .posts {
padding-top: 35px;
padding-bottom: 35px;
}
.documents h2, .posts h2 {
text-align: center;
letter-spacing: -0.6px;
margin-bottom: 19px;
}
.documents p, .posts p {
color: #7b8994;
font-size: 18px;
display: block;
max-width: 540px;
text-align: center;
margin: auto;
margin-bottom: 43px;
}
.documents .block {
border: solid 1px #d7d7d7;
border-radius: 5px;
width: 100%;
max-width: 375px;
margin: auto;
margin-bottom: 25px;
padding: 20px 5px 16px 10px;
min-height: 300px;
max-height: 500px;
}
.documents .block i {
font-size: 52px;
color: rgba(0, 126, 229, 0.5);
height: 230px;
display: block;
float: left;
margin-right: 10px;
}
.documents .block span {
color: #fff;
font-size: 13px;
background: #7b8994;
border-radius: 50px;
padding: 3px 12px;
padding-top: 4px;
display: inline-block;
}
.documents .block .title {
color: #363636;
font-size: 18px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
display: block;
margin-top: 14px;
margin-bottom: 12px;
}
.documents .block p {
color: #798086;
font-size: 16px;
margin: 0px;
text-align: left;
max-width: none;
line-height: 19px;
min-height: 96px;
}
.documents .block a {
color: #7b8994;
font-size: 14px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-decoration: underline;
margin-top: 12px;
display: table;
}
.documents .block a:hover {
color: #e63a11;
}
.testimonial {
border-top: solid 1px #e1e1e1;
text-align: center;
font-size: 18px;
color: #636363;
padding-bottom: 50px;
}
.testimonial .container {
max-width: 985px;
margin: auto;
}
.testimonial li div {
max-width: 765px;
margin: auto;
}
.testimonial h2 {
text-align: center;
margin-top: 58px;
letter-spacing: -0.5px;
}
.testimonial img {
width: 90px;
height: 90px;
border-radius: 100px;
margin-top: 45px;
margin-bottom: 33px;
}
.testimonial p {
font-size: 16px;
margin-top: 20px;
}
.testimonial p span {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 18px;
display: block;
color: #464f55;
}
.lSSlideOuter .lSPager.lSpg {
margin-top: -22px !important;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #7b8994;
}
.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
background-color: #e63a11;
}
.lSAction > .lSNext {
background: none;
}
.lSAction > .lSNext:before {
content: "\e900";
font-family: 'icomoon';
display: block;
height: 34px;
width: 34px;
font-size: 33px;
}
.lSAction > .lSPrev {
background: none;
}
.lSAction > .lSPrev:before {
content: "\e901";
font-family: 'icomoon';
display: block;
height: 34px;
width: 34px;
font-size: 33px;
}
.lSAction > .lSNext:hover, .lSAction > .lSPrev:hover {
text-decoration: none;
}
.lSAction > a {
top: 59%;
}
.sign-up {
background: url(https://f095da6f6d4f39b02924-c65e2f216678edfc8a34736ac8aef7e9.ssl.cf2.rackcdn.com/theme_1.0/images/blue-image.jpg) no-repeat top center;
background-size: cover;
min-height: 300px;
}
.sign-up h2 {
color: #fff;
text-align: center;
margin-top: 54px;
letter-spacing: -0.4px;
margin-bottom: 20px;
}
.sign-up p {
max-width: 770px;
text-align: center;
margin: auto;
color: #fff;
font-size: 18px;
}
.sign-up a.btn {
margin: auto;
display: table;
margin-top: 30px;
}
footer {
background: #3d464d;
padding-top: 95px;
}
footer .heading {
color: #fff;
font-size: 18px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
margin-bottom: 23px;
}
footer a {
color: rgba(255, 255, 255, 0.8);
display: table;
font-size: 15px;
margin-bottom: 6px;
}
footer a:hover {
color: #fff;
}
footer p {
color: rgba(255, 255, 255, 0.8);
font-size: 15px;
max-width: 355px;
margin-top: 15px;
}
.social-icons {
padding-left: 0px;
margin-top: 27px;
}
.social-icons li {
display: inline-block;
float: left;
margin-right: 5px;
}
.social-icons li a {
background: url(https://f095da6f6d4f39b02924-c65e2f216678edfc8a34736ac8aef7e9.ssl.cf2.rackcdn.com/theme_1.0/images/social-icons.png) no-repeat;
width: 23px;
height: 23px;
display: block;
}
.social-icons li a:hover {
opacity: 0.8;
}
.social-icons li a.fb {
background-position: -28px 0px;
}
.social-icons li a.in {
background-position: -57px 0px;
}
.social-icons li a.google {
background-position: -85px 0px;
}
.social-icons li a.instagram {
background-position: -113px 0px;
}
.copyrights {
background: #384148;
margin-top: 100px;
padding: 20px 0;
}
.copyrights p {
color: #fff;
font-size: 15px;
text-align: right;
display: block;
max-width: none;
margin: 0px;
}
.secondary {
background: #f3f5f6;
}
.secondary header {
background: #135f80;
min-height: 165px;
}
.secondary header form {
max-width: none;
margin-top: 0px;
margin-left: 190px;
}
.secondary header input[type="search"] {
height: 40px;
border-radius: 6px;
padding-left: 15px;
width: 70%;
}
.secondary header button {
font-size: 18px;
height: 40px;
margin-left: -48px;
color: #7bb33f;
}
.secondary header .social {
padding-left: 0px;
float: right;
margin-right: 37px;
}
.secondary header .social li {
float: left;
display: inline-block;
margin-right: 5px;
}
.secondary header .social li a:hover {
opacity: 0.8;
}
header hr {
border-top: solid 1px #094d6a;
border-bottom: solid 1px #2b6f8d;
margin-left: -15px;
margin-right: -15px;
}
.secondary header .btn-success {
line-height: 3px;
background: #7bb33f;
border: solid 1px #7bb33f;
color: #fff !important;
font-family: 'Roboto', sans-serif;
font-weight: 500;
margin-top: 6px;
margin-left: 10px;
}
.secondary header .btn-success:hover, .secondary header .btn-success:focus, .secondary header .btn-success:active {
background: #669d2c !important;
border: solid 1px #669d2c;
}
.secondary .navbar-inverse .navbar-nav > li > a {
color: rgba(255, 255, 255, 0.85);
}
.secondary .navbar-inverse .navbar-nav > .active > a,
.secondary .navbar-inverse .navbar-nav > .active > a:focus,
.secondary .navbar-inverse .navbar-nav > .active > a:hover,
.secondary .navbar-inverse .navbar-nav > li > a:focus,
.secondary .navbar-inverse .navbar-nav > li > a:hover {
color: #fff;
}
.breadcrumb {
margin-top: 15px;
}
.breadcrumb a {
color: #2b82bc;
font-size: 16px;
}
.breadcrumb a:last-child {
color: #424644;
cursor: default;
}
.breadcrumb a:hover {
text-decoration: none;
}
.content-box {
background: #fff;
padding: 40px;
margin-bottom: 15px;
border-radius: 2px;
}
.content-box p {
color: #798086;
font-size: 14px;
font-family: Helvetica, sans-serif;
margin-bottom: 20px;
}
.content-box h3, .content-box h4 {
margin-top: -10px;
border-bottom: solid 1px #ebebeb;
padding-bottom: 15px;
margin-bottom: 15px;
}
.content-box p a {
color: #2b82bc;
}
.content-box h4 {
font-size: 20px;
font-family: Helvetica, sans-serif;
color: #2b82bc;
}
.paper-info {
margin-left: -10px;
}
.paper-info span {
font-size: 13px;
color: #798086;
padding-left: 10px;
padding-right: 10px;
}
.paper-info span:after {
content: '.';
float: right;
height: 1px;
width: 1px;
margin-right: -10px;
margin-top: -2px;
}
.paper-info span:last-child:after {
display: none;
}
.content-box a.btn {
margin-top: 20px;
}
.pagination {
margin-bottom: 30px;
}
.pagination > li > a, .pagination > li > span {
color: #798086;
font-size: 13px;
font-weight: bold;
font-family: Helvetica, sans-serif;
background: none;
border: none;
padding: 4px 8px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
background: none;
color: #7bb33f;
text-decoration: underline;
}
.sidebar-heading {
color: #424644;
font-size: 16px;
font-family: Helvetica, sans-serif;
margin-top: 30px;
margin-bottom: 12px;
}
.secondary .btn-default {
margin-bottom: 10px;
width: 100%;
text-align: left;
}
.secondary .btn-default span {
float: right;
position: absolute;
right: 8px;
margin-top: 3px;
}
.secondary .dropdown-menu {
width: 100%;
}
.dropdown-menu > li > a {
font-size: 13px;
color: #798086;
background: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
font-size: 13px;
color: #669d2c;
background: none;
}
.create-acc {
background: #2b82bc;
min-height: 180px;
color: #fff;
font-family: Helvetica, sans-serif;
font-size: 24px;
padding-top: 50px;
}
.create-acc .btn {
float: right;
margin-top: 20px;
}
.secondary footer {
background: #373737;
}
.secondary footer a {
font-size: 14px;
}
.secondary footer a img {
width: 20px;
border-radius: 50px;
float: left;
margin-right: 5px;
}
.secondary .copyrights, .secondary .copyrights p {
background: #313131;
text-align: center !important;
font-size: 14px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.box.first-box {
margin-left: -1px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.user-dropdown {
margin-left: 0px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
.navbar-nav {
margin-right: -15px;
}
.box.first-box {
margin-left: -1px;
}
.welcome .box {
display: block;
float: none;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
.box.first-box {
margin-top: 45px;
}
.box.second-box {
margin-top: -10px;
margin-bottom: -10px;
}
.categories .container div {
width: 16.66%;
height: 140px;
}
.q-a .questions {
border-right: none;
border-bottom: solid 1px #d9d9d9;
padding-right: 15px;
padding-bottom: 51px;
}
.q-a .searches {
padding-left: 15px;
padding-bottom: 50px;
}
.testimonial li div {
max-width: 80%;
}
footer {
padding-top: 55px;
}
footer p {
max-width: none;
}
.social-icons {
clear: both;
margin-bottom: 85px;
}
.create-acc {
text-align: center;
padding-bottom: 25px;
}
.create-acc .btn {
float: none;
}
.secondary .navbar-right {
float: none !important;
}
.account-btn {
float: right !important;
margin-right: 27px;
}
.secondary header {
min-height: 205px;
}
}
@media (max-width: 767px) {
h2 {
font-size: 26px;
}
header {
min-height: 400px;
}
.navbar-collapse {
position: absolute;
width: 100%;
background: #3b444b;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background: #3b444b;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
header h1 {
font-size: 30px;
margin-top: 40px;
}
header p {
line-height: 22px;
}
header input[type="search"] {
height: 50px;
font-size: 13px;
padding-left: 15px;
padding-right: 45px;
}
header button {
height: 50px;
margin-left: -50px;
}
header form {
margin-bottom: 10px;
}
.welcome .box {
margin: 0px;
margin: auto;
width: 290px;
height: 290px;
padding-top: 33px;
float: none;
display: block;
}
.box.first-box {
margin-top: 45px;
}
.box.second-box {
margin-top: -10px;
margin-bottom: -10px;
}
.get-help {
padding-top: 10px;
padding-bottom: 25px;
background-position: 87% top;
}
.get-help h2 {
font-size: 27px;
}
.get-help p {
font-size: 15px;
line-height: 22px;
}
.categories .container div {
height: 140px;
width: 33.33%;
}
.categories a {
font-size: 14px;
}
.q-a h2 {
text-align: center;
}
.q-a .questions {
border-right: none;
border-bottom: solid 1px #d9d9d9;
padding-right: 15px;
padding-bottom: 51px;
}
.q-a .searches {
padding-left: 15px;
padding-bottom: 50px;
}
.q-a .questions > a {
font-size: 14px;
padding: 9px 15px;
padding-right: 22px;
}
.q-a .btn {
margin-left: auto;
margin-right: auto;
display: table;
}
.q-a .searches > a {
font-size: 12px;
padding: 4px 9px;
}
.ask {
padding-top: 20px;
padding-bottom: 30px;
}
.ask h3 {
font-size: 18px;
line-height: 25px;
}
.ask input[type="text"], .ask button {
width: 100%;
display: block;
float: none;
border-radius: 50px;
margin-bottom: 10px;
}
.documents h2 {
font-size: 24px;
}
.documents p {
font-size: 16px;
}
.testimonial {
font-size: 15px;
}
.testimonial h2 {
margin-top: 38px;
}
.lSAction {
display: none !important;
}
.testimonial img {
margin-top: 15px;
margin-bottom: 15px;
}
.sign-up p {
font-size: 16px;
line-height: 20px;
}
.sign-up h2 {
margin-top: 30px;
}
.sign-up {
padding-bottom: 40px;
}
footer {
padding-top: 55px;
}
footer p {
max-width: none;
}
footer .heading {
margin-top: 20px;
margin-bottom: 10px;
}
.copyrights p {
font-size: 12px;
text-align: center;
}
.secondary header form {
margin-left: 0px;
}
.navbar-collapse {
z-index: 45;
background: #0e4f6b;
}
.content-box {
padding: 20px 10px;
}
.btn-warning {
padding: 17px 20px;
}
.create-acc {
font-size: 15px;
text-align: center;
min-height: 210px;
}
.create-acc a.btn {
float: none;
}
.secondary .copyrights, .secondary .copyrights p {
font-size: 12px;
}
.content-box a.btn {
display: table;
margin-left: auto;
margin-right: auto;
}
.paper-categories {
text-align: center;
}
.paper-categories a {
margin: 0px 0px 0px 15px;
}
}
@media (min-width: 640px) and (max-width: 767px) {
.categories .container div {
width: 20%;
}
}
.zIndex999 {
z-index: 999;
}
.zIndex997 {
z-index: 997;
}
.zIndex995 {
z-index: 995;
}
.zIndex990 {
z-index: 990;
}
.paper-categories h2 {
text-align: center;
letter-spacing: -0.6px;
margin-bottom: 0px;
margin-top: 45px;
}
.paper-categories .cat-heading {
color: #47525d;
font-weight: 500;
font-size: 18px;
margin-bottom: 10px;
margin-top: 30px;
}
.paper-categories .cat-heading i {
color: #e63c13;
font-size: 24px;
margin-right: 5px;
}
.paper-categories a {
color: #007ee5;
font-size: 14px;
line-height: 17px;
}
.video-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.word-break-issue {
word-break: normal;
}
@media (min-width: 1200px) {
.paper-categories h2 {
margin-top: 80px;
}
}
/*------------------------------------------------------------------
Common Stylesheet
Project: Theme Name
Build: Bootstrap 4.1.0
Author: Enamul Haque
Author URL: http://www.enamul.me
-------------------------------------------------------------------*/
/* ----------------------------------------------------------------
typography
-----------------------------------------------------------------*/
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.navbar-toggler,
a:active,
a:focus,
input,
select,
textarea {
outline: none !important;
}
svg,
img {
max-width: 100%;
display: inline-block;
vertical-align: middle;
}
a,
.container {
text-decoration: none !important;
transition: all .5s;
}
a:hover,
.btn,
button,
.btn:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
ol {
padding-left: 20px;
}
ol[type="none"] {
padding-left: 0px;
}
ol li {
padding: 7px 0;
line-height: 1.8;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
color: inherit;
}
.plain-text p {
margin-bottom: 30px;
line-height: 1.9;
}
.plain-text h1,
.plain-text h2,
.plain-text h3,
.plain-text h4,
.plain-text h5,
.plain-text h6 {
margin-bottom: 15px;
}
.plain-text img{
margin-bottom: 30px;
display: block;
margin-left: auto;
margin-right: auto;
}
.border,
.border-top,
.border-right,
.border-bottom,
.border-left {
border-color: #E2E2EA !important;
}
.border-primary{
border-color: #17b5ef !important;
}
p {
color: #44444F;
line-height: 1.8;
word-break: break-word;
}
/* Box Shaddow Mixin */
.header-item {
display: flex;
text-align: center;
align-items: center;
justify-content: space-between;
}
.header-sec {
position: relative;
position: absolute;
width: 100%;
left: 0;
padding: 20px 0;
z-index: 5;
}
.header-sec.business .h-menu li a {
color: #000;
}
.header-sec.business .menu-trigger span {
background: #000;
}
.header-sec.business .slicknav_menu .slicknav_icon-bar {
background-color: #000;
}
.h-btn .btn {
padding: 4px 17px;
border-radius: 6px;
}
.header-menu {
display: flex;
align-items: center;
text-align: center;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 60px;
width: 100%;
}
.h-menu {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.h-menu > li {
padding-right: 30px;
}
.h-menu > li > a {
color: #fff;
font-size: 15px;
letter-spacing: .2px;
padding: 15px 0;
display: block;
}
.h-menu > li > a i {
color: rgba(255, 255, 255, 0.8);
font-size: 20px;
margin-left: 8px;
}
.h-menu > li > a.active, .h-menu > li > a:hover {
color: #00AEEF;
}
.h-menu > li:hover > a i {
transform: rotate(180deg);
}
.h-menu li ul {
position: absolute;
background: #fff;
padding: 5px 0;
text-align: left;
border-radius: 2px;
width: 220px;
transition: .3s;
transform: translateY(20px);
opacity: 0;
visibility: hidden;
border-radius: 3px;
}
.h-menu li ul li:last-child a {
border-bottom: 0;
}
.h-menu li ul a {
color: #000;
display: block;
padding: 10px 20px;
font-size: 15px;
border-bottom: 2px solid #E1E5E7;
}
.h-menu li ul a:hover {
padding-left: 25px;
}
.h-menu li:hover > ul {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
.menu-trigger {
cursor: pointer;
}
.menu-trigger span {
display: block;
width: 35px;
background: #fff;
height: 3px;
margin: 6px 0;
border-radius: 1px;
transition: .3s;
}
.menu-trigger.active span:nth-child(1) {
transform: rotate(45deg) translateY(7px) translateX(5px);
}
.menu-trigger.active span:nth-child(2) {
opacity: 0;
}
.menu-trigger.active span:nth-child(3) {
transform: rotate(-45deg) translateY(-7px) translateX(5px);
}
.nav-sign {
display: inline-block;
margin-right: 30px;
}
.slicknav_nav {
padding: 20px 0 30px 0;
position: absolute;
top: 100%;
background: #131820;
width: 100%;
left: 0;
z-index: 9;
text-align: left;
}
.slicknav_nav .btn-white {
color: #231F20 !important;
}
.slicknav_nav .btn, .slicknav_nav .btn-lg {
padding: 10px 25px !important;
display: inline-block !important;
vertical-align: middle !important;
outline: none !important;
margin: 25px 0 0 25px;
border-radius: 3px !important;
}
.slicknav_nav .nav-sign {
margin: 10px 0 0 25px !important;
padding: 0;
}
.slicknav_nav .nav-sign:hover {
background: transparent !important;
}
.slicknav_nav li:hover a i {
transform: none;
}
.slicknav_nav li a {
color: #fff !important;
}
.slicknav_nav li a i {
float: right;
}
.slicknav_nav li.slicknav_open > a i {
transform: rotate(180deg);
}
.slicknav_nav .slicknav_arrow {
display: none;
}
.slicknav_nav > ul > li > ul li a {
padding: 10px 30px;
}
.slicknav_nav > ul > li > a:hover {
background: #001b62;
border-radius: 0 !important;
}
.slicknav_nav > ul > li > a {
margin: 0 !important;
padding: 10px 25px !important;
}
.slicknav_nav > li > a i {
margin-left: 5px;
}
.slicknav_nav li {
display: block !important;
padding: 0px 0 !important;
text-align: left;
}
.slicknav_nav a:hover {
border-radius: 0;
background-color: #283059 !important;
color: #fff !important;
}
.slicknav_nav ul {
margin: 0;
}
.slicknav_menu {
background: none;
padding: 0;
}
.slicknav_btn {
background: transparent;
padding: 0;
border-radius: 2px;
margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 30px;
height: 2px;
box-shadow: none;
transition: .3s;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 7px;
}
.slicknav_menu .slicknav_icon {
float: none;
display: block;
cursor: pointer;
width: 100%;
height: auto;
}
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(1) {
transform: rotate(45deg) translateX(7px) translateY(6px);
}
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) {
opacity: 0;
}
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) {
transform: rotate(-45deg) translateX(7px) translateY(-5px);
}
/*=========== Start Footer Section ============*/
.pd-footer-sec {
background: #F9F9F9;
}
.pd-footer-sec.footer-dark {
background: #3d464d;
}
.footer-dark .copyrights {
background: #384148;
}
.footer-dark .footer-widget a,
.footer-dark .widget-title,
.footer-dark .copyrights p{
color: #fff;
}
.footer-dark .footer-widget p,
.footer-dark .widget-menu li a{
color: rgba(255, 255, 255, .8);
}
.footer-dark .social-profiles li a img {
filter: brightness(0) invert(1);
}
.social-profiles svg path {
fill: #fff;
}
.widget-title {
text-transform: uppercase;
color: #000;
margin-bottom: 25px;
letter-spacing: .5px;
font-size: 18px;
}
.footer-widget p {
color: #000;
margin-bottom: 15px;
font-size: 14px;
font-weight: 300;
}
.footer-widget a {
color: #007EE5;
}
.widget-menu li {
padding: 5px 0;
}
.widget-menu li:first-child{
padding-top: 0;
}
.widget-menu li a {
color: #000;
font-weight: 300;
font-size: 16px;
margin: 0;
}
.widget-menu li a:hover {
color: #007EE5;
}
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 40px;
}
.fb-left {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.footer-logo {
display: inline-block;
opacity: .5;
margin-right: 30px;
}
.social-profiles {
display: flex;
flex-wrap: wrap;
}
.social-profiles li {
padding: 5px;
}
.social-profiles li a {
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
border-radius: 50%;
font-size: 17px;
}
.social-profiles li a img {
height: 24px;
width: 24px;
}
.footer-menu {
display: flex;
flex-wrap: wrap;
}
.footer-menu li {
padding-left: 30px;
}
.footer-menu li a {
color: rgba(255, 255, 255, 0.5);
}
.footer-menu li a:hover {
color: rgba(255, 255, 255, 0.8);
}
.copyrights {
background: #eeeeee;
margin-top: 100px;
}
.copyrights p {
color: #000;
font-size: 14px;
text-align: left;
}
.copyrights {
margin-top: 50px;
}
.go-top {
position: fixed;
right: 20px;
bottom: 20px;
display: none;
z-index: 9;
background: rgba(0, 0, 0, 0.4);
color: #fff;
height: 35px;
width: 35px;
text-align: center;
font-size: 23px;
border-radius: 1px;
cursor: pointer;
transition: 0.3s;
border-radius: 1px;
}
.go-top:hover {
background: #007EE5;
}
.go-top img {
max-width: 16px;
}
.hero-sec {
background: #fff url(../img/header.jpg) no-repeat scroll center/cover;
padding: 200px 0 100px 0;
}
.hero-inner {
max-width: 800px;
margin: auto;
text-align: center;
}
.hero-inner h1 {
font-size: 55px;
color: #fff;
font-weight: 300;
margin-bottom: 20px;
}
.hero-inner p {
font-size: 20px;
font-weight: 300;
color: #fff;
}
.h-search {
position: relative;
}
.h-search input {
width: 100%;
border: 0;
font-size: 18px;
padding: 12px 80px 12px 18px;
border-radius: 8px;
height: 65px;
}
.h-search button {
position: absolute;
right: 0;
height: 100%;
top: 0;
display: flex;
justify-content: center;
align-items: center;
background: #007EE5;
color: #fff;
border: 0;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
padding: 22px;
outline: none;
}
.sec-title h1, .sec-title h2, .sec-title h3, .sec-title h4, .sec-title h5, .sec-title h6, .sec-title p {
color: #000;
font-weight: 300;
margin-bottom: 20px;
}
.sec-title p {
font-size: 20px;
}
.promo-sec {
border-bottom: 1px solid #E8E8E8;
}
.promo-item {
display: flex;
align-items: center;
}
.promo-item .p-img {
margin-right: 22px;
}
.promo-item .p-img img, .promo-item .p-img svg {
max-height: 55px;
}
.promo-item h1, .promo-item h2, .promo-item h3, .promo-item h4, .promo-item h5, .promo-item h6 {
color: #000;
font-weight: 300;
margin-bottom: 5px;
}
.promo-item p {
color: #000;
font-size: 16px;
font-weight: 300;
}
.w-video {
width: 100%;
max-width: 800px;
position: relative;
padding-top: 12%;
background: url("../img/video-cover.png") no-repeat scroll center/cover;
border-radius: 10px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 12%;
}
.vid-icon {
height: 100px;
width: 100px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 80px;
line-height: 1;
color: #007EE5;
box-shadow: 0 0 16px 8px rgba(255, 255, 255, 0.5);
cursor: pointer;
}
.welcome-video-inner {
position: relative;
max-width: 800px;
margin: auto;
padding-top: 41%;
border-radius: 15px;
overflow: hidden;
}
.welcome-video-inner iframe, .welcome-video-inner video {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.welcome-video-inner button.play {
border-radius: 50% !important;
height: 100px !important;
width: 100px !important;
box-shadow: 0 0 16px 8px rgba(255, 255, 255, 0.5);
background: #fff !important;
}
.welcome-video-inner .player .fill {
fill: #007EE5 !important;
}
.welcome-sec {
padding-top: 80px;
}
.welcome-video {
position: relative;
padding-top: 30px;
}
.welcome-video::before {
position: absolute;
content: "";
background: #F3F3F3;
width: 100%;
bottom: 0;
height: 50%;
}
.feature-sec {
background: #f3f3f3;
padding: 80px 0;
}
.fi-img {
margin-bottom: 20px;
}
.fi-img g[filter="url(#filter-1)"] {
filter: brightness(0) invert(1);
}
.feature-item.d-md-flex {
flex-wrap: wrap;
}
.feature-item.d-md-flex .fi-img {
margin-right: 20px;
}
.feature-item.d-md-flex .fi-text {
flex: 1;
}
.feature-item {
padding: 30px;
border-radius: 10px;
background: #fff;
height: 100%;
display: block;
}
.feature-item h1, .feature-item h2, .feature-item h3, .feature-item h4, .feature-item h5, .feature-item h6 {
color: #000;
margin-bottom: 15px;
}
.feature-item h1 a, .feature-item h2 a, .feature-item h3 a, .feature-item h4 a, .feature-item h5 a, .feature-item h6 a{
color: #000;
}
.feature-item h1 a:hover, .feature-item h2 a:hover, .feature-item h3 a:hover, .feature-item h4 a:hover, .feature-item h5 a:hover, .feature-item h6 a:hover{
text-decoration: underline !important;
}
.feature-item p {
font-size: 18px;
color: #000;
font-weight: 300;
}
.feature-item p a{
color: #000;
text-decoration: underline !important;
}
.feature-item p a:hover{
color: #00aeef;
}
.tm-icon svg g[filter="url(#filter-1)"] {
filter: unset;
}
.tm-icon svg g {
fill: #00aeef;
}
.svg-filter g[filter="url(#filter-1)"] {
filter: brightness(0) invert(1);
}
.universities {
background: #EFF3F4;
border-radius: 15px;
padding: 30px;
}
.university-list li {
position: relative;
margin: 8px 0;
padding-left: 30px;
font-weight: 300;
color: #000;
}
.university-list li::before {
content: "";
background: url("../img/university.png") no-repeat scroll center/18px;
position: absolute;
left: 0;
height: 20px;
width: 20px;
}
.university-list li a {
color: #000;
position: relative;
}
.universities-sec {
padding: 90px 0;
}
.testimonials .owl-stage {
display: flex;
}
.testimonials .owl-item {
flex: 1 0 auto;
display: flex;
}
.testimonials .tm-item {
width: 100%;
display: flex;
flex-direction: column;
}
.testimonials .tm-text {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.testimonials .tm-author {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.tm-item {
border: 2px solid #E2E2E2;
border-radius: 15px;
padding: 30px;
text-align: center;
}
.tm-item h5 {
font-weight: 300;
margin-bottom: 15px;
line-height: 1.5;
}
.tm-author {
padding-top: 10px;
}
.tm-author h6 {
font-size: 20px;
}
.tm-author p {
font-weight: 300;
}
.tm-img {
height: 100px;
width: 100px;
border-radius: 50%;
overflow: hidden;
margin: auto auto 20px auto;
}
.owl-dots {
display: block;
text-align: center;
margin-top: 20px;
}
.owl-dot {
display: inline-block;
height: 15px;
width: 15px;
background: #ECECEC !important;
border-radius: 50%;
margin: 4px;
outline: none !important;
}
.owl-dot.active {
background: #007EE5 !important;
}
.testimonial-sec {
padding-bottom: 90px;
}
.example-sec {
padding: 100px 0;
background: url("../img/student.png") no-repeat scroll center/cover;
}
.topic-item {
background: #FFFFFF;
border-radius: 10px;
padding: 20px;
}
.topic-item svg g[filter="url(#filter-1)"] {
filter: unset;
}
.topic-item svg g, .topic-item svg path {
fill: #02bdff;
}
.topic-item img,
.topic-item svg{
max-width: 45px;
max-height: 45px;
line-height: 1;
}
.topic-item h6 {
font-size: 18px;
margin-bottom: 8px;
}
.topic-item h6 a {
color: #000;
}
.topic-item p {
font-weight: 300;
font-size: 15px;
}
.topic-item a {
color: #000;
transition: .2s;
}
.topic-item a:hover {
text-decoration: underline !important;
color: #007EE5;
}
.topic-sec {
background: #eee;
padding: 90px 0;
}
.faq-content {
display: none;
transition: none;
padding: 0px 55px 20px 20px;
}
.faq-list > li {
border: 2px solid #C8C8C8;
border-radius: 10px;
margin-bottom: 17px;
cursor: pointer;
}
.faq-list > li.active {
cursor: default;
border-color: #007EE5;
}
.faq-list > li.active .faq-title {
color: #007EE5;
}
.faq-list > li.active .faq-title::before {
transform: unset;
}
.faq-list p {
font-weight: 300;
line-height: 1.8;
}
.faq-list .faq-title {
color: #000;
font-size: 18px;
position: relative;
padding: 20px 55px 20px 20px;
}
.faq-list .faq-title a {
color: #000;
}
.faq-list li.active .faq-title a {
color: #007EE5;
}
.faq-list .faq-title::before {
content: "";
position: absolute;
right: 18px;
font-family: 'ElegantIcons';
font-size: 40px;
line-height: 1;
background: url("../img/arrow-up.svg") no-repeat scroll center/contain;
width: 25px;
height: 20px;
top: 20px;
transform: rotate(180deg);
}
.faq-sec {
padding: 90px 0;
}
.aq-sec {
background: #373D43;
padding: 80px 0;
}
.search-queries a {
border: 2px solid #C8C8C8;
display: inline-block;
padding: 5px 10px;
border-radius: 5px;
margin: 5px 3px;
font-size: 14px;
color: #000000;
font-weight: 300;
}
.search-queries a:hover {
color: #007EE5;
border-color: #007EE5;
}
.search-sec {
border-top: 1px solid #DFDFDF;
padding: 40px 0 70px 0;
}
.rp-item, .rd-item {
display: flex;
}
.rp-item .rp-img, .rd-item .rp-img {
margin-right: 20px;
height: 110px;
width: 110px;
border-radius: 50%;
overflow: hidden;
}
.rp-item .rp-text, .rd-item .rp-text {
flex: 1;
}
.rp-item time, .rd-item time {
color: #3F3F3F;
font-size: 12px;
font-weight: 300;
display: block;
margin-bottom: 5px;
display: block;
}
.rp-item .rp-title, .rd-item .rp-title {
font-size: 18px;
color: #000;
margin-bottom: 10px;
}
.rp-item .rp-title a, .rd-item .rp-title a {
color: #000;
}
.rp-item p, .rd-item p {
font-weight: 300;
color: #000;
font-size: 15px;
}
.rp-item .more, .rd-item .more {
display: inline-block;
margin-top: 15px;
color: #007EE5;
}
.rp-item .more:hover, .rd-item .more:hover {
text-decoration: underline !important;
}
.recent-post-sec {
padding: 90px 0;
}
.recent-document-sec {
padding: 60px 0 80px 0;
border-top: 1px solid #DFDFDF;
}
.rd-item {
position: relative;
border: 2px solid #DBDBDB;
padding: 25px;
border-radius: 15px;
}
.rd-item .rp-img {
border-radius: 0;
height: auto;
width: auto;
max-width: 60px;
}
.rd-item .rd-tag {
position: absolute;
top: -2px;
right: -2px;
background: #00AEEF;
color: #fff;
font-size: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 12px;
padding: 5px 10px;
}
.rd-item .rp-text {
display: flex;
flex-direction: column;
}
.rd-item .rp-text-inner {
flex-grow: 1;
}
.signup-sec {
background: #373D43;
padding: 80px 0 100px 0;
}
.heading-sec {
padding: 90px 0;
}
.heading-sec h1, .heading-sec h2, .heading-sec h3, .heading-sec h4, .heading-sec h5, .heading-sec h6, .heading-sec p {
margin-bottom: 20px;
font-weight: 300;
color: #000;
}
.heading-sec p {
font-size: 16px;
line-height: 1.8;
}
.notice-sec {
background: url("../img/cover.jpg") no-repeat scroll center/cover;
padding: 50px 0;
}
.classic-notice{
background: #2c2f3e;
}
.notice-sec h2, .notice-sec h3, .notice-sec h4 {
color: #fff;
margin-bottom: 20px;
}
.notice-sec p {
color: #fff;
font-weight: 300;
font-size: 18px;
}
.plan-text .pt-left h5 {
color: #000;
font-weight: 400;
margin-bottom: 6px;
}
.plan-text p {
font-size: 14px;
font-weight: 300;
}
.plan-text .p-saving {
position: absolute;
right: -2px;
top: -2px;
background: #007EE5;
color: #fff;
font-weight: 500;
font-size: 12px;
padding: 0px 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.plan-text .pt-right {
text-align: right;
}
.plan-text .price-today {
color: #007EE5;
font-weight: 300;
}
.pm-radio.trial .plan-text .p-saving{
background: #E63A11;
}
.pm-radio.trial input:checked + .pmr-label {
border-color: #E63A11;
background: #FEF5F3;
}
.pm-img{
width: 70px;
}
.plan-mobile .list li {
padding-left: 15px;
font-size: 13px;
padding-bottom: 6px;
}
.plan-mobile .list li::before {
width: 11px;
top: 5px;
}
.plan-mobile p{
text-decoration: underline;
}
.checkout-mobile h3 {
font-size: 20px;
}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
color: #000;
font-weight: 400;
margin-bottom: 5px;
}
.text p {
font-weight: 300;
color: #000;
line-height: 1.7;
}
.group-field {
border-radius: 4px;
padding: 5px 0;
display: flex;
flex-wrap: wrap;
background: #fff;
border: 1px solid #d6d6d6;
}
.group-field.error,
.group-field.select-error {
margin-bottom: 30px !important;
}
.group-field .single-field {
width: 50%;
border-right: 1px solid #d6d6d6;
}
.group-field .single-field:last-child {
border-right: 0;
}
.group-field .single-field input {
border: 0;
}
.group-field label {
margin: 0;
}
.group-field input {
border: 0;
transition: .2s;
}
.group-field input:focus + .f-label {
top: 4px !important;
}
.group-field.items-3 .single-field {
width: 33.33%;
}
.single-field {
position: relative;
}
.card-visibility, .pass-visibility {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.pass-visibility .eye-slash,
.pass-visibility .eye {
width: 22px;
display: inline-block;
background: url('../img/eye.png') no-repeat scroll right/contain;
height: 15px;
vertical-align: middle;
}
.pass-visibility .eye-slash {
background: url('../img/eye-slash.png') no-repeat scroll right/contain;
}
.single-field label {
display: block;
width: 100%;
margin: 0;
position: relative;
}
.single-field label.active .f-label {
top: 4px !important;
visibility: visible;
}
.single-field .f-label {
display: inline-block;
position: absolute;
color: #1650a5;
font-size: 14px;
z-index: 2;
top: 10px;
left: 17px;
visibility: hidden;
transition: .2s;
}
.single-field input,
.single-field textarea {
width: 100%;
color: #000;
font-weight: 300;
border: 2px solid #d6d6d6;
padding: 5px 5px 5px 15px;
border-radius: 4px;
height: 55px;
transition: .2s;
}
.single-field input.active,
.single-field input:focus,
.single-field textarea.active,
.single-field textarea:focus {
padding-top: 25px;
border-color: #007EE5;
}
.single-field input.active .ip-focus,
.single-field input.active + .f-label,
.single-field input:focus .ip-focus,
.single-field input:focus + .f-label,
.single-field textarea.active .ip-focus,
.single-field textarea.active + .f-label,
.single-field textarea:focus .ip-focus,
.single-field textarea:focus + .f-label {
visibility: visible;
top: 4px;
}
.single-field label.error {
position: absolute;
left: 20px;
bottom: -30px;
color: red;
z-index: 1;
}
.single-field textarea {
height: auto;
}
.single-field .warn {
font-size: 14px;
color: #ef2743;
display: block;
margin-top: 5px;
display: none;
opacity: 0;
transition: .3s;
font-weight: 300;
}
.single-field.wrong label::before {
background: url(../../../img/cross.png) no-repeat scroll center/contain;
}
.single-field.wrong input {
border-color: #ef2743;
}
.single-field.wrong .f-label {
color: #ef2743;
}
.single-field.wrong .warn {
opacity: 1;
display: block;
}
.single-field.icon input {
padding-right: 40px;
}
.single-field .field-icon {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
z-index: 6;
}
.single-field .bootstrap-select .dropdown-toggle {
padding-top: 25px;
padding-bottom: 5px;
padding-left: 20px;
box-shadow: none;
border: 2px solid #E9E9E9;
height: 55px;
font-weight: 300;
border-radius: 6px;
}
.single-field .bootstrap-select .dropdown-toggle:focus {
border-color: #007EE5;
}
.single-field .bootstrap-select .dropdown-toggle::after {
right: 15px;
}
.single-field .opt-label {
font-size: 14px;
color: #1650a5;
margin: 0;
z-index: 5;
display: block;
position: absolute;
left: 20px;
top: 5px;
}
.terms-check {
position: relative;
margin: 0;
display: block;
cursor: pointer;
padding-left: 45px;
}
.terms-check .tc-label {
display: block;
font-weight: 300;
color: #000;
}
.terms-check p {
margin-bottom: 12px;
font-size: 12px;
}
.terms-check input {
display: none;
}
.terms-check input:checked + .tc-label::before {
background: url("../img/tick.svg") no-repeat scroll center/19px;
}
.terms-check .tc-label::before {
content: '';
position: absolute;
height: 30px;
width: 30px;
border-radius: 5px;
border: 2px solid #d3d2d7;
left: 0;
top: 5px;
}
.pm-radio {
position: relative;
display: block;
}
.pm-radio input {
display: none;
}
.pm-radio input:checked + .pmr-label {
border-color: #007EE5;
background: rgba(0, 126, 229, 0.05);
}
.pm-radio input:checked + .pmr-label::after {
content: "";
}
.pm-radio .pmr-label {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 25px 14px 20px 47px;
cursor: pointer;
border: 2px solid #E9E9E9;
border-radius: 7px;
transition: .2s;
}
.pm-radio .pmr-label::before {
content: '';
position: absolute;
height: 20px;
width: 20px;
border-radius: 50%;
border: 2px solid #d3d2d7;
left: 15px;
top: calc(50% - 10px);
}
.pm-radio .pmr-label::after {
height: 10px;
width: 10px;
position: absolute;
left: 20px;
top: calc(50% - 5px);
background: #118df0;
border-radius: 50%;
}
.list {
margin: 0;
padding: 0;
list-style: none;
}
.list li {
position: relative;
font-size: 16px;
padding-left: 30px;
padding-bottom: 10px;
color: #000;
font-weight: 300;
counter-increment: lists;
}
.list li.no::before {
background: url(../img/cross.png) no-repeat scroll center/12px;
}
.list li::before {
content: '';
position: absolute;
height: 12px;
width: 15px;
background: url(../img/tick.svg) no-repeat scroll center/contain;
top: 7px;
left: 0;
}
.list.bullet li{
padding-left: 22px;
}
.list.bullet li::before {
height: 8px;
width: 8px;
background: #4aace9;
border-radius: 50%;
}
.list.hyphen li{
padding-left: 18px;
}
.list.hyphen li::before {
height: 1px;
width: 7px;
background: #798086;
border-radius: 50%;
top: 10px;
}
.list.fs-18 li {
font-size: 18px;
}
.list.fs-14 li {
font-size: 14px;
}
.list.text-gray20 li {
color: #333;
}
.list.text-grey li a,
.list.text-grey li {
color: #798086;
}
.list.fw-400 li{
font-weight: 400;
}
.list.icon-right li {
padding-left: 0;
padding-right: 30px;
}
.list.icon-right li::before {
right: 0;
left: auto;
}
.list.text-center li::before {
left: unset;
transform: translate(-25px);
}
.list.angle-right li{
padding-left: 22px;
}
.list.angle-right li a{
color: #47525d;
}
.list.angle-right li::before {
content: 'â¯';
height: 17px;
background: transparent;
color: #19d789;
top: 0;
}
.sidebar-panel ul.list {
margin: 20px 0 0;
list-style-type: none;
padding: 0 15px;
font-family: Hind;
font-size: 14px;
}
.sidebar-panel ul.list li {
padding: 6px 0;
letter-spacing: -.2px;
margin: 0 0 5px;
list-style-type: none;
font-size: 14px;
}
.sidebar-panel ul.list li::before {
width: 16px;
height: 22px;
background: url(../images/tick2.png) no-repeat;
content: '';
display: inline-block;
float: left;
margin-right: 10px;
margin-top: 2px;
}
.sidebar-panel .testimonial li{
font-size: 14px;
}
.access-list p {
position: relative;
padding-left: 30px;
margin-bottom: 10px;
}
.access-list p:last-child {
margin-bottom: 0;
}
.access-list p img {
position: absolute;
left: 0;
top: 3px;
}
.paypal-checkout-btn p {
color: #003087;
font-weight: 300;
font-size: 14px;
margin-top: 10px;
}
.cvv-cards {
display: none;
width: 285px;
position: absolute;
bottom: calc(100% + 25px);
right: -15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
border: 1px solid #eaeaec;
background: #fff;
}
.cvv-cards::before {
content: '';
border: 12px solid transparent;
position: absolute;
border-top-color: #fff;
border-bottom-width: 0;
top: 100%;
right: 15px;
}
.cvv-cards .c-head {
background: #fcfbf8;
padding: 10px 15px;
border-bottom: 1px solid #d6d6d6;
}
.cvv-cards .c-head p {
margin: 0;
font-size: 14px;
color: #485263;
}
.cvv-cards .c-title {
font-size: 14px;
display: block;
margin-bottom: 10px;
}
.cvv-cards .c-content {
flex-wrap: wrap;
}
.cvv-cards .c-img {
width: 80px;
margin-right: 15px;
}
.cvv-cards .c-text {
width: calc(100% - 95px);
}
.cvv-cards .c-text p {
font-size: 14px;
margin-bottom: 5px;
line-height: 1.5;
}
.inner-therm span {
font-size: 13px !important;
line-height: 1.2;
padding: 0 5px;
}
.therm {
border-radius: 3px !important;
}
.flex-1 {
flex: 1 !important;
}
.overflow-hidden {
overflow: hidden;
}
.of-x-auto {
overflow-x: auto;
overflow-y: hidden;
}
.overflow-unset {
overflow: unset;
}
.before-none::before {
content: unset !important;
}
.pr-container {
padding-right: calc(50% - 1140px / 2);
}
.pl-container {
padding-left: calc(50% - 1140px / 2);
}
.position-unset {
position: unset !important;
}
.py-50, .pt-50 {
padding-top: 50px !important;
}
.py-50, .pb-50 {
padding-bottom: 50px !important;
}
.py-100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.pt-100 {
padding-top: 100px !important;
}
.pb-100 {
padding-bottom: 100px !important;
}
.fw-300 {
font-weight: 300 !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-400 h1, .fw-400 h2, .fw-400 h3, .fw-400 h4, .fw-400 h5, .fw-400 h6, .fw-400 p {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fs-24 {
font-size: 24px !important;
}
.fs-28 {
font-size: 28px !important;
}
.fs-20 {
font-size: 20px !important;
}
.fs-18 {
font-size: 18px !important;
}
.fs-16 {
font-size: 16px !important;
}
.fs-17 {
font-size: 17px !important;
}
.fs-12 {
font-size: 12px !important;
}
.fs-14 {
font-size: 14px !important;
}
.text-gray60 {
color: #999 !important;
}
.w120 {
width: 120px;
}
.w100 {
width: 100px;
}
.w200 {
width: 200px;
}
.w80 {
width: 80px;
}
.w50 {
width: 60px;
}
.h400 {
height: 400px;
}
.h300 {
height: 300px;
}
.h630 {
height: 630px;
}
.min-w250 {
min-width: 250px;
}
.unset-mh {
min-height: unset !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.max-w1400 {
max-width: 1400px !important;
}
.max-w300 {
max-width: 300px !important;
}
.max-w500 {
max-width: 500px !important;
}
.max-w600 {
max-width: 600px !important;
}
.max-w750 {
max-width: 750px !important;
}
.max-w1000 {
max-width: 1000px !important;
}
.max-w1200 {
max-width: 1200px !important;
}
.max-h440 {
max-height: 440px !important;
}
.pt-80, .py-80 {
padding-top: 80px !important;
}
.pb-80, .py-80 {
padding-bottom: 80px !important;
}
.bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
width: 100%;
}
.bootstrap-select .dropdown-menu {
padding: 10px 0px;
border: 0;
box-shadow: 0 13px 40px rgba(0, 0, 0, 0.08);
background-color: #ffffff;
border-radius: 0;
}
.bootstrap-select .dropdown-menu li {
border-bottom: 1px solid #E2E2EA;
padding: 0 20px;
}
.bootstrap-select .dropdown-menu li:last-child {
border: 0;
}
.bootstrap-select .dropdown-menu li .text-muted {
display: block;
padding: 0;
}
.bootstrap-select .dropdown-menu .dropdown-item {
padding: 10px 0px;
font-size: 15px;
color: #333;
}
.bootstrap-select .dropdown-menu .dropdown-item.active {
color: #333;
background: transparent;
}
.bootstrap-select .dropdown-menu .dropdown-item:hover {
background: transparent;
}
.bootstrap-select .dropdown-toggle {
background-color: #fff;
border: 1px solid #C8C8C8;
color: #000 !important;
position: relative;
padding: 14px;
border-radius: 5px;
text-transform: unset;
outline: none !important;
font-weight: 300;
}
.text-gray .bootstrap-select .dropdown-toggle{
color: #666 !important;
}
.bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.bootstrap-select .dropdown-toggle:focus:after {
content: '';
}
.bootstrap-select .dropdown-toggle::after {
content: '';
border: 0;
position: absolute;
font-size: 20px;
top: 0px;
right: 15px;
height: 100%;
width: 15px;
display: flex;
align-items: center;
background: url("../img/arrow_down.svg") no-repeat scroll center/15px;
}
.bootstrap-select .dropdown-toggle:hover {
color: #559aff;
}
.bootstrap-select.show .dropdown-toggle:after {
transform: rotate(180deg);
}
.bootstrap-select.caret .dropdown-toggle:after {
content: '\f0d7';
}
.bootstrap-select.caret.show .dropdown-toggle:after {
content: '\f0d8';
}
.filteropt.bootstrap-select {
position: relative !important;
}
.filteropt.bootstrap-select .dropdown-menu {
min-width: 200px !important;
right: 0 !important;
top: 100% !important;
left: auto !important;
transform: unset !important;
}
.filteropt.bootstrap-select.letf-0 .dropdown-menu {
left: 0 !important;
right: auto !important;
}
.daterangepicker {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
border: 0;
border-radius: 2px;
}
.daterangepicker::before {
border-bottom: 7px solid rgba(0, 0, 0, 0.02);
}
.daterangepicker .btn-primary {
background-color: #0062ff;
border-radius: 2px;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
height: 33px;
width: 34px;
line-height: 24px;
font-size: 13px;
font-weight: 500;
color: #9FA4A6;
border-radius: 50%;
font-family: "Silka";
border: 2px solid transparent;
}
.daterangepicker .calendar-table th {
font: 400 15px "Silka";
color: #92929D;
text-transform: uppercase;
}
.daterangepicker .calendar-table td.active, .daterangepicker .calendar-table td:hover {
background: transparent;
color: #007EE5;
box-shadow: inset 0 0 1px 2px #007EE5;
border-radius: 50%;
}
.daterangepicker .calendar-table td.start-date.end-date {
box-shadow: inset 0 0 1px 2px #007EE5;
color: #007EE5;
background: transparent;
border-radius: 50%;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
border-color: #999;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
background: #eee url("../img/angle-down.png") no-repeat scroll calc(100% - 8px) center/10px;
}
.daterangepicker .drp-buttons .btn {
border-radius: 3px;
}
.shadow {
box-shadow: 0 0 49px rgba(0, 0, 0, 0.06) !important;
}
.column-2 {
column-count: 2;
}
.column-3 {
column-count: 3;
}
.text-transform-none {
text-transform: none;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p {
color: #fff !important;
}
.text-white svg path {
fill: #fff;
}
.text-white img {
filter: brightness(0) invert(1);
}
.text-yellow{
color: #ffdf0a !important;
}
.overflow-visible {
overflow: visible !important;
}
.has-drop-cap p:first-child:first-letter {
font-size: 40px;
}
.has-drop-cap:first-letter {
font-size: 40px;
}
.icon-box {
height: 50px;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.icon-box.success {
background: rgba(27, 188, 49, 0.1);
}
.btn, .btn-sm, .btn-lg, .btn-xl {
font-size: 15px;
border-radius: 40px;
padding: 10px 25px;
font-weight: 400;
border: 1px solid transparent;
display: inline-block;
text-align: center;
vertical-align: middle;
outline: none !important;
}
.btn-sm {
font-size: 14px;
padding: 6px 18px;
font-weight: 500;
}
.btn:focus, .btn:hover, .btn:active, .btn-lg:focus, .btn-lg:hover, .btn-lg:active, .btn-xl:focus, .btn-xl:hover, .btn-xl:active {
outline: none !important;
box-shadow: none;
}
.btn i, .btn img, .btn svg, .btn-lg i, .btn-lg img, .btn-lg svg, .btn-xl i, .btn-xl img, .btn-xl svg {
margin-right: 5px;
}
.btn small, .btn-lg small, .btn-xl small {
display: block;
font-weight: 300;
font-size: 14px;
}
.btn-lg {
font-size: 18px;
padding: 10px 25px;
}
.btn-xl {
font-size: 20px;
padding: 14px 25px;
}
.btn-dark {
background: #0F2E51;
border-color: #0F2E51;
border: 0;
}
.btn-dark:hover {
background: #0F2E51;
border-color: #0F2E51;
opacity: .9;
}
.btn-dark img {
filter: brightness(0) invert(1);
}
.btn-dark svg path {
fill: #fff;
}
.btn-light:not(.dropdown-toggle) {
background: #F3F3F3;
color: #0F2E51;
border: 0;
}
.btn-light:not(.dropdown-toggle):hover, .btn-light:not(.dropdown-toggle):active, .btn-light:not(.dropdown-toggle).active {
color: #fff;
background: #0F2E51;
}
.btn-light:not(.dropdown-toggle):hover img, .btn-light:not(.dropdown-toggle):active img, .btn-light:not(.dropdown-toggle).active img {
filter: brightness(0) invert(1);
}
.btn-light:not(.dropdown-toggle):hover svg path, .btn-light:not(.dropdown-toggle):active svg path, .btn-light:not(.dropdown-toggle).active svg path {
fill: #fff;
}
.btn-white {
background: #fff;
color: #000;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.17);
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
background: #007EE5;
color: #fff;
}
.btn-white:hover img, .btn-white:focus img, .btn-white:active img, .btn-white.active img {
filter: brightness(0) invert(1);
}
.btn-white:hover svg path, .btn-white:focus svg path, .btn-white:active svg path, .btn-white.active svg path {
fill: #fff;
}
.btn-primary {
background: #007EE5;
color: #fff;
}
.btn-primary-outline {
background: transparent;
border: 2px solid #007EE5;
color: #007EE5;
}
.btn-primary-outline:hover {
background: #007EE5;
color: #fff;
}
.btn-success {
background: #007EE5;
color: #fff;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.16);
}
.btn-default {
border-color: #D0D0D0;
}
.btn-info{
background: #17b5ef;
border-color: #17b5ef;
color: #fff;
}
.btn-info:focus,
.btn-info:hover{
background: #007ee5;
border-color: #007ee5;
box-shadow: none;
}
.btn-danger-outline {
color: #e63a11;
border-color: #e63a11;
}
.btn-danger-outline:hover {
color: #ffffff;
background-color: #e63a11;
}
/*==============================
THANK SECTION
==============================*/
.fa-spin{
-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear
}
.fa-pulse{
-webkit-animation:fa-spin 1s infinite steps(8);
animation:fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.thank-sec {
display: flex;
align-items: center;
min-height: 100vh;
}
.thank-logo {
display: inline-block;
}
.thank {
border-radius: 10px;
box-shadow: 0px 5px 40px 0px rgba(72, 82, 99, 0.15);
position: relative;
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding: 15px;
overflow: hidden;
}
.thank-icon img{
max-width: 80px;
}
.thank-body {
margin-bottom: 40px;
}
.thank-inner{
border: 1px solid #118df0;
border-radius: 10px;
padding: 20px;
padding-bottom: 10px;
}
.thank-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.thank::before {
content: "";
position: absolute;
height: 225px;
width: 225px;
background: #cfe8fc;
border-radius: 50%;
right: -100px;
top: -100px;
border: 8px solid #fff;
}
.thank::after {
content: "";
position: absolute;
height: 200px;
width: 200px;
background: #118df0;
border-radius: 50%;
right: -100px;
top: -100px;
}
.thank-body h1 {
font-size: 70px;
line-height: 1;
text-transform: uppercase;
margin: 30px 0;
}
.thank-body h2 {
color: #959fa6;
font: 400 40px 'Roboto', sans-serif;
font-weight: 400;
}
.thank-body h5 {
font: 400 18px 'Roboto', sans-serif;
color: #959fa6;
}
.thank-body p{
font-size: 18px;
}
.loader {
padding-top: 30px;
padding-bottom: 20px;
}
.loader i {
color: #485263;
}
.footer-menu{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.footer-menu a {
display: block;
color: #118df0;
font-family: 'Roboto', sans-serif;
font-size: 15px;
margin-right: 10px;
padding-right: 10px;
text-decoration: underline !important;
display: inline-block;
position: relative;
}
.footer-menu a::before {
content: "|";
position: absolute;
right: -3px;
}
.footer-menu a:last-child::before{
content: none;
}
.footer-menu a:last-child{
margin-right: 0;
padding-right: 0;
}
.footer-menu a:hover{
text-decoration: none !important;
}
.tf-right p {
margin: 0;
font-size: 15px;
}
.packages label{
position: relative;
}
.packages .trial-label{
position: absolute;
right: 0;
top: 0;
background: #e63a11;
color: #fff;
padding: 1px 10px;
font-size: 14px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
display: inline-block;
}
/* Start Popup Stylesheets */
.social-login {
display: block;
color: #485263;
font-size: 15px;
font-family: Roboto, sans-serif;
border: 1px solid #d6d6d6;
border-radius: 5px;
padding: 12px;
transition: .3s;
}
.social-login:hover {
background: #eaeaea;
color: #485263;
}
.social-login img {
margin-right: 2px;
}
.ms-head {
border-bottom: 1px solid #F1F1F1;
}
.modal.show .close-modal,
.close-modal {
position: fixed;
display: inline-block;
right: 30px;
top: 30px;
cursor: pointer;
transition: none;
}
.choose-plan {
width: 100%;
display: flex;
}
.pricing-box {
border: 1px solid #d3d2d7;
padding: 30px;
background: #fff;
border-radius: 5px;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
width: 100%;
}
.pb-content {
flex-grow: 1;
}
.pricing-box .price {
color: #000000;
font-weight: 400;
font-size: 28px;
display: block;
padding: 5px 0;
}
.pricing-box .save {
color: #fff;
background: #007EE5;
font-size: 11px;
text-transform: uppercase;
position: absolute;
top: 0px;
font-family: Roboto, sans-serif;
font-weight: 500;
display: inline-block;
padding: 2px 10px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
left: 50%;
transform: translate(-50%);
z-index: 3;
}
.choose-plan .pricing-box::before {
content: '';
position: absolute;
height: 20px;
width: 20px;
left: 10px;
top: 10px;
background: url(../img/check.svg) no-repeat scroll center/cover;
opacity: 0
}
.choose-plan .btn {
padding: 8px 30px;
margin-left: auto;
margin-right: auto;
}
.choose-plan input {
display: none
}
.choose-plan input:checked+.pricing-box::before {
opacity: 1
}
.choose-plan input:checked+.pricing-box{
border-color: #e63a11;
}
.choose-plan .btn-default {
color: #e63a11;
border-color: #e63a11;
}
.choose-plan input:checked + .pricing-box .btn-default {
background: #E63A11 !important;
border-color: #E63A11 !important;
color: #fff !important;
}
.pricing-box .dadeline {
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
color: #007ee5;
}
.ms-footer {
border-top: 1px solid #F1F1F1;
}
.ms-head h4 img {
float: left;
cursor: pointer;
}
.payment-options .dropdown-menu .dropdown-item {
padding: 13px 0px;
}
span.credit-card,
i.credit-card {
background: url('../img/credit_cards.png') no-repeat scroll right/contain;
height: 20px;
width: 130px;
display: inline-block;
position: absolute;
right: 12px;
}
span.amazon,
i.amazon {
background: url('../img/AmazonPay.png') no-repeat scroll right/contain;
height: 25px;
width: 80px;
display: inline-block;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
span.google,
i.google {
background: url('../img/GooglePay.png') no-repeat scroll right/contain;
height: 18px;
width: 80px;
display: inline-block;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
span.apple,
i.apple {
background: url('../img/apple-pay.png') no-repeat scroll right/contain;
height: 20px;
width: 80px;
display: inline-block;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
span.samsung,
i.samsung {
background: url('../img/samsung-pay.png') no-repeat scroll right/contain;
height: 18px;
width: 80px;
display: inline-block;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
span.visa,
i.visa {
background: url('../img/visa.png') no-repeat scroll right/contain;
height: 18px;
width: 80px;
display: inline-block;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
span.echeck,
i.echeck {
background: url('../img/e-check.png') no-repeat scroll right/contain;
height: 23px;
width: 80px;
display: inline-block;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
.payment-options .dropdown-toggle::after {
content: none !important;
}
.payment-options .dropdown-toggle i {
top: 25px;
}
.payment-options .dropdown-toggle i.credit-card {
top: 15px;
}
/* Daterange Picker */
.daterangepicker {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
border: 0;
border-radius: 2px;
}
.daterangepicker::before {
border-bottom: 7px solid rgba(0, 0, 0, 0.02);
}
.daterangepicker .btn-primary {
background-color: #0062ff;
border-radius: 2px;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
height: 33px;
width: 34px;
line-height: 24px;
font: 300 14px 'Roboto', sans-serif;
color: #000000;
border-radius: 50%;
border: 2px solid transparent;
}
.daterangepicker .calendar-table th {
font: 300 13px 'Roboto', sans-serif;
color: #000;
text-transform: uppercase;
}
.daterangepicker .calendar-table td.active, .daterangepicker .calendar-table td:hover {
background: transparent;
color: #007EE5;
box-shadow: inset 0 0 1px 2px #007EE5;
border-radius: 50%;
}
.daterangepicker .calendar-table td.start-date.end-date {
box-shadow: inset 0 0 1px 2px #007EE5;
color: #007EE5;
background: transparent;
border-radius: 50%;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
border-color: #999;
}
.ctc-block {
display: flex;
align-items: center;
background: #e8e8e8;
padding-top: 15px;
padding-bottom: 15px;
}
.ctc-img {
margin-right: 15px;
width: 70px;
}
.ctc-subtitle {
color: #007ee5;
font-size: 14px;
}
.ctc-title {
font-weight: 400;
margin-bottom: 5px;
}
.ctc-author {
display: block;
font-weight: 300;
color: #7d7d7d;
}
.ctc-text {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
.ctc-block .btn {
padding: 8px 15px;
}
.stage-header-sec {
background: url(https://f095da6f6d4f39b02924-c65e2f216678edfc8a34736ac8aef7e9.ssl.cf2.rackcdn.com/theme_1.0/images/header.jpg) no-repeat top center/cover;
position: relative;
}
.stage-header-sec.sticky-top {
position: -webkit-sticky;
position: sticky;
z-index: 99;
}
.state-search input {
border: 0;
background: #fff;
border-radius: 40px;
padding: 8px 60px 8px 18px;
width: 100%;
}
.state-search {
position: relative;
flex: 1;
margin-right: 7%;
margin-left: 8%;
}
.state-search button {
position: absolute;
right: 0;
background: transparent;
border: 0;
color: #00aeef;
height: 100%;
display: flex;
align-items: center;
top: 0;
padding-right: 19px;
cursor: pointer;
outline: none !important;
}
.state-search button i.icon-magnifying-glass{
font-size: 20px;
}
.menutrigger .m-trigger + .m-trigger {
margin-top: 6px;
}
.menutrigger{
cursor: pointer;
}
.menutrigger .m-trigger {
width: 30px;
transition: .2s;
display: block;
background: rgba(255, 255, 255, .9);
opacity: 1;
height: 2px;
}
.stage-header-sec .navbar-toggler {
border: 0;
padding: 0 1% 0 0;
outline: none !important;
}
.menutrigger.active .m-trigger:nth-child(1) {
transform: rotate(45deg) translateX(5px) translateY(5px);
}
.menutrigger.active .m-trigger:nth-child(2){
opacity: 0;
}
.menutrigger.active .m-trigger:nth-child(3) {
transform: rotate(-45deg) translateX(6px) translateY(-6px);
}
.stage-tabmenu li {
margin-bottom: -1px;
}
.stage-tabmenu li a {
display: block;
}
.stage-tabmenu li a.active {
background: #fafafa;
}
.stage-header {
display: flex;
align-items: center;
}
.sh-right {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
}
.stage-menu {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.stage-menu li a {
color: rgba(255, 255, 255, .6);
display: block;
text-decoration: none !important;
font-size: 15px;
}
.stage-menu li.active a,
.stage-menu li a:hover{
color: #00aeef;
}
.stage-menu li ul {
position: absolute;
top: 100%;
width: 180px;
right: 0;
background: #040607;
padding: 10px 0;
transform: rotateX(50deg);
transition: .4s;
margin: 0;
list-style: none;
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
z-index: 99;
visibility: hidden;
opacity: 0;
}
.stage-menu li:hover ul {
visibility: visible;
opacity: 1;
transform: rotateX(0deg);
}
.stage-menu > li {
position: relative;
margin: 0 10px;
padding: 15px 5px;
}
.stage-menu > li:last-child {
margin-right: 0;
padding-right: 0;
}
.stage-menu li ul li a {
padding: 5px 15px;
font-size: 14px;
transition: .2s;
}
.dots {
display: block;
padding: 0 5px;
cursor: pointer;
}
.dots:hover span{
background: #00aeef;
}
.dots > span {
display: inline-block;
vertical-align: middle;
height: 5px;
width: 5px;
background: rgba(255, 255, 255, .6);
border-radius: 50%;
}
.stage-user {
font-size: 25px;
color: #00aeef;
}
/*.preloader-wrap {
position: absolute;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
background: rgba(236, 239, 255, .95);
}*/
.load__animation {
border: 5px solid #007ee5;
border-top-color: transparent;
border-top-style: groove;
height: 80px;
width: 80px;
border-radius: 100%;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-animation: turn 1.5s linear infinite;
-o-animation: turn 1.5s linear infinite;
animation: turn 1.5s linear infinite;
}
.load {
position: absolute;
top: 0;
left: 0;
background: rgba(236, 239, 255, .95);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
}
.load__container {
position: relative;
}
.load__title {
color: #000;
font-size: 24px;
display: block;
margin-top: 10px;
}
@keyframes turn {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes loadPage {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.exitpopupbill-sec{
z-index: 9999;
}
.exitpopupbill-sec .close-modal img {
filter: brightness(0);
}
.popupbill {
display: flex;
flex-wrap: wrap;
}
.popupbill-left {
width: 40%;
background: #2c2f3e;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
min-height: 100vh;
padding-left: 10%;
}
.popupbill-left::before {
content: "⇉";
color: rgba(255,255,255,.8);
font-size: 50px;
line-height: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 14px;
}
.popupbill-right {
width: 60%;
background: #fefefe;
padding: 30px;
margin-bottom: -1px;
padding-right: 12%;
}
.gpay {
text-align: center;
background: #000;
border-radius: 5px;
cursor: pointer;
display: block;
}
.gpay img {
max-height: 50px;
}
.line-text {
display: block;
text-align: center;
padding: 15px 0;
color: #b5b5b5;
position: relative;
}
.line-text::before {
content: "";
border-bottom: 1px solid #cecaca;
width: 100%;
bottom: 49%;
left: 0;
position: absolute;
}
.line-text span {
background: #fefefe;
z-index: 2;
position: relative;
padding: 0px 8px;
}
.pbl-logo .backarrow {
filter: brightness(0) invert(1);
margin-right: 10px;
max-width: 25px;
cursor: pointer;
display: inline-block;
}
.pbl-footer p, .pbl-footer a {
font-size: 15px;
color: rgba(255, 255, 255, .7);
}
.pbl-footer a:hover{
color: rgba(255, 255, 255, .9);
text-decoration: underline !important;
}
.pbl-body p {
color: rgba(255, 255, 255, .8);
margin-bottom: 10px;
font-size: 22px;
}
.pbl-body h1 {
color: #fff;
margin-bottom: 15px;
}
.pbl-body {
padding: 30px 0;
}
.pbl-detail p{
font-size: 16px;
margin-bottom: 5px;
text-align: center;
}
.excerpt-blur {
background: linear-gradient(to bottom,rgba(255,255,255,0.54)0,#fff 80%);
position: relative;
margin-top: -188px;
padding-top: 215px;
}
.excerpt {
background: url(../img/hidden-text.jpg) no-repeat scroll right 0/cover;
padding: 55px 15px;
margin: 20px 0;
justify-content: center;
display: flex;
position: relative;
}
.excerpt-inner {
background: #fff;
max-width: 500px;
position: relative;
padding: 24px 30px 25px 100px;
box-shadow: 0px 4px 65px 0px rgba(26, 27, 28, 0.15);
border-radius: 4px;
}
.excerpt-inner h6,
.excerpt-inner h5{
font-size: 20px;
font-weight: 500;
color: #212529;
}
.excerpt-inner h6{
font-size: 16px;
}
.excerpt-img {
width: auto !important;
left: 23px;
position: absolute;
margin: 0 !important;
top: 21px;
}
.excerpt-inner a {
font-weight: 400;
display: inline-block;
margin-top: 5px;
color: #333333;
text-decoration: none !important;
}
.generatepage select,
.generatepage input {
width: 100%;
border: 1px solid #00aeef;
padding: 10px 15px;
border-radius: 10px;
margin-bottom: 10px;
}
.generatepage select {
background: url('../img/caret-down.png') no-repeat scroll calc(100% - 15px) center/12px;
}
.generatepage h1,
.generatepage h2,
.generatepage h3,
.generatepage h4,
.generatepage h5,
.generatepage p{
margin-bottom: 10px;
}
.generatepage p,
.generatepage li{
color: #798086;
font-size: 14px;
line-height: 1.7;
}
.generatepage li{
padding: 2px 0;
}
.generatepage ol {
padding: 20px 20px 20px 40px;
border: 1px solid #c7c7c7;
}
.generate-result {
background: #f2fbfe;
padding: 20px;
border: 1px dashed #00aeef;
margin-bottom: 30px;
}
.generate-result h4,
.generate-result h5{
color: #00aeef;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem !important;
}
.generatepage .btn-primary{
background: #00aeef;
border-color: #00aeef;
}
.generate-result .signup-link{
color: #00aeef;
font-size: 20px;
text-align: center;
display: block;
}
/* submission page stylesheet */
.s-setp-block {
display: flex;
flex-wrap: wrap;
}
.ssb-logo {
background: #eef5fa;
height: 70px;
width: 70px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-right: 15px;
padding: 16px;
}
.ssb-text {
flex: 1;
}
.ssb-text h5{
margin-bottom: 10px;
}
.submission-step .col-lg-4:last-child::before{
content: none;
}
.submission-step .col-lg-4::before {
content: "";
position: absolute;
height: 70px;
right: 0;
border-right: 2px dashed #d4d8e0;
top: 50%;
transform: translateY(-50%);
}
.submission-head {
max-width: 600px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px;
position: relative;
}
.submission-head p {
font-size: 20px;
margin-top: 20px;
}
.submission-head::before, .submission-head::after {
content: "";
position: absolute;
height: 100%;
width: 180px;
background: url('../img/paper-left.png') no-repeat scroll center/contain;
right: calc(100% + 10px);
top: 50%;
transform: translateY(-50%);
}
.submission-head::after{
left: calc(100% + 10px);;
right: auto;
background: url('../img/paper-right.png') no-repeat scroll center/contain;
}
.field-item {
position: relative;
}
.field-item input {
width: 100%;
padding: 10px 15px 5px 20px;
border: 2px solid #E9E9E9;
border-radius: 6px;
height: 60px;
font-size: 15px;
transition: .3s;
}
.field-item input:focus {
border-color: #a1bad7;
}
.field-label {
display: block;
padding: 2px 9px;
position: absolute;
top: -11px;
left: 15px;
background: #fff;
text-align: center;
margin: 0;
z-index: 5
}
.field-item .bootstrap-select .dropdown-toggle {
height: 60px;
border: 2px solid #E9E9E9;
background: #fff !important;
font-size: 15px;
padding: 18px 15px 5px 23px;
}
.field-item .bootstrap-select .dropdown-toggle::after {
background: url("../img/angle-down.png") no-repeat scroll center/14px;
}
.field-item .bootstrap-select .bs-caret {
position: absolute;
height: 20px;
width: 2px;
background: #E9E9E9;
right: 45px;
top: 50%;
transform: translateY(-50%);
}
.upload-file {
display: flex;
border: 2px dashed #E9E9E9;
border-radius: 8px;
padding: 5px;
height: 60px;
align-items: center;
}
.uf-logo {
min-width: 40px;
width: 40px;
height: 40px;
background: #007ee5;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-right: 8px;
}
.uf-text p {
color: #8593a0;
font-size: 14px;
}
.add-new {
display: flex;
align-items: center;
font-size: 19px;
color: #1f2332;
cursor: pointer;
}
.btn-submit {
background: #007ee5;
text-align: center;
color: #fff;
display: inline-block;
padding: 14px;
border-radius: 7px;
border: 0;
}
.btn-submit:hover{
background: #0369bd;
color: #fff;
}
.single-input input.active,
.single-input input:focus,
.single-input input{
height: 50px;
padding: 5px 5px 5px 15px;
}
.p-signup-form {
background: #f9f9f9;
border-radius: 5px;
border: 1px solid #ebebeb;
}
.p-signup {
box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.05);
background: #fff;
border-radius: 8px;
overflow: hidden;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.p-signup .p-signup-right {
background: #f9f9f9;
}
.p-signup .social-login {
border-radius: 5px;
margin-bottom: 14px;
}
.p-signup .social-login.facebook{
background: #4267b2;
border-color: #4267b2;
color: #fff;
}
.p-signup .social-login.apple{
background: #000000;
border-color: #000000;
color: #fff;
}
.p-signup .social-login img {
margin-right: 8px;
}
.wp-img {
width: 50px;
height: 50px;
background: #fff;
box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
margin-right: 15px;
}
.wp-text {
flex: 1;
}
.wp-text p {
color: #666666;
}
.wp-item {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.wp-item:last-child{
margin-bottom: 0;
}
.p-aside {
height: calc(100% - 75px);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.filter-sec{
padding: 20px 0 10px 0;
border-bottom: 1px solid #e1e1e1;
}
.filter-options-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.reset-filter {
color: #007ee5;
font-size: 16px;
}
.filter-options {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.fo-item {
margin-right: 30px;
margin-bottom: 10px;
}
.fo-item .dropdown-toggle::after{
color: #007be0;
}
.fo-item button.btn {
padding: 0;
border: 0;
box-shadow: none !important;
opacity: 1;
color: #444;
font-size: 15px;
}
.mr-50 {
margin-right: 50px !important;
}
.mr-15 {
margin-right: 15px !important;
}
.fo-item p {
color: #888888;
font-size: 15px;
font-weight: 300;
}
.taginput-field button {
position: absolute;
right: 0;
color: #fff;
background: #00aeef;
border: 0;
padding: 9px;
border-radius: 4px;
box-shadow: none !important;
outline: none !important;
}
.taginput-field {
position: relative;
}
.fo-item .dropdown-menu {
margin-top: 21px;
border-radius: 0 0 10px 10px;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0 3px 6px rgba(0,0,0,.1);
}
.tagsinput-warp {
width: 400px;
padding: 20px !important;
border: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.tagsinput-warp h4 {
margin-bottom: 12px;
font-size: 16px;
font-weight: 400;
}
.fo-item button.btn .caret {
margin-left: 5px;
}
.multiselect-container label.radio {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
display: block;
}
.multiselect-container li{
position: relative;
}
.multiselect-container li.active .radio {
background: #eeeeee;
color: #424644;
}
.multiselect-container .radio input{
display: none;
}
.bootstrap-tagsinput{
position: relative;
padding-right: 36px;
}
.bootstrap-tagsinput input {
border-color: transparent !important;
width: auto !important;
height: 26px !important;
padding: 0 5px;
}
.bootstrap-tagsinput button[type="submit"] {
position: absolute;
top: -1px;
right: -1px;
background: #007ee5;
border: 0;
color: #fff;
padding: 8px 10px;
border-radius: 3px;
font-size: 15px;
}
.bootstrap-tagsinput .badge {
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: .5px;
margin: 2px 0;
}
.multiselect-container label.checkbox {
padding: 8px 10px 8px 39px;
position: relative;
display: block;
}
.multiselect-container label.checkbox input {
-moz-appearance: none;
position: absolute;
height: 18px;
width: 18px !important;
left: 12px !important;
padding: 0;
margin: 0 !important;
top: 9px;
border: 0 !important;
}
.multiselect-container label.checkbox input::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
border: 1px solid #bdbbbb;
text-align: center;
left: 0px;
top: 0;
}
.multiselect-container label.checkbox input:checked::before {
border-color: #0d85e6;
background: #0d85e6 url(../img/checked.png) no-repeat scroll center/18px;
content: "";
line-height: 1;
font-size: 14px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
background: transparent;
color: #424644;
}
.multiselect-container li a {
padding: 0;
display: block;
}
.trouble-block {
display: flex;
flex-wrap: wrap;
border: 1px solid #fba143;
padding: 16px 25px;
background: #fff3e7;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.trouble-block .shape-img {
position: absolute;
right: 30px;
max-width: 120px;
bottom: -30px;
}
.trouble-block .tb-img {
margin-right: 20px;
}
.trouble-block .tb-content {
flex: 1;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.trouble-block h5 {
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
color: #333333;
}
.trouble-block p {
font-size: 16px;
color: #000;
font-family: 'Hind', sans-serif;
}
.trouble-block .btn {
font-size: 13px;
padding: 8px 15px;
}
.trouble-block .tb-img,
.trouble-block .tb-btn,
.trouble-block .tb-text {
padding: 8px 0;
}
.search-term-title {
font-size: 25px;
color: #424644;
margin-bottom: 20px;
}
.search-term-title span{
color: #007ee5;
}
.viewed-essay-aside:hover {
background: #fbfbfb;
}
.viewed-essay-aside {
display: flex;
border: 1px solid #e1e1e1;
padding: 15px;
border-radius: 4px;
background: #fff;
margin-bottom: 20px;
}
.viewed-essay-aside .ve-img {
width: 60px;
margin-right: 14px;
}
.viewed-essay-aside h6 a{
color: #3d464d;
}
.viewed-essay-aside:hover h6,
.viewed-essay-aside h6 a:hover{
color: #007ee5;
}
.viewed-essay-aside h6 {
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
color: #3d464d;
transition: .4s;
}
.viewed-essay-aside p {
color: #798086;
font-size: 15px;
}
.viewed-essay-aside .ve-text {
flex: 1;
}
.checkout-complete-sec .cc-logo{
margin-bottom: 25px;
}
.checkout-complete-sec {
background: #f8f8f8;
padding: 50px 0;
text-align: center;
}
.checkout-complete h2 {
font-size: 36px;
margin-bottom: 15px;
}
.checkout-complete p {
color: #000000;
font-size: 16px;
margin-bottom: 15px;
}
.checkout-complete {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.checkout-complete p a{
color: #007ee5;
}
.related-topics{
margin-bottom: 20px;
}
/*
* Classic Checkout
*/
.classic-checkout-block .cc-block-head {
background: #2c2f3e;
color: #fff;
padding: 20px;
}
.classic-checkout-block .cc-block-body {
padding: 20px;
border: 1px solid #2c2f3e;
background: #fff;
}
.classic-plan-wrap .pm-radio {
margin-bottom: 0;
}
.classic-plan-wrap .pmr-label {
border: 0;
border-radius: 0;
border-bottom: 1px solid #e6e7e8;
}
.classic-plan-wrap {
border: 1px solid #d6d7d8;
border-radius: 7px;
overflow: hidden;
}
.classic-plan-wrap .pm-radio.trial input:checked + .pmr-label {
background: #fae9d1;
}
.classic-plan-wrap .pm-radio input:checked + .pmr-label {
background: rgba(0, 126, 229, 0.1);
border-color: #e6e7e8;
}
.classic-plan-wrap .pm-radio.trial input:checked + .pmr-label h5{
color: #e63a11;
}
.classic-plan-wrap .pm-radio .pmr-label::before {
height: 24px;
width: 24px;
left: 10px;
border-color: rgba(0,0,0,.15);
box-shadow: inset 0.5px 0.866px 5px 0px rgba(0, 0, 0, 0.22);
}
.classic-plan-wrap .pm-radio input:checked + .pmr-label::before {
background: url('../img/checked2.png') no-repeat scroll center/24px;
border: 0;
box-shadow: none;
}
.classic-plan-wrap .pm-radio input:checked + .pmr-label::after{
content: none;
}
.renew-notice {
display: block;
text-align: right;
font-size: 11px;
color: #666666;
margin-top: 10px;
margin-bottom: -15px;
}
.classic-plan-wrap .plan-text .price-today {
color: #039300;
font-weight: 600;
font-size: 11px;
}
.classic-plan-wrap .price {
font-size: 23px;
color: #424242;
font-weight: 700;
}
.classic-plan-wrap .price span {
font-size: 15px;
}
.classic-plan-wrap .plan-text .p-saving {
top: 0px;
padding: 0px 10px;
}
.classic-input-field input {
width: 100%;
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
background: #fff;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
padding: 11px 15px;
font-size: 15px;
height: 45px;
font-weight: 400;
transition: .3s;
}
.classic-input-field .bootstrap-select .dropdown-toggle {
height: 45px;
padding: 12px 14px;
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
border-color: rgba(0,0,0,.15);
}
.classic-input-field input:focus{
border-color: #007EE5;
}
.classic-input-field {
display: flex;
flex-wrap: wrap;
}
.cif-left {
width: 140px;
}
.cif-right {
width: calc(100% - 140px);
}
.cif-label {
margin-top: 14px;
margin-bottom: 0;
font-size: 15px;
color: #424242;
display: block;
font-weight: 500;
}
.classic-input-field {
display: flex;
flex-wrap: wrap;
margin-bottom: 14px;
}
.classic-input-field:last-child{
margin-bottom: 0;
}
.classic-input-field input.active,
.classic-input-field input:focus {
padding-top: 11px;
}
.terms-check-circle .tc-label::before{
border: 1px solid rgba(0,0,0,.15);
box-shadow: inset 0.5px 0.866px 5px 0px rgba(0, 0, 0, 0.15);
border-radius: 50%;
height: 27px;
width: 27px;
}
.terms-check-circle input:checked + .tc-label::before {
background: url("../img/checked2.png") no-repeat scroll center/cover;
border: 0;
box-shadow: none;
}
.h-call {
display: block;
color: #2c2f3e;
font-size: 15px;
font-weight: 500;
}
.h-call a {
color: #2c2f3e;
font-weight: 400;
display: inline-block;
}
.h-call img{
margin-right: 4px;
}
.classic-aside-head h5 {
color: #2c2f3e;
font-size: 18px;
}
.classic-aside-head {
background: #cfd9de;
padding: 15px;
}
.classic-aside {
border: 1px solid #cfd9de;
border-radius: 7px;
margin-bottom: 20px;
}
.classic-aside .border-top,
.classic-aside .border-right,
.classic-aside .border-bottom,
.classic-aside .border-left{
border-color: #cdd6db !important;
}
.classic-aside .list li{
padding-bottom: 0;
padding-left: 25px;
margin-bottom: 15px;
}
.classic-aside .list li:last-child{
margin-bottom: 0;
}
.classic-aside .list li::before {
content: '';
position: absolute;
height: 15px;
width: 15px;
background: url(../img/tick-classic.png) no-repeat scroll center/contain;
top: 4px;
left: 0;
}
.ctm-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid #cfd9de;
}
.ctm-item:first-child{
padding-top: 0;
}
.ctm-item:last-child{
border-bottom: 0;
padding-bottom: 0;
}
.ctm-item .tm-right {
width: calc(100% - 50px);
}
.ctm-item p a{
color: #e63a11;
}
.ctm-item p{
font-size: 14px;
font-style: italic;
}
.file-link {
display: inline-block;
margin-right: 8px;
margin-bottom: 5px;
margin-top: 5px;
color: #333333;
font-size: 14px;
border: 1px solid #333;
padding: 4px 13px;
border-radius: 6px;
}
.file-link.active {
border-color: #007ee5;
color: #007ee5;
}
.file-link:hover{
background: #007ee5;
border-color: #007ee5;
color: #fff;
}
/* Questions and Answers */
.ab-author {
display: flex;
align-items: center;
}
.ab-author .auth-img {
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
}
.answer-body > * {
margin-bottom: 15px;
}
.ab-author time {
color: #404247;
font-size: 12px;
display: block;
}
.answer-block {
border-radius: 12px;
background: #fff;
padding: 20px 25px 15px 25px;
margin-bottom: 20px;
}
.write-answer {
display: inline-block;
color: #1b1d24;
font-size: 14px;
border: 2px dashed #d3dae9;
border-radius: 6px;
padding: 6px 12px;
}
.write-answer:hover {
border-style: solid;
border-color: #b0bad0;
}
.answer-head {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.answer-expression-element:hover,
.answer-meta-element:hover {
background: #eee;
}
.answer-expression-element,
.answer-meta-element {
display: inline-block;
transition: .3s;
background: #f4f4f4;
padding: 4px 10px;
border-radius: 5px;
margin-right: 7px;
margin-bottom: 5px;
font-size: 14px;
color: #5e5f63;
border: 0;
}
.answer-meta-element .bar {
display: inline-block;
width: 3px;
background: var(--primary);
height: 10px;
margin-right: 3px;
}
.answer-expression-element{
border-radius: 30px;
}
.answer-meta-element:last-child{
margin-right: 0;
}
.answer-footer {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.subject-list-aside a:hover {
color: #1b1d24;
font-weight: 500;
}
.subject-list-aside a {
display: block;
margin: 8px 0;
padding: 5px 0;
font-size: 15px;
color: #4f5157;
}
.subject-list-aside a i {
font-style: normal;
float: right;
}
.subject-list-aside a:hover i{
color: #0a83e6;
}
.answer-aside {
padding: 25px 35px;
background: #fff;
border-radius: 12px;
}
.btn-subject {
font-weight: 500;
color: #1b1d24;
padding: 4px 15px;
background: #f1f6fa;
display: inline-block;
border-radius: 4px;
}
.btn-subject i{
color: #0b84e6;
font-style: normal;
margin-left: 5px;
}
.latest-question a:hover {
color: #007ee5;
}
.latest-question a {
display: block;
margin: 5px 0;
padding: 5px 0;
font-size: 15px;
color: #4f5157;
position: relative;
padding-right: 15px;
}
.latest-question a::before{
content: "â¯";
position: absolute;
right: 0;
top: 5px;
}
.latest-question a span{
position: relative;
transition: .8s;
padding-bottom: 5px;
line-height: 1.8;
background: linear-gradient(#007ee5, #007ee5) no-repeat left 100% / 0% 2px;
}
.latest-question a:hover span{
background-size: 100% 2px;
}
.latest-question.question-mark a {
padding-left: 35px;
color: #000000;
}
.latest-question.question-mark a::after {
content: "";
height: 22px;
width: 22px;
background: url(../img/question-mark.png) no-repeat scroll center/contain;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.latest-question.question-mark a::before {
top: 50%;
transform: translateY(-50%);
}
.answer-tags a {
display: inline-block;
background: #fff;
padding: 7px 15px;
border-radius: 30px;
margin-right: 5px;
margin-bottom: 10px;
font-size: 14px;
color: #393b41;
}
.answer-tags a:hover {
background: #dde1fb;
}
.best-answer {
display: inline-block;
text-transform: uppercase;
text-align: center;
font-size: 12px;
color: #1b1a18;
background: #ffb213;
padding: 7px 14px;
border-radius: 30px;
font-weight: 500;
}
.best-answer:hover{
color: #1b1a18;
}
.best-answer img {
display: inline-block;
vertical-align: top;
margin-right: 3px;
}
.ab-with-excerpt .excerpt-inner a {
font-size: 14px;
color: #1b1d24;
}
.ab-with-excerpt .excerpt-img {
max-width: 50px;
left: 16px;
top: 14px;
}
.ab-with-excerpt .excerpt-inner{
padding: 15px 25px 15px 76px;
}
.excerpt-inner a i {
font-style: normal;
color: #007ee5;
}
.ab-with-excerpt {
min-height: 120px;
position: relative;
}
.ab-with-excerpt .excerpt {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
padding: 25px 15px 0px 15px;
background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .4), rgba(255, 255, 255, .8), rgba(255, 255, 255, .9), #fff);
}
.answer-block.top-answer {
border: 2px dashed #696c75;
}
.subscription-block {
display: flex;
justify-content: space-between;
align-items: center;
padding: 35px 50px;
background: #007ee5;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.subscription-block .btn-primary:hover {
background: #0463b0;
border-color: #0463b0;
}
.subscription-block .btn-primary {
background: #046ec6;
border-radius: 5px;
font-weight: 500;
}
.subscription-block .btn-warning:hover{
background: #fbc045;
border-color: #fbc045;
}
.subscription-block .btn-warning{
font-weight: 500;
background: #ffb213;
border-radius: 5px;
box-shadow: 0px 5px 5px 0px rgba(16, 30, 50, 0.06);
}
.subscription-block h4 {
color: #fff;
}
.subscription-block::before {
content: "";
position: absolute;
background: url('../img/paper4.png') no-repeat scroll top/contain;
height: 100px;
width: 100px;
top: 0;
left: 120px;
}
.subscription-block::after {
content: "";
position: absolute;
background: url('../img/paper5.png') no-repeat scroll bottom/contain;
height: 100px;
width: 100px;
bottom: 0;
right: 20px;
}
.subscription-block * {
position: relative;
z-index: 5;
}
.sb-shape {
position: absolute;
top: calc(100% - 28px);
left: 30px;
}
.paginate span,
.paginate a {
display: inline-block;
height: 38px;
width: 38px;
border-radius: 50%;
text-align: center;
line-height: 2.3;
color: #393b41;
border: 2px solid transparent;
}
.paginate a.active{
color: #fff;
background: #0b84e6;
pointer-events: none;
}
.paginate a:hover {
border-color: #0b84e6;
background: #daeaf7;
}
.subject-list li {
padding: 10px 0;
}
.subject-list a {
font-size: 17px;
color: #1b1d24;
position: relative;
}
.subject-list a:hover{
color: var(--primary);
}
.subject-list-sec {
padding: 80px 0;
}
/*===========================
cPanle StyleSheet
===========================*/
.alerticon {
display: inline-block;
margin-right: 8px;
}
.alert-success {
color: #18d789;
background-color: #ddf2eb;
border-color: #85e5c0;
}
.alert-success a{
color: #18d789;
}
.alert-danger {
color: #ef2742;
background-color: #fde9ec;
border-color: #fabec6;
}
.alert-dismissible .close:hover {
color: #04995c;
}
.alert-dismissible .close {
opacity: 1;
font-weight: 300;
font-size: 30px;
line-height: 1;
padding: 7px 12px;
outline: none !important;
}
.alert{
font-size: 15px;
}
.cb-logo {
display: block;
max-width: 65px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.cpanel-block-wrap {
display: flex;
flex-wrap: wrap;
}
.cpanel-block {
display: block;
width: 33.33%;
padding: 30px 20px;
text-align: center;
border: 1px solid #ececec;
color: #47525d;
}
.cpanel-block p {
color: #798086;
}
.cpanel-block .cb-title {
font-family: 'Hind', sans-serif;
font-weight: 600;
color: #333;
margin-bottom: 10px;
margin-top: 20px;
transition: .4s;
}
.cpanel-block:hover .cb-title{
color: #17b5ef;
}
.cpanel-block:hover{
color: #17b5ef;
border-color: #17b5ef;
}
.cpanel-block.q-and-a:hover {
border-color: #ececec;
border-bottom-color: #0cb9cb;
color: #0cb9cb;
}
.cpanel-block.citation-generator:hover {
border-color: #ececec;
border-bottom-color: #ff5162;
color: #ff5162;
}
.cpanel-block.writing-tools:hover {
border-color: #ececec;
border-bottom-color: #795ff0;
color: #795ff0;
}
.table th {
background: #f3f5f6;
border: 0;
}
.table td {
color: #798086;
font-weight: 400;
font-size: 14px;
}
.table td:first-child {
font-weight: 500;
}
.table th {
font-weight: 500;
color: #363636;
font-size: 16px;
}
.table a{
color: #18b5f0;
}
.btn-action-outline:hover {
border-color: #18b5f0;
}
.btn-action-outline:first-child{
margin-left: 0;
}
.btn-action-outline {
display: inline-block;
text-align: center;
font-size: 13px;
border: 1px solid #ebebeb;
border-radius: 20px;
padding: 3px 14px;
margin-left: 8px;
outline: none;
color: #18b5f0;
}
.btn-action-outline.danger {
color: #e63a11;
}
.btn-action-outline.danger:hover {
border-color: #e63a11;
}
.btn-action-outline.success {
color: #5fa315;
}
.btn-action-outline.success:hover {
border-color: #5fa315;
}
.table-striped tbody tr:nth-of-type(2n+1) {
background-color: rgba(0,0,0,.02);
}
.sidebar-search input {
height: 45px;
font-size: 14px;
padding: 12px 55px 12px 18px;
border: 1px solid #d7d7d7;
}
.sidebar-search button {
padding: 10px 15px;
}
.cpanel-sidebar {
padding: 30px 20px;
border-radius: 10px;
margin-bottom: 30px;
}
.paper-list.border-0 li{
border: 0;
padding-bottom: 0;
}
.paper-list li::before {
content: "â¯";
border-radius: 50%;
display: block;
position: absolute;
left: 0;
top: 0px;
}
.paper-list li {
position: relative;
padding-left: 20px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #d7d7d7;
font-size: 15px;
}
.paper-list li:last-child{
margin-bottom: 0;
border-bottom: 0;
}
.paper-list li a {
color: #3d464d;
font-size: 16px;
}
.paper-list li:hover::before,
.paper-list li:hover a{
color: #007ee5;
}
.paper-list .doc-type {
font-size: 14px;
display: block;
color: #798086;
}
.cpanel-sidebar .line {
display: block;
background: #d7d7d7;
margin-left: auto;
margin-right: auto;
width: 60px;
height: 2px;
margin-bottom: 12px;
margin-top: 10px;
}
.pm-small .pm-radio .pmr-label {
font-size: 14px;
padding: 12px 14px 12px 47px;
}
.close {
opacity: 1;
outline: none !important;
text-shadow: unset;
font-weight: 300;
font-size: 30px;
line-height: 1;
}
.flashcard-search input {
height: 55px;
border: 1px solid #ececec;
border-radius: 4px;
font-size: 15px;
}
.flashcard-search button[type="submit"] {
border-radius: 0 4px 4px 0;
font-weight: 500;
}
.flashcard {
padding: 20px;
background: #fff;
border: 2px solid #e4e4e4;
border-radius: 10px;
transition: .3s;
display: block;
}
.flashcard.active,
.flashcard:hover{
border-color: #337ede;
box-shadow: 0px 24px 68px 0px rgba(0, 0, 0, 0.09);
}
.fc-title {
font-weight: 500;
color: #4bace9;
border-bottom: 2px solid #e4e4e4;
margin-bottom: 18px;
padding-bottom: 14px;
transition: .3s;
}
.flashcard:hover .fc-title{
color: #337ede;
text-decoration: underline;
}
.flashcard p {
margin-bottom: 14px;
color: #798086;
}
.flashcard p b{
color: #333333;
}
.flashcard p:last-child{
margin-bottom: 0;
}
.flashcard-pagination a.active {
background: #337ede;
border-color: #337ede;
color: #fff;
pointer-events: none;
}
.flashcard-pagination a {
display: inline-block;
border: 1px solid #ececec;
background: #fff;
border-radius: 8px;
padding: 7px 16px;
font-weight: 600;
color: #333;
margin: 0 2px;
}
.flashcard-pagination a:hover{
border-color: #333;
}
.paginate-secondary a.active{
color: #fff;
background: #17b5ef;
border-color: #17b5ef;
}
.paginate-secondary a{
color: #17b5ef;
}
.paginate-secondary a:hover{
border-color: #17b5ef;
}
.fc-business {
border: 2px solid #e4e4e4;
border-radius: 7px;
}
.fcb-head {
background: #fafafa;
padding: 10px 20px;
border-bottom: 2px solid #e4e4e4;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.fcb-carousel-line {
background: #ebebeb;
border-radius: 10px;
overflow: hidden;
position: relative;
flex: 1;
}
.fcb-carousel-bar {
height: 7px;
background: #4aace9;
transition: .8s;
border-radius: 10px;
}
.fcb-counter-wrap {
display: flex;
align-items: center;
flex: 1;
max-width: 400px;
}
.fcb-footer {
display: flex;
justify-content: space-between;
}
.fcb-term {
border-bottom: 2px solid #e4e4e4;
padding-bottom: 14px;
margin-bottom: 16px;
}
.fcb-body p {
color: #798086;
}
.fcb-body p b {
color: #333;
}
.fcb-counter {
font-weight: 700;
color: #333333;
font-size: 14px;
}
.fcb-head .answer-meta-element {
background: #ebebeb;
color: #333;
}
.definition-item {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.di-term {
width: 160px;
border: 2px solid #e4e4e4;
border-radius: 10px;
padding: 12px 18px;
margin-right: 25px;
}
.di-definition {
flex: 1;
border: 2px solid #e4e4e4;
padding: 12px 18px;
border-radius: 10px;
}
.dih-left {
width: 160px;
margin-right: 25px;
}
.dih-right {
flex: 1;
}
.di-head {
display: flex;
flex-wrap: wrap;
}
.di-head p{
color: #333;
font-weight: 500;
font-size: 18px;
}
.inline-checkbox input,
.inline-radio input {
display: none;
}
.inline-checkbox span,
.inline-radio span {
display: inline-block;
color: #333333;
position: relative;
padding-left: 24px;
}
.inline-checkbox span {
padding-left: 35px;
padding-top: 3px;
}
.inline-checkbox span::before,
.inline-radio span::before {
content: "";
position: absolute;
height: 17px;
width: 17px;
border: 2px solid #e4e4e4;
border-radius: 50%;
left: 0;
top: 3px;
transition: .1s;
}
.inline-checkbox span::before {
height: 25px;
width: 25px;
border-radius: 1px;
border: 1px solid #00aeef;
}
.inline-checkbox input:checked + span::before,
.inline-radio input:checked + span::before {
border-color: #337ede;
border-width: 5px;
}
.inline-checkbox input:checked + span::before {
background: #00aeef url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
border-color: #00aeef;
border-width: 0;
}
.inline-checkbox,
.inline-radio {
margin-right: 20px;
}
.inline-checkbox:last-child,
.inline-radio:last-child{
margin-right: 0;
}
.pd-advert {
background: url('../img/advert-bg.jpg') no-repeat scroll right/cover;
padding: 25px;
border-radius: 5px;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.pda-left {
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
min-width: 60px;
}
.pda-right {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.pda-text{
padding-top: 10px;
padding-bottom: 10px;
margin-right: 15px;
flex: 1;
}
.pda-btn{
padding-top: 10px;
padding-bottom: 10px;
}
.pda-text h5 {
font-size: 22px;
color: #fff;
font-weight: 400;
line-height: 1.4;
}
.pda-btn a {
color: #17b5ef;
font-weight: 500;
border-radius: 5px;
padding: 7px 18px;
}
.pd-advert-wrap {
padding: 5px 18px 18px 18px;
background: #fff;
border-radius: 6px;
margin-bottom: 20px;
}
.nav-tabs .nav-item{
margin: 0;
}
.nav-tabs .nav-item .nav-link {
border: 0;
font-size: 15px;
color: #424644;
padding: 8px 22px;
}
.plagiarismresult-nav-tab.nav-tabs .nav-item .nav-link {
font-weight: 500;
padding: 15px 22px;
font-size: 17px;
color: #798086;
}
.plagiarismresult-nav-tab.nav-tabs .nav-item.show .nav-link, .plagiarismresult-nav-tab.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
box-shadow: inset 0 -3px 0 0px #18b5f0;
color: #18b5f0;
background-color: transparent;
border-color: #dee2e6 #dee2e6 #fff;
}
.plagiarismresult-nav-tab li{
width: 33.33%;
text-align: center;
}
.tab-pane {
padding-top: 25px;
padding-bottom: 25px;
}
.citation-generator-cif .cif-left {
width: 230px;
}
.citation-generator-cif .cif-right {
width: calc(100% - 230px);
}
.citation-generator-cif .classic-input-field input, .citation-generator-cif .classic-input-field .bootstrap-select .dropdown-toggle {
box-shadow: none;
}
.ss-item {
display: flex;
flex-wrap: wrap;
padding: 12px 24px;
align-items: center;
position: .3s;
}
.ss-item:hover {
background: #e7f7fd;
}
.ss-item:hover .ss-btn{
text-decoration: underline !important;
}
.ss-img {
width: 50px;
height: 50px;
margin-right: 15px;
overflow: hidden;
border-radius: 4px;
}
.ss-content {
display: flex;
flex-wrap: wrap;
flex: 1;
justify-content: space-between;
}
.ss-img img {
width: 100%;
height: ;
height: 100%;
object-fit: cover;
}
.ss-text h5 a,
.ss-text h5 {
font-size: 15px;
color: #424644;
}
.ss-meta span {
display: inline-block;
color: #a8a8a8;
font-size: 13px;
}
.ss-meta span::before {
content: "";
height: 5px;
width: 5px;
background: #a8a8a8;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
margin-right: 8px;
margin-left: 5px;
}
.ss-meta span:first-child::before {
content: none;
}
.ss-btn {
font-size: 14px;
color: #18b5f0;
}
.ss-text {
max-width: 630px;
}
.book-search {
border: 2px solid #ececec;
border-radius: 5px;
position: relative;
}
.book-search input {
border: 0;
border-radius: 0;
padding: 10px 40px 10px 24px;
height: 50px;
}
.book-search button {
background: transparent;
border: 0;
position: absolute;
right: 0;
top: 0;
padding: 13px 20px 13px 10px;
color: #0cb2f0;
outline: none !important;
}
.search-suggetions{
border-top: 2px solid #e8e8e8;
padding-top: 10px;
}
.pd-breadcrumb li {
display: inline-block;
margin-right: 14px;
padding-right: 14px;
position: relative;
color: #4f5157;
font-size: 15px;
}
.pd-breadcrumb li a{
color: #000;
}
.pd-breadcrumb li::before {
content: "â¯";
position: absolute;
right: -6px;
font-size: 14px;
line-height: 1.8;
}
.pd-breadcrumb li:last-child{
margin-right: 0;
padding-right: 0;
}
.pd-breadcrumb li:last-child::before{
content: none;
}
.btn-radio input{
display: none;
}
.br-label {
border: 1px solid #d7d7d7;
padding: 9px 20px 9px 40px;
position: relative;
display: inline-block;
border-radius: 5px;
}
.br-label::before {
content: "";
height: 16px;
width: 16px;
border-radius: 50%;
border: 1px solid #d7d7d7;
position: absolute;
left: 16px;
top: 14px;
}
.br-label::after {
position: absolute;
height: 10px;
width: 10px;
background: #16b5ee;
left: 19px;
border-radius: 50%;
top: 17px;
}
.btn-radio input:checked + .br-label {
background: #edf9fe;
border: 1px solid #8fd8ee;
}
.btn-radio input:checked + .br-label::after{
content: "";
}
.en-radio-btn {
margin-right: -8px;
margin-left: -8px;
display: flex;
flex-wrap: wrap;
}
.en-radio-btn .btn-radio {
padding: 0 8px;
width: 50%;
}
.en-radio-btn .btn-radio .br-label{
display: block;
}
.tags > span:last-child::before{
content: none;
}
.tags > span:last-child{
margin-right: 0;
padding-right: 0;
}
.tags > span::before {
content: "";
border-right: 2px solid #bbb9b9;
position: absolute;
height: 12px;
top: 5px;
right: -4px;
}
.tags > span {
display: inline-block;
margin-right: 10px;
padding-right: 10px;
position: relative;
color: #919090;
}
.rel-doc h4 {
margin-bottom: 15px;
font-size: 20px;
font-weight: 500;
}
.rel-doc h4 a{
color: #333;
}
.rel-doc .tags {
margin-bottom: 12px;
}
.rel-doc p {
line-height: 1.7;
font-size: 16px;
}
.reqested-document {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
background: #fff;
border: 1px solid #d7d7d7;
border-radius: 6px;
padding: 20px 15px;
margin-bottom: 22px;
position: relative;
}
.reqested-document .doc-img {
margin-right: 30px;
box-shadow: 2px 3px 10px 0px rgba(0,0,0,.1);
}
.reqested-document .doc-content {
width: calc(100% - 150px);
}
.reqested-document .btn {
padding: 7px 14px !important;
margin-right: 12px;
margin-bottom: 10px;
}
.reqested-document .btn:last-child{
margin-right: 0;
}
.doc-of-the-month {
position: relative;
border: 1px solid #e63a11;
padding-top: 45px;
}
.doc-of-the-month .doc-otm-txt {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: #e63a11;
color: #fff;
border-radius: 0 0 5px 5px;
padding: 2px 10px;
white-space: nowrap;
font-size: 12px;
}
.tutor-list-wrap {
box-shadow: 0px 20px 58.41px 0.59px rgba(0, 0, 0, 0.14);
padding: 40px;
border-radius: 10px;
background: #fff;
}
.tutor-list {
column-count: 4;
column-gap: 15px;
}
.tutor-list li {
padding-left: 30px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
}
.tutor-list li::before {
content: "";
position: absolute;
left: 0;
top: 7px;
height: 18px;
width: 18px;
background: url('../img/editor.svg') no-repeat scroll center/contain;
}
.tutor-list-wrap h4 {
margin-bottom: 35px;
text-align: center;
}
.generator-guide-form {
padding: 30px;
background: #fff;
border-radius: 10px;
}
.generatepage-top-sec {
background: #e5f7fd;
position: relative;
padding: 60px 0;
z-index: 5;
}
.generatepage-top-sec::before {
content: "";
position: absolute;
width: 100%;
height: 30%;
left: 0;
bottom: 0;
background: #fff;
z-index: -1;
}
.generatepage-top {
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
.generator-guide {
padding: 40px;
background: #00aeef;
border-radius: 20px;
}
.generatepage-sec{
background: #fafafa;
position: relative;
padding: 60px 0;
}
.tutor-list-sec{
background: #fff;
position: relative;
padding: 60px 0;
z-index: 5;
}
.tutor-list-sec::before{
content: "";
position: absolute;
width: 100%;
height: 300px;
left: 0;
bottom: 0;
background: #fafafa;
z-index: -1;
}
.gpt-head{
max-width: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.gpt-head h1, .gpt-head h2, .gpt-head h3, .gpt-head h4 {
font-weight: 700;
color: #00aeef;
margin-bottom: 15px;
text-transform: uppercase;
}
.gpt-head p{
color: #798086;
font-size: 14px;
margin-bottom: 15px;
}
.gg-form-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.gg-form-field {
width: calc(50% - 50px);
}
.gg-form-txt {
padding-bottom: 21px;
}
.result-item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border: 1px solid #e1e1e1;
padding: 12px 20px;
border-radius: 5px;
margin-bottom: 20px;
}
.result-item:last-child{
margin-bottom: 0;
}
.result-item h5{
font-size: 18px;
font-weight: 500;
color: #373737;
font-family: 'Hind', sans-serif;
}
.result-item p{
color: #373737;
font-family: 'Hind', sans-serif;
}
.result-item .btn {
text-transform: uppercase;
padding: 8px 28px;
}
.result-item .ri-left {
flex: 1;
margin-right: 20px;
}
.rel-doc-item {
padding: 23px 25px;
border: 1px solid #e4e4e4;
border-radius: 5px;
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.rel-doc-item:last-child{
margin-bottom: 0;
}
.rel-doc-item .rdi-img {
width: 120px;
margin-right: 24px;
}
.rel-doc-item .rdi-img img {
border: 1px solid #dbdbdb;
}
.rel-doc-item .rdi-text {
flex: 1;
}
.rel-doc-item h5 {
font-weight: 500;
color: #333333;
font-family: 'Roboto', sans-serif;
margin-bottom: 6px;
}
.rel-doc-item h5 a{
color: #333333;
}
.rel-doc-item h5 a:hover{
color: #007ee5;
}
.rel-doc-item p {
font-size: 14px;
color: #798086;
}
.rdi-head {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 13px;
margin-bottom: 13px;
}
.rdi-meta span {
display: inline-block;
position: relative;
margin-right: 24px;
color: #798086;
font-family: 'Hind', sans-serif;
font-size: 14px;
}
.rdi-meta span:last-child{
margin-right: 0;
}
.rdi-meta span:last-child::before{
content: none;
}
.rdi-meta span::before {
content: "";
height: 4px;
width: 4px;
background: #82888e;
position: absolute;
border-radius: 50%;
right: -16px;
top: 8px;
}
.rel-doc-item-list {
border: 1px solid #e1e1e1;
padding: 22px;
}
.rel-doc-item-list .rel-doc-item {
border: 0;
padding: 0;
padding-bottom: 25px;
margin-bottom: 30px;
border-bottom: 1px solid #e1e1e1;
}
.rel-doc-item-list .rel-doc-item:last-child{
border: 0;
margin: 0;
padding: 0;
}
.rel-doc-item-list .rel-doc-item .rdi-img {
width: 90px;
margin-right: 20px;
}
.recent-question-sidebar-wrap {
padding: 20px;
background: #fdfdfd;
border: 1px solid #f0f0f0;
border-radius: 6px;
}
.recent-question-sidebar a {
background: #fff;
border: 1px solid #f0f0f0;
padding: 11px 25px 11px 15px;
border-radius: 5px;
margin: 0 0 10px 0;
color: #798086;
font-size: 14px;
}
.recent-question-sidebar a::before {
content: "â¯";
position: absolute;
right: 10px;
top: 12px;
color: #00aeef;
}
.breadcrumbs{
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumbs li{
padding: 0;
display: inline-block;
}
.breadcrumbs a {
display: inline-block;
position: relative;
padding: 2px 24px 2px 0;
font-family: 'Hind', sans-serif;
}
.breadcrumbs a::before {
content: "/";
right: 7px;
color: #424644;
position: absolute;
top: 2px;
}
.breadcrumbs li:last-child a::before{
content: none;
}
.breadcrumbs a.active{
color: #424644;
pointer-events: none;
}
.paper-item {
padding: 20px;
border: 1px solid #e1e1e1;
display: flex;
flex-wrap: wrap;
position: relative;
margin-bottom: 15px;
}
.paper-item .pi-img {
width: 80px;
margin-right: 15px;
}
.paper-item .pi-text {
flex: 1;
}
.paper-item .pi-head {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ebebeb;
padding-bottom: 10px;
margin-bottom: 12px;
}
.paper-item .pi-head-left {
flex: 1;
}
.paper-item .pi-body p {
font: 300 18px/1.9 'Hind', sans-serif;
color: #000;
margin-bottom: 15px;
word-break: break-word;
}
.paper-item .pi-body h1,
.paper-item .pi-body h2,
.paper-item .pi-body h3,
.paper-item .pi-body h4,
.paper-item .pi-body h5,
.paper-item .pi-body h6 {
margin-bottom: 10px;
color: #333333;
}
.paper-item .pi-body p:last-child {
margin-bottom: 0;
}
.paper-item .pi-title {
margin-bottom: 5px;
font-weight: 500;
}
.paper-item .pi-title a {
color: #333;
}
.paper-item .pi-title a:hover {
color: #007ee5;
}
.paper-item .btn-danger-outline {
white-space: nowrap;
}
/* recommended paper item */
.paper-item.recommended{
background: #f7fdff;
}
.paper-item.recommended .btn-danger-outline{
background: #e63a11;
color: #fff;
}
.paper-item.recommended::before {
content: "★";
position: absolute;
background: #fba143;
color: #fff;
height: 45px;
width: 45px;
display: block;
padding: 3px 0 0 4px;
font-size: 22px;
line-height: 1;
left: -1px;
top: -1px;
clip-path: polygon(100% 0, 0 0, 0 100%);
}
.recommended-text {
display: block;
color: #5fa315;
font: 500 12px/1 'Roboto', sans-serif;
position: relative;
padding: 4px 0 4px 25px;
margin-bottom: 18px;
}
.recommended-text::before {
content: "";
position: absolute;
background: url('../img/check2.png') no-repeat scroll center/contain;
height: 18px;
width: 18px;
left: 0;
top: 0;
}
.paper-item.recommended .pi-img {
margin-top: 45px;
}
.rel-topic-sidebar a {
display: inline-block;
font-size: 15px;
margin-bottom: 10px;
font-family: 'Hind', sans-serif;
color: #007ee5;
font-weight: 500;
position: relative;
left: -10px;
}
.rel-topic-sidebar a::before {
content: "â¯";
margin-right: 6px;
font-size: 14px;
transition: .4s;
opacity: 0;
position: relative;
}
.rel-topic-sidebar a:hover{
left: 5px;
}
.rel-topic-sidebar a:hover::before{
opacity: 1;
}
.cta-sidebar {
border-radius: 5px;
position: relative;
overflow: hidden;
z-index: 5;
padding: 10px 50px 20px 20px;
}
.cta-sidebar::before{
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: linear-gradient(-90deg,rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
z-index: 0;
}
.cta-sidebar > *{
position: relative;
}
.cta-sidebar .cta-img{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
object-fit: cover;
object-position: left top;
z-index: -1;
transition: .4s ease-in;
}
.cta-sidebar:hover .cta-img{
transform: rotate(3deg) scale(1.07);
}
.cta-sidebar h5{
color: #fff;
}
.tools-list-sidebar {
padding: 20px;
border: 1px solid #d7d7d7;
border-radius: 5px;
}
.tools-list-sidebar > a {
display: block;
padding: 0px 0 10px 30px;
border-bottom: 1px solid #f3f3f3;
position: relative;
margin-bottom: 10px;
font-size: 15px;
font-weight: 500;
font-family: 'Hind', sans-serif;
color: #007ee5;
}
.tools-list-sidebar > a:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.tools-list-sidebar > a img {
position: absolute;
left: 0;
top: 2px;
max-width: 20px;
}
.long-laodmore {
display: block;
padding: 13px;
border: 1px solid #007ee5;
color: #007ee5;
text-align: center;
font-weight: 500;
transition: .4s ease-in;
}
.long-laodmore:hover{
background-color: #007ee5;
color: #fff;
}
.guide-block {
border: 1px solid #007ee5;
background: #f3faff;
padding: 25px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.guide-block .gb-img {
margin-right: 20px;
width: 70px;
}
.guide-block .gb-text{
flex: 1;
}
.guide-block p {
color: #000;
font-family: 'Hind', sans-serif;
font-weight: 300;
}
.inline-icon {
display: inline-block;
position: relative;
padding-left: 33px;
}
.inline-icon img {
max-width: 25px;
position: absolute;
left: 0;
}
.pd-download-link span {
display: inline-block;
text-decoration: underline;
font-size: 14px;
color: #e63a11;
line-height: 1.2;
}
.pd-download-link {
display: block;
border-top: 1px solid #ebebeb;
padding-top: 9px;
margin-top: 7px;
}
.tab-pane {
padding: 25px;
background: #fafafa;
border: 1px solid #e1e1e1;
border-top: 0;
}
.stage-tabmenu li a {
display: block;
color: #333333;
text-transform: uppercase;
font-size: 14px;
padding: 8px 20px;
border: 1px solid #e1e1e1;
border-bottom: 0;
position: relative;
margin-right: -1px;
}
.guide-block.alert-dismissible .close {
opacity: .3;
}
.essay-example-topics a{
color: #798086;
}
.secure-icon {
max-width: 120px;
display: inline-block;
background: #fff;
padding: 8px;
border: 1px solid #f4f4f4;
border-radius: 4px;
width: 100%;
}
.box-shadow{
box-shadow: 0px 20px 58.41px 0.59px rgba(0, 0, 0, 0.14);
}
.drag-item-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.di-icon {
margin-right: 13px;
}
.di-text {
flex: 1;
}
.di-text p {
line-height: 1.4;
}
.drag-item {
padding: 20px;
border-bottom: 1px solid #e9e9e9;
margin-bottom: 0;
display: block;
}
.drag-item:last-child{
border-bottom: 0;
padding-bottom: 0;
}
.drag-item:first-child{
padding-top: 0;
}
.drag-item input {
display: none;
}
.paraphrase-block{
background: #fff;
border-radius: 10px;
width: 100%;
}
.paraphrase-block-body{
padding: 30px;
height: 350px;
overflow-y: auto;
}
.paraphrase-block-footer {
border-top: 1px solid #e9e9e9;
position: relative;
padding: 20px;
}
.paraphrasing-icons {
text-align: center;
}
.paraphrasing-icons span{
display: inline-block;
margin: 2px;
cursor: pointer;
}
.paraphrase-character {
line-height: 1.4;
display: inline-block;
font-size: 14px;
position: relative;
bottom: -7px;
}
.paraphrase-block-footer .btn{
position: relative;
left: calc(50% - 67px);
transform: translateX(-50%) translateY(-5px);
}
.plagiarismchecker-block {
background: #fff;
border-radius: 10px;
padding: 30px;
}
.plagiarismchecker-block .col-lg-8{
border-right: 2px solid #ebebeb;
}
.uploader-block input {
display: none;
}
.uploader-block {
border: 2px solid #ebebeb;
padding: 40px 20px;
border-radius: 10px;
text-align: center;
}
.uploader-block p {
color: #3d464d;
font-size: 14px;
line-height: 1.6;
margin-bottom: 10px;
}
.uploader-block .supports {
display: block;
color: #959595;
font-size: 14px;
}
.uploader-block img {
margin-bottom: 17px;
}
.plagiarismchecker-block .uploader-block {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.plagiarismchecker-block-inner {
flex: 1;
}
.plagiarismchecker-block-body{
display: flex;
flex-direction: column;
width: 100%;
}
.checker-list li {
position: relative;
padding-left: 55px;
margin-bottom: 30px;
}
.checker-list li:last-child{
margin-bottom: 0;
}
.checker-list li::before {
content: "";
position: absolute;
height: 30px;
width: 30px;
background: url('../img/checker-icon-error.png') no-repeat scroll center/contain;
left: 0;
top: 0;
}
.checker-list p {
font: 15px/1.5 'Hind', sans-serif;
color: #798086;
}
.checker-list h5 {
margin-bottom: 14px;
}
.ff_fileupload_wrap .ff_fileupload_dropzone {
background-size: 68px;
height: 100px;
}
.ff_fileupload_buttoninfo,
.ff_fileupload_fileinfo,
.ff_fileupload_filename {
color: #959fa6 !important;
font-size: 12px !important
}
.ff_fileupload_filename input {
border: 0 !important;
padding: 5px 0 !important;
color: #57667e !important;
height: unset;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td {
vertical-align: middle !important
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button {
border: 0
}
.ff_fileupload_uploads tr {
border-bottom: 1px solid #eaeaec !important
}
.ff_fileupload_uploads tr:last-child {
border-bottom: 0 !important
}
.plagiarism-check-result p{
font-family: 'Hind', sans-serif;
font-size: 16px;
color: #798086;
margin-bottom: 20px;
}
.plagiarism-check-result p:last-child{
margin-bottom: 0;
}
.plagiarism-check-result {
border: 1px solid #ebebeb;
padding: 30px;
border-radius: 10px;
}
.plagiarismresult{
position: relative;
padding: 0 5px;
background: #e7edff;
color: #444;
}
.plagiarismresult a{
color: #444;
}
.plagiarismresult span {
position: relative;
left: -6px;
top: -11px;
color: #3568ff;
}
.plagiarismresult.danger{
background: #ffe7e7;
}
.plagiarismresult.deep-danger{
background: #f79292;
}
.plagiarismresult.danger span{
color: red;
}
.plagiarismresult.info{
background: #edffe3;
}
.plagiarismresult.info span{
color: #5eb82b;
}
.plagiarismresult.success{
background: #d7f5ff;
}
.plagiarismresult.success span{
color: #42accf;
}
.prs-head {
padding: 20px;
text-align: center;
border-bottom: 2px solid #00aff1;
}
.prs-body{
padding: 20px;
}
.count-item {
position: relative;
padding: 10px 0 10px 55px;
display: flex;
align-items: center;
justify-content: space-between;
counter-increment: count-item;
margin-bottom: 20px;
}
.count-item:last-child{
margin-bottom: 0;
}
.count-item .percentage {
font: 600 20px/1 'Hind', sans-serif;
color: #798086;
}
.count-item p {
color: #798086;
font: 500 17px/1.2 'Hind', sans-serif;
flex: 1;
word-break: break-all;
padding-right: 5px;
}
.count-item::before {
content: counter(count-item);
height: 40px;
width: 40px;
position: absolute;
background: #e7edff;
left: 0;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
color: #3568ff;
font: 600 20px/1 'Hind', sans-serif;
top: 50%;
transform: translateY(-50%);
}
.count-item.danger::before {
background: #ffe7e7;
color: #ff3c3c;
}
.count-item.success::before {
background: #d7f5ff;
color: #42accf;
}
.count-item.info::before {
background: #edffe3;
color: #5eb82b;
}
/* circle progressbar */
.progress-bar {
position: relative;
height: 150px;
width: 150px;
background: transparent;
}
.progress-bar div {
position: absolute;
height: 150px;
width: 150px;
border-radius: 50%;
}
.progress-bar div span {
position: absolute;
font-family: Arial;
font-size: 35px;
line-height: 114px;
height: 114px;
width: 114px;
left: 18px;
top: 18px;
text-align: center;
border-radius: 50%;
background-color: white;
}
.progress-bar .background { background-color: #f1f1f1; }
.progress-bar .rotate {
clip: rect(0 75px 150px 0);
background-color: #00aff1;
}
.progress-bar .left {
clip: rect(0 75px 150px 0);
opacity: 1;
background-color: #f1f1f1;
}
.progress-bar .right {
clip: rect(0 75px 150px 0);
transform: rotate(180deg);
opacity: 0;
background-color: #00aff1;
}
@keyframes
toggle { 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.progress-bar span {
color: #00aff1;
font-weight: 700;
}
/* circle progressbar */
.hero-sec .alert {
position: relative;
top: -90px;
background: #007ee5;
border-color: #007ee5;
color: #fff;
border-radius: 10px;
}
.hero-sec .alert a{
color: #fff;
font-weight: 500;
}
.alert-dismissible .close:hover,
.alert-dismissible .close{
color: #fff;
}
.sticky-advert {
max-width: 750px;
width: 90%;
right: 0;
left: 0;
margin: 0 auto;
padding: 0;
bottom: 0;
position: fixed;
z-index: 999;
}
.advert-img {
border: 2px solid #d5d5d5;
}
.advert-img img{
width: 100%;
}
.sticky-advert .close {
font-size: 14px;
color: #424644;
background: #ebebeb;
border: 2px solid #d5d5d5;
border-bottom: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: unset;
float: unset;
display: block;
margin-left: auto;
margin-right: 0;
opacity: 1;
}
.sticky-advert .close:hover{
color: #424644;
background: #ebebeb;
opacity: 1 !important;
}
.sticky-advert .close i {
font-size: 19px;
font-style: normal;
line-height: 0;
display: inline-block;
font-weight: 500;
margin-left: 1px;
position: relative;
top: 2px;
}
.plagiarized-sentence.unique .ps-status{
background: #18c720;
}
.plagiarized-sentence {
position: relative;
padding: 10px 40px 10px 10px;
border: 1px solid #ebebeb;
border-radius: 5px;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.plagiarized-sentence .link {
display: inline-block;
max-width: 27px;
padding: 4px 5px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.plagiarized-sentence .link img,
.plagiarized-sentence .link svg {
max-height: 17px;
max-width: 17px;
}
.plagiarized-sentence p{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
}
.ps-text {
overflow: hidden;
padding: 0 15px;
flex: 1;
}
.ps-status {
display: inline-block;
background: #f79292;
color: #fff;
padding: 6px 15px;
border-radius: 4px;
width: 100px;
text-align: center;
font-size: 14px;
}
.plagiarism-icon-block .custom-progress-value{
color: #00aeef;
font-weight: 700;
}
.plagiarism-icon-block label{
font-weight: 500;
display: flex;
justify-content: space-between;
align-items: center;
}
.plagiarism-icon-block {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.plagiarism-icon-block .p-text{
flex: 1;
}
.plagiarism-icon-block .p-icon {
margin-right: 20px;
}
.custom-progress {
height: 4px;
background: #e8e8e8;
border-radius: 10px;
position: relative;
}
.custom-progress-bar {
position: absolute;
height: 100%;
top: 0;
left: 0;
transition: 1s ease-in;
background: #00aeef;
border-radius: 10px;
width: 0;
}
.plagiarism-icon-block.danger .custom-progress-bar{
background: #f79292;
}
.plagiarism-icon-block.danger .custom-progress-value{
color: #f79292;
}
.plagiarism-icon-block.success .custom-progress-bar{
background: #18c720
}
.plagiarism-icon-block.success .custom-progress-value{
color: #18c720
}
.btn-tools {
color: #b5b5b5;
display: inline-block;
border: 1px solid #ebebeb;
border-radius: 8px;
padding: 9px 15px;
}
.btn-tools svg {
max-width: 18px;
max-height: 18px;
margin-right: 2px;
vertical-align: middle;
}
.btn-tools img {
width: 20px;
margin-right: 2px;
}
.btn-tools:hover {
color: #919191;
border-color: #d7d7d7;
}
.matched-item .mi-head {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
margin-bottom: 10px;
}
.similarity {
color: #f79292;
display: inline-block;
font-weight: 600;
}
.matched-item p {
color: #798086;
}
.mi-title{
flex: 1;
}
.matched-item {
border: 1px solid #ebebeb;
border-radius: 8px;
padding: 17px 20px;
margin-bottom: 15px;
}
.matched-item:last-child{
margin-bottom: 0;
}
.matched-item .link{
color: #00aeef;
display: inline-block;
font-weight: 600;
font-family: 'Hind', sans-serif;
}
.matched-item .link img,
.matched-item .link svg {
max-width: 16px;
max-height: 16px;
margin-left: 5px;
}
.matched-item .link svg path {
fill: #00aeef;
}
.pc-progressbar .progressbar{
margin-bottom: 5px;
box-shadow: none;
}
.pc-progressbar .proggress{
overflow: visible !important;
}
.pc-progressbar .progress-timing {
display: none;
}
.pc-progressbar {
padding-top: 50px;
position: relative;
}
.pc-progressbar .percentCount {
position: relative;
top: -33px;
background: #f4f4f4;
color: #00aeef;
font-weight: 700;
padding: 7px;
border-radius: 20px;
transform: translateX(20px);
}
.pc-progressbar .percentCount::before {
content: "";
position: absolute;
height: 16px;
width: 16px;
background: #00aeef;
border-radius: 50%;
bottom: -26px;
left: calc(50% - 8px);
}
.btn-radio {
margin: 0;
display: block;
}
.btn-radio input:checked + .btn-radio-text{
border-color: #00aeef;
background: #00aeef;
color: #fff;
}
.btn-radio-text {
font-weight: 600;
color: #bbbbbb;
font-size: 17px;
text-transform: uppercase;
display: block;
text-align: center;
border: 1px solid #ebebeb;
border-radius: 10px;
padding: 11px 5px;
cursor: pointer;
}
.citation-tabs {
display: grid;
grid-auto-flow: column;
text-align: center;
overflow-x: auto;
border-bottom: 0;
padding-bottom: 10px;
}
.citation-tabs .nav-item{
border-bottom: 1px solid #dee2e6;
}
.citation-tabs .nav-item .nav-link {
padding: 15px 10px;
font-size: 17px;
white-space: nowrap;
}
.citation-tabs .nav-item .nav-link.active{
font-weight: 700;
}
.inline-check{
padding-left: 24px;
position: relative;
}
.inline-check input{
display: none;
}
.inline-check span::before{
content: "";
position: absolute;
left: 0;
top: 5px;
height: 15px;
width: 15px;
cursor: pointer;
border: 2px solid #cecece;
}
.inline-check span{
display: inline-block;
color: #a5aaaf;
font-size: 16px;
font-weight: 500;
}
.citation-result-item input:checked + .cr-check-text::before,
.inline-check input:checked + span::before {
background: #00aeef url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
border-color: #00aeef;
border-width: 0;
}
.citation-result {
border: 1px solid #ebebeb;
border-radius: 10px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.citation-result-item{
position: relative;
margin: 0;
}
.cr-check-text {
border-top: 1px solid #ebebeb;
padding: 20px 20px 20px 60px;
}
.citation-result-item input{
display: none;
}
.cr-check-text::before {
content: "";
position: absolute;
left: 22px;
top: 25px;
height: 18px;
width: 18px;
cursor: pointer;
border: 2px solid #cecece;
}
.citation-result-item p{
color: #798086;
}
.citation-result-item input:checked + .cr-check-text{
background: #f4fcff;
}
.cr-head {
display: flex;
justify-content: space-between;
padding: 0 22px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.cr-head .inline-check span::before {
top: 2px;
height: 18px;
width: 18px;
}
.cr-head .inline-check span::before{
border-color: #00aeef;
}
.cr-head .inline-check {
padding-left: 37px;
}
.cr-data {
color: #b0b0b0;
font-size: 16px;
margin-left: 14px;
display: inline-block;
cursor: pointer;
}
.cr-data i{
color: #00aeef;
}
.citation-select .bootstrap-select .dropdown-toggle::after {
background: url("../img/angle-down.png") no-repeat scroll center/14px;
}
.citation-select .bootstrap-select .dropdown-toggle {
height: 45px;
padding: 10px 15px 5px 17px;
border: 2px solid #E9E9E9;
font-weight: 500;
}
.citation-select .bootstrap-select .bs-caret{
display: none;
}
.bootstrap-select.classic .dropdown-toggle::after {
background: url("../img/angle-down.png") no-repeat scroll center/14px;
}
.bootstrap-select.classic .dropdown-toggle {
padding: 0px;
color: #a5aaaf !important;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
border: 0;
}
.bootstrap-select.classic .dropdown-toggle,
.bootstrap-select.classic .dropdown-toggle:active,
.bootstrap-select.classic .dropdown-toggle:focus{
background: none !important;
box-shadow: none !important;
outline: none !important;
}
.link-item {
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
display: flex;
padding: 20px;
margin-bottom: 30px;
position: relative;
background: #fff;
}
.link-item:last-child{
margin-bottom: 0;
}
.link-item.link-arrow {
padding-right: 14%;
}
.link-item.link-arrow::before {
content: "\279F";
position: absolute;
right: 25px;
top: 26px;
color: #00adef;
line-height: 1;
font-size: 20px;
transition: .4s;
}
.link-item.link-arrow:hover::before{
right: 18px;
}
.li-img {
width: 75px;
margin-right: 18px;
}
.li-text {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.link-item .title{
color: #00adef;
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}
.link-item .title a{
color: #00adef;
}
.link-item p{
color: #666666;
}
.link-item .address-block span {
font-weight: 500;
color: #00adef;
min-width: 120px;
display: inline-block;
}
input.date-icon {
padding-right: 35px;
background: #fff url('../img/date.png') no-repeat scroll calc(100% - 10px)/19px;
}
.action-toggle {
position: relative;
}
.action-toggle .action-content {
position: absolute;
right: calc(100% + 20px);
top: -7px;
display: none;
z-index: 5;
box-shadow: 3.507px 7.19px 21px 0 rgba(25, 73, 119, .14);
padding: 5px 15px;
background: #fff;
border-radius: 4px
}
.action-toggle .action-content::before {
position: absolute;
content: "";
border: 10px solid transparent;
border-left-color: #fff;
border-left-width: 10px;
left: 100%;
top: 12px
}
.action-toggle .action-content .action-item {
border-bottom: 1px solid #e3e3e3;
display: block;
white-space: nowrap;
position: relative;
padding: 10px 0 13px 35px;
min-height: 30px;
font: 300 14px Roboto, sans-serif;
color: #999
}
.action-toggle .action-content .action-item:last-child {
border: 0
}
.action-toggle .action-content .action-item .a-icon {
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
background: rgba(50, 224, 137, .09);
border-radius: 50%;
position: absolute;
left: 0;
top: 5px;
height: 28px;
width: 28px;
transition: .3s
}
.action-toggle .action-content .action-item:hover {
color: #6a6a6a
}
.action-toggle .action-content .action-item:hover .a-icon {
background: rgba(50, 224, 137, .11)
}
.action-trigger{
cursor: pointer;
}
.billing-info-table th {
text-align: center;
font-size: 14px;
color: #333333;
font-weight: 500;
}
.billing-info-table td {
font-size: 12px;
color: #333333;
white-space: nowrap;
}
.billing-info-table table {
margin: 0;
}
.stf-item {
margin-left: 16px;
margin-bottom: 15px;
}
.stf-item .dpicker {
max-width: 150px;
}
.stf-item input,
.stf-item .bootstrap-select .dropdown-toggle{
border-width: 1px;
height: 41px;
font-size: 14px;
}
.stats-table .table th {
background: #F8F8BD;
color: #02aae9;
font-size: 15px;
font-weight: 500;
font-family: 'Hind', sans-serif;
vertical-align: middle;
}
.stats-table {
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 89px 201.96px 2.04px rgba(0, 0, 0, 0.05);
position: relative;
}
.stats-table .table th:first-child, .stats-table .table td:first-child {
padding-left: 30px;
}
.toolswriting-resources-list .rd-item .rp-title{
margin-bottom: 14px;
}
.toolswriting-resources-list .rd-item .rp-title a {
color: #00aeef;
text-decoration: 2px solid underline !important;
text-underline-offset: 5px;
-moz-text-underline-offset: 5px;
-webkit-text-underline-offset: 5px;
}
.toolswriting-resources-list .rd-item .rp-title a:hover{
text-decoration: none !important;
}
.toolswriting-resources-list .rd-item p{
color: #9a9da0;
font-family: 'Hind', sans-serif;
font-weight: 400;
}
.text-blurred{
filter: blur(4px);
}
/*
** Responsive Stylesheet
*/
@media all and (max-width: 1500px){
.exitpopupbill-sec .close-modal {
position: unset !important;
width: 100%;
text-align: right;
padding-bottom: 6px;
margin-top: -20px;
width: 100% !important;
}
}
/* @media all and (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1320px;
}
} */
@media all and (min-width: 1200px){
.d-xl-block{
display: block !important;
}
}
@media all and (max-width: 1199px) {
.tutor-list {
column-count: 4;
}
.welcome-video-inner {
padding-top: 49%;
}
.modal.show .close-modal, .close-modal {
right: 15px;
top: 0;
}
.popupbill-left{
padding-left: 30px;
}
.popupbill-right{
padding-right: 30px;
}
}
@media all and (max-width: 991px) {
.plagiarismchecker-block .col-lg-8{
border-right: 0;
}
.learning-tools .cpanel-block {
width: 50%;
}
.sticky-sidebar {
height: auto !important;
position: unset !important;
}
.inner-wrapper-sticky {
position: unset !important;
transform: unset !important;
width: 100% !important;
}
.tutor-list {
column-count: 3;
}
header.topic-page {
height: auto;
min-height: auto;
}
.topic-page .navbar.navbar-inverse {
margin: 0;
}
.topic-page .navbar-toggle {
position: unset;
float: none;
margin: 0;
border: 0;
padding: 5px;
width: auto;
height: auto;
background: transparent !important;
display: block;
}
.topic-page .navbar-brand {
padding: 0;
float: none;
display: inline-block;
}
.topic-page .navbar-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
padding: 15px 0;
width: 100%;
}
.topic-page .navbar-header::before,
.topic-page .navbar-header::after{
content: none;
}
.topic-page .logged-search {
top: 0;
left: 50%;
transform: translate(-50%);
}
.topic-page .navbar-toggle .icon-bar + .icon-bar {
margin-top: 6px;
}
.topic-page .navbar-toggle .icon-bar {
width: 30px;
transition: .2s;
}
.topic-page .navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
transform: rotate(45deg) translateX(5px) translateY(5px);
}
.topic-page .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){
opacity: 0;
}
.topic-page .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
transform: rotate(-45deg) translateX(6px) translateY(-6px);
}
.topic-page .navbar-collapse {
z-index: 45;
background: #131820;
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
padding: 20px 0;
height: auto;
max-height: unset;
position: absolute;
top: 100%;
}
.topic-page .navbar-nav {
margin: 0;
width: 100%;
}
.topic-page .collapse{
display: none !important;
}
.topic-page .navbar-collapse.in {
display: block !important;
}
header.topic-page .navbar-nav > li {
float: none;
}
.h-btn .btn {
border: 0;
padding: 10px 25px;
border-radius: 3px;
text-align: center;
display: inline-block;
font-size: 15px;
outline: none !important;
margin-left: 15px;
}
.topic-page .btn.primary {
background: #007ee5;
color: #fff;
}
.topic-page .btn.light {
color: #231f20;
background: #fff;
}
.topic-page .h-btn {
margin-top: 15px;
}
.tagsinput-warp {
width: auto;
}
.fo-item .dropdown-menu{
margin-top: 10px;
}
.submission-step .col-lg-4::before {
content: none;
}
.sh-right .stage-menu {
display: none;
}
.stage-menu {
display: block;
}
.stage-menu > li {
position: relative;
margin: 0;
padding: 5px 17px;
}
.stage-menu li ul {
position: unset;
clip-path: none;
width: 100%;
padding: 0;
background: transparent;
visibility: visible;
box-shadow: none;
opacity: 1;
transform: unset;
}
.stage-menu li:hover ul{
clip-path: none;
}
.stage-menu li ul li a {
font-size: 15px;
padding: 6px 0;
}
.userlogin li a {
background: #007ee5;
color: #fff;
padding: 8px 20px !important;
border-radius: 2px;
}
.userlogin li a:hover{
color: #fff;
}
.userlogin li:first-child a{
margin-right: 20px;
}
.userlogin li:first-child a{
color: #171b21;
background: #fff;
}
.userlogin {
display: flex;
}
.mobile-menu {
padding: 10px 0;
}
.stage-header-sec .mobile-menu {
display: none;
position: absolute;
top: 100%;
width: 100%;
z-index: 999;
background: #13161c;
}
.stage-header-sec div {
transition: none;
}
.mobile-content .mc-inner {
max-width: 300px;
}
.header-menu {
display: block;
text-align: left;
}
.h-menu {
text-align: left;
display: block;
padding-right: 0;
margin-bottom: 20px;
}
.h-menu li ul {
position: unset;
background: transparent;
padding: 10px 0;
text-align: left;
border-radius: 0px;
width: 100%;
transition: .3s;
transform: unset;
opacity: 1;
visibility: visible;
transition: unset;
}
.h-menu li ul a {
border: 0;
}
.nav-sign img {
filter: invert(1);
}
.why-text {
max-width: 100%;
margin: auto;
}
.Upcoming-sec {
padding: 50px 0;
}
.mobile-wrap {
padding: 0;
}
.mobile-img {
position: unset;
transform: unset;
text-align: center;
margin: auto auto 40px auto;
}
.mobile-content .mc-inner {
max-width: 100%;
}
.mobile-content li {
display: block;
text-align: left;
margin-bottom: 35px;
}
.mobile-content li:last-child {
margin-bottom: 0;
}
.column-3 {
column-count: 2;
}
.welcome-video-inner {
padding-top: 56%;
}
}
@media all and (max-width: 767px) {
.matched-item .mi-head {
flex-direction: column;
align-items: flex-start;
}
.matched-item .similarity {
margin-bottom: 10px;
}
.hero-sec .alert{
top: unset;
margin-bottom: 40px;
}
.recommended-text {
position: absolute;
top: 22px;
text-align: right;
left: 20px;
}
.paper-item .pi-img{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.paper-item .btn-danger-outline {
position: absolute;
top: 85px;
right: 20px;
}
.tutor-list {
column-count: 2;
}
.citation-generator-cif .cif-left,
.citation-generator-cif .cif-right{
width: 100%;
}
.citation-generator-cif .cif-label {
margin-top: 0;
margin-bottom: 7px;
}
.topic-page .logged-search{
transform: unset;
}
.topic-page .logged-search {
margin: auto auto 20px auto;
display: block;
width: 100%;
max-width: 500px;
position: unset;
float: unset;
}
.column-2 {
column-count: 1;
}
.subscription-block {
flex-direction: column;
text-align: center;
padding: 30px;
}
.submission-head {
max-width: 450px;
}
.submission-head h1 {
font-size: 30px;
}
.submission-head p {
font-size: 16px;
margin-top: 15px;
}
.exitpopupbill-sec .close-modal {
position: absolute !important;
margin-top: 0;
}
.exitpopupbill-sec .close-modal img{
filter: none;
}
.popupbill-left{
min-height: auto;
}
.popupbill-left::before {
content: none
}
.popupbill-left,
.popupbill-right{
width: 100%;
}
.row {
margin-right: -15px !important;
margin-left: -15px !important;
}
.btn-danger {
font-size: 15px;
padding: 13px 35px;
}
.btn-sm {
padding: 6px 18px;
}
.thank-footer {
flex-direction: column;
}
.footer-menu {
justify-content: center;
}
.hero-sec {
padding: 100px 0 50px 0;
}
.hero-inner h1 {
font-size: 35px;
}
.hero-inner p {
font-size: 16px;
}
.h-search input {
height: 50px;
padding: 12px 60px 12px 18px;
}
.h-search button {
padding: 13px;
}
.vid-icon {
height: 60px;
width: 60px;
font-size: 45px;
}
.column-3 {
column-count: 1;
}
.gg-form-field {
width: calc(50% - 30px);
}
}
@media all and (max-width: 575px) {
.plagiarismresult-nav-tab.nav-tabs .nav-item .nav-link {
padding: 11px 10px;
font-size: 15px;
}
.plagiarism-check-result{
padding: 20px;
}
.plagiarismchecker-block{
padding: 18px;
}
.gpt-head h1 {
font-size: 28px;
}
.widget-title{
margin-bottom: 15px;
}
.learning-tools .cpanel-block {
width: 100%;
}
.guide-block .gb-img {
margin-right: 15px;
width: 50px;
}
.trouble-block {
padding: 12px 15px;
}
.py-100 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.pt-100 {
padding-top: 50px !important;
}
.pb-100 {
padding-bottom: 50px !important;
}
.rel-doc-item .rdi-img {
margin-right: 0;
margin-bottom: 15px;
}
.rel-doc-item .rdi-text {
flex: unset;
width: 100%;
}
.result-item .ri-left {
width: 100%;
flex: unset;
margin-right: 0;
margin-bottom: 10px;
}
.tutor-list-sec{
padding: 0;
}
.tutor-list-wrap{
padding: 20px;
}
.generator-guide {
padding: 20px;
border-radius: 15px;
}
.generator-guide-form {
padding: 20px;
}
.gg-form-inner {
justify-content: center;
}
.gg-form-field {
width: 100%;
}
.gg-form-txt {
padding: 10px 0;
text-align: center;
}
.tutor-list {
column-count: 1;
}
.reqested-document .doc-img{
margin-right: 15px;
width: 25%;
max-width: 120px;
}
.reqested-document .doc-content {
width: calc(75% - 15px);
}
.nav-tabs .nav-item .nav-link {
padding: 8px 12px;
}
.pda-text{
flex: unset;
width: 100%;
}
.pd-advert {
flex-wrap: wrap;
text-align: center;
justify-content: center;
}
.pda-text{
margin-right: 0;
}
.pda-right {
width: 100%;
text-align: center;
display: block;
}
.pda-left {
margin: 0;
}
.di-term {
margin-right: 0;
padding: 0;
border: 0;
width: 100%;
margin-bottom: 10px;
}
.di-term p {
font-weight: 600;
font-size: 18px;
}
.di-head {
display: none;
}
.di-definition {
border: 0;
padding: 0;
}
.topic-page .btn-danger {
font-size: 16px;
padding: 10px 30px;
}
.cpanel-block{
width: 50%;
padding: 20px 15px;
}
.subscription-block .btn {
margin-top: 14px;
padding: 8px 15px;
border-radius: 3px;
}
.cif-left,
.cif-right {
width: 100%;
}
.cif-label {
margin-top: 0;
margin-bottom: 7px;
}
.popupbill-left,
.popupbill-right{
padding: 30px 20px;
}
.stage-header {
display: block;
}
.menutrigger {
position: absolute;
top: 23px;
right: 20px;
}
.state-search {
margin-top: 20px;
}
span.credit-card, i.credit-card {
width: 80px;
}
.thank-body h1{
font-size: 50px;
margin: 20px;
}
.thank-body h2{
font-size: 30px;
}
.thank::before {
height: 200px;
width: 200px;
}
.thank::after {
height: 180px;
width: 180px;
}
.thank-logo {
margin-bottom: 25px;
}
.sec-title h1, .sec-title h2, .sec-title h3, .sec-title h4, .sec-title h5, .sec-title h6 {
line-height: 1.5;
}
.sec-title h3 {
font-size: 24px;
}
.sec-title p {
font-size: 16px;
}
.feature-item {
padding: 20px;
}
.tm-item {
padding: 20px;
}
.tm-item h5 {
font-size: 17px;
}
.btn-xl {
font-size: 16px;
padding: 9px 20px;
}
.sec-title h1 {
font-size: 30px;
}
.rp-item {
display: block;
}
.rp-item .rp-img {
margin-right: 0;
margin-bottom: 20px;
}
}
@media all and (max-width: 414px){
.paraphrase-block-footer{
display: flex;
align-items: center;
justify-content: space-between;
}
.paraphrase-character{
bottom: unset;
}
.paraphrase-block-footer .btn {
left: unset;
transform: unset;
}
.paraphrase-block-body{
padding: 20px 15px;
}
.drag-item{
padding: 15px 10px;
}
}
@media all and (max-width: 400px) {
.rd-item {
display: block;
padding: 30px 20px;
}
.rd-item .rp-img {
margin-right: 0;
margin-bottom: 20px;
}
.en-radio-btn .btn-radio .br-label {
padding: 9px 7px 9px 37px;
}
}