/*
Theme Name: REACT
Theme URI: http://forcenine.co.uk
Version: 1.1
Description: Created by Force Nine
Author: Force Nine
Author URI: Force Nine
Tags: light, gray, white, custom-background, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
License: GNU General Public License
License URI: license.txt
Text Domain: forcenine
---------
DO NOT EDIT THIS FILE.
*/
/* @import 'assets/rs-plugin/css/settings.css'; */
/*******************************************************************************/
/* CSS TABLE */
/*******************************************************************************/
/*------------------------------------------------------------------
[Table of contents]
1. Reset Files - REMOVED
2. Bootstrap Style - REMOVED
3. Font Awesome Style - REMOVED
4. HTML
5. Body
6. Table
7. Minimalistic Typography
8. Widget
8.1 Widget Tagcloud
8.2 Widget Search
8.3 Widget Gallery
8.4 Widget Map
9. Elements
9.1 Buttons
9.2 Lists
10. Gallery
10.1 Content Gallery
10.2 Gallery Buttons
11. Carousel
11.1 Owl Arrows
11.2 Owl Content
12. Benfits Section
12.1 Content
12.2 Lists
12.3 Typography
13. Kindergarden Section
13.1 Facilities
13.2 Facilities Typography
13.3 Facilities Lists
14. Smart Class Section
14.1 Section Style
14.2 Typography
14.3 Underline Style
14.4 InfoClass Style
14.4 Title Animation + Style
15. Teachers Section
15.1 Thumbnail Style
15.2 Caption Style
16. Blog
16.1 Margin
16.2 Blog Post Style
16.3 Blog Post Content Style
17. Footer
17.1 Padding and Margins
17.2 About Us Section Style
17.3 Widget
17.4 Typography
17.4 Content
17.5 ChildTxt Style
18. About Section
18.1 Banner Style
19. Progres Bar Style
20. Entertaining Style
21. Accordion
21.1 Panel Group Style
21.2 Panel Heading Style
22. Blog1 Style
22.1 Sidebar Style
22.2 Search Widget Style
22.3 Icon Style
22.4 Featured Post Style
23. Blog Layout
23.1 Article Content Style
23.2 Tag Style
23.3 Comment Style
24. Classe
24.1 Testimonials Style
25. Single Teacher
25.1 Typography
25.2 Single Teacher Bar Style
25.3 Account List
25.4 Progress Bar Style
26. Services
26.1 Circles Style
26.2 Icons Style
26.3 Pricing Tables
27. Shop
27.1 Shop Gallery Style
28. Pricing Plans
28.1 Paddings/Margins
28.2 Content Style
29.Contact
29.1 Typography
29.2 Icons Style
30. Single Shop
30.1 Quantity Style
30.2 Input Style
30.3 Minus/Plus Icons Style
30.4 Cart BUtton Style
31. Last CSS
31.1 Revolution Slider
31.1.1 Banner Sliders Style
31.1.2 Typography Style
31.2 Google Map
31.3 Media Querry Style
-------------------------------------------------------------------*/
/*******************************************************************************/
/* END CSS TABLE */
/*******************************************************************************/
/* Font Variables */
/*Theme Color*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
/* font-size: 1rem;
font: inherit;
font-family: Arial, sans-serif;*/
/*font-weight: 300;*/
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
/*
ol,
ul {
padding-left: 2rem;
}
ul {
list-style-type: square;
}
ol {
list-style-type: decimal;
}
*/
/*Force Nine */
ul{list-style:none;}
body {
line-height: 1;
}
blockquote > p:before,
blockquote > p:after,
q > p:before,
q > p:after {
content: '"';
margin: 0 3px;
}
dd {
margin-bottom: 1rem;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* p:last-child {
margin-bottom: 0;
}
img {
height: auto;
max-width: 100%;
}
*,
*:focus,
*:active {
outline: none;
}
*/
/* REMOVED - NOMALISE */
/* REMOVED - BOOTSTRAP */
/* REMOVED - FONT AWESOME */
html {
overflow-x: hidden;
background-color: #fff;
background-attachment: fixed;
background-position: center center;
background-size: cover;
height: 100%;
}
html body {
background-color: #fff;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
font-family: Arial, sans-serif;
font-weight: 300;
font-size: 1.4rem;
line-height: 2.1rem;
/*color: #000;*/
color: #333;
position: relative;
z-index: 1;
min-height: 100%;
}
html body p {
font-family: Arial, sans-serif;
font-weight: 300;
font-size: 1.4rem;
line-height: 2.1rem;
/*color: #000;*/
color: #333;
margin-bottom: 1.5rem;
}
table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #dddddd;
}
table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
border-top: 0;
}
table > tbody + tbody {
border-top: 2px solid #dddddd;
}
a {
/*color: #fa6f57;*/
text-decoration: none;
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
a:focus {
text-decoration: none;
}
p em {
font-style: italic;
}
p strong {
font-weight: 600;
}
p small {
font-size: 1.6rem;
}
p h1,
p h2,
p h3,
p h4,
p h5,
p h6 {
padding: 0;
}
.widget {
margin-bottom: 3rem;
}
.widget > h3 {
margin-bottom: 1.4rem;
font-family: Arial, sans-serif;
font-weight: 300;
border-bottom: 1px solid #ddd;
padding-bottom: 1rem;
color: grey;
}
.widget > h3 a {
color: grey;
}
.widget > h3 a:hover {
text-decoration: none;
}
.widget > h3 a img {
margin: 0;
}
/*.widget img {
margin-bottom: 1rem;
margin-top: 1rem;
}*/
.widget img {
margin-bottom: 1rem;
margin-top: 0.6rem;
}
.widget .navbar-form {
padding: 0;
float: none !important;
}
.widget .navbar-form .form-group {
width: 100%;
}
.widget .navbar-form .form-group input[type=text] {
width: 100%;
margin-bottom: 1rem;
}
.widget .wp-caption {
margin-bottom: 1rem;
}
.widget .wp-caption img {
margin-bottom: 0;
margin-top: 0;
}
.widget .tagcloud a {
color: grey;
font-size: 1.4rem !important;
font-weight: 400;
display: inline-block;
padding: 0.3rem 0.7rem;
margin-bottom: 0.4rem;
border: 1px solid #ddd;
}
.widget .tagcloud a:hover {
text-decoration: none;
}
.widget ul {
margin-bottom: 0;
}
.widget ul li a {
color: grey;
font-size: 1.4rem;
font-weight: 400;
}
.widget ul li a:hover {
text-decoration: none;
}
.widget ul li ul {
padding-left: 1rem;
}
.widget select {
width: 100%;
font-weight: 400;
padding: 0.5rem 0.6rem;
border-radius: 2px;
border: 1px solid #ddd;
}
.widget table tbody > tr * {
text-align: center;
}
.widget table tbody > tr > td {
line-height: 1;
}
.widget table tbody > tr > td * {
text-align: center;
}
.widget table a {
color: grey;
font-size: 1.4rem;
font-weight: 400;
}
.widget table a:hover {
text-decoration: none;
}
.purchaseSection {width: 100%;}
.purchaseSection .col-lg-8 {}
.purchaseSection .col-lg-4 {}
.information {
padding-top:3.5rem;
padding-bottom:2rem;
padding-right:7.5rem;
}
.information h2 {
font-size: 3.2rem;
font-weight: normal;
margin-bottom:6px;
}
.information p {
font-size: 1.5rem;
}
.purchaseButton {
/*background: #a48be1;*/
padding-top:4.5rem;
padding-bottom:4.5rem;
}
.purchaseButton .vc_button-2-wrapper{
width: 100%;
text-align: center;
}
.purchaseButton .btn-purchase {
width: 23.5rem;
border: 0.2rem solid #fff;
border-radius:7px !important;
text-transform:capitalize;
padding: 1.4rem;
font-size: 2.2rem;
color: #fff !important;
background: #a48be1;
margin-left:auto;
margin-right:auto;
}
.purchaseButton button:hover {
text-decoration: none;
color: #fff;
}
.purchaseButton:hover {
background: #ac94e9;
cursor: pointer;
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
/*******************************************************************************/
/* PRESENTATION */
/*******************************************************************************/
.presentation {
padding: 0;
}
.presentation ul {
padding: 0;
list-style: none;
}
.presentation .lists-feature .wpb_column{
float: left;
text-align: left;
padding-bottom: 88px;
padding-right: 3rem;
}
.presentation .wpb_column h3 {
margin-left: 11rem;
font-family: Arial, sans-serif;
font-size: 1.9rem;
font-weight: 400;
color: #565c64;
}
.presentation .wpb_column p {
margin-left: 11rem;
font-family: Arial, sans-serif;
font-size: 1.6rem;
font-weight: 400;
color: #9ca5b2;
}
.presentation .wpb_column img {
/*margin-top: 1.2rem;*/
width: 8.6rem;
height: 8.6rem;
float: left;
}
/*.presentation .list-small-features {
margin-top: 110px;
}*/
/*******************************************************************************/
/* GALLERY */
/*******************************************************************************/
.gallerySection {
/*background-image: url(images/content/bgk1.jpg);*/
background-size: cover;
text-align: center;
background-attachment: fixed;
border-top: 0.1rem solid #ececec;
border-bottom: 0.1rem solid #ececec;
}
.single-classes .gallerySection {
border-bottom: none;
margin-bottom: 12rem !important;
}
.gallerySection ul {
list-style: none;
}
.categories {
position: relative;
text-align: center;
}
.categories ul {
padding: 0;
margin: 0;
}
.categories ul li {
margin-bottom: 6rem;
margin-right: 2rem;
display: inline-block;
}
.categories ul li a {
width: 12.3rem;
display: block;
padding: 0.5rem;
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 1.4rem;
color: #f9fafb;
border: 1px solid #fa6f57;
/*background: #fa6f57;*/
text-decoration: none;
}
.categories ul li a:hover {
background: #4cc3e9;
border: 1px solid #4cc3e9;
}
.wrapper-article img {
max-width: 100%;
height: auto;
display: inline-block;
}
.titleGallery {
padding: 0;
}
.titleGallery h1 {
margin-top: 11.8rem;
color: #45555f;
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 3rem;
}
.titleGallery p {
margin: 4rem 0;
color: #9ca5b2;
font-weight: 400;
font-family: Arial, sans-serif;
font-size: 1.5rem;
}
.contentGallery{
margin: 15px 0 0;
}
.contentGallery ul {
padding: 0;
margin-bottom: 0;
}
.contentGallery ul li {
margin-right: -1px;
padding-bottom: 1rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
overflow: hidden;
}
.contentGallery ul li:hover a h3 {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.contentGallery ul li a {
display: block;
position: relative;
}
.contentGallery ul li a h3 {
position: absolute;
top: 0;
left: 0;
background: rgba(255, 111, 87, 0.8);
color: #fff;
font-family: Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
margin: 0;
width: 100%;
padding: 2rem;
visibility: hidden;
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.contentGallery ul li a h3 i {
position: absolute;
bottom: -1.2rem;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 1.9rem;
height: 1.9rem;
z-index: 1;
}
.contentGallery ul li a h3 i:after {
position: absolute;
z-index: -1;
bottom: -1.3rem;
left: 0;
content: '';
width: 0;
height: 0;
border-color: transparent transparent rgba(255, 111, 87, 0.8) rgba(255, 111, 87, 0.8);
border-width: 2.5rem;
border-style: solid;
display: block;
border-radius: 3.3rem;
-webkit-transform: translateX(-30%) rotate(-45deg);
-moz-transform: translateX(-30%) rotate(-45deg);
-o-transform: translateX(-30%) rotate(-45deg);
-ms-transform: translateX(-30%) rotate(-45deg);
transform: translateX(-30%) rotate(-45deg);
}
.contentGallery .moreButton img {
margin-left: -18rem;
padding-right: 4rem;
margin-bottom: 3rem;
}
.contentGallery .moreButton .button {
display: inline-block;
margin-bottom: 12rem;
color: #f9fafb;
font-family: Arial, sans-serif;
font-size: 2.4rem;
margin-top: 9.6rem;
/*background: #fa6f57;*/
text-decoration: none;
width: 35.3rem;
height: 6.5rem;
text-align: center;
border-style: none;
padding-top: 2rem;
border-bottom: 4px solid #eb5136;
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
.contentGallery .moreButton .button span {
color: #c03118;
font-weight: 400;
}
.contentGallery .moreButton .button:hover {
border-bottom: 0 solid #eb5136;
}
/*******************************************************************************/
/* PRESENTATION */
/*******************************************************************************/
/*1. Carousel*/
.carouselPresentation .owl-prev {
position: absolute;
top: 50%;
left: 1rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.carouselPresentation .owl-next {
position: absolute;
top: 50%;
right: 0.9rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.carouselPresentation .owl-prev,
.carouselPresentation .owl-next {
/*background: #fa6f57 !important;*/
font-size: 1.4rem!important;
opacity: 1!important;
border-radius: 0!important;
height: 4.4rem;
line-height: 4rem;
}
.carouselPresentation .owl-prev:hover,
.carouselPresentation .owl-next:hover {
background: #7f7f7f!important;
}
/*2. Benefits*/
.presentationContent {
/* margin-top: 11.5rem;*/
margin-top: 7.5rem;
margin-bottom: 7.5rem;
}
/* Home Page - Overide */
.presentationContent .col-sm-7, .presentationContent .col-sm-5{padding-left:15px; padding-right:15px;}
.benefitsContent {}
.benefitsContent h3 {
font-size: 2.7rem;
font-weight: 400;
margin-bottom: 3.4rem;
/* background:#096;*/
}
.benefitsContent p {}
.benefits ul {
padding: 0;
list-style: none;
}
.benefits ul li {
list-style: none;
margin-top: 5rem;
padding: 0;
padding-right:15px;
}
.benefits ul li i {
float: left;
margin-top: 0.3rem;
}
.benefits ul li i:hover {
/* color: #b53017;*/
}
.benefits ul li h4 {
font-size: 1.8rem;
margin-left: 5rem;
margin-bottom:10px;
}
.benefits ul li p {
/* font-size: 1.4rem;*/
margin-left: 5rem;
}
/*******************************************************************************/
/* KINDERGARDEN FACILITIES */
/*******************************************************************************/
.kindergardenFacilities {
margin-top: 12.5rem;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 14px !important;
padding-top: 78px;
padding-bottom: 12rem;
}
.kindergardenFacilities h2 {
color: #fff;
font-size: 2.7rem;
font-weight: 700;
font-family: Arial, sans-serif;
margin-bottom: 3rem;
}
.kindergardenFacilities p {
color: #f6f8f7;
font-size: 1.6rem;
font-family: Arial, sans-serif;
font-weight: 700;
}
.kindergardenFacilities ul {
padding: 0;
list-style: none;
}
.kindergardenFacilities ul li {
padding: 0;
list-style: none;
margin-top: 4.5rem;
margin-bottom: -2.5rem;
}
.kindergardenFacilities ul li i {
position: relative;
top: 2rem;
right: 2rem;
font-size: 2.4rem;
color: #fff;
float: left;
border: 20px solid#fa6f57;
border-radius: 100%;
background: #fa6f57;
}
.kindergardenFacilities ul li i:hover {
color: #b53017;
}
.kindergardenFacilities ul li h3 {
margin-left: 2.2rem;
color: #fff;
font-size: 1.8rem;
font-family: Arial, sans-serif;
font-weight: 700;
}
.kindergardenFacilities ul li p {
margin-left: 6.2rem;
color: #f6f8f7;
font-size: 1.5rem;
font-family: Arial, sans-serif;
font-weight: 400;
}
/*******************************************************************************/
/* REACT - PINK - CHALLENGE BOX [Force Nine] */
/*******************************************************************************/
.challenge-box{padding-top:3rem; padding-bottom:3rem; border-top:1px dotted #DD2396;}
.challenge-box .vc_col-sm-4, .challenge-box .vc_col-sm-8{padding-left:15px!important; padding-right:15px!important;}
.challenge-box .vc_col-md-4, .challenge-box .vc_col-md-8{padding-left:15px!important; padding-right:15px!important;}
.challenge-box h3{padding-bottom:1.5rem; padding-top:0!important;}
.challenge-box ul{list-style:none;}
.challenge-box ul li span{margin-right:20px;}
.trustees-box{padding-top:3rem; padding-bottom:3rem; border-top:1px dotted #00953A;}
.trustees-box .vc_col-sm-3, .trustees-box .vc_col-sm-9{padding-left:15px!important; padding-right:15px!important;}
.trustees-box .vc_col-md-3, .trustees-box .vc_col-md-9{padding-left:15px!important; padding-right:15px!important;}
.trustees-box h3{padding-bottom:1.5rem; padding-top:0!important;}
.how-react-help-box{padding-bottom:3rem;}
.how-react-help-box .vc_col-md-12{padding-left:15px!important; padding-right:15px!important; padding-bottom:30px!important; }
.in-the-press-box{padding-top:3rem; padding-bottom:3rem; border-top:1px dotted #00A0DF;}
.in-the-press-box .col-sm-3, .in-the-press-box .col-sm-9{padding-left:15px!important; padding-right:15px!important;}
.in-the-press-box .col-md-3, .in-the-press-box .col-md-9{padding-left:15px!important; padding-right:15px!important;}
.in-the-press-box h3.title-overide{padding-bottom:1.5rem; padding-top:0!important;}
.in-the-press-box ul{list-style:none;}
.in-the-press-box ul li span{min-width:85px; margin-right:20px; display:inline-block;}
/*******************************************************************************/
/* SMART CLASS */
/*******************************************************************************/
.sectionPadding {
background-position: center center;
background-attachment: fixed;
padding-top: 12.2rem;
padding-bottom: 12.2rem;
border-top: 0.1rem solid #ececec;
border-bottom: 0.1rem solid #ececec;
}
.sectionPadding h2 {
font-size: 3rem;
/*color: #45555f;*/
font-weight: 400;
text-align: center;
}
.sectionPadding p {
font-weight: 400;
/*color: #9ca5b2;*/
font-size: 1.5rem;
text-align: center;
}
.sectionPadding .underline {
display: block;
position: relative;
width: 30.43rem;
height: 0.2rem;
margin: 2rem auto 0;
background: #dfdfdf;
margin-bottom: 2.5rem;
}
.sectionPadding .underline .line {
display: block;
position: relative;
width: 6rem;
height: 0.2rem;
left: 50%;
margin-left: -3rem;
/*background: #fa6f57;*/
}
/* Force Nine - Standard Section Padding */
.sectionPaddingStd{
padding-top: 5.2rem;
padding-bottom: 5.2rem;
}
.sectionPaddingStd .sectionTitle{/*background:#069;*/}
.sectionPaddingStd .sectionTitle h2 {
font-size: 3rem;
font-weight: 400;
text-align: center;
}
.sectionPaddingStd .sectionTitle p {
font-weight: 400;
font-size: 1.5rem;
text-align: center;
}
.sectionPaddingStd .sectionTitle .underline {
display: block;
position: relative;
width: 30.43rem;
height: 0.2rem;
margin: 2rem auto 0;
background: #dfdfdf;
margin-bottom: 2.5rem;
}
.sectionPaddingStd .sectionTitle .underline .line {
display: block;
position: relative;
width: 6rem;
height: 0.2rem;
left: 50%;
margin-left: -3rem;
background: #fa6f57;
}
.smartClass {
margin-top: 6rem;
}
.smartClass h3 {
padding: 0;
margin: 0;
font-size: 1.5rem;
font-family: Arial, sans-serif;
font-weight: 400;
color: #ffffff;
}
.smartClass h3 a {
position: relative;
display: block;
font-weight: 400;
padding: 1.6rem;
padding-left: 5.5rem;
text-decoration: none;
color: #fff;
background: #fb8c79;
cursor: default;
}
.smartClass h3 a i {
display: block;
top: 0;
height: 100%;
position: absolute;
left: 0;
/*background: #fa6f57;*/
padding: 1.4rem;
font-size: 1.7rem;
color: #fff;
}
.smartClass h3 a i:hover {
color: #b53017;
}
.smartClass .infoClass {
padding: 1.5rem;
color: #fff;
padding-right: 9rem;
/*background: #fa6f57;*/
position: relative;
}
.smartClass .infoClass p {
text-align: left;
color: #fff;
}
.smartClass .infoClass ul {
margin-bottom: 0;
list-style: none;
padding: 0;
}
.smartClass .infoClass ul li {
float: left;
margin-right: 2rem;
}
.smartClass .infoClass ul li:last-child {
margin-right: 0;
}
.smartClass .infoClass ul li span {
text-transform: uppercase;
color: #b53017;
font-weight: 400;
}
.smartClass .infoClass > a {
display: block;
background: #b53017;
text-align: center;
color: #fff;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 5rem;
}
.smartClass .infoClass > a i {
position: absolute;
top: 50%;
font-size: 1.5rem;
margin-top: -0.75rem;
margin-left: -0.4rem;
}
.sectionTitle:hover .underline .line {
animation-name: slide;
-webkit-animation-name: slide;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes slide {
0% {
transform: translateX(0px);
}
20% {
transform: translateX(60px);
}
40% {
transform: translateX(-60px);
}
60% {
transform: translateX(60px);
}
80% {
transform: translateX(-60px);
}
100% {
transform: translateX(0px);
}
}
@-webkit-keyframes slide {
0% {
-webkit-transform: translateX(0px);
}
20% {
-webkit-transform: translateX(60px);
}
40% {
-webkit-transform: translateX(-60px);
}
60% {
-webkit-transform: translateX(60px);
}
80% {
-webkit-transform: translateX(-60px);
}
100% {
-webkit-transform: translateX(0px);
}
}
@-moz-keyframes slide {
0% {
-moz-transform: translateX(0px);
}
20% {
-moz-transform: translateX(60px);
}
40% {
-moz-transform: translateX(-60px);
}
60% {
-moz-transform: translateX(60px);
}
80% {
-moz-transform: translateX(-60px);
}
100% {
-moz-transform: translateX(0px);
}
}
@-o-keyframes slide {
0% {
-o-transform: translateX(0px);
}
20% {
-o-transform: translateX(60px);
}
40% {
-o-transform: translateX(-60px);
}
60% {
-o-transform: translateX(60px);
}
80% {
-o-transform: translateX(-60px);
}
100% {
-o-transform: translateX(0px);
}
}
/*******************************************************************************/
/* TEACHERS */
/*******************************************************************************/
.thumbnail {
background: none;
border: none;
border-radius: none;
text-align: center;
}
.thumbnail img {
border-radius: 100%;
height: 24.5rem;
width: 24.5rem;
}
.thumbnail .caption h3 {
margin-top: 2.5rem;
font-family: Arial, sans-serif;
font-weight: 700;
font-size: 2rem;
/*color: #fa6f57;*/
margin-bottom: 2.5rem;
}
.thumbnail .caption p {
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 1.5rem;
color: #9ca5b2;
}
.thumbnail .caption p a {
margin-top: 1.5rem;
display: inline-block;
padding: 1rem;
border-radius: 0;
background: #fb644e;
border: none;
font-size: 1.5rem;
font-weight: 400;
color: #ffffff;
border-bottom: 0.3rem solid #d5432e;
padding-right: 2.5rem;
padding-left: 2.5rem;
}
.thumbnail figure {
position: relative;
}
.thumbnail figure figcaption {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
top: 50%;
color: #fff;
font-size: 1.7rem;
position: absolute;
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
.thumbnail figure figcaption i {
background: rgba(255, 111, 87, 0.8);
padding: 1rem;
margin-right: 0.3rem;
margin-left: 0.3rem;
}
.thumbnail figure figcaption a {
color: #fff;
}
.thumbnail:hover figure figcaption {
opacity: 1;
}
/*******************************************************************************/
/* NEWS BLOG */
/*******************************************************************************/
.blogPost {
margin-top: 6.3rem;
}
.blogPost img {
width: 100%;
}
.blogPost .blogContent {
padding: 2.5rem;
/*background: #fa6f57;*/
}
.blogPost .blogContent p {
font-family: Arial, sans-serif;
/*font-weight: 400;*/
font-size: 1.4rem;
/*color: #fff;*/
text-align: left;
display:block;
min-height:100px;
overflow:none;
/*background:#C90;*/
}
.blogPost .blogContent h3 {
margin-top: 0;
}
.blogPost .blogContent h3 a {
color: #b53017 /*!important*/;
font-size: 1.8rem!important;
font-family: Arial, sans-serif !important;
font-weight: 400!important;
text-decoration: none!important;
text-transform: inherit!important;
}
/* Force Nine
.blogPost .blogContent h3 a:hover {
color: 'Lato', sans-serif;
}
*/
.blogPost .blogContent ul {
list-style: none;
padding: 0;
border-bottom: 1px solid #b53017;
padding-bottom: 1.8rem;
margin-bottom: 1.8rem;
}
.blogPost .blogContent ul li {
color: white;
float: left;
margin-left: 1rem;
}
.blogPost .blogContent ul li:first-child {
margin-left: 0;
}
.blogPost .blogContent ul li i {
margin-right: 0.7rem;
color: #b53017;
}
.blogPost .blogContent ul li a {
color: #fff;
font-size: 1.2rem;
font-weight: 400;
font-family: Arial, sans-serif;
text-decoration: none;
cursor: default;
}
.blogPost .blogContent > a {
display: block;
padding: 1.5rem;
background: #ec5538;
color: #fff;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 1.3rem;
}
/*******************************************************************************/
/* FOOTER */
/*******************************************************************************/
footer {
padding-bottom: 7rem;
}
/*******************************************************************************/
/* BANNER */
/*******************************************************************************/
.bannerTxt {
text-align: center;
}
.bannerTxt h1 {
font-size: 5rem;
font-weight: 700;
font-family: Arial, sans-serif;
/*color: #fa6f57;*/
text-transform: uppercase;
/*margin-top: -3rem;*/
margin-top:0;
margin-bottom: 2.5rem;
}
.bannerTxt p {
font-family: Arial, sans-serif;
font-weight: 700;
/* color: #434a54; */
font-size: 1.4rem;
text-transform: uppercase;
}
.bannerTxt ul {
padding: 0;
list-style: none;
}
.bannerTxt ul li {
float: left;
margin-right: 3rem;
}
.bannerTxt ul li a,.bannerTxt nav a {
position: relative;
font-family: Arial, sans-serif;
font-size: 1.4rem;
color: #434a54!important;
font-weight: 600;
text-decoration: none;
display: block;
}
.bannerTxt ul li a i,.bannerTxt nav i {
left: 1rem;
/*color: #fa6f57;*/
font-size: 1.8rem;
position: relative;
}
.bannerTxt .bannerList,.bannerTxt nav {
margin-top: 4rem;
/* Firefox */
display: -moz-box;
-moz-box-pack: center;
-moz-box-align: center;
/* Safari and Chrome */
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
/* W3C */
display: box;
box-pack: center;
box-align: center;
}
.bannerTxt nav i{
margin-right:25px;
}
.about h3,
.about p {
text-align: inherit;
}
/*******************************************************************************/
/* PROGRESS BAR */
/*******************************************************************************/
.progressBar .col-sm-4 {
padding: 0;
padding-right: 6rem;
}
.progressBar h3 {
margin-top: 8rem;
font-size: 2rem;
font-family: Arial, sans-serif;
color: #45555f;
font-weight: 400;
padding-bottom: 2rem;
border-bottom: 0.1rem solid #eeeeee;
}
.progressBar p {
margin-top: 3rem;
font-size: 1.4rem;
font-family: Arial, sans-serif;
font-weight: 400;
color: #45555f;
}
.progressBar .progress {
height: 1rem!important;
margin-top: 1rem;
}
.progressBar .singleTeacherBar span {
/* color: #434a54; */
font-size: 1.4rem;
line-height: 2rem;
font-family: Arial, sans-serif;
font-weight: 400;
margin-bottom: 1rem;
}
.progressBar .singleTeacherBar .percent {
float: right;
}
/*******************************************************************************/
/* ENTERTAINING */
/*******************************************************************************/
.entertaining {
background-attachment: fixed;
}
.entertaining ul {
list-style: none;
padding: 0;
}
.entertaining ul li {
float: left;
padding-right: 4rem;
padding-bottom: 10rem;
}
.entertaining ul li i {
position: relative;
top: 2rem;
right: 2rem;
font-size: 2.4rem;
color: #fff;
float: left;
border: 20px solid#fa6f57;
border-radius: 100%;
/*background: #fa6f57;*/
}
.entertaining ul li i:hover {
color: #b53017;
}
.entertaining ul li h3 {
margin-left: 2.2rem;
/* color: #434a54; */
font-size: 1.8rem;
font-family: Arial, sans-serif;
font-weight: 400;
}
.entertaining ul li p {
margin-left: 6.2rem;
color: #9ca5b2;
font-size: 1.5rem;
font-family: Arial, sans-serif;
font-weight: 400;
}
.entertWrapper {
padding-top: 10rem;
padding-bottom: 1.5rem;
}
/*******************************************************************************/
/* ACCORDION */
/*******************************************************************************/
.panel-group .panel {
border-radius: 0;
border-color: #ededed;
border-width: 0.1rem;
margin-bottom: 1rem;
}
.panel-group .panel h4 a {
font-weight: 400;
font-size: 1.4rem;
font-family: Arial, sans-serif;
color: #444444;
text-decoration: none;
}
.panel-group .panel p {
font-weight: 400;
font-family: Arial, sans-serif;
color: #848484;
font-size: 1.4rem;
}
.panel-group .panel .panel-heading {
background: #f9f9f9;
}
.panel-group .panel .panel-heading a {
display: block;
}
.panel-group .panel .panel-heading a i {
margin-right: 1rem;
font-size: 1.6rem;
}
.panel-group .panel .panel-heading a.collapsed i:before {
content: "\f18e";
}
/*******************************************************************************/
/* BLOG1 */
/*******************************************************************************/
/*
.widget h5 {
position: relative;
font-family: Arial, sans-serif;
font-weight: 700;
font-size: 1.9rem;
text-transform: uppercase;
margin-bottom: 4rem;
padding-bottom: 4rem;
}
.widget h5:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 0.2rem;
margin: 2rem auto 0;
background: #dfdfdf;
bottom: 0;
left: 0;
}
.widget h5:after {
bottom: 0;
content: '';
display: block;
position: absolute;
width: 10rem;
height: 0.2rem;
left: 30px;
margin-left: -3rem;
}
*/
/*
.sidebarGallery ul {
margin-left: -0.6rem;
margin-right: 0;
}
.sidebarGallery ul li {
padding-left: 0.8rem;
width: 33.333333333333333%!important;
padding-right: 0;
padding-bottom: 0.4rem;
}
.sidebarGallery ul li a {
display: block;
}
.sidebarGallery ul li a img {
width: 100%;
}
*/
/*******************************************************************************/
/*BLOG LAYOUT */
/*******************************************************************************/
.blog-article-content {
margin-bottom: 3rem;
overflow: hidden;
}
.blog-article-content a {
transition: all 0.2s linear 0s;
text-decoration: none;
}
.blog-article-content a:hover {}
.blog-article-content a h3 {
margin: 3rem 0 3rem 0;
font-size: 1.9rem;
font-weight: 700;
line-height: 2rem;
}
.blog-article-content a h2 {
margin: 3rem 0 2rem 0;
font-size: 2.3rem;
line-height: 2rem;
}
.blog-article-content a:hover h2 {color:#333;}
.blog-article-content ul.meta {
list-style: none;
padding: 0;
padding-bottom: 1.8rem;
margin-bottom: -2rem;
}
.blog-article-content ul.meta li {
float: left;
margin-left: 2rem;
padding-right: 2rem;
}
.blog-article-content ul.meta li:first-child {
margin-left: 0;
}
.blog-article-content ul.meta li i {
margin-right: 0.7rem;
}
.blog-article-content ul.meta li a {
font-size: 1.3rem;
display: inline-block;
font-weight: 400;
text-decoration: none;
cursor: default;
}
.blog-article-content p {
/*margin-top: 2.5rem;*/
text-align: left;
}
.blog-article-content p a:hover{
text-decoration:underline;
}
.blog-article-content blockquote {
position:relative;
border: none;
padding-bottom:2.5rem;
}
.blog-article-content blockquote i{
display:block;
float:left;
padding-right:25px;
padding-bottom:30px;
padding-top:10px;
}
.blog-article-content blockquote p {
line-height: 2.5rem;
display:block;
color:#666;
}
/*
.blog-article-content blockquote p:before {
position: absolute;
content: url('images/content/quote1.png');
width: 1.1rem;
height: 1.1rem;
left: 0.2rem;
top: 5.7rem;
}
.blog-article-content blockquote p:after {
position: absolute;
content: url('images/content/quote2.png');
width: 1.1rem;
height: 1.1rem;
right: 1.3rem;
bottom: 6.6rem;
}
*/
/*
.blog-article-content .readMore {
margin-top: 2rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 400;
font-family: Arial, sans-serif;
}
.blog-article-content .readMore i {
font-size: 1.5rem;
position: relative;
left: 0.5rem;
}
.blog-article-content .readMore:hover {
font-style: italic;
}
*/
.article-pagination {
/*border-top: 0.1rem solid #ececec;*/
text-align:center;
}
.article-pagination ul {
padding: 0;
list-style: outside none none;
}
.article-pagination ul li {
display: inline-block;
margin-right: 0.5rem;
margin-top: 1rem;
padding-top: 2rem;
padding-bottom: 2rem;
}
.article-pagination ul li a,
.article-pagination ul li span {
background-color:#CCC;
display: block;
font-size: 1.5rem;
line-height: 3.3rem;
width: 3.5rem;
height: 3.5rem;
color: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.2s linear 0s;
}
.article-pagination ul li a:hover,
.article-pagination ul li span:hover {
background-color: #ECECEC;
color:#333;
}
.blogTags {
margin: 5rem 0;
border-top: 0.1rem solid #e5e5e5;
border-bottom: 0.1rem solid #e5e5e5;
padding: 3rem 0;
}
.blogTags span{
margin-right:20px;
}
.blogTags a {
display: inline-block;
margin-right: 0.6rem;
margin-bottom: 0.6rem;
text-decoration: none;
text-transform: uppercase;
padding: 0.7rem 1rem;
color: #ffffff;
font-size: 1.2rem;
font-weight: 400;
border: 0.1rem solid #fa6f57;
background-color: #fa6f57;
}
.blogTags a:hover {
color: #fff;
}
.comment-container {
margin-top: -5.7rem;
}
.comment-container ul li {
background: #f6f7f7;
/*
padding-top: 3.2rem;
padding-right: 3rem;
padding-bottom: 3rem;
*/
padding:30px;
margin-left: 0;
margin-bottom: 3rem;
border: 1px solid #f2f2f2;
}
.comment-container ul li .comment {
margin: 0!important;
}
/*Avatar*/
.comment-container ul li .comment .left-section img {
border-radius: 0!important;
/*margin-left: 2rem;*/
margin-left:30px;
/* padding-right:10px;*/
}
.comment-container ul li .comment .right-section .time-comment {
float: right;
font-size: 1.3rem!important;
font-weight: 400!important;
}
.comment-container ul li .comment .right-section .name-comment {
float: left;
padding-left:30px;
}
.comment-container ul li .comment .right-section .name-comment a {
font-weight: 400!important;
font-size: 1.5rem!important;
display: block!important;
text-transform: inherit!important;
}
.comment-text p {
font-size: 1.5rem!important;
color: #666 !important;
font-weight: 400!important;
line-height: 2.5rem!important;
margin-top:7px;
padding-bottom:5px;
padding-left:30px;
}
.comment-text{padding-bottom:20px;}
/*.comment-respond {
margin-top: -3.3rem !important;
}*/
.comment-respond p {
border: inherit!important;
/*background-color: #f68976;*/
}
.comment-respond textarea {
border: 1px solid #f2f2f2!important;
border-radius: 0.5rem!important;
background: #f6f7f7!important;
padding: 0.7rem 1.5rem!important;
color: #9ca5b2 !important;
text-transform: none!important;
width: 100%!important;
margin-bottom: 2rem;
padding-top: 2rem!important;
margin-top: 3rem;
}
.comment-respond form textarea::-webkit-input-placeholder {
/* WebKit browsers */
font-weight: 400;
color: #9ca5b2;
font-size: 1.5rem;
}
.comment-respond form textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
font-weight: 400;
color: #9ca5b2;
font-size: 1.5rem;
}
.comment-respond form textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
font-weight: 400;
color: #9ca5b2;
font-size: 1.5rem;
}
.comment-respond form textarea:-ms-textarea-placeholder {
/* Internet Explorer 10+ */
font-weight: 400;
color: #9ca5b2;
font-size: 1.5rem;
}
.comment-respond ul {
list-style: none!important;
padding: 0!important;
}
.comment-respond ul li {
border: none!important;
width: 48%!important;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.3rem;
color: #9ca5b2;
}
.comment-respond ul li input {
border: 1px solid #f2f2f2!important;
border-radius: 0.5rem!important;
background: #f6f7f7!important;
padding: 0.7rem 1.5rem!important;
color: #9ca5b2 !important;
text-transform: none!important;
width: 100%!important;
height: 5rem;
}
.form-submit {
float: left;
border-radius: 0!important;
}
.comment-form-theme .form-submit input[type=submit],
.comments .comment-respond .form-submit input[type=submit] {
font-size: 1.5rem!important;
font-weight: 400!important;
color: #ffffff!important;
line-height: 1.3rem!important;
float: left;
padding-top: 2rem!important;
padding-bottom: 2rem!important;
border-radius: 0!important;
background:#C90!important;
}
.comment-form-theme .form-submit input:hover[type=submit],
.comments .comment-respond .form-submit input:hover[type=submit] {
background:#000!important;
}
/*******************************************************************************/
/* CLASSE */
/*******************************************************************************/
.box-testimonial {
/* margin: 6.5rem 0; */
}
.testimonial-widget{ min-height:480px;}
.testimonial {
padding: 7.3rem 5rem /*1.5rem*/ 0 5rem;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.testimonial .lead{
color:#FFF;
font-size: 3.8rem;
line-height: 4.3rem;
font-style: italic;
font-weight: 300;
}
.testimonial .lead i{font-size: 2.9rem;}
.testimonial .lead i.fa-quote-left{ margin-right:15px; margin-top:-20px;}
.testimonial .lead i.fa-quote-right{ margin-left:15px;}
.testimonial-thumbnail{}
.testimonial-name{}
.testimonial-name h5{font-size: 2.3rem; padding-top:20px; color:#FFF!important;}
@media (max-width: 768px) {
.testimonial .lead{font-size: 1.8rem; line-height: 2.3rem;}
.testimonial .lead i{font-size: 0.9rem;}
.testimonial-name h5{font-size: 1.3rem;}
}
.testimonials-3 {
margin-bottom: 3rem;
}
.testimonials-3 ul {
max-width: 114rem;
margin-left: auto;
margin-right: auto;
list-style: none;
padding: 0;
}
.testimonials-3 ul li a {
display: block;
text-decoration: none;
text-align: left;
max-width: 40rem;
}
.testimonials-3 ul li a img {
display: block;
float: left;
margin-right: 2rem;
margin-top: 0.5rem;
}
.testimonials-3 ul li a .info .name {
font-size: 1.4rem;
text-align: inherit;
/* color: #434a54; */
}
.testimonials-3 ul li a .info .site {
font-size: 1.4rem;
text-align: inherit;
line-height: 1.8rem;
}
.testimonials-3 ul li a .info .job {
/*color: #fa6f57;*/
float: left;
}
.testimonials-3 ul li a .info .job span {
margin-left: 3rem;
color: #ffce23;
}
.testimonials-3 ul li a .info .job span .disabled {
color: #d5d5d5;
}
/*******************************************************************************/
/* SINGLE CLASSE */
/*******************************************************************************/
/*.singleClasse .benefitsContent h3 {
font-size: 1.8rem;
}*/
.singleClasse .benefits ul li {
padding: 0;
}
/*******************************************************************************/
/* SINGLE TEACHER */
/*******************************************************************************/
.singleTeacher h3 {
font-size: 1.8rem;
text-transform: uppercase;
margin-top: 0;
border: none;
margin-bottom: 3rem;
padding: 0;
line-height: 2.2rem;
}
.singleTeacher p {
color: #9ca5b2;
font-size: 1.6rem;
line-height: 2rem;
font-family: Arial, sans-serif;
font-weight: 400;
margin-bottom: 3rem;
}
.singleTeacher .singleTeacherBar span {
/* color: #434a54; */
font-size: 1.4rem;
line-height: 2rem;
font-family: Arial, sans-serif;
font-weight: 400;
margin-bottom: 2px;
}
.singleTeacher .progress {
margin-top: 0.5rem;
}
.singleTeacher .progress:last-child {
margin-bottom: 0;
}
.singleTeacher .percent {
float: right;
}
.accountList ul li {
position: relative;
padding: 0!important;
}
.accountList ul li i {
border: 1.5rem solid #fa6f57;
border-radius: 100%;
position: absolute;
float: left;
font-size: 1.5rem;
color: #fff;
}
.accountList ul li i:before {
top: -6px;
position: absolute;
left: -4px;
right: -4px;
bottom: 0;
}
.accountList ul li .fa-twitter:before {
position: absolute!important;
left: -0.6rem !important;
top: -0.6rem !important;
}
.accountList ul li h4,
.accountList ul li p {
margin-left: 5rem;
}
.accountList ul li h4 {
margin-top: 0.5rem;
}
.accountList ul li p {
margin-top: 1.5rem;
}
.singleteacher {
margin-bottom: 10rem;
}
.element-title h3 {
font-family: Arial, sans-serif;
/* color: #434a54; */
font-size: 2rem;
line-height: 2rem;
font-weight: 400;
border-bottom: 0.1rem solid #eeeeee;
padding-bottom: 1.8rem;
}
.progress-container {
display: block;
width: 100%;
height: 3.8rem;
background: none repeat scroll 0% 0% #fea292;
margin-bottom: 1.5rem;
}
.progress-container:last-child {
margin-bottom: 0;
}
.progress-max {
position: relative;
display: block;
height: 3.8rem;
}
.progress-max span {
display: block;
position: absolute;
left: 2.5rem;
top: 0.6rem;
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 1.6rem;
line-height: 2.2rem;
color: #FFF;
}
.progress-inner {
width: 100%;
height: 100%;
background: none repeat scroll 0% 0% #fa6f57;
}
/*******************************************************************************/
/* SERVICES */
/*******************************************************************************/
/*Circles*/
.services .circle-container {
margin-top: -30px;
}
.services .circle {
position: relative;
display: block;
width: 165px;
height: 165px;
border-radius: 50%;
border: 15px solid #83c129;
margin: 85px auto 0;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
-ms-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
transition: all 0.35s linear;
}
.services .circle i {
position: relative;
display: block;
font-size: 50px;
line-height: 135px;
text-align: center;
color: #45555f;
width: 135px;
}
.services .circle .icon-globe:before {
content: url('../img/content/circleg.png');
}
.services .circle .icon-rocket:before {
content: url('../img/content/circley.png');
}
.services .circle .icon-user-add:before {
content: url('../img/content/circleo.png');
}
.services .circle .icon-brush:before {
content: url('../img/content/circler.png');
}
.services .circle-yellow {
border: 15px solid #ffda3a;
}
.services .circle-orange {
border: 15px solid #ff6b24;
}
.services .circle-red {
border: 15px solid #ff0000;
}
.services .info {
text-align: center;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.services .info h4 {
font-family: Arial, sans-serif;
font-weight: 400;
/* color: #434a54; */
margin-top: 4rem;
margin-bottom: 2rem;
}
.services .info p {
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 1.4rem;
line-height: 1.8rem;
color: #9ca5b2;
}
.services .circle-container:hover .circle {
transform: rotateY(180deg);
border-color: #4CC3E9;
}
/*Pricing Tables*/
.pricing-tables-2 {
margin-bottom: 1.5rem;
padding: 0;
}
.pricing-tables-2 .wrapper {
margin-top: 7rem;
padding-right: 3rem!important;
}
.pricing-tables-2 .wrapper:last-child {
padding-right: 0;
margin-right: 0;
}
.pricing-tables-2 .wrapper {
padding: 0px 1px;
transition: all 0.2s linear 0s;
}
.pricing-tables-2 .wrapper .first {
background: none repeat scroll 0% 0% #fa6f57;
/*background-color: #fa6f57;*/
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}
.pricing-tables-2 .wrapper .first .icon {
display: block;
font-size: 40px;
width: 90px;
height: 90px;
border-radius: 50%;
line-height: 90px;
text-align: center;
color: #FFF;
background: none repeat scroll 0% 0% #dc533c;
margin: 0px auto;
margin-bottom: 3rem;
margin-top: 1.4rem;
}
.pricing-tables-2 .wrapper .first .icon:hover {
color: #b53017;
}
.pricing-tables-2 .wrapper .second {
background: none repeat scroll 0% 0% #dc5943;
background-color: #dc5943;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}
.pricing-tables-2 .wrapper .second .icon {
display: block;
font-size: 40px;
width: 90px;
height: 90px;
border-radius: 50%;
line-height: 90px;
text-align: center;
color: #FFF;
background: none repeat scroll 0% 0% #c4442e;
margin: 0px auto;
margin-bottom: 3rem;
margin-top: 1.4rem;
}
.pricing-tables-2 .wrapper .second .icon:hover {
color: #b53017;
}
.pricing-tables-2 .wrapper ul {
list-style: outside none none;
padding: 30px 15px;
text-align: center;
max-width: 300px;
margin: 0px auto;
}
.pricing-tables-2 .wrapper ul li {
color: #fff;
font-size: 1.4rem;
line-height: 3rem;
font-family: Arial, sans-serif;
font-weight: 400;
}
.pricing-tables-2 .wrapper ul li ul {
padding: 0;
padding-left: 2rem;
}
.pricing-tables-2 .wrapper ul li ul li {
text-align: left;
padding-left: 3rem;
position: relative;
margin-top: 0!important;
}
.pricing-tables-2 .wrapper ul li a {
font-family: Myriad Pro;
color: #fff;
border: 1px solid #FFF;
border-radius: 0;
font-size: 1.3rem;
text-transform: uppercase;
line-height: 2.2rem;
padding: 0.8rem 3.3rem;
margin-top: 3.5rem;
margin-bottom: 1rem;
letter-spacing: 0.2rem;
margin-left: -1rem;
}
.pricing-tables-2 .wrapper ul li a:hover {
background: #b53017;
}
.pricing-tables-2 .wrapper ul li img {
position: absolute;
top: 0.6rem;
left: 0;
}
.pricing-tables-2 .wrapper ul li h5 {
font-family: Arial, sans-serif;
font-size: 1.9rem;
font-weight: 400;
line-height: 3rem;
}
.pricing-tables-2 .wrapper ul li:nth-child(3) {
margin-top: 2.4rem;
}
.pricing-tables-2 .wrapper ul li .price {
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 1.8rem;
color: #b53017;
}
/*******************************************************************************/
/* SHOP */
/*******************************************************************************/
.shopGallery .article-pagination {
margin-bottom: -1rem;
}
.shopGallery .article-pagination ul li {
padding-top: 3rem;
margin-top: 0;
}
.shopGallery .button {
position: relative;
}
.shopGallery .button p {
float: left;
}
.shopGallery .button p a {
padding: 2rem 11rem 2rem 2rem;
margin-bottom: 2.2rem;
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 1.7rem;
color: #fff;
margin-top: 1.5rem;
display: inline-block;
border-radius: 0;
background: #fb644e;
border: none;
border-bottom: 0.5rem solid #d5432e;
position: relative;
}
.shopGallery .button p a i {
position: absolute;
top: 2rem;
right: 2rem;
font-size: 2.3rem;
}
.shopGallery .button ul {
z-index: 21;
width: 26.3rem;
text-align: left;
left: 0;
top: 100%;
/*background: #fa6f57;*/
padding: 0;
border: 1px solid #e75845;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(2.5rem);
-moz-transform: translateY(2.5rem);
-o-transform: translateY(2.5rem);
-ms-transform: translateY(2.5rem);
transform: translateY(2.5rem);
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
.shopGallery .button ul li {
display: block;
}
.shopGallery .button ul li a {
padding: 1rem 2rem;
display: block;
color: white;
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 1.5rem;
border-bottom: 1px solid #e75845;
}
.shopGallery .button ul li a:hover {
text-decoration: none;
background: #b53017;
}
.shopGallery .button ul li:last-child a {
border-bottom: none;
}
.shopGallery .button ul:before {
content: '';
border-width: 0 9px 9px 9px;
border-color: transparent transparent #e75845 transparent;
border-style: solid;
top: -0.9rem;
left: 3rem;
position: absolute;
display: block;
width: 0;
height: 0;
}
.shopGallery .button:hover ul {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.contentGallery .container {
padding: 0;
}
.contentGallery .col-sm-12 {
padding: 0;
}
.contentGallery .contentGallery ul li {
padding-right: 2.4rem;
padding-top: 2.4rem;
}
.contentGallery .infoClass {
height: 6.6rem;
position: relative;
/*background: #fa6f57;*/
/* left: 0.3rem;
max-width: 36rem;*/
}
.contentGallery .infoClass a {
display: block;
background: #d4543e;
text-align: center;
color: #fff;
left: 0.1rem;
top: 0;
height: 6.6rem;
width: 5rem;
position: absolute;
}
.contentGallery .infoClass a i {
position: absolute;
top: 50%;
font-size: 2.1rem;
margin-top: -0.75rem;
margin-left: -1rem;
}
.contentGallery .infoClass p {
position: relative;
right: 0;
text-align: left;
padding-left: 6.8rem;
font-family: Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
color: #fff!important;
padding-top: 1.4rem;
line-height: 2rem;
margin-bottom: 0.1rem;
}
.contentGallery .infoClass > span {
line-height: 2rem;
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 1.4rem;
color: #b53017;
position: relative;
right: 6.8rem;
text-align: left;
}
/*******************************************************************************/
/* PRICING PLANS */
/*******************************************************************************/
.pricingPlans {
margin-top: 0;
padding: 0;
}
.pricingPlans .presentationContent {
margin-top: -4rem;
margin-bottom: 11rem;
}
.pricingPlans .benefits ul li {
padding: 0;
}
/*******************************************************************************/
/* CONTACT */
/*******************************************************************************/
.contact h3 {
margin-top: 0;
margin-bottom: 3rem;
text-transform: uppercase;
font-family: Arial, sans-serif;
/* color: #434a54; */
font-size: 1.8rem;
font-weight: 400;
line-height: 1.4rem;
}
.contact p {
font-size: 1.6rem;
text-align: inherit;
}
.contact .envelope img {
float: left;
margin-right: 1.8rem;
}
.contact .envelope img:nth-child(2) {
display: none;
}
.contact .envelope:hover img {
display: none;
}
.contact .envelope:hover img:nth-child(2) {
display: block;
}
.contact .envelope a {
margin-bottom: 1.5rem;
display: block;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 1.8rem;
/* color: #434a54; */
font-weight: 400;
}
.contact .phone img {
float: left;
margin-right: 1.8rem;
}
.contact .phone img:nth-child(2) {
display: none;
}
.contact .phone:hover img {
display: none;
}
.contact .phone:hover img:nth-child(2) {
display: block;
}
.contact .phone a {
margin-bottom: 1.5rem;
display: block;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 1.8rem;
/* color: #434a54; */
font-weight: 400;
}
.contact ul {
padding: 0;
list-style: none;
}
.contact ul li {
padding: 0;
float: left;
}
.contact ul li p {
max-width: 40%;
}
.contact .benefits ul li p {
max-width: 100%;
}
/*******************************************************************************/
/* SINGLE SHOP */
/*******************************************************************************/
.quantity {
position: relative;
display: inline-block;
}
.quantity .input-text {
background-color: #f0f0f0;
border: 0.1rem solid #d4d4d4;
height: 5rem;
width: 8rem;
text-align: center;
font-weight: 700;
font-family: Arial, sans-serif;
/* color: #434a54; */
font-size: 2rem;
}
.quantity .minus {
background-color: #f0f0f0;
border: 0.1rem solid #d4d4d4;
height: 25px;
position: absolute;
right: 0;
width: 2rem;
font-weight: 700;
font-family: Arial, sans-serif;
/* color: #434a54; */
font-size: 2rem;
}
.quantity .plus {
background-color: #f0f0f0;
border: 0.1rem solid #d4d4d4;
height: 25px;
position: absolute;
bottom: 0;
right: 0;
width: 2rem;
font-weight: 700;
font-family: Arial, sans-serif;
/* color: #434a54; */
font-size: 1.4rem;
}
.cart button,.woocommerce div.product form.cart .button {
padding: 1.7rem 6rem;
font-family: Arial, sans-serif;
font-size: 1.7rem;
font-weight: 700;
line-height: 1.7rem;
color: #fff;
/*background-color: #fa6f57;*/
text-transform: uppercase;
border: none;
border-radius: 0;
}
.cart button{
margin-top:-0.8rem;
}
.infoShop {
margin-top: -2.5rem;
margin-bottom: 3rem;
}
.infoShop h3 {
font-family: Arial, sans-serif;
font-size: 2.7rem;
font-weight: 400;
margin-bottom: 3rem;
/* color: #434a54; */
}
.infoShop h3 span {
font-family: Arial, sans-serif;
font-size: 2.7rem;
font-weight: 400;
/*color: #fa6f57;*/
}
.infoShop p {
font-family: Arial, sans-serif;
font-size: 1.6rem;
font-weight: 400;
color: #9ca5b2;
}
/*******************************************************************************/
/* LAST CSS */
/*******************************************************************************/
.shopGallery .contentGallery ul li {
overflow: hidden;
}
.contentGallery ul li a h3 i {
bottom: -1.1rem;
}
/*SLIDE*/
.tp-banner-container {
position: relative;
}
/*******************************************************************************/
/* REVOLUTION */
/*******************************************************************************/
.bannerslider1 {
font-family: Arial, sans-serif;
font-size: 6rem;
/*color: #fa6f57;*/
font-weight: 700;
text-transform: uppercase;
}
.bannerslider2 {
font-family: Arial, sans-serif;
font-size: 1.8rem;
/* color: #434a54; */
font-weight: 400;
text-transform: uppercase;
}
.bannerslider3 a {
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 2.5rem;
padding-left: 2.5rem;
font-family: Arial, sans-serif;
font-size: 2.8rem;
color: #fff;
font-weight: 400;
text-decoration: none;
/*background: #b6d993;*/
}
.bannerslider3 a:hover {
text-decoration: none;
color: #fff;
/*background: #78bc34;*/
}
.tp-caption.bannerslider3:hover, .bannerslider3:hover{
background-color: #78bc34!important;
}
.childTxt {
font-family: Arial, sans-serif;
font-size: 1.2rem;
/* color: #434a54; */
font-weight: 700;
}
.tp-caption.teachtxt1 a {
font-family: Arial, sans-serif;
font-size: 1.5rem;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
}
.teachtxt1 a:hover {
color: #fff;
}
.tp-caption.teachtxt2 a {
font-family: Arial, sans-serif;
font-size: 1.5rem;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
}
.teachtxt2 a:hover {
color: #fff;
}
.google-map {
margin-left: 3rem;
min-height: 51.5rem;
}
.google-map img {
max-width: inherit;
}
@media (max-width: 768px) {
.moreButton img {
display: none;
}
}
@media (max-width: 1220px) {
.information {
text-align: center;
}
.purchaseButton {
background: #ac94e9;
padding-right: 4rem;
padding-left: 4rem;
display: block;
width: 100%;
}
.purchaseButton .btn {
width: inherit;
margin-right: 0;
margin-left: 0;
}
.information {
padding-right: 4rem;
padding-left: 4rem;
}
.shopGallery .infoClass {
left: 0;
}
.shopGallery .infoClass p {
right: 2.5rem;
}
.shopGallery .infoClass span {
right: 4rem;
}
.accountList ul li p {
max-width: 100%;
}
}
@media (max-width: 1030px) {
.contact-details {
width: 100%;
border: none!important;
float: none!important;
height: auto!important;
}
.contact-details ul {
width: 100%;
}
.contact-details ul li {
border: none !important;
float: none!important;
width: 100%;
display: block;
text-align: left;
padding-left: 1.4rem;
}
.headerButton {
display: block!important;
}
.shopGallery .infoClass p {
right: -0.5rem;
}
.shopGallery .infoClass span {
right: 1.3rem;
}
}
@media (max-width: 800px) {
.contentGallery ul li {
width: 100%;
}
.contentGallery ul li img {
width: 100%;
}
.shopGallery .infoClass p {
right: 5.5rem;
}
.shopGallery .infoClass span {
right: 7rem;
}
.anchorTestimonial {
margin-bottom: 2rem;
}
.testimonial {
padding: 5rem;
}
.testimonial:before {
left: 4rem;
top: 5.7rem;
}
.testimonial:after {
right: 4rem;
top: 5.7rem;
}
.accountList {
text-align: center;
}
.accountList ul li {
float: none!important;
display: block;
width: 100%;
}
.accountList ul li i {
margin-top: -3.5rem;
margin-left: -1.4rem;
}
.accountList ul li p {
margin-left: 0!important;
}
.accountList ul li h4 {
margin-left: 0!important;
}
.pricing-tables-2 .wrapper {
padding-right: 0!important;
}
.shopGallery .button p {
float: none;
}
.shopGallery .button {
text-align: left;
}
.footerContent ul li a {
display: block;
}
footer .widget h3:after {
left: 3rem;
}
}
@media (max-width: 500px) {
.shopGallery .infoClass p {
right: 2.5rem;
}
.shopGallery .infoClass span {
right: 4rem;
}
}
.alignleft {
float: left;
margin-right: 2rem;
text-align: left;
}
.alignright {
float: right;
margin-left: 2rem;
text-align: right;
}
.aligncenter {
display: block;
width: 100%;
text-align: center;
}
.alignnone,
.aligncenter,
.alignleft,
.alignright {
max-width: 100%;
margin-bottom: 2rem;
}
div.author-info {
padding: 3rem;
margin-top: 3rem;
}
div.author-info .left-author-info {
float: left;
margin: 1.2rem;
}
div.author-info .left-author-info figure {
overflow: hidden;
width: 6rem;
height: 6rem;
border-radius: 50%;
}
div.author-info .left-author-info figure img {
width: 100%;
}
div.author-info .right-author-info {
margin-left: 11rem;
}
div.author-info .right-author-info h1 {
margin-top: 0;
color: #31393e;
font-size: 2.1rem;
}
div.author-info .right-author-info p {
color: #a2a2a2;
font-size: 1.5rem;
line-height: 2.3rem;
}
.comment-form-theme,
.comments .comment-respond {
text-align: center;
}
.comment-form-theme > h3,
.comments .comment-respond > h3 {
text-transform: uppercase;
color: #404041;
font-size: 2.5rem;
letter-spacing: 2px;
}
.comment-form-theme > h3 small a,
.comments .comment-respond > h3 small a {
text-transform: uppercase;
color: #404041;
font-size: 1.6rem;
}
.comment-form-theme > h3 small a:hover,
.comments .comment-respond > h3 small a:hover {
text-decoration: none;
}
.comment-form-theme ul,
.comments .comment-respond ul {
padding-left: 0;
list-style: none;
margin-bottom: 2rem;
}
.comment-form-theme ul:after,
.comments .comment-respond ul:after,
.comment-form-theme ul:before,
.comments .comment-respond ul:before {
content: " ";
display: table;
}
.comment-form-theme ul:after,
.comments .comment-respond ul:after {
clear: both;
}
.comment-form-theme ul li,
.comments .comment-respond ul li {
width: 33.333333333333333%;
float: left;
padding: 0 1rem;
}
.comment-form-theme ul li:first-child,
.comments .comment-respond ul li:first-child {
padding-left: 0;
}
.comment-form-theme ul li:last-child,
.comments .comment-respond ul li:last-child {
padding-right: 0;
}
.comment-form-theme ul li input,
.comments .comment-respond ul li input {
border: 2px solid #e6e6e6;
border-radius: 0.5rem;
background: #fafafa;
padding: 0.7rem 1.5rem;
color: #8e8e8e;
text-transform: none;
width: 100%;
}
.comment-form-theme ul li input::-webkit-input-placeholder,
.comments .comment-respond ul li input::-webkit-input-placeholder {
color: #8e8e8e;
}
.comment-form-theme ul li input:-moz-placeholder,
.comments .comment-respond ul li input:-moz-placeholder {
/* Firefox 18- */
color: #8e8e8e;
}
.comment-form-theme ul li input::-moz-placeholder,
.comments .comment-respond ul li input::-moz-placeholder {
/* Firefox 19+ */
color: #8e8e8e;
}
.comment-form-theme ul li input:-ms-input-placeholder,
.comments .comment-respond ul li input:-ms-input-placeholder {
color: #8e8e8e;
}
.comment-form-theme textarea,
.comments .comment-respond textarea {
border: 2px solid #e6e6e6;
border-radius: 0.5rem;
background: #fafafa;
padding: 0.7rem 1.5rem;
color: #8e8e8e;
text-transform: none;
width: 100%;
}
.comment-form-theme textarea::-webkit-input-placeholder,
.comments .comment-respond textarea::-webkit-input-placeholder {
color: #8e8e8e;
}
.comment-form-theme textarea:-moz-placeholder,
.comments .comment-respond textarea:-moz-placeholder {
/* Firefox 18- */
color: #8e8e8e;
}
.comment-form-theme textarea::-moz-placeholder,
.comments .comment-respond textarea::-moz-placeholder {
/* Firefox 19+ */
color: #8e8e8e;
}
.comment-form-theme textarea:-ms-input-placeholder,
.comments .comment-respond textarea:-ms-input-placeholder {
color: #8e8e8e;
}
.comment-form-theme .comment-respond,
.comments .comment-respond .comment-respond {
margin-top: 2rem;
}
.comment-form-theme .form-submit,
.comments .comment-respond .form-submit {
position: relative;
z-index: 1;
border-radius: 0.5rem;
margin-bottom: 0;
display: inline-block;
margin-top: 2rem;
border: 2px solid #e6e6e6;
}
.comment-form-theme .form-submit input[type=submit],
.comments .comment-respond .form-submit input[type=submit] {
margin: 0;
border: none;
background: transparent;
border-radius: 0.5rem;
font-size: 1.2rem;
line-height: 1.6rem;
color: #c86ea6;
font-family: Arial, sans-serif;
font-weight: 600;
text-transform: uppercase;
padding: 1.3rem 3.3rem;
position: relative;
z-index: 1;
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.comment-container .title-comments {
text-align: center;
font-size: 2.5rem;
color: #404041;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Arial, sans-serif;
}
.comment-container ul.comments {
padding-left: 0;
margin-top: 6rem;
list-style: none;
}
.comment-container ul.comments ul.children {
list-style: none;
padding-left: 0;
margin-left: 6rem;
}
.comment-container ul.comments ul:not(.children),
.comment-container ul.comments ol:not(.children) {
padding-left: 3rem;
}
.comment-container ul.comments ul:not(.children) li,
.comment-container ul.comments ol:not(.children) li {
padding-left: 0;
}
.comment-container ul.comments ul:not(.children) {
list-style-type: square;
}
.comment-container ul.comments li {
padding-left: 12rem;
}
.comment-container ul.comments li .comment,
.comment-container ul.comments li .pingback {
margin-bottom: 5.5rem;
}
.comment-container ul.comments li .comment .left-section,
.comment-container ul.comments li .pingback .left-section {
position: absolute;
width: 8rem;
margin-left: -12rem;
}
.comment-container ul.comments li .comment .left-section img,
.comment-container ul.comments li .pingback .left-section img {
width: 100%;
border-radius: 50%;
}
.comment-container ul.comments li .comment .right-section,
.comment-container ul.comments li .pingback .right-section {
width: 100%;
padding-top: 1px;
}
.comment-container ul.comments li .comment .right-section ul,
.comment-container ul.comments li .pingback .right-section ul {
padding-left: 3rem;
}
.comment-container ul.comments li .comment .right-section h1,
.comment-container ul.comments li .pingback .right-section h1 {
line-height: 1.6rem;
margin-bottom: 0;
margin-top: 0;
}
.comment-container ul.comments li .comment .right-section h1 a,
.comment-container ul.comments li .pingback .right-section h1 a {
font-size: 1.6rem;
color: #404041;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-weight: 500;
}
.comment-container ul.comments li .comment .right-section h1 a:hover,
.comment-container ul.comments li .pingback .right-section h1 a:hover {
text-decoration: none;
}
.comment-container ul.comments li .comment .right-section a.comment-reply-link,
.comment-container ul.comments li .pingback .right-section a.comment-reply-link {
float: right;
color: #404041;
font-size: 1.5rem;
text-transform: capitalize;
margin-top: 1rem;
font-family: Arial, sans-serif;
font-style: italic;
}
.comment-container ul.comments li .comment .right-section a.comment-reply-link:hover,
.comment-container ul.comments li .pingback .right-section a.comment-reply-link:hover {
text-decoration: none;
}
.comment-container ul.comments li .comment .right-section a.comment-reply-link i,
.comment-container ul.comments li .pingback .right-section a.comment-reply-link i {
color: #5e5e5e;
margin-right: 0.5rem;
}
.comment-container ul.comments li .comment .right-section .time-comment,
.comment-container ul.comments li .pingback .right-section .time-comment {
font-size: 1.4rem;
color: #b4b4b4;
font-weight: 400;
font-family: Arial, sans-serif;
margin-top: 0px;
}
.comment-container ul.comments li .comment .right-section .comment-text p,
.comment-container ul.comments li .pingback .right-section .comment-text p {
color: #777777;
font-size: 1.4rem;
line-height: 1.6em;
}
.comment-container ul.comments li .comment.depth-3 .comment-reply-link,
.comment-container ul.comments li .pingback.depth-3 .comment-reply-link {
display: none;
}
@media (max-width: 1030px) {
.comment-container ul.comments ul.children {
margin-left: 2rem;
}
.comment-container ul.comments li {
padding-left: 0;
}
.comment-container ul.comments li .comment .left-section,
.comment-container ul.comments li .pingback .left-section {
position: relative;
width: 6rem;
margin-left: 0;
margin-bottom: 2rem;
}
}
@media (max-width: 800px) {
.comment-form-theme ul,
.comments .comment-respond ul {
margin-bottom: 1rem;
}
.comment-form-theme ul li,
.comments .comment-respond ul li {
width: 100%;
float: none;
padding-bottom: 1rem;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.comment-form-theme ul li:last-child,
.comments .comment-respond ul li:last-child {
padding-bottom: 0;
}
}
@media (max-width: 500px) {
div.author-info .left-author-info {
float: none;
margin-left: 0;
margin-top: 0;
}
div.author-info .left-author-info figure {
overflow: hidden;
width: 8rem;
height: 8rem;
}
div.author-info .right-author-info {
margin-left: 0;
}
}
/* Force Nine
.navbar {
height: 9rem;
}
*/
/*
#topContainer {
border: 0.5rem solid transparent;
border-top: inherit;
-webkit-border-image: url(images/content/bar.png) 30 30 round;
-o-border-image: url(images/content/bar.png) 30 30 round;
border-image: url(images/content/bar.png) 30 30 round;
position: relative;
background: #f9f9f9;
}
#topContainer .headerButton {
position: absolute;
top: 100%;
left: 3rem;
background: #ac94e9;
color: #fff;
font-size: 2rem;
padding: 1rem;
z-index: 3;
display: none;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
#topContainer > div {
position: relative;
}
.contact-details {
height: 5rem;
float: right;
}
.contact-details ul {
padding: 0;
list-style: none;
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: 400;
color: #b8bec6;
float: left;
line-height: 5rem;
text-align: center;
}
.contact-details ul li {
font-weight: 400;
float: left;
padding-right: 1.4rem;
margin-right: 1.4rem;
border-right: 1px solid #ececec;
}
.contact-details ul li:first-child {
border-left: 1px solid #ececec;
padding-left: 1.4rem;
}
.contact-details ul li span {
margin-right: 15px;
}
.contact-details ul a {
color: #d1d4da;
font-weight: 400;
}
.contact-details ul a:hover {
text-decoration: none;
}
.contact-details ul span {
font-size: 1.7rem;
}
.contact-details ul span:hover {
color: #070606;
cursor: pointer;
}*/
.dropdown {
float: right;
}
.navbar-brand {
padding: 1.5rem;
margin-top: 2rem;
}
/* Force Nine - Menu Tweek */
/*@media (max-width: 800px) { */
@media (max-width: 800px) {
.navbar-header button {
border: 1px solid #32006E;
width: inherit;
/*margin-top: 4.4rem;*/
margin-right:0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-header button span {
background-color: #32006E;
}
.navbar-collapse {
background: white;
/*right: 14px;*/
/*top: 69px;*/
min-width: 200px;
padding: 0;
/* Force Nine */
top:0px;
}
.navbar-collapse ul {
width: 100%;
}
.navbar-collapse .nav {
margin-top: 0;
margin: 0;
}
}
.mainMenu {
padding: 0;
}
.mainMenu b{
font-weight:normal;
}
.mainMenu > ul {
margin-left:0;
padding-left:0;
list-style: none;
}
.mainMenu > ul > li {
float: left;
position: relative;
}
/* Force Nine - Menu Tweek */
/*@media (min-width: 800px) { */
@media (min-width: 800px) {
/* Force Nine - Desktop Buttons*/
.mainMenu > ul > li {
margin-right:1%;
width:13.4%;
}
.mainMenu > ul > li > a > b {
text-align:center;
}
.mainMenu > ul > li:last-child {
margin-right:0%;
}
}
.mainMenu > ul > li > a {
display: block;
position: relative;
font-family: Arial, sans-serif;
font-size: 1.5rem;
/* color: #434a54; */
}
.mainMenu > ul > li > a:hover {
text-decoration: none;
}
/* Force Nine - Rounded Buttons*/
.mainMenu > ul > li > a > b{
padding: 9px 0 9px 0;
font-weight: normal;
width:100%;
display:block;
background:#66C;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:8px;
}
.mainMenu > ul > li ul {
z-index: 201;
/*left: 3rem;*/
background: #a1d36e;
padding: 0;
border: 1px solid #7db840;
width: 22rem;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(2.5rem);
-moz-transform: translateY(2.5rem);
-o-transform: translateY(2.5rem);
-ms-transform: translateY(2.5rem);
transform: translateY(2.5rem);
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
.mainMenu > ul > li ul li {
display: block;
}
.mainMenu > ul > li ul li a {
padding: 1rem 2rem;
display: block;
color: white;
font-family: Arial, sans-serif;
/*font-weight: 400;*/
font-weight:normal;
font-size: 1.5rem;
border-bottom: 1px solid #7db840;
}
.mainMenu > ul > li ul li a:hover {
text-decoration: none;
}
.mainMenu > ul > li ul li:last-child a {
border-bottom: none;
}
.mainMenu > ul > li ul:before {
content: '';
border-width: 0 9px 9px 9px;
border-color: transparent transparent #7db840 transparent;
border-style: solid;
top: -0.9rem;
left: 3rem;
position: absolute;
display: block;
width: 0;
height: 0;
}
.mainMenu ul li.menu-item-has-children:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.mainMenu > ul > li ul.sub-menu .sub-menu{
left: 100%;
/* Force Nine */
top: 10px;
}
.mainMenu > ul > li ul.sub-menu .sub-menu:before{
display: none;
}
/*******************************************************************************/
/*DROPDOWN COLORS */
/*******************************************************************************/
/*@media (max-width: 768px) {*/
@media (max-width: 768px) {
.mainMenu {
position: relative;
z-index: 201;
background: #fff;
float: inherit;
}
.mainMenu > ul > li {
float: inherit;
position: inherit;
}
.mainMenu > ul > li > a {
padding-left: 0!important;
margin-bottom:1px;
}
/* Force Nine */
.mainMenu > ul > li > a > b {
padding:15px 0 15px 15px;
/* Remove - Desktop Styling on Mobile*/
margin:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mainMenu > ul > li ul {
visibility: visible;
position: relative;
display: block;
opacity: 1;
width: 100%;
left: 0;
display: none;
/* background: inherit!important;*/
border: none!important;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.mainMenu > ul > li ul:before {
display: none;
}
.mainMenu > ul > li ul li a {
border: none!important;
/* color: #434a54; */
}
.mainMenu > ul > li > a {
/* padding: 1rem 0;*/
}
.mainMenu > ul > li:hover ul {
display: block;
}
.mainMenu > ul > li:hover a:hover {
color: #Fff;
/* padding-left: 0.5rem!important;*/
/*background: #fa6f57;*/
}
.mainMenu > ul > li:hover a {
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
}
@media (min-width: 800px) {
/*
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
display: block!important;
visibility: visible!important;
opacity: 1!important;
}
*/
/* Force Nine */
.navbar-header, .navbar-collapse {
/*padding:0;
margin:0;*/
display: block!important;
visibility: visible!important;
opacity: 1!important;
}
}
/* Force Nine - Overide VC */
.navbar-header{
padding:0!important;
margin:0!important;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
@-moz-document url-prefix() {
.content-container:hover .filter-container {
overflow: inherit !important;
}
}
#narcotic-masonry .isotope-item {
padding: 0;
}
#narcotic-masonry .isotope-item > article {
margin-bottom: 0;
padding: 0;
}
#narcotic-masonry .isotope-item:nth-child(2n) > article .content-article {
background: #191919;
}
@media (max-width: 800px) {
.isotope-item {
width: 100% !important;
}
}
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
height: 13px;
}
div.pp_default .pp_top .pp_left {
background: url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}
div.pp_default .pp_top .pp_middle {
background: url(images/prettyPhoto/default/sprite_x.png) top left repeat-x;
}
div.pp_default .pp_top .pp_right {
background: url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}
div.pp_default .pp_content .ppt {
color: #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
background: url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
background: url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;
padding-right: 13px;
}
div.pp_default .pp_next:hover {
background: url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer;
}
div.pp_default .pp_previous:hover {
background: url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer;
}
div.pp_default .pp_expand {
background: url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
cursor: pointer;
width: 28px;
height: 28px;
}
div.pp_default .pp_expand:hover {
background: url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
cursor: pointer;
}
div.pp_default .pp_contract {
background: url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
cursor: pointer;
width: 28px;
height: 28px;
}
div.pp_default .pp_contract:hover {
background: url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
cursor: pointer;
}
div.pp_default .pp_close {
width: 30px;
height: 30px;
background: url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
cursor: pointer;
}
div.pp_default .pp_gallery ul li a {
background: url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
border: 1px solid #aaaaaa;
}
div.pp_default .pp_social {
margin-top: 7px;
}
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
position: static;
left: auto;
}
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
background: url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
height: 30px;
width: 30px;
}
div.pp_default .pp_nav .pp_pause {
background-position: -51px -29px;
}
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
background: url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
height: 20px;
width: 20px;
margin: 4px 0 0;
}
div.pp_default a.pp_arrow_next {
left: 52px;
background-position: -82px -3px;
}
div.pp_default .pp_content_container .pp_details {
margin-top: 5px;
}
div.pp_default .pp_nav {
clear: none;
height: 30px;
width: 110px;
position: relative;
}
div.pp_default .pp_nav .currentTextHolder {
font-family: Arial, sans-serif;
font-style: italic;
color: #999;
font-size: 11px;
left: 75px;
line-height: 25px;
position: absolute;
top: 2px;
margin: 0;
padding: 0 0 0 10px;
}
div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
opacity: 0.7;
}
div.pp_default .pp_description {
font-size: 11px;
font-weight: 700;
line-height: 14px;
margin: 5px 50px 5px 0;
}
div.pp_default .pp_bottom .pp_left {
background: url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}
div.pp_default .pp_bottom .pp_middle {
background: url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}
div.pp_default .pp_bottom .pp_right {
background: url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}
div.pp_default .pp_loaderIcon {
background: url(images/prettyPhoto/default/loader.gif) center center no-repeat;
}
div.light_rounded .pp_top .pp_left {
background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}
div.light_rounded .pp_top .pp_right {
background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}
div.light_rounded .pp_next:hover {
background: url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.light_rounded .pp_previous:hover {
background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.light_rounded .pp_expand {
background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_expand:hover {
background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_contract {
background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_contract:hover {
background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_close {
width: 75px;
height: 22px;
background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_nav .pp_play {
background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}
div.light_rounded .pp_nav .pp_pause {
background: url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}
div.light_rounded .pp_arrow_previous {
background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}
div.light_rounded .pp_arrow_next {
background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}
div.light_rounded .pp_bottom .pp_left {
background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}
div.light_rounded .pp_bottom .pp_right {
background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}
div.dark_rounded .pp_top .pp_left {
background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}
div.dark_rounded .pp_top .pp_right {
background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}
div.dark_rounded .pp_content_container .pp_left {
background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}
div.dark_rounded .pp_content_container .pp_right {
background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}
div.dark_rounded .pp_next:hover {
background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_previous:hover {
background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_expand {
background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_expand:hover {
background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_contract {
background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_contract:hover {
background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_close {
width: 75px;
height: 22px;
background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_description {
margin-right: 85px;
color: #ffffff;
}
div.dark_rounded .pp_nav .pp_play {
background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}
div.dark_rounded .pp_nav .pp_pause {
background: url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}
div.dark_rounded .pp_arrow_previous {
background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}
div.dark_rounded .pp_arrow_next {
background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}
div.dark_rounded .pp_bottom .pp_left {
background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}
div.dark_rounded .pp_bottom .pp_right {
background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}
div.dark_rounded .pp_loaderIcon {
background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}
div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
background: #000000;
}
div.dark_square .pp_description {
color: #fff;
margin: 0 85px 0 0;
}
div.dark_square .pp_loaderIcon {
background: url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
}
div.dark_square .pp_expand {
background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.dark_square .pp_expand:hover {
background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.dark_square .pp_contract {
background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.dark_square .pp_contract:hover {
background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.dark_square .pp_close {
width: 75px;
height: 22px;
background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.dark_square .pp_nav {
clear: none;
}
div.dark_square .pp_nav .pp_play {
background: url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}
div.dark_square .pp_nav .pp_pause {
background: url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}
div.dark_square .pp_arrow_previous {
background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}
div.dark_square .pp_arrow_next {
background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}
div.dark_square .pp_next:hover {
background: url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.dark_square .pp_previous:hover {
background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.light_square .pp_expand {
background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.light_square .pp_expand:hover {
background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.light_square .pp_contract {
background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.light_square .pp_contract:hover {
background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.light_square .pp_close {
width: 75px;
height: 22px;
background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.light_square .pp_nav .pp_play {
background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}
div.light_square .pp_nav .pp_pause {
background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}
div.light_square .pp_arrow_previous {
background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}
div.light_square .pp_arrow_next {
background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}
div.light_square .pp_next:hover {
background: url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.light_square .pp_previous:hover {
background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.facebook .pp_top .pp_left {
background: url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}
div.facebook .pp_top .pp_middle {
background: url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}
div.facebook .pp_top .pp_right {
background: url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}
div.facebook .pp_content_container .pp_left {
background: url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}
div.facebook .pp_content_container .pp_right {
background: url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}
div.facebook .pp_expand {
background: url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.facebook .pp_expand:hover {
background: url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.facebook .pp_contract {
background: url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.facebook .pp_contract:hover {
background: url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.facebook .pp_close {
width: 22px;
height: 22px;
background: url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.facebook .pp_description {
margin: 0 37px 0 0;
}
div.facebook .pp_loaderIcon {
background: url(images/prettyPhoto/facebook/loader.gif) center center no-repeat;
}
div.facebook .pp_arrow_previous {
background: url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
height: 22px;
margin-top: 0;
width: 22px;
}
div.facebook .pp_arrow_previous.disabled {
background-position: 0 -96px;
cursor: default;
}
div.facebook .pp_arrow_next {
background: url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
height: 22px;
margin-top: 0;
width: 22px;
}
div.facebook .pp_arrow_next.disabled {
background-position: -32px -96px;
cursor: default;
}
div.facebook .pp_nav {
margin-top: 0;
}
div.facebook .pp_nav p {
font-size: 15px;
padding: 0 3px 0 4px;
}
div.facebook .pp_nav .pp_play {
background: url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
height: 22px;
width: 22px;
}
div.facebook .pp_nav .pp_pause {
background: url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
height: 22px;
width: 22px;
}
div.facebook .pp_next:hover {
background: url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.facebook .pp_previous:hover {
background: url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.facebook .pp_bottom .pp_left {
background: url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}
div.facebook .pp_bottom .pp_middle {
background: url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}
div.facebook .pp_bottom .pp_right {
background: url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}
div.pp_pic_holder a:focus {
outline: none;
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
margin-left: -36px;
}
.pp_content {
height: 40px;
min-width: 40px;
}
* html .pp_content {
width: 40px;
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left {
padding-left: 20px;
}
.pp_content_container .pp_right {
padding-right: 20px;
}
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social {
float: left;
margin: 0;
}
.pp_social .facebook {
float: left;
margin-left: 5px;
width: 55px;
overflow: hidden;
}
.pp_social .twitter {
float: left;
}
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
white-space: nowrap;
margin: 2px 4px;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
position: relative;
white-space: nowrap;
margin: 0 0 0 5px;
padding: 0;
}
.pp_gallery ul a {
border: 1px rgba(0, 0, 0, 0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a img {
border: 0;
}
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute;
right: 0;
top: 0;
display: block;
line-height: 22px;
text-indent: -10000px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
position: absolute;
top: 50%;
width: 24px;
margin: -12px 0 0 -12px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p {
margin: 0 0 15px;
}
div.ppt {
color: #fff;
display: none;
font-size: 17px;
z-index: 9999;
margin: 0 0 5px 15px;
}
div.pp_default .pp_content,
div.light_rounded .pp_content {
background-color: #ffffff;
}
div.pp_default #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
color: #000000;
}
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
border-color: #ffffff;
}
div.pp_default .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
position: relative;
}
div.light_rounded .pp_top .pp_middle,
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right,
div.light_rounded .pp_bottom .pp_middle,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content,
div.facebook .pp_content {
background: #ffffff;
}
div.light_rounded .pp_description,
div.light_square .pp_description {
margin-right: 85px;
}
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
margin-top: 12px !important;
}
div.light_rounded .pp_arrow_previous.disabled,
div.dark_rounded .pp_arrow_previous.disabled,
div.dark_square .pp_arrow_previous.disabled,
div.light_square .pp_arrow_previous.disabled {
background-position: 0 -87px;
cursor: default;
}
div.light_rounded .pp_arrow_next.disabled,
div.dark_rounded .pp_arrow_next.disabled,
div.dark_square .pp_arrow_next.disabled,
div.light_square .pp_arrow_next.disabled {
background-position: -22px -87px;
cursor: default;
}
div.light_rounded .pp_loaderIcon,
div.light_square .pp_loaderIcon {
background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}
div.dark_rounded .pp_top .pp_middle,
div.dark_rounded .pp_content,
div.dark_rounded .pp_bottom .pp_middle {
background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}
div.dark_rounded .currentTextHolder,
div.dark_square .currentTextHolder {
color: #c4c4c4;
}
div.dark_rounded #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
color: #ffffff;
}
.pp_top,
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_top,
* html .pp_bottom {
padding: 0 20px;
}
.pp_top .pp_left,
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle,
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right,
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_fade,
.pp_gallery li.default a img {
display: none;
}
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor: url(images/Images/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div,.owl-wrapper .owl-buttons a {
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: alpha(opacity=50);
/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: alpha(opacity=100);
/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: alpha(opacity=50);
/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
filter: alpha(opacity=100);
/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url(images/Images/AjaxLoader.gif) no-repeat center center;
}
/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {
opacity: 1;
}
}
@-moz-keyframes empty {
0% {
opacity: 1;
}
}
@keyframes empty {
0% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%,
25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%,
25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%,
25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
transform: translateZ(-500px);
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8);
}
}
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(0.8);
}
}
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(0.8);
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown {
from {
transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5);
}
}
.fadeIn {
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeOut {
-webkit-animation: fadeOut 0.5s;
animation: fadeOut 0.5s;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeIn {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeUp {
-webkit-animation: fadeUp 0.5s;
animation: fadeUp 0.5s;
}
@-webkit-keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeUp {
0% {
opacity: 0;
transform: translateY(200px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeDown {
-webkit-animation: fadeDown 0.5s;
animation: fadeDown 0.5s;
}
@-webkit-keyframes fadeDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeL {
-webkit-animation: fadel 0.5s;
animation: fadel 0.5s;
}
@-webkit-keyframes fadel {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadel {
0% {
opacity: 0;
transform: translateX(-200px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeR {
-webkit-animation: fader 0.5s;
animation: fader 0.5s;
}
@-webkit-keyframes fader {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fader {
0% {
opacity: 0;
transform: translateX(200px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.scaleIn {
-webkit-animation: scalein 0.5s;
animation: scalein 0.5s;
}
@-webkit-keyframes scalein {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scalein {
0% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
/*=====================================
= Big Animation =
=====================================*/
.fadeIn-Big {
-webkit-animation: fadeIn 2s;
animation: fadeIn 2s;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeOut-Big {
-webkit-animation: fadeOut 2s;
animation: fadeOut 2s;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeIn {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeUp-Big {
-webkit-animation: fadeUp 2s;
animation: fadeUp 2s;
}
@-webkit-keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translateY(250px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeUp {
0% {
opacity: 0;
transform: translateY(250px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeDown-Big {
-webkit-animation: fadeDown 2s;
animation: fadeDown 2s;
}
@-webkit-keyframes fadeDown {
0% {
opacity: 0;
-webkit-transform: translateY(-250px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeDown {
0% {
opacity: 0;
transform: translateY(-250px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeL-Big {
-webkit-animation: fadeL 2s;
animation: fadeL 2s;
}
@-webkit-keyframes fadeL {
0% {
opacity: 0;
-moz-transform: translateX(-250px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes fadeL {
0% {
opacity: 0;
transform: translateX(-250px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeR-Big {
-webkit-animation: fadeRight 2s;
animation: fadeR 2s;
}
@-webkit-keyframes fadeR {
0% {
opacity: 0;
-moz-transform: translateX(250px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes fadeR {
0% {
opacity: 0;
transform: translateX(200px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.rotate-LR {
-webkit-animation: rotateLR 1s;
animation: rotateLR 1s;
}
@-webkit-keyframes rotateLR {
25% {
-webkit-transform: rotate(45deg);
}
75% {
-webkit-transform: rotate(-45deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes rotateLR {
25% {
transform: rotate(45deg);
}
75% {
transform: rotate(-45deg);
}
100% {
transform: rotate(0deg);
}
}
.rotate-In {
-webkit-animation: rotateIn 1s;
animation: rotateIn 1s;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotateY(-90deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@keyframes rotateIn {
0% {
transform: rotateY(-90deg);
}
100% {
transform: rotateY(0deg);
}
}
.rotate-InX {
-webkit-animation: rotateInX 1s;
animation: rotateInX 1s;
}
@-webkit-keyframes rotateInX {
0% {
-webkit-transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes rotateInX {
0% {
transform: rotate(-15deg);
}
100% {
transform: rotate(0deg);
}
}
/*======================================
= Menu amination =
======================================*/
.fadeUp-menu {
-webkit-animation: fadeUpmenu 0.5s;
animation: fadeUpmenu 0.5s;
}
@-webkit-keyframes fadeUpmenu {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeUpmenu {
0% {
opacity: 0;
transform: translateY(40px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeDown-menu {
-webkit-animation: fadeDownmenu 0.5s;
animation: fadeDownmenu 0.5s;
-webkit-box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.2);
}
@-webkit-keyframes fadeDownmenu {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeDownmenu {
0% {
opacity: 0;
transform: translateY(-40px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*more-custom*/
.wpb_row{
margin-bottom: 0!important;
}
.carouselPresentation .owl-prev{
left: -5px;
}
.carouselPresentation .owl-next{
right: -5px;
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{
margin-bottom: 0!important;
}
.comment-respond .logged-in-as{
background-color: #fff;
}
.logged-in-as a{
display: inline-block;
}
.comment-container ul li{
width:100%;
}
#cancel-comment-reply-link,.comment-container .comment-reply-link{
cursor:pointer;
}
@media (min-width: 1030px){
.vc_col-sm-6.col-md-3 {
width: 25%;
}
}
@media (max-width: 768px){
.alignright,.alignleft{
float: none !important;
}
.google-map{
max-width: 92%;
margin:20px 4%;
}
.container{
max-width: 98%!important;
overflow: hidden;
}
}
.contact .container{
max-width: 100%;
}
footer .textwidget .alignright{
float: none;
}
.blogPost .blogContent h3 a{
display: block;
min-height: 48px;
}
/*custom woocomerce*/
.woocommerce a.add_to_cart_button:hover{
background-color: #d4543e;
color:#fff;
}
.gallerySection .woocommerce-ordering{
margin-left:4px;
float: left;
margin-top:-20px;
}
.woocommerce #review_form #respond p{
background-color: #fff;
}
.summary .cart{
margin-top: 3rem;
}
.related .contentGallery .infoClass > span{
left:67px;
right:auto;
}
.related .contentGallery .price{
color:#b53017!important;
font-size: 1.4rem!important
}
.woo-pagination{
border-top:none;
text-align: left;
margin-top: 15px;
}
#rev_slider_1_1_wrapper{
left:0!important;
}
.tp-rightarrow.default{
/* right: 10px!important*/
}
.bg-main{
}
.bg-main.entertaining{
margin-top: 12rem !important;
border-top: 1px solid #ececec;
background-image: url(http://demo.newskythemes.com/childhood/wp-content/uploads/2015/05/geometry2.png?id=121) !important;
}
.page-id-323 .benefits ul li i,.single-teacher .benefits ul li i{
color:#fff!important;
}
.main-text-font {
font-family: Arial, sans-serif;
font-weight: 400;
color: #9ca5b2;
font-size: 1.5rem;
}
.price span{
font-family: lato sans-serif;
font-weight: 400;
}
.tp-caption a{
color:#fff;
font-family: lato sans-serif;
font-weight: 400;
}
.wp-caption, .wp-caption-text, .gallery-caption{text-align: center; font-style: italic;}
.bypostauthor{}
.wp-caption{
margin: 0 0 20px 0;
padding-top: 4px;
max-width: 100%;
border: 1px solid #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-image: initial;
background-color: #f8f8f8;
text-align: center;
}
.sticky {
background: #EEF9FD;
border: 3px dotted black;
padding: 10px;
}
select{
max-width: 100%;
}
.onsale{
display: none !important;
}
.onsale{
display: none;
}
.alignright{
float: right;
margin-left: 20px;
margin-bottom: 30px;
}
.alignleft{
float: left;
margin-right: 20px;
margin-right: 30px;
}
.clear{
clear: both;
}
.aligncenter{
float: none;
margin: 30px 0px;
}
img{
max-width: 100%;
height: auto;
}
#wp-calendar{
width: 100%;
}
#wp-calendar th, #wp-calendar td{
padding: 5px;
text-align: center;
border: 1px solid #dedede;
}
.sectionPadding .post-content h2{
text-align: left;
}