/*===================== TABLE OF CONTENT =======================
1. Fonts
2. General Styling
3. Cross Browser Compatibility
4. Header
5. Dropdown
6. Responsive Header
7. Slider
8. Title Style
9. Services
10. Explore Edu
11. Edu Tabs
12. Featured Courses
13. Find Course
14. Educational Programs
15. Our Education Staff
16. Upcoming Event
17. Education Tips & News
18. Logos Carousel
19. Register and Video
20. Fancy Gallery
21. Page Top
22. Column Title
23. Pagination
24. Blog Detail Page
25. Sidebar
26. Course Detail Page
27. Events Page
28. Events Detail Page
29. Team Single Page
30. Simple Gallery
31. Contact Page
32. Footer
33. Bottom Footer
34. OWL CAROUSEL STYLING

=============================================================*/


/*=============== Fonts ===================*/

@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Montserrat:400,700|Poppins:300,400,500,600,700');

/*=============== General Styling ===================*/


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License:none (public domain)
*/

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,
sub,
sup,
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: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1.7
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    overflow-x: hidden
}

body {
    letter-spacing: 0.3px;
    font-family: arimo;
    overflow-x: hidden
}

body * {
    outline: none!important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444444;
    font-family: poppins;
    font-weight: 500;
    letter-spacing: 0.1px;
    margin-bottom: 15px;
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 16px
}

p {
    font-family: arimo;
    color: #555555;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    text-align: justify;
}

a {
    color: inherit
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

i {
    font-style: italic
}

strong {
    font-weight: bold
}

input:hover,
input:focus {
    outline: none
}

.theme-layout {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.theme-layout.boxed {
    float: none;
    margin: 0 auto;
    width: 1230px;
    background: #FFF;
    z-index: 1;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

section {
    float: left;
    position: relative;
    width: 100%;
}

.block {
    float: left;
    width: 100%;
    padding: 110px 0;
    position: relative;
}

.block.less-space {
    padding: 90px 0
}

.block .container {
    padding: 0
}

.container {
    padding: 0
}

.block.remove-gap {
    padding-top: 0
}

.block.no-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.block.dark {
    background: #2d2d2d
}

.block.gray {
    background: #eee
}

.block.remove-bottom {
    padding-bottom: 0
}

.remove-bottom-title {
    float: left;
    width: 100%;
    padding: 130px 0;
    position: relative;
    padding-bottom: 0;
}

.remove-bottom-services {
    float: left;
    width: 100%;
    padding: 50px 0;
    position: relative;
    padding-bottom: 0;
}

.blackish:before,
.whitish:before,
.grayish:before,
.grayish2:before,
.coloured:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0.8;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.whitish:before {
    background-color: #FFFFFF;
    opacity: 0.8;
}

.grayish:before {
    background-color: #f9f9f9;
    opacity: 0.95;
}

.grayish2:before {
    background-color: #f9f9f9;
    opacity: 0.7;
}

.parallax,
.fixed-bg {
    background-size: cover!important;
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.fixed-bg {
    background-attachment: fixed !important;
    background-size: cover!important;
}

.fixed-bg.stop {
    background-attachment: unset!important;
}

.bg1 {
    background-image: url(http://placehold.it/1600x900)
}

.bg2 {
    background-image: url(http://placehold.it/1600x900)
}

.bg3 {
    background-image: url(http://placehold.it/1600x900)
}

.bg4 {
    background-image: url(http://placehold.it/1600x900)
}

.bg5 {
    background-image: url(http://placehold.it/1600x900)
}

.bg6 {
    background-image: url(http://placehold.it/1600x900)
}

.bg7 {
    background-image: url(http://placehold.it/1600x900)
}

.bg8 {
    background-image: url(http://placehold.it/1600x900)
}

.bg9 {
    background-image: url(http://placehold.it/1600x900)
}

.bg10 {
    background-image: url(http://placehold.it/1600x900)
}

.bg11 {
    background-image: url(http://placehold.it/1600x900)
}

.bg12 {
    background-image: url(http://placehold.it/1600x900)
}

.bg13 {
    background-image: url(http://placehold.it/1600x900)
}

.bg14 {
    background-image: url(http://placehold.it/1600x900);
    background-position: bottom!important
}

.bg15 {
    background-image: url(http://placehold.it/1600x900)
}

.bg16 {
    background-image: url(http://placehold.it/1600x900)
}

.bg17 {
    background-image: url(http://placehold.it/1600x900)
}

.bg18 {
    background-image: url(http://placehold.it/1600x900)
}

.bg19 {
    background-image: url(http://placehold.it/1600x900)
}

iframe {
    width: 100%;
    border: 0;
}

ul {
    padding-left: 55px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

ul li {
    float: left;
    width: 100%;
    position: relative;
    line-height: 30px;
    margin-bottom: 8px;
    font-size: 15px;
    color: #666666;
}

ul li:before {
    content: "\f00c";
    width: 5px;
    height: 5px;
    font-family: fontawesome;
    position: absolute;
    left: -20px;
    top: 0px;
}

img {
    float: left
}

:-webkit-input-placeholder {
    opacity: 1
}

:-moz-placeholder {
    opacity: 1
}

:-ms-input-placeholder {
    opacity: 1
}

input,
textarea {
    float: left;
    width: 100%;
    height: 60px;
    background: #eee;
    padding: 20px 40px;
    font-family: montserrat;
    font-size: 12px;
    color: #555;
    border: 0;
    margin-bottom: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

textarea {
    height: auto;
    min-height: 180px;
    max-width: 100%;
}


/*=============== Cross Browser Compatibility ===================*/

a,
nav>ul ul,
.button-set a,
.selectors-inner a,
.option-isotop ul li a:before,
.button,
.widget li i.fa,
.options li a:before,
.masonary,
.toggle-item>h2,
.hover,
.hover-text>a,
.hover-text>h4,
.dark-btn,
.owl-dot {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.admin-name img,
.course-teacher>img,
.event-org>img,
.touch ul li span,
.toggle-item>h2:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.share-post>a,
.toggle-item>h2,
.transparent-socials a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


/*=============== Header ===================*/

header {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1000;
}

header .container {
    display: ;
    display: table;
}

.logo {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}

.header-wrap {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.topbar {
    float: left;
    width: 100%;
    background: #eee;
    padding-left: 100px;
    padding: 10px 0 10px 100px;
    position: relative;
}

.topbar:before {
    content: "";
    background: #eee;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
}

.topbar:after {
    content: "";
    position: absolute;
    left: -49px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 50px solid #eee;
    border-left: 50px solid transparent;
}

.topbar span {
    color: #555555;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 500;
    margin-right: 80px;
}

.topbar span i {
    font-style: normal
}

.topbar span.socials {
    margin: 0 0 0 15px;
    float: none;
}

.socials {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}

.socials a {
    display: inline-block;
    width: 25px;
    font-size: 15px;
    color: #767676;
    vertical-align: middle;
}

.registration {
    float: right
}

.registration a {
    float: left;
    font-size: 11px;
    color: #555;
    font-family: montserrat;
    text-transform: uppercase;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #7f7f7f;
}

.registration a:first-child {
    border-left: 0
}

.menubar {
    float: left;
    width: 100%;
}

nav {
    float: left
}

.menubar nav>ul {
    padding: 0;
    margin: 0;
}

.menubar nav>ul>li {
    font-family: montserrat;
    font-size: 14px;
    font-weight: 200;
    margin: 0;
    width: auto;
}

.menubar nav>ul>li:before {
    display: none
}

.menubar nav>ul>li>a {
    float: left;
    padding: 35px 20px;
}

.header-search {
    float: right;
    width: 45px;
    text-align: center;
    padding: 38px 0;
    position: relative;
}

.header-search form {
    padding: 20px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 340px;
    background: #FFF;
    -webkit-box-shadow: 0 2px 2px rgba(126, 126, 126, 0.57);
    -moz-box-shadow: 0 2px 2px rgba(126, 126, 126, 0.57);
    -ms-box-shadow: 0 2px 2px rgba(126, 126, 126, 0.57);
    -o-box-shadow: 0 2px 2px rgba(126, 126, 126, 0.57);
    box-shadow: 0 2px 2px rgba(126, 126, 126, 0.57);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9) translateY(40px);
    -moz-transform: scale(0.9) translateY(40px);
    -ms-transform: scale(0.9) translateY(40px);
    -o-transform: scale(0.9) translateY(40px);
    transform: scale(0.9) translateY(40px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.header-search.active form {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.header-search form button {
    background: none;
    border: 0 none;
    height: 40px;
    position: absolute;
    right: 20px;
    width: 40px;
}


/*=============== Header Style 2 ===================*/

header.style2 .topbar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #ededef;
    padding: 15px 0;
}

header.style2 .topbar span {
    margin-right: 30px
}

.app-btn {
    color: #fff;
    float: right;
    font-family: montserrat;
    font-size: 14px;
    margin-top: 25px;
    padding: 12px 30px 13px;
    text-transform: uppercase;
}

.app-btn:hover {
    color: #FFF;
    background: #333;
}


/*=============== Header Style 3 ===================*/

header.style3 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

header.style3 .topbar:before,
header.style3 .topbar:after {
    display: none
}

header.style3 .topbar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    padding: 14px 15px;
}

header.style3 .topbar span {
    color: #fff;
    margin: 0 30px 0 0;
}

header.style3 .topbar span.socials {
    float: right;
    margin: 0;
}

header.style3 .topbar span.socials a {
    color: #fff;
    float: left;
    line-height: 18px;
}

header.style3 nav {
    float: right
}

header.style3 nav>ul>li {
    color: #fff
}


/*=============== Header Style 4 ===================*/

header.style4 .logo {
    display: unset;
    float: left;
    padding: 35px 0 5px;
    text-align: center;
    width: 100%;
}

header.style4 .header-wrap {
    display: unset;
    float: left;
    text-align: center;
    width: 100%;
}

header.style4 .header-wrap nav {
    display: inline-block;
    float: none;
    text-align: left;
    margin: 0 0 -8px;
}

header.style4 .header-wrap nav>ul>li>a {
    line-height: 25px;
    padding: 25px 20px;
}

header.style4 .logo img {
    float: none;
}


/*=============== Dropdown ===================*/

nav>ul ul {
    position: absolute;
    top: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    min-width: 275px;
    padding: 20px 0;
    background: #FFF;
    -webkit-box-shadow: 0px 2px 2px rgba(126, 126, 126, 0.57);
    -moz-box-shadow: 0px 2px 2px rgba(126, 126, 126, 0.57);
    -ms-box-shadow: 0px 2px 2px rgba(126, 126, 126, 0.57);
    -o-box-shadow: 0px 2px 2px rgba(126, 126, 126, 0.57);
    box-shadow: 0px 2px 2px rgba(126, 126, 126, 0.57);
    border: 2px solid #f5f5f4;
}

nav>ul ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: table;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 500;
    padding: 0 40px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
}

nav>ul ul li:before {
    display: none
}

nav>ul ul li a {
    border-bottom: 1px solid #dfdfdf;
    padding: 4px 0;
    float: left;
    width: 100%;
}

nav>ul ul li:last-child>a {
    border: 0
}

nav>ul li:hover>ul {
    opacity: 1;
    visibility: visible;
}

nav>ul ul ul {
    left: 100%;
    top: 0;
    background: #f5f5f5;
    min-width: 215px;
    box-shadow: none;
}

nav>ul ul ul li a {
    border: 0
}

nav>ul ul li.has-children:before {
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    font-family: fontawesome;
    font-size: 14px;
    color: inherit;
}


/*=============== Responsive Header ===================*/

.responsive-header {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10000;
    display: none;
}

.responsive-header .topbar {
    padding: 15px
}

.responsive-header .topbar:after,
.responsive-header .topbar:before {
    display: none
}

.responsive-header .topbar span {
    margin-right: 20px
}

.responsive-logobar {
    float: left;
    width: 100%;
    text-align: center;
    padding: 25px 10px;
    border-bottom: 3px solid #cecece;
}

.responsive-logo {
    float: left
}

.menu-button {
    color: #fff;
    float: right;
    height: 40px;
    text-align: center;
    width: 40px;
    line-height: 40px;
}

.menu-button:hover {
    color: #FFF
}

.responsive-menu {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #FFF;
    overflow: auto;
    -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    /* easeOutExpo */
    -webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    /* easeOutExpo */
}

.responsive-menu.slidein {
    left: 0;
    opacity: 1;
}

.responsive-menu ul {
    float: left;
    width: 100%;
    padding: 0 30px;
    margin: 0;
}

.responsive-menu ul li {
    border-bottom: 1px solid #d3d3d3;
    float: left;
    font-family: poppins;
    font-size: 13px;
    margin: 0;
    width: 100%;
    font-weight: 500;
}

.responsive-menu ul li:before {
    display: none
}

.responsive-menu ul li a {
    float: left;
    width: 100%;
    padding: 15px 0px;
    position: relative;
}

.responsive-menu ul li.menu-item-has-children>a:before {
    content: "\f067";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
    color: #333;
    font-family: fontawesome;
    font-size: 15px;
}

.responsive-menu ul li ul {
    display: none;
    padding-left: 20px;
    background: rgba(0, 0, 0, 0.1);
}

.responsive-menu ul li:last-child {
    border: 0
}

.close-menu {
    float: right;
    color: #FFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px;
}

.close-menu:hover {
    color: #FFF
}


/*=============== Slider ===================*/

.layer1 {
    font-family: montserrat;
    font-weight: 500;
}

.layer2 {
    font-family: poppins;
    font-weight: 900;
    color: #333333;
}

.layer2 span {
    font-size: inherit!important
}

.layer3 {
    font-family: arimo;
    color: #555555;
}

.layer4 {
    font-family: montserrat;
    color: #FFF;
    text-transform: uppercase;
    border: 3px solid;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.layer4:hover {
    background: none
}

.layer5 {
    color: #232323;
    font-family: poppins;
    font-weight: 800;
}

.layer6 {
    font-family: poppins;
    font-weight: 800;
}

.layer7 {
    font-family: arimo;
    color: #444444;
    font-style: italic;
}

.layer8 {
    font-family: poppins;
    font-weight: 600;
    color: #FFF;
    letter-spacing: 0;
}

.layer8:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.layer9 {
    font-family: poppins;
    font-weight: 600;
    color: #333333;
    letter-spacing: 0;
}

.layer9:before {
    content: "";
    background: rgba(255, 255, 255, 0.85);
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.layer10 {
    background: #333333;
    color: #FFF;
    font-family: montserrat;
    text-transform: uppercase;
}

.layer10:hover {
    color: #FFF
}

.layer11 {
    font-family: poppins;
    color: #FFF;
    font-weight: 600;
}

.layer12 {
    font-family: poppins;
    font-weight: 600;
}

.layer13 {
    color: #171717;
    border-radius: 30px;
    font-family: montserrat;
    font-weight: 600;
    text-transform: uppercase;
}

.layer13:hover {
    color: #171717
}

.layer14 {
    font-family: poppins;
    color: #333333;
    font-weight: 300;
}

.layer15 {
    font-family: montserrat;
    color: #333333;
    font-weight: 800;
    text-transform: uppercase;
}

.layer16 {
    font-family: poppins;
    color: #333333;
    font-weight: 500;
    text-transform: uppercase;
}

.layer17 {
    color: #080808;
    font-family: poppins;
    font-weight: 800;
    text-transform: uppercase;
}


/*=============== Title Style ===================*/

.title {
    display: table;
    width: 570px;
    margin-bottom: 50px;
    text-align: center;
    margin: 0 auto 50px;
}

.title h2 {
    color: #333333;
    display: table;
    font-size: 30px;
    font-weight: 500;
    margin: 0 auto;
    position: relative;
}

.title span {
    float: left;
    font-family: montserrat;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
}

.title p {
    color: #444444;
    float: left;
    font-size: 15px;
    margin: 0;
    width: 100%;
}


/*=============== Services ===================*/

.easyedu-services {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: -50px;
}

.edu-service {
    float: left;
    width: 100%;
    padding: 0 40px;
    margin-bottom: 50px;
}

.edu-service span {
    border: 1px solid #dfdfdf;
    display: inline-block;
    height: 73px;
    margin-bottom: 15px;
    overflow: hidden;
    width: 73px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.edu-service img {
    display: inline-block;
    float: none;
    height: auto;
    max-width: 100%;
}

.edu-service h3 {
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
    width: 100%;
}

.edu-service p {
    float: left;
    margin: 0;
    width: 100%;
}

.button-set {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

.button-set a {
    margin: 0 5px
}

.button {
    display: inline-block;
    padding: 12px 30px;
    background: #171717;
    color: #FFF;
    font-family: montserrat;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    min-width: 197px;
    border: 2px solid transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.button:hover,
.button.active:hover {
    background: none
}

.button.active {
    color: #FFF
}

.button i {
    margin-right: 6px
}

.easyedu-services.style2 .edu-service {
    padding: 0;
    text-align: left;
}

.easyedu-services.style2 .edu-service span {
    margin: 0;
    float: left;
    margin-right: 20px;
}

.easyedu-services.style2 .edu-service h3 {
    float: none;
    overflow: hidden;
    width: auto;
    margin: 0 0 5px;
}

.easyedu-services.style2 .edu-service p {
    float: none;
    width: auto;
    overflow: hidden;
}

.edu-service i {
    display: inline-block;
    font-family: arimo;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    overflow: hidden;
}

.easyedu-services.style2 {
    margin: -10px 0 -60px
}

.edu-service span.no-border {
    border: 0 none;
    border-radius: 0;
}


/*=============== Explore Edu ===================*/

.explore-edu {
    float: left;
    width: 100%;
}

.explore-edu i {
    font-style: normal
}

.explore-edu>i {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #555555;
    font-family: montserrat;
    margin-bottom: 10px;
}

.explore-edu h2 {
    color: #333333;
    float: left;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 45px;
    width: 100%;
}

.explore-edu h2 strong {
    display: table;
    font-size: 36px;
    font-weight: inherit;
    text-transform: uppercase;
}

.explore-edu h2 span {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 0.16;
}


/*=============== Edu Tabs ===================*/

.edu-tabs {
    float: left;
    width: 100%;
}

.selectors-wrapper {
    padding: 0 22px;
    float: left;
    width: 100%;
    text-align: center;
}

.tabs-selectors {
    float: left;
    background: url(http://placehold.it/100x246) no-repeat scroll 0 0 / cover transparent;
    width: 100%;
    padding: 10px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

.selectors-inner {
    float: left;
    width: 100%;
    background: #FFF;
    margin-bottom: -25px;
    overflow: hidden;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

.selectors-inner a {
    float: left;
    width: 100%;
    padding: 30px 0;
    font-size: 16px;
    font-weight: 600;
    font-family: poppins;
    color: #333;
}

.selectors-inner a.active {
    color: #FFF
}

.selectors-inner a:nth-child(2n+1) {
    background: #f0f0f0
}

.tab-carousel {
    float: left;
    width: 100%;
}

.tab-content {
    float: left;
    width: 100%;
    text-align: right;
    padding-right: 20px;
}

.tab-content h4 {
    float: left;
    width: 100%;
    color: #333333;
    font-weight: 600;
    margin-bottom: 0;
}

.tab-content span {
    float: left;
    width: 100%;
    font-size: 12px;
    font-family: montserrat;
    font-weight: 500;
    margin-bottom: 15px;
}

.tab-content p {
    font-size: 15px;
    float: left;
    width: 100%;
}

.gap {
    float: left;
    width: 100%;
    height: 80px;
}

.easyedu-counter {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}

.counter {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.counter img {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.counter-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-left: 30px;
}

.counter-inner strong {
    color: #333333;
    float: left;
    font-family: montserrat;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 8px;
    text-transform: uppercase;
    width: 100%;
}

.counter-inner strong i {
    font-size: 38px;
    font-style: normal;
}

.counter-inner span {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #666666;
    font-family: montserrat;
    text-transform: uppercase;
    font-weight: 800;
}


/*=============== Recent Projects ===================*/

.recent-projects {
    float: left;
    width: 100%;
}

.option-isotop {
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 0 20px;
}

.option-isotop ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.option-isotop ul li {
    display: inline-block;
    float: none;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 200;
    margin: 0;
    text-transform: uppercase;
    width: auto;
}

.option-isotop ul li:before {
    display: none
}

.option-isotop ul li a {
    float: left;
    padding: 0 15px;
    position: relative;
}

.option-isotop ul li a:before {
    background: black none repeat scroll 0 0;
    content: "";
    height: 2px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 15px;
}

.option-isotop ul li a.selected:before {
    width: 20px
}

.all-projects {
    float: left;
    width: 100%;
}

.project {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

.project>img {
    width: 100%
}

.hover {
    background: rgba(66, 75, 84, 0.97) none repeat scroll 0 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.project:hover .hover {
    opacity: 1;
    visibility: visible;
}

.hover-text {
    padding: 20px 55px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hover-text>a {
    color: #d0cccb;
    display: table;
    font-family: montserrat;
    font-size: 14px;
    margin: 0 0 12px;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}

.project:hover .hover .hover-text>a {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    -ms-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.2s;
}

.hover-text>h4 {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}

.project:hover .hover .hover-text>h4 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease 0.4s;
    -moz-transition: all 0.3s ease 0.4s;
    -ms-transition: all 0.3s ease 0.4s;
    -o-transition: all 0.3s ease 0.4s;
    transition: all 0.3s ease 0.4s;
}

.hover-text>h4 a:hover {
    color: #fff
}

.link {
    bottom: 0;
    color: #fff;
    height: 42px;
    left: 50px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    width: 42px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.project:hover .hover .link {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.4s ease 0.6s;
    -moz-transition: all 0.4s ease 0.6s;
    -ms-transition: all 0.4s ease 0.6s;
    -o-transition: all 0.4s ease 0.6s;
    transition: all 0.4s ease 0.6s;
}

.all-projects.narrow-gaps .row {
    margin: 0 -5px
}

.all-projects.narrow-gaps .masonary>div {
    padding: 0 5px
}

.all-projects.narrow-gaps .project {
    margin-bottom: 10px
}

.loadmore-btn {
    float: left;
    margin: 50px 0 0;
    text-align: center;
    width: 100%;
}

.loadmore-btn>a {
    color: #fff;
    display: inline-block;
    font-family: montserrat;
    font-size: 12px;
    padding: 13px 50px;
    text-transform: uppercase;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.loadmore-btn>a:hover {
    background: #424b54;
    color: #FFF;
}

.hover-text>span {
    float: left;
    font-family: roboto;
    font-size: 24px;
    margin: 0 0 10px;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}

.project:hover .hover .hover-text>span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    -ms-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.2s;
}


/*=============== Find Course ===================*/

.parallax-title {
    float: left;
    width: 100%;
    text-align: center;
}

.parallax-title i {
    float: left;
    font-family: montserrat;
    font-size: 15px;
    font-style: normal;
    margin-bottom: 12px;
    width: 100%;
}

.parallax-title h2 {
    color: #424b54;
    float: left;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
    width: 100%;
}

.parallax-title span {
    float: left;
    font-family: poppins;
    font-size: 26px;
    font-weight: 500;
    width: 100%;
}

.parallax-title p {
    color: #555555;
    float: left;
    font-size: 15px;
    margin: 10px 0 0;
    width: 100%;
}

.search-course {
    float: left;
    margin-top: 50px;
    width: 100%;
}

.search-course input {
    background: rgba(137, 137, 137, 0.3) none repeat scroll 0 0;
    color: #585555;
    font-family: arimo;
    font-size: 12px;
    height: 55px;
    margin: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.search-course button {
    max-width: 100%;
    min-width: 0;
    padding: 14px 10px;
    width: 100%;
}

.search-course .row {
    margin: 0 -5px
}

.search-course .row>div {
    padding: 0 5px
}

.search-course.style2 {
    margin-top: 20px
}


/*=============== Educational Programs ===================*/

.side-title {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.side-title span {
    float: left;
    font-family: montserrat;
    font-size: 13px;
    width: 100%;
}

.side-title h2 {
    float: left;
    font-size: 30px;
    line-height: 1.4;
    margin: 0;
    width: 100%;
}

.side-title h2 i {
    font-style: normal
}

.educational-programs {
    float: left;
    width: 100%;
    margin-bottom: -40px;
    padding-right: 40px;
}

.educational-programs p {
    font-size: 15px;
    margin-bottom: 50px;
}

.program {
    display: table;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.prog-icon {
    display: table-cell;
    vertical-align: top;
    width: 78px;
}

.prog-icon span {
    border-radius: 50%;
    float: left;
    height: 78px;
    line-height: 97px;
    text-align: center;
    width: 78px;
}

.prog-icon span img {
    float: none
}

.prog-detail {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.prog-detail h4 {
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    width: 100%;
}

.prog-detail p {
    float: left;
    font-size: 13px;
    letter-spacing: 0;
    margin: 0;
    width: 100%;
}

.mockup {
    float: left;
    width: 100%;
    text-align: center;
}

.mockup img {
    float: none;
    margin: 0 -54px -8px -34px;
    width: calc(100% + 88px);
}


/*=============== Our Education Staff ===================*/

.educational-staff {
    float: left;
    width: 100%;
    padding: 0 105px;
    margin-bottom: -60px;
}

.staff {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}

.staff-img {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.staff-img img {
    width: 100%
}

.staff-detail {
    float: left;
    width: 100%;
}

.staff-detail h4 {
    color: #333;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    width: 100%;
}

.staff-detail span {
    float: left;
    width: 100%;
    font-family: montserrat;
    font-size: 12px;
}

.connected {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.connected strong {
    color: #666666;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 500;
    margin-right: 15px;
    margin-top: 4px;
    text-transform: uppercase;
}

.connected a {
    color: #767676;
    float: left;
    font-size: 15px;
    text-align: center;
    width: 30px;
}


/*=============== Upcoming Event ===================*/

.edu-event {
    display: table;
    width: 100%;
}

.event-img {
    display: table-cell;
    vertical-align: top;
}

.event-detail {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 160px 20px 60px;
    position: relative;
}

.event-date {
    float: left;
    width: 110px;
    text-align: center;
    padding-right: 35px;
    font-size: 12px;
    font-family: poppins;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.event-date span {
    color: #171717;
    float: left;
    font-size: 55px;
    width: 100%;
    line-height: 1.2;
}

.event-description {
    overflow: hidden
}

.event-description>i {
    color: #171717;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 100%;
}

.event-description h3 {
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px;
    width: 100%;
}

.event-description h3 a:hover {
    color: #171717
}

.loc {
    color: #e8e8e5;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 10px;
    width: 100%;
}

.event-description p {
    color: #fff;
    margin: 0;
}

.event-btn {
    color: #FFF;
    background: #171717;
    padding: 13px 30px;
    font-size: 12px;
    font-family: montserrat;
    text-transform: uppercase;
    border: 2px solid transparent;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.event-btn:hover {
    background: none;
    border-color: #171717;
    color: #171717;
}


/*=============== Education Tips & News ===================*/

.edu-blog {
    float: left;
    width: 100%;
    margin-bottom: -55px;
}

.edu-post {
    float: left;
    width: 100%;
    margin-bottom: 55px;
    text-align: left;
}

.post-img {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.post-img img {
    width: 100%
}

.post-detail {
    float: left;
    width: 100%;
}

.post-detail span {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 14px;
    width: 100%;
}

.post-detail h3 {
    float: left;
    font-size: 16px;
    font-weight: 600;
    padding-right: 80px;
    width: 100%;
}

.meta {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    padding: 0;
}

.meta li {
    color: #999999;
    display: inline-block;
    float: none;
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 20px 0 0;
    width: auto;
}

.meta li:before {
    color: inherit;
    content: "-";
    font-size: 20px;
    left: -16px;
    top: -3px;
}

.meta li:first-child:before {
    display: none
}

.post-detail p {
    margin: 0
}


/*=============== Logos Carousel ===================*/

.logos-carousel {
    float: left;
    margin: -30px 0;
    text-align: center;
    width: 100%;
}

.logos-carousel a {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 20px;
}

.logos-carousel a img {
    float: none;
    max-width: 100%;
}

.owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    height: 0;
    width: 100%;
}

.owl-nav>div {
    background: url(../images/arrow.png);
    float: left;
    width: 20px;
    height: 39px;
    margin-top: -20px;
    margin-left: -50px;
    color: transparent;
}

.owl-nav>div.owl-next {
    float: right;
    margin-left: 0;
    margin-right: -50px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/*=============== Register and Video ===================*/

.register-video {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0 70px;
    margin-top: 40px;
}

.register-video .button {
    margin-bottom: 110px
}

.video-img {
    float: left;
    width: 100%;
    position: relative;
}

.video-img>img {
    width: 100%
}

.register-video:before {
    content: "";
    position: absolute;
    left: -200%;
    height: 45%;
    background: #FFF;
    bottom: 0;
    width: 600%;
}

.video-img:before {
    background: #424b54;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0.75;
    position: absolute;
    left: 0;
    top: 0;
}

.video-img a {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}


/*=============== Fancy Gallery ===================*/

.fancy-gallery {
    float: left;
    width: 100%;
    margin-bottom: -80px;
    margin-top: -60px;
}

.fancy-gallery .row {
    margin: 0 -5px
}

.edu-col {
    float: left;
    padding: 0 2px;
}

.edu-col a {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.edu-col a img {
    width: 100%
}


/*=============== Page Top ===================*/

.pagetop {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}

.pagetop img {
    width: 100%;
}

.pagetop:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    opacity: 0.9;
}

.pagetop-inner {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pagetop-inner h1 {
    color: #444444;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}

.breadcrumbs {
    margin: 0;
    padding: 0;
}

.breadcrumbs li {
    width: auto;
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    font-size: 13px;
    font-family: montserrat;
    font-size: 13px;
}

.breadcrumbs li:before {
    content: "-";
    font-size: 22px;
    left: -6px;
    top: -2px;
}

.breadcrumbs li:first-child:before {
    display: none
}


/*=============== Column Title ===================*/

.column-title {
    float: left;
    width: 100%;
}

.column-title i {
    float: left;
    width: 100%;
    font-size: 13px;
    font-family: montserrat;
    letter-spacing: 0.16;
    font-weight: 800;
    margin-bottom: 10px;
    font-style: normal;
}

.column-title h2 {
    float: left;
    width: 100%;
    font-size: 24px;
    letter-spacing: 0.3px;
    font-weight: 800;
    margin: 0;
}

.column-title h2 span {
    font-size: 18px;
    font-weight: 500;
}


/*=============== Pagination ===================*/

.pagination {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 80px;
    padding: 0;
    margin-bottom: 0;
}

.pagination li {
    float: none;
    width: ;
    width: auto;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    font-family: montserrat;
    color: #555555;
    width: auto;
    letter-spacing: 8px;
    line-height: 46px;
    height: 46px;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
}

.pagination li:before {
    display: none
}

.pagination li:first-child a,
.pagination li:last-child a {
    background: #555555
}

.pagination li a {
    float: left;
    width: 46px;
    letter-spacing: 0;
    height: 46px;
    font-size: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.pagination li a img {
    float: none;
    display: inline-block;
}

.pagination li:last-child a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagination li:last-child a img {
    margin-bottom: -2px
}

.pagination li a:hover,
.pagination li a.active {
    color: #FFF
}

.pagination li:first-child,
.pagination li:last-child {
    line-height: 50px
}


/*=============== Blog Detail Page ===================*/

.detail-page {
    float: left;
    padding: 0 70px;
    width: 100%;
}

.detail-page img {
    max-width: 100%
}

.date {
    color: #333333;
    float: left;
    font-family: montserrat;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    width: 100%;
}

.date>img {
    display: inline-block;
    float: none;
    margin-right: 5px;
    vertical-align: middle;
}

.date>span {
    font-size: 12px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
}

.sub-title {
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin-bottom: 15px;
    width: 100%;
    font-weight: 800;
}

.post-title {
    float: left;
    font-size: 26px;
    font-weight: 500;
    margin: 0;
    width: 100%;
}

.detail-page .meta {
    margin: 0 0 15px;
}

.detail-page .meta>li:first-child {
    padding-left: 0
}

.meta li.meta-tags:before {
    display: none
}

.meta li.meta-tags {
    padding-left: 0
}

.detail-page .meta li.meta-tags i {
    color: #7b7b7b
}

.single-post-img {
    float: left;
    margin-left: -70px;
    margin-top: 15px;
    margin-bottom: 40px;
    text-align: center;
    width: calc(100% + 140px);
    position: relative;
}

.single-post-img img {
    max-width: 100%
}

blockquote {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #555555;
    float: left;
    font-family: montserrat;
    font-size: 16px;
    margin: 15px 0 40px -70px;
    padding: 50px 80px;
    position: relative;
    width: calc(100% + 140px);
    z-index: 1;
}

blockquote:before {
    color: #dfe5e9;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 65px;
    z-index: -1;
    position: absolute;
    left: 65px;
    top: 60px;
}

.alignleft {
    float: left;
    margin-right: 30px;
}

.alignright {
    float: right;
    margin-left: 30px;
}

.tags-share {
    border-bottom: 4px double #f7f7f7;
    border-top: 4px double #f7f7f7;
    float: left;
    padding: 20px 0;
    width: 100%;
}

.tags {
    float: left;
    width: 65%;
    margin-top: 10px;
}

.gray-small-title {
    color: #666666;
    float: left;
    font-family: poppins;
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}

.tags>a {
    color: #8799a3;
    float: left;
    font-family: arimo;
    font-size: 14px;
    padding-right: 5px;
}

.share-post {
    float: right;
    max-width: 35%;
}

.share-post>a {
    background: #eee none repeat scroll 0 0;
    color: #555555;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

.share-post>a:hover {
    color: #FFF
}

.share-post strong.gray-small-title {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.edu-author {
    display: table;
    float: left;
    margin-top: 60px;
    width: 100%;
}

.edu-author>img {
    display: table-cell;
    float: none;
    padding: 25px 0;
    vertical-align: middle;
}

.author-detail {
    display: table-cell;
    padding: 0 0 0 30px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.author-detail>h5 {
    float: left;
    font-family: montserrat;
    font-size: 17px;
    width: 100%;
}

.author-detail>p {
    margin: 0
}

.edu-comments {
    float: left;
    margin-top: 80px;
    width: 100%;
}

.simple-title {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}

.simple-title>i {
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-style: normal;
    width: 100%;
}

.simple-title h2 {
    color: #323232;
    float: left;
    font-size: 24px;
    font-weight: 500;
    width: 100%;
}

.edu-comments>ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.edu-comments ul ul {
    margin: 0;
    padding: 0 0 0 50px;
}

.edu-comments>ul li:before {
    display: none
}

.edu-comments>ul li {
    margin-bottom: 20px
}

.edu-comments>ul li ul {
    margin-top: 20px
}

.comment {
    display: table;
    width: 100%;
}

.comment-img {
    display: table-cell;
    padding: 15px 0;
    position: relative;
    vertical-align: top;
}

.comment-detail {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 0 0 0 30px;
    position: relative;
}

.comment-name {
    float: left;
    margin-bottom: 12px;
    width: 100%;
}

.comment-name>strong {
    color: #323232;
    float: left;
    font-family: poppins;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    margin-right: 50px;
}

.comment-name>i {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-style: normal;
}

.comment-img>img {
    width: 130px
}

.reply {
    background: black none repeat scroll 0 0;
    color: #fff;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: 22px;
    padding: 2px 20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 110px;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    -o-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
}

.reply:hover {
    color: #FFF
}

.comment-detail>p {
    margin: 0
}

.comments-form {
    float: left;
    margin-top: 60px;
    width: 100%;
}

.comments-form>form .row {
    margin: 0 -2.5px
}

.comments-form>form .row>div {
    padding: 0 2.5px
}

.comments-form>form button {
    margin-top: 10px
}


/*=============== Sidebar ===================*/

.sidebar form.searchform {
    float: left;
    width: 100%;
    position: relative;
}

.sidebar form.searchform input {
    height: 58px;
    margin: 0;
}

.sidebar form.searchform button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #747272;
    font-size: 14px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    width: 50px;
}

.widget-title h4 {
    float: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    margin: 3px 0 0;
    width: 100%;
}

.sidebar-blogs {
    float: left;
    margin-bottom: -20px;
    width: 100%;
}

.sidebar-post {
    display: table;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.sidebar-post>img {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.post-inner {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    width: 100%;
}

.post-inner>h3 {
    float: left;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 5px;
    width: 100%;
}

.post-inner>span {
    float: left;
    font-family: montserrat;
    font-size: 11px;
    width: 100%;
}

.sidebar .widget li {
    border-bottom: 1px solid #dedede;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 8px 0 8px 18px;
    position: relative;
}

.sidebar .widget li a {
    float: left
}

.sidebar .widget li:last-child {
    border: 0 none
}

.sidebar .widget li:after {
    border-bottom: 4px solid transparent!important;
    border-left: 4px solid #5d5d5d;
    border-top: 4px solid transparent!important;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 15px;
    width: 0;
}

.video-widget {
    float: left;
    text-align: center;
    width: 100%;
}

.video-widget>span {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 25px;
    width: 100%;
}

.video-widget>h4 {
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0 0;
    width: 100%;
}

.video-widget .video-img a img {
    width: 50px
}

.tagcloud {
    float: left;
    width: 100%;
}

.tagcloud>a {
    background: #fafafa none repeat scroll 0 0;
    color: #555;
    float: left;
    font-size: 12px;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 11px 16px;
}

.tagcloud>a:hover {
    color: #FFF
}


/*=============== Detail Page ===================*/

.course-info {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.course-info>span {
    float: left;
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-right: 50px;
}

.course-info>span i {
    font-style: normal;
    margin-right: 10px;
}

.abt-course,
.abt-event {
    float: left;
    margin: 10px 0 30px;
    width: 100%;
}

.course-teacher,
.event-org {
    display: table;
    float: left;
    width: 33.334%;
}

.course-teacher>img,
.event-org>img {
    display: table-cell;
    float: none;
    vertical-align: middle;
    max-width: none;
}

.course-teacher>strong,
.event-org>strong {
    color: #555555;
    display: table-cell;
    font-family: montserrat;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: 1px;
    padding-left: 20px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}

.course-teacher>strong i,
.event-org>strong i {
    color: #999;
    display: table;
    font-style: normal;
}

.abt-course .button.active,
.abt-event .button.active {
    font-size: 11px;
    margin-top: 5px;
    padding: 17px 50px;
}

.single-post-img .course-price {
    font-size: 17px;
    font-weight: 600;
    left: 0;
    padding: 12px 30px 13px 40px;
    position: absolute;
    top: 30px;
}

.single-post-img .course-price:before {
    border-top-width: 24px
}

.single-post-img .course-price:after {
    border-bottom-width: 24px
}

.author-detail>span {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}

.author-detail>h4 {
    float: left;
    font-size: 17px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}

.author-detail>h4 i {
    font-family: montserrat;
    font-size: 12px;
    font-style: normal;
    margin-left: 10px;
    text-transform: capitalize;
}

.edu-author.inst>img {
    padding: 55px 0
}


/*=============== Events Page ===================*/

.events-page {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}

.events-page .edu-event {
    background: #fafafa none repeat scroll 0 0;
    margin-bottom: 30px;
}

.events-page .event-date {
    color: #444444
}

.events-page .event-description h3 {
    color: #444
}

.events-page .event-detail {
    background: #eee;
    padding: 20px 60px;
}

.events-page .event-detail .loc {
    color: #838383
}

.events-page .event-description p {
    color: #555555
}


/*=============== Events Detail Page ===================*/

.event-intro {
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

.event-intro .event-date {
    color: #444
}

.event-intro-details {
    display: table-cell;
    vertical-align: middle;
}

.event-intro-details>i {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}

.event-intro-details>h2 {
    float: left;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
}

.event-infos {
    margin: 0;
    padding: 0;
}

.event-infos>li {
    color: #999999;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-bottom: 15px;
}

.event-infos>li:before {
    display: none
}

.event-infos>li strong {
    color: #555555;
    font-size: 12px;
    text-transform: uppercase;
}

.event-infos>li:last-child {
    margin: 0
}

.org-email {
    color: #999999;
    float: left;
    font-family: montserrat;
    font-weight: 800;
    font-size: 11px;
    padding: 10px 0;
    width: 33.334%;
}

.org-email strong {
    color: #555555;
    display: table;
    text-transform: uppercase;
}

.map {
    float: left;
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.map>div {
    float: left;
    min-height: 400px;
    width: 100%;
}

.detail-page .map {
    margin-top: 45px
}


/*=============== Team Single Page ===================*/

.detail-page.team-single {
    padding: 0
}

.member-intro {
    display: table;
    float: left;
    margin-bottom: 45px;
}

.member-img {
    display: table-cell;
    vertical-align: top;
}

.member-img img {
    max-width: none
}

.member-intro-description {
    display: table-cell;
    padding-right: 100px;
    vertical-align: middle;
}

.member-intro-description>h2 {
    float: left;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px;
    width: 100%;
}

.member-intro-description>span {
    float: left;
    font-family: montserrat;
    font-size: 13px;
    width: 100%;
}

.member-intro-description>p {
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.personal-info {
    font-family: montserrat;
    font-size: 13px;
    padding: 0;
}

.personal-info li strong {
    color: #666666;
    float: left;
    text-transform: uppercase;
    width: 40%;
}

.personal-info li:before {
    display: none
}

.member-intro .connected {
    margin: 0;
    position: relative;
}


/*=============== Simple Gallery ===================*/

.simple-gallery {
    float: left;
    padding: 0 30px;
    width: 100%;
    margin-bottom: -50px;
}

.container .simple-gallery {
    padding: 0
}

.simple-gallery-img {
    float: left;
    margin-bottom: 50px;
    text-align: center;
    width: 100%;
}

.gallery-img {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.gallery-img img {
    width: 100%
}

.gallery-img a {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.simple-gallery-img>h5 {
    float: left;
    font-size: 16px;
    margin: 0 0 5px;
    padding: 0 50px;
    width: 100%;
}

.simple-gallery-img>span {
    color: #999999;
    float: left;
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}


/*=============== Contact Page ===================*/

.traditional-title {
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.touch {
    float: left;
    width: 100%;
}

.touch>p {
    font-size: 15px;
    margin-bottom: 20px;
}

.touch ul {
    padding: 0;
    margin: 0;
}

.touch ul li {
    display: table;
    margin-bottom: 20px;
}

.touch ul li:last-child {
    margin: 0
}

.touch ul li:before {
    display: none
}

.touch ul li span {
    display: table-cell;
    vertical-align: middle;
    width: 82px;
    height: 82px;
    background: black;
    text-align: center;
}

.touch ul li span img {
    float: none;
    margin: 8px 0 0;
}

.touch ul li p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    font-family: montserrat;
    font-size: 15px;
    padding-right: 40px;
}

.touch ul li p strong i {
    color: #636363;
    font-style: normal;
}

.contact-form {
    float: left;
    width: 100%;
}

.contact-form input,
.contact-form textarea {
    background: rgba(137, 137, 137, 0.3) none repeat scroll 0 0;
    color: #374953;
    font-family: arimo;
    font-size: 12px;
    margin-bottom: 20px;
}

.contact-form textarea {
    min-height: 220px
}

.full-btn.button {
    width: 100%;
    font-size: 14px;
}

.fancy-map {
    float: left;
    width: 100%;
    margin-top: 95px;
    position: relative;
}

.fancy-map:before {
    content: "";
    width: 400%;
    height: 80%;
    background: white;
    position: absolute;
    bottom: -110px;
    left: -100%;
}


/*=============== Filter FAQ'S ===================*/

.filter-faq {
    float: left;
    margin-bottom: 60px;
    padding: 0 65px;
    width: 100%;
}

.filter-faq h2 {
    float: left;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    width: 100%;
}

.filter-faq p {
    float: left;
    font-size: 15px;
    margin: 0;
    width: 100%;
}

.edu-search {
    float: left;
    position: relative;
    width: 100%;
}

.edu-search>input {
    background: #efefef none repeat scroll 0 0;
    color: #747272;
    font-size: 11px;
    margin: 0;
}

.edu-search>button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #747272;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 60px;
}

.edu-accordion.toggle {
    float: left;
    width: 100%;
}

.toggle-item {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.toggle-item>h2 {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #333;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin: 0;
    padding: 25px 10px 25px 100px;
    position: relative;
    cursor: pointer;
    width: 100%;
}

.toggle-item h2.active {
    background: #efefef
}

.toggle-item>h2:before {
    color: #fff;
    content: "\f04b";
    font-family: fontawesome;
    font-size: 8px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    padding-left: 3px;
    text-align: center;
    position: absolute;
    left: 35px;
    top: 15px;
}

.content {
    float: left;
    padding: 35px 35px 0;
    width: 100%;
}


/*=============== Simple Mockup ===================*/

.simple-mockup {
    float: left;
    margin: -180px 0 -110px;
    text-align: center;
    width: 100%;
}

.simple-mockup img {
    display: inline-block;
    float: none;
    margin-bottom: -4px;
    max-width: 100%;
}

.simple-parallax-title {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.simple-parallax-title>h2 {
    float: left;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    width: 100%;
}

.simple-parallax-title>p {
    float: left;
    margin: 0;
    width: 100%;
}

.parallax-title a.button {
    margin-top: 30px
}


/*=============== Error Page ===================*/

.error-page {
    background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    margin-top: 110px;
    padding: 0 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

.error-page>h1 {
    font-size: 250px;
    font-weight: 800;
    line-height: 220px;
    margin-bottom: 0;
    margin-top: -110px;
    position: relative;
}

.error-page>h1:before {
    background: #f9f9f9;
    content: "";
    height: 110px;
    margin-left: -70px;
    width: 140px;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.error-page strong {
    color: #555555;
    float: left;
    font-family: poppins;
    font-size: 22px;
    margin-bottom: 10px;
    padding: 0 30px;
    width: 100%;
}

.error-page>p {
    color: #666666;
    float: left;
    font-size: 16px;
    width: 100%;
}

.error-page .edu-search {
    margin-left: -30px;
    margin-top: 40px;
    width: calc(100% + 60px);
}

.error-page .edu-search input {
    background: #e6e6e6
}

.error-page .edu-search button {
    color: #222
}


/*=============== Search Result Page ===================*/

.search-result {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.search-result h3 {
    color: #545454;
    float: left;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
    width: 100%;
}

.search-result>form {
    background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    margin-bottom: 30px;
    margin-top: -20px;
    padding: 20px;
    width: 100%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

.search-result button {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.search-result input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dadada;
    height: 48px;
    margin: 0;
    padding: 10px 40px;
}

.search-result>form .row {
    margin: 0 -3px -25px 0
}

.search-result>form .row>div {
    padding: 0 3px;
}

.search-result>h5 {
    color: #545454;
    float: left;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    width: 100%;
}

.search-result>h5 span {
    font-family: montserrat;
    text-transform: capitalize;
}

.list .edu-post {
    display: table
}

.list .edu-post .post-img {
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: top;
    width: auto;
}

.list .edu-post .post-img img {
    width: auto
}

.list .edu-post .post-detail {
    display: table-cell;
    float: none;
    padding-left: 30px;
    vertical-align: middle;
    width: auto;
}

.search-result~.edu-blog.list {
    padding-right: 100px
}


/*=============== Registration Page ===================*/

.registration-page {
    float: left;
    padding: 0 170px;
    width: 100%;
}

.reg-form-wrapper {
    background: transparent url("http://placehold.it/830x600") no-repeat scroll 0 0 / cover;
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
}

.reg-form-wrapper:before,
.reg-form-wrapper:after {
    background: #f6f6f6;
    content: "";
    height: 100%;
    opacity: 0.9;
    width: 50%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}

.reg-form-wrapper:after {
    background: #eaeaea;
    left: auto;
    right: 0;
}

.form-block {
    float: left;
    padding: 90px 60px;
    width: 50%;
}

.form-block h2 {
    float: left;
    font-size: 22px;
    margin-bottom: 5px;
    width: 100%;
}

.form-block p {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    width: 100%;
}

.form-block form {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}

.form-block form input {
    background: rgba(137, 137, 137, 0.3) none repeat scroll 0 0;
    color: #050505;
    font-family: arimo;
    font-size: 11px;
    height: 48px;
    padding: 10px 30px;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.forgot,
.forgot:hover {
    display: inline-block;
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    margin-top: 25px;
    text-decoration: underline;
}

.form-block form button.small {
    margin-top: 25px;
    width: auto;
}

.transparent-socials {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}

.transparent-socials a {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 37px;
    text-align: center;
    width: 37px;
}

.transparent-socials a:hover {
    color: #fff
}


/*=============== Appointment ===================*/

.overlap-mockup {
    float: left;
    margin: -200px 0 -110px;
    text-align: center;
    width: 100%;
}

.overlap-mockup img {
    width: 100%
}

.appointment-form {
    float: left;
    margin: 40px 0 0;
    width: 100%;
}

.appointment-form h1 {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 10px;
    width: 100%;
}

.appointment-form>span {
    color: #f8f8f8;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
}

.appointment-form>form {
    float: left;
    margin: 40px 0 0;
    width: 100%;
}

.appointment-form>form input {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    color: #171717;
    float: left;
    font-size: 14px;
    height: 49px;
    margin: 0 0 10px;
    padding: 10px 30px;
    width: 100%;
}

.appointment-form>form select {
    border: 0 none;
    color: #878787;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    height: 49px;
    margin: 0 0 10px;
    padding: 10px 25px;
    width: 100%;
}

.dark-btn,
.color-btn {
    background: #171717 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-family: montserrat;
    font-size: 14px;
    padding: 11px 20px;
    text-transform: uppercase;
}

.dark-btn:hover {
    background: #eee
}

.appointment-form .dark-btn {
    float: right
}

.appointment-form .color-btn {
    float: right
}


/*=============== Fix Testimonials ===================*/

.fix-testimonials {
    float: left;
    width: 100%;
}

.fix-review {
    float: left;
    padding: 15px 0 0 55px;
    position: relative;
    width: 100%;
}

.fix-review>img {
    border-bottom: 10px solid #fff;
    border-right: 10px solid #fff;
    left: 0;
    position: absolute;
    top: 0;
}

.review-inner {
    background: #f8f8f8 none repeat scroll 0 0;
    float: left;
    padding: 55px 60px 40px 100px;
    width: 100%;
}

.review-info {
    float: left;
    width: 100%;
}

.review-info>h3 {
    color: #333333;
    float: left;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    margin: 0;
    max-width: 50%;
}

.stars {
    float: right;
    font-size: 15px;
    max-width: 50%;
}

.review-info>span {
    float: left;
    font-family: montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 3px 0 10px;
    width: 100%;
}

.review-inner>p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #353535;
    margin: 0;
    font-style: italic;
}

.owl-dots {
    float: right;
    margin-top: 30px;
    position: relative;
    width: 100%;
}

.owl-dot {
    background: #bbbbbb none repeat scroll 0 0;
    float: right;
    height: 4px;
    margin-left: 3px;
    width: 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.owl-dot.active {
    width: 20px
}

.fix-testimonials.style2 .fix-review {
    background: #fff none repeat scroll 0 0;
    padding: 30px;
}

.fix-testimonials.style2 .fix-review>img {
    border: 0 none;
    float: left;
    position: relative;
}

.fix-testimonials.style2 .fix-review>.review-inner {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: table-cell;
    float: none;
    padding: 0 0 0 30px;
    width: auto;
}

.appointment-form.no-margin {
    margin: 0
}


/*=============== Timetable Box ===================*/

.timetable-box {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 4px solid #d7d7d7;
    float: left;
    padding: 30px;
    text-align: center;
    width: 100%;
}

.timetable-box>i {
    float: left;
    font-size: 12px;
    font-style: normal;
    width: 100%;
}

.timetable-box>h3 {
    float: left;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin: 7px 0 20px;
    text-transform: uppercase;
    width: 100%;
}

.timetable-box>ul {
    margin: 0;
    padding: 0;
}

.timetable-box>ul li::before {
    display: none;
}

.timetable-box>ul li {
    float: left;
    line-height: 2;
    margin: 0;
    padding: 15px 0;
    position: relative;
    width: 100%;
}

.timetable-box>ul li span {
    color: #171717;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}

.timetable-box ul li i {
    color: #6c6c6c;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    font-style: normal;
    width: 100%;
}

.timetable-box>ul li::before {
    background: #d7d7d7 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: auto;
    width: 60px;
    z-index: 1;
}

.timetable-box>ul li:last-child {
    padding-bottom: 0;
}

.timetable-box>ul li:last-child::before {
    display: none;
}


/*=============== Fix Service ===================*/

.fix-service {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.fix-services {
    float: left;
    margin: 0 0 -30px;
    width: 100%;
}

.service-img {
    float: left;
    margin: 0 0 25px;
    width: 100%;
}

.service-img>img {
    width: 100%
}

.fix-service>h3 {
    float: left;
    font-size: 15px;
    line-height: 1.2;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 100%;
}

.fix-service>p {
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.fix-service>a {
    float: left;
    font-size: 12px;
    font-weight: 600;
}


/*=============== Counters Style 2 ===================*/

.easyedu-counter.style2 .counter-inner {
    padding: 0;
    text-align: center;
}

.easyedu-counter.style2 {
    margin: -30px 0 -60px;
}

.easyedu-counter.style2 .counter-inner>span {
    color: #7c7c7c;
    font-weight: 500;
}

.mockup.style2>img {
    margin: -70px 0 -8px;
    width: 100%;
}


/*=============== Fix Welcome ===================*/

.fix-welcome {
    display: table;
    width: 100%;
}

.fix-welcome-text {
    display: table-cell;
    padding-bottom: 60px;
    padding-right: 30px;
    vertical-align: middle;
}

.fix-welcome>img {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.fix-welcome-text>h2 {
    color: #000;
    float: left;
    font-family: montserrat;
    font-size: 40px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    margin: 0 0 20px;
    width: 100%;
}

.fix-welcome-text>strong {
    color: #444444;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 25px;
    width: 100%;
}

.fix-welcome-text>p {
    float: left;
    width: 100%;
}

.fix-welcome-text>a.button {
    margin-top: 30px;
}


/*=============== Fix Staff  ===================*/

.fix-staff {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}

.fix-member {
    border: 5px solid #fff;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 33px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 33px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 33px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 33px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 33px rgba(0, 0, 0, 0.2);
}

.fix-member>img {
    width: 100%
}

.member-name {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    padding: 20px 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.member-name>h3 {
    float: left;
    font-size: 18px;
    line-height: 1.1;
    margin: 0 0 8px;
    width: 100%;
}

.member-name>span {
    float: left;
    font-family: montserrat;
    font-size: 14px;
    line-height: 1;
    width: 100%;
}

.appointment-form.style2 h1 {
    color: #171717
}

.appointment-form.style2>span {
    color: #171717
}


/*=============== Fix Contact Info ===================*/

.fix-contact-info {
    float: left;
    width: 100%;
}

.fix-contact-info>div {
    padding: 0;
}

.contact-info {
    float: left;
    padding: 65px 50px;
    position: relative;
    width: 100%;
}

.contact-info i.fa {
    bottom: 0;
    color: #fff;
    font-size: 260px;
    line-height: 0.9;
    opacity: 0.1;
    position: absolute;
    right: 20px;
}

.contact-info>strong {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 24px;
    font-weight: 200;
    margin: 0 0 10px;
    width: 100%;
}

.contact-info>p {
    color: #ffffff;
    float: left;
    font-family: poppins;
    font-size: 24px;
    font-weight: 200;
    letter-spacing: 0;
    margin: 0;
    width: 100%;
}

.contact-info.light {
    background: rgba(255, 255, 255, 0.05)
}


/*=============== Footer ===================*/

footer {
    background: transparent url("../images/img_footer.png") repeat scroll 0 0 / cover;
    float: left;
    padding: 100px 0;
    position: relative;
    width: 100%;
}

footer:before {
    background: white none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0.9;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.widget {
    float: left;
    width: 100%;
    margin-bottom: 65px;
}

.widget:last-child {
    margin: 0
}

.widget-title {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.widget-title h5 {
    color: #333333;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    width: 100%;
}

.widget-title h5 i {
    font-style: normal
}

.widget-title span {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}

.widget ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.widget ul li {
    color: #555555;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 12px;
}

.widget ul li:before {
    display: none
}

.widget li i.fa {
    color: #5c5c5c;
    display: inline-block;
    font-size: 12px;
    margin-right: 7px;
}

.about-widget {
    float: left;
    width: 100%;
}

.widget-logo {
    display: table;
    margin-bottom: 35px;
}

.widget p {
    color: #555555;
    letter-spacing: 0.4px;
}

.widget .about-widget li {
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 10px;
}

.widget .about-widget li span {
    background: black none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 20px;
    text-align: center;
    width: 35px;
}

.widget .about-widget li span i {
    float: none;
    color: #FFF;
    margin: 0;
}

.edu-gallery {
    float: left;
    width: 100%;
}

.edu-gallery>div {
    padding: 0
}

.edu-gallery a {
    float: left;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.edu-gallery a:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.edu-gallery a img {
    width: 100%;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.edu-gallery a:hover img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.newsletter-widget {
    float: left;
    width: 100%;
}

.newsletter-widget input {
    height: 55px;
    background: rgba(137, 137, 137, 0.3);
    margin-bottom: 20px;
}

.button.small {
    min-width: 170px;
}


/*=============== Bottom Footer ===================*/

.bottom-footer {
    float: left;
    width: 100%;
    background: #eee;
    padding: 25px 0;
}

.bottom-footer p {
    color: #555555;
    float: left;
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    margin: 6px 0 0;
}

.bottom-footer ul {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
}

.bottom-footer ul li {
    font-family: poppins;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    padding: 0 15px;
    width: auto;
}

.bottom-footer ul li:last-child {
    padding: 0
}

.bottom-footer ul li:before {
    display: none
}


/* ===============================================================
    OWL CAROUSEL STYLING
================================================================*/

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}


/* *   Owl Carousel - Auto Height Plugin*/

.owl-height {
    -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
}


/* *  Core Owl Carousel CSS File*/

.owl-carousel {
    display: none;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}


/* No Js */

.no-js .owl-carousel {
    display: block
}


/* *    Owl Carousel - Lazy Load Plugin*/

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}


/* *  Owl Carousel - Video Plugin*/

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

#html5-watermark {
    display: none!important
}


/* ===============================================================
    STICKY MENU... se agrega la propiedad para manipular el menu Sticky
================================================================*/

.menu-fixed {
    padding-right: 15px;
    padding-left: 15px;
    background-color: white;
    position: fixed;
    z-index: 1000;
    top: 0;
    /*max-width:1000px;*/
    left: 0;
    width: 100%;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.25);
}