/* ςσρуяιgнт  R.Saemi */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/**************** FONTS  ****************/

@font-face { font-family: 'iransans'; src: url('../assets/fonts/iransans/IRANSansWeb.woff') format('woff'); }
:root { --main-color: #d7ac62; --light-bg: #f7f5f2; --second-color: #925a24 }

/**************** Global Style ****************/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: inherit; }
strong { font-weight: bold; }
img { vertical-align: middle; }
.no-padding { padding-right: 0; padding-left: 0; }
* a { text-decoration: none; color: inherit; }
.container-fluid { }
a:focus { text-decoration: none; outline: none; color: inherit; }
*:focus { outline: none; }
ul { list-style-position: inside; }
a:hover { text-decoration: none; color: inherit; }
body { overflow-x: hidden; font-family: 'iransans'; font-size: 15px; color: #000; line-height: 25px; }
.wide { width: 1300px; margin: 0 auto; max-width: 100%; padding: 0 15px; }
.read-more { width: 280px; height: 85px; line-height: 85px; text-align: center; color: #ffffff; letter-spacing: 2px; font-size: 14px; transition: all 0.3s ease; background: #2a2a2a; font-weight: bold; }
.read-more span { width: calc(100% - 71px); display: inline-block; transition: all 0.5s ease; }
.read-more em { width: 68px; display: inline-block; background: #262261; height: 85px; vertical-align: top; line-height: 85px; font-size: 15px; position: relative; transition: all 0.5s ease; }
.read-more em:after { content: ''; width: 15px; height: 2px; background: #fff; position: absolute; left: 0; top: 41px; opacity: 0; transition: all 0.5s ease; }
.read-more:hover, .read-more:focus { color: #fff; }
.read-more:hover em:after { left: 24px; opacity: 1; }
.read-more:hover em { width: 80px; background: #b14ceb; }
.read-more:hover span { width: calc(100% - 80px); }
.sec-title { margin-bottom: 30px; font-size: 33px; line-height: 43px; font-family: ' Century'; text-align: center; /* color: var(--main-color); */ /* text-shadow: 0 0; */ letter-spacing: 0.5px; background: linear-gradient(to top, rgb(221, 193, 118) 0%,rgb(221, 193, 118) 35%, rgb(244, 202, 135) 50%,rgb(221, 193, 118)65%, rgb(221, 193, 118) 100%) text; -webkit-text-fill-color: transparent; font-weight: bold; }
.sec-des { width: 740px; padding: 0 15px; max-width: 100%; color: #a38c77; font-family: 'iransans'; margin: 0 auto; font-size: 14.5px; line-height: 25px; margin-bottom: 50px; text-align: center }
.owl-carousel .owl-dots { text-align: center; margin-top: 10px; }
.owl-carousel .owl-dots .owl-dot { display: inline-block; }
.owl-carousel .owl-dots .owl-dot span { width: 22px; height: 22px; border-radius: 50%; margin: 0 2px; line-height: 25px; background: #fff; display: block; position: relative; -webkit-backface-visibility: visible; transition: opacity 200ms ease; overflow: hidden; border: 1px solid #a38c78; }
.owl-carousel .owl-dots .owl-dot.active span { background: var(--main-color); border: 1px solid var(--main-color); }

/**************** header ****************/
header { position: fixed; right: 0; left: 0; z-index: 15; height: 120px; transition: top 0.5s ease; }
header .wide { }
header:before { content: ''; width: 100%; height: 253px; background: url(../../images/header-bg.png); position: absolute; top: 0; }
header ul { list-style: none; }
header ul li { display: inline-block; }
header .top-menu { padding-right: 10px; height: 50px; font-size: 12px;/* transition: all 0.5s ease;*/ text-align: right; padding-top: 20px; }
header .top-menu > div { display: inline-block; position: relative; }
header .top-menu .social { display: none }
header .top-menu .social a { font-size: 18px; color: #d5d5d5; display: inline-block; width: 27px; height: 27px; line-height: 31px; transition: all 0.3s ease; text-align: center; vertical-align: middle; position: relative; }
header .top-menu .social a:before { content: ''; left: 0; right: 0; position: absolute; width: 100%; top: 0; bottom: 0; border: 1px solid #f2f2f2; transition: all 0.5s ease; }
header .top-menu .social a:hover { color: #b14ceb; }
header .top-menu .social a:hover:before { transform: rotateY(180deg); border: 1px solid #b14ceb; }
header .top-menu .search { height: 27px; line-height: 20px; vertical-align: sub; transition: all 0.3s ease; position: relative }

header .top-menu .search .search-toggle { font-size: 18px; color: #d5d5d5; width: 22px; /* text-align: center; */ padding-right: 5px; cursor: pointer; }
header .top-menu .search.active .search-toggle:before { content: "\f00d"; }
header .top-menu .search input { height: 25px; border: none; width: 0; overflow: hidden; transition: all 0.5s ease; padding: 0; }
header .top-menu .search.active input { width: 200px; padding-left: 10px; }
header .top-menu .search input::placeholder { color: #d5d5d5; }
header .top-menu .login a { color: #b14ceb; border: 1px solid #f2f2f2; font-size: 11px; width: 85px; height: 27px; line-height: 27px; text-align: center; vertical-align: middle; margin-right: 5px; transition: all 0.3s ease; }
header .top-menu .login a:hover { border: 1px solid #b14ceb; }
header .top-menu .language a { margin: 0 5px; color: #d5d5d5; font-family: 'iransans'; font-size: 14px; }

header .top-menu .language a:hover { }

header .bottom-menu .logo { position: absolute; left: 50%; transform: translateX(-50%); top: 5px; }
header .bottom-menu .menu { transition: all 0.5s ease; }
header .bottom-menu .menu nav { padding: 0; }
header .bottom-menu .menu ul li { padding: 0 15px; position: relative; }
header .bottom-menu .menu ul li:nth-last-child(-n+4) { float: right; }
header .bottom-menu .menu ul li a { font-size: 15px; letter-spacing: 0.5px; line-height: 55px; position: relative; color: #f9dba7; text-transform: capitalize; transition: all 0.3s ease; }
/*header .bottom-menu .menu ul li a:after { content: ''; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0; right: 100%; margin: 0 auto; bottom: 10px; background: #f9dba7; transform: scale(0); transition: all 0.5s ease; opacity: 0; }
header .bottom-menu .menu ul li a:before { content: ''; width: 7px; height: 7px; border-radius: 50%; position: absolute; right: 0; left: 100%; margin: 0 auto; bottom: 10px; background: #f9dba7; transform: scale(0); transition: all 0.5s ease; opacity: 0; }
header .bottom-menu .menu ul li:before { content: ''; width: 0px; height: 2px; position: absolute; right: 0; left: 0; margin: 0 auto; bottom: 12.6px; border-bottom: 2px solid #f9dba7; transition: all 0.3s ease; }
header .bottom-menu .menu ul li:hover a:after { transform: scale(1); right: 0; opacity: 1; }
header .bottom-menu .menu ul li:hover a:before { transform: scale(1); left: 0; opacity: 1; }
header .bottom-menu .menu ul li:hover:before { width: 100%; }*/
header .bottom-menu .menu ul li a:hover { color: #fff; letter-spacing: 1px; }
header .bottom-menu .menu ul li:last-child { padding-right: 0; }

header .dropdown-menu { top: 100%; left: -3px; border: none; padding: 0; margin: 0; border-radius: 0; background: #f3f3f3; border-radius: 0; text-align: left; min-width: 140px; }
header .dropdown-menu li { display: block !important; padding: 0 !important;float: none !important;}
header .dropdown-menu li:before, header .dropdown-menu li a:before, header .dropdown-menu li a:after { display: none !important }
header .dropdown-menu li a { font-size: 14px !important; border-bottom: 1px solid #e0dddd; line-height: 35px !important; letter-spacing: 0 !important; text-transform: capitalize !important; color: #000!important;}
header .dropdown-menu li:last-child a { border-bottom: none;  }
header .dropdown-menu li a:after { display: none; }
header .dropdown-menu > li > a:hover, header .dropdown-menu > li > a:focus { background:var(--main-color); color: #fff !important; }

header .dropdown-submenu { position: relative; }
header .dropdown-submenu .dropdown-menu { left: 100%; top: 0; min-width: 160px; border-radius: 0 }
header .dropdown-submenu .caret { content: ''; display: inline-block; width: 0; height: 0; margin-left: 8px; vertical-align: middle; border-left: 4px solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent; vertical-align: middle; }

header.scroll { background: url(../../images/Texture.jpg); height: 68px; top: 0 !important; box-shadow: 0px -1px 31px rgba(0, 0, 0, 0.2); }
header.scroll:before { display: none; }
header.scroll .bottom-menu { margin-top: 7px; }
header.scroll .bottom-menu .logo { margin-top: -5px; }
header.scroll .bottom-menu .logo img { width: 230px; height: auto; }
header.scroll .bottom-menu .menu { }
header.scroll .top-menu { height: 0; padding: 0; overflow: hidden; }

/**************** Banner  ****************/
#Banner { position: relative; }
#Banner .wide { position: absolute; top: 0; bottom: 0; margin: 0 auto; right: 0; left: 0; }
/*#Banner .owl-item { right: -100px; }*/
#Banner .item > a { display: block; }
#Banner .item img { max-width: inherit; width: 100%; height: auto; }
#Banner .banner-des { position: absolute; bottom: 75px; width: 100%; width: 485px; background: #fff; position: absolute; top: 0; bottom: 0; left: 100px; z-index: 2; transition: all 0.5s ease; animation-delay: 2s; display: none; }
#Banner .fixed-banner-des { text-transform: uppercase; width: 485px; background: #fff; position: absolute; top: 0; bottom: 0; left: 25px; z-index: 2; padding: 0 15px; padding-top: 120px; display: none }
#Banner .fixed-banner-des h3 { color: #b14ceb; font-weight: bold; text-align: center; font-size: 25px; letter-spacing: 0.3px; border-bottom: 1px solid #eceaeb; padding-bottom: 15px; }
#Banner .fixed-banner-des h4 { font-size: 57px; padding-left: 30px; margin-top: 50px; text-shadow: 0 0; animation-delay: 0.3s }
#Banner .fixed-banner-des h6 { font-size: 22px; padding-left: 30px; margin-top: 25px; animation-delay: 0.6s }
#Banner .fixed-banner-des .read-more { float: right; margin-right: 49px; margin-top: 25px; animation-delay: 0.9s }
#Banner .owl-controls { width: 1300px; max-width: 100%; padding: 0 15px; position: absolute; bottom: 0; margin: 0 auto; right: 0; left: 0; }
#Banner .owl-controls .owl-nav { position: absolute; bottom: 0; right: 20px; font-size: 25px; text-align: center; width: 110px; height: 55px; background: url(../../images/Texture.jpg); padding-top: 8px; }
#Banner .owl-controls .owl-nav > div { width: 38px; height: 38px; border-radius: 50%; display: inline-block; margin: 0 5px; }
#Banner .owl-controls .arrow-left { width: 38px; height: 38px; background: url(../../images/icons.png) -351px -40px; display: inline-block; }
#Banner .owl-controls .arrow-right { width: 38px; height: 38px; background: url(../../images/icons.png) -350px 0px; display: inline-block; }
#Banner .banner-index { position: absolute; bottom: 0; right: calc(20px + 110px); z-index: 2; font-family: ' Century'; font-size: 30px; text-align: center; width: 110px; height: 55px; background: #a38c78; line-height: 55px; color: #000; letter-spacing: -1px; }
#Banner .banner-index .bannerItemIndex { }
#Banner .banner-index .bannerTotalItemIndex { color: #fff; }

/****************Counter  ****************/
#Counter { text-align: center; background: var( --light-bg); padding: 35px 0 40px 0; }
#Counter .container { width: 995px; }
#Counter .item-img { width: 262px; height: 234px; background: url(../../images/icons.png) 0px -261px; padding-top: 4px; }
#Counter .item { padding-bottom: 15px; }
#Counter .counter-item { width: 265px; max-width: 100%; padding-top: 25px; border-radius: 5px; position: relative; margin: 0 auto; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#Counter .counter-item img { border-radius: 13px; margin: 0 auto; margin-bottom: 35px; transition: all 0.3s ease; }
#Counter .counter-item h4 { font-family: Century; font-size: 21px; font-weight: bold; letter-spacing: 0.4px; /* margin: 15px 0; */; color: var(--second-color); }
#Counter .counter-item span { display: block; font-size: 15px; width: 185px; margin: 0 auto; line-height: 22px; margin-bottom: 20px;text-transform: capitalize;}
#Counter .arrow-more { width: 32px; height: 32px; background: url(../../images/icons.png) -11px -195px; display: inline-block; /* position: absolute; */ right: 0; left: 0; margin: 0 auto; }
#Counter .counter-item:hover img { opacity: 0.7; }
#Counter .counter-item:hover .arrow-more { animation: arrow 0.5s 2; }

@-webkit-keyframes arrow {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }

    100% { transform: translateY(0); }
}

#Counter .owl-item:nth-child(2) .counter-item { animation-delay: 0.3s }
#Counter .owl-item:nth-child(3) .counter-item { animation-delay: 0.6s }
#Counter .owl-item:nth-child(4) .counter-item { animation-delay: 0.9s }
/****************About  ****************/
#About { /*padding-top: 70px;*/ overflow: hidden; background: #f1eee9; }
#About .wide { width: 1270px; position: relative }
#About .about-bottom { position: relative; margin-top: 110px; margin: 0; background: var(--light-bg); border-radius: 15px; padding: 45px; font-size: 14px; min-height: 515px;text-align: center; }
#About .company-info {  position: relative; }
#About h4 { color: var(--second-color); font-weight: bold; }
#About .company-info:before { content: ''; width: 290px; height: 315px; background: url(../../images/icons.png) 308px 703px; position: absolute; bottom: 55px; right: 0; left: 0; margin: 0 auto; display: none; }
#About .company-info .sec-title { text-align: left; color: #a38c77; -webkit-text-fill-color: #a38c77; text-transform: uppercase; font-weight: normal; font-size: 38px; letter-spacing: 0;}
#About .about-bottom .more { max-width: 45%; width: 150px; background: var(--main-color); color: #000; margin: 0 2px; margin-top: 0px; margin-top: 30px; font-weight: bold; font-size: 12px; display: inline-block; }
#About .company-info ul { list-style: none; margin-top: 60px; padding-left: 20px; color: var(--main-color); line-height: 32px; }
#About .company-info ul a:before { content: ''; width: 18px; height: 18px; display: inline-block; background: url(../../images/icons.png) -205px -237px; vertical-align: middle; margin-right: 13px; transition: all 0.3s ease; }
#About .company-info ul a:hover:before { margin-right: 18px; }
#About .about-video { position: relative; }
#About .about-video img { transition: all 0.3s ease; max-width: 100%;width: 100%; }
#About .about-video>a{ display: block;}
#About .about-video:hover img { filter: brightness(2); }
#About .about-video .play-button { width: 142px; height: 101px; background: url(../../images/icons.png); position: absolute; left: 0; right: 0; margin: 0 auto; top: 31%; cursor: pointer; transition: all 0.3s ease; display: none }
#About .about-video .play-button:hover { transform: scale(0.8); }
#About .about-text { text-align: center; background: rgba(255,255,255,1); background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(241,238,233,1) 74%, rgba(241,238,233,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(74%, rgba(241,238,233,1)), color-stop(100%, rgba(241,238,233,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(241,238,233,1) 74%, rgba(241,238,233,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(241,238,233,1) 74%, rgba(241,238,233,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(241,238,233,1) 74%, rgba(241,238,233,1) 100%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(241,238,233,1) 74%, rgba(241,238,233,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1eee9', GradientType=1 ); }
#About .about-text:before { content: ''; height: 200px; width: 1px; border-left: 1px solid #ececec; position: absolute; left: 0; top: 45px; }
#About .about-text h1 { font-size: 32px; }
#About .about-text h1:before { content: ''; background: url(../../images/title-logo.png);width: 145px;height: 130px;display: block;margin: 0 auto; }
#About .about-text p { color: #4f4f4f; font-size: 15px; line-height: 26px; text-shadow: 0 0; }
#About .about-text strong { font-size: 14px; font-weight: normal; margin: 15px 0; display: block; /*color: #000000*/ }
#About .about-text span { /*color: #b14ceb ;*/ font-size: 14px; }
#About .more { width: 110px; height: 38px; background: #a38c78; max-width: 100%; color: #fff; line-height: 38px; font-size: 14px; display: block; margin: 0 auto; margin-top: 40px; outline: 1px solid transparent; transition: all 0.3s ease; text-align: center; text-transform: capitalize; margin-bottom:60px; }
#About .more:hover { outline-offset: 5px; outline: 1px solid #a38c78; }

/****************Speaker  ****************/
#Speaker { background: var(--light-bg); padding: 35px 0 70px 0; text-align: center }
#Speaker .sepakers { position: relative; width: 1060px; max-width: 100%; margin: 0 auto; }
#Speaker .speaker-item { opacity: 0.5; transition: all 0.5s ease; width: 357px; max-width: 100%; }
#Speaker .speaker-item > a { text-align: center; padding-top: 43px; position: relative; width: 357px; height: 327px; }
#Speaker .speaker-item > a:before { content: ''; width: 357px; height: 327px; background: url(../../images/icons.png) 376px 332px; position: absolute; right: 0; top: 0; transition: all 0.5s ease; }
#Speaker .speaker-item h3 { margin-top: 10px; text-transform: uppercase; font-size: 17px; text-align: center; position: relative; letter-spacing: 0.5px; font-weight: bold; text-shadow: 0 0; margin-bottom: 0; transition: all 0.5s ease; }
#Speaker .speakers-des { padding: 0 30px; font-size: 15px; padding-top: 45px; line-height: 30px; }
#Speaker .speaker-item img { border-radius: 50%; margin: 0 auto; }
#Speaker .speakers-des .speaker-btn { text-transform: capitalize; width: 260px; height: 38px; background: #a38c78; max-width: 100%; color: #fff; line-height: 38px; font-size: 14px; display: block; margin: 0 auto; margin-top: 40px; outline: 1px solid transparent; transition: all 0.3s ease }
#Speaker .speakers-des .speaker-btn:hover { outline-offset: 5px; outline: 1px solid #a38c78; }
#Speaker .speaker-item:hover > a:before { transform: rotate(200deg); }
#Speaker .owl-item { transform: scale(0.8); transition: all 0.8s ease; padding-bottom: 30px; padding-top: 45px; }
#Speaker .owl-item.center { transform: scale(1); overflow: visible; }
#Speaker .owl-item.center .speaker-item { opacity: 1; }

/****************Service****************/
/*#Team { background: #b14ceb; padding: 75px 0; color: #fff }
#Team .text { margin-bottom: 50px; }
#Team .text h5 { width: 490px; height: 85px; font-size: 24px; background: #000000; text-align: center; line-height: 85px; text-transform: uppercase; margin: 0; z-index: 2; letter-spacing: 8px; font-family: arial; display: inline-block; vertical-align: top }
#Team .text .des { display: inline-block; width: calc(100% - 500px) }
#Team .text .des p { font-size: 13px; width: 70%; line-height: 20px; padding: 10px 20px; display: inline-block; vertical-align: middle; text-align: justify; }
#Team .text .des a { width: 29%; display: inline-block; height: 55px; line-height: 55px; outline: 1px solid transparent; text-align: center; left: 60px; vertical-align: middle; border: 1px solid #fff; border-radius: 5px; text-transform: uppercase; font-size: 25px; letter-spacing: 2px; transition: all 0.3s ease; }
#Team .text .des a:hover { outline-offset: -7px; outline: 1px solid #fff; }
#Team .wide { width: 1310px; max-width: 100%; }
#Team .service-item { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; width: 400px; max-width: 100%; margin-bottom: 25px; }
#Team .service-item .service-img { transition: all 0.3s ease; display: inline-block; }
#Team .service-item .info { text-transform: uppercase; display: inline-block; width: calc(100% - 180px); vertical-align: top; padding: 25px 0px 0 25px; position: relative; }
#Team .service-item .info:before { content: ''; width: 80px; height: 220px; background: rgba(167,72,221,0.6); position: absolute; left: 5px; top: 5px; z-index: -1; transition: all 0.3s ease; }
#Team .service-item .info .social { margin-bottom: 20px; }
#Team .service-item .info .social a { vertical-align: middle; display: inline-block; margin-right: 10px; transition: all 0.3s ease; }
#Team .service-item .info .social a:hover { transform: rotate(360deg) }
#Team .service-item .info .icon-instagram { width: 32px; height: 32px; background: url(../../images/icons.png) -14px -146px; }
#Team .service-item .info .icon-email { width: 39px; height: 25px; background: url(../../images/icons.png) -62px -149px; }
#Team .service-item .info .icon-phone { width: 32px; height: 32px; background: url(../../images/icons.png) -112px -146px; }
#Team .service-items .service-item h4 { font-size: 17px; margin-top: 15px; margin-bottom: 3px; }
#Team .service-items .service-item p { font-size: 12px; line-height: 20px; max-width: 100%; margin-bottom: 20px; }
#Team .service-item:hover .info:before { width: 100%; }
*/
/****************Manager  ****************/
#Manager { background: var(--light-bg); padding: 80px 0 80px 0; position: relative; overflow: hidden; }
#Manager .wide { position: relative; border-radius: 15px }
#Manager .manager-img { overflow: hidden; }
#Manager .manager-img img { border-radius: 15px }
#Manager .manager-text { position: relative; padding-left: 55px; padding-top: 30px; }
#Manager .manager-text .sec-title { text-align: left; }
#Manager .manager-text p { font-size: 15px; text-align: justify; line-height: 28px; margin-top: 30px; }
#Manager .manager-text span { width: 430px; display: block; font-size: 13px; line-height: 20px; max-width: 100%; }
#Manager .manager-text .more { width: 110px; height: 38px; background: #a38c78; max-width: 100%; color: #fff; line-height: 38px; font-size: 14px; display: block; margin: 0 auto; margin-top: 10px; outline: 1px solid transparent; transition: all 0.3s ease; text-align: center; float: right; text-transform: capitalize; }
#Manager .manager-text .more:hover { outline-offset: 5px; outline: 1px solid #a38c78; }

/****************Testimonials  ****************/
#Testimonials { background: #f1eee9; padding: 75px 0 80px 0; }
#Testimonials .wide { width: 1360px; }
#Testimonials .testimonial-item { opacity: 0.5; text-align: center; max-width: 100%; margin: 0 auto; border-radius: 15px; /*padding: 0  20px;*/ transition: all 0.3s ease; background: #fff; width: 445px; height: 420px; max-width: 100%; }
#Testimonials .testimonial-item .testimonial-img { border: 5px solid #fff; border-radius: 50%; margin-top: -45px; }
#Testimonials .testimonial-item .testimonial-img img { border-radius: 50%; }

#Testimonials .testimonial-item h3 { font-size: 16px; text-shadow: 0 0; font-weight: bold; letter-spacing: 0.5px; margin-bottom: 0; margin-top: 20px; }
#Testimonials .testimonial-item h4 { font-size: 13px; color: #a38c77; margin-top: 0; letter-spacing: 0.5px; }
#Testimonials .testimonial-item p { padding: 0 30px; font-size: 13.5px; line-height: 23px; margin-top: 10px; }
#Testimonials .testimonial-item p:before, #Testimonials .testimonial-item p:after { content: ''; width: 19px; height: 18px; background: url(../../images/icons.png) -361px -83px; display: inline-block; vertical-align: inherit; margin-right: 13px; }
#Testimonials .testimonial-item p:after { transform: rotate(180deg); margin-left: 13px; margin-right: 0; vertical-align: bottom; }
#Testimonials .owl-item { transform: scale(0.85); transition: all 0.8s ease; padding-bottom: 30px; padding-top: 45px; }
#Testimonials .owl-item.center { transform: scale(1); overflow: visible; }
#Testimonials .owl-item.center .testimonial-item { opacity: 1; background: url(../../images/Texture.jpg); color: #fff; }
#Testimonials .owl-item.center .testimonial-item h3 { color: var(--main-color); }



/****************News  ****************/
/*#News { background: #262261; padding: 60px 0 }
#News .wide { width: 1300px; }
#News .news-item { position: relative; width: calc(100% - 190px) }
#News .news-item .news-img { display: block }
#News .news-item .news-des { width: 480px; height: 270px; background: #fff; position: absolute; right: 40px; top: 20px; border-radius: 5px; padding: 65px; line-height: 24px; transition: all 0.3s ease }
#News .news-item .news-des h6 { margin-top: 5px; font-size: 32px; font-weight: bold; margin-bottom: 15px; }
#News .news-item .news-des h4 { color: #b14ceb; letter-spacing: 1px; font-size: 13.5px; font-weight: bold; margin-bottom: 0; }
#News .news-item .news-des span { color: #888888; font-size: 10px; letter-spacing: 0.5px; }
#News .news-item .news-des p { color: #575757; font-size: 12.5px; letter-spacing: 0.5px; text-align: justify }
#News .owl-controls { position: absolute; right: 0; top: 10px; width: 190px; }
#News .owl-dots .owl-dot { border-bottom: 1px solid #5b5b5b; color: #fff; font-size: 35px; padding-bottom: 30px; padding: 35px 15px 35px 45px; font-family: arial; transition: all 0.3s ease }
#News .owl-dots .owl-dot:last-child { border-bottom: none !important }
#News .owl-dots .owl-dot.active { color: #b14ceb; border-bottom: 1px solid #b14ceb; }
#News .owl-dots .owl-dot:nth-child(1) span:before { content: '01' }
#News .owl-dots .owl-dot:nth-child(2) span:before { content: '02' }
#News .owl-dots .owl-dot:nth-child(3) span:before { content: '03' }
#News .owl-item.active .news-img { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
#News .owl-item.active .news-des { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#News .news-item:hover .news-des { box-shadow: -1px 7px 21px #3e3e3e; top: 15px; }
*/
/****************Partners  ****************/
#Event { text-align: center; padding: 60px 0 80px 0; background: url(../../images/Texture.jpg); }
#Event .wide { width: 1360px; }
#Event .item { background: #000; }
#Event .event-item { padding: 12px; border-radius: 15px; width: 445px; height: 365px; background: #fff; opacity: 0.5; max-width: 100%; }
#Event .event-item > a { position: relative; }
#Event .event-item img { border-radius: 15px; }
#Event .event-item > a:after { content: ''; width: 83px; height: 83px; background: rgba(255,255,255,0.2)url(../../images/icons.png) -194px -137px; position: absolute; right: 0; left: 0; margin: 0 auto; top: calc(50% - 41px); border-radius: 50%; transition: all 0.3s ease }
#Event .event-item h4 { font-family: ' Century'; font-size: 17.5px; margin: 15px 0 5px 0; color: var(--main-color); letter-spacing: 0.5px; text-shadow: 0 0; }
#Event .event-item p { font-size: 13.5px; margin: 0 auto; max-width: 100%; line-height: 20px; width: 350px; margin: 0 auto; }
#Event .owl-item { transform: scale(0.85); transition: all 0.8s ease; padding-bottom: 30px; }
#Event .owl-item.center { transform: scale(1); overflow: visible; }
#Event .owl-item.center .event-item { opacity: 1; }
/*#Event .owl-item.center .event-item > a:after { background: #fff url(../../images/icons.png) -195px -138px; filter:none;opacity:1;transition:all 0.3s ease;}
*/ /*#Event .owl-dots { text-align: center; margin-top: 35px; }
#Event .owl-dot { width: 25px; height: 25px; border: 1px solid #f5f5f5; display: inline-block; margin: 0 3px; transition: all 0.3s ease; }
#Event .owl-dot.active { border: 2px solid #b14ceb ; }*/
#Event .event-item:hover > a:after { transform: scale(1.2) }


/****************Partners  ****************/
.partner-section { text-align: center; padding: 50px 0; background: #f1eee9; }
.partner-section .sec-title { margin-bottom: 50px; }
.partner-section a { border: none !important; }
.partner-section img { transition: all 0.5s ease; border: 3px solid #e7c996; border-radius: 50%; box-sizing: content-box; height: auto; }

.partner-section a:hover img { border: 3px solid #000; }
.partner-section .owl-carousel .owl-dots { margin-top: 30px; }
.partner-section .owl-carousel .owl-stage-outer { height: 150px; }
/**************** Newsletter ****************/
/*#Newsletter { background: url(../../UserImage/newsletter-bg.jpg); background-attachment: fixed; min-height: 380px; background-attachment: fixed; color: #fff; text-align: center; padding-top: 80px; }
#Newsletter .wide { width: 800px; max-width: 100%; }
#Newsletter h6 { font-size: 23px; font-weight: bold; }
#Newsletter p { font-size: 17.5px; line-height: 30px; margin-bottom: 25px; }
#Newsletter .newsletter-box .newsletter-input { width: 380px; background: #fff; height: 45px; font-size: 13px; letter-spacing: 1px; text-align: center; border: none; max-width: 100%; border-radius: 5px; font-size: 15px; color: #262261; display: block; margin: 0 auto; }
#Newsletter .newsletter-box .newsletter-btn { border: none; transition: all 0.3s ease; background: none; font-size: 20px; letter-spacing: 1px; margin-top: 25px; transition: all 0.3s ease; }
#Newsletter .newsletter-box .newsletter-input::placeholder { color: #262261; }
#Newsletter .newsletter-box .newsletter-btn:hover { letter-spacing: 2px; }
#Newsletter .popover { color: #262261; }*/
/**************** footer ****************/
footer { font-size: 13px; background: var(--light-bg); color: #000; padding-top: 55px; }
footer ul { list-style: none; }
footer .footer-about { width: 30% }
footer .footer-about p { padding-left: 13px; letter-spacing: 0.3px; padding-right: 35px; margin-top: 15px; }
footer .social { padding-left: 73px; margin-top: 15px; }
footer .social span, footer .social a { display: inline-block; transition: all 0.3s ease; }
footer .social em { width: 22px; height: 21px; background: url(../../images/icons.png); display: inline-block; }
footer .social .facebook { background-position: -50px -235px; }
footer .social .whatsapp { background-position: -126px -233px; }
footer .social .twitter { background-position: -164px -233px; }
footer .social .instagram { background-position: -17px -234px; }
footer .social .youtube-play { background-position: -90px -234px; }
footer .social ul { margin: 15px 0 40px 0; }
footer .social ul li { display: inline-block; margin: 0 4px; color: #cabdb0; font-size: 20px; vertical-align: middle; }

footer .social a:hover { transform: scale(1.2) }
footer .footer-contact { margin-top: 40px; width: 35%; letter-spacing: 0.5px; font-size: 13.5px; padding-left: 60px; }
footer .footer-contact strong { color: #a38c78; font-size: 13px; }
footer .footer-contact div { position: relative; }
footer .footer-contact .address:before { content: ''; width: 17px; height: 19px; background: url(../../images/icons.png) -325px -4px; position: absolute; left: -25px; top: 1px; }
footer .footer-contact .phone:before { content: ''; width: 17px; height: 17px; background: url(../../images/icons.png) -328px -32px; position: absolute; left: -25px; top: 1px; }
footer .footer-contact .email:before { content: ''; width: 17px; height: 13px; background: url(../../images/icons.png) -328px -59px; position: absolute; left: -25px; top: 3px; }

footer .copy-right { background: #f1eee9; clear: both; line-height: 45px; font-size: 11px; text-align: right; }
footer .right-footer { float: left; width: 35%; position: relative; padding: 0 25px 0 0; }
footer .right-footer .footer-menu { padding-left: 30px; margin-top: 40px; margin-bottom: 35px; }
footer .right-footer .footer-menu ul li { display: inline-block; width: 49%; }
footer .right-footer .footer-menu ul li a { transition: all 0.3s ease; position: relative; display: block; transition: all 0.3s ease; letter-spacing: 0.5px; text-transform: capitalize }
footer .right-footer .footer-menu ul li a:before { content: ''; width: 3px; height: 3px; display: inline-block; vertical-align: middle; background: #000; border-radius: 50%; margin-right: 10px; transition: all 0.3s ease; }
footer .right-footer .footer-menu ul li a:hover:before { transform: scale(1.3); }
footer .right-footer .footer-menu ul li a:hover { color: var(--main-color); }

#toTop { text-align: center; bottom: -105px; position: fixed; right: 40px; z-index: 10; transition: all .5s ease; cursor: pointer; width: 45px; height: 45px; font-size: 20px; line-height: 45px; color: #fff; background: var(--main-color); border-radius: 10px; }
#toTop.fixed { bottom: 35px; }
#toTop:hover { transform: scale(0.9); }
.call-box { color: #fff; width: -moz-fit-content; width: fit-content; font-size: 15px; padding: 10px 24px; box-shadow: 0px 3px 11px #2EA211; border-radius: 10px; background: #2EA211; background: linear-gradient(266deg, #2ea211 0%, #57c23c 100%); font-weight: normal; position: fixed; left: 25px; bottom: 35px; z-index: 10; }
.call-box em { font-size: 22px; vertical-align: middle; margin-right: 5px; background: none!important;}
.call-box  a:hover{ transform: none!important;}
/**************** InnerPage ****************/
#InnerPage { padding: 50px 0; }

#Inner-Page header { background: url(../../images/Texture.jpg); }
#Inner-Page header:before { display: none; }
#InnerPage .container { position: relative }
#InnerPage .wide { padding: 0 40px; }
#InnerPageCustom { padding: 20px 0 100px }
#Inner-Header { overflow: hidden; margin-top: 120px; }

#Inner-Header .inner-banner img { position: relative; width: 100% !important; height: auto !important }
#Inner-Header .site-info { background: var(--main-color); color: #fff; padding: 18px 15px; margin-top: 20px; }
#Inner-Header .site-info .page-title { display: inline-block; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; }
#Inner-Header .site-info .inner-breadcrum { float: right; list-style: none; font-size: 12px; }
#Inner-Header .site-info .inner-breadcrum li { display: inline-block; }
#Inner-Header .site-info .inner-breadcrum li:first-child:before { display: none; }
#Inner-Header .site-info .inner-breadcrum li:before { content: "/"; margin: 0 8px; }
/**************** menu-btn ****************/

.toggle-menu { float: right; padding: 10px 0 0 30px; cursor: pointer; }
.toggle-menu > span { display: inline-block; vertical-align: middle; color: #fff; text-transform: uppercase; margin-left: 15px; font-size: 16px; }
.navbar-toggle { position: absolute; top: 1px; }
.menu-btn { display: inline-block; width: 32px; vertical-align: middle; }
.menu-btn:before, .menu-btn:after { background-color: var(--main-color); content: ''; display: block; height: 3px; transition: all 200ms ease-in-out; }
.menu-btn:before { box-shadow: 0 10px 0 var(--main-color); margin-bottom: 16px; }
.menu-btn.active:before { box-shadow: 0 0 0 var(--main-color); transform: translateY(10px) rotate(45deg); }
.menu-btn.active:after { transform: translateY(-9px) rotate(-45deg); }
/**************** Responsive ****************/

@media (min-width: 1601px) {
    #Inner-Header .inner-banner img { width: 100% !important; height: auto !important; left: 0; margin: 0 }
    #Banner .item img { width: 100%; height: auto }
}

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {

    header .bottom-menu .menu ul li { padding: 0 10px; }
    header .bottom-menu .menu ul li a { font-size: 14px; }
}

@media (max-width: 1200px) {
    #Banner .owl-item { right: inherit !important }
    .container { width: 100% !important; }
    #Team { padding: 40px 0; }
    #Team .text .des { width: 100%; }
    #Team .text h5 { max-width: 100%; margin-bottom: 15px; }
    #Team .service-item .info { padding: 25px 0px 0 18px; }
}

@media (max-width: 1199px) {

    header .bottom-menu .menu nav { max-height: calc(100vh - 120px); position: fixed; right: 0; left: 0; background: #fff; top: 120px; z-index: 6; background: #373435; }
    header.scroll .bottom-menu .menu nav     { top: 68px;}
    header .bottom-menu .menu > nav > ul { display: block }
    header .bottom-menu .menu ul li { display: block; text-align: center; border-bottom: 1px solid #000000 !important; border-top: 1px solid #544f51 !important; padding: 0; font-size: 15px; float: none }
    header .bottom-menu .menu ul li:hover, header .bottom-menu .menu ul li:focus { background: var(--main-color); }
    header .bottom-menu .menu ul li a { color: #fff!important; display: block; font-size: 15px !important; line-height: 50px; }
    header .bottom-menu .menu ul li:hover a, header .bottom-menu .menu ul li:focus { color: #fff; }
    header .bottom-menu .menu ul li a:before, header .bottom-menu .menu ul li a:after, header .bottom-menu .menu ul li:before { display: none }
    header .dropdown-menu { width: 100%; position: relative; background-color: #5d585a; border-radius: 0 }
    header .dropdown-menu li a { line-height: 50px !important; border-bottom: none }
    header .bottom-menu .menu ul li:nth-last-child(-n+4) { float: none; }
    /*   footer .right-footer { width: 100%; padding: 0 15px; }
    footer .footer-about, footer .social { width: 50%; }*/
}

@media (max-width: 1024px) {
    #Banner .item img { width: 100%; height: auto }
    #Banner .fixed-banner-des { padding-top: 30px; width: 400px; left: 0 }
    #Banner .fixed-banner-des h3 { font-size: 20px; }
    #Banner .fixed-banner-des h4 { font-size: 35px; }
    /*   #Event .wide { width: 100%; max-width: 100%; position: inherit; }
    #Event .owl-item { transform: scale(1); }
    #Event .event-item { width: 100%; }*/
}

@media (max-width: 991.5px) {
    #About .company-info { }
    #About .company-info:before { display: none; }
	#About .more { margin-top: 15px; margin-bottom: 40px; }
    /*#Inner-Header .inner-banner img { width: 1000px !important; height: auto !important; margin-left: -500px; }*/
    #About .about-video { margin-bottom: 15px; }
    #About .company-info .sec-title { font-size: 30px; }
    #Inner-Header .site-info { margin-top: 0; padding: 10px 0 }
    #Inner-Header .site-info .inner-breadcrum { display: none }
}

@media (max-width: 991px) {
    #Testimonials .owl-item, #Speaker .owl-item, #Event .owl-item { transform: scale(1); }
    #Testimonials .testimonial-item, #Event .event-item, #Speaker .speaker-item { opacity: 1; margin: 0 auto; }
    footer .footer-about, footer .footer-contact { width: 50%; padding-left: 20px; }
    footer .right-footer { width: 100%; }
    #Banner .banner-index { display: none; }
}

@media (max-width: 767.5px) {
    #About .about-video { position: initial; text-align: center; max-width: inherit; margin-top: 35px; }
    #Manager .manager-img img { width: 100%; height: auto; }
    #Manager .manager-text .more { float: none; }
    #Testimonials .testimonial-item .testimonial-img img { width: 135px; height: 135px; }
    #Speaker .owl-item .item { transform: scale(0.8) }
    footer .footer-about > img { width: 270px; height: auto; }
}

@media (max-width: 750px) {
    header:before { bottom: auto; top: 0; height:60px; background-position:50% 60%; }
    header .bottom-menu .logo { left: 15px; transform: none; }
    header .bottom-menu .logo img { width: 200px; height: auto; }
    .navbar-toggle { right: 10px; }
    header .bottom-menu .menu nav { top: 60px; }
    header .top-menu { padding-right: 45px; }
    header .top-menu .search { position: inherit; padding: 2px; }
    header .top-menu .search input { position: absolute; top: 75px; right: 0; left: 0; width: 100%; background: #000; height: 40px; opacity: 0; padding-left: 10px; color: #fff;}
    header .top-menu .search.active input { opacity: 1; width: 100%; }
    header .top-menu .search > div { top: 110px; left: 0; right: 0; width: 100% !important; max-width: inherit !important }
    header .top-menu .search .search-toggle { padding-right: 3px; }
    header .top-menu .search.active .search-toggle:before { content: "\f002" !important; }
    #Inner-Page header { height: 75px; }
    #Inner-Header{ margin-top: 75px;}
}

@media (max-width: 670px) {
    .sec-title { font-size: 30px; }
    .wow { animation: none !important; visibility: visible !important; }
    #Banner .owl-controls .owl-nav { right: 0; background: none; width: auto; height: auto; transform: scale(0.8); }
    #Banner .owl-controls .arrow-right { background: #000 url(../../images/icons.png) -350px 0px;border-radius: 50%;}
    #Banner .owl-controls .arrow-left { background: #000 url(../../images/icons.png) -351px -40px; border-radius: 50%; }
    #Counter { padding:0; }
    #About { padding-top: 20px; }
    #About .about-bottom { height: auto; padding: 35px; }
    #About .more{ margin-bottom: 40px;}
    #Speaker .speakers-des { padding-top: 0; padding: 0 15px; }
    #Event { padding: 15px 0 20px 0; }
    #Manager, #Testimonials, .partner-section { padding: 40px 0; }
    footer .footer-about > img { width: 225px; }
}





@media (max-width: 551px) {
    .owl-carousel .owl-dots { margin-top: 0; }
    .sec-des { font-size: 13px; }
    #About .about-text h1, .sec-title, #About .company-info .sec-title { font-size: 23px; margin-bottom: 15px; text-align: center; line-height: 25px; }
    .owl-carousel .owl-dots .owl-dot span { width: 15px; height: 15px; }
    #Counter .item { padding-bottom: 0; }
    #Counter .owl-carousel .owl-stage-outer { width: calc(100% + 15px); }
    #Counter .counter-item { transform: scale(0.9); }
    #About .about-text p, #Speaker .speakers-des, #Manager .manager-text p { font-size: 13px; line-height: 23px; }
    #About .about-text p { text-align: justify; }
    #About .about-text h1:before{ display: none;}
    #About .about-bottom .more { font-size: 11px; font-weight: normal;}
	#About h4{ font-size: 16px;}
    
    #About .about-bottom { padding: 0 15px 30px 15px; }
    #About .company-info .more { margin: 20px auto; }
    #About .company-info ul { display: none; }
    #Testimonials { padding-bottom: 30px; }
    #Testimonials .owl-item { padding-bottom: 25px; }
    #Testimonials .testimonial-item { padding: 15px; height: 350px; padding-top: 0; }
    #Testimonials .testimonial-item h3 { margin-top: 0; font-size: 15px; }
    #Testimonials .testimonial-item h4 { letter-spacing: 0; font-size: 12px; }
    #Testimonials .testimonial-item p { }
    #Speaker { padding-bottom: 0; padding-top: 25px; }
    #Speaker .sepakers { background: #fff; margin: 0 -15px; max-width: calc(100% + 30px); padding-bottom: 30px; }
    #Speaker .speakers-des .speaker-btn { margin-top: 25px; margin-bottom: 50px; }
    #Speaker .owl-item { padding-top: 15px; }
    #Speaker .owl-item .item { transform: scale(1); }
    #Speaker .speaker-item h3 { font-size: 14px; }
    #Speaker .speaker-item > a { height: 300px; }
    #Event .sec-des { display: none; }
    #Manager .manager-text { padding-left: 15px; }
    #Manager .manager-text .sec-title { text-align: center; }
    #Manager .manager-text p { text-align: justify; margin-top: 10px; margin-bottom: 25px; }
    .partner-section { padding: 25px 0; }
    .partner-section .sec-title { margin-bottom: 25px; }
    .partner-section .owl-carousel .owl-dots { margin-top: 15px; }
    .partner-section img { max-width: 90%!important; }
    footer { padding-top: 25px; }
    footer .footer-about, footer .footer-contact { width: 100%; }
    footer .footer-about { padding-left: 0; }
    footer .footer-about > img { width: 200px; }
    footer .footer-contact { margin-top: 0; padding-left: 50px; }
    footer .social { float: right; padding-left: 0; }
    .call-box { transform: scale(0.95); left: 5px; bottom: 15px; }
    #toTop.fixed { bottom: 15px; }
}
@media (max-width: 455px) {
   
   /* #Banner .item img { width: auto; height: 215px; }*/
    footer .social { float: none; padding-left: 15px; }
}
@media (max-width: 400px) {
  
   
}

@media (max-width: 350px) {
}



/**************** owl carousel ****************/

.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; direction: ltr; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; overflow: hidden; }
.owl-carousel .owl-item .item a img { max-width: 100%; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.carousel-controls { float: right; }
.carousel-controls .next { width: 28px; height: 18px; display: inline-block; background: url(../images/icons.png); background-position: -106px 0; transform: rotate(180deg); cursor: pointer; }
.carousel-controls .prev { width: 28px; height: 18px; display: inline-block; background: url(../images/icons.png); background-position: -106px 0; cursor: pointer; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
.owl-pagination { text-align: center; margin-top: 45px; }
.owl-pagination .owl-page { width: 12px; height: 12px; background: #e9e9e9; display: inline-block; transition: all 0.3s ease; margin-left: 6px; }
.owl-pagination .owl-page.active { background: #00b3ba; }