/*-----------------------------------------------------------------------------------
1. Theme Default CSS (body, link color, section etc)
2. Intro courses area
3. Online Shop Area
4. Online shop filter menu
5. Search 2 area
6. Latest Blog Area
7. Call To Action Area
8. Home V2
8.1 Search area
8.2 Service Area
8.3 Team Area
8.4 Populer courses Area
8.5 Photo Gallery
8.6 Blog Style 2
9. Home V3
9.1 Service area
9.2 Welcome Tab Area
9.3 Full Width Video Area
9.4 Populer Courcses
9.5 Search and Brand logo area
9.6 Our Team Area
9.7 atest Blog Area v3
9.8 Brand Logo area v4
9.9 Blog Area
10. About Page
10.1 Feature Area
10.2 Skill area
10.3 Brand Logo
11. Courses Details
11.1 Related-course-container
12. Service page
13. Team Page
14. Pricing Table
15. Blog Small Image
16. Large Image
17. Blog Detailes
18.1 Related Post
18.2 Review Area
18.3 Comment Form
19. Shop  FullWidth
19.1 Sort By Toolbar
20. Shop Grid View
20.1 Color Filter
20.2 Top Rated Product
21. Shop List View
22. 404 page
23. Coming Soon Template
24. Contact us
25. Shop Details
/*-------------------------------------- Normalize CSS ----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:400,700');
html{font-family: sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block;vertical-align: baseline;}
audio:not([controls]){display: none;height: 0;}
[hidden], template{display: none;}
a{background-color: transparent;}
a:active, a:hover{outline: 0;}
abbr[title]{border-bottom: 1px dotted;}
b, strong{font-weight: bold;}
dfn{font-style: italic;}
h1{font-size: 2em;margin:0.67em 0;}
mark{background: #ff0;color:#000;}
small{font-size: 80%;}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}
hr{box-sizing: content-box;height: 0;}
pre{overflow: auto;}
code, kbd, pre, samp{font-family: monospace, monospace;font-size: 1em;}
button, input, optgroup, select, textarea{color: inherit;font: inherit;margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;background: #fff none repeat scroll 0 0;border: 1px solid #e5e5e5;border-radius: 0;height: 42px;padding: 0 0 0 10px;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled]{cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
input{line-height: normal;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend{border: 0;padding: 0;}
textarea{overflow: auto;}
optgroup{font-weight:bold;}
table{border-collapse: collapse;border-spacing: 0;}
td, th{padding: 0;}
/*-------------------------------------- 1.  Theme default CSS ----------------------------------------*/
html, body{height:100%;}
body{font-family:'Lato', sans-serif;font-size:16px;}
.floatleft{float: left}
.floatright{float: right}
.alignleft{float: left;margin-right: 15px;margin-bottom: 15px}
.alignright{float: right;margin-left: 15px;margin-bottom: 15px}
.aligncenter{display: block;margin: 0 auto 15px}
a:focus, a:active{outline: 0px solid;text-decoration: none;}
img{max-width:100%;height: auto}
.fix {overflow:hidden}
.clear {position:relative;}
.clear::after{clear: both;content: "";display: block;}
.txtwhite{color:#fff !important;}
p{margin: 0 0 15px;color: #424242;}
h1, h2, h3, h4, h5, h6{margin:0 0 10px;font-family:'Montserrat', sans-serif;color:#212121;font-weight:700 !important;}
a{transition:all 0.3s ease 0s;text-decoration:none;}
a:hover{text-decoration: none;}
a:active, a:hover{outline: 0 none;}
ul{list-style: outside none none;margin: 0;padding: 0}
body{}
.padding100 {padding: 100px 0}
.padding-t100 {padding-top: 100px}
.padding70 {padding: 70px 0}
.padding65 {padding: 65px 0}
.padding50 {padding: 50px 0}
.padding-t50 {padding-top: 50px}
.padding-b50 {padding-bottom: 50px}
.padding-b0 {padding-bottom: 0px}
.padding85 {padding: 85px 0}
.padding90 {padding: 90px 0}
.padding-left65 {padding-left: 65px}
.padding130 {padding: 130px;}
.padding-tb-130 {padding: 130px 0;}
.padding30 {padding: 30px}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}
.pt-90{padding-top:90px;}
.pt-100{padding-top:100px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}
.pb-90{padding-bottom:90px;}
.pb-100{padding-bottom:100px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}
.one{width:100%;float:left;}
.one-half{width: 50%;float: left}
.area-headding{padding-bottom: 25px;}
.area-headding.color-white .section-title,.area-headding.color-white p{color: #fff;}
.section-title{
    line-height: 0px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 23px;
}
.section-dis{padding:0 120px;}
.section-title.color-white{color: #fff;}
.bg-white{background: #fff;}
.bg-white-2{background: #f8f8f8;}
.bg-gray{background: #F8F8F8;}
.bg-color-2{background: #00acc2;}
.boxshado{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);}
.thanks-msg{text-align:center;margin-bottom:30px;color: #002858;}
/*-------------------------------------- 1. Header navigation ----------------------------------------*/
.header-top{padding:10px 0;}
.header-top i{font-size: 16px;}
.header-top-right ul > li{border-left:1px solid #24bbff;display:inline-block;font-size:13px;padding:0 20px 0 20px;}
.header-top-info > p:first-child, .header-top-right ul > li:first-child{border-left:medium none;padding-left:0;}
.header-top-info > p i, .header-top-right ul > li i{margin-right:5px;}
.header-top-left{margin-bottom:5px;}
.header-top-right a{color:#bbdefb;}
.header-top-right a:hover{color:#fff;}
.search-form button{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;}
.search-form form input[type="text"]{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;font-family: 'Lato', sans-serif;}
.header-top-info > p{margin: 0;}
.cart-active{position: relative;}
.cart-btn a{padding:20px 0;position:relative;z-index:99999;}
.cart-btn a sup{background:#ffeb38 none repeat scroll 0 0;border-radius:100%;color:#676767;font-family:"Lato", sans-serif;font-size:12px;font-weight:700;height: 20px;line-height:19px;position: absolute;right: -15px;text-align: center;top: 10px;width: 20px;}
.cart-form{background:#fff none repeat scroll 0 0;box-shadow:0 2px 3px rgba(0, 0, 0, 0.3);padding:20px;position:absolute;right:0;top:36px;transition: all 0.5s ease 0s;width: 250px;z-index: 9999999;opacity: 1;transform: scaleY(0);transform-origin: 0 0 0;}
.cart-single-product{border-bottom: 1px solid #EFEFEF;margin-bottom: 20px;overflow: hidden;padding-bottom: 20px;}
.cart-single-product-img {float: left;margin-right:10px;width:55px;}
.cart-single-product-title a{color: #676767;display:block;font-size:14px;margin-bottom:5px;}
.cart-single-product-title p{font-size: 13px;margin:0;}
.cart-single-product-title{float: left;text-align:left;}
.cart-single-product-del{float: right;margin-top:20px;}
.cart-single-product-del i{font-size: 18px;}
.total-amount p {font-size: 14px;text-align: left;width: 50%;float: left;font-weight: 700;margin: 0px;}
.total-amount span{float: right;font-size: 14px;font-weight: 700;letter-spacing: 1px;text-align: right;}
.total-amount{border-bottom: 1px solid #ededed;padding-bottom: 20px;margin-bottom: 20px;}
.action-cart a{color: #fff;display: inline-block;font-weight: 700;padding: 12px 17px;}
.action-cart{margin-top: 25px;text-align: center;margin-bottom: 10px;}
.cart-single-product-del a:hover{color: red;}
.action-cart a:hover{color: #000;}
.cart-single-product-title a:hover{color: #FFEB38;}
.viewcart{margin-right: 5px;}
.checkout{margin-left: 5px;}
.cart-active:hover .cart-form{opacity: 1;transform: scaleY(1);}
.header-bottom {padding:0;background: #002858;}
.header-logo{padding-top: 10px;}
.primary-menu > ul > li {float: left; margin: 12px 10px 12px 0px; line-height: 28px; position: relative;font-size: 13px;text-transform: uppercase;}
.primary-menu > ul > li > a{font-weight:700;color:#fff; display:block; font-size: 13px;}
.primary-menu > ul > li > a:hover{color:#000;}
.primary-menu ul li a.current{color:#002858 !important;}
span.indicator i{font-size: 20px;padding: 0px 5px;}
.estut-dropdown {left: 0;top: 120%;}
.estut-dropdown > li{width: 250px;position: relative;border-bottom: 1px solid #ebebeb;}
.estut-dropdown li:last-child{border-bottom: none;}
.estut-dropdown li a {font-family: 'Lato', sans-serif;font-size: 11px;color: #000 ;padding: 10px 0px 8px 10px;display: block;position: relative;transition: .3s;text-transform: uppercase;font-weight: 700;}
.estut-dropdown > li > a span.indicator {position: absolute;right: 10px;}
.primary-menu > ul > li:hover .estut-dropdown {opacity: 1;visibility: visible;top: 100%}
.estut-dropdown {background: #fff none repeat scroll 0 0;box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);opacity: 0;position: absolute;transition: all 0.3s ease 0s;visibility: hidden;width: 250px;z-index: 999999;}
/*--------------------------------------Slider area----------------------------------------*/
.slider-content{padding:220px 0;color: #fff;}
.layer-1-1 .title1{font-size:36px;animation: 0.8s ease-in-out 0.5s normal backwards 1 running bounceInRight;}
.layer-1-2 .title2{font-size:50px;text-transform: uppercase;font-weight: 700;animation: 1.4s ease-in-out 1.2s normal backwards 1 running flipInX;}
.layer-1-3 .title3{font-size:18px;animation: 1s ease-in-out 1.9s normal backwards 1 running fadeInRight;}
.layer-1-4{margin-top: 60px;animation: 1.4s ease-in-out 2.6s normal backwards 1 running fadeInUp;}
.layer-2-1 .title1{font-size:36px;animation: 0.8s ease-in-out 0.5s normal backwards 1 running bounceInLeft;color:#fff;}
.layer-2-2 .title2{font-size:60px;text-transform: uppercase;font-weight: 700;animation: 1.4s ease-in-out 1s normal backwards 1 running flipInX;color:#fff;}
.layer-2-3 .title3{font-size:18px;animation: 1s ease-in-out 1.9s normal backwards 1 running fadeInLeft;color:#fff;}
.layer-2-4{margin-top:60px;animation: 1.4s ease-in-out 2.5s normal backwards 1 running fadeInUp;color: #fff;}
.slider-content {padding: 275px 0;}
.slide-v2 .layer-1-1 .title1, .slide-v2 .layer-1-2 .title2, .slide-v2 .layer-1-3 .title3, .slide-v2 .layer-2-1 .title1, .slide-v2 .layer-2-2 .title2, .slide-v2 .layer-2-3 .title3{color:#fff;}
.slide-v2 .layer-1-1 .title1, .slide-v2 .layer-2-1 .title1{text-shadow:1px 2px 3px rgba(0, 0, 0, 0.5);}
.slide-v2 .layer-1-2 .title2, .slide-v2 .layer-2-2 .title2{text-shadow:0 1px 3px rgba(50, 50, 50, 0.4);}
h4.title3{font-size:24px !important;}
/*--------------------------------------Intro courses area----------------------------------------*/
.intro-courses-area{margin-top: -50px;position: relative;z-index: 999;}
.intro-courses-container .nav.nav-tabs li{background: #ededed none repeat scroll 0 0;display:table;text-align:center;width:20%;height:150px;}
.intro-courses-container .nav.nav-tabs li.active a{border:medium none;border-radius:0;height:170px;z-index:999;}
.intro-courses-container .nav.nav-tabs li.active{box-shadow: 0 0 6px 0 #7c7c7c;margin-top: -10px;z-index: 99;}
.intro-courses-container .nav.nav-tabs li.active a::before{border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 13px solid #fa8c00;bottom: -13px;content: "";left: 50%;margin-left: -10px;position: absolute;}
.intro-courses-container .nav.nav-tabs li a{border: medium none;}
.intro-courses-container .nav.nav-tabs, .nav.nav-tabs li.active{border: medium none;}
.intro-courses-container .nav-tabs > li > a{border-radius:0;display:table-cell;line-height:1;margin:0;vertical-align:middle;color:#fff;}
.intro-courses-container .nav-tabs > li > a .est-icon{margin-bottom:30px;}
.intro-courses-container .nav.nav-tabs li:nth-child(1){background:#fcc02e;}
.intro-courses-container .nav.nav-tabs li:nth-child(2){background:#FF68B5;}
.intro-courses-container .nav.nav-tabs li:nth-child(3){background:#43A047;}
.intro-courses-container .nav.nav-tabs li:nth-child(4){background:#00ACC2;}
.intro-courses-container .nav.nav-tabs li:nth-child(5){background:#8E24AA;}
.intro-courses-container .nav.nav-tabs li.active a, .intro-courses-container .nav > li > a:focus, .intro-courses-container .nav > li > a:hover{background:#FA8C00;color:#fff;position:relative;}
.big-post .rating ul li{border-right: 1px solid #ededed;display: inline-block;line-height: 1;margin-right: 25px;padding-right: 24px;}
.big-post .course-content .course-title{margin: 0;padding: 30px 0;font-size: 30px;}
.big-post .course-content p{line-height: 25px;margin: 0;padding-bottom: 30px;}
.big-post .author{color: #aaa;margin-bottom: 30px;}
.single-course{background: #fff none repeat scroll 0 0;box-shadow: 0px 0px 6px 0px #bdc3ca;}
.course-content{padding: 0 30px;}
.populer-courses-list,
.online-shopping-area {display:block;overflow:hidden;padding-bottom:5px;padding-top:5px;}
.course-content .course-title {margin:0;padding:30px 0 15px 0;font-size:18px;margin-top:10px !important;}
.course-content .course-title a {color:#212121;margin-top:10px !important;}
.course-content p {line-height:20px;margin:0;padding-bottom:20px;}
.author {color:#aaa;margin-bottom:20px;}
.author a {color:#212121;}
.author a:hover {color:#ffeb3b;}
.rating {border-top:1px solid #ededed;padding:20px 30px;}
.rating ul li {
border-right: 1px solid #ededed;
display: inline-block;
line-height: 1;
margin-right: 20px;
padding-right: 19px;
}
.rating ul li:last-child {
border-right: medium none navy;
margin-right: 0;
padding-right: 0;
}
.rating ul li p {
color: #aaa;
font-size: 13px;
margin: 0;
}
.rating ul li p span {
margin-right: 10px;
}
.star i {
font-size: 12px;
}
.star .yes {
color: #ffeb3b;
}
.single-course:nth-child(-n+1) {
margin-bottom: 30px;
}
.single-course.big-post:nth-child(-n+1) {
margin-bottom: 0px;
}
.owl-pagination-default .owl-pagination {
margin-top: 30px;
}
.owl-pagination-default .owl-controls .owl-page span {
background: #869791 none repeat scroll 0 0;
border-radius: 20px;
display: block;
height: 15px;
margin: 5px 7px;
opacity: 0.5;
width: 15px;
border: 2px solid #F8F8F8;
}
.owl-pagination-default .owl-controls .owl-page.active span,
.owl-pagination-default .owl-controls.clickable .owl-page:hover span {
background: #fff none repeat scroll 0 0;
border: 2px solid #002858;
height: 15px;
opacity: 1;
transition: all 0.3s ease 0s;
width: 15px;
}
.course-thumb {
position: relative; float:left;
}
.price-sticker {
background: #ffa727 none repeat scroll 0 0;
color: #fff;
font-size: 19px;
font-weight: 700;
left: -6px;
padding: 5px 5px 5px 20px;
position: absolute;
top: 20px;
}
.price-sticker::before {
border-left: 6px solid transparent;
border-top: 6px solid #FA8C01;
bottom: -6px;
content: "";
left: 0;
position: absolute;
}
.price-sticker::after {
border-bottom: 18px solid transparent;
border-left: 14px solid #ffa727;
border-top: 18px solid transparent;
content: "";
margin-top: -18px;
position: absolute;
right: -14px;
top: 50%;
}
.big-post .price-sticker {
background: #F54337 none repeat scroll 0 0;
}
.big-post .price-sticker::before {
border-left: 6px solid transparent;
border-top: 6px solid #D22E2D;
}
.big-post .price-sticker::after {
border-bottom: 18px solid transparent;
border-left: 14px solid #F54337;
border-top: 18px solid transparent;
}
/*Brand Area*/
.brand-list {
height: 150px;
line-height: 150px;
}
.single-brand {
border-right: 1px solid #002858;
display: inline-block;
text-align: center;
width: 16.42%;
}
.brand-list .single-brand {
width: 100%;
}
/*--------------------------------------  
3. Online Shop Area
----------------------------------------*/
.single-product {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 6px 0 #bdc3ca;
margin-bottom: 30px;
position: relative;
}
.pro-thumb {
position: relative;
}
.hover-btn {
left: 50%;
margin-left: -45px;
margin-top: -37px;
opacity: 0;
position: absolute;
top: 50%;
transition: all 0.3s ease 0s;
visibility: hidden;
z-index: 999;
}
.hover-btn ul li {
display: inline-block;
}
.hover-btn ul li a {
background: #fff none repeat scroll 0 0;
color: #212121;
display: block;
margin: auto 5px;
padding: 12px;
box-shadow: 0px 0px 6px 0px #7C7C7C;
border-radius: 3px;
}
.hover-btn ul li a:hover {
background: #002858 none repeat scroll 0 0;
color: #fff;
}
.pro-thumb.overlay-bg,
.brand-logo-area.overlay-bg {
position: relative;
}
.pro-thumb.overlay-bg::after,
.brand-logo-area.overlay-bg::after {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
}
.pro-info{background:#fff none repeat scroll 0 0;left:0;overflow:hidden;padding:20px 0 10px 0;top:100%;transition:all 0.3s ease 0s;width:100%;}
.pro-category{
color: #aaa;
font-size: 13px;
margin-bottom: 15px;
text-transform: capitalize;
}
.pro-title {
font-size: 15px;
margin-bottom: 15px;
}
.pro-title a {
color: #212121;
}
.pro-title a:hover {
color: #002858;
}
.pro-rating {
margin-bottom: 15px;
}
.pro-price {
color: #424242;
font-size: 15px;
font-weight: 600;
}
.pro-available-color .color-list .color {
background: #ededed none repeat scroll 0 0;
border-radius: 100%;
display: inline-block;
height: 16px;
margin: auto 2px;
width: 16px;
}
.pro-available-color {
margin: 20px 0 10px;
}
.pro-available-color .color-list .color:nth-child(1) {
background: #64849D;
}
.pro-available-color .color-list .color:nth-child(2) {
background: #DD5D5D;
}
.pro-available-color .color-list .color:nth-child(3) {
background: #F0C758;
}
.pro-available-color .color-list .color:nth-child(4) {
background: #6DEFC9;
}
.pro-available-color {
margin-bottom: -24px;
opacity: 0;
transform: scale(0);
transition: all 0.3s ease 0s;
}
.single-product:hover .hover-btn {
opacity: 1;
visibility: visible;
}
.single-product:hover .pro-thumb.overlay-bg::after {
opacity: 0.5;
}
.single-product:hover .pro-info {
transform: translateY(-30px);
}
.single-product:hover .pro-available-color {
opacity: 1;
transform: scale(1);
}
/*--------------------------------------  
4. Online shop filter menu
----------------------------------------*/
.online-shopping-area.padding100 {
padding-bottom: 70px;
padding-top: 100px;
}
.online-shop-list {
height: auto;
}
.online-shop-list .mix {
display: none;
}
.online-shop-list .col-md-3 {
width: 100%;
}
.filter-menu {
margin-bottom: 30px;
}
.filter-menu ul {
margin-bottom: 40px;
}
.filter-menu ul li {
cursor: pointer;
display: inline-block;
transition: all 0.3s ease 0s;
}
.filter-menu ul li.active,
.filter-menu ul li:hover {
color: #002858;
}
.filter-menu .nav-tabs > li.active > a,
.filter-menu .nav-tabs > li.active > a:focus,
.filter-menu .nav-tabs > li.active > a:hover {
border: medium none;
color: #002858;
}
.filter-menu .nav-tabs > li > a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #002858;
}
.filter-menu .nav-tabs {
border: medium none;
}
.filter-menu .nav-tabs > li > a {
border: medium none;
border-radius: 0;
line-height: 0;
margin: 0;
text-transform: capitalize;
color: #424242;
}
.filter-menu .nav-tabs > li {
float: none;
margin: 0;
}
/*--------------------------------------  
4. Search 2 area
----------------------------------------*/
.search-rside {
width: 585px;
}
.search-rside .area-headding {
padding-bottom: 0;
}
.search-form-2 input[type="text"],
.search-form-2 select {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #ffd775;
border-image: none;
border-style: none none solid;
border-width: medium medium 1px;
color: #fff;
font-style: italic;
margin-bottom: 10px;
padding: 15px 0;
width: 100%;
}
.search-form-2 .estut-btn{
border: medium none;
margin: 40px 0 0;
padding: 13px 30px;
transition: all 0.3s ease 0s;
box-shadow: 0px 0px 6px 0px #C29B3A;
}
.search-form-2 select {
-moz-appearance: none;
background: rgba(0, 0, 0, 0) url("../img/appearance-bg.png") no-repeat scroll right center;
}
/*--------------------------------------  
6. Latest Blog Area
----------------------------------------*/
.latest-blog-area.padding100 {
padding: 32px 0;
}
.single-blog {
box-shadow: 0 0 6px 0 #bdc3ca;
margin-bottom: 5px;
}
.blog-info {
padding: 30px;
}
.blog-category {
display: block;
font-size: 13px;
font-weight: 400;
line-height: 1;
margin-bottom: 15px;
position: relative;
text-transform: capitalize;
}
.blog-category::before {
background: #efefef none repeat scroll 0 0;
content: "";
height: 100%;
left: -30px;
position: absolute;
top: 0;
width: 10px;
}
.c-green {
color: #43a047;
}
.c-yellow {
color: #FCC02E;
}
.c-audio {
color: #fb8c00;
}
.c-tutorial {
color: #00acc1;
}
.c-social {
color: #e53935;
}
.blog-category.c-green::before {
background: #43a047 none repeat scroll 0 0;
}
.blog-category.c-yellow::before {
background: #FCC02E none repeat scroll 0 0;
}
.blog-category.c-audio::before {
background: #fb8c00 none repeat scroll 0 0;
}
.blog-category.c-tutorial::before {
background: #00acc1 none repeat scroll 0 0;
}
.blog-category.c-social::before {
background: #e53935 none repeat scroll 0 0;
}
.blog-post-dlc ul li {
border-right: 1px solid #aaa;
color: #aaa;
display: inline-block;
line-height: 1;
padding-left: 20px;
padding-right: 19px;
}
.blog-post-dlc li:first-child {
padding-left: 0;
}
.blog-post-dlc li:last-child {
border: 0 solid #aaa;
}
.blog-post-dlc ul li a {
color: #aaa;
}
.blog-post-dlc ul li i {
margin-right: 10px;
}
.blog-post-dlc ul li a:hover {
color: #002858;
}
.blog-title a {
color: #212121;
line-height: 1;
}
.blog-title a:hover {
color: #002858;
}
.blog-title {
font-size: 20px;
line-height: 1;
margin-bottom: 15px;
}
.blog-post-dlc {
margin-bottom: 15px;
}
.blog-content {
line-height: 24px;
}
.blog-quote-content {
font-size: 18px;
font-style: italic;
line-height: 30px;
margin-bottom: 20px;
margin-top: 40px;
position: relative;
}
.blog-quote-content::before {
color: #002858;
content: "“";
font-family: playfairDisplay;
font-size: 80px;
font-weight: 600;
left: -10px;
position: absolute;
top: -25px;
}
.bloger {
color: #212121;
display: block;
font-weight: 700;
line-height: 23px;
text-align: right;
text-transform: uppercase;
}
.blog-list .col-md-4 {
width: 100%;
}
.counter-area.bg-1.bg-1 {
background: rgba(0, 0, 0, 0) url(../images/testimonial-bg.jpg) no-repeat scroll center center / cover;
}
.counter-area.overlay-bg {
position: relative;
}
.counter-area.overlay-bg::before {
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
}
.s-counter{border-right: 1px solid #d6d6d6;display:inline-block;float:left;width:25%;}
.counter-box .counter{font-size: 50px;font-weight: 700;}
.counter .count-title {} .counter-box .count-title{font-weight: 500;margin: 0;text-transform: uppercase;color: #ccc;}
.counter-list .s-counter:last-child{border-right: medium none;}
.counter-list .s-counter:nth-child(1) .counter-box .counter{color: #fa8c00;}
.counter-list .s-counter:nth-child(2) .counter-box .counter{color: #43a047;}
.counter-list .s-counter:nth-child(3) .counter-box .counter{color: #00acc2;}
.counter-list .s-counter:nth-child(4) .counter-box .counter{color: #8e24aa;}
.counter-plus{font-size:40px;position:absolute;margin-top:-65px;margin-left:55px;color:#fff;}
/*--------------------------------------  7. Call To Action Area ----------------------------------------*/
.call-to-action.bg-1 {
background: rgba(0, 0, 0, 0) url(../images/contact.png) no-repeat scroll center center / cover;
background-size: cover;
}
.call-to-action .call-title {
font-size: 30px;
margin-bottom: 30px;
text-transform: uppercase;
color: #fff;
}
.call-to-action .call-content {
font-size: 18px;
text-transform: uppercase;
color: #fff;
}
.call-to-action .estut-btn {
box-shadow: 0 3px 6px 0 #325d50;
}
/*--------------------------------------  
8. Home V2
----------------------------------------*/
/*--------------------------------------  
8.1 Search area
----------------------------------------*/
.search-area.v2 {
padding: 40px 0;
background: #f98f6f;
}
.search-area-border {
background: rgba(0, 0, 0, 0) url("../img/search-border-2.html") repeat-x;
height: 8px;
}
.search-area.v2 .search-form-3 {
float: right;
width: 80%;
}
.search-area.v2 .search-title {
float: left;
width: 20%;
height: 45px;
}
.search-area.v2 .search-title h4 {
font-size: 20px;
font-weight: 700;
line-height: 45px;
margin: 0;
color: #fff;
text-transform: uppercase;
}
.search-area.v2 .search-form-3 input[type="text"],
.search-form-3 select {} .search-area.v2 .search-form-3 select,
.search-area.v2 .search-form-3 input[type="text"] {
-moz-appearance: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #ffa88e;
border-image: none;
border-style: none none solid;
border-width: medium medium 1px;
color: #fff;
font-style: italic;
height: 45px;
line-height: 45px;
margin-right: 3%;
width: 39%;
padding-right: 15px;
}
.search-area.v2 .search-form-3 select {
background: rgba(0, 0, 0, 0) url("../img/appearance-bg.png") no-repeat scroll right center;
}
.search-form-3 select {} .search-form-3 input[type=text] {}
/*--------------------------------------  
8.2 Service Area
----------------------------------------*/
.single-service {
background: #ededed none repeat scroll 0 0;
border-radius: 4px;
text-align: justify;
}
.ser-front-heading {
color: #fff;
font-size: 20px;
font-weight: 400;
margin: 30px 0 0;
text-transform: uppercase;
}
.single-service-inner {
padding: 20px;
position: relative;
}
.service-box-back {
background: #fff none repeat scroll 0 0;
border-bottom: 4px solid #69d2e7;
border-radius: 4px;
box-shadow: 0 2px 6px 0 #bdc3ca;
height: 100%;
left: 0;
opacity: 0;
padding: 0 26px;
position: absolute;
top: 0;
transform: rotateX(45deg);
transition: all 0.4s ease-in-out 0s;
visibility: hidden;
width: 100%;
}
.ser-back-heading {
font-size: 20px;
margin: 0;
padding-top: 20px;
text-transform: uppercase;
}
.ser-back-content {
line-height: 24px;
margin-bottom: 21px;
margin-top: 27px;
}
.ser-link {
color: #69d2e7;
display: block;
font-size: 14px;
font-weight: 700;
margin-top: 5px;
text-decoration: underline;
}
.ser-link i {
margin-left: 5px;
}
.single-service:hover .service-box-back {
top: 0;
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
}
.service-list .col-md-4:nth-child(-n+3) .single-service {
margin-bottom: 30px;
}
.service-list .col-md-4:nth-child(1) .single-service {
background: #60cd96 none repeat scroll 0 0;
}
.service-list .col-md-4:nth-child(2) .single-service {
background: #69d2e7 none repeat scroll 0 0;
}
.service-list .col-md-4:nth-child(3) .single-service {
background: #FF9F9F none repeat scroll 0 0;
}
.service-list .col-md-4:nth-child(4) .single-service {
background: #F98F6F none repeat scroll 0 0;
}
.service-list .col-md-4:nth-child(5) .single-service {
background: #9D87C3 none repeat scroll 0 0;
}
.service-list .col-md-4:nth-child(6) .single-service {
background: #F3D474 none repeat scroll 0 0;
}
.service-list .col-md-4:nth-child(odd) .single-service .service-box-back {
transform: rotateY(45deg);
}
.service-list .col-md-4:nth-child(odd) .single-service:hover .service-box-back {
transform: rotateY(0deg);
}
/*--------------------------------------  
8.3 Team Area
----------------------------------------*/
.team-area.v1.padding100 {
padding: 100px 0 75px 0;
}
.team-area.bg-1 {
background: rgba(0, 0, 0, 0) url("../img/section-bg/team-bg-1.html") no-repeat scroll center center / cover;
}
.team-area.overlay-bg {
position: relative;
}
.team-area.overlay-bg::after {
background: #47c4dd none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
}
.team-wrap {
position: relative;
z-index: 5;
}
.team-dis {
float: left;
width: 30%;
}
.team-member-wrap {
float: right;
padding-left: 40px;
width: 70%;
}
.single-member {
float: left;
padding: 0 15px;
text-align: center;
width: 33.333%;
}
.member-info a {
color: #f8f8f8;
display: block;
font-size: 18px;
line-height: 13px;
margin: 30px 0 0;
text-transform: uppercase;
}
.member-info a:hover {
color: #F3D474;
}
.member-info p {
color: #f8f8f8;
line-height: 11px;
margin: 15px 0 0;
}
/*--------------------------------------  
8.4 Populer courses Area
----------------------------------------*/
.populer-courses-area-v2.padding100,
.populer-courses-area.padding100 {
padding: 100px 0 90px;
}
.owl-pagination-default.style-2 .owl-controls .owl-page.active span,
.owl-pagination-default.style-2 .owl-controls.clickable .owl-page:hover span {
border: 2px solid #f99172;
}
.populer-courses-area-v2 .course-thumb {
float: left;
padding-right: 15px;
position: relative;
width: 20%;
}
.populer-courses-area-v2 .course-info {
float: right;
padding: 0 15px;
width: 80%;
}
.populer-courses-area-v2 .course-content {
padding: 0;
}
.populer-courses-area-v2 .course-content .course-title {
font-size: 18px;
margin: 0;
padding: 25px 0 15px;
}
.populer-courses-area-v2 .rating {
border-top: 1px solid #ededed;
padding: 15px 0;
}
.populer-courses-area-v2 .populer-courses-list {
overflow: inherit;
}
.populer-courses-area-v2 .single-course {
border-radius: 3px;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(1) .single-course .course-thumb .price-sticker {
background: #9d87c3 none repeat scroll 0 0;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(1) .single-course .course-thumb .price-sticker::after {
border-left: 14px solid #9d87c3;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(1) .single-course .course-thumb .price-sticker::before {
border-top: 6px solid #7e65ab;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(2) .single-course .course-thumb .price-sticker {
background: #ff9f9f none repeat scroll 0 0;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(2) .single-course .course-thumb .price-sticker::after {
border-left: 14px solid #ff9f9f;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(2) .single-course .course-thumb .price-sticker::before {
border-top: 6px solid #ea7f7f;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(3) .single-course .course-thumb .price-sticker {
background: #69d2e7 none repeat scroll 0 0;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(3) .single-course .course-thumb .price-sticker::after {
border-left: 14px solid #69d2e7;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(3) .single-course .course-thumb .price-sticker::before {
border-top: 6px solid #4cb7cc;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(4) .single-course .course-thumb .price-sticker {
background: #60cd96 none repeat scroll 0 0;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(4) .single-course .course-thumb .price-sticker::after {
border-left: 14px solid #60cd96;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(4) .single-course .course-thumb .price-sticker::before {
border-top: 6px solid #4bb47f;
}
.populer-courses-area-v2 .populer-courses-list .col-md-6:nth-child(-n+2) .single-course {
margin-bottom: 30px;
}
.populer-courses-area-v2 .single-course:nth-child(-n+1) {
margin-bottom: 0px;
}
/*--------------------- 8.5 Photo Gallery ---------------------*/
.single-photo{display: block;float: left;width: 16.6666%;}
.single-photo a{display: block;}
.see-all-photo{background: #9d87c3 none repeat scroll 0 0;padding: 40px 0;}
.photo-gallery-headding {color: #ffffff;margin: 5px 0 0;}
.single-photo img {width: 100%;}
/*----------------- 8.6 Blog Style 2 -----------------------------*/
.latest-blog-area-v2.bg-2 {background: rgba(0, 0, 0, 0) url("../img/section-bg/blog-bg-2.html") no-repeat scroll center center / cover;}
.latest-blog-area-v2.overlay-bg{position: relative;}
.latest-blog-area-v2.overlay-bg:after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #60cd96;opacity: 0.8;}
.latest-blog-area-v2 .latest-blog-inner{position: relative;z-index: 5;}
.latest-blog-area-v2 .owl-pagination-default .owl-controls .owl-page span{background: #fff none repeat scroll 0 0;border: 2px solid rgba(0, 0, 0, 0);}
.latest-blog-area-v2 .owl-pagination-default.style-2 .owl-controls .owl-page.active span, .latest-blog-area-v2 .owl-pagination-default.style-2 .owl-controls.clickable .owl-page:hover span{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 2px solid #fff;}
.latest-blog-area-v2 .single-blog {border-radius: 3px;box-shadow: 0 0 5px 0 #9a9a9a;margin-bottom: 5px;}
/*--------------------- 9. Home V3 -----------------------------*/
.header-v3 .header-bottom {
padding: 20px 0;
position: absolute;
width: 100%;
z-index: 9999;
}
.header-bottom.stick {
background: rgba(28, 28, 28, 0.9) none repeat scroll 0 0;
padding: 0;
position: fixed;
top: 0;
transition: all 0.3s ease 0s;
z-index: 9999999;
}
.stick .header-logo {
padding-top: 15px;
}
.header-logo img {
transition: all 0.3s ease 0s;
margin: 0px 0px 5px 0px;
}
.footerlink{
line-height: 30px;
}
.stick .header-logo img {
margin-top: 3px;
width: 100px;
}
/*--------------------------------------  
9.1 Service area
----------------------------------------*/
.service-v3-area .single-service {
float: left;
width: 33.333%;
position: relative;
}
.service-v3-area .service-info {
height: 100%;
left: 0;
padding: 100px 60px 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
transition: all 0.3s ease 0s;
}
.service-v3-area .service-info h3 {
color: #ffffff;
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
text-transform: uppercase;
}
.service-v3-area .service-info .service-icon {
margin-bottom: 28px;
}
.service-v3-area .service-info p {
color: #ffffff;
font-family: lato, sans-serif;
margin-bottom: 30px;
}
.service-v3-area .service-list .single-service:after {
content: "";
height: 100%;
left: 0;
opacity: 0.77;
position: absolute;
top: 0;
width: 100%;
}
.service-v3-area .service-list .single-service:nth-child(1)::after {
background: #5878d2 none repeat scroll 0 0;
}
.service-v3-area .service-list .single-service:nth-child(2)::after {
background: #e3bd39 none repeat scroll 0 0;
}
.service-v3-area .service-list .single-service:nth-child(3)::after {
background: #19cab7 none repeat scroll 0 0;
}
.service-v3-area .ser-dis-btn {
margin-bottom: -24px;
opacity: 0;
transform: scale(0);
transition: all 0.3s ease 0s;
}
.service-v3-area .single-service:hover .ser-dis-btn {
opacity: 1;
transform: scale(1);
}
.service-v3-area .single-service:hover .service-info {
transform: translateY(-30px);
}
/*--------------------------------------  
9.2 Welcome Tab Area
----------------------------------------*/
.estut-tab li {
background: #ebebeb none repeat scroll 0 0;
display: inline-block;
height: 45px;
margin: auto -2px;
position: relative;
text-align: center;
}
.estut-tab li a {
border-right: 1px solid #ffffff;
color: #212121;
display: block;
line-height: 45px;
padding: 0 20px;
position: relative;
z-index: 10;
}
.estut-tab li:last-child a {
border-right: medium none;
}
.estut-tab li::before {
background: #ebebeb none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.estut-tab li.active::before {
background: #ffffff none repeat scroll 0 0;
border-radius: 4px 4px 0 0;
box-shadow: 0 -3px 5px 0 #d4d2d2;
height: 110%;
margin-top: -5px;
z-index: 10;
}
.estut-tab-wrap .tab-content {
background: #ffffff none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
padding-top: 50px;
}
.estut-tab-caption {
padding-left: 52px;
padding-top: 20px;
}
.estut-tab-caption .estut-btn-v2 {
margin-top: 25px;
}
.estut-tab-img {
padding-right: 30px;
}
/*--------------------------------------  
9.3 Full Width Video Area
----------------------------------------*/
.ready-to-love-video-area {} .ready-to-live-wrap h2 {
font-size: 30px;
margin-bottom: 20px;
text-transform: uppercase;
}
.ready-to-live-wrap p {
font-size: 18px;
margin-bottom: 30px;
text-transform: uppercase;
}
#video-bg {
width: 100%;
}
.ready-to-live-wrap {
height: 470px;
overflow: hidden;
position: relative;
}
.video-text {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
.video-text h2,
.video-text p {
color: #fff;
}
.tb-t {
display: table;
height: 100%;
width: 100%;
}
.tb-c {
display: table-cell;
vertical-align: middle;
}
.ready-to-live-wrap::after {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
}
#polina button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #ffffff;
border-radius: 100%;
color: #ffffff;
font-size: 20px;
height: 60px;
width: 60px;
}
/*--------------------------------------  
9.4 Populer Courcses
----------------------------------------*/
.populer-courses-container.style-3 .big-post .course-thumb {
float: left;
width: 50%;
}
.populer-courses-container.style-3 .big-post .course-info {
float: left;
width: 50%;
}
.populer-courses-container.style-3 .ser-dis-btn {
margin-bottom: 30px;
}
.populer-courses-container.style-3 .rating {
padding: 17px 30px;
}
.populer-courses-container.style-3 .single-course.big-post {
margin-bottom: 50px;
}
.populer-courses-container.style-3 .big-post .price-sticker {
background: #19caab none repeat scroll 0 0;
}
.populer-courses-container.style-3 .big-post .price-sticker::after {
border-left: 14px solid #19caab;
}
.populer-courses-container.style-3 .big-post .price-sticker::before {
border-top: 6px solid #15aa90;
}
.populer-courses-container.style-3 .price-sticker {
background: #e3bd39 none repeat scroll 0 0;
}
.populer-courses-container.style-3 .price-sticker::after {
border-left: 14px solid #e3bd39;
}
.populer-courses-container.style-3 .price-sticker::before {
border-top: 6px solid #cda519;
}
.populer-courses-container.style-3 .star .yes {
color: #fdd835;
}
.owl-pagination-default.style-3 .owl-controls .owl-page.active span,
.owl-pagination-default.style-3 .owl-controls.clickable .owl-page:hover span {
background: transparent;
none repeat scroll 0 0;
border: 2px solid #19caab;
}
.populer-courses-container.style-3 .single-course {
margin-bottom: 0px;
}
/*--------------------------------------  
9.5 Search and Brand logo area
----------------------------------------*/
.brand-logo-area.bg-3 {
background: rgba(0, 0, 0, 0) url("../img/section-bg/search-bg-3.html") no-repeat scroll center center / cover;
}
.brand-logo-area.overlay-bg::after {
background: #383838 none repeat scroll 0 0;
opacity: 0.5;
}
.brand-logo-search-wrap {
position: relative;
z-index: 999;
}
.brand-logo-area.style-3 .search-area-3 {
padding: 130px 50px;
}
.brand-logo-area.style-3 .search-area-3.overlay-bg::after {
background: #e46868 none repeat scroll 0 0;
opacity: 0.8;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.brand-logo-area.style-3 .search-wrap {
position: relative;
z-index: 10;
}
.search-area-3 .search-form-2 input[type="text"],
.search-area-3 .search-form-2 select {
border-color: -moz-use-text-color -moz-use-text-color #d4a7a6;
}
.search-area-3 .search-form-2 .estut-btn {
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
font-weight: 500;
}
.search-area-3 .search-form-2 .estut-btn:hover {
background: #19CAAB;
}
.brand-list-v3 {
padding: 130px 50px 0 90px;
}
.brand-list-v3 .single-brand {
border-bottom: 1px dashed hsl(0, 0%, 70%);
border-right: 0 none;
display: table;
float: left;
height: 123px;
text-align: left;
width: 50%;
}
.brand-list-v3 .single-brand:nth-child(2n+1) {
border-right: 1px dashed hsl(0, 0%, 70%);
}
.brand-list-v3 .single-brand:nth-child(2n) {
text-align: right;
}
.brand-list-v3 .single-brand:nth-child(n+5) {
border-bottom: medium none;
}
.owl-pagination-default .owl-pagination {
margin-left: 45px;
margin-top: 30px;
}
.owl-pagination-default.style-4 .owl-controls .owl-page span {
background: #fff none repeat scroll 0 0;
border: 2px solid #756c80;
border-radius: 100%;
display: block;
height: 15px;
margin-bottom: 5px;
margin-right: 5px;
margin-top: 5px;
opacity: 0.8;
width: 15px;
}
.owl-pagination-default.style-4 .owl-controls .owl-page.active span,
.owl-pagination-default.style-4 .owl-controls.clickable .owl-page:hover span {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
height: 15px;
opacity: 1;
transition: all 0.3s ease 0s;
width: 15px;
}
/*--------------------------------------  
9.6 Our Team Area
----------------------------------------*/
.our-team-area-v3 .single-member {
float: left;
padding: 0;
width: 20%;
}
.our-team-area-v3 .single-member .mb-info h3 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;color: #000;
}
.our-team-area-v3 .single-member .mb-info h3:hover {
color: #fff !important;
}
.our-team-area-v3 .single-member .mb-info h5 {
color: #000;
font-size: 14px;
font-style: italic;
margin: 0;
transition: all 0.3s ease 0s;
}
.our-team-area-v3 .single-member .mb-info {
padding: 30px 0;
position: relative;
transition: all 0.3s ease 0s;
}
.our-team-area-v3 .single-member .mb-info::after {
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: "";
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
top: -10px;
transition: all 0.3s ease 0s;
width: 0;
}
.our-team-area-v3 .member-container .single-member:nth-child(2n) .mb-info {
background: #ebebeb none repeat scroll 0 0;
}
.our-team-area-v3 .member-container .single-member:nth-child(2n) .mb-info:after {
border-bottom: 10px solid #ebebeb;
}
.member-container .single-member:hover:nth-child(2n) .mb-info {
background: #000 none repeat scroll 0 0; 
}
.member-container .single-member:hover:nth-child(2n) .mb-info:after {
border-bottom: 10px solid #000;
}
.mb-image {
position: relative;
}
.member-social-links {
bottom: 45px;
height: 40px;
left: 0;
position: absolute;
width: 100%;
z-index: 15;
transform: scale(0);
transition: all 0.3s ease 0s;
opacity: 0;
}
.member-social-links li {
display: inline-block;
margin: auto 3px;
}
.member-social-links li a {
background: #fff none repeat scroll 0 0;
border-radius: 100%;
display: inline-block;
font-size: 16px;
height: 40px;
line-height: 40px;
width: 40px;
}
.single-member .mb-image::after {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
}
.single-member:hover .mb-image::after {
opacity: 0.4;
}
.single-member .mb-image::after {
transition: all 0.3s ease 0s;
}
.single-member:hover .mb-info {background:#ddd none repeat scroll 0 0;}
.single-member:hover .mb-info h3 a {ccolor: #fff !important ;}
.single-member:hover .mb-info h5 {color: #fff;}
.single-member:hover .mb-info::after {border-bottom-color:#ddd;}
.single-member:hover .member-social-links {transform: scale(1);opacity: 1;}
.member-social-links li a.facebook {color: #4B6EA8;}
.member-social-links li a.twitter {color: #4FD5F8;}
.member-social-links li a.google-plus {color: #DC543A;}
.member-social-links li a.facebook:hover {background: #4B6EA8 none repeat scroll 0 0;color: #fff;}
.member-social-links li a.twitter:hover {background: #4FD5F8 none repeat scroll 0 0;color: #fff;}
.member-social-links li a.google-plus:hover {background: #DC543A none repeat scroll 0 0;color: #fff;}
/*testimonials-area-v3*/
.testimonials-area-v3{background: #19caab none repeat scroll 0 0;padding: 55px 0;}
.testimonials-area-v3 .testimonial-text p{font-size: 18px;font-style: italic;}
.testimonials-area-v3 .single-testimonial {
padding: 0 0 0 120px;
position: relative;
}
.testimonials-area-v3 .author a {
color: #fff;
font-size: 18px;
font-weight: 700;
}
.testimonials-area-v3 .author a span {
font-size: 14px;
font-style: italic;
}
.testimonials-area-v3 .author {
margin: 0;
}
.testimonials-area-v3 .single-testimonial::before {
color: #2ee4c4;
content: "”";
font-family: PlayfairDisplay;
font-size: 190px;
font-weight: bold;
height: 90px;
left: -13px;
line-height: 100px;
position: absolute;
text-align: center;
top: 15px;
width: 110px;
}
/* 9.7 atest Blog Area v3 -----------------------*/
.latest-blog-area-v3 .single-blog.big-post {
position: relative;
}
.latest-blog-area-v3 .single-blog.big-post .blog-info {
bottom: 0;
height: auto;
left: 0;
position: absolute;
width: 100%;
}
.latest-blog-area-v3 .single-blog.big-post .blog-info .blog-title a {
color: #fff;
font-size: 30px;
}
.latest-blog-area-v3 .single-blog.big-post .blog-info .blog-post-dlc ul li,
.single-blog.big-post .blog-info .blog-post-dlc ul li i {
color: #fff;
transition: all 0.3s ease 0s;
}
.latest-blog-area-v3 .big-post .blog-category {
color: #fff;
}
.latest-blog-area-v3 .big-post .blog-category::before {
position: inherit;
}
.latest-blog-area-v3 .single-blog.big-post.overlay-bg {
position: relative;
}
.latest-blog-area-v3 .single-blog.big-post.overlay-bg::before {
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}
/*--------------------------------------  
9.8 Brand Logo area v4
----------------------------------------*/
.brand-logo-area.bg-4 {
background: rgba(0, 0, 0, 0) url("../img/section-bg/brand-logo-bg-4.html") no-repeat scroll center center / cover;
}
.brand-logo-area.bg-4 .single-brand {
border-right: 1px solid #edd47d;
}
/*--------------------------------------  
9.9 Blog Area
----------------------------------------*/
.latest-blog-area-v3 .single-blog-post .blog-thumb {
float: left;
width: 22%;
}
.latest-blog-area-v3 .single-blog-post .blog-info {
float: left;
padding: 0 0 0 30px;
width: 78%;
}
.latest-blog-area-v3 .single-blog-post {
border-bottom: 1px solid #ebebeb;
display: inline-block;
margin-bottom: 12px;
padding-bottom: 17px;
}
.latest-blog-area-v3 .single-blog-post:last-child {
border-bottom: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
.latest-blog-area-v3 .single-blog-post .blog-content {
line-height: 23px;
margin: 0;
}
/* 10. About Page ----------------------------------------*/
.page-header-v1.bg-1{background:rgba(0, 0, 0, 0) url("../img/page-header.jpg") no-repeat scroll center center / cover;}
.page-header-v1{padding:80px 0;}
.page-header-v1.overlay-bg{position: relative;}
.page-header-v1.overlay-bg::after{background: #000 none repeat scroll 0 0;content: "";height: 100%;left: 0;opacity: 0.8;position: absolute;top: 0;transition: all 0.3s ease 0s;width: 100%;}
.page-header-inner{position: relative;z-index: 10;}
.page-category{color: #fff;font-size: 20px;text-transform: uppercase;}
.page-title{color:#fff;font-size:40px;font-weight:700;font-family:'Montserrat'}
.breadcrumbs span, .breadcrumbs a{color:#ccc;font-size:13px;font-weight:400;}
.breadcrumbs > a:hover{color:#fff;}
.separator{margin:auto 10px;}
/*--------------------------------------  10.1 Feature Area ----------------------------------------*/
.features-accordion .panel-title a {
display: block;
position: relative;
padding: 15px 10px 15px 25px;
color: #222 !important;
font-size: 18px;
font-weight:bold !important;
line-height: 1.5;
}
.features-accordion .panel-body {
color: #222;
padding: 20px 25px 30px;
}
.features-accordion .panel-title a.collapsed::after,
.features-accordion .panel-title a::after {
border-left: 1px solid #d8d8d8;
content: "\f107";
font-family: fontawesome;
font-size: 20px;
line-height: 52px;
padding-left: 20px;
position: absolute;
right: 19px;
top: 0;
}
.features-accordion .panel-title a:after {
content: "\f106 ";
}
.features-accordion .panel-heading {
background: #fff none repeat scroll 0 0;
padding: 0;
}
.panel-default .panel-heading a.collapsed {
background: #fff none repeat scroll 0 0 !important;color: #212121 !important;
}
.panel-default .panel-heading a {
background: #002858 none repeat scroll 0 0 !important;color: #fff !important;
}
.features-accordion .panel-group .panel {
border: 0 none;
box-shadow: 0 4px 5px -1px #c8c8c8;
margin-bottom: 20px;
}
.panel-default > .panel-heading {
background-color: #fff;
border-radius: 3px 3px 0 0;
color: #212121 !important;
}
.features-accordion .panel.panel-default.actives {} .features-accordion .panel.panel-default.actives .panel-title a {} .features-accordion .panel-title a:hover {} .features-accordion .panel-title a:focus {
text-decoration: none
}
.features-accordion .panel-group .panel:last-child {
margin-bottom: 0px;
}
.features-accordion .panel-group:last-child {
margin-bottom: 0px;
}
/* 10.2 Skill area  */
.skill-content {overflow: hidden;padding-top: 40px;}
.skill .progress-bar {background-color: #002858;border-radius: 5px;transition: width 0.6s ease 0s;}
.progress-title {font-weight: 400;text-transform: uppercase;display: inline-block;}
.pr-pg {color: #212121;float: right;font-weight: 400;}
.skill {margin-bottom: 20px;}
.skill .progress {background-color: #fff;border: 1px solid #efefef;border-radius: 0;box-shadow: none;height: 20px;margin-bottom: 0;overflow: hidden;padding: 3px;position: relative;}
.skill .progress-bar > span {border: medium none;border-radius: 0;color: #212121;float: right;font-size: 14px;font-weight: 400;padding: 0;position: absolute;right: 0;top: -35px;}
.skill-wrap .skill:last-child {margin-bottom: 0;}
/* 10.3 Brand Logo */
.brand-logo-area.solid-bg-4{background: #eebd47 none repeat scroll 0 0;}
.brand-logo-area.solid-bg-4 .single-brand{border-right: 1px solid #fadd82;}
/* 11. Courses Details */
.left-side-wrap {
width: 72.4%;
}
.right-side-wrap {
width: 27.6%;
}
.course-details-list li {
line-height: 23px;
padding-left: 15px;
position: relative;
}
.course-details-list li::before {
content: "\f105 ";
font-family: fontawesome;
left: 1px;
position: absolute;
top: 0;
}
.course-details-list {
margin-bottom: 70px;
}
.course-details-area .sidebar-title {
background: #fff none repeat scroll 0 0;
color: #212121;
font-size: 20px;
font-weight: 400;
height: 95px;
line-height: 95px;
margin: 0;
text-align: center;
text-transform: uppercase;
border-radius: 3px 3px 0 0;
}
.course-details-area .widget li h5 {
height: 60px;
line-height: 60px;
margin: 0;
}
.course-details-area .widget li:nth-child(2n),
.course-details-area .widget li:nth-child(2n) {
background: #fff none repeat scroll 0 0;
}
.course-details-area .widget li,
.course-details-area .widget li {
padding: 0 30px;
}
.course-details-area .widget {
border-radius: 4px;
box-shadow: 0 0 6px 0 #bdc3ca;
margin-bottom: 30px;
}
.course-details-area .widget li h5 span {
float: right;
font-style: italic;
font-weight: 400;
}
.course-details-area .widget li:last-child {
border-radius: 0 0 3px 3px;
padding-bottom: 15px;
}
.instr-img {
float: left;
width: 43%;
}
.instr-info {
float: left;
padding: 30px 0px 0px 25px;
width: 57%;
}
.instr-name {
color: #424242;
display: block;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.instr-info p {
font-style: italic;
font-weight: 400;
margin: 0;
}
.instr-wrap {
padding: 30px 0;
}
.instr-img img {
width: 100%;
}
.address-info {
background: #fff none repeat scroll 0 0;
padding: 20px 30px;
border-radius: 0 0 3px 3px;
}
.address-info p {
line-height: 24px;
margin: 0;
}
.widget:last-child {
margin-bottom: 0;
}
/*--------------------------------------  
11.1 Related-course-container
----------------------------------------*/
.related-course-area.padding100 {
padding: 100px 0 90px 0;
}
.related-course-container .col-md-3 {
width: 100%;
}
.related-course-container .single-course {
margin-bottom: 5px;
}
/*--------------------------------------  
12. Service page
----------------------------------------*/
.intro-courses-area.no-margin {
margin: 0;
}
/*--------------------------------------  
13. Team Page
----------------------------------------*/
.our-team-area-v4 .single-member {
box-shadow: 0 0 6px 0 #bdc3ca;float: left;padding: 0;width: 100%;
}
.our-team-area-v4 .single-member:hover .mb-image::after {
opacity: 0; color:#fff !important;
}
.blog-page .blog-post-inner .col-md-4:nth-child(n+4) .single-blog {
margin-top: 50px;
}
.blog-page .blog-post-inner .col-md-3:nth-child(n+4) .single-blog {
margin-top: 50px;
}
.blog-page .masonry-active.blog-post-inner .col-md-4:nth-child(n+4) .single-blog,
.blog-page .masonry-active.blog-post-inner .col-md-3:nth-child(n+4) .single-blog {
margin-top: 30px;
}
.blog-page .masonry-active.blog-post-inner .col-md-4 .single-blog {
margin-top: 30px;
}
.load-more-btn {
margin-top: 45px;
}
.load-more-btn .estut-btn {
height: 42px;
line-height: 42px;
padding: 0 30px;
}
/*--------------------------------------  
14. Pricing Table
----------------------------------------*/
.single-price-table {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 0 6px 0 #bdc3ca;
}
.single-price-table:hover .table-footer .load-more-btn .estut-btn {
background: #002858;
color: #fff;
}
.single-price-table:hover .table-footer .load-more-btn .estut-btn:hover {
background: #002858;
}
.price-title {
color: #212121;
font-size: 20px;
margin: 25px 0 15px;
text-align: center;
text-transform: uppercase;
}
.price-table-quantity {
color: #aaa;
display: block;
font-size: 14px;
margin-bottom: 25px;
text-align: center;
}
.price-content {
display: inline-block;
line-height: 24px;
margin-bottom: 25px;
padding: 0 30px;
text-align: center;
}
.table-body ul li h5 {
color: #424242;
font-size: 18px;
height: 60px;
line-height: 60px;
margin: 0;
}
.table-body ul li h5 span {
float: right;
font-size: 14px;
font-style: italic;
}
.table-body ul li:nth-child(2n+1) {
background: #f7f7f7 none repeat scroll 0 0;
}
.table-body ul li {
padding: 0 30px;
}
.table-footer {
text-align: center;
}
.table-footer .load-more-btn {
display: inline-block;
margin-bottom: 60px;
margin-top: 30px;
}
/*--------------------------------------  
15. Blog Small Image
----------------------------------------*/
.blog-small-image .blog-thumb {
float: left;
width: 32.5%;
}
.blog-small-image .blog-info {
float: left;
width: 67.5%;
}
.blog-small-image .estut-btn,
.blog-large-image .estut-btn {
margin: 0;
}
.blog-small-image .single-blog,
.blog-large-image .single-blog {
margin-bottom: 50px;
}
.blog-small-image .col-md-12:last-child .single-blog,
.blog-large-image .single-blog:last-child {
margin-bottom: 0;
}
.page-numbers li {
border-radius: 3px;
display: inline-block;
height: 42px;
line-height: 42px;
margin: auto 3px;
text-align: center;
width: 42px;
}
.page-numbers li a {
border-radius: 3px;
}
.page-numbers li.current,
.page-numbers li a:hover {
background: #002858 none repeat scroll 0 0;
box-shadow: 0 0 6px 0 #bdc3ca;
color: #fff;
}
.page-numbers li.current {
cursor: no-drop;
}
.page-numbers li a {
display: block;
color: #212121;
}
.page-numbers li:first-child {
margin-left: 0;
}
.page-numbers li:last-child {
margin-right: 0;
}
.pagination-area-v1 {
margin-top: 50px;
}
/*--------------------------------------  
16. Large Image
----------------------------------------*/
.widget-wrap {
background: #fff none repeat scroll 0 0;
box-shadow: -3px 3px 6px #ededed;
position: relative;
}
.widget-content > form {
position: relative;
}
.widget-search form input[type="text"] {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border-left: medium none;
border-right: medium none;
border-top: medium none;
color: #aaa;
font-size: 14px;
font-style: italic;
height: 42px;
line-height: 42px;
width: 100%;
}
.widget-search button {
background: transparent none repeat scroll 0 0;
border: medium none;
color: #aaa;
height: 42px;
line-height: 42px;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.widget-search button i {
float: right;
}
.widget-wrap .widget:first-child {
padding-top: 50px;
}
.widget-wrap .widget:last-child {
padding-bottom: 30px;
}
.widget-content {
padding-left: 30px;
}
.widget-title-v2 {
color: #fff;
font-size: 16px;
font-weight: 700;
height: 36px;
line-height: 35px;
margin-left: -10px;
padding-left: 40px;
position: relative;
text-transform: capitalize;
background: #4fc3f7 none repeat scroll 0 0;
}
.widget-title-v2::before {
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
bottom: -10px;
content: "";
height: 0;
left: -10px;
position: absolute;
width: 0;
border-right: 10px solid #002858;
}
.widget-title-v2::after {
background: rgba(0, 0, 0, 0) url("../img/widget-title-bg.html") repeat scroll 0 0;
content: "";
height: 36px;
position: absolute;
right: 0;
top: 0;
width: 4px;
}
.widget:nth-child(2) .widget-title-v2 {
background: #66BB6A none repeat scroll 0 0;
}
.widget:nth-child(2) .widget-title-v2::before {
border-right: 10px solid #43a047;
}
.widget:nth-child(3) .widget-title-v2 {
background: #ffa726 none repeat scroll 0 0;
}
.widget:nth-child(3) .widget-title-v2::before {
border-right: 10px solid #fb8c00;
}
.widget:nth-child(4) .widget-title-v2 {
background: #f44336 none repeat scroll 0 0;
}
.widget:nth-child(4) .widget-title-v2::before {
border-right: 10px solid #d32f2f;
}
.widget:nth-child(5) .widget-title-v2 {
background: #66bb6a none repeat scroll 0 0;
}
.widget:nth-child(5) .widget-title-v2::before {
border-right: 10px solid #43a047;
}
.widget:nth-child(6) .widget-title-v2 {
background: #673ab7 none repeat scroll 0 0;
}
.widget:nth-child(6) .widget-title-v2::before {
border-right: 10px solid #512da8;
}
.widget:nth-child(7) .widget-title-v2 {
background: #fb016b none repeat scroll 0 0;
}
.widget:nth-child(7) .widget-title-v2::before {
border-right: 10px solid #c70256;
}
.widget-menu li a {
color: #424242;
display: block;
height: 42px;
line-height: 42px;
padding-left: 15px;
position: relative;
}
.widget-menu li a::before {
color: #aaa;
content: "";
font-family: fontawesome;
left: 0;
position: absolute;
top: 0;
}
.widget {
margin-bottom: 30px;
}
.widget-wrap .widget:last-child {
margin-bottom: 0;
}
.widget-recent-post .widget-menu li a {
color: #002858;
}
.widget-recent-post .widget-menu li span {
color: #aaa;
font-size: 13px;
padding-left: 15px;
}
.widget-menu > li {
border-bottom: 1px solid #ecf0f1;
}
.widget-menu > li:last-child {
border-bottom: 0 none;
}
.widget-recent-post .widget-menu li a {
height: inherit;
line-height: inherit;
margin-bottom: 5px;
}
.widget-recent-post .widget-menu li {
padding: 20px 0;
}
.widget-recent-comment .widget-menu li > a {
color: #002858;
}
.widget-recent-comment .widget-menu li > a span {
color: #aaa;
font-size: 13px;
}
.widget-recent-comment .widget-menu li p {
line-height: 22px;
padding-left: 15px;
}
.widget-recent-comment .widget-menu li {
padding: 10px 0;
}
.tagcloud a {
background: #ebebeb none repeat scroll 0 0;
border: 1px solid transparent;
color: #424242;
display: inline-block;
margin: 0 10px 10px 0;
padding: 10px 14px;
text-transform: capitalize;
}
.tagcloud a:hover {
background: transparent none repeat scroll 0 0;
border: 1px solid #ebebeb;
}
.widget-tagcloud-list .widget-title-v2 {
margin-bottom: 30px;
}
.left-side-wrap-v1 {
padding: 50px 0 50px 50px;
width: 72.5%;
}
.right-side-wrap-v1 {
padding: 0 15px 0 25px;
width: 27.5%;
}
.widget-wrap::after {content: "";height: 100%;position: absolute;left: 100%;top: 0;width: 8%;}
.widget-wrap{position: relative;}
/*------------------ 17. Blog Details -------------------------*/
.footer-social-bookmark.blog-solial-icon ul li {
padding-left: 10px;
padding-right: 10px;
}
.footer-social-bookmark.blog-solial-icon ul li:first-child {
padding-left: 0;
}
.footer-social-bookmark.blog-solial-icon ul li:last-child {
padding-right: 0;
}
.entry-meta-small {
position: relative;
}
.entry-meta-small::before {
color: #aaa;
content: "";
font-family: fontawesome;
left: 0;
margin-top: -8px;
position: absolute;
top: 50%;
}
.entry-meta-small {
margin-top: 27px;
padding-left: 20px;
}
.meta-list a {
color: #aaa;
margin: auto 3px;
}
.footer-social-bookmark.blog-solial-icon {
border-bottom: 1px solid #ebebeb;
padding-bottom: 30px;
}
.footer-social-bookmark.blog-solial-icon {
border-bottom: 1px solid #ebebeb;
padding-bottom: 30px;
}
.administrator-info {
margin-top: 30px;
overflow: hidden;
}
.administrator-avatar {
float: left;
width: 14%;
}
.administrator-description {
float: left;
margin-top: 10px;
padding-left: 20px;
width: 86%;
}
.administrator-description > h2 {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.blog-details .single-blog {border-radius: 4px;}
/*------------------- 18.1 Related Post --------------------*/
.related-post-v2 .single-post {
float: left;
width: 50%;
}
.related-post-v2 .blog-thumb {
float: left;
width: 47%;
}
.related-post-v2 .blog-info {
float: left;
width: 52.8%;
padding: 0 15px 0 30px;
}
.related-post-v2 .blog-title {
line-height: 24px;
}
.post-title-v3 {
margin-top: 45px;
}
.post-title-v3 .post-title {
color: #676767;
font-size: 16px;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
}
.related-post-list {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 6px 0 #bdc3ca;
padding: 40px 30px;
}
.related-post-v2 .blog-content {
margin: 0;
}
/* 18.1 Review Area */
.reviewer-img {
float: left;
width: 8%;
}
.reviewer-info {
float: left;
margin-top: 12px;
min-height: 60px;
padding-left: 15px;
width: 92%;
}
.reviewer-name {
font-size: 14px;
margin-bottom: 5px;
text-transform: uppercase;
}
.date-time {
color: #aaa;
font-size: 13px;
}
.single-review > .reviewer-comment {
display: inline-block;
line-height: 23px;
}
.reply-btn {
color: #aaa;
font-size: 13px;
font-style: italic;
}
.reply-btn i {
font-size: 12px;
margin-left: 5px;
}
.single-review {
border-bottom: 1px solid #ebebeb;
margin-bottom: 20px;
padding-bottom: 20px;
}
.review-inner .single-review:last-child {
border-bottom: 0 none;
margin-bottom: 0;
}
.review-inner,
.form-wrap {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 0 6px 0 #bdc3ca;
padding: 30px;
}
.user-comment {
padding-left: 75px;
}
.reviewer-name a {
color: #212121;
}
.reviewer-name a:hover {}
/*--------------------------------------  
18.3 Comment Form
----------------------------------------*/
.form-inner .single-input label {
color: #212121;
display: block;
font-size: 14px;
font-weight: 400;
margin-bottom: 11px;
}
.form-inner .single-input label span {
color: red;
font-size: 15px;
}
.form-inner input[type="text"],
textarea {
border: 1px solid #ebebeb;
height: 40px;
line-height: 40px;
padding: 0 15px;
width: 100%;
}
.form-inner textarea {
height: 130px;
resize: none;
}
.star {
line-height: 1;
}
.form-inner > .single-input {
margin-bottom: 30px;
}
.estut-btn.submit {
border: 0 none;
height: 42px;
line-height: 0;
margin: 0 auto;
transition: all 0.3s ease 0s;
}
/*--------------------------------------  
19. Shop  FullWidth
----------------------------------------*/
.product-filter-inner,
.product-toolbar {
margin-bottom: 50px;
}
.filter-menu-list li {
border-top: 3px solid transparent;
display: inline-block;
height: 52px;
margin: auto -2px;
}
.filter-menu-list li a {
border-right: 1px solid #e1e1e1;
color: #676767;
display: block;
line-height: 52px;
padding: 0 30px;
text-transform: capitalize;
}
.filter-menu-list {
background: #f3f3f3 none repeat scroll 0 0;
}
.filter-menu-list li:last-child a {
border-right: medium none;
}
.price-filter form input[type="text"] {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #e1e1e1;
border-image: none;
border-style: none none solid;
border-width: medium medium 1px;
width: 70px;
padding: 3px 0;
}
.price-filter form {
height: 52px;
line-height: 52px;
padding: 0 30px;
}
label.filter-price-title {
color: #676767;
font-weight: 400;
margin-bottom: 0;
margin-right: 10px;
}
.filter-tab-content {
background: #fff none repeat scroll 0 0;
border-radius: 0 0 4px 4px;
box-shadow: 0px 4px 6px -1px #bdc3ca;
padding: 30px;
position: relative;
z-index: 15;
}
.categories-wrap .single-category {
float: left;
padding: 0 15px;
width: 20%;
}
.single-category {} .single-category .cat-thumb img {
width: 100%;
}
.categories-wrap {
margin-left: -15px;
margin-right: -15px;
}
.s-category-menu .menu-title {
font-size: 14px;
font-weight: 700;
margin-bottom: 11px;
text-transform: uppercase;
}
.cat-thumb {
margin-bottom: 28px;
}
.s-category-menu ul li {
border-bottom: 1px solid #ebebeb;
height: 42px;
}
.s-category-menu ul li a {
color: #999;
line-height: 42px;
}
.s-category-menu ul li a:hover {
color: #002858;
}
.s-category-menu ul li:last-child {
border-bottom: medium none;
}
.categories-wrap .single-category:nth-child(1) .menu-title {
color: #fac02e;
}
.categories-wrap .single-category:nth-child(2) .menu-title {
color: #43a047;
}
.categories-wrap .single-category:nth-child(3) .menu-title {
color: #00acc2;
}
.categories-wrap .single-category:nth-child(4) .menu-title {
color: #8e24aa;
}
.categories-wrap .single-category:nth-child(5) .menu-title {
color: #e53935;
}
.filter-menu-list li.active {
background: #fff none repeat scroll 0 0;
border-top: 3px solid #002858;
box-shadow: -2px 7px 6px -3px #bdc3ca;
position: relative;
}
.filter-menu-list li:first-child {
margin-left: 0;
}
.filter-menu-list li.active::before {}
/*--------------------------------------  
19.1 Sort By Toolbar
----------------------------------------*/
.toolbar-sortby {
display: inline-block;
margin-right: 30px;
}
.toolbar-sortby label {
color: #676767;
font-weight: 400;
margin-right: 10px;
}
.toolbar-sortby:last-child {
margin-right: 0;
}
.btn.dropdown-toggle.btn-info {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: transparent none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #e1e1e1;
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: medium medium 1px;
color: #999999;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
background-color: transparent;
border-color: transparent;
color: #999999;
}
.btn-group.open .dropdown-toggle {
box-shadow: none;
}
.view-mode-tab-btn {
background: #fff none repeat scroll 0 0;
border-radius: 3px;
box-shadow: 0 0 6px 0 #bdc3ca;
padding: 10px 0;
width:90px;
}
.view-mode-tab-btn li {
border-right: 1px solid #e1e1e1;
float: left;
line-height: 11px;
padding: 0 12px 0 13px;
}
.view-mode-tab-btn li:last-child {
border-right: medium none;
}
.view-mode-tab-btn li a {
color: #999999;
}
.view-mode-tab-btn li.active a {
color: #002858;
}
.asc-des .estut-btn {
display: inline-block;
letter-spacing: 0;
margin: 0;
padding: 7px 15px;
color: #999999;
}
.asc-des .estut-btn:hover {
color: #fff;
}
.shop-page .col-md-3:nth-last-child(-n+4) .single-product {
margin-bottom: 0;
}
.shop-page .col-md-4:nth-last-child(-n+3) .single-product {
/*margin-bottom: 0;*/
}
.shop-content-area .col-md-3:nth-last-child(-n+4) .single-product {
margin-bottom: 0;
}
/*--------------------------------------  
20. Shop Grid View
----------------------------------------*/
#categorymenu ul ul {
display: none;
}
#categorymenu ul > li.has-sub > a {
position: relative;
}
#categorymenu ul > li.has-sub > a::after {
color: #aaa;
content: "\f105";
font-family: fontawesome;
position: absolute;
left: 0px;
top: 0px;
}
#categorymenu ul > li.has-sub.open > a:after {
content: "\f106 ";
font-family: fontawesome;
left: 0px;
position: absolute;
top: 0px;
}
.widget-menu.widget-submenu li a::before {
content: "";
}
.widget-submenu .has-sub ul {
padding-left: 15px;
}
.widget-submenu .has-sub ul li {
border-bottom: 1px solid #ecf0f1;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
background: #fff none repeat scroll 0 0;
border: 2px solid #efefef;
border-radius: 100%;
height: 20px;
width: 20px;
}
.ui-slider-horizontal .ui-slider-range {
background: #002858 none repeat scroll 0 0;
}
.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #efefef;
border-radius: 2px;
height: 6px;
margin-bottom: 30px;
}
.ui-slider .ui-slider-handle {
top: -9px;
}
.price_filter #amount {
border: medium none;
color: #424242;
font-weight: 400;
height: 30px;
letter-spacing: 2px;
line-height: 30px;
width: 55%;
}
.price_filter .estut-btn {
border: medium none;
color: #999999;
float: right;
font-size: 13px;
font-weight: 500;
height: 30px;
letter-spacing: 0;
line-height: 32px;
margin: 0 3px 0 0;
padding: 0 20px;
transition: all 0.3s ease 0s;
box-shadow: 0 2px 5px 0 #bdc3ca;
border-radius: 2px;
}
.price_filter .estut-btn:hover {
color: #fff;
}
.widget-sub-title-v2 {
font-size: 16px;
font-weight: 700;
margin: 20px auto;
text-transform: uppercase;
}
/*--------------------------------------  
20.1 Color Filter
----------------------------------------*/
.color-list .color {
background: #4fc3f7 none repeat scroll 0 0;
border-radius: 100%;
display: inline-block;
height: 28px;
line-height: 28px;
margin: 4px 2px;
text-align: center;
text-indent: -99999px;
width: 28px;
}
.color-list {
margin: -2px;
}
.color-list .color a {
display: block;
}
.color-list .color:nth-child(1) {
background: #4d4d4d none repeat scroll 0 0;
}
.color-list .color:nth-child(2) {
background: #64AAE7 none repeat scroll 0 0;
}
.color-list .color:nth-child(3) {
background: #2EB05A none repeat scroll 0 0;
}
.color-list .color:nth-child(4) {
background: #FFD800 none repeat scroll 0 0;
}
.color-list .color:nth-child(5) {
background: #71F2F4 none repeat scroll 0 0;
}
.color-list .color:nth-child(6) {
background: #F38083 none repeat scroll 0 0;
}
.color-list .color:nth-child(7) {
background: #f51353 none repeat scroll 0 0;
}
.color-list .color:nth-child(8) {
background: #A186BE none repeat scroll 0 0;
}
.color-list .color:nth-child(9) {
background: #FBAF5D none repeat scroll 0 0;
}
.color-list .color:nth-child(10) {
background: #FF8400 none repeat scroll 0 0;
}
.color-list .color:nth-child(11) {
background: #958282 none repeat scroll 0 0;
}
.color-list .color:nth-child(12) {
background: #1e5bd7 none repeat scroll 0 0;
}
.size-list.widget-menu li,
.brand-list-v2.widget-menu li {
border-bottom: medium none;
padding: 3px 0;
}
.size-list.widget-menu li a,
.brand-list-v2.widget-menu li a {
color: #424242;
text-transform: uppercase;
}
.brand-list-v2.widget-menu li a {
display: inline-block;
}
.brand-list-v2.widget-menu li a span {
padding-left: 3px;
}
.s-filter {
border-bottom: 1px solid #ebebeb;
margin-bottom: 25px;
padding-bottom: 30px;
}
.s-filter:last-child {
border-bottom: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
/*--------------------------------------  
20.2 Top Rated Product
----------------------------------------*/
.trpm-img {
float: left;
width: 40%;
}
.trpm-dets {
float: left;
padding-left: 15px;
width: 60%;
}
.trpm-title {
font-size: 14px;
}
.top-rated-pd-menu li {
border-bottom: 1px solid #ebebeb;
margin-bottom: 20px;
padding-bottom: 20px;
}
.top-rated-pd-menu {
margin-top: 30px;
}
.top-rated-pd-menu li:last-child {
padding-bottom: 0;
border-bottom: 0px solid #ebebeb;
}
/*--------------------------------------  
21. Shop List View
----------------------------------------*/
.product-list-view-area .pro-thumb {
float: left;
width: 30%;
}
.product-list-view-area .pro-info {
float: left;
text-align: left;
width: 70%;
padding: 30px 30px 10px;
}
.product-list-view-area .single-product:hover .pro-info {
transform: translateY(0px);
}
.product-list-view-area .pro-available-color {
margin-bottom: 0px;
opacity: 1;
transform: scale(1);
transition: all 0.3s ease 0s;
}
.product-list-view-area .estut-btn {
height: 42px;
line-height: 42px;
margin: auto 5px;
padding: 0 20px;
box-shadow: 0 2px 5px 0 #bdc3ca;
}
.product-list-view-area .estut-btn:first-child {
margin-left: 0;
}
.product-list-view-area .estut-btn:hover {
background: #002858;
color: #fff;
}
.product-list-view-area .product-action {
margin-top: 30px;
}
.product-list-view-area .single-product {
margin-bottom: 50px;
}
.product-list-view-area .col-md-12:last-child .single-product {
margin-bottom: 0;
}
.product-list-view-area.shop-full-width-v2 .pro-thumb {
width: 34.7%;
}
.product-list-view-area.shop-full-width-v2 .pro-info {
width: 65.3%;
padding: 30px 50px;
}
/*--------------------------------------  
22. 404 page
----------------------------------------*/
.error-wrap-area {
background: rgba(0, 0, 0, 0) url("img/section-bg/404.html") no-repeat scroll center center / cover;
padding: 210px 0 250px;
}
@keyframes color {
0% {
color: #424242;
}
10% {
color: #723b3b;
}
20% {
color: #c22500;
}
30% {
color: #40af64;
}
40% {
color: #6e45a7;
}
50% {
color: #de5648;
}
60% {
color: #4775c9;
}
70% {
color: #91c547;
}
80% {
color: #5dbede;
}
90% {
color: #a67379;
}
100% {
color: #818181;
}
}
.error-heading .error-title span {
animation-delay: 3s;
animation-duration: 33s;
animation-iteration-count: 10;
animation-name: color;
}
.error-heading .error-title {
color: #424242;
font-size: 200px;
font-weight: 700;
}
.error-title-2 {
color: #424242;
font-size: 30px;
letter-spacing: 1px;
line-height: 23px;
margin-bottom: 30px;
text-transform: uppercase;
}
.error-info p {
line-height: 23.5px;
margin-bottom: 30px;
}
.error-wrap-area .estut-btn {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
padding: 10px 25px;
}
/*--------------------------------------  
23. Coming Soon Template
----------------------------------------*/
.coming-wrap-area {
background: rgba(0, 0, 0, 0) url("img/section-bg/coming-soon.html") no-repeat scroll center center / cover;
}
.coming-wrap-area.overlay-bg {
position: relative;
}
.coming-wrap-area.overlay-bg::after {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
}
.coming-wrap-area.overlay-bg .container {
position: relative;
z-index: 15;
}
.coming-wrap-area .coming-title {
color: #ffffff;
font-size: 40px;
margin-bottom: 35px;
text-transform: uppercase;
}
.coming-wrap-area .coming-main-logo {
margin-bottom: 120px;
}
.coming-wrap-area .coming-info > p {
color: #ffffff;
font-size: 18px;
}
.coming-wrap-area .newsletter-form form input[type="email"] {
border-color: #5c5c5c;
border-width: 2px;
color: #ffffff;
opacity: 1 !important;
}
.coming-wrap-area .email-box::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.coming-wrap-area .newsletter-form button {
color: #ffffff;
}
.coming-wrap-area .footer-social-bookmark {
margin-bottom: 30px;
}
.coming-wrap-area .newsletter-form {
margin-bottom: 145px;
}
.estut-count {
display: inline-block;
width: 160px;
height: 160px;
position: relative;
color: #fff;
line-height: 130px;
font-size: 60px;
font-weight: 700;
z-index: 20;
margin: auto 60px;
}
.estut-count p {
text-transform: uppercase;
color: #fff;
line-height: 0;
margin-top: -15px;
font-size: 18px;
font-weight: 500;
}
.estut-count::before {
background: #fff;
opacity: 0.2;
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 100%;
}
/*--------------------------------------  
24. Contact us
----------------------------------------*/
.info-icon {
border-radius: 100%;
height: 80px;
line-height: 80px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
position: relative;
top: -40px;
width: 80px;
}
.contact-info-list {
margin-bottom: 40px;
margin-top: 40px;
}
.single-info {
border-radius: 3px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
display: inline-block;
float: left;
margin: auto 15px;
min-height: 185px;
padding: 0 15px;
width: 270px;
}
.contact-info-inner .single-info:nth-child(1) .info-icon {
background: #eebd47 none repeat scroll 0 0;
}
.contact-info-inner .single-info:nth-child(1) {
border-bottom: 3px solid #eebd47;
}
.contact-info-inner .single-info:nth-child(2) .info-icon {
background: #18caaa none repeat scroll 0 0;
}
.contact-info-inner .single-info:nth-child(2) {
border-bottom: 3px solid #18caaa;
}
.contact-info-inner .single-info:nth-child(3) .info-icon {
background: #f6706d none repeat scroll 0 0;
}
.contact-info-inner .single-info:nth-child(3) {
border-bottom: 3px solid #f6706d;
}
.con-in-title {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
}
.contact-info-inner {
display: inline-block;
margin: auto;
text-align: center;
}
.info-dis {
margin-top: -12px;
}
.info-dis p {
line-height: 24px;
margin-bottom: 0;
}
.single-input.one-half.left {
padding-right: 15px;
}
.single-input.one-half.right {
padding-left: 15px;
}
.contact-form-area,
.form-wrap {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.info-dis a {
color: #424242;
}
/*--------------------------------------  
25. Shop Details
----------------------------------------*/
.details-product-inner {
border-radius: 4px;
}
.details-product-big-img {
margin-bottom: 30px;
}
.tab-carosual-list {
margin: auto;
width: 75%;
}
.single-product-sml-img li {
display: inline-block;
}
.details-product-thumb {
float: left;
width: 41.3%;
}
.details-product-info {
float: left;
padding-left: 30px;
width: 58.7%;
}
.details-product-info input[type="radio"] {
display: none;
}
.details-product-info input[type="radio"] + label span {
display: inline-block;
width: 16px;
height: 16px;
margin: -1px 4px 0 0;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 50%;
border-radius: 50%;
}
.details-product-info input[type="radio"]:checked + label span {
background-image: url("img/ok.html");
background-position: center center;
background-repeat: no-repeat;
background-size: 60% auto;
box-shadow: 0 0 3px 0 #002858;
}
.details-product-info .c-one {
background: #64849D
}
.details-product-info .c-two {
background: #DD5D5D
}
.details-product-info .c-three {
background: #F0C758
}
.details-product-info .c-four {
background: #6DEFC9
}
.details-product-info .pro-price {
font-size: 30px;
margin-bottom: 30px;
}
.details-product-info .pro-rating > p {
color: #002858;
display: inline-block;
font-size: 12px;
font-style: italic;
margin: 0 0 0 20px;
}
.details-product-info .pro-rating {
margin-bottom: 30px;
}
.details-product-info .quantity,
.size {
float: left;
width: 25%;
}
.details-product-info .colors {
float: left;
width: 50%;
}
.details-product-info .qsca-div input[type="number"],
.qsca-div select {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #ededed;
border-image: none;
border-style: none none solid;
border-width: medium medium 2px;
padding: 10px 0;
width: 60%;
}
.details-product-info .qsca-div input[type="number"]:focus {
border-color: #002858;
}
.details-product-info .qsca-div select {
-moz-appearance: none;
background-image: url("img/icon/option.html");
background-position: right center;
background-repeat: no-repeat;
}
.details-product-info .qsca-div {
margin-bottom: 30px;
}
.details-product-info .addtocart .estut-btn {
height: 42px;
line-height: 42px;
margin: 0;
padding: 0 22px;
}
.details-product-info .addtocart .estut-btn i {
margin-right: 6px;
}
.details-product-info .addtocart {
margin-bottom: 30px;
}
.details-product-info .features-accordion .panel-title a {
font-size: 16px;
padding: 15px 0;
text-transform: uppercase;
}
.details-product-info .features-accordion .panel-group .panel {
border-top: 1px solid #ededed;
box-shadow: none;
}
.details-product-info .features-accordion .panel-group .panel {
margin-bottom: 0;
}
.details-product-info .features-accordion .panel-body {
padding: 20px 0 30px;
}
.details-product-info .features-accordion .panel-title a.collapsed::after,
.details-product-info .features-accordion .panel-title a::after {
border-left: medium none;
}
.details-product-info .panel-default .panel-heading a,
.details-product-info .panel-default .panel-heading a.collapsed {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.product-details-social-tag .footer-social-bookmark.blog-solial-icon {
border-bottom: 0px;
}
.details-product-wrap .single-review:nth-child(2) {
border-bottom: medium none;
margin-bottom: 0;
padding-bottom: 0;
}
/*===========================Color codes============================= */
.estut-btn.active, .estut-btn:hover, .intro-courses-container .estut-btn, .brand-logo-area.solid-bg-1, .quick-add-to-cart .single_add_to_cart_button, .call-to-action .estut-btn, #scrollUp{background:#002858 none repeat scroll 0 0;}
.solid-bg-header{background: #fff none repeat scroll 0 0;box-shadow:2px 5px 10px #333;z-index:999;}
.total-amount span{color: #002858;}
.header-top, .action-cart a, .estut-dropdown > li:hover > a, .estut-btn.active:hover, .intro-courses-container .estut-btn:hover, .quick-add-to-cart .single_add_to_cart_button:hover, .call-to-action .estut-btn:hover, #scrollUp:hover{background:#002858 none repeat scroll 0 0;}
.cart-form, .estut-dropdown{border-bottom: 2px solid #002858;}
.primary-menu > ul > li:hover > a, .course-content .course-title a:hover{color:#fff !important;}
.estut-dropdown li a:hover{color:#333 !important;}
.action-cart a:hover{background: #ffeb3b none repeat scroll 0 0;}
.search-form button, .cart-btn a, .cart-single-product-title p, .cart-single-product-del a{color: #bbdefb;}
.header-top-info > p, .header-top-right ul > li, .header-top-info > p a{color:#fff;}
.search-form input[placeholder]{color: #bbdefb !important;}
::selection{background:#002858;color:#fff;}
::-moz-selection{background: #002858;color:#fff;}
a{color:#002858}
.author a:hover{color:#002858;}
a:hover{color:#002858;text-decoration:none;}
/*===========================Product Modal============================= */
.modal {z-index: 13000}
#productModal .modal-dialog{margin: 5% auto;max-width: 96%;min-height: 300px;padding: 20px;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;width: 870px;}
#productModal .modal-header{border: 0 none;padding: 0;min-height: auto;}
#productModal button.close{position: absolute;right: 10px;top: 10px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;z-index: 2;}
#productModal button.close:hover{opacity: 1;}
#productModal button.close span{border: 1px solid #909295;border-radius: 60px;color: #909295;display: block;height: 30px;line-height: 25px;text-align: center;width: 30px;padding-top: 1px;}
#quickview-wrapper .modal-content{border-radius:0;}
.modal-product{overflow:hidden}
.modal-product .product-images{float: left;width:40%;}
.modal-product .product-images .quick-thumbnails{float: left;width: 100%;}
.modal-product .product-images .main-image{float: left;width: 100%;}
.modal-product .product-images .main-image img{box-shadow: none}
.modal-product .product-info{float: left;padding-left: 30px;width: 60%;}
.modal-product .product-info h1{font-size: 22px;font-weight: normal;margin: 0 0 20px;}
.modal-product .product-info .price-box{float: left;margin: 0 0 12px;width: 100%;}
.modal-product .product-info .price-box p{margin: 0}
.modal-product .product-info .price-box .special-price{color: #83cbdc;font-size: 24px;font-weight: 400;}
.modal-product .product-info .see-all{color: #42414f;display: inline-block;margin-bottom: 35px;text-decoration: underline;}
.numbers-row > input{float: left;height: 40px;text-align: center;width: 60px;border: none;border: 1px solid #ddd;}
.quick-add-to-cart .single_add_to_cart_button{border: medium none;color: #fff;float: left;font-weight: 700;height: 40px;margin-left: 15px;padding: 0 70px;text-transform: uppercase;transition: all 0.3s ease 0s;box-shadow: 0px 0px 3px 0px #7C7C7C;}
.modal-product .product-info .see-all:hover{color: #212121}
h3.widget-title-modal{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #42414f;float: left;font-size: 16px;line-height: 30px;margin: 0 0 5px;text-align: left;text-transform: none;width: 100%;}
.widget-title-modal {} .modal-product .product-info .quick-add-to-cart{border-bottom: 1px solid #e5e5e5;float: left;margin: 0 0 20px;padding: 0 0 38px;width: 100%;}
.modal-product .product-info .quick-desc{border-bottom: 1px solid #e5e5e5;color: #909295;float: left;font-size: 14px;line-height: 21px;margin: 0 0 25px;padding: 0 0 15px;width: 100%;}
.modal-product .widget{float: left;width: 100%;}
.modal-product .widget .widget-title{background: none;color: #909295;float: left;font-size: 16px;line-height: 30px;margin: 0 0 5px;text-align: left;text-transform: none;width:100%;}
.modal-product .widget .social-icons{float: left;margin: 0;padding: 0;}
.modal-product .widget .social-icons li{float: left;line-height: 30px;list-style: none;margin-right: 10px;}
.modal-product .widget .social-icons li .social-icon{border: 1px solid #e5e5e5;border-radius: 3px;color: #909295;display: inline-block;font-size: 18px;line-height: 28px;text-align: center;width: 40px;}
.modal-product .widget .social-icons li .social-icon:hover{color: #fff}
.modal-product .widget .social-icons li .social-icon.facebook:hover{background: #3B579D;border: 1px solid #3B579D;}
.modal-product .widget .social-icons li .social-icon.twitter:hover{background: #3ACAFF;border: 1px solid #3ACAFF;}
.modal-product .widget .social-icons li .social-icon.pinterest:hover{background: #CB2027;border: 1px solid #CB2027;}
.modal-product .widget .social-icons li .social-icon.tumblr:hover{background: #304E6C;border: 1px solid #304E6C;}
.modal-product .widget .social-icons li .social-icon.gplus:hover{background: #D11717;border: 1px solid #D11717;}
.modal-product .widget .social-icons li .social-icon.linkedin:hover{background: #0097BD;border: 1px solid #0097BD;}
.s-price-box{display: inline-block;padding: 5px 0px;position: relative;margin-bottom: 30px;border-top:2px solid #4C4C4C;border-bottom:2px solid #4C4C4C;}
.s-price-box .new-price{font-size: 26px;font-weight: 700;letter-spacing: 2px;line-height: 25px;}
.s-price-box .old-price{font-size: 21px;font-weight: 400;margin-left: 7px;text-decoration: line-through;color: #939295;}
/*-------------------------------------- Buttons ---------------------------------------*/
.estut-btn{background: #002858 none repeat scroll 0 0;border-radius: 4px;box-shadow: 0px 0px 6px 0px #bdc3ca;color: #fff;display: inline-block;margin: auto 10px;padding:8px;text-transform:uppercase;letter-spacing:1px;border:0;}
.estut-btn.active, .estut-btn:hover, .intro-courses-container .estut-btn, .call-to-action .estut-btn{color:#fff;}
.intro-courses-container .estut-btn, .call-to-action .estut-btn{padding:15px 30px;margin:25px 0 0;}
.slide-v2 .estut-btn{background:#fff none repeat scroll 0 0;border-radius:4px;box-shadow:0px 0px 6px 0px #928885;color:#212121;display:inline-block;margin:auto 10px;padding:0px 30px;height:50px;line-height:50px;text-transform:uppercase;letter-spacing:1px;}
.slide-v2 .estut-btn:hover, .slide-v2 .estut-btn.active{background: #f3c020 none repeat scroll 0 0;box-shadow: 0 0 6px 0 #9d6631;color: #fff;}
.slide-v2 .estut-btn.active:hover{background: #69d2e7 none repeat scroll 0 0;}
.search-form-3 .estut-btn-v2{background:#fff none repeat scroll 0 0;border: medium none;border-radius:4px;box-shadow:0 0 6px 0 #ce765c;color:#212121;float:right;height:42px;margin-top: 0;text-transform: uppercase;transition: all 0.3s ease 0s;width: 15%;}
.search-form-3 .estut-btn-v2:hover{background: #F3C020;color: #fff;}
.team-area.v1 .estut-btn-v2{margin-top: 25px;}
.estut-btn-v2{border-radius:4px;display: inline-block;height: 42px;line-height: 42px;margin-left: 3px;padding: 0 30px;text-transform: uppercase;color: #212121;}
.estut-btn-v2.color-v2{background: #f3d474 none repeat scroll 0 0;color: #ffffff;box-shadow: 0 0 6px 0 #969696;}
.estut-btn-v2.color-v2:hover{background: #f3c020 none repeat scroll 0 0;color:#fff;}
.estut-btn-v2.default-color{background: #ffffff none repeat scroll 0 0;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);}
.estut-btn-v2.default-color:hover{background: #f3c020 none repeat scroll 0 0;color:#fff;}
.slide-v2 .estut-btn:hover, .slide-v2 .estut-btn.active{background: #19caab none repeat scroll 0 0;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);color: #ffffff;}
.slide-v2 .estut-btn.active:hover{background: #07b193 none repeat scroll 0 0;}
/*-------------------------------------- Testimonials ----------------------------------------*/
.testimonial-area.bg-1 {background: rgba(0, 0, 0, 0) url("../img/bg-1.jpg") no-repeat scroll center center / cover;}
.testimonial-area.overlay-bg {position: relative;}
.testimonial-area.overlay-bg::after {background: #000 none repeat scroll 0 0;content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;}
.testimonial-container {height: 100%;padding: 25px 85px;position: relative;width: 100%;z-index: 999;}
.single-testimonial {padding: 0 120px;}
.single-testimonial .client-pic {margin-bottom: 30px;}
.single-testimonial .client-pic img {width: 132px;}
.single-testimonial p {color: #fff;font-size: 20px;font-style: italic;font-weight: 400;margin-bottom: 30px;}
.single-testimonial .client-name {font-style: normal;font-weight: 700;margin: 0;}
.single-testimonial .review-date {font-size: 14px;font-style: normal;font-weight: 400;margin: 0;}
.owl-controls-style-1.owl-theme .owl-controls .owl-buttons div{background:#000 none repeat scroll 0 0;border-radius:0;font-size:30px;height:100px;line-height:100px;margin:-50px 0 0;opacity:0.5;position:absolute;right:0;top:50%;width:70px;transition:all 0.3s ease 0s;}
.owl-controls-style-1.owl-theme .owl-controls .owl-buttons div.owl-prev {left: 0;}
.owl-controls-style-1.owl-theme .owl-controls.clickable .owl-buttons div:hover {opacity: 0.7;}
/*--------------------------------------Footer----------------------------------------*/
.footer-top-area.bg-1 {background: rgba(0, 0, 0, 0) url("../images/55.jpg") no-repeat scroll center center / cover; padding-bottom:10px;}
.footer-top-area.overlay-bg {position: relative;}
.footer-top-area.overlay-bg::before {background: #1d1d1d none repeat scroll 0 0;content: "";height: 100%;left: 0;opacity: 0.95;position: absolute;top: 0;width: 100%;}
.footer-logo {margin-bottom: 30px;}
.newsletter-form{margin:30px 0 50px 0;}
.newsletter-form form input[type="email"]{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-color: -moz-use-text-color -moz-use-text-color #4b4b4b;border-image: none;border-style: none none solid;border-width: medium medium 1px;color: #999999;padding: 10px 30px 10px 0px;position: relative;width: 80%;}
.newsletter-form button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;color: #999;line-height: 37px;margin-left: -28px;padding: 0 10px;position: relative;}
.widget-title {color: #fff;font-size: 16px;font-weight: 700;line-height: 1;margin-bottom: 20px;text-transform: uppercase;}
.footer-top-menu p, .footer-top-menu p a, .footer-top-menu a{color:#ccc;font-weight: 500;font-size: 14px;}
.footer-top-menu p strong {color: #fff;}
.footer-social-bookmark ul li a{font-size: 28px;}
.footer-social-bookmark ul li{display: inline-block;line-height: 1;padding-left: 0;padding-right: 14px;}
.footer-social-bookmark ul li:first-child{padding-left: 0;}
.footer-social-bookmark ul li:last-child{padding-right: 0;}
.footer-social-bookmark{display: block;margin-top: 30px;overflow: hidden;}
.footer-social-bookmark ul li a.facebook{color: #42599e;}
.footer-social-bookmark ul li a.facebook:hover{color:#fff}
.footer-social-bookmark ul li a.twitter{color:#509fdb;}
.footer-social-bookmark ul li a.twitter:hover{color:#fff}
.footer-social-bookmark ul li a.google-plus{color:#D13D2F;}
.footer-social-bookmark ul li a.google-plus:hover{color:#fff}
.footer-social-bookmark ul li a.linkedin{color:#0077B5;}
.footer-social-bookmark ul li a.linkedin:hover{color:#fff}
.footer-social-bookmark ul li a.youtube{color:#FF0000;}
.footer-social-bookmark ul li a.youtube:hover{color:#fff}
.fo-course-container ul li a{line-height:1;position:relative;}
.fo-course-container ul li a:hover{color:#fff;}
.fo-course-container ul li .date {color:#5e5e5e;font-size:13px;line-height:24px;}
a.user-name{color: #fff;display: block;font-size: 14px;font-weight: 500;margin-bottom: 10px;}
.fo-twitter-feed-container ul li p{line-height: 20px;}
.fo-aboutus-container > p{margin-bottom: 30px;}
.blog-flickr{margin-top: 10px;overflow: hidden;}
.blog-flickr ul{margin-left: -2px;overflow: hidden;}
.blog-flickr ul li{float: left;width: 33.33%;}
.blog-flickr ul li a{display: block;margin: 2px;position: relative;}
.blog-flickr ul li a img{width: 100%;}
.footer-bottom-area{background: #1c1c1c none repeat scroll 0 0;padding: 15px 0;}
.copyright-wrap p{color: #999;margin: 0;}
.team {background: #000 none repeat scroll 0 0;color: #fff !important; padding-bottom:5px; margin-bottom:20px;}
.team a{color: #fff !important; padding: 0 0 0 10px;}
.team a:hover{ text-decoration:underline;}
.team h3 {color: #fff; padding:10px 0 0 10px;}
.vision{background:#f1f1f1;padding:15px; border-left:5px solid #005caa;}
.font16{font-size:16px !important;}
.m-top{ margin-top:20px;}
/*--------------------------------------- Single Product Style ------------------------------*/
.single-product-image{float: left;}
.single-product-info{float: left;padding-left: 30px;}
.single-product-pager img{margin-left: 5px;width: 95%;}
.single-product-pager.carousel-style-two.owl-theme .owl-controls .owl-buttons div{background: #f3f4f6 none repeat scroll 0 0;border: 1px solid #ddd;height: 100%;line-height: 80px;width: 30px;}
.single-product-pager.carousel-style-two .owl-next, .single-product-pager.carousel-style-two .owl-prev{top: 0}
.single-product-pager.carousel-style-two .owl-prev{right: 0;}
.single-product-pager.carousel-style-two .owl-next{left: 0;}
.single-product-pager.carousel-style-two.owl-theme .owl-controls .owl-buttons div:hover{background-color: #14BFCC;color: #fff;border: 1px solid transparent;}
h2.single-product-title{color: #222;font-size: 24px;font-weight: 600;width:100%;}
.single-product-info .rating{margin-bottom: 10px;}
.single-product-info .rating > ul{float: left;margin-right: 25px;overflow: hidden;}
.single-product-info .rating li a{font-size: 14px;}
.single-product-info .spical-price{font-size: 24px;}
.single-product-info .old-price{font-size: 15px;}
.single-product-info .pro-content p{margin: 0;}
.single-product-info .pro-content{margin-bottom: 20px;margin-top: 15px;border-top: 1px dotted #e5e5e5;border-bottom: 1px dotted #e5e5e5;padding: 20px 0;}
.cart-btn-area > input[type="number"]{background: #e5e5e5 none repeat scroll 0 0;border: medium none;font-size: 15px;height: 45px;padding: 0 5px;text-align: center;width: 75px;}
button.add-tocart{background: #444 none repeat scroll 0 0;border: medium none;color: #fff;font-weight: bold;margin-left: 20px;padding: 12px 20px;text-transform: uppercase;transition: .3s;}
button.add-tocart:hover{background-color: #14BFCC;}
.compare > a {font-size: 14px;font-weight: 500;}
.wish-list-compar, .product-meta{margin-top: 25px;overflow: hidden;}
.wish{float: left;margin-right: 25px;}
.wish i, .compare i{background: #14bfcc none repeat scroll 0 0;color: #fff;height: 32px;line-height: 32px;margin-right: 10px;text-align: center;width: 32px;}
.product-meta{border-bottom: 1px solid #e5e5e5;padding-bottom: 5px;}
.posted-in{margin-right: 30px;}
.single-product-dc-tab{margin-bottom: 30px;margin-top:60px;overflow:hidden;}
.single-product-dc-tab ul{margin-bottom: 25px;overflow:hidden;}
.single-product-dc-tab ul li{float:left;margin-right:40px;position:relative;}
.single-product-dc-tab ul li::after{color: #b7b7b7;content: "";font-family: fontawesome;font-size: 19px;position: absolute;right: -27px;}
.single-product-dc-tab ul li:last-child::after{content: "";}
.single-product-dc-tab ul li a{font-size: 18px;font-weight: 500;text-transform: uppercase;color: #444;display: inline-block;border-bottom: 2px solid transparent;}
.single-product-dc-tab ul li.active a {border-bottom: 2px solid #b7b7b7 !important;color: #9c9c9c;}
.single-product-dc-tab ul li.active a:focus{border: 0 none;text-decoration: none;}
.single-product-dc-tab .tab-content {float: left;}
.media-heading.text-uppercase > span {font-size: 16px;font-weight: normal;}
.reating-review a {display: inline-block;font-weight: 700;margin-right: 1em;position: relative;color: #fff;}
.reating-review a::after {color: #bababa;font-family: fontawesome;position: absolute;transition: .3s;}
.reating-review a.star-1::after{content: "\f005";}
.reating-review a.star-2::after{content: "\f005 \f005 ";}
.reating-review a.star-3::after{content: "\f005 \f005 \f005 ";}
.reating-review a.star-4::after{content: "\f005 \f005 \f005 \f005 ";}
.reating-review a.star-5::after{content: "\f005 \f005 \f005 \f005 \f005 ";}
.reating-review a.star-1{width: 2em;}
.reating-review a.star-2{width: 3em;}
.reating-review a.star-3{width: 4em;}
.reating-review a.star-4{width: 5em;}
.reating-review a.star-5{width: 6em;}
.reating-review a:hover::after{color: #14BFCC;}
.reviews-wrap > h2 {font-size: 16px;font-weight: normal;text-transform: uppercase;margin-bottom: 20px;}
.media-body {border: 1px solid #e5e5e5;padding: 5px 10px;overflow: visible;position: relative;border-radius: 0px;}
.media-left{margin-right: 20px;float: left;}
.reviews-area {/*margin-left: 70px;*/margin-top: 35px;}
.reviews-area h2{font-size: 20px;font-weight: 700;margin: 0 0 20px;text-transform: uppercase;}
.reviews-area input[type="text"], .reviews-area input[type="email"]{border: 1px solid #e5e5e5;display: block;margin-bottom: 10px;padding: 10px;width: 100%;}
textarea#comment-ip{border: 1px solid #e5e5e5;width: 100%;padding: 10px;}
.reviews-area label{font-weight: normal;margin-bottom: 7px;}
.shop_attributes th{border: 1px solid #e5e5e5;padding: 16px 10px;width: 150px;}
.shop_attributes td{border: 1px solid #e5e5e5;padding: 16px 10px;width: 800px;}
.shop_attributes p{margin: 0;}
.upsells-products-widget{margin-bottom:60px;}
.single-product-sidebar .product-image{float: left;width: 40%;}
.single-product-sidebar .gridview{float: left;padding-left: 20px;width: 60%;}
.single-product-sidebar .gridview h2{font-size: 12px;margin: 0 0 10px;}
.single-product-sidebar .gridview .rating{float: left;clear: both;}
.single-product-sidebar .product-wrapper{margin-bottom: 20px;}
p.in-stock{margin: 0;font-size: 15px;color: #00c431;font-weight: bold;}
/*---------------------------------------- Cart page ------------------------------------------*/
.cart-main-area{margin-bottom:100px;} 
.cart-title-area{padding-top:30px;}
.car-header-title{}
.car-header-title h2{font-size:20px;margin:0;text-transform: uppercase;}
.table-content{}
.table-content table{background:#fff none repeat scroll 0 0;border-color:#e5e5e5;border-radius:0;border-style:solid;border-width:1px 0 0 1px;margin:0 0 20px;text-align:center;width:100%;}
.table-content table{}
.table-content table th{border-top: medium none;font-weight: normal;padding: 20px 10px;text-align: center;text-transform: capitalize;vertical-align: middle;white-space: nowrap;font-weight: bold;}
.table-content table th,.table-content table td{border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.table-content table td{border-top: medium none;padding: 20px 10px;vertical-align: middle;font-size: 13px;}
.table-content table td input{background: #e5e5e5 none repeat scroll 0 0;border: medium none;border-radius: 3px;color: #6f6f6f;font-size: 15px;font-weight: normal;height: 40px;padding: 0 5px 0 10px;width: 60px;}
.table-content table td.product-subtotal{font-size: 14px;font-weight: bold;width: 90px;}
.table-content table td.product-name a{font-size: 14px;font-weight: 700;margin-left: 10px;color: #6f6f6f;}
.table-content table td.product-name{width: 400px;}
.table-content table td.product-thumbnail{width: 90px;}
.table-content table td.product-remove i{color: #919191;display: inline-block;font-size: 20px;height: 40px;line-height: 40px;text-align: center;width: 40px;}
.table-content table .product-price .amount{font-size: 15px;font-weight: 700;}
.table-content table td.product-remove i:hover{color:#14BFCC}
.table-content table td.product-quantity{width: 90px;}
.table-content table td.product-remove{width: 90px;}
.table-content table td.product-price{width: 90px;}
.table-content table td.product-name a:hover,.buttons-cart a:hover{color:#EC4445}
.coupon{margin-bottom:40px;overflow: hidden;padding-bottom: 20px;}
.coupon h3{margin: 0 0 10px;font-size: 14px;text-transform: uppercase;}
.coupon input[type=text]{border: 1px solid #e5e5e5;float: left;height: 40px;margin: 0 6px 20px 0;max-width: 100%;padding: 0 0 0 10px;width: 170px;}
.coupon input[type=submit]{}
.cart_totals{float: left;text-align: right;width: 100%;}
.cart_totals h2{border-bottom: 2px solid #333;display: inline-block;font-size: 30px;margin: 0 0 35px;text-transform: uppercase;}
.cart_totals table{border: medium none;float: right;margin: 0;text-align: right;}
.cart_totals table th{border: medium none;font-size: 14px;font-weight: bold;padding: 0 20px 12px 0;text-align: right;text-transform: uppercase;vertical-align: top;}
.cart_totals table td{border: medium none;padding: 0 0 12px;vertical-align: top;}
.cart_totals table{}
.cart_totals table td .amount{color:#444;float:right;margin-left: 5px;text-align: right;}
.cart_totals table td ul#shipping_method{list-style: outside none none;margin: 0;padding: 0;}
.cart_totals table td ul#shipping_method li{float: left;margin: 0 0 10px;padding: 0;text-indent: 0;width: 100%;}
.cart_totals table td ul#shipping_method li input{margin: 0;position: relative;top: 2px;}
.cart_totals table{}
a.shipping-calculator-button{font-weight: bold;color: #6f6f6f;}
a.shipping-calculator-button:hover{color:#83CBDC}
.cart_totals table tr.order-total th,.cart_totals table tr.order-total .amount{font-size: 20px;text-transform: uppercase;white-space: nowrap;}
.cart_totals table tr.order-total .amount{}
.wc-proceed-to-checkout a{background:#252525  none repeat scroll 0 0;color:#fff;display:inline-block;font-size:14px;font-weight:700;height:50px;line-height:50px;margin-top:20px;padding:0 30px;text-transform:uppercase;}
.wc-proceed-to-checkout a:hover{background: #14BFCC;}
.table-content.table-responsive tr:hover {background: #f9f9f9 none repeat scroll 0 0;}
.product-thumbnail img{width: 75px;}
/*=========================== checkout page ============================= */
.coupon-accordion h3{background-color:#f7f6f7;border-top:3px solid #14BFCC;color:#515151;font-size:12px;font-weight:300;list-style:outside none none !important;margin:0 0 2em !important;padding:1em 2em 1em 3.5em !important;position:relative;width:auto;}
.coupon-accordion h3::before {color: #14BFCC;content:"";display: inline-block;font-family: fontawesome;left: 1.5em;position: absolute;top: 1em;}
.coupon-accordion span{cursor: pointer;color:#6f6f6f;}
.coupon-accordion span:hover,p.lost-password a:hover{color:#14BFCC;}
.coupon-content{border: 1px solid #e5e5e5;display: none;margin-bottom: 20px;padding: 20px;}
.coupon-info p.coupon-text{margin-bottom:15px}
.coupon-info p{margin-bottom:0}
.coupon-info p.form-row-first label,.coupon-info p.form-row-last label{display: block;}
.coupon-info p.form-row-first label span.required,.coupon-info p.form-row-last label span.required{color: red;font-weight: 700;}
.coupon-info p.form-row-first input,.coupon-info p.form-row-last input{border: 1px solid #e5e5e5;height: 36px;margin: 0 0 14px;max-width: 100%;padding: 0 0 0 10px;width: 370px;}
.coupon-info p.form-row input[type="checkbox"] {position: relative;top: 2px;}
.form-row > label{margin-top: 7px;}
p.lost-password{margin-top: 15px;}
p.lost-password a{color: #6f6f6f;}
p.checkout-coupon input[type=text]{height: 36px;padding-left: 10px;width: 170px;}
.coupon-checkout-content {margin-bottom: 30px;display:none;}
.checkbox-form h3 {border-bottom: 1px solid #e5e5e5;font-size: 24px;margin: 0 0 20px;padding-bottom: 10px;text-transform: uppercase;width: 100%;}
.country-select{margin-bottom: 30px;position: relative;}
.country-select label,.checkout-form-list label{color: #333;font-family: Montserrat,Arial,Helvetica,sans-serif;margin: 0 0 5px;display:block}
.country-select label span.required,.checkout-form-list label span.required{color:red}
.country-select select{-moz-appearance: none;border: 1px solid #ddd;height: 32px;padding-left: 10px;width: 100%;}
.country-select::before {content: "";display: inline-block;font-family: fontawesome;font-size: 20px;position: absolute;right: 12px;top: 31px;}
.checkout-form-list{margin-bottom:30px;}
.checkout-form-list label{color:#333;}
.checkout-form-list input[type=text],.checkout-form-list input[type=password],.checkout-form-list input[type=email]{background: #fff none repeat scroll 0 0;border: 1px solid #e5e5e5;border-radius: 0;height: 42px;width: 100%;padding: 0 0 0 10px;}
.checkout-form-list input[type=checkbox]{display: inline-block;margin-right: 10px;position: relative;top: 2px;}
.create-acc label {color: #333;display: inline-block;}
.checkout-form-list input[type=password]{}
.create-account{display:none}
.ship-different-title h3 label{display: inline-block;margin-right: 20px;}
.order-notes textarea{height: 90px;padding: 15px;width:100%}
#ship-box-info{display:none}
.your-order{background: #f2f2f2 none repeat scroll 0 0;padding: 30px 40px 45px;}
.your-order h3{border-bottom: 1px solid #d8d8d8;font-size: 24px;margin: 0 0 20px;padding-bottom: 10px;text-transform: uppercase;width: 100%;}
.your-order-table table{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;width: 100%;}
.your-order-table table th, .your-order-table table td{border-bottom:1px solid #d8d8d8;border-right:medium none;font-size:14px;padding:15px 0;}
.your-order-table table th{border-top: medium none;font-weight: normal;text-transform:uppercase;vertical-align: middle;white-space: nowrap;}
.your-order-table table .shipping ul li input{position: relative;top: 2px;}
.your-order-table table .shipping  th{vertical-align: top;}
.your-order-table table .order-total th{border-bottom: medium none;font-size: 18px;}
.your-order-table table .order-total td{border-bottom: medium none;}
.your-order-table table tr.cart_item:hover{background:#F9F9F9}
.your-order-table table tr.order-total td span {color: #14bfcc;font-size: 20px;}
.payment-accordion h3{border-bottom: 0 none;margin-bottom: 10px;padding-bottom: 0;}
.payment-accordion h3 a{color: #6f6f6f;font-size: 14px;padding-left: 25px;position: relative;text-transform: capitalize;text-decoration:none}
.payment-accordion h3 a:before,.payment-accordion h3.open a:after{content: "";display: inline-block;font-family: fontawesome;font-size: 20px;left: 0;position: absolute;top: -6px;}
.payment-accordion h3.open a:after{content: "\f056";}
.payment-content p{font-size: 13px;}
.payment-accordion img {height: 60px;margin-left: 15px;}
.order-button-payment input{border:medium none;color:#fff;font-size:17px;height:50px;margin:20px 0 0;padding:0;text-transform:uppercase;transition:all 0.3s ease 0s;width:100%;}
.order-button-payment input:hover{background:#14BFCC}
/*----------------------------------- My account page -------------------------------------*/
.my-account-area{padding-bottom: 70px;}
.form-fields{border-color: #e8e8e9 #e8e8e9 -moz-use-text-color;border-style: solid solid none;border-width: 1px 1px medium;float: left;padding: 20px 25px;width: 100%;}
.form-fields h2{border-bottom: 1px solid #e8e8e9;font-size: 18px;margin: 0 0 15px;padding: 0 0 5px;text-transform: uppercase;}
.form-fields p label{display: block;font-family: Arial,Helvetica,sans-serif;font-weight: normal;margin: 0 0 5px;}
.form-fields p input{background: #fff none repeat scroll 0 0;border: 1px solid #e8e8e9;border-radius: 0;height: 32px;width: 100%;padding: 0 0 0 10px;}
.form-action{background: #f5f5f5 none repeat scroll 0 0;border-color: #e8e8e9 #e8e8e9;border-style: none solid solid;border-width: medium 1px 1px;float: left;padding: 15px 10px;width: 100%;}
.form-action p.lost_password{float: left;line-height: 36px;margin: 0;}
.form-action input[type="submit"]{background: #252525 none repeat scroll 0 0;border: medium none;border-radius: 0;box-shadow: none;color: #fff;display: inline-block;float: right;font-family: Montserrat,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;height: 40px;line-height: 40px;padding: 0 15px;text-transform: uppercase;transition: all 0.3s ease 0s;}
.form-action input[type="submit"]:hover{background:#14BFCC}
.form-action label{float: right;font-weight: normal;line-height: 36px;margin:0 20px 0 0;}
.form-action label input{margin-right: 3px;margin-top: 0;position: relative;top:2px;}
.p-top-10{padding-top:10px;}
.p-bottom-20{padding-bottom:20px;}
.bluebg{background:#002858 none repeat scroll 0 0;padding:40px 0;}
.txt-white{ color:#fff;}
.font-18{ font-size:18px; font-weight:300;}
.form-sec{padding: 20px 0;background: #fff;}
.chkbox{ height:15px;width:15px; text-align:left; background:#fff !important; margin-top:30px;}
/*----------------------------------- Zoom effect on products page -------------------------------------*/
.xzoom-source img, .xzoom-preview img, .xzoom-lens img {display: block;max-width: none;max-height: none;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.xzoom-container{display: inline-block;}
.xzoom-thumbs {text-align: center;margin:20px 10px;}
.xzoom{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  }
.xzoom2, .xzoom3, .xzoom4, .xzoom5{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {border: 1px solid #cecece;margin-left: 5px;margin-bottom: 10px;}
.xzoom-source, .xzoom-hidden{display: block;position: static;float: none;clear: both;}
.xzoom-hidden {overflow: hidden;}
.xzoom-preview {border: 1px solid #888;background: #2f4f4f;box-shadow: -0px -0px 10px rgba(0,0,0,0.50);}
.xzoom-lens {border: 1px solid #555;box-shadow: -0px -0px 10px rgba(0,0,0,0.50);cursor: crosshair;}
.xzoom-loading {background-position: center center;background-repeat: no-repeat;border-radius: 100%;opacity: .7;background: url(../images/xloading.html);width: 48px;height: 48px;}
.xactive {-webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);-moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); border: 1px solid #4aaad2;}
.xzoom-caption {position: absolute;bottom: -43px;left: 0;background: #000;width: 100%;text-align: left;}
.xzoom-caption span {color: #fff;font-family: Arial, sans-serif;display: block;font-size: 0.75em;font-weight: bold;padding: 10px;}
/*----------------------------------- Testimonial -------------------------------------*/
#welcome{}
.padding-half{padding-bottom:50px;padding-top: 50px;}
.heading{border-bottom:2px solid #b9b896;padding-bottom:10px;display:inline-block;}
.heading_space {margin-bottom:50px;}
.testimonial-panel{background:#fff;border:1px solid #ddd;padding:10px;margin:1em 0;}
.testimonial-panel{position:relative;background:#fff;border:1px solid #b6b6b6;border-radius:3px;border:1px solid #b6b6b6;margin-right:2em;}
.testimonial-panel{background:#fff;border-radius:3px;}
.client-name{color:#84846c;}
.client-name{font-size:1.2em;margin-right:2em;}
.testimonial-quote{background: url(../img/testimonial-quote.png) no-repeat;width:65px;height:65px;position:relative;margin-left:-30px;margin-top:-30px;}
#tcp ul{list-style:none;padding:0;}
#tcp ul li{padding-left:1.3em;margin-bottom:15px;}
#tcp ul li:before{content:"\f105";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;width:1.3em;}
/*----------------------------------- Gallery -------------------------------------*/
.modal-dialog {width:800px;}
.thumbnail {
	border: 1px solid #333;
    margin-bottom: 0px;
    box-shadow: 0 2px 7px rgba(0,0,0,.15);
    padding: 0px;   
    width: auto;
}
ul.about{list-style:none;padding:0;}
ul.about li{padding-left:1.3em;margin-bottom:10px;}
ul.about li:before{content:"\f00c";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;width:1.3em;}
.borderStyle {
padding: 30px 0px 30px 0px;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(192 223 189);
transition: transform .2s;
}
.btn-style-three {
margin-top: 20px;
position: relative;
padding: 11px 25px;
line-height: 20px;
text-transform: uppercase;
background: #ffffff;
color: #1D3A7C;
font-size: 13px;
display: inline-block;
font-weight: 500;
border: 2px solid #1D3A7C;
font-family: 'Poppins', sans-serif;
transition: all 500ms ease;
border-radius: 25px;
}
.tech-slideshow {
height: 150px;
max-width: 1200px;
margin: 0 auto;
position: relative;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
.tech-slideshow > div {
height: 200px;
width: 3200px;
position: absolute;
top: 0;
left: 0;
height: 100%;
transform: translate3d(0, 0, 0);
}
.tech-slideshow .mover-1 {
animation: moveSlideshow 30s linear infinite;
}
.tech-slideshow .mover-2 {
opacity: 0;
transition: opacity 0.5s ease-out;
background-position: 0 -200px;
animation: moveSlideshow 15s linear infinite;
}
.tech-slideshow:hover .mover-2 {
opacity: 1;
}
@keyframes moveSlideshow {
100% { 
transform: translateX(-66.6666%);  
}
}
.whatsappmebutton {
position: fixed;
z-index: 100;
bottom: 80px;
right: 20px;
cursor: pointer;
transition: background-color 500ms ease-in-out;
}
.call-button {
position: fixed;
z-index: 100;
bottom: 180px;
right: 20px;
cursor: pointer;
transition: background-color 500ms ease-in-out;
}

.bright-pre-header {
background: #011461;
color: #ffffff;
}
.bright-pre-header a {
color: #ffffff;
}
.bright-pre-header {
padding: 10px 0
}
.bright-pre-header,.bright-pre-header a {
color: #fff
}
.bright-pre-header a:hover,.bright-pre-header a:focus,.bright-pre-header a:active {
opacity: .8;
outline: 0;
color: inherit
}
.bright-pre-header-menu ul {
margin: 0;
padding: 0
}
.bright-pre-header-menu li {
display: inline-block;
margin-left: 10px
}
.bright-pre-header-item-left span {
margin-right: 7px
}
.bright-pre-header-item-left span>i {
margin-right: 3px
}
@media (min-width: 768px) {
.nav-down .bright-pre-header {
-webkit-animation-name:fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s
}
.hide-pre-header .bright-pre-header {
display: none
}
}
.bright-pre-header-right-social li {
list-style: none;
display: inline-block;
margin-left: 25px
}
.bright-pre-header-right-social li:first-child {
margin-left: 0
}
.bright-pre-header-right-social {
margin: 0;
padding: 0
}
.bright-pre-header .quick-contacts span {
padding-right: 15px;
display: inline-block
}
.bright-pre-header .quick-contacts span:last-child {
padding-right: 0
}
.bright-top-bar-mobile a:hover,.bright-top-bar-email a:hover {
text-decoration: none
}
.bright-pre-header .quick-contacts span i,.bright-pre-header-item-left i {
margin-right: 5px
}
.top-menu-spu{
display: flex;
list-style: none;
margin-bottom: 0px !important; align-items: center;
}

.top-menu-spu li{
text-decoration: none;    
}
.top-menu-spu li:nth-child(2)
{
text-decoration: none;
padding-left: 14px;
border-left: 1px solid;
margin-left: 14px;
}
.top-menu-spu li:nth-child(3)
{
text-decoration: none;
padding-left: 14px;
border-left: 1px solid;
margin-left: 14px;
}
.top-menu-spu li:nth-child(4)
{
text-decoration: none;
border-left: 1px solid;
margin-left: 14px;
padding: 3px 10px;
background: #fff;    border-radius: 20px;
}
.top-menu-spu li:nth-child(4) a{
color: #011461;
}
/*blink*/
.top-menu-spu li:nth-child(4){
background-color: #004A7F;
cursor: pointer;
-webkit-animation: glowing 1500ms infinite;
-moz-animation: glowing 1500ms infinite;
-o-animation: glowing 1500ms infinite;
animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
0% { background-color: #fff; -webkit-box-shadow: 0 0 3px #011461; }
50% { background-color: #ffefd1; -webkit-box-shadow: 0 0 5px #091d71; }
100% { background-color: #fff; -webkit-box-shadow: 0 0 3px #091d71; }
}
@-moz-keyframes glowing {
0% { background-color: #fff; -webkit-box-shadow: 0 0 3px #011461; }
50% { background-color: #ffefd1; -webkit-box-shadow: 0 0 5px #091d71; } 
100% { background-color: #fff; -webkit-box-shadow: 0 0 3px #091d71; }
}
@-o-keyframes glowing {
0% { background-color: #fff; -webkit-box-shadow: 0 0 3px #011461; }
50% { background-color: #ffefd1; -webkit-box-shadow: 0 0 5px #091d71; }
100% { background-color: #fff; -webkit-box-shadow: 0 0 3px #091d71; }
}
@keyframes glowing {
0% { background-color: #fff; -webkit-box-shadow: 0 0 3px #011461; }
50% { background-color: #ffefd1; -webkit-box-shadow: 0 0 5px #091d71; }
100% { background-color: #fff; -webkit-box-shadow: 0 0 3px #091d71; }
}
.clientlogo{
	width: 130px;
    padding: 0px 10px;
    border: 1px dotted gray;
    margin-right: 10px;
}
.white{
	color:#999;
}
.eshowblk {
         width: 95%;
         border-radius: 4px;
         padding: 10px;
         background: #fff;
         border: 1px solid #dfdfdf;
         float: left;
         margin-left: 0
         }
         .eshowimg {
         position: relative
         }
         .eshowimg img {
         position: relative;
         width: 100%
         }
         .eshowtxt {
         text-align: center;
         color: #989898;
         font-weight: 300;
         font-size: 13px;
         margin: 0 0 0;
         color: #828282;
         margin-top: 5px;
         margin-right: 15px
         }
         .eshowcontent h2 {
         text-align: center;
         color: #333;
         font-size: 19px;
         margin-top: 9px;
         margin-bottom: 9px;
         font-weight: 600;
         white-space: nowrap;
         width: 100%;
         overflow: hidden;
         text-overflow: ellipsis
         }
		  .vidblk {
         width: 100%;
         border-radius: 4px;
         padding: 10px;
         background: #fff;
         border: 1px solid #dfdfdf;
         float: left;
         margin-right: 10px
         }
         .vidimg {
         position: relative;
         overflow: hidden
         }
         .vidimg img {
         position: relative;
         width: 100%; 
         }
         .videtxt {
                font-weight: 300;
				line-height: 24px;
				text-align: justify;
				font-size: 15px;
				height: auto;
				margin: 0 0 0;
				color: #333;
				margin-top: 5px;
				margin-right: 15px;
         }
         .videcontent h2 {  
         color:#1d3a7c;
         font-size: 14px;
         margin-top: 9px;
         margin-bottom: 8px;
         font-weight: 600;
         height: auto;
         width: 100%;
         overflow: hidden;
         }
		 
		 .bright-feature-item .icon {
    padding-right: 30px
}

.bright-feature-item .icon i {
    display: inline-block
}

.bright-features-material .bright-feature-item .icon i {
    background: transparent;
    font-size: 55px;
    line-height: normal;
    width: unset;
    height: unset
}

.bright-features-material .bright-feature-item .icon {
    margin-bottom: 20px
}

.bright-feature-item {
    margin-bottom: 25px
}

.bright-features-material .bright-feature-item-inner {
    padding: 35px 20px
}

.bright-features-material .content p:last-child {
    margin-bottom: 0
}

.bright-feature-item .content h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 0
}

.bright-features-material .bright-feature-item .content h3 {
    margin-bottom: 15px
}

.bright_vc_row-background-primary .bright-feature-item .content h3 {
    color: #fff
}

.bright_vc_row-background-primary .bright-feature-item .content p {
    color: #fff
}

.bright_vc_row-background-primary h2.bright-section-title {
    color: #fff
}

.bright-counterup,.bright-lms-statistics-item {
    margin-bottom: 50px
}

.counterup-icon {
    margin-bottom: 15px
}

.bright-counterup i,.bright-lms-statistics-item i {
    font-size: 35px;
    line-height: normal
}

.bright-counterup .counter,.bright-lms-statistics-item .counter {
    position: relative;
    font-size: 40px;
    line-height: normal;
    font-weight: 900;
    margin-bottom: 18px;
    padding-bottom: 15px
}

.bright-counterup-has-plus .counter:after,.bright-statistics-has-plus .counter:after {
    content: '+';
    margin-left: 5px
}

.bright-counterup .counter:before,.bright-lms-statistics-item .counter:before {
    content: '';
    position: absolute;
    width: 36px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -18px
}

.bright_vc_row-color-white .bright-counterup,.bright_vc_row-color-white .bright-lms-statistics-item,.bright_vc_row-color-white .bright-counterup .desc .counter,.bright_vc_row-color-white .bright-lms-statistics-item .desc .counter {
    color: #fff
}

.thumb,.bright-event-thumb-area {
    position: relative;
    overflow: hidden
}

.thumb .courses-price {
    position: absolute;
    top: 0;
    background: rgba(0,0,0,.7);
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 25% 0;
    opacity: 0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.thumb .courses-price .years {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    display: block
}

.thumb .courses-price .price {
    font-size: 30px;
    display: block
}

.courses-wrap:hover .courses-price {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.courses-wrap {
    margin: 0;
    border-radius: 0;
    box-shadow: 0 2px 7px rgba(0,0,0,.15);
    line-height: 1.42857143;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #fff;
    height: 100%
}

.courses-wrap .course-detail-wrap .teacher-wrap {
    padding: 10px 0 0 98px;
    position: relative
}

.courses-wrap .course-detail-wrap .teacher-wrap img {
    background: #fff;
    border: 2px solid #fff;
    left: 15px;
    top: 0;
    padding: 2px;
    height: 70px;
    width: 70px;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.courses-wrap .course-detail-wrap .teacher-wrap .course-instructor {
    font-size: 14px;
    font-weight: 700
}

.courses-wrap .course-detail-wrap .teacher-wrap .course-instructor a {
    color: inherit
}

.courses-wrap .course-detail-wrap .course-content {
    padding: 20px
}

ul.learn-press-courses.row,body ul.learn-press-courses {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

ul.learn-press-courses .course.bright-course-item {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 0 30px;
    width: unset
}

.profile-courses-list .teacher-wrap {
    display: none
}

.profile-courses-list .courses-wrap .course-detail-wrap .course-content {
    padding: 20px
}

.courses-wrap .course-detail-wrap .course-content h3,.bright-album-list h3,#learn-press-profile-content ul.learn-press-courses .course .course-title,#learn-press-profile-content .profile-heading,.teacher-desc h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 1px
}

.bright-course-list .courses-wrap .course-detail-wrap .course-content h3,.bright-course-list_lg .courses-wrap .course-detail-wrap .course-content h3 {
    margin-top: 0
}

.bright-course-list .bright-show-course-meta- .courses-wrap .course-detail-wrap .course-content h3 {
    margin-bottom: 0
}

.bright-course-list_lg .courses-wrap .course-detail-wrap .course-content h3 {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 24px;
    margin-bottom: 15px
}

.bright-course-list_lg .course-instructor a {
    color: inherit
}

.widget-area .courses-wrap .course-detail-wrap .course-content h3 a,.bright-event-title a,.bright-event-title a:hover,.bright-event-title a:focus {
    color: inherit
}

.courses-wrap .course-detail-wrap .course-content p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px
}

.courses-wrap:hover {
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)
}

.bright-course-list .courses-wrap:hover,.bright-course-list .courses-wrap {
    box-shadow: none
}

.bright-course-list br {
    display: none
}

.bright-course-list .courses-wrap .course-detail-wrap .course-content p {
    margin-bottom: 0
}

body .bright-course-list .bright-show-course-meta-off.bright-course-item,.bright-page-layout-full-width .bright-course-list .bright-show-course-meta-off.bright-course-item {
    margin-bottom: 10px
}

.time-count div {
    float: left;
    text-align: center
}

.time-count .time-entry {
    display: inline-block;
    min-width: 110px;
    border: 1px solid #fff;
    text-align: center;
    padding: 15px 15px 20px 15px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    text-transform: uppercase
}

.time-count .time-entry span {
    font-size: 45px;
    line-height: 45px;
    font-weight: 700;
    display: block;
    color: #fff;
    margin-bottom: 10px
}

.time-count .timer {
    margin-top: 30px
}

.time-count .box {
    padding: 30px;
    box-shadow: 3px 3px 9px rgba(0,0,0,.075);
    text-align: center;
    background: #fff
}

.time-count .box .form-group {
    margin-bottom: 30px
}

.time-count .box .form-group .form-control {
    font-size: 14px;
    font-style: italic
}

.time-count .heading .desc {
    color: #212121
}
.box-h-choose .d-flex

{
        background: white;
        padding: 34px 20px 20px;
    border-radius: 4px;
    box-shadow: 1px 1px 13px 0px #e0e0e0;
     transition: transform 0.8s;

}
.box-h-choose .d-flex:hover
{
        transform: translate(0px, 3px);box-shadow: 1px 1px 13px 7px #e0e0e0;background: #ffffffd6;
}

.volunteers-section{
	padding-top: 40px;
	position: relative;
	padding-bottom: 40px;
	background: #1c1c1c url(images/footertexture.png) repeat left;
}
.volunteers-section h3{
	font-size: 32px;
	line-height: 44px;
	font-weight: 600;
}
.volunteers-section p{
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	color: #848484;
	letter-spacing: 1.5px;
	margin-bottom: 135px;
	font-family: 'Poppins', sans-serif;
}
.volunteers-section .image-holder{
	position: relative;
	box-shadow: 2px 0px 3px 2px #ffffff;
	padding: 25px 20px;
	padding-top: 114px;
	border-radius: 10px;
	transition:all 500ms ease;
}
.volunteers-section .image-holder:hover{
	border-radius: 10px;
	transition:all 500ms ease;
	border-color: #f7f7f7;
	box-shadow: 0 0 10px 5px #f7f7f7;
}
.volunteers-section .image-box{
	top: -90px;
	left: 50%;
	margin-left: -90px;
	position: absolute;
}
.volunteers-section .image-box img{ 
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 180px;
	height: 180px;
	 max-width: 200px;
	position: absolute;
	border: 8px solid #1D3A7C;
	border-radius: 50%;
	background:#fff;
}
.volunteers-section .image-holder h5{
	position: relative;
	background: url(../images/resource/bd1.png) no-repeat scroll center bottom;
	font-size: 22px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	font-weight: 600;
	line-height: 32px;
	color: #ffffff;
	text-transform: uppercase;
}
.volunteers-section .image-holder p{
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	color: #848484;
	letter-spacing: 1.5px;
	margin-bottom: 27px;
}
.volunteers-section .contact-list {
	margin-bottom: 30px;
}
.volunteers-section .contact-list i{
	display: inline-block;
	width: 38px;
	height: 38px;
	font-size: 13px;
	color: #222222;
	line-height: 38px;
	border: 1px solid #d1d1d1;
	border-radius: 50%;
	transition:all 500ms ease;
}
.volunteers-section .contact-list i:hover{
	color: #1D3A7C;
	border-color: #1D3A7C;
	transition:all 500ms ease;
}
.volunteers-section .link-btn{
	margin-bottom: 5px;
}
.volunteers-section .image-holder:hover h5{
	background: url(../images/resource/bd.png) no-repeat scroll center bottom;
}
.volunteers-section .image-holder:hover .image-box img{
	border: 8px solid #1D3A7C;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.volunteers-section .image-holder:hover h5{
	color: #1D3A7C;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.volunteers-section .image-holder:hover .link-btn a{
	color: #ffffff;
	background: #1D3A7C;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.liststyle{
	list-style-type: disc;
    padding: 0px 17px;
    font-size: 15px;
    line-height: 27px;
    text-align: left;
}
.link-section {
    background: #002858;
    border: 1px solid rgb(233 90 12);
    border-radius: 4px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 4px;
    color: #fff;
}
.link-section a{
	color:#fff;
}
.eventhotline{
	text-align:center;
}
.showview {
    margin-top: 10px;
    text-align: left;
    color: #989898;
    font-size: 13px;
    line-height: 17px;
}
.showview span {
    text-align: right;
    display: block;
    float: right;
}
.guest-links i {
    margin-top: 15px;
    position: relative;
    font-size: 15px;
    color: #ffffff;
    margin-right: 11px;
    background: transparent;
    padding: 10px 0px;
    border-radius: 50px;
    width: 30px;
    line-height: 8px;
    border: 1px solid #ffffff;
    height: 30px;
    text-align: center;
    transition: all 500ms ease;
}
.lead {
    margin-bottom: 6px;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
}
.w100{
	width:100%;
}
.required{
    color:red;
}
.couses-section {
         position: relative;
         padding: 30px 0px 30px;
         background: #333;
         }
         .couses-section{
         position: relative;
         padding: 30px 0px 30px;
         background: #1D3A7C;
         }
         .couses-section h3{
         font-size: 32px;
         line-height: 45px;
         }
         .couses-section p{
         font-size: 15px;
         line-height: 26px;
         font-weight: 400;
         color: #848484;
         letter-spacing: 0.8px;
         margin-bottom: 60px;
         font-family: 'Poppins', sans-serif;
         }
         .couses-section .image-column{
         position: relative;
         margin-bottom: 30px;
         }
         .couses-section .image-column .image-holder{
         position: relative;
         }
         .couses-section .image-column .image-holder:hover{
         border-radius: 10px;
         border-color: #f7f7f7;
         box-shadow: 0 0 10px 5px #f7f7f7;
         }
         .couses-section .image-column img{
         position: relative;
         width: 100%;
         border-color: #f7f7f7;
         border-radius: 10px 10px 0px 0px;
         }
         .couses-section .image-box{
         position: relative;
         }
         .couses-section .image-box .donate-piechart {
         bottom: -99px;
         display: table;
         position: absolute;
         right: 25px;
         }
         .couses-section .image-box .donate-piechart .piechart-block {
         background-color: #1D3A7C;
         height: 93px;
         width: 70px;
         border-radius: 0px 0px 30px 30px;
         }
         .couses-section .image-box .donate-piechart .piechart {
         position: relative;
         text-align: center;
         }
         .couses-section .image-box .donate-piechart .piechart canvas {
         position: absolute;
         left: 0px;
         right: 0;
         top: 30px;
         margin: 0 auto;
         max-height: 55px;
         transform: rotate(-250deg);
         }
         .couses-section .image-box .donate-piechart .piechart-block .piechart {
         }
         .couses-section .image-box .donate-piechart .piechart-block .piechart span {
         color: #fff;
         font-size: 13px;
         font-weight: 600;
         line-height: 115px;
         }
         .couses-section .image-box .donate-piechart .piechart-block .piechart span:after {
         color: #fff;
         content: "%";
         font-size: 13px;
         font-weight: 600;
         }
         .couses-section .image-holder .image-content{
         position: relative;
         padding: 25px;
         border: 1px solid #e5e5e5;
         border-radius: 0px 0px 10px 10px;
         }
         .couses-section .image-holder .image-content h6{
         font-size: 14px;
         font-weight: 400;
         line-height: 24px;
         color: #222222;
         margin-bottom: 10px;
         font-family: 'Poppins', sans-serif;
         }
         .couses-section span{
         margin-left: 10px;
         color: #1D3A7C;
         }
         .couses-section .image-holder .image-content h5{
         font-size: 22px;
         line-height: 32px;
         font-weight: 600;
         color: #ffffff;
         text-transform: uppercase;
         margin-bottom: 10px;
         }
         .couses-section .image-holder .image-content p{
         font-size: 13px; 
         line-height: 26px;
         font-weight: 400;
         color: #bfbbbb;
         margin-bottom: 20px;
         font-family: 'Poppins', sans-serif;
         }
         .couses-section .image-holder .image-content .link-btn{
         margin-bottom: 10px;
         }
         figure{
         margin:0px !important;  
         }