/* Theme Name: KidsAcademy - Kids & Kindergarten School HTML Template
Theme URI: http://codexcoder.com/
Author: codexcoder
Author URI: http://codexcoder.com/
Description: KidsAcademy is a Kids & Kindergarten School HTML Template;
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: event, Converance, Meetup, HTML, Template.
*/
/*---------------------------------------------
Table of CONTENT
-----------------------------------------------
01. Default CSS
02. Header
03. Banner
04. Page Header
05. Facility
06. About
07. Classes
08. teachers
09. teachers Details
10. Features
11. Gallery
12. Achievements
13. Testimonial
14. Partner
15. Event
16. Blog
17. Congact
18. Product
19. Subscribe
20. 404 Error
21. Footer
-----------------------------------------------*/
/* 01 - Default CSS
----------------------------------------------*/
/* --- 1.0 - Normalize ---*/
html {
font-family: 'Lora', serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.marquee-are {
position: absolute;
top: 36%;
left: 19%;
text-align: center;
}
.marquee-bg1 {
width: 100%;
background: #fc7f0c;
padding: 4px;
margin: 5px 0px;
text-align: center;
}
.marquee-bg2 {
width: 100%;
background: #92278f;
padding: 4px;
text-align: center;
}
.marquee1 {
width: 100%;
overflow: hidden;
background: #92278f;
}
.gallery-bg {
background-image: url('../../images/gallery-bg.jpg');
width:100%;
min-height:600px;
}
.bdr-img {
border: 5px solid #fff;
padding: 5px;
/*margin-top:100px;*/
}
.topic{
color:white;
background-color:#ee257c;
padding:12px;
text-align:center;
font-size:14px;
}
.btn-danger {
color: #fff;
/*background-color: #92278f;*/
background: -moz-linear-gradient(left, rgba(240,45,84,1) 0%, rgba(251,166,225,1) 50%, rgba(253,137,215,1) 51%, rgba(125,203,255,1) 100%) !important;
border-color: white;
margin-top: 20px;
margin-bottom: 50px;
font-weight: 600;
background-size: cover;
}
.btn-danger:hover {
border-color: white !important;
}
@media only screen and (min-width:767px) {
.llll {
display: none;
}
#notice {
border: none !important;
}
}
@media only screen and (max-width:768px) {
.llll {
height: 400px;
}
.marquee-are {
position: absolute;
top:20%;
left: 0%;
text-align: center;
width:100%;
padding:20px;
}
#notice {
border: 2px solid #92278f;
}
.img-desk {
display: none;
}
.bread-text {
color: white;
font-size: 20px !important;
}
.admin {
font-size: 20px !important;
}
.pencil-5 {
width: 50%;
margin-left: 50px;
}
.management-p {
font-size: 11px;
}
.teacher-h3 {
font-size: 16px !important;
}
}
.pencil-5 {
margin-top: 70px !important;
}
@media only screen and (max-width: 600px) {
.logo-mob {
width: 65px !important;
margin-top: 20px;
}
.mob-school {
font-size: 13px !important;
font-weight: bold;
}
.banner .banner-item {
min-height: 180px !important;
}
.side-img {
margin-top: 150px;
}
.regButton {
margin-top: 10px !important;
background: #f17e00 !important;
margin-bottom: 20px;
}
}
.board {
background-image: url('../../images/notice-board.jpg');
width: 100%;
background-size: cover;
min-height: 500px;
}
.margin-top {
margin-top: 320px;
}
.img-width-mng {
padding-top: 150px;
margin: 0px auto;
width: 230px;
}
.mob-img {
display: none;
}
.home-bg {
background-image: url('../../../senior/images/front-banner1.png');
background-repeat: no-repeat;
height: auto;
background-size: cover;
background-position: top left;
background-attachment: fixed;
}
.a mont-p:hover{
text-decoration:none !important;
}
.Welcome {
margin-top: 50px;
color: white;
font-family: Open Sans;
font-size: 40px;
font-style: normal !important;
padding: 15px;
padding-bottom: 0px !important;
text-transform:uppercase;
}
.Affliated {
font-style: normal !important;
font-family: Open Sans !important;
color: white;
padding: 15px;
font-size: 20px;
padding-top: 0px;
}
.senior-img {
padding-top: 30px;
}
.mont-p {
color: white;
text-align:center;
}
.school {
margin-top: 300px;
color: white;
font-size: 33px;
}
.enter {
/*margin-left: 50px;*/
border-radius: 0px !important;
margin-top: 10px;
background: #51c4ec !important;
border: 1px solid #51c4ec !important;
}
.enter1 {
/*margin-left: 50px;*/
border-radius: 0px !important;
margin-top: 10px;
background: #51c4ec !important;
border: 1px solid #51c4ec !important;
}
.down-img {
background-image: url('../../../senior/images/down.png');
width: 100%;
height: 50px;
}
.down-button {
margin-top: 10px !important;
/*margin-left:65px;*/
border-radius: 0px !important;
/*margin:0px auto !important;*/
}
.idol {
margin: 0px auto;
}
.bread {
background-image: url('../../images/b.png');
width: 100%;
padding: 50px 0px;
}
.bread-text {
color: white;
font-size: 40px;
}
.management-bg {
background-image: url('../../images/management.png');
width: 100%;
min-height: 500px;
}
.infa-bg {
background-image: url('../../images/infa-bg.jpg');
width: 100%;
background-size: cover;
}
.download-h4 {
text-align: center !important;
margin-top: 30px;
color: #f82f53 !important;
}
.teacher-h3 {
margin-top: 100px;
font-size: 30px;
}
.pdf {
margin-top: 100px;
}
.management-p {
text-align: justify;
}
.idol-img {
margin-top: 5%;
border-radius: 10px;
}
.admin {
text-align: center;
margin-top: 50px;
color: black;
}
.vacancie{
font-size:30px;
color:orange;
}
.manage-down {
background: #f6f6f6;
width: 100%;
min-height: 570px;
}
.teacher{
margin-top:15px;
width:150px !important;
}
@media only screen and (max-width: 600px) {
.Welcome {
margin-top: 20px;
font-size: 30px;
}
.senior-img {
padding-left: 80px;
}
.enter {
margin-bottom: 50px !important;
margin-left:100px !important;
}
/*.down-button {
margin-left: 25px;
}*/
/*.mont-p{
width:270px;
}*/
.enter {
/*margin-left: 85px;*/
margin-bottom: 10px !important;
}
}
.school1 {
color: white;
font-size: 20px;
text-align: center;
padding-left: 38px;
margin-top: 20px;
background-color: #0e3a5f;
padding: 10px;
margin-top: 0px;
margin-left: 30px;
}
.mob-display {
display: none;
}
.online a {
color: #fff !important;
background-color: #fc7f0c;
padding: 5px 20px;
width: 70%;
text-align: center;
margin-left: 50px;
margin-top: 280px !important;
font-size: 24px;
font-weight: 600;
}
.online a:hover {
color: #fff !important;
text-decoration: none;
}
.senior-p {
font-size: 20px !important;
width: 232px;
color: #fff;
line-height: 24px;
padding-left: 50px;
text-decoration: none !important;
margin-top: 15px;
}
.senior-p:hover {
color: white !important;
font-weight: 600;
}
.marquee {
width: 100%;
overflow: hidden;
border: 5px solid #ccc;
}
body {
font-family: 'Lora', serif;
font-size: 14px; /* base font size 15px= 1em*/
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
.stack {
position: relative;
z-index: 10;
margin-bottom: 20px;
/*display: inline-block;*/
}
.stack .iner-bx {
background: #fff;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 10px;
width: 89%;
min-height: 305px ;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
box-shadow: 1px 1px 2px rgba(0,0,0,.25);
padding: 30px 30px;
position: absolute;
}
.pencil {
position: relative;
margin-top: 4px;
margin-bottom: -25px !important;
}
.modal-bg {
font-size: 20px;
color: #ffffff;
background-color: #f17e01;
padding-left: 30px;
text-align: center;
padding: 10px 0px;
}
.modal-bg-down {
font-size: 12px;
color: #ffffff;
padding-left: 30px;
background-color: #c86800;
margin-top: 15px;
}
.down-p {
line-height: 20px;
font-size: 14px !important;
padding-left: 30px;
color: black;
}
.modal-p {
text-align: center;
padding: 10px 60px;
font-size: 12px;
color: #000;
}
.UNIFORM {
text-align: center;
color: #fc7f0c;
font-size: 13px;
}
.status {
/*text-align: center;*/
font-size: 14px;
font-weight: bold;
text-decoration: underline;
color: #005273;
padding-left: 30px;
}
.notice-bg {
background: linear-gradient(to bottom, #66CCFF 18%, rgba(255, 255, 255, 0) 120%);
width: 100%;
min-height: 650px;
}
.notice-h1 {
text-align: center;
margin-bottom: 50px;
font-size: 40px;
color: #0e3a5f !important;
}
.Baruipur {
padding-top: 20px;
color: #fc7f0c;
}
.borderbox img {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.stack:before {
background: #f3f3f3;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -10;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
box-shadow: 1px 1px 2px rgba(0,0,0,.25);
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
/*color: #fff !important;*/
-webkit-transition: .25s;
-moz-transition: .25s;
-ms-transition: .25s;
-o-transition: .25s;
transition: .25s;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code, kbd, pre, samp {
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button, input, select, textarea {
max-width: 100%;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
/* --- 2.0 - Typography --- */
body, button, input, select, textarea {
/*color: #1a1a1a;*/
font-family: 'Lora', serif;
line-height: 1.75;
}
.modal-bg {
/*background-image: url('../../images/background/teacher-bg1.jpg');*/
width:100%;
min-height:50px;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.5;
font-weight: 700;
color: #707070;
/*font-style: normal;*/
margin: 0;
padding: 0;
}
h1 {
color: #fff;
font-size: 36px;
}
h2 {
font-size: 66px;
}
h3 {
font-size: 40px;
}
/*h4 {
font-size: 24px;
}*/
h5 {
font-size: 18px;
}
p {
font-size: 16px;
color: #707070;
line-height: 24px;
/*margin: 0 0 1.75em;*/
}
dfn, cite, em, i {
font-style: normal;
}
blockquote {
border: 1px solid #e9e9e9;
color: #939595;
font-size: 17px;
font-style: normal;
line-height: 28px;
font-weight: 700;
padding: 30px 25px 25px 80px;
position: relative;
}
blockquote > p {
margin: 0;
padding: 0;
font-size: 17px;
color: #939595;
}
blockquote:after {
content: "\f10d" !important;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
font: normal normal normal 48px/1 FontAwesome;
color: #e9e9e9;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite, blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before, blockquote small:before {
content: "\2014\00a0";
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote strong, blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
color: #939595;
font-weight: 600;
font-size: 1em;
margin-bottom: 10px;
}
code, kbd, tt, var, samp, pre {
font-family: 'Lora', serif;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr, acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
mark, ins {
background: #007acc;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/* --- 3.0 - Elements --- */
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul, ol {
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul, li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table, th, td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
/*th,td {
padding: 0.4375em;
}*/
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #696969;
font-family: 'Lora', serif;
}
:-moz-placeholder {
color: #696969;
font-family: 'Lora', serif;
}
::-moz-placeholder {
color: #696969;
font-family: 'Lora', serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #696969;
font-family: 'Lora', serif;
}
/* --- 4.0 - Forms --- */
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-family: 'Lora', serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em;
}
.button-default {
display: inline-block;
text-decoration: none;
color: #fff;
font-size: 16px;
font-weight: 700;
font-style: normal;
background-color: #92278f;
border-radius: 2px;
padding: 11px 30px;
transition: .25s ease-out;
}
.button-default:hover, .button-default:focus {
text-decoration: none;
color: #fff;
background-color: #7e007b;
}
.section-notch {
position: relative;
}
.section-notch:before {
content: "";
position: absolute;
background: url(../../images/section_notch_top.png);
background-repeat: repeat-x;
display: block;
top: 0;
width: 100%;
height: 7px;
z-index: 2;
}
.section-notch:after {
content: "";
position: absolute;
background-image: url(../../images/section_notch_bottom.png);
background-repeat: repeat-x;
bottom: 0;
width: 100%;
height: 7px;
z-index: 2;
}
.padding-120 {
padding-top: 120px;
}
.section-header {
text-align: center;
/*max-width: 650px;*/
margin: 0px auto 55px;
}
.section-header h3 {
color: #92278f;
margin-bottom: 10px;
}
.section-header p {
line-height: 30px;
margin: 0px;
}
.section-header.bg h3 {
color: #fff;
}
.section-header.bg p {
color: #fff;
}
.social-default {
overflow: hidden;
margin: 0px;
}
.social-default li {
list-style: none;
display: inline-block;
float: left;
margin-right: 10px;
}
.social-default li:last-child {
margin: 0px;
}
.social-default li a {
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
font-size: 14px;
line-height: 3;
background-color: #365899;
color: #fff;
border-radius: 100%;
}
.social-default li:nth-child(2) a {
background-color: #ea4c89;
}
.social-default li:nth-child(3) a {
background-color: #dc4a38;
}
.social-default li:nth-child(4) a {
background-color: #1da1f2;
}
.social-default li:nth-child(5) a {
background-color: #bd081c;
}
/* 02 - Header
----------------------------------------------*/
header .header-top {
background-color: #92278f;
padding: 11px 0px;
}
header .header-top ul {
overflow: hidden;
margin: 0px;
}
header .header-top .left {
float: left;
}
header .header-top .left li {
list-style: none;
display: inline-block;
float: left;
color: #fff;
font-style: normal;
margin-right: 17px;
}
header .header-top .left li span {
color: #fff;
margin-right: 5px;
}
header .header-top .right {
float: right;
}
header .header-top .right li {
list-style: none;
display: inline-block;
margin-left: 15px;
}
header .header-top .right li a {
color: #fff;
}
header .main-menu {
position: relative;
background-color: #fff;
z-index: 9;
}
header .main-menu .container {
position: relative;
}
header .main-menu .navbar {
margin: 0px;
border: none;
}
.main-menu.menu-fixed {
position: fixed;
top: 0;
width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 99;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.06);
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #e84b3a;
}
header .main-menu ul li a {
font-size: 14px;
font-weight: 600;
font-style: normal;
color: #e84b3a;
padding: 40px 15px;
}
header .main-menu .nav > li:nth-child(1) a {
color: #e84b3a !important;
}
header .main-menu .nav > li:nth-child(2) a {
color: #ffc000 !important;
}
header .main-menu .nav > li:nth-child(3) a {
color: #fc7f0c !important;
}
header .main-menu .nav > li:nth-child(4) a {
color: #92278f !important;
}
header .main-menu .nav > li:nth-child(5) a {
color: #14b7f1 !important;
}
header .main-menu .nav > li:nth-child(6) a {
color: #ee257c !important;
}
header .main-menu .nav > li:nth-child(7) a {
color: #8dc63f !important;
}
header .main-menu .nav > li:nth-child(8) a {
color: #a40202 !important;
}
.nav > li > a:focus, .nav > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
background-color: transparent;
border-color: #f0f0f0;
}
header .main-menu ul li ul li a {
border-bottom: 1px solid #f0f0f0;
}
header .main-menu ul li ul li a:hover {
background-color: #fafafa
}
header .main-menu ul li ul li.active a {
background-color: #fafafa
}
header .main-menu ul li ul li:last-child > a {
border: none;
}
header .main-menu ul li ul li a {
padding: 10px 15px;
font-size: 98%;
}
header .main-menu .navbar-toggle {
margin-top: 33px;
margin-bottom: 33px;
}
header .main-menu .navbar-toggle .icon-bar {
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
}
header .main-menu .navbar-toggle .icon-bar:nth-child(2) {
background-color: #92278f;
transform: rotate(45deg) translate(4px, 5px);
}
header .main-menu .navbar-toggle .icon-bar:nth-child(3) {
background-color: #e84b3a;
opacity: 0;
}
header .main-menu .navbar-toggle .icon-bar:nth-child(4) {
background-color: #fc7f0c;
transform: rotate(-45deg) translate(4px, -5px);
}
header .main-menu .navbar-toggle.collapsed .icon-bar:nth-child(2) {
transform: rotate(0deg) translate(0);
}
header .main-menu .navbar-toggle.collapsed .icon-bar:nth-child(3) {
opacity: 1;
}
header .main-menu .navbar-toggle.collapsed .icon-bar:nth-child(4) {
transform: rotate(0deg) translate(0);
}
header .main-menu .navbar-collapse {
max-height: 300px;
}
header .main-menu .navbar-brand {
padding: 0px 15px;
/*width:130px;*/
}
header .main-menu .menu-search-cart li {
float: left;
list-style-type: none;
}
header .main-menu .menu-search {
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
font-size: 16px;
line-height: 34px;
color: #fcb614;
border: 2px solid #fcb614;
border-radius: 100%;
margin: 33px 0px 26px 13px;
cursor: pointer;
}
header .main-menu .menu-search-form {
position: absolute;
height: 100%;
width: 100%;
color: #707070;
top: 0;
left: 0;
text-align: center;
display: none;
}
header .main-menu .menu-search-form.open {
display: block;
}
header .main-menu .menu-search-form input {
width: 100%;
height: 100%;
color: #707070;
text-align: center;
border: none;
outline: none;
padding: 15px 115px 15px 15px;
}
header .main-menu .menu-search-form .menu-search-close {
position: absolute;
right: 90px;
top: 35%;
color: #222222;
font-size: 18px;
font-weight: 700;
cursor: pointer;
}
header .main-menu .menu_cart {
position: relative;
}
header .main-menu .menu_cart > span {
position: relative;
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
font-size: 16px;
line-height: 30px;
color: #92278f;
border: 2px solid #92278f;
border-radius: 100%;
margin: 33px 11px 26px 13px;
cursor: pointer;
}
header .main-menu .menu_cart > span:before {
content: "4";
position: absolute;
top: 7px;
right: -13px;
height: 20px;
width: 20px;
font-size: 14px;
line-height: 20px;
font-weight: 700;
color: #fff;
background-color: #92278f;
border-radius: 100%;
text-align: center;
}
header .main-menu .menu_cart .shop_feature {
background-color: #fff !important;
width: 270px !important;
padding: 10px 20px 20px !important;
right: 0px;
left: auto !important;
}
header .main-menu .menu_cart li {
width: 100%;
}
header .main-menu .menu_cart .feature_item {
position: relative;
color: #363636;
font-weight: 400;
overflow: hidden;
padding: 5px 0px;
}
header .main-menu .menu_cart .featured_image {
float: left;
margin-right: 10px;
}
header .main-menu .menu_cart .featured_content {
display: table;
font-size: 12px;
}
header .main-menu .menu_cart .featured_content > h3 {
line-height: 15px;
}
header .main-menu .menu_cart .featured_content > h3 a {
background-color: #fff;
color: #000000 !important;
font-size: 18px;
padding: 0px;
text-decoration: none;
border: none;
}
header .main-menu .menu_cart .featured_content > h3 a:hover {
color: #fcb614;
}
header .main-menu .menu_cart .featured_content p {
color: #696969;
font-size: 12px;
text-transform: capitalize;
line-height: 24px;
display: inline-block;
margin-right: 10px;
margin-top: 2px;
margin-bottom: 0px;
}
header .main-menu .menu_cart .featured_content > .remove {
position: absolute;
top: 12%;
right: 8%;
font-size: 14px;
color: #000000;
cursor: pointer;
}
header .main-menu .menu_cart .featured_content > .remove:hover {
color: #fcb614;
}
header .main-menu .menu_cart .cart_total {
color: #696969;
font-weight: 400;
padding: 10px 0px;
text-transform: capitalize;
}
header .main-menu .menu_cart .cart_total span {
float: right;
}
header .main-menu .menu_cart .check_out {
display: block;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 16px;
font-weight: 700;
font-style: normal;
background-color: #92278f;
border-radius: 2px;
padding: 11px 30px;
transition: .25s ease-out;
}
.header-two .header-top {
background-color: #fff;
padding: 18px 0px;
}
.header-two .top-contents {
margin: 0px;
overflow: hidden;
text-align: right;
}
.header-two .top-contents li {
display: inline-block;
margin-left: 50px;
}
.header-two .top-contents li:first-child {
margin: 0px;
}
.header-two .top-contents .icon {
display: inline-block;
float: left;
margin-right: 15px;
color: #e84b3a;
}
.header-two .top-contents .icon:before {
font-size: 30px;
}
.header-two .top-contents .content {
display: table;
text-align: left;
}
.header-two .top-contents .content p {
margin: 0px;
color: #696969;
}
.header-two .top-contents .content span {
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #212121;
}
.header-two .navbar-brand {
display: none;
}
.header-two .main-menu {
background-color: #92278f;
}
.header-two .main-menu .navbar-collapse.collapse {
padding-left: 0px;
}
.header-two .main-menu ul li a {
color: #fff !important;
padding: 25px 15px;
}
.header-two .main-menu ul li ul li a {
background-color: #92278f;
color: #fff !important;
padding: 10px 15px;
}
.header-two .main-menu ul li ul li a:hover {
background-color: #fff;
color: #92278f !important;
}
.header-two .main-menu ul li ul li.active a {
background-color: #fff;
color: #92278f !important;
}
.header-two .main-menu .menu-search {
color: #fff;
border: 2px solid #fff;
margin: 15px 0px 15px 18px;
}
.header-two .main-menu .menu_cart > span {
color: #fff;
border: 2px solid #fff;
margin: 15px 11px 15px 13px;
}
.header-two .main-menu .menu_cart > span:before {
background-color: #fff;
color: #92278f;
}
.header-two .main-menu .menu-search-form input {
background-color: #92278f;
color: #fff;
}
.header-two .menu-search-form input::-webkit-input-placeholder {
color: #fff;
}
.header-two .menu-search-form input:-moz-placeholder {
color: #fff;
}
.header-two .menu-search-form input::-moz-placeholder {
color: #fff;
}
.header-two .menu-search-form input:-ms-input-placeholder {
color: #fff;
}
.header-two .main-menu .menu-search-form .menu-search-close {
color: #fff;
top: 28%;
}
.header-two .main-menu .menu_cart .check_out {
color: #fff !important;
}
.header-two .main-menu .menu_cart .check_out:hover {
background-color: #92278f;
}
.header-two .main-menu .menu-button {
padding: 10px 0px;
margin-left: 20px;
}
.header-two .main-menu .menu-button a {
padding: 15px 20px;
background-color: #fff;
color: #92278f !important;
}
.header-two .main-menu .navbar-toggle .icon-bar {
background-color: #fff !important;
}
.header-three {
position: fixed;
top: 0px;
width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 9;
}
.header-three .header-top {
background-color: transparent;
}
.header-four {
padding-top: 100px;
}
.header-four .main-menu {
position: fixed;
top: 0;
width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 9;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.06);
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.header-four .main-menu ul li a {
padding: 24px 26px;
}
.header-four .main-menu ul li a .icon {
display: block;
text-align: center;
margin-bottom: 10px;
}
.header-four .main-menu ul li a .icon:before {
font-size: 24px;
}
/* 03 - Banner
----------------------------------------------*/
.banner {
position: relative;
}
.banner .banner-item img {
width: 100%;
}
.banner .banner-item {
background-image: url(../../images/banner1.jpg);
background-size: cover;
background-position: center;
position: relative;
min-height: 520px;
}
.banner .banner-item.slide-two {
background-image: url(../../images/banner2.jpg);
}
.banner .banner-item.slide-three {
background-image: url(../../images/banner10.jpg);
}
.banner .banner-item.slide-eight {
background-image: url(../../images/banner8.jpg);
}
.banner .banner-item.slide-four {
background-image: url(../../images/banner111.jpg);
}
.banner .banner-item.slide-five {
background-image: url(../../images/banner222.jpg);
}
.banner .banner-item .banner-overlay {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
/*background-color: rgba(0,0,0,.2);*/
}
.banner .banner-item .banner-content {
padding: 250px 0px;
}
.banner .banner-item .banner-content h3 {
color: #fff;
font-size: 36px;
font-style: normal;
transition: .5s ease-out;
-webkit-transition: .5s ease-out;
opacity: 1;
}
.banner .banner-item .banner-content h2 {
display: inline-block;
color: #fff;
font-size: 66px;
line-height: 1;
margin-bottom: 10px;
transition: .5s ease-out;
-webkit-transition: .5s ease-out;
transition-delay: .5s;
-webkit-transition-delay: .5s;
opacity: 1;
}
.banner .banner-item .banner-content p {
color: #fff;
max-width: 600px;
transition: .3s ease-out;
-webkit-transition: .3s ease-out;
transition-delay: 1s;
-webkit-transition-delay: 1s;
opacity: 1;
}
.banner .banner-item .banner-content ul {
overflow: hidden;
transition: .3s ease-out;
-webkit-transition: .3s ease-out;
transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
opacity: 1;
}
.banner .banner-item .banner-content ul li {
list-style: none;
display: inline-block;
float: left;
margin-right: 20px;
}
.banner .banner-item .banner-content ul li:last-child {
margin: 0px;
}
.banner .banner-item .banner-content ul li:last-child a {
background-color: #fcb614;
}
.banner .banner-item .banner-content ul li:last-child a:hover {
background-color: #ecb200;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
bottom: 50px;
}
.banner .swiper-pagination-bullet {
background-color: #fff;
height: 10px;
width: 10px;
opacity: 1;
}
.banner .swiper-pagination-bullet-active {
background-color: #fcb614;
}
.banner .banner-item.slide-one .banner-content h3 {
transform: translateY(50px);
-webkit-transform: translateY(50px);
opacity: 0;
}
.banner .banner-item.slide-one.swiper-slide-active .banner-content h3 {
transform: translateY(0px);
-webkit-transform: translateY(0px);
opacity: 1;
}
.banner .banner-item.slide-one .banner-content h2 {
transform: translateY(50px);
-webkit-transform: translateY(50px);
opacity: 0;
}
.banner .banner-item.slide-one.swiper-slide-active .banner-content h2 {
transform: translateY(0px);
-webkit-transform: translateY(0px);
opacity: 1;
}
.banner .banner-item.slide-one .banner-content p {
transform: translateY(50px);
-webkit-transform: translateY(50px);
opacity: 0;
}
.banner .banner-item.slide-one.swiper-slide-active .banner-content p {
transform: translateY(0px);
-webkit-transform: translateY(0px);
opacity: 1;
}
.banner .banner-item.slide-one .banner-content ul {
transform: translateY(50px);
-webkit-transform: translateY(50px);
opacity: 0;
}
.banner .banner-item.slide-one.swiper-slide-active .banner-content ul {
transform: translateY(0px);
-webkit-transform: translateY(0px);
opacity: 1;
}
.banner .banner-item.slide-two .banner-content h3 {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
.banner .banner-item.slide-two.swiper-slide-active .banner-content h3 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.banner .banner-item.slide-two .banner-content h2 {
-webkit-transform: scaleX(0);
transform: scaleX(0);
opacity: 0;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.banner .banner-item.slide-two.swiper-slide-active .banner-content h2 {
-webkit-transform: scaleX(1);
transform: scaleX(1);
opacity: 1;
}
.banner .banner-item.slide-two .banner-content p {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.banner .banner-item.slide-two.swiper-slide-active .banner-content p {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.banner .banner-item.slide-two .banner-content ul {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.banner .banner-item.slide-two.swiper-slide-active .banner-content ul {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.banner .banner-item.slide-three .banner-content h3, .banner .banner-item.slide-three .banner-content h2,
.banner .banner-item.slide-three .banner-content p, .banner .banner-item.slide-three .banner-content ul {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
.banner .banner-item.slide-three.swiper-slide-active .banner-content h3, .banner .banner-item.slide-three.swiper-slide-active .banner-content h2,
.banner .banner-item.slide-three.swiper-slide-active .banner-content p, .banner .banner-item.slide-three.swiper-slide-active .banner-content ul {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.banner-two .banner-item.slide-one {
background-image: url(../../images/banner/banner_04.jpg);
}
.banner-two .banner-item.slide-two {
background-image: url(../../images/banner/banner_05.jpg);
}
.banner-two .banner-item.slide-three {
background-image: url(../../images/banner/banner_06.jpg);
}
.banner-two .banner-content {
text-align: center;
}
.banner-two .banner-content p {
margin: 0 auto 40px;
}
.banner-two .banner-item .banner-content ul li {
float: initial;
margin-right: 15px;
}
.banner-three .banner-item.slide-one {
background-image: url(../../images/banner/banner_07.jpg);
}
.banner-three .banner-item.slide-two {
background-image: url(../../images/banner/banner_08.jpg);
}
.banner-three .banner-item.slide-three {
background-image: url(../../images/banner/banner_09.jpg);
}
.banner-three .banner-item .banner-content h2 {
font-size: 60px;
}
.banner-three .banner-content p {
margin: 0 auto 40px;
}
.banner-three .banner-item .banner-content ul li {
float: initial;
margin-right: 15px;
}
.banner-four .banner-item.slide-one {
background-image: url(../../images/banner/banner_10.jpg);
}
.banner-four .banner-item.slide-two {
background-image: url(../../images/banner/banner_11.jpg);
}
.banner-four .banner-item.slide-three {
background-image: url(../../images/banner/banner_12.jpg);
}
/* 04 - Page Header
----------------------------------------------*/
.page-header {
background-image: url(../../images/background/page-header-bg.jpg);
background-size: cover;
background-position: center;
margin: 0px;
padding: 0px;
border: none;
}
.page-header .overlay {
padding: 105px 0px;
background-color: rgba(7,143,203,.8);
text-align: center;
}
.page-header h3 {
font-size: 36px;
color: #fff;
}
.page-header ul {
margin: 0px;
}
.page-header ul li {
list-style: none;
display: inline-block;
color: #fff;
font-size: 20px;
font-style: normal;
}
.page-header ul li a {
font-style: normal;
color: #fff;
text-decoration: none;
}
.scroll-top {
display: inline-block;
height: 50px;
width: 50px;
background-color: #92278f;
color: #fff !important;
font-size: 16px;
text-align: center;
line-height: 50px;
position: fixed;
top: 80%;
right: 3% !important;
text-decoration: none;
z-index: 999;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: .5s ease-out;
transition: .5s ease-out;
}
}
/*.scroll-top:hover{
background-color: #7e007b;
}*/
.scroll-top.open {
-webkit-transform: scale(1);
transform: scale(1);
}
.scroll-top:hover, .scroll-top:focus {
color: #fff;
}
/* 05 - Facility
----------------------------------------------*/
.facility .facility-item {
text-align: center;
}
.facility .facility-item .icon {
background-color: #e84b3a;
height: 95px;
width: 95px;
border-radius: 100%;
display: inline-block;
text-align: center;
margin-bottom: 20px;
}
.facility .facility-item .icon:before {
font-size: 40px;
color: #fff;
margin: 0px;
line-height: 2.5;
display: inline-block;
-webkit-transition: .25s ease-out;
transition: 1s ease-out;
}
.facility .facility-item:hover .icon:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.facility .facility-item h4 {
color: #e84b3a;
margin-bottom: 15px;
}
.facility .facility-item p {
line-height: 26px;
margin: 0px;
}
.facility > div > div > div:nth-child(2) .facility-item span {
background-color: #ffc000;
}
.facility > div > div > div:nth-child(2) h4 {
color: #ffc000;
}
.facility > div > div > div:nth-child(3) .facility-item span {
background-color: #fc7f0c;
}
.facility > div > div > div:nth-child(3) .facility-item h4 {
color: #fc7f0c;
}
.facility > div > div > div:nth-child(4) .facility-item span {
background-color: #92278f;
}
.facility > div > div > div:nth-child(4) .facility-item h4 {
color: #92278f;
}
.facility-two {
overflow: hidden;
}
.facility-two .facility-item {
float: left;
position: relative;
width: calc(100% / 4 - 1px);
border-top: 3px solid #fff;
border-right: 3px solid #fff;
height: 220px;
position: relative;
-webkit-perspective: 800px;
perspective: 800px;
overflow: visible;
}
.facility-two .facility-item .icon-two:before {
font-size: 60px;
color: #fff;
}
.facility-two .facility-item .back-part .icon-two:before {
font-size: 40px;
}
.facility-two .facility-item h4 {
color: #fff !important;
}
.facility-two .facility-item p {
color: #fff;
}
.facility-two .facility-item {
position: relative;
min-height: 250px;
}
.facility-two .facility-item .front-part {
padding: 46px 10px;
}
.facility-two .facility-item .front-part, .facility-two .facility-item .back-part {
position: absolute;
top: 0;
left: 0;
vertical-align: middle;
text-align: center;
display: block;
min-height: 250px;
width: 100%;
overflow: hidden;
background-color: #e84b3a;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.facility-two .facility-item:nth-child(2) .front-part, .facility-two .facility-item:nth-child(2) .back-part {
background-color: #ffc000;
}
.facility-two .facility-item:nth-child(3) .front-part, .facility-two .facility-item:nth-child(3) .back-part {
background-color: #fc7f0c;
}
.facility-two .facility-item:nth-child(4) .front-part, .facility-two .facility-item:nth-child(4) .back-part {
background-color: #92278f;
}
.facility-two .facility-item .back-part {
padding: 20px 10px;
}
.facility-two .facility-item:hover .front-part {
opacity: 0;
-webkit-transform: translateY(-110px) rotateX(90deg);
-moz-transform: translateY(-110px) rotateX(90deg);
-ms-transform: translateY(-110px) rotateX(90deg);
-o-transform: translateY(-110px) rotateX(90deg);
transform: translateY(-110px) rotateX(90deg);
}
.facility-two .facility-item .back-part {
z-index: 1;
opacity: 0;
-webkit-transform: translateY(110px) rotateX(-90deg);
-moz-transform: translateY(110px) rotateX(-90deg);
-ms-transform: translateY(110px) rotateX(-90deg);
-o-transform: translateY(110px) rotateX(-90deg);
transform: translateY(110px) rotateX(-90deg);
}
.facility-two .facility-item:hover .back-part {
opacity: 1;
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.facility-three {
background-image: url(../../images/background/facility-bg.jpg);
background-size: cover;
background-position: center;
}
/* 06 - About
----------------------------------------------*/
.about {
position: relative;
background-image: url(../../images/background/about-bg.jpg);
background-size: cover;
background-position: center;
}
.about > div > div > div * {
vertical-align: middle;
}
.about .overlay {
background-color: rgba(7,143,203,.8);
}
.about .about-image img {
width: 100%;
}
.about .about-content h3 {
color: #fff;
margin-bottom: 10px;
}
.about .about-content p {
color: #fff;
line-height: 30px;
}
.about .about-content ul {
margin: 0px;
overflow: hidden;
}
.about .about-content ul li {
position: relative;
display: inline-block;
list-style: none;
float: left;
margin-right: 20px;
}
.about .about-content ul li:last-child {
margin: 0px;
}
.about .about-content ul li:last-child a {
background-color: #ffc000;
color: #fff;
}
.about .about-content ul li:last-child a:hover {
background-color: #ecb200;
}
.about-two {
background: #fff;
}
.about-two .about-content h3 {
color: #92278f;
}
.about-two .about-content p {
color: #707070;
}
/* 07 - Classes
----------------------------------------------*/
.classes .class-item {
margin-bottom: 30px;
transition: .25s;
-webkit-transition: .25s;
}
.classes .class-item:hover {
box-shadow: 0px 0px 20px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}
.classes .class-item .image img {
width: 100%;
}
.classes .class-item .schedule {
margin: 0px;
overflow: hidden;
}
.classes .class-item .schedule li {
list-style: none;
display: inline-block;
float: left;
padding: 10px;
font-size: 15px;
font-weight: 700;
text-align: center;
width: 33.335%;
background-color: #92278f;
color: #fff;
border-top: 1px solid #fafafa;
border-right: 1px solid #fafafa;
}
.classes .class-item .schedule li:nth-child(2) {
background-color: #e84b3a;
}
.classes .class-item .schedule li:last-child {
background-color: #fc7f0c;
border-right: none;
}
.classes .class-item .schedule li span {
display: block;
line-height: 20px;
}
.classes .class-item .content {
padding: 20px;
background-color: #fafafa;
transition: .25s;
-webkit-transition: .25s;
}
.classes .class-item:hover .content {
background-color: #fff;
}
.classes .class-item .content h4 a {
text-decoration: none;
color: #ffc000;
}
.classes > div > div > div:nth-child(2) .class-item .content h4 a {
color: #e84b3a;
}
.classes > div > div > div:nth-child(3) .class-item .content h4 a {
color: #fc7f0c;
}
.classes > div > div > div:nth-child(4) .class-item .content h4 a {
color: #92278f;
}
.classes > div > div > div:nth-child(5) .class-item .content h4 a {
color: #0fbaf4;
}
.classes > div > div > div:nth-child(6) .class-item .content h4 a {
color: #008c99;
}
.classes > div > div > div:nth-child(7) .class-item .content h4 a {
color: #ee257c;
}
.classes > div > div > div:nth-child(8) .class-item .content h4 a {
color: #88c87b;
}
.classes > div > div > div:nth-child(9) .class-item .content h4 a {
color: #fa6f57;
}
.classes > div > div > div:nth-child(11) .class-item .content h4 a {
color: #e84b3a;
}
.classes > div > div > div:nth-child(12) .class-item .content h4 a {
color: #fc7f0c;
}
.classes > div > div > div:nth-child(13) .class-item .content h4 a {
color: #92278f;
}
.classes > div > div > div:nth-child(14) .class-item .content h4 a {
color: #0fbaf4;
}
.classes > div > div > div:nth-child(15) .class-item .content h4 a {
color: #008c99;
}
.classes > div > div > div:nth-child(16) .class-item .content h4 a {
color: #ee257c;
}
.classes > div > div > div:nth-child(17) .class-item .content h4 a {
color: #88c87b;
}
.classes > div > div > div:nth-child(18) .class-item .content h4 a {
color: #fa6f57;
}
.classes .class-item .content p {
margin: 0px;
}
.classes .class-item .content p span {
color: #e84b3a;
}
.classes .class-item .content p:nth-child(2) {
line-height: 30px;
margin-bottom: 5px;
}
.classes .class-item .address {
background-color: #ffc000;
color: #fff;
overflow: hidden;
padding: 8px 20px;
}
.classes .class-item .address p {
color: #fff;
margin: 0px;
}
.classes > div > div > div:nth-child(2) .class-item .address {
background-color: #e84b3a;
}
.classes > div > div > div:nth-child(3) .class-item .address {
background-color: #fc7f0c;
}
.classes > div > div > div:nth-child(4) .class-item .address {
background-color: #92278f;
}
.classes > div > div > div:nth-child(5) .class-item .address {
background-color: #0fbaf4;
}
.classes > div > div > div:nth-child(6) .class-item .address {
background-color: #008c99;
}
.classes > div > div > div:nth-child(7) .class-item .address {
background-color: #ee257c;
}
.classes > div > div > div:nth-child(8) .class-item .address {
background-color: #88c87b;
}
.classes > div > div > div:nth-child(9) .class-item .address {
background-color: #fa6f57;
}
.classes > div > div > div:nth-child(11) .class-item .address {
background-color: #e84b3a;
}
.classes > div > div > div:nth-child(12) .class-item .address {
background-color: #fc7f0c;
}
.classes > div > div > div:nth-child(13) .class-item .address {
background-color: #92278f;
}
.classes > div > div > div:nth-child(14) .class-item .address {
background-color: #0fbaf4;
}
.classes > div > div > div:nth-child(15) .class-item .address {
background-color: #008c99;
}
.classes > div > div > div:nth-child(16) .class-item .address {
background-color: #ee257c;
}
.classes > div > div > div:nth-child(17) .class-item .address {
background-color: #88c87b;
}
.classes > div > div > div:nth-child(18) .class-item .address {
background-color: #fa6f57;
}
.classes .class-button {
text-align: center;
margin-top: 30px;
}
/* 08 - teachers
----------------------------------------------*/
.teachers {
position: relative;
background-image: url(../../images/background/teacher-bg.jpg);
background-size: cover;
background-position: center;
}
.teachers .overlay {
background-color: rgba(71,171,35,.8);
}
.teachers .teacher-item {
background-color: #92278f;
overflow: hidden;
margin-bottom: 30px;
}
.teachers > div > div > div > div:nth-child(2) .teacher-item {
background-color: #e84b3a;
}
.teachers > div > div > div > div:nth-child(3) .teacher-item {
background-color: #fc7f0c;
}
.teachers > div > div > div > div:nth-child(4) .teacher-item {
background-color: #14b7f1;
}
.teachers .teacher-item .teacher-image {
float: left;
}
.teachers .teacher-item .teacher-image img {
width: 100%;
}
.teachers .teacher-item .teacher-content {
display: table;
padding: 20px;
color: #fff;
}
.teachers .teacher-item .teacher-content h4 {
color: #fff;
margin-bottom: 5px;
}
.teachers .teacher-item .teacher-content h4 span {
font-weight: 400;
font-style: normal;
font-size: 16px;
}
.teachers .teacher-item .teacher-content ul li {
list-style: none;
display: inline-block;
margin-right: 15px;
}
.teachers .teacher-item .teacher-content ul li a {
color: #fff;
}
.teachers .teacher-item .teacher-content p {
color: #fff;
margin-bottom: 10px;
}
.teachers .teacher-item .teacher-content a {
color: #fff;
text-decoration: none;
}
.teachers-two {
background-image: url(../../images/background/teacher-bg-2.jpg);
}
.teachers-two .teacher-item {
background: transparent !important;
text-align: center;
margin: 0px;
}
.teachers-two .teacher-image {
float: initial !important;
margin-bottom: 10px;
}
.teachers-two .teacher-image img {
width: 100%;
}
.teachers-two .teacher-content {
display: block !important;
padding: 0px !important;
}
.teachers-two .teacher-content h4 {
margin: 0px !important;
}
.teachers-three {
background-image: url(../../images/background/teacher-bg-3.jpg);
}
.teachers-three .teacher-item {
background: transparent !important;
text-align: center;
margin: 0px;
}
.teachers-three .teacher-item .teacher-image {
float: initial !important;
height: 262px;
width: 262px;
border-radius: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.teachers-three .teacher-item .teacher-content {
display: block !important;
padding: 0px !important;
}
.teachers-three .teacher-item .teacher-content h4 a {
color: #ffc000;
}
.teachers-three .teacher-item:nth-child(2) .teacher-content h4 a {
color: #e84b3a;
}
.teachers-three .teacher-item:nth-child(3) .teacher-content h4 a {
color: #fc7f0c;
}
.teachers-three .teacher-item:nth-child(4) .teacher-content h4 a {
color: #92278f;
}
.teachers-three .teacher-item:nth-child(5) .teacher-content h4 a {
color: #ffc000;
}
.teachers-three .teacher-item:nth-child(6) .teacher-content h4 a {
color: #e84b3a;
}
.teachers-three .teacher-item:nth-child(7) .teacher-content h4 a {
color: #fc7f0c;
}
.teachers-three .teacher-item:nth-child(8) .teacher-content h4 a {
color: #92278f;
}
.teachers-three .teacher-item .teacher-content span {
color: #707070;
}
.teachers-page {
background: #fff;
}
.teachers-page .teacher-item {
background-color: #ffc000;
}
.teachers-page > div > div > div:nth-child(2) .teacher-item {
background-color: #e84b3a;
}
.teachers-page > div > div > div:nth-child(3) .teacher-item {
background-color: #fc7f0c;
}
.teachers-page > div > div > div:nth-child(4) .teacher-item {
background-color: #92278f;
}
.teachers-page > div > div > div:nth-child(5) .teacher-item {
background-color: #0fbaf4;
}
.teachers-page > div > div > div:nth-child(6) .teacher-item {
background-color: #88c87b;
}
.teachers-page > div > div > div:nth-child(7) .teacher-item {
background-color: #ee257c;
}
.teachers-page > div > div > div:nth-child(8) .teacher-item {
background-color: #fa6f57;
}
/* 09 - teachers Details
----------------------------------------------*/
.teacher-details .teacher-image img {
width: 100%;
}
.teacher-details .teacher-content {
margin-bottom: 40px;
}
.teacher-details .teacher-content h4 {
font-size: 24px;
line-height: 30px;
color: #92278f;
}
.teacher-details .teacher-content > span {
font-size: 16px;
line-height: 28px;
color: #707070;
margin-bottom: 10px;
display: inline-block;
}
.teacher-details .teacher-content p {
line-height: 28px;
margin-bottom: 20px;
}
.teacher-details .social-default {
overflow: hidden;
margin-bottom: 30px;
}
.teacher-details .teacher-address {
overflow: hidden;
}
.teacher-details .teacher-address li {
list-style: none;
margin-bottom: 6px;
font-size: 16px;
color: #707070;
}
.teacher-details .teacher-address li span {
display: inline-block;
height: 36px;
width: 36px;
border: 1px solid #f0f0f0;
border-radius: 1px;
text-align: center;
font-size: 18px;
line-height: 2;
color: #ffc000;
margin-right: 10px;
}
.teacher-details .teacher-address li:nth-child(2) span {
color: #e84b3a;
}
.teacher-details .teacher-address li:nth-child(3) span {
color: #fc7f0c;
}
.teacher-details .teacher-address li:nth-child(4) span {
color: #92278f;
}
.teacher-details .teacher-statement {
margin-bottom: 50px;
}
.teacher-details .teacher-statement h4 {
font-size: 30px;
color: #e84b3a;
margin-bottom: 10px;
}
.teacher-details .teacher-statement p {
font-size: 16px;
line-height: 26px;
}
.teacher-details .teacher-skills h4 {
color: #ffc000;
font-size: 30px;
margin-bottom: 30px;
}
.teacher-details .teacher-skills .skill-item {
display: inline-block;
margin-right: 44px;
text-align: center;
}
.teacher-details .teacher-skills .skill-item:last-child {
margin-right: 0px;
}
.teacher-details .teacher-skills .circle {
position: relative;
margin-bottom: 10px;
}
.teacher-details .skill-item strong {
color: #ffc000;
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
.teacher-details .teacher-skills .skill-item:nth-child(3) strong {
color: #e84b3a;
}
.teacher-details .teacher-skills .skill-item:nth-child(4) strong {
color: #fc912e;
}
.teacher-details .teacher-skills .skill-item:nth-child(5) strong {
color: #92278f;
}
.teacher-details .teacher-skills p {
font-size: 16px;
color: #ffc000;
margin: 0px;
}
.teacher-details .teacher-skills .skill-item:nth-child(3) p {
color: #e84b3a;
}
.teacher-details .teacher-skills .skill-item:nth-child(4) p {
color: #fc912e;
}
.teacher-details .teacher-skills .skill-item:nth-child(5) p {
color: #92278f;
}
.teacher-details .teacher-award h4 {
font-size: 30px;
color: #fc7f0c;
margin-bottom: 20px;
}
.teacher-details .teacher-award li {
list-style: none;
display: inline-block;
margin-right: 60px;
text-align: center;
}
.teacher-details .teacher-award li:last-child {
margin: 0px;
}
.teacher-details .teacher-award li img {
margin: 10px auto 32px;
}
.teacher-details .teacher-award li span {
font-size: 16px;
color: #ffc000;
}
.teacher-details .teacher-award li:nth-child(2) span {
color: #e84b3a;
}
.teacher-details .teacher-award li:nth-child(3) span {
color: #fc912e;
}
.teacher-details .teacher-award li:nth-child(4) span {
color: #92278f;
}
/* 10 - Features
----------------------------------------------*/
.features .feature-image img {
width: 100%;
}
.features .features-left .feature-item {
text-align: right;
}
.features .feature-item .content {
display: table;
}
.features .feature-item .icon {
display: inline-block;
height: 70px;
width: 70px;
text-align: center;
background-color: #ffc000;
color: #fff;
border-radius: 100%;
margin-top: 10px;
}
.features .features-left .feature-item .icon {
float: right;
margin-left: 20px;
}
.features .features-right .feature-item .icon {
float: left;
margin-right: 20px;
}
.features .features-left .feature-item:nth-child(2) .icon {
background-color: #fc7f0c;
}
.features .features-left .feature-item:nth-child(3) .icon {
background-color: #0fbaf4;
}
.features .features-right .feature-item:nth-child(1) .icon {
background-color: #e84b3a;
}
.features .features-right .feature-item:nth-child(2) .icon {
background-color: #92278f;
}
.features .features-right .feature-item:nth-child(3) .icon {
background-color: #ee257c;
}
.features .feature-item .icon:before {
font-size: 30px;
line-height: 2.2;
display: inline-block;
-webkit-transition: .25s ease-out;
transition: 1s ease-out;
}
.features .feature-item:hover .icon:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.features .features-left .feature-item:nth-child(1) .content h4 {
color: #ffc000;
}
.features .features-left .feature-item:nth-child(2) .content h4 {
color: #fc7f0c;
}
.features .features-left .feature-item:nth-child(3) .content h4 {
color: #0fbaf4;
}
.features .features-right .feature-item:nth-child(1) .content h4 {
color: #e84b3a;
}
.features .features-right .feature-item:nth-child(2) .content h4 {
color: #92278f;
}
.features .features-right .feature-item:nth-child(3) .content h4 {
color: #ee257c;
}
.features .feature-item:last-child p {
margin: 0px;
}
/* 11 - Gallery
----------------------------------------------*/
.gallery {
text-align: center;
}
.gallery .gallery-menu {
display: inline-block;
margin: 0 auto 50px;
}
.gallery .gallery-menu li {
position: relative;
list-style: none;
display: inline-block;
float: left;
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #ffc000;
padding: 0px 20px 10px;
cursor: pointer;
border-bottom: 1px solid #ebebeb;
}
.gallery .gallery-menu li.active:before {
content: url(../../images/gallery/menu-icon.jpg);
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.gallery .gallery-menu li:nth-child(2) {
color: #e84b3a;
}
.gallery .gallery-menu li:nth-child(3) {
color: #fc7f0c;
}
.gallery .gallery-menu li:nth-child(4) {
color: #92278f;
}
.gallery .gallery-menu li:nth-child(5) {
color: #16b6ef;
}
.gallery .gallery-items {
overflow: hidden;
margin-bottom: 40px;
}
.gallery .gallery-item {
position: relative;
width: 31.6%;
margin-bottom: 30px;
}
.gallery .gallery-item img {
width: 100%;
}
.gallery .gallery-item .gallery-overlay {
text-align: center;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
padding: 10px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
opacity: 0;
}
.gallery .gallery-item .gallery-overlay .bg {
background-color: rgba(146, 39, 143, 0.58);
height: 100%;
width: 100%;
}
.gallery .gallery-item:hover .gallery-overlay {
opacity: 1;
}
.gallery .gallery-item .gallery-content {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
text-align: center;
}
.gallery .gallery-item .gallery-content a {
display: inline-block;
text-align: center;
text-decoration: none;
border: 4px solid rgba(255,255,255,0.5);
border-radius: 100%;
margin-bottom: 20px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transform: scale(0);
transform: scale(0);
}
.gallery .gallery-item:hover .gallery-content a {
-webkit-transform: scale(1);
}
.gallery .gallery-item .gallery-content .icon {
display: inline-block;
background-color: rgba(255, 255, 255, 0.9);
height: 50px;
width: 50px;
border-radius: 100%;
line-height: 3.5;
}
.gallery .gallery-item .gallery-content .icon:before {
margin: 0px;
font-size: 18px;
color: #92278f;
line-height: 2.5;
}
.gallery .gallery-item .gallery-content h4 {
font-size: 24px;
color: #fff;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
.gallery .gallery-item:hover .gallery-content h4 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.gallery .gallery-item .gallery-content span {
display: inline-block;
color: #fff;
font-size: 16px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transition-delay: .1s;
transition-delay: .1s;
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
.gallery .gallery-item:hover .gallery-content span {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.gallery .gallery-button {
text-align: center;
}
.gallery-two {
background-image: url(../../images/background/gallery-bg.jpg);
background-size: cover;
background-position: center;
}
.gallery-two .overlay {
background-color: rgba(252,127,12,.8);
}
.gallery-two .gallery-two-items {
margin-bottom: 70px;
overflow: hidden;
}
.gallery-two .gallery-item {
width: 25%;
margin: 0px;
float: left;
}
.gallery-two .gallery-item .gallery-image {
position: relative;
}
/* 12 - Achievements
----------------------------------------------*/
.achievements {
background-image: url(../../images/background/achievements-bg.jpg);
background-size: cover;
background-position: center;
}
.achievements .overlay {
background-color: rgba(146,39,143,.8);
}
.achievements .achievement-item {
text-align: center;
}
.achievements .achievement-item .icon {
display: block;
}
.achievements .achievement-item .icon:before {
margin: 0px;
color: #fff;
font-size: 50px;
}
.achievements .achievement-item span {
color: #fff;
font-size: 48px;
font-weight: 700;
}
.achievements .achievement-item p {
color: #fff;
font-size: 20px;
font-weight: 700;
margin: 0px;
}
/* 13 - Testimonial
----------------------------------------------*/
.testimonial .testimonial-item {
position: relative;
}
.testimonial .testimonial-details {
position: relative;
padding: 30px;
border: 2px solid #ffc000;
border-radius: 8px;
margin-bottom: 14px;
}
.testimonial .testimonial-item:nth-child(2) .testimonial-details {
border: 2px solid #e84b3a;
}
.testimonial .testimonial-item:nth-child(3) .testimonial-details {
border: 2px solid #fc7f0c;
}
.testimonial .testimonial-item:nth-child(4) .testimonial-details {
border: 2px solid #ffc000;
}
.testimonial .testimonial-item:nth-child(5) .testimonial-details {
border: 2px solid #e84b3a;
}
.testimonial .testimonial-item:nth-child(6) .testimonial-details {
border: 2px solid #fc7f0c;
}
.testimonial .testimonial-details:before {
font-family: FontAwesome;
content: "\f10d";
position: absolute;
top: -5px;
left: -2px;
font-size: 22px;
background: #fff;
color: #ffc000;
line-height: 24px;
padding-right: 10px;
padding-bottom: 7px;
}
.testimonial .testimonial-item:nth-child(2) .testimonial-details:before {
color: #e84b3a;
}
.testimonial .testimonial-item:nth-child(3) .testimonial-details:before {
color: #fc7f0c;
}
.testimonial .testimonial-item:nth-child(4) .testimonial-details:before {
color: #ffc000;
}
.testimonial .testimonial-item:nth-child(5) .testimonial-details:before {
color: #e84b3a;
}
.testimonial .testimonial-item:nth-child(6) .testimonial-details:before {
color: #fc7f0c;
}
.testimonial .testimonial-details:after {
font-family: FontAwesome;
content: "\f10e";
position: absolute;
bottom: -5px;
right: -2px;
font-size: 22px;
background: #fff;
color: #ffc000;
line-height: 24px;
padding-left: 10px;
padding-top: 7px;
}
.testimonial .testimonial-item:nth-child(2) .testimonial-details:after {
color: #e84b3a;
}
.testimonial .testimonial-item:nth-child(3) .testimonial-details:after {
color: #fc7f0c;
}
.testimonial .testimonial-item:nth-child(4) .testimonial-details:after {
color: #ffc000;
}
.testimonial .testimonial-item:nth-child(5) .testimonial-details:after {
color: #e84b3a;
}
.testimonial .testimonial-item:nth-child(6) .testimonial-details:after {
color: #fc7f0c;
}
.testimonial .testimonial-details img {
position: absolute;
bottom: 0px;
left: 30px;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.testimonial .testimonial-details p {
margin-bottom: 5px;
}
.testimonial .testimonial-details h4 {
font-size: 20px;
color: #e84b3a;
}
.testimonial .testimonial-details h4 span {
font-size: 14px;
font-weight: 400;
font-style: normal;
color: #707070;
}
.testimonial .testimonial-image {
height: 80px;
width: 80px;
border: 4px solid #ffc000;
border-radius: 100%;
overflow: hidden;
-webkit-transform: translateX(70px);
transform: translateX(70px);
}
.testimonial .testimonial-item:nth-child(2) .testimonial-image {
border: 4px solid #e84b3a;
}
.testimonial .testimonial-item:nth-child(3) .testimonial-image {
border: 4px solid #fc7f0c;
}
.testimonial .testimonial-item:nth-child(4) .testimonial-image {
border: 4px solid #ffc000;
}
.testimonial .testimonial-item:nth-child(5) .testimonial-image {
border: 4px solid #e84b3a;
}
.testimonial .testimonial-item:nth-child(6) .testimonial-image {
border: 4px solid #fc7f0c;
}
.testimonial-three {
background-image: url(../../images/background/testimonial-bg.jpg);
background-size: cover;
background-position: center;
}
.testimonial-three .testimonial-item {
text-align: center;
}
.testimonial-three .testimonial-image {
-webkit-transform: translateX(0px);
transform: translateX(0px);
display: inline-block;
margin-bottom: 10px;
}
.testimonial-three .testimonial-details {
border: none !important;
text-align: center;
padding: 0px;
}
.testimonial-three .testimonial-details span {
font-size: 14px;
font-weight: 400;
font-style: normal;
color: #707070;
display: inline-block;
margin-bottom: 15px;
}
.testimonial-three .testimonial-details .icon {
display: block;
color: #e84b3a;
font-size: 30px;
line-height: 50px;
display: none;
}
.testimonial-three .testimonial-details p {
max-width: 700px;
margin: 0 auto;
line-height: 28px;
}
.testimonial-three .testimonial-details:before {
display: none;
}
.testimonial-three .testimonial-details:after {
display: none;
}
/* 14 - Partner
----------------------------------------------*/
.partner {
background-image: url(../../images/background/partner-bg.jpg);
background-size: cover;
background-position: center;
}
.partner .overlay {
background-color: rgba(252,127,12,.8);
}
.partner .partner-item img {
width: 100%;
}
.partner-two {
background: #fff;
}
/* 15 - Event
----------------------------------------------*/
.event .event-item {
width: 33.33%;
float: right;
}
.event .event-item.wide {
width: 66.67%;
float: left;
}
.event .event-item .event-image {
position: relative;
}
.event .event-item.wide .event-image {
float: left;
width: 50%;
}
.event .event-item.wide.right .event-image {
float: right;
}
.event .event-item .event-image:before {
content: "";
position: absolute;
bottom: -11px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
height: 20px;
width: 20px;
background: #fff;
}
.event .event-item.wide .event-image:before {
content: "";
position: absolute;
right: -11px;
left: auto;
bottom: 50%;
-webkit-transform: translateY(50%) rotate(45deg);
transform: translateY(50%) rotate(45deg);
height: 20px;
width: 20px;
background: #fff;
}
.event .event-item.wide.right .event-image:before {
content: "";
position: absolute;
left: -11px;
bottom: 50%;
-webkit-transform: translateY(50%) rotate(45deg);
transform: translateY(50%) rotate(45deg);
height: 20px;
width: 20px;
background: #fff;
}
.event .event-item .event-image .date {
background-color: #ffc000;
height: 70px;
width: 70px;
border-radius: 2px;
text-align: center;
padding: 10px;
position: absolute;
top: 10px;
left: 10px;
}
.event .event-item:nth-child(2) .event-image .date {
background-color: #fc7f0c;
}
.event .event-item:nth-child(3) .event-image .date {
background-color: #e84b3a;
}
.event .event-item .event-image .date span {
font-size: 30px;
font-weight: 700;
color: #fff;
line-height: 26px;
}
.event .event-item .event-image .date p {
font-size: 14px;
color: #fff;
line-height: 18px;
margin: 0px;
}
.event .event-item .event-image img {
width: 100%;
}
.event .event-item .event-content {
display: table;
padding: 25px;
border: 1px solid #f0f0f0;
}
.event .event-item.wide .event-content {
width: 50%;
}
.event .event-item .event-content h4 {
color: #ffc000;
}
.event .event-item:nth-child(2) .event-content h4 {
color: #fc7f0c;
}
.event .event-item:nth-child(3) .event-content h4 {
color: #e84b3a;
}
.event .event-item .event-content ul {
margin-bottom: 10px;
}
.event .event-item .event-content ul li {
list-style: none;
color: #707070;
}
.event .event-item .event-content ul li span {
color: #e84b3a;
margin-right: 5px;
}
.event .event-item .event-content ul li:last-child span {
color: #fc7f0c;
}
.event .event-item .event-content p {
margin-bottom: 22px;
}
.event .event-item .event-content a {
padding: 8px 26px;
background-color: #ffc000;
}
.event .event-item .event-content a:hover {
background-color: #ecb200;
}
.event .event-item:nth-child(2) .event-content a {
background-color: #fc7f0c;
}
.event .event-item:nth-child(2) .event-content a:hover {
background-color: #e56e00;
}
.event .event-item:nth-child(3) .event-content a {
background-color: #e84b3a;
}
.event .event-item:nth-child(3) .event-content a:hover {
background-color: #dd3725;
}
.event-two {
padding: 120px 0px 90px;
}
.event-two .event-item {
width: 100% !important;
transition: .25s;
-webkit-transition: .25s;
margin-bottom: 30px;
}
.event-two .event-item:hover {
box-shadow: 0px 0px 20px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}
.event-two .event-item .event-image:before {
display: none;
}
.event-two .event-item .event-image .date {
bottom: 10px;
top: auto;
}
.event-two .event-items > div > div:nth-child(2) .event-image .date {
background-color: #e84b3a;
}
.event-two .event-items > div > div:nth-child(3) .event-image .date {
background-color: #fc7f0c;
}
.event-two .event-items > div > div:nth-child(4) .event-image .date {
background-color: #ffc000;
}
.event-two .event-items > div > div:nth-child(5) .event-image .date {
background-color: #e84b3a;
}
.event-two .event-items > div > div:nth-child(6) .event-image .date {
background-color: #fc7f0c;
}
.event-two .event-items > div > div:nth-child(7) .event-image .date {
background-color: #ffc000;
}
.event-two .event-items > div > div:nth-child(8) .event-image .date {
background-color: #e84b3a;
}
.event-two .event-items > div > div:nth-child(9) .event-image .date {
background-color: #fc7f0c;
}
.event-two .event-items > div > div:nth-child(2) .event-content h4 {
color: #e84b3a;
}
.event-two .event-items > div > div:nth-child(3) .event-content h4 {
color: #fc7f0c;
}
.event-two .event-items > div > div:nth-child(4) .event-content h4 {
color: #ffc000;
}
.event-two .event-items > div > div:nth-child(5) .event-content h4 {
color: #e84b3a;
}
.event-two .event-items > div > div:nth-child(6) .event-content h4 {
color: #fc7f0c;
}
.event-two .event-items > div > div:nth-child(7) .event-content h4 {
color: #ffc000;
}
.event-two .event-items > div > div:nth-child(8) .event-content h4 {
color: #e84b3a;
}
.event-two .event-items > div > div:nth-child(9) .event-content h4 {
color: #fc7f0c;
}
.event-two .event-items > div > div:nth-child(2) .event-content a {
background-color: #e84b3a;
}
.event-two .event-items > div > div:nth-child(2) .event-content a:hover {
background-color: #dd3725;
}
.event-two .event-items > div > div:nth-child(3) .event-content a {
background-color: #fc7f0c;
}
.event-two .event-items > div > div:nth-child(3) .event-content a:hover {
background-color: #e56e00;
}
.event-two .event-items > div > div:nth-child(4) .event-content a {
background-color: #ffc000;
}
.event-two .event-items > div > div:nth-child(4) .event-content a:hover {
background-color: #ecb200;
}
.event-two .event-items > div > div:nth-child(5) .event-content a {
background-color: #e84b3a;
}
.event-two .event-items > div > div:nth-child(5) .event-content a:hover {
background-color: #dd3725;
}
.event-two .event-items > div > div:nth-child(6) .event-content a {
background-color: #fc7f0c;
}
.event-two .event-items > div > div:nth-child(6) .event-content a:hover {
background-color: #e56e00;
}
.event-two .event-items > div > div:nth-child(7) .event-content a {
background-color: #ffc000;
}
.event-two .event-items > div > div:nth-child(7) .event-content a:hover {
background-color: #ecb200;
}
.event-two .event-items > div > div:nth-child(8) .event-content a {
background-color: #e84b3a;
}
.event-two .event-items > div > div:nth-child(8) .event-content a:hover {
background-color: #dd3725;
}
.event-two .event-items > div > div:nth-child(9) .event-content a {
background-color: #fc7f0c;
}
.event-two .event-items > div > div:nth-child(9) .event-content a:hover {
background-color: #e56e00;
}
.event-single {
}
.event-single .post-image {
position: relative;
}
.event-single .post-content {
margin-bottom: 50px;
}
.event-single .post-content h4 {
color: #92278f;
}
.event-single .event-counter {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(255,255,255,.9);
padding: 10px 30px;
}
.event-single .event-counter h4 {
color: #92278f;
font-size: 24px;
line-height: 3.8;
}
.event-single .event-counter .clock-item {
float: left;
margin-right: 20px;
text-align: center;
}
.event-single .event-counter .clock-item:last-child {
margin: 0px !important;
}
.event-single .event-counter .clock-item span {
border: 4px solid #fcb614;
height: 60px;
width: 60px;
border-radius: 100%;
display: inline-block;
text-align: center;
color: #fcb614;
font-weight: 700;
line-height: 2.6;
margin-bottom: 5px;
font-size: 20px;
}
ul#countdown {
list-style: none;
}
.event-single .event-counter .clock-item:nth-child(2) span {
color: #e84b3a;
border-color: #e84b3a;
}
.event-single .event-counter .clock-item:nth-child(3) span {
color: #fc912e;
border-color: #fc912e;
}
.event-single .event-counter .clock-item:nth-child(4) span {
color: #92278f;
border-color: #92278f;
}
.event-single .event-counter .clock-item p {
font-size: 14px;
font-weight: 600;
color: #fcb614;
margin: 0px;
}
.event-single .event-counter .clock-item:nth-child(2) p {
color: #e84b3a;
}
.event-single .event-counter .clock-item:nth-child(3) p {
color: #fc912e;
}
.event-single .event-counter .clock-item:nth-child(4) p {
color: #92278f;
}
.event-single .event-map {
height: 350px;
width: 100%;
}
/* 16 - Blog
----------------------------------------------*/
.blog {
background-image: url(../../images/background/blog-bg.jpg);
background-size: cover;
background-position: center;
}
.blog .overlay {
background-color: rgba(7,143,203,.8);
}
.blog .blog-item .blog-image {
overflow: hidden;
}
.blog .blog-item img {
width: 100%;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transform: scale(1);
transform: scale(1);
}
.blog .blog-item:hover img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.blog .blog-item {
background-color: #fff;
}
.blog .blog-item .blog-content {
padding: 20px;
}
.blog .blog-item .blog-content h4 a {
text-decoration: none;
}
.blog .blog-items > div > div:nth-child(1) .blog-item h4 a {
color: #92278f;
}
.blog .blog-items > div > div:nth-child(2) .blog-item h4 a {
color: #e84b3a;
}
.blog .blog-items > div > div:nth-child(3) .blog-item h4 a {
color: #fc7f0c;
}
.blog .blog-item .blog-content p {
margin-bottom: 10px;
}
.blog .blog-item ul {
margin: 0px;
border-top: 1px solid #f0f0f0;
padding: 9px 20px;
}
.blog .blog-item ul li {
list-style: none;
display: inline-block;
margin-right: 10px;
color: #707070;
}
.blog .blog-item ul li a {
text-decoration: none;
font-size: 15px;
color: #696969;
}
.blog .blog-item ul li .icon {
margin-right: 5px;
}
.blog .blog-item ul li:nth-child(1) .icon {
color: #92278f;
}
.blog .blog-item ul li:nth-child(2) .icon {
color: #e84b3a;
}
.blog .blog-item ul li:nth-child(3) .icon {
color: #fc7f0c;
}
.blog .blog-item ul li .icon:before {
font-size: 18px;
}
.blog-two {
background: #fff;
}
.blog-two .blog-item .blog-content {
border-right: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
}
.blog-two .blog-item ul {
border: 1px solid #f0f0f0;
}
.blog-two .blog-item {
transition: .25s ease-out;
-webkit-transition: .25s ease-out;
}
.blog-two .blog-item:hover {
box-shadow: 0px 0px 20px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}
.blog-post .post-item {
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
margin-bottom: 40px;
}
.blog-post .post-item .post-image {
overflow: hidden;
}
.blog-post .post-item .post-image img {
width: 100%;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transform: scale(1);
transform: scale(1);
}
.blog-post .post-item:hover .post-image img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.blog-post .post-item .post-content {
padding: 15px 30px 30px;
border: 1px solid #f0f0f0;
border-top: none;
}
.blog-post .post-item h3 {
font-size: 36px;
margin-bottom: 10px;
}
.blog-post .post-item h3 a {
text-decoration: none;
color: #ffc000;
}
.blog-post .post-item:nth-child(2) h3 a {
color: #e84b3a;
}
.blog-post .post-item:nth-child(3) h3 a {
color: #fc7f0c;
}
.blog-post .post-item:nth-child(4) h3 a {
color: #92278f;
}
.blog-post .post-item:nth-child(6) h3 a {
color: #e84b3a;
}
.blog-post .post-item:nth-child(7) h3 a {
color: #fc7f0c;
}
.blog-post .post-item:nth-child(8) h3 a {
color: #92278f;
}
.blog-post .post-item .post-button {
padding: 6px 26px;
background-color: #ffc000;
}
.blog-post .post-item .post-button:hover {
background-color: #ecb200;
}
.blog-post .post-item:nth-child(2) .post-button {
background-color: #e84b3a;
}
.blog-post .post-item:nth-child(2) .post-button:hover {
background-color: #dd3725;
}
.blog-post .post-item:nth-child(3) .post-button {
background-color: #fc7f0c;
}
.blog-post .post-item:nth-child(3) .post-button:hover {
background-color: #e56e00;
}
.blog-post .post-item:nth-child(4) .post-button {
background-color: #92278f;
}
.blog-post .post-item:nth-child(4) .post-button:hover {
background-color: #7e007b;
}
.blog-post .post-item:nth-child(6) .post-button {
background-color: #e84b3a;
}
.blog-post .post-item:nth-child(6) .post-button:hover {
background-color: #dd3725;
}
.blog-post .post-item:nth-child(7) .post-button {
background-color: #fc7f0c;
}
.blog-post .post-item:nth-child(7) .post-button:hover {
background-color: #e56e00;
}
.blog-post .post-item:nth-child(8) .post-button {
background-color: #92278f;
}
.blog-post .post-item:nth-child(8) .post-button:hover {
background-color: #7e007b;
}
.post-meta li {
list-style: none;
display: inline-block;
color: #696969;
margin-right: 20px;
}
.post-meta li a {
text-decoration: none;
color: #696969;
}
.post-meta li .icon {
margin-right: 5px;
}
.post-meta li .icon:before {
font-size: 16px;
}
.blog-post .post-item:hover {
box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
}
.single-post .post-content {
padding: 30px;
border: 1px solid #f0f0f0;
border-top: none;
}
.single-post .post-content h3 {
font-size: 36px;
color: #e84b3a;
margin-bottom: 10px;
}
.single-post .post-content blockquote {
font-style: normal;
color: #e84b3a;
font-weight: 700;
font-size: 14px;
border: none;
padding: 0px 0px 0px 40px;
}
.single-post .post-content blockquote:after {
left: 0px;
top: 30%;
color: #e84b3a;
font-size: 30px;
}
.single-post .post-content blockquote:before {
content: "\f10e" !important;
position: absolute;
right: 50px;
bottom: 0px;
font: normal normal normal 30px/1 FontAwesome;
color: #e84b3a;
}
.single-post .post-content p:last-child {
margin: 0px;
}
.single-post .content-bottom {
border: 1px solid #f0f0f0;
border-top: none;
padding: 12px 30px;
overflow: hidden;
margin-bottom: 50px;
}
.single-post .content-bottom ul {
margin: 0px;
}
.single-post .content-bottom ul li {
list-style: none;
display: inline-block;
}
.single-post .content-bottom li:first-child {
margin-right: 5px;
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #92278f;
}
.single-post .content-bottom li span {
margin-right: 5px;
}
.single-post .content-bottom li span:before {
color: #92278f;
font-size: 18px;
}
.single-post .post-tags {
float: left;
}
.single-post .post-tags li a {
font-style: normal;
font-size: 16px;
font-weight: 700;
color: #ffc000;
text-decoration: none;
}
.single-post .post-tags li:nth-child(3) a {
color: #e84b3a;
}
.single-post .post-tags li:nth-child(4) a {
color: #fc7f0c;
}
.single-post .post-tags li:nth-child(5) a {
color: #0fbaf4;
}
.single-post .post-share {
float: right;
}
.single-post .post-share li {
margin-right: 10px;
}
.single-post .post-share li:last-child {
margin: 0px;
}
.single-post .post-share li a {
font-size: 16px;
color: #3b5998
}
.single-post .post-share li:nth-child(3) a {
color: #db4437
}
.single-post .post-share li:nth-child(4) a {
color: #e94c89
}
.single-post .post-share li:nth-child(5) a {
color: #23b6ea
}
.single-post .post-share li:nth-child(6) a {
color: #cb1f27
}
.single-post .post-comments {
margin-bottom: 20px;
}
.single-post .post-comments h3 {
font-size: 30px;
color: #ee257c;
margin-bottom: 20px;
}
.single-post .post-comments ul {
margin: 0px;
}
.single-post .post-comments li {
list-style: none;
margin-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.single-post .post-comments li .the-comment {
padding-bottom: 20px;
}
.single-post .post-comments li:last-child {
margin: 0px;
padding: 0px;
border: none;
}
.single-post .post-comments li ul {
margin-left: 90px;
}
.single-post .post-comments .comment-image {
overflow: hidden;
height: 80px;
width: 80px;
border-radius: 100%;
float: left;
margin-right: 20px;
}
.single-post .post-comments .comment-content {
display: table;
}
.single-post .post-comments .comment-content h4 {
float: left;
font-size: 18px;
color: #ffc000;
margin-right: 5px;
}
.single-post .post-comments li:nth-child(2) .comment-content h4 {
color: #e84b3a;
}
.single-post .post-comments li:nth-child(3) .comment-content h4 {
color: #fc7f0c;
}
.single-post .post-comments li:nth-child(4) .comment-content h4 {
color: #92278f;
}
.single-post .post-comments li:nth-child(5) .comment-content h4 {
color: #0fbaf4;
}
.single-post .post-comments li:nth-child(6) .comment-content h4 {
color: #008c99;
}
.single-post .post-comments li:nth-child(7) .comment-content h4 {
color: #ee257c;
}
.single-post .post-comments li:nth-child(8) .comment-content h4 {
color: #88c87b;
}
.single-post .post-comments li:nth-child(9) .comment-content h4 {
color: #fa6f57;
}
.single-post .post-comments .comment-content .comm-reply {
float: right;
}
.single-post .post-comments .comment-content .comm-reply i {
color: #ffc000;
font-weight: 700;
}
.single-post .post-comments .comment-content .comm-reply i:before {
font-size: 15px;
}
.single-post .post-comments .comment-content .comm-reply a {
font-style: normal;
font-weight: 700;
font-size: 16px;
color: #e84b3a;
}
.single-post .post-comments .comment-content span.day {
position: relative;
margin-left: 10px;
}
.single-post .post-comments .comment-content span.day:before {
content: "\f068";
font-family: FontAwesome;
position: absolute;
top: 2px;
left: -10px;
font-size: 8px;
color: #1a1a1a;
}
.single-post .post-comments .comment-content p {
margin-top: 5px;
margin-bottom: 0px;
}
.single-post .reply-form h3 {
font-size: 30px;
color: #fa6f57;
margin-bottom: 30px;
}
.single-post .reply-form .com-input {
width: 100%;
border: 1px solid #f0f0f0;
padding: 12px 15px;
outline: none;
margin-bottom: 30px;
}
.single-post .reply-form button {
outline: none;
padding: 17px 26px;
}
.sidebar .sidebar-item {
margin-bottom: 50px;
}
.sidebar .sidebar-item .sidebar-title {
font-size: 30px;
color: #ffc000;
margin-bottom: 30px;
}
.sidebar .sidebar-item:nth-child(3) .sidebar-title {
color: #e84b3a;
}
.sidebar .sidebar-item:nth-child(4) .sidebar-title {
color: #fc7f0c;
}
.sidebar .sidebar-item:nth-child(5) .sidebar-title {
color: #92278f;
}
.sidebar .sidebar-item:nth-child(6) .sidebar-title {
color: #0fbaf4;
}
.sidebar form input {
width: 100%;
border: 1px solid #f0f0f0;
color: #696969;
padding: 14px;
outline: none;
font-style: normal;
}
.sidebar form button {
position: absolute;
right: 20px;
top: 0px;
font-size: 18px;
color: #696969;
background: transparent;
outline: none;
padding: 16px;
}
.sidebar .sidebar-categories {
margin: 0px;
}
.sidebar .sidebar-categories li {
list-style: none;
border-bottom: 1px solid #f0f0f0;
}
.sidebar .sidebar-categories li:last-child {
border: none;
}
.sidebar .sidebar-categories li a {
display: block;
font-weight: 700;
font-size: 16px;
color: #707070;
text-decoration: none;
padding: 10px 0px;
}
.sidebar .sidebar-categories li:first-child a {
padding-top: 0px;
}
.sidebar .sidebar-categories li:last-child a {
padding-bottom: 0px;
}
.sidebar .sidebar-categories li a:hover {
padding-left: 16px;
color: #92278f;
}
.sidebar .sidebar-categories li span {
float: right;
}
.sidebar .sidebar-categories li a:hover span {
height: 30px;
width: 30px;
text-align: center;
background-color: #92278f;
color: #fff;
border-radius: 100%;
display: inline-block;
line-height: 30px;
}
.sidebar .sidebar-posts {
margin: 0px;
}
.sidebar .sidebar-posts li {
list-style: none;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.sidebar .sidebar-posts li:last-child {
margin: 0px;
padding: 0px;
border: none;
}
.sidebar .sidebar-posts .image {
float: left;
margin-right: 20px;
}
.sidebar .sidebar-posts .content {
display: table;
}
.sidebar .sidebar-posts a {
display: block;
text-decoration: none;
font-size: 16px;
line-height: 24px;
color: #707070;
}
.sidebar .sidebar-posts li:hover a {
color: #92278f;
}
.sidebar .sidebar-posts span {
font-style: normal;
font-size: 15px;
color: #fa6f57;
}
.sidebar .sidebar-gallery {
margin: 0px;
overflow: hidden;
margin: -5px;
}
.sidebar .sidebar-gallery li {
list-style: none;
float: left;
width: calc(100% / 4 - 1px);
padding: 5px;
}
.sidebar .sidebar-gallery li img {
width: 100%;
}
.sidebar .sidebar-twitts {
margin: 0px;
}
.sidebar .sidebar-twitts > li {
list-style: none;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.sidebar .sidebar-twitts > li:last-child {
margin: 0px;
padding: 0px;
border: none;
}
.sidebar .sidebar-twitts .icon {
float: left;
font-size: 46px;
color: #65bbf2;
margin-right: 15px;
line-height: 46px;
}
.sidebar .sidebar-twitts .content {
display: table;
}
.sidebar .sidebar-twitts .content ul {
margin: 0px;
}
.sidebar .sidebar-twitts .content ul li {
list-style: none;
display: inline-block;
}
.sidebar .sidebar-twitts .content ul li a {
text-decoration: none;
}
.sidebar .sidebar-twitts .content p {
margin: 0px;
}
.sidebar .sidebar-twitts .content > a {
text-decoration: none;
}
.sidebar .sidebar-tags {
margin: 0px;
overflow: hidden;
margin: -5px;
}
.sidebar .sidebar-tags li {
list-style: none;
display: inline-block;
float: left;
margin: 5px;
}
.sidebar .sidebar-tags li a {
text-decoration: none;
font-style: normal;
font-weight: 700;
font-size: 15px;
color: #707070;
border: 1px solid #f0f0f0;
border-radius: 1px;
padding: 8px 24px;
display: inline-block;
}
.sidebar .sidebar-tags li a:hover {
background-color: #92278f;
border-color: #92278f;
color: #fff;
}
.sidebar .class-details {
margin: 0px;
border: 1px solid #f0f0f0;
}
.sidebar .class-details li {
overflow: hidden;
list-style: none;
border-bottom: 1px solid #f0f0f0;
padding: 9px 15px;
}
.sidebar .class-details li:last-child {
border: none;
}
.sidebar .class-details .name {
float: left;
width: 50%;
font-size: 15px;
color: #ffc000;
}
.sidebar .class-details li:nth-child(2) .name {
color: #e84b3a;
}
.sidebar .class-details li:nth-child(3) .name {
color: #fc7f0c;
}
.sidebar .class-details li:nth-child(4) .name {
color: #92278f;
}
.sidebar .class-details li:nth-child(5) .name {
color: #0fbaf4;
}
.sidebar .class-details li:nth-child(6) .name {
color: #008c99;
}
.sidebar .class-details li:nth-child(7) .name {
color: #ee257c;
}
.sidebar .class-details li:nth-child(8) .name {
color: #88c87b;
}
.sidebar .class-details .name i {
margin-right: 10px;
display: inline-block;
}
.sidebar .class-details li:first-child .name i {
transform: rotate(90deg);
}
.sidebar .class-details .name i:before {
font-size: 18px;
}
.sidebar .class-details .info {
float: left;
width: 50%;
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #363636;
}
.sidebar .class-details .info.rating i {
color: #fcb614;
}
.sidebar .class-details li:last-child .info {
color: #92278f;
}
/* 17 - Congact
----------------------------------------------*/
.contact .contact-map {
width: 100%;
position: relative;
}
.contact-page .contact-map:before {
content: "";
position: absolute;
background-image: url(../../images/section_notch_top.png);
background-repeat: repeat-x;
top: 0;
width: 100%;
height: 7px;
z-index: 1;
}
.contact-item {
list-style: none;
/*border-bottom: 1px solid #f0f0f0;*/
padding-bottom: 15px;
margin-bottom: 15px;
}
.contact-item:last-child {
border: none;
margin: 0px;
padding: 0px;
}
.contact-item .icon {
display: inline-block;
float: left;
color: #ffc000;
margin-right: 15px;
}
.contact-item:nth-child(2) .icon {
color: #e84b3a;
}
.contact-item:nth-child(3) .icon {
color: #fc7f0c;
}
.contact-item .icon:before {
font-size: 20px !important;
}
.contact-item .content {
display: table;
}
.contact-item .content h4 {
color: #ffc000;
font-size:0px;
}
.contact-item:nth-child(2) .content h4 {
color: #e84b3a;
}
.contact-item:nth-child(3) .content h4 {
color: #fc7f0c;
}
.contact-item .content p {
margin: 0px;
padding-top:5px;
}
.icon-hand{
margin-top:90px;
}
.school-text{
text-decoration:none !important;
}
.contact-form .contact-input:nth-child(1) {
width: 100%;
float: left;
}
.contact-form .contact-input:nth-child(2) {
width: 48%;
float: right;
}
.contact-form .contact-input {
width: 100%;
margin-bottom: 10px;
color: #696969;
border: none;
border-bottom: 1px solid #f0f0f0;
padding: 15px;
outline: none;
}
.contact-form .contact-input:focus {
border-bottom: 1px solid #92278f;
color: #92278f;
}
.contact-form .contact-button {
background-color: #92278f;
outline: none;
font-style: normal;
font-weight: 700;
font-size: 16px;
padding: 17px 30px;
margin-top: 30px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
}
.contact-form .contact-button:hover {
background-color: #7e007b;
}
/* 18 - Product
----------------------------------------------*/
.product .product-header {
border: 1px solid #f0f0f0;
overflow: hidden;
padding: 8px 20px;
margin-bottom: 30px;
}
.product .product-header p {
margin: 0px;
line-height: 30px;
font-style: normal;
font-size: 16px;
font-weight: 700;
color: #92278f;
}
.product .product-header .icon {
float: right;
}
.product .product-header .icon span {
font-size: 18px;
color: #e84b3a;
cursor: pointer;
margin-left: 5px;
}
.product .product-header .icon span:hover, .product .product-header .icon .grid-active, .product .product-header .icon .list-active {
color: #92278f;
}
.product .product-header .icon .grid-active {
color: #92278f;
}
.product .product-items {
overflow: hidden;
margin: -15px;
}
.product .product-item-grid {
width: 29.9%;
overflow: hidden;
border: 1px solid #f0f0f0;
margin: 15px;
float: left;
text-align: center;
-webkit-transition: .25s;
transition: .25s;
}
.product .product-item-grid:hover {
box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
}
.product .product-items .pro-image {
position: relative;
}
.product .product-item-grid .cd-item {
width: 100% !important;
margin: 0px !important;
}
.product .product-item-grid .pro-overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: #fff;
opacity: 0;
-webkit-transition: .25s;
transition: .25s;
}
.product .product-item-grid:hover .pro-overlay {
opacity: .98;
}
.product .product-item-grid .pro-content {
padding: 20px;
overflow: hidden;
border-top: 1px solid #f0f0f0;
}
.product .pro-item .pro-content h4 {
font-size: 24px;
line-height: 18px;
color: #222222;
}
.product .pro-item .pro-content h4 a, .product .cd-item-info h4 {
font-size: 24px;
line-height: 18px;
color: #222222;
text-decoration: none;
}
.product .pro-item .pro-content span, .product .cd-item-info span {
font-size: 20px;
font-weight: 700;
color: #222222;
display: block;
}
.product .product-item-grid .pro-content p {
display: none;
}
.product .product-item-grid .pro-content .pro-button {
display: none;
}
.product .product-item-grid .icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.product .product-item-grid .icon:nth-child(3) {
left: 22%;
}
.product .product-item-grid .icon:nth-child(4) {
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.product .product-item-grid .icon:nth-child(5) {
right: 22%;
}
.product .product-item-grid .icon span {
height: 40px;
width: 40px;
background-color: #ffc000;
color: #fff;
display: inline-block;
border-radius: 100%;
line-height: 2.5;
margin-right: 5px;
-webkit-transition: .25s;
transition: .25s;
transform: scale(0);
}
.product .product-item-grid .icon:nth-child(3) span {
background-color: #e84b3a;
}
.product .product-item-grid .icon:nth-child(4) span {
background-color: #fc7f0c;
}
.product .product-item-grid .icon span:before {
margin: 0px;
font-size: 16px;
}
.product .product-item-grid .icon span:after {
display: none;
}
.product .product-item-grid .pro-item:hover .icon span {
transform: scale(1);
}
.product .cd-slider {
margin-bottom: 0px;
}
.product .cd-slider li {
list-style: none;
}
.product .cd-slider-navigation li {
list-style: none;
}
.product .cd-slider-navigation li a {
color: #000000;
opacity: 1;
}
.cd-slider-navigation li a::before, .cd-slider-navigation li a::after {
background: #000;
}
.product .cd-item-info {
display: table;
text-align: left;
padding: 40px 40px 40px 0px;
}
.product .cd-item-info p {
color: #696969;
margin-top: 0px;
margin-bottom: 25px;
}
.product .product-item-list {
width: 96.6%;
border: 1px solid #f0f0f0;
overflow: hidden;
margin: 15px 15px 30px 15px;
}
.product .product-item-list .pro-content {
display: table;
padding: 30px;
position: relative;
}
.product .product-item-list .pro-overlay {
display: none;
}
.product .product-item-list .icon {
display: none;
}
.product .product-item-list .pro-image {
margin: 0px;
width: 30%;
float: left;
}
.product .product-item-list .pro-rating {
position: absolute;
right: 30px;
top: 30px;
}
.pro-rating a {
color: #f8b600;
}
.product .pro-button {
margin: 0px;
}
.product .pro-button li {
list-style: none;
display: inline-block;
margin-right: 5px;
}
.product .pro-button button {
display: inline-block;
color: #fff;
font-size: 16px;
font-weight: 700;
font-style: normal;
background-color: #92278f;
border-radius: 2px;
padding: 17px 30px;
outline: none;
}
.product .pro-button button:hover {
background-color: #7e007b;
}
.product .pro-button a {
display: inline-block;
text-decoration: none;
color: #fff;
font-size: 16px;
font-weight: 700;
font-style: normal;
background-color: #fcb614;
border-radius: 2px;
padding: 11px 30px;
}
.product .pro-button a:hover {
background-color: #ecb200;
}
.pagination {
display: block;
text-align: center;
margin-top: 70px;
overflow: hidden;
margin-bottom: 0px;
}
.pagination li {
margin-right: 10px;
display: inline-block;
}
.pagination li a {
color: #222222;
border: 1px solid #f1f1f1;
border-radius: 100% !important;
height: 40px;
width: 40px;
line-height: 26px;
font-weight: 600;
text-align: center;
}
.pagination li a:hover, .pagination li a:focus, .pagination li a.active {
background-color: #92278f;
color: #fff;
border: 1px solid #92278f;
}
.por-sidebar-item {
margin-bottom: 30px;
}
.por-sidebar-item > h4 {
margin-bottom: 20px;
color: #ffc000;
font-size: 30px;
}
.por-sidebar-item:nth-child(3) > h4 {
color: #e84b3a;
}
.por-sidebar-item:nth-child(4) > h4 {
color: #fc7f0c;
}
.por-sidebar-item:nth-child(5) > h4 {
color: #92278f;
}
.por-sidebar-item:nth-child(7) > h4 {
color: #e84b3a;
}
.por-sidebar-item:nth-child(8) > h4 {
color: #fc7f0c;
}
.por-sidebar-item:nth-child(9) > h4 {
color: #92278f;
}
.product-sidebar form {
position: relative;
}
.product-sidebar form input {
width: 100%;
border: 1px solid #f0f0f0;
color: #696969;
padding: 12px;
outline: none;
}
.product-sidebar form button {
position: absolute;
right: 0px;
top: 2px;
font-size: 18px;
color: #696969;
background: transparent;
outline: none;
}
.product-sidebar .pro-categories .panel-group {
margin: 0px;
}
.product-sidebar .pro-categories .panel-group .panel {
border: none;
border-radius: 0px;
box-shadow: none;
margin: 0px;
padding: 10px 0px;
border-bottom: 1px solid #f7f7f7;
}
.product-sidebar .pro-categories .panel-group .panel:first-child {
padding-top: 0px;
}
.product-sidebar .pro-categories .panel-group .panel:last-child {
border: none;
padding-bottom: 0px;
}
.product-sidebar .pro-categories .panel-default > .panel-heading {
background-color: #fff;
border: none;
padding: 0px;
}
.product-sidebar .pro-categories .panel-title {
line-height: 2;
}
.product-sidebar .pro-categories .panel-title a {
position: relative;
display: block;
font-style: normal;
font-size: 16px;
font-weight: 700;
color: #92278f;
text-transform: capitalize;
text-decoration: none;
}
.product-sidebar .pro-categories .panel-title a.collapsed {
color: #707070;
}
.product-sidebar .pro-categories .panel-title a:hover {
color: #92278f;
}
.product-sidebar .pro-categories .panel-title span {
position: absolute;
top: 0;
right: 0;
float: right;
font-size: 12px;
font-weight: 400;
display: inline-block;
height: 30px;
width: 30px;
border: 1px solid #f7f7f7;
border-radius: 100%;
text-align: center;
line-height: 2.5;
-webkit-transition: .25s;
transition: .25s;
}
.product-sidebar .pro-categories .panel-title span.minus {
background-color: #92278f;
border: 1px solid #92278f;
color: #fff;
}
.product-sidebar .pro-categories .panel-title a:hover span {
background-color: #92278f;
border: 1px solid #92278f;
color: #fff;
}
.product-sidebar .pro-categories .panel-title .collapsed span.plus {
opacity: 1;
}
.product-sidebar .pro-categories .panel-title span.plus {
opacity: 0;
}
.product-sidebar .pro-categories .panel-title .collapsed span.minus {
opacity: 0;
}
.product-sidebar .pro-categories .panel-title span.minus {
opacity: 1;
}
.product-sidebar .pro-categories .panel-body {
padding: 0px;
border: none !important;
}
.product-sidebar .pro-categories .panel-body a {
display: block;
font-size: 14px;
color: #707070;
text-transform: capitalize;
font-weight: 700;
text-decoration: none;
}
.product-sidebar .pro-categories .panel-body a:hover {
color: #92278f;
}
.product-sidebar .rel-product {
margin: 0px;
}
.product-sidebar .rel-product li {
list-style: none;
border-bottom: 1px solid #f7f7f7;
padding: 20px 0px;
}
.product-sidebar .rel-product li:first-child {
padding-top: 0px;
}
.product-sidebar .rel-product li:last-child {
padding-bottom: 0px;
border: none;
}
.product-sidebar .rel-product .image {
float: left;
margin-right: 10px;
}
.product-sidebar .rel-product .content {
display: table;
}
.product-sidebar .rel-product h5 {
line-height: 20px;
}
.product-sidebar .rel-product h5 a {
font-size: 18px;
font-weight: 700;
color: #222222;
text-decoration: none;
}
.product-sidebar .rel-product span {
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: #222222;
text-decoration: none;
}
.product-sidebar .rel-product .pro-rating {
position: relative;
line-height: 18px;
}
.product-sidebar .rel-product .pro-rating a {
font-size: 12px;
}
.product-sidebar .pro-filter {
position: relative;
}
.product-sidebar .pro-filter p {
font-size: 16px;
font-style: normal;
font-weight: 700;
color: #92278f;
margin-bottom: 10px;
}
.product-sidebar .pro-filter p span:first-child {
color: #222222;
}
.product-sidebar .pro-filter input {
font-style: normal;
font-size: 14px;
font-weight: 700;
color: #fff;
background-color: #92278f;
}
.pro-details {
margin-bottom: 70px;
}
.pro-details .details h3 {
font-size: 30px;
color: #000000;
}
.pro-details .details span {
font-size: 30px;
font-weight: 700;
font-style: normal;
color: #f8b600;
}
.pro-details .details select {
font-size: 14px;
color: #696969;
border: 1px solid #f7f7f7;
border-radius: 3px;
padding: 8px 24px;
margin-bottom: 20px;
margin-right: 30px;
outline: none;
}
.pro-details .details .qnt {
overflow: hidden;
margin-bottom: 20px;
}
.pro-details .details .qnt a {
font-size: 14px;
color: #000000;
height: 42px;
width: 42px;
text-align: center;
border: 1px solid #f7f7f7;
border-radius: 3px;
display: inline-block;
line-height: 3;
float: left;
}
.pro-details .details .qnt a:hover {
color: #f8b600;
}
.pro-details .details .qnt input {
font-style: normal;
font-size: 14px;
color: #696969;
border: 1px solid #f7f7f7;
padding: 8.5px 10px;
outline: none;
text-align: center;
width: 56px;
margin: 0px -1px;
float: left;
}
.pro-details .details button {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
outline: none;
width: 100%;
max-width: 370px;
padding: 18px 15px;
}
.pro-description {
margin-bottom: 50px;
}
.pro-description .nav-tabs {
border-bottom: 4px solid #fafafa;
margin-bottom: 30px;
}
.pro-description .nav-tabs > li > a {
font-size: 24px;
font-weight: 700;
font-style: normal;
color: #f8b600;
border: none;
border-bottom: 4px solid #fafafa;
margin-bottom: -3px;
padding: 10px 0px;
margin-right: 40px;
}
.pro-description .nav-tabs > li > a:hover {
background: transparent;
border: none;
}
.pro-description .nav-tabs > li.active > a, .pro-description .nav-tabs > li.active > a:focus, .pro-description .nav-tabs > li.active > a:hover {
color: #92278f;
background: transparent;
border: none;
border-bottom: 4px solid #92278f;
}
.pro-description .pro-reviews {
margin-bottom: 30px;
}
.pro-description h4 {
position: relative;
color: #e84b3a;
font-size: 30px;
}
.pro-description h4:before {
position: absolute;
height: 4px;
width: 100px;
left: 0;
bottom: -4px;
background-color: #65ac4c;
}
.pro-description .review-item {
border-bottom: 1px solid #f0f0f0;
padding: 30px 0px;
}
.pro-description .review-item:last-child {
border: none;
}
.pro-description .review-item .image {
height: 80px;
width: 80px;
border-radius: 100%;
overflow: hidden;
float: left;
margin-right: 20px;
}
.pro-description .review-item .image img {
width: 100%;
}
.pro-description .review-item .content {
display: table;
}
.pro-description .review-item .content .title {
overflow: hidden;
}
.pro-description .review-item .content h5 {
font-size: 20px;
font-weight: 700;
float: left;
margin-right: 20px;
color: #f8b600;
}
.pro-description .review-item:nth-child(3) .content h5 {
color: #e84b3a;
}
.pro-description .review-item:nth-child(4) .content h5 {
color: #fc7f0c;
}
.pro-description .review-item:nth-child(5) .content h5 {
color: #92278f;
}
.pro-description .review-item:nth-child(7) .content h5 {
color: #e84b3a;
}
.pro-description .review-item:nth-child(8) .content h5 {
color: #fc7f0c;
}
.pro-description .review-item:nth-child(9) .content h5 {
color: #92278f;
}
.pro-description .review-item .content span {
float: left;
font-size: 15px;
line-height: 34px;
color: #696969;
}
.pro-description .review-item .content .pro-rating {
float: right;
line-height: 18px;
margin-bottom: 10px;
}
.pro-description .review-item p {
margin: 0px;
}
.pro-description .review-form h4 {
color: #92278f;
margin-bottom: 20px;
}
.pro-description .review-form .form-item {
width: 100%;
border: 1px solid #f0f0f0;
border-radius: 3px;
padding: 12px 15px;
margin-bottom: 30px;
outline: none;
font-size: 14px;
color: #696969;
}
.pro-description .review-form span {
float: left;
margin-right: 20px;
font-size: 14px;
color: #696969;
line-height: 3.4;
}
.pro-description .review-form .pro-rating {
line-height: 3.3;
}
.pro-description .review-form button {
font-size: 16px;
font-weight: 700;
font-style: normal;
outline: none;
padding: 18px 26px;
}
.shop-cart .shop-table {
margin-bottom: 60px;
}
.shop-cart table {
border-color: #e4e7e9;
border-radius: 2px;
min-width: 940px;
overflow-X: auto;
}
.shop-cart table thead {
background-color: #92278f;
}
.shop-cart table tr th {
text-align: center;
padding: 15px 30px;
border: none;
font-size: 18px;
font-weight: 600;
line-height: 30px;
color: #fff;
}
.shop-cart table tr .title {
text-align: left;
}
.shop-cart table tr td {
text-align: center;
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: #000000;
border-color: #f0f0f0;
border-right: none;
padding: 30px;
}
.shop-cart table tr td:last-child {
border-right: 1px solid #f0f0f0;
}
.shop-cart table tr .product-thumbnail {
text-align: left;
}
.shop-cart table tr .product-thumbnail .image {
float: left;
margin-right: 20px;
}
.shop-cart table tr .product-thumbnail .content {
display: table;
margin-top: 28px;
}
.shop-cart table tr .product-thumbnail h4 {
font-size: 20px;
line-height: 24px;
}
.shop-cart table tr .product-thumbnail h4 a {
text-decoration: none;
color: #222222;
font-size: 20px;
}
.shop-cart table tr img {
border: 1px solid #f0f0f0;
}
.shop-cart table tr span {
font-size: 20px;
font-weight: 700;
font-style: normal;
line-height: 24px;
color: #222222;
-webkit-transition: .25s;
transition: .25s;
}
.shop-cart table tr .quantity a {
display: block;
color: #222222;
font-size: 16px;
line-height: 36px;
height: 42px;
width: 42px;
border: 1px solid #f0f0f0;
border-radius: 2px;
text-align: center;
float: left;
}
.shop-cart table tr .quantity a:hover {
background-color: #fcb614;
border: 1px solid #fcb614;
color: #fff !important;
}
.shop-cart table tr .quantity input {
color: #222222;
text-align: center;
width: 60px;
float: left;
margin: 0px -1px;
border: 1px solid #f0f0f0;
padding: 5px 8px;
outline: none;
line-height: 30px;
}
.shop-cart table tr .total-cart {
border-right: none;
}
.shop-cart table tr .remove-cart {
width: 120px;
text-align: right;
}
.shop-cart table tr .remove-cart span {
height: 18px;
width: 18px;
background-color: #222222;
display: inline-block;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 18px;
cursor: pointer;
}
.shop-cart table tr:hover .product-thumbnail h4 a, .shop-cart table tr:hover span,
.shop-cart table tr:hover .quantity a, .shop-cart table tr:hover .quantity input {
color: #fcb614;
}
.shop-cart table tr:hover .remove-cart span {
background-color: #fcb614;
color: #fff;
}
.shop-cart table tr .coupon {
float: left;
}
.shop-cart table tr .coupon input:first-child {
width: 285px;
border: 1px solid #f0f0f0;
border-radius: 2px 0px 0px 2px;
padding: 8px 15px;
outline: none;
background-color: transparent;
color: #696969;
font-size: 14px;
line-height: 24px;
font-weight: 400;
float: left;
}
.shop-cart table tr .coupon input:last-child {
background-color: #92278f;
color: #fff;
padding: 9px 26px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
outline: none;
border-radius: 0px 2px 2px 0px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
}
.shop-cart table tr .coupon input:last-child:hover {
background-color: #7e007b;
}
.shop-cart table tr .update {
float: right;
}
.shop-cart table tr .update input {
background-color: #fcb614;
color: #fff;
padding: 9px 26px;
font-weight: 700;
font-size: 16px;
font-style: normal;
line-height: 24px;
outline: none;
border-radius: 2px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
}
.shop-cart table tr .update input:hover {
background-color: #ecb200;
}
.shop-cart table tr .update input:first-child {
color: #fff;
background-color: #92278f;
}
.shop-cart table tr .update input:first-child:hover {
background-color: #7e007b;
}
.shop-cart table tr .update input:last-child {
float: right;
margin-left: 20px;
}
.shop-cart .shipping h4, .shop-cart .cart-total h4 {
font-size: 30px;
line-height: 24px;
color: #fcb614;
margin-bottom: 20px;
}
.shop-cart .shipping select {
font-size: 14px;
color: #696969;
border: 1px solid #f0f0f0;
border-radius: 2px;
padding: 7px 15px;
outline: none;
margin-bottom: 20px;
}
.shop-cart .shipping select:nth-child(2) {
width: 100%;
}
.shop-cart .shipping select:nth-child(3) {
width: 48%;
float: left;
}
.shop-cart .shipping select:nth-child(4) {
width: 48%;
float: right;
}
.shop-cart .shipping input {
background-color: #92278f;
color: #fff;
padding: 8px 26px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
outline: none;
border-radius: 2px;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
}
.shop-cart .shipping input:hover {
background-color: #7e007b;
}
.shop-cart .cart-total h4 {
color: #e84b3a;
}
.shop-cart .cart-total p {
font-size: 14px;
line-height: 32px;
border: 1px solid #f0f0f0;
border-radius: 2px;
color: #696969;
padding: 4px 15px;
margin-bottom: 20px;
}
.shop-cart .cart-total p span {
float: right;
color: #fcb614;
}
/* 19 - Subscribe
----------------------------------------------*/
.subscribe {
background-color: #92278f;
padding: 55px 0px;
position: relative;
}
.subscribe:before {
content: "";
position: absolute;
background-image: url(../../images/section_notch_top.png);
background-repeat: repeat-x;
top: 0;
width: 100%;
height: 7px;
z-index: 1;
}
.subscribe h3 {
color: #fff;
float: left;
}
.subscribe form {
text-align: right;
}
.subscribe form input {
outline: none;
}
.subscribe form input:first-child {
border: 2px solid rgba(255,255,255,.5);
padding: 16px 20px;
background-color: #92278f;
color: #fff;
font-style: normal;
border-radius: 2px;
width: 68%;
float: left;
}
.subscribe form input:last-child {
background-color: #fff;
color: #92278f;
font-size: 16px;
font-style: normal;
font-weight: 700;
padding: 20px 41px;
margin-left: 5px;
}
.subscribe ::-webkit-input-placeholder {
color: #fff;
font-family: 'Lora', serif;
}
.subscribe :-moz-placeholder {
color: #fff;
font-family: 'Lora', serif;
}
.subscribe ::-moz-placeholder {
color: #fff;
font-family: 'Lora', serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
.subscribe :-ms-input-placeholder {
color: #fff;
font-family: 'Lora', serif;
}
.subscribe-two:before {
display: none;
}
/* 20 - 404 Error
----------------------------------------------*/
.error-page {
text-align: center;
}
.error-page .error-content {
text-align: center;
border: 10px solid #ff73ab;
border-radius: 6px;
padding: 20px 30px 36px;
max-width: 950px;
margin: 0 auto;
position: relative;
}
.error-page .error-content:before {
content: url(../../images/error_01.png);
position: absolute;
left: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.error-page .error-content:after {
content: url(../../images/error_02.png);
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.error-page .error-content h2 {
font-style: normal;
font-size: 150px;
line-height: 150px;
color: #d1005a;
}
.error-page .error-content h3 {
font-size: 36px;
color: #32bcf2;
}
.error-page .error-content h3 span {
color: #92278f;
}
.error-page .error-content p {
color: #a40202;
font-size: 18px;
}
/* 21 - Footer
----------------------------------------------*/
footer .footer-top {
padding-top: 50px;
background-image: url(../../images/background/footer-bg.jpg);
background-size: cover;
background-position: center;
}
footer .footer-item .title {
margin-bottom: 30px;
font-size: 30px;
color: #ffc000;
}
footer .footer-top > div > div > div:nth-child(3) .title {
color: #e84b3a;
margin-top:20px;
}
footer .footer-top > div > div > div:nth-child(4) .title {
color: #fc7f0c;
}
footer .footer-item .footer-about ul {
margin: 0px;
}
footer .footer-item .footer-about ul li {
list-style: none;
margin-bottom: 6px;
}
footer .footer-item .footer-about ul li span {
height: 36px;
width: 36px;
text-align: center;
border: 1px solid #f0f0f0;
border-radius: 2px;
display: inline-block;
line-height: 36px;
color: #ffc000;
margin-right: 8px;
}
footer .footer-item .footer-about ul li:nth-child(2) span {
color: #e84b3a;
}
footer .footer-item .footer-about ul li:nth-child(3) span {
color: #fc7f0c;
}
footer .footer-item .footer-about ul li:nth-child(4) span {
color: #92278f;
}
footer .footer-item .footer-post li {
list-style: none;
border-bottom: 1px solid #f7f7f7;
margin-bottom: 20px;
padding-bottom: 20px;
}
footer .footer-item .footer-post li:last-child {
border: none;
margin: 0px;
padding: 0px;
}
footer .footer-item .footer-post .image {
float: left;
margin-right: 8px;
margin-top: 5px;
}
footer .footer-item .footer-post .content {
display: table;
}
footer .footer-item .footer-post .content p {
margin: 0px;
}
footer .footer-item .footer-post .content p a {
text-decoration: none;
color: #707070;
}
footer .footer-item .footer-post .content span {
font-size: 15px;
font-style: normal;
color: #ffc000;
line-height: 18px;
}
footer .footer-item .twitter-post li {
list-style: none;
border-bottom: 1px solid #f7f7f7;
margin-bottom: 20px;
padding-bottom: 20px;
}
footer .footer-item .twitter-post li:last-child {
border: none;
margin: 0px;
padding: 0px;
}
footer .footer-item .twitter-post .icon {
display: inline-block;
float: left;
height: 20px;
width: 20px;
background-color: #ffc000;
color: #fff;
text-align: center;
line-height: 22px;
border-radius: 100%;
font-size: 12px;
margin-right: 20px;
margin-top: 5px;
}
footer .footer-item .twitter-post li:nth-child(2) .icon {
background-color: #e84b3a;
}
footer .footer-item .twitter-post li:nth-child(3) .icon {
background-color: #fc7f0c;
}
footer .footer-item .twitter-post .content {
display: table;
}
footer .footer-item .twitter-post .content p {
margin: 0px;
}
footer .footer-item .twitter-post .content span {
font-size: 15px;
font-style: normal;
color: #e84b3a;
}
footer .footer-item .photos {
margin: -5px;
overflow: hidden;
}
footer .footer-item .photos li {
list-style: none;
float: left;
padding: 5px;
width: 33.33%;
}
footer .footer-item .photos li img {
width: 100%;
}
footer .footer-bottom {
border-top: 1px solid #eeefee;
background-color: #fafafa;
padding: 30px 0px;
}
footer .footer-bottom p {
font-weight: 700;
margin: 0px;
line-height: 40px;
}
footer .footer-bottom p a {
color: #ee257c;
text-decoration: none;
}
footer .footer-bottom .social-default {
float: right;
}
/* 17 - Pre-loader
----------------------------------------------*/
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
overflow: hidden;
}
.no-js #loader-wrapper {
display: none;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #16a085;
-webkit-animation: spin 1.7s linear infinite;
animation: spin 1.7s linear infinite;
z-index: 999;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #e74c3c;
-webkit-animation: spin-reverse .6s linear infinite;
animation: spin-reverse .6s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #f9c922;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin-reverse {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes spin-reverse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #fff;
z-index: 99;
}
#loader-wrapper .loader-section.section-left {
left: 0;
}
#loader-wrapper .loader-section.section-right {
right: 0;
}
/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
}
/*-------------- Thank You ----------------*/
.boxed header,
.boxed section,
.boxed footer {
max-width: 1230px;
width: 100%;
margin: auto;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.boxed .main-menu.menu-fixed {
max-width: 1230px;
margin: auto;
}
.logoC {
margin: 0 auto;
}
.senior-logo-p {
text-align: center;
color: white;
}
.senior-logo {
margin: 0 auto;
}
.regButton {
text-decoration: none !important;
text-transform: uppercase;
display: block;
padding: 6px 6px !important;
font-size: 16px;
color: #ffffff;
border-radius: 5px;
background: #f17e00;
margin-top: 15px;
}
.affiliation {
padding: 6px 6px;
background: #ffc000;
color: #ffffff;
border-radius: 5px;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
.month {
padding: 70px 25px;
width: 100%;
background: #1abc9c;
text-align: center;
}
.month ul {
margin: 0;
padding: 0;
}
.month ul li {
color: white;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px;
}
.month .prev {
float: left;
padding-top: 10px;
}
.month .next {
float: right;
padding-top: 10px;
}
.weekdays {
margin: 0;
padding: 10px 0;
background-color: #ddd;
}
.weekdays li {
display: inline-block;
width: 13.6%;
color: #666;
text-align: center;
}
.days {
padding: 10px 0;
background: #eee;
margin: 0;
}
.days li {
list-style-type: none;
display: inline-block;
width: 13.6%;
text-align: center;
margin-bottom: 5px;
font-size: 12px;
color: #777;
}
.days li .active {
padding: 5px;
background: #1abc9c;
color: white !important
}
/* Add media queries for smaller screens */
@media screen and (max-width:720px) {
.weekdays li, .days li {
width: 13.1%;
}
}
@media screen and (max-width: 420px) {
.weekdays li, .days li {
width: 12.5%;
}
.days li .active {
padding: 2px;
}
}
@media screen and (max-width: 290px) {
.weekdays li, .days li {
width: 12.2%;
}
}
.onlineservjnr{position:fixed; right:0; top:21%; font-size: 13px; z-index: 999 !important; padding:5px 10px;}