@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700|Roboto:300,300i,400,400i,500,500i,700,700i&display=swap');
*{ margin:0; padding:0;}
html body{width: 100%;}
body {font-weight: 500;font-size:14px;color: #7d7d7d;font-style: normal;font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,"Helvetica Neue", Helvetica,Sans-Serif,Arial;min-width:340px;}
.img {max-width: 100%;transition: all 0.3s ease-out 0s;border:none;vertical-align: middle;height: auto;}
.f-left {float: left}
.f-right {float: right}
.fix {overflow: hidden}
a,.button {-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;outline:none; text-decoration:none; color:#383838;}
a:focus,.btn:focus,.button:focus {text-decoration: none;outline: none;box-shadow: none;}
a:hover,.portfolio-cat a:hover,.footer -menu li a:hover {color: #2B96CC;text-decoration: none;outline:none; text-decoration:none;}
a,button {color: #1696e7;outline: medium none;}
button:focus,input:focus,input:focus,textarea,textarea:focus {outline: 0}
.uppercase {text-transform: uppercase;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
hr{border:none; clear:both; height:0; background:none; margin:0; padding:0; border-bottom:#eee solid 1px;  margin:10px 0;}
.ti2{text-indent:2em;}
h1,h2,h3,h4,h5,h6 {color: #414141;margin-top: 0px;font-style: normal;text-transform: normal;font-weight:bold;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;}
h1 {font-size: 40px;font-weight: 500;}
h2 {font-size: 35px;}
h3 {font-size: 28px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
ul {margin: 0px;padding: 0px;}
li {list-style: none}
p {font-size:16px;font-weight: 500;line-height: 28px;color: #7d7d7d;margin-bottom: 15px;}
hr {border-bottom: 1px solid #eceff8;border-top: 0 none;margin: 30px 0;padding: 0;}
label {color: #7d7d7d;cursor: pointer;font-size: 14px;font-weight: 400;}
*::-moz-selection {background: #0f65bd;color: #fff;text-shadow: none;}
::-moz-selection {background: #0f65bd;color: #fff;text-shadow: none;}
::selection {background: #0f65bd;color: #fff;text-shadow: none;}
*::-moz-placeholder {color: #555555;font-size: 14px;opacity: 1;}
*::placeholder {color: #555555;font-size: 14px;opacity: 1;}
.theme-overlay {position: relative}
.theme-overlay::before {background: #1696e7 none repeat scroll 0 0;content: "";height: 100%;left: 0;opacity: 0.6;position: absolute;top: 0;width: 100%;}
.separator {border-top: 1px solid #f2f2f2}
/*返回顶部*/
.scroll-top {width: 50px;height: 50px;line-height: 50px;position: fixed;bottom: 105%;right: 50px;font-size: 16px;border-radius: 0;z-index: 9;color: #fff;text-align: center;cursor: pointer;opacity: 0;transition: 1s ease;border: none;}
.scroll-top.open {opacity: 1;bottom: 30px;}
.scroll-top::after {position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 1;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);}
.scroll-top:hover {background: #a3a3a3;}

/* Background__color__1 */
.btn,.btn.transparent-btn:hover,.scroll-top,.navbar-wrap>ul>li>a::before,.header-action .header-btn .btn:hover,.header-shop-cart .minicart .checkout-link a.red-color,.features-content h3::before,.top-courses-thumb .bestseller,.featured-nav-tabs.nav-tabs .nav-item.show .nav-link,.featured-nav-tabs.nav-tabs .nav-link.active,.pagination-wrap ul li a:hover,.pagination-wrap ul li.active a,.courses-search-box form button:hover,.event-tag a,.sidebar-newsletter-title::before {background: #a4cbf4;}

/* Color__1 */
.header-top-library a i,.header-top-social ul li a:hover,.header-user-login a:hover,.header-user-login a i,.navbar-wrap ul li .submenu li.active a,.banner-content h2 span,.mobile-menu .navigation li.active>a,ul.minicart .cart-content a:hover,.minicart .del-icon>a:hover,.section-title h2 span,.section-title .sub-title,.features-item:hover .features-icon i,.top-courses-tag span a,.top-courses-content h5 a:hover,.top-courses-bottom .courses-avatar a:hover,.testi-avatar-info span,.blog-post-content h4 a:hover,.blog-post-meta ul li a:hover,.fw-links ul li a:hover,.f-courses-content h5 a:hover,.fw-tweet-post ul li p a:hover,.dropdown-btn.open span,.mobile-menu .social-links li a:hover,.top-courses .courses-menu-two button.active,.top-courses-two .courses-level i,.top-courses-two .courses-avatar i,.category-item a,.contact-box:hover h5,.team-content h4 a:hover,.product-content h6 span,.product-content h6 a:hover,.relater-p-content h6 a:hover,.sidebar-cat ul li a:hover,.classic-blog-tag ul li,.classic-blog-tag ul li a,.blog-content h4 a:hover,.classic-blog-meta>ul>li.blog-post-date>i,.classic-blog-meta ul li.blog-more-read a:hover,.rc-post-content h5 a:hover,.cat-list ul li a:hover,.blog-details-meta ul li a:hover,.blog-details-tag i,.b-details-inner-title span,.comment-reply-link i,.comment-reply-link:hover {color: #0f65bd;}

/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/*banner */
.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #ff6511;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block;min-height: 270px;}
.binbox{ position: absolute; left:0; right: 0;margin: 0 auto;bottom:27em; color: #fff; text-align: center;}
.binbox .t{color: #fff;font-size: 28px;line-height: 46px;margin-bottom: 10px;font-weight: bold;text-transform: uppercase;}
.binbox .en{ line-height:60px; font-size:66px; font-family:impact;text-transform:uppercase;color:#fff;}
.binbox .con{overflow: hidden;}
.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #2fb2ff; height: 3px; overflow: hidden;}
.banner .slick-arrow{width:38px; height: 52px; z-index: 105;  bottom: 45%;border: 1px #666 solid;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 7%; }
.banner .slick-next{ right: 7%;}
.banner .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{background:rgba(255,118,17,0.8);border: none;}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner-yy{ background: url(../images/bg_yy.png) repeat-x scroll left bottom; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{ right: 2.5%; bottom: 50%; width: 10px; margin-bottom: -92px; z-index: 105; }
.banner .slick-dots li{ position: relative; display: block; width: 21px; padding: 20px 0px; margin: 0px; cursor: pointer;}
.banner .slick-dots li:before{ content: ""; background-color: #fff; width: 1px; height: 100%; position: absolute; left: 50%; top: 0;}
.banner .slick-dots li:first-child:before{ top: 50%; height: 50%;}
.banner .slick-dots li:last-child:before{ height: 50%;}
.banner .slick-dots li a{ height: 21px; width: 21px; line-height: 21px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; cursor: pointer;  border-radius: 50%; background: url(../images/banner_y1.png) no-repeat scroll center center;}
.banner .slick-dots li a span{ width: 100%; height: 100%; display: block; border-radius: 50%; background: url(../images/banner_y2.png) no-repeat scroll center center;  visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a span{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.mouseIcoo{ width: 1px; height: 50px; display: block; margin: 0px auto; position: absolute; left: 50%;  bottom: 200px; z-index:900;background-color: #fff;}
.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -12px; bottom: 50px;}
.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.moreBtn{ text-align: center; font-family: "Microsoft YaHei";position: relative;line-height:32px;font-size:18px;}
.moreBtn:before { content: ""; width: 100%; height: 100%;position: absolute; left: 0; bottom: 0px;width: 0; transition: 0.3s; -webkit-transition: 0.3s;}

@media screen and (min-width:1921px){
	.iboxInner{ width: 1640px;}
	.pinner{ width: 1520px;}
	.pbanner-C{ left: 50%; margin-left: -760px;}
}

@media screen and (max-width:1000px){
	.inner{ width: 90%;}
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.transYT50{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT50{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.header{ height: 54px;}
	.nav{ display: none;}
	.logo{ left: 3%;}
	.logo a{ height: 24px;}
	.serach-btn,.menuItem{ width: 54px; height: 54px;}
	.serach-btn i{ background-size: 18px auto;}
	.menu-handler{ width: 54px; height: 54px;}
	.menu-handler .burger{ top: 16px;}
	.menu-handler .burger-2 { top: 25px; }
	.menu-handler .burger-3 { top: 33px; }
	.menu-handler.active .burger-1 { top: 25px;}
	.menu-handler.active .burger-3 { top: 25px;}
	.topsearch-form{ height: 80px; margin-top: -40px;}
	.topsearch-box{ padding: 0px 80px 0px 10px;}
	.topsearchtx{ height: 80px; line-height: 80px; font-size: 36px;}
	.topsearchbtn{ width: 80px;}
	.search-Ibox .close{ background-size: 70% auto;}
	.siteMap-nav{ top: 54px; width: 510px; padding: 0px 58px 0px 40px; right: -610px; }
	.siteMap-head .en{ font-size: 34px;}
	.siteMap-sub{ padding-top: 5px;}
	.siteMap-sub dd{ margin-right: 22px; padding-top: 5px;}
	.siteMap-list a{ font-size: 15px;}
	.footBox{ padding: 28px 0px 32px;}
	.foot .item1,.foot .item2{ width: 100%; float: none;}
	.ermBox{ float: none; margin:30px 0px;}
	.link-select-box{ float: none; margin: 0;}
	.blackTop:hover{ bottom: 0;}
    .banner-yy{ height: 60%; background-image:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));}
	.banner .slick-dots{ right: 4%; bottom: auto; margin-bottom: 0; top: 20%;display:none!important;}
	.banner .slick-dots li{ padding: 10px 0px;}
	.banner .slick-dots li a{ background:no-repeat; position: relative;}
	.banner .slick-dots li a:before{ background-color: #fff; content: ""; position: absolute; width: 7px; height: 7px; left: 50%; top: 50%; margin: -3.5px 0px 0px -3.5px; border-radius: 50%;}
	.banner .slick-dots li a span{ background: no-repeat transparent; border-radius: 50%; border: 1px solid #fff; width: 12px; height: 12px; margin: 4px auto;}
 	.banner .slick-arrow{ display: none !important;}
 	.banner .item{ overflow: hidden;}
	.binbox .en{ font-size:42px;}
	.ibox dd{ float: none; width: 100%;}
}/*banner-end */

/* 2. Header */
.container-full {padding: 0 205px;}
.header-top-wrap {background: #1f1f1f;padding: 9px 0;}
.header-top-library a {font-size: 13px;text-transform: uppercase;color: #e0e0e0;font-weight: 500;}
.header-top-library a i {margin-left: 7px;}
.header-top-social ul {display: flex;align-items: center;margin-right: 20px;}
.header-top-social ul li {display: block;margin-left: 10px;}
.header-top-social ul li a {font-size: 12px;color: #969696;}
.header-top-search form {width: 225px;position: relative;margin-left: 25px;}
.header-top-search form input {width: 100%;border: none;background: #363636;padding: 5px 13px;font-size: 12px;color: #dedede;border-radius: 4px;padding-right: 30px;}
.header-top-search form input::placeholder {font-size: 12px;color: #bebaba;}
.header-top-search form button {position: absolute;top: 50%;transform: translateY(-50%);background: none;border: none;padding: 0;color: #bebaba;font-size: 12px;cursor: pointer;right: 13px;transition: .3s linear;}
.header-right-list {display: flex;align-items: center;justify-content: flex-end;}
.header-user-login {position: relative;padding-left: 15px;}
.header-user-login::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 26px;width: 1px;background: #3c3c3c;}
.header-user-login a {font-size: 13px;font-weight: 500;text-transform: uppercase;color: #e0e0e0;}
.header-user-login a i {margin-right: 8px;}
.transparent-header {position: absolute;left: 0;top: 46px;width: 100%;z-index: 9;height: auto;}
.menu-nav {display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-start;}
.navbar-wrap {display: flex;flex-grow: 1;}
.navbar-wrap ul {display: flex;flex-direction: row;flex-wrap: wrap;margin-left: auto;}
.navbar-wrap ul li {display: block;position: relative;}
.navbar-wrap ul li a {font-size: 15px;font-weight: 500;text-transform: uppercase;color: #ffffff;padding: 40px 13px;display: block;line-height: 1;position: relative;z-index: 1;}
.navbar-wrap>ul>li>a::before {content: "";position: absolute;left: 0;right: 0;height: 37px;width: 82%;-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);box-shadow: 0px 5px 12.09px 0.91px rgba(71, 51, 127, 0.11);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;top: 33px;margin: 0 auto;opacity: 0;z-index: -1;}
.navbar-wrap>ul>li.active>a,.navbar-wrap>ul>li:hover>a {color: #1f1f1f;}
.navbar-wrap>ul>li.active>a::before,.navbar-wrap>ul>li:hover>a::before {opacity: 1;}
.main-menu .navigation li.dropdown .dropdown-btn {display: none;}
.header-action>ul {display: flex;align-items: center;margin-left: 10px;}.header-action>ul li {position: relative;margin-left: 30px;}
.header-action ul li:first-child {margin-left: 0;}
.header-action>ul>li.header-shop-cart>a {padding-right: 10px;}
.header-action ul li a {color: #fff;font-size: 14px;}
.header-shop-cart a span {position: absolute;right: 0px;top: -2px;width: 16px;height: 16px;text-align: center;border-radius: 50%;font-size: 12px;font-weight: 700;line-height: 16px;color: #fff;box-shadow: 0px 5px 12.09px 0.91px rgba(71, 51, 127, 0.14);}
.header-shop-cart ul.minicart {background: #120f13;opacity: 0;padding: 25px;position: absolute;right: -15px;top: 57px;transition: all 0.5s ease 0s;width: 350px;z-index: 9;box-shadow: 0px 12px 24px 0px rgba(120, 120, 120, 0.3);visibility: hidden;transform: translateY(10px);}
.header-shop-cart ul.minicart::before {position: absolute;content: '';left: 0px;top: -40px;width: 100%;height: 45px;display: block;}
.header-shop-cart:hover ul.minicart {opacity: 1;visibility: visible;transform: translateY(0px);z-index: 9;}
.header-shop-cart .minicart>li {display: block;margin-bottom: 22px;margin-left: 0;overflow: hidden;padding: 0;}
.header-shop-cart .minicart .cart-img {float: left;}
ul.minicart .cart-img img {width: 100px;}
.header-shop-cart .minicart .cart-content {float: left;padding-left: 15px;text-align: left;padding-right: 25px;}
ul.minicart .cart-content h4 a {color: #fff;font-size: 15px;background: none;font-weight: 600;}
ul.minicart .cart-price span {color: #ffffffa3;font-size: 13px;font-weight: 500;margin-left: 6px;}
ul.minicart .cart-price .new {font-size: 14px;margin-left: 0;}
.header-shop-cart .minicart .del-icon {float: right;margin-top: 30px;}
.minicart .del-icon>a {font-size: 18px;}
.total-price {border-top: 1px solid #473151;overflow: hidden;padding-top: 25px;margin-top: 10px;}
.total-price span {color: #a5a5a5;font-weight: 500;}
.header-shop-cart .minicart>li:last-child {margin-bottom: 0;}
.header-shop-cart .minicart .checkout-link a {color: #fff;display: block;font-weight: 500;padding: 16px 30px;text-align: center;font-size: 13px;margin-bottom: 8px;text-transform: uppercase;letter-spacing: 2px;}
.header-shop-cart .minicart .checkout-link a.red-color {background: #222;color: #fff;}
.header-action .header-btn .btn {color: #fff;font-size: 14px;padding: 13px 22px;}
.header-action .header-btn .btn:hover {color: #1f1f1f;}
.navbar-wrap ul li .submenu {position: absolute;z-index: 9;background-color: #fff;border-radius: 0;border: none;-webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);display: block;left: 0;opacity: 0;padding: 18px 0;right: 0;top: 100%;visibility: hidden;min-width:460px;border: 1px solid #f5f5f5;background: #ffffff;box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);margin: 0;transform: scale(1, 0);transform-origin: 0 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display: flex;}
.navbar-wrap ul li .submenu li {margin-left: 0;text-align: left;width: 45%;height: 50px;display: flex;justify-content: center;align-items: center;margin: 0 2.5%;border-bottom: 1px dashed rgba(0,0,0,0.125);}
.navbar-wrap ul li .submenu li a {padding: 0 10px 0 25px;line-height:20px;font-weight: 500;color: #5d5d5d;text-transform: capitalize;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.navbar-wrap ul li:hover>.submenu {opacity: 1;visibility: visible;transform: scale(1);}
.sticky-menu {left: 0;margin: auto;position: fixed;top: 0;width: 100%;z-index: 99;background: #fff;-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);border-radius: 0;}
.sticky-menu .navbar-wrap ul li a,.sticky-menu .header-action>ul>li.header-shop-cart>a,.header-style-two .navbar-wrap ul li a,.header-style-two .header-action>ul>li.header-shop-cart>a {color: #5d5d5d;}
.logo-sticky-block {display: none;}
.sticky-menu .logo-sticky-block {display: block;}
.sticky-menu .logo-sticky-none {display: none;}
.header-style-two {border-bottom: 3px solid #fe9f23;}
/* Mobile-menu */
.nav-outer .mobile-nav-toggler {position: relative;float: right;font-size: 40px;line-height: 50px;cursor: pointer;display: none;color: #fff;margin-right: 30px;top: 15px;}
.nav-logo img {width: 150px;}
.mobile-menu {position: fixed;right: 0;top: 0;width: 300px;padding-right: 30px;max-width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: 99;}
.mobile-menu .navbar-collapse {display: block !important;}
.mobile-menu .nav-logo {position: relative;padding: 30px 25px;text-align: left;}
.mobile-menu-visible {overflow: hidden;}
.mobile-menu-visible .mobile-menu {opacity: 1;visibility: visible;}
.mobile-menu .navigation li.current>a:before {height: 100%;}
.mobile-menu .menu-backdrop {position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: 1;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);transition: all 900ms ease;-moz-transition: all 900ms ease;-webkit-transition: all 900ms ease;-ms-transition: all 900ms ease;-o-transition: all 900ms ease;background: #000;}
.mobile-menu-visible .mobile-menu .menu-backdrop {opacity: 0.70;visibility: visible;-webkit-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu .menu-box {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;max-height: 100%;overflow-y: auto;background: #202020;padding: 0px 0px;z-index: 5;opacity: 0;visibility: hidden;border-radius: 0px;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);}
.mobile-menu-visible .mobile-menu .menu-box {opacity: 1;visibility: visible;-webkit-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu .close-btn {position: absolute;right: 30px;top: 10px;line-height: 30px;width: 24px;text-align: center;font-size: 30px;color: #ffffff;cursor: pointer;z-index: 10;-webkit-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;}
.mobile-menu-visible .mobile-menu .close-btn {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.mobile-menu .navigation {position: relative;display: block;width: 100%;float: none;}
.mobile-menu .navigation li {position: relative;display: block;border-top: 1px solid rgba(255, 255, 255, 0.10);}
.mobile-menu .navigation:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.mobile-menu .navigation li>ul>li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.10);}
.mobile-menu .navigation li>a {position: relative;display: block;line-height: 24px;padding: 10px 25px;font-size: 15px;font-weight: 500;color: #ffffff;text-transform: uppercase;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;border: none;}
.mobile-menu .navigation li ul li>a {font-size: 15px;margin-left: 20px;text-transform: capitalize;}
.mobile-menu .navigation li>a:before {content: '';position: absolute;left: 0;top: 0;height: 0;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.mobile-menu .navigation li.dropdown .dropdown-btn {position: absolute;right: 6px;top: 6px;width: 32px;height: 32px;text-align: center;font-size: 16px;line-height: 32px;color: #ffffff;background: rgba(255, 255, 255, 0.10);cursor: pointer;border-radius: 2px;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;z-index: 5;}
.mobile-menu .navigation li.dropdown .dropdown-btn.open {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul {display: none;}
.mobile-menu .social-links {position: relative;text-align: center;padding: 30px 25px;}
.mobile-menu .social-links li {position: relative;display: inline-block;margin: 0px 10px 10px;}
.mobile-menu .social-links li a {position: relative;line-height: 32px;font-size: 16px;color: #ffffff;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.menu-area .mobile-nav-toggler {position: relative;float: right;font-size: 30px;cursor: pointer;line-height: 1;color: #fff;display: none;}

/* 3. Breadcrumb */
.breadcrumb-bg {background-image: url(../images/breadcrumb_bg01.jpg);padding-top: 240px;padding-bottom: 175px;background-position: center;background-size: cover;position: relative;overflow: hidden;z-index: 1;}
.breadcrumb-bg::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #1f1f1f;opacity: .35;z-index: -1;}
.breadcrumb-shape {position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;z-index: -1;opacity: .19;}
.breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;margin-bottom: 0;list-style: none;background-color: transparent;border-radius: 0;justify-content: center;margin-top: 15px;color:#fff;font-size: 20px;}
.breadcrumb a{color:#fff;}
.breadcrumb a:hover{font-weight:bold;}
.breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: 0;color: #fff;content: "|";font-weight: 500;margin: 0 10px 0 5px;}
.breadcrumb-style-two {padding-top: 225px;padding-bottom: 225px;}
/* 4. Banner */
.banner-bg {background-image: url(../images/banner_bg.jpg);background-position: center;background-size: cover;padding-top: 350px;padding-bottom: 320px;position: relative;z-index: 1;}
.banner-content h2 {font-size: 100px;line-height: 1;color: #fff;text-transform: uppercase;margin-bottom: 20px;}
.banner-content p {font-size: 22px;color: #fff;font-style: italic;margin-bottom: 0;}
.banner-btn {margin-top: 28px;}
.banner-btn .btn {margin-top: 15px;}
.banner-btn .transparent-btn,.cta-btn .transparent-btn {margin-left: 17px;}
.banner-shape {position: absolute;left: 28%;top: 17%;z-index: -1;}
.banner-shape img {opacity: .09;}
.slider-bg {padding: 180px 0;min-height: 771px;background-position: center;background-size: cover;display: flex !important;align-items: center;}
.slider-content h6 img {margin-right: 10px;}
.slider-content h2 {font-size: 80px;color: #fff;line-height: 1.2;margin-bottom: 40px;}
.slider-content {padding-left: 30px;border-left: 2px solid #fe9f23;}
.slider-content .btn {padding: 21px 41px;}
/* 5. Courses */
.courses-area {position: relative;z-index: 1;}
.section-title {position: relative;}
.section-title.text-center {padding-bottom: 25px;}
.section-title.text-center::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;width: 50px;height: 2.5px;margin: 0 auto;}
.section-title h2 {font-size: 36px;margin-bottom: 20px;}
.section-title p {margin-bottom: 0;}
.courses-thumb img {width: 100%;}
.courses-item {position: relative;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.courses-content {position: absolute;left: 20px;right: 20px;text-align: center;bottom: 10%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;z-index: 1;}
.courses-preview {border-radius: 6px;background-color: rgba(255, 255, 255, 0.4);color: #fff;display: inline-block;padding: 13px 20px;font-size: 16px;font-weight: 500;margin-bottom: 15px;opacity: 0;}
.courses-preview i {font-size: 20px;line-height: 1;margin-right: 10px;}
.courses-content h4 {font-size: 20px;color: #fff;padding: 8px 18px;border: 1px solid #fff;border-radius: 5px;width: 70%;background-color:rgba(0,0,0,0.2);margin: 0 auto 10px;}
.courses-content span {display: block;}
.courses-item:hover {box-shadow: 0px 1px 37.2px 2.8px rgba(90, 90, 92, 0.29);}
.courses-item:hover .courses-content {bottom: 15%;}
.courses-item:hover .courses-preview {opacity: 1;}
.courses-masonry {margin-left: -10px;margin-right: -10px;}
.courses-masonry [class*="col"] {padding-left: 10px;padding-right: 10px;}
.courses-shape {position: absolute;left: 7%;top: 0;z-index: -1;}
.courses-shape-2 {right: 13%;top: 24%;left: auto;}
.courses-overlay-text {position: absolute;left: 2.5%;top: 60%;font-size: 96px;text-transform: uppercase;color: #f8f7f7;transform: rotate(-90deg);z-index: -1;}
.featured-courses {position: relative;z-index: 1;}
.featured-courses .section-title {padding-bottom: 0;}.featured-courses .section-title::before {display: none;}
.featured-courses .section-title h2 {margin-bottom: 0;}
.featured-nav-tabs.nav-tabs {border-bottom: none;justify-content: center;margin:20px auto;}
.featured-nav-tabs.nav-tabs li {display: block;}
.featured-nav-tabs.nav-tabs li a {border: none;line-height: 34px;font-size:17px;font-weight: 700;text-transform: uppercase;padding: 0 20px;margin: 0 7.5px 10px;background: transparent;color: #767474;border-radius: 30px;transition: .3s linear;}
.featured-nav-tabs.nav-tabs .nav-item.show .nav-link,.featured-nav-tabs.nav-tabs .nav-link.active {color: #414141;}
.featured-courses-img img {width: 100%;box-shadow: 0px 5px 9.3px 0.7px rgba(183, 177, 199, 0.1);}
.featured-courses-content {text-align: right;padding-right: 30px;}
.featured-courses-content .sub-title {font-size: 12px;color: #adadad;}
.featured-courses .featured-courses-content h2 {font-size: 26px;margin-bottom: 25px;}
.featured-courses-content p {margin-bottom: 35px;}
.featured-courses-content .btn {min-width: 155px;}
.tab-pane.active {animation: slide-down .3s ease-out;}
@keyframes slide-down {
	0% {opacity: 0;transform: translateY(50px);}
	100% {opacity: 1;transform: translateY(0);}
}
.featured-courses-shape {background-image: url(../images/featured_courses_shape.png);background-repeat: no-repeat;background-position: center;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 366px;margin: 0 auto;z-index: -1;}
.ingredients-area.gray-bg .ing-progress-wrap .progress {background-color: #e2e2e2}
.gray-bg .courses-overlay-text {color: #efefef;}
.courses-search-box {background-position: center;background-size: cover;border-radius: 15px;margin-top: -125px;position: relative;z-index: 1;}
.courses-search-box form {display: flex;align-items: center;padding: 60px 30px;flex-wrap: nowrap;}
.courses-form-grp {position: relative;width: 52%;border-right: 1px solid #ebe8e8;}
.courses-form-grp input {width: 100%;border: none;background-color: #fff;padding: 15px 49px;height: 56px;font-size: 14px;font-weight: 500;line-height: 1.5;color: #8b8b8b;box-shadow: 0px 5px 12.09px 0.91px rgba(44, 24, 100, 0.05);}
.courses-form-grp input::placeholder {color: #8b8b8b;}
.courses-form-grp>i {position: absolute;top: 50%;transform: translateY(-50%);left: 25px;color: #8b8b8b;}
.courses-search-box form .custom-select {display: inline-block;width: 25%;height: 56px;padding: 15px 20px;font-size: 14px;font-weight: 500;line-height: 1.5;color: #8b8b8b;vertical-align: middle;background-color: #fff;border: none;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: none;box-shadow: 0px 5px 12.09px 0.91px rgba(44, 24, 100, 0.05);}
.courses-search-box form .custom-select:focus {outline: none;box-shadow: none;}
.courses-search-box form button {width: 23%;color: #1f1f1f;box-shadow: 0px 5px 12.09px 0.91px rgba(44, 24, 100, 0.05);}
.courses-search-box form button:hover {color: #1f1f1f;}


.espcms_page_botton{margin:30px auto;text-align: center;font-size:1em;color: #666;display: flex;justify-content:center;}
.espcms_page_botton .btn{background:#e3e3e3;font-size:16px;color:#4b4b4b;font-weight:normal;margin-right: 1px;}
.espcms_page_botton .btn:not(:first-child){margin-right: 1px;margin-left:0;}
.espcms_page_botton .btn:hover{background:#0f65bd;color:#fff;}


/* 9. Team */
.team-box {text-align: center;}
.team-thumb {position: relative;overflow: hidden;box-shadow: 0px 5px 12.09px 0.91px rgba(133, 127, 151, 0.11);border:3px solid rgba(0,0,0,0.2);}
.team-thumb img {width: 100%;}
.team-social {position: absolute;right: -65px;top: 0;height: 100%;width: 65px;text-align: center;box-shadow: 0px 5px 12.09px 0.91px rgba(133, 127, 151, 0.11);padding: 30px 0;transition: .5s;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.team-social li {display: block;margin-bottom: 15px;}
.team-social li:last-child {margin-bottom: 0px;}
.team-social li a {display: inline-block;color: #fff;font-size: 14px;}
.team-thumb::before {content: "";position: absolute;right: 0;top: 0;width: 0;height: 100%;transition: .5s;opacity: .57;}
.team-box:hover .team-thumb::before {width: 100%;}
.team-box:hover .team-social {right: 0;}
.team-content h4 {font-size: 20px;line-height:42px;margin-bottom: 7px;}
.team-content>span {font-weight: 500;display: block;color: #7d7d7d;}
/* 10. Cta */
.cta-bg {background-image: url(../images/cta_bg.jpg);padding-top: 110px;padding-bottom: 120px;background-attachment: fixed;background-position: center;background-size: cover;position: relative;z-index: 1;}
.cta-bg::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #1f1f1f;opacity: .7;z-index: -1;}
.white-title h2,.full-white-title h2,.full-white-title .sub-title,.full-white-title h2 span {color: #fff;}
.white-title p {color: #dadada;}
.full-white-title p {color: #f6f6f6;}
.full-white-title.text-center::before {background: #fff;}
.cta-area .section-title {padding-bottom: 0;}
.cta-area .section-title::before {display: none;}
.cta-btn .btn {margin-top: 15px;}

/* 11. Testimonial */
.testimonial-bg {background-image: url(../images/testimonial_bg.jpg);background-position: center;background-size: cover;}
.testimonial-item {background: #fff;position: relative;z-index: 1;padding: 70px 40px 50px;transform: translateY(0px);transition: .3s linear;}
.testimonial-item::before {content: "";position: absolute;left: 13px;top: 13px;right: 13px;bottom: 13px;border: 1px solid #ebebeb;z-index: -1;}
.testimonial-quote svg {width: 24px;height: 24px;}
.testimonial-rating {display: flex;justify-content: flex-end;align-items: center;font-size: 12px;margin-bottom: 20px;color: #efc94c;}
.testi-content p {font-size: 16px;font-style: italic;letter-spacing: .4px;margin-bottom: 30px;font-weight: 400;}
.testi-avatar-wrap {display: flex;align-items: center;flex-wrap: wrap;}
.testi-avatar-img {margin-right: 15px;}
.testi-avatar-img img {border-radius: 50%;}
.testi-avatar-info {flex-grow: 1;}
.testi-avatar-info h6 {font-size: 18px;line-height: 1;margin-bottom: 10px;}
.testi-avatar-info span {display: block;font-size: 13px;font-weight: 500;}
.testimonial-quote {position: absolute;left: 30px;top: 30px;z-index: 1;}
.testimonial-quote::before {content: "";position: absolute;left: -17px;top: -17px;width: 0;height: 0;border-style: solid;border-width: 85px 85px 0 0;border-color: #fe9f23 transparent transparent transparent;z-index: -1;}
.testimonial-quote svg polygon {fill: #343434;}
.slick-slide:focus {outline: none;}
.testimonial-active .slick-track {padding-top: 10px;}
.testimonial-active .slick-active.slick-center .testimonial-item {transform: translateY(-10px);}
.testimonial-active .slick-active.slick-center .testimonial-item .testimonial-quote::before {border-color: #0f65bd transparent transparent transparent;}
.testimonial-active .slick-active.slick-center .testimonial-item .testimonial-quote svg polygon {fill: #fff;}

/* 14. Shop */
.shop-action-result span {font-size: 13px;font-weight: 500;text-transform: uppercase;}
.shop-action-form .custom-select {display: inline-block;padding:3px 42px 3px 16px;font-size:16px;font-weight: 500;line-height:36px;color: #7d7d7d;vertical-align: middle;background: url("../images/nw_selarw.png") no-repeat scroll 97.5% center;background-color: transparent;border: 1px dotted rgb(167, 167, 167);border-radius: 0;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: .3s ease-in-out, ;width: 218px;height: 42px;text-transform: uppercase;}
.shop-action-form form {position: relative;}
.shop-action-form form::before {content: "";position: absolute;right: 45px;top: 0;height: 42px;width: 1px;border-left: 1px dotted rgb(167, 167, 167);display: block;}
.product-thumb {position: relative;box-shadow: 0px 4px 12.09px 0.91px rgba(82, 82, 82, 0.04);}
.product-thumb img {width: 100%;}
.product-meta {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #0f65bded;z-index: 9;-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;transform: perspective(500px) rotateX(-90deg);opacity: 0;-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;}
.product-meta .add-to-cart {position: absolute;text-align: center;left: 0;right: 0;top: 50%;-webkit-transform: translate(0, -50%);-khtml-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);}
.product-meta .add-to-cart .btn {background: #fff;color: #3d3d3d;font-size: 14px;text-transform: uppercase;padding: 18px 36px;font-weight: 500;}
.shop-item:hover .product-meta {opacity: 1;transform: perspective(500px) rotateX(0deg);}
.product-content h6 {font-size: 18px;margin-bottom: 7px;}
.product-content>span {display: block;margin-bottom: 10px;font-weight: 500;}
.product-rating {display: flex;line-height: 1;}
.product-rating i {font-size: 10px;color: #b0b0b0;margin-right: 2px;}
.shop-sidebar-form {position: relative;}
.shop-sidebar-form input {width: 100%;border: none;background: #e8ecef;height: 42px;padding: 0 40px 0 20px;text-transform: uppercase;font-weight: 500;color: #7d7d7d;font-size: 13px;}
.shop-sidebar-form input::placeholder {color: #7d7d7d;font-size: 13px;}
.shop-sidebar-form button {position: absolute;top: 50%;transform: translateY(-50%);right: 20px;padding: 0;border: none;background: transparent;font-size: 13px;color: #7d7d7d;}
.widget-title-two h5 {font-size: 18px;margin-bottom: 0;}
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {background: #e8ecef none repeat scroll 0 0;border: medium none;border-radius: 0;height: 3px;margin-bottom: 20px;margin-left: auto;}
.price_filter .ui-slider-range {background: #343434 none repeat scroll 0 0;border-radius: 0;}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {border: none;height: 10px;top: 0;margin-top: -3px;width: 10px;background: #343434;border-radius: 50px;margin-left: 0;}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all:focus {outline: none;box-shadow: none;}
.price_slider_amount {overflow: hidden;}
.price_slider_amount>input[type="text"] {float: right;height: 36px;margin-left: 28px;text-align: right;width: 130px;border: none;color: #7d7d7d;font-size: 14px;font-weight: 500;}
.price_slider_amount>input[type="submit"] {float: left;text-transform: uppercase;transition: all 400ms ease-out 0s;cursor: pointer;width: 98px;padding: 11px 20px;color: #fff;font-size: 14px;font-weight: 500;}
.relater-product-list ul li {display: flex;align-items: center;padding:5px;border-bottom: 1px dotted rgb(215, 215, 215);}
.relater-product-list ul li:last-child {margin-bottom: 0;}
.relater-p-thumb {margin-right: 15px;}
.relater-p-content h6 {font-size: 16px;margin-bottom: 8px;}
.relater-p-content>span {display: block;font-size: 14px;font-weight: 500;}
.sidebar-tag ul {display: flex;flex-wrap: wrap;}
.sidebar-tag ul li {display: block;margin-right: 7px;margin-top: 7px;}
.sidebar-tag ul li a {display: block;font-size: 13px;font-weight: 500;color: #7d7d7d;line-height: 32px;background: #e5e9ec;padding: 0 20px;}
.sidebar-tag ul li a:hover {color: #fff;}
.shop-sidebar .widget:last-child {margin-bottom: 0;}
.shop-details-area .pr-73 {padding-right: 73px;}
.product-single-active {margin-bottom: 15px;}
.product-single-item {position: relative;}
.product-single-item img {width: 100%;}
.stock-info {position: absolute;top: 30px;right: 30px;height: 26px;line-height: 26px;background: #343434;padding: 0 15px;text-transform: uppercase;font-size: 10px;font-weight: 900;color: #fff;}
.product-single-bottom {margin: 0 -7.5px;}
.product-bottom-item {margin: 0 7.5px;}
.product-bottom-item img {width: 100%;}
.product-details-content h6 {font-size: 24px;margin-bottom: 10px;}
.product-details-meta {display: flex;align-items: center;margin-bottom: 25px;}
.product-details-meta h5 {font-size: 18px;font-weight: 900;margin-bottom: 0;margin-right: 20px;}
.product-details-meta .product-rating {margin-right: 15px;}
.product-color-box h4,.product-size-wrap h4 {font-size: 16px;margin-bottom: 0;}
.product-color-box ul {display: flex;align-items: center;margin-top: 20px;}
.product-color-box ul li {display: inline-block;width: 30px;height: 30px;border-radius: 50%;background: #e56f01;margin-right: 10px;cursor: pointer;}
.product-color-box ul li:nth-child(2) {background: #efc94c;}
.product-color-box ul li:nth-child(3) {background: #9fd5f7;}
.product-color-box ul li:nth-child(4) {background: #343434;}
.product-details-content p {margin-bottom: 25px;padding-right: 50px;}
.product-size-wrap ul {display: flex;align-items: center;margin-top: 20px;margin-bottom: 15px;}
.product-size-wrap ul li {display: block;height: 36px;width: 36px;text-align: center;line-height: 34px;border: 2px solid #e8ecef;border-radius: 50%;font-size: 14px;font-weight: 700;text-transform: uppercase;color: #343434;margin-right: 10px;cursor: pointer;transition: .3s linear;}
.product-size-wrap>span {font-size: 12px;font-weight: 700;text-transform: uppercase;display: block;}
.cart-plus form {width: 80px;position: relative;margin-right: 25px;}
.cart-plus-minus {position: relative;}
.cart-plus-minus input {width: 100%;padding: 8px 20px;text-align: center;font-size: 14px;border: none;font-weight: 700;color: #343434;}
.qtybutton {position: absolute;top: 50%;transform: translateY(-50%);left: 0;font-size: 10px;cursor: pointer;user-select: none;font-weight: normal;width: 15px;text-align: center;height: 30px;line-height: 30px;color: #c4c5c5;}
.inc.qtybutton {right: 0px;left: auto;font-size: 18px;}
.cart-plus {display: flex;align-items: center;margin-bottom: 40px;flex-wrap: wrap;margin-top: 25px;}
.cart-plus .btn {font-size: 14px;border-radius: 50px;box-shadow: 0px 5px 12.09px 0.91px rgba(44, 24, 100, 0.05);}
.wish-list h5 {font-size: 16px;margin-bottom: 25px;padding-bottom: 15px;border-bottom: 1px solid #e8ecef;}
.wish-list h5 a {color: #343434;}
.wish-list h5 i {margin-right: 10px;}
.product-details-tag ul li {display: block;text-transform: uppercase;margin-bottom: 8px;font-size: 12px;font-weight: 700;}
.product-details-tag ul li:last-child {margin-bottom: 0;}
.product-details-tag ul li a {color: #999898;}
.product-details-tag ul li span {margin-right: 5px;}
.product-details-content {margin-left: -30px;}
.product-desc-wrap .nav-tabs {border-bottom: 1px solid #e8ecef;}
.product-desc-wrap .nav-tabs .nav-item {margin-bottom: 0;margin-right: 50px;display: block;}
.product-desc-wrap .nav-tabs .nav-link {border: none;border-top-left-radius: 0;border-top-right-radius: 0;padding: 0 0 15px;font-size: 14px;font-weight: 500;text-transform: capitalize;color: #7d7d7d;}
.product-desc-wrap .nav-tabs .nav-link.active {color: #343434;}
.desc-title {font-size: 16px;font-weight: 700;margin-bottom: 20px;}
.desc-content {margin-bottom: 0;padding-right: 60px;}
.desc-list ul li {border-bottom: 1px solid #f0f0f0;padding-bottom: 17px;margin-bottom: 17px;}
.desc-list ul li span {font-weight: 500;color: #343434;min-width: 260px;display: inline-block;text-transform: capitalize;}.review-wrap {border: 1px solid #f0f0f0;padding: 25px 30px;}
.left-rc {display: inline-block;}
.right-rc {float: right;display: block;}
.left-rc p {margin-bottom: 0;font-weight: 500;}
.right-rc a {color: #7d7d7d;font-weight: 500;}
.review-wrap .desc-title {margin-bottom: 30px;}
.more-product-wrap .section-title h2 {margin-bottom: 0;font-size: 30px;}
.sidebar-cat ul li {display: block;padding-bottom: 10px;border-bottom: 1px solid #ececec;margin-bottom: 15px;}
.sidebar-cat ul li a {font-size: 14px;font-weight: 500;color: #7d7d7d;}
/* 15. Pagination */
.pagination-wrap ul {display: flex;align-items: center;flex-wrap: wrap;}
.pagination-wrap ul li {margin-right: 10px;display: block;margin-top: 10px;}
.pagination-wrap ul li a {display: block;background: #e5e9ec;color: rgba(52, 52, 52, 0.722);text-transform: uppercase;font-size: 13px;font-weight: 700;line-height: 1;padding: 16px 24px;}
.pagination-wrap ul li a:hover {color: #3d3d3d;}
.courses-pagination ul {justify-content: center;}

/* 18. Contact */
.contact-box {display: flex;align-items: flex-start;margin-bottom: 50px;padding-left: 40px;position: relative;}
.contact-info-wrap [class*="col-"]:first-child .contact-box::before,.contact-box::after {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 45px;width: 1px;background: #d9d9d9;}
.contact-box::after {left: auto;right: 0;}
.contact-box-icon {margin-right: 15px;}
.contact-box-content h5 {font-size: 16px;margin-bottom: 7px;transition: .3s linear;}
.contact-box-content span {display: block;font-size: 14px;font-weight: 500;color: #7d7d7d;}
#contact-map {width: 100%;height: 430px;margin-bottom: 65px;}
.c-form-grp {position: relative;margin-bottom: 20px;}
.c-form-grp i {position: absolute;top: 18px;left: 20px;font-size: 13px;color: #b1b1b1;}
.c-form-grp input {width: 100%;border: 1px solid #d4d4d4;border-radius: 3px;padding: 14px 45px;transition: .3s linear;}
.c-form-grp textarea {width: 100%;border: 1px solid #d4d4d4;border-radius: 3px;padding: 14px 45px;height: 155px;transition: .3s linear;}
.c-form-grp input::placeholder,.c-form-grp textarea::placeholder {color: #b1b1b1;}
.c-form-grp input:focus,.c-form-grp textarea:focus {border-color: #0f65bd;}
.c-form-grp input:focus~i,.c-form-grp textarea:focus~i {color: #0f65bd;}
.contact-form form button {margin-top: 10px;padding: 0;line-height: 50px;width: 160px;background: #0f65bd;color: #fff;}
.contact-form form button:hover {background: #fe9f23;color: #1f1f1f;}

@-webkit-keyframes spinner {
	to {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}
}
@keyframes spinner {
	to {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}
}

@-webkit-keyframes letters-loading {
	0%,75%,100% {opacity: 0;-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);}
	25%,50% {opacity: 1;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
}

@keyframes letters-loading {
	0%,75%,100% {opacity: 0;-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);}
	25%,50% {opacity: 1;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
}


@media screen and (max-width: 767px) {
	.ctn-preloader .animation-preloader .spinner {height: 8em;width: 8em;}
	.ctn-preloader .animation-preloader .txt-loading {font: bold 3.5em "Poppins", sans-serif;}
	.pb-120,.pt-110{padding: 50px 0;}
	.mb-65{margin-bottom: 20px;}
	body{font-size:14px;}
    .espcms_page_botton .btn-default{padding:5px 2px!important;}
	.menu-nav .logo img{width:196px;}
	.mobile-nav-toggler{margin-top: 10px;}
	.binbox .en {font-size: 25px;}
	.flex-direction{flex-direction:column-reverse;}
	.shop-sidebar{margin-top: 0!important;}
}

@media screen and (max-width: 500px) {
	.ctn-preloader .animation-preloader .spinner {height: 7em;width: 7em;}
	.ctn-preloader .animation-preloader .txt-loading {font: bold 2em "Poppins", sans-serif;}
}