/* ςσρуяι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'); }


/**************** 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; }
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: 1460px; margin: 0 auto; max-width: 100%; padding: 0 15px; }
.read-more { width: 280px; height: 85px; line-height: 85px; text-align: center; color: #ffffff; 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 { font-size: 35px; font-weight: bold; font-family: 'iransans'; text-align: center }
.sec-des { width: 740px; padding: 0 15px; max-width: 100%; color: #adacac; font-family: 'iransans'; margin: 0 auto; font-size: 14.3px; line-height: 25px; margin-bottom: 60px; text-align: center }

/**************** header ****************/
header { position: fixed; right: 0; left: 0; z-index: 15; background: #fff; height: 120px; transition: all 0.5s ease; }
header .wide { }
header ul { list-style: none; display: inline-block; }
header ul li { display: inline-block; }
header .top-menu { height: 50px; font-size: 12px; transition: all 0.5s ease; text-align: left; padding-top: 20px; }
header .top-menu > div { display: inline-block; }
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; border: 1px solid #f2f2f2; vertical-align: middle; transition: all 0.3s ease; position: relative }
header .top-menu .search:hover { border: 1px solid #b14ceb; }
header .top-menu .search .search-toggle { font-size: 16px; color: #d5d5d5; width: 22px; /* text-align: center; */ padding-left: 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; }
header .top-menu .search.active input { width: 200px; padding-right: 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-left: 5px; transition: all 0.3s ease; }
header .top-menu .login a:hover { border: 1px solid #b14ceb; }
header .top-menu .language a { color: #010214; font-family: 'iransans'; font-size: 13px; }
header .top-menu .language em { font-size: 18px; vertical-align: middle; margin-right: 3px; }
header .top-menu .language a:hover { }

header .bottom-menu .logo { float: right; margin-top: -45px; }
header .bottom-menu .menu { float: left; 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 a { font-size: 15px; line-height: 70px; position: relative; color: #262261; text-shadow: 0 0; text-transform: capitalize }
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: #b14ceb ; 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: #b14ceb ; 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 #b14ceb; 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: #b14ceb ; }
header .bottom-menu .menu ul li:last-child { padding-left: 0; }

header .dropdown-menu { top: 100%; right: -3px; border: none; padding: 0; margin: 0; border-radius: 0; background: #f3f3f3; border-radius: 0 0 10px 10px; text-align: right; min-width: 140px; }
header .dropdown-menu li { display: block !important; padding: 0 !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; text-transform: capitalize !important; }
header .dropdown-menu li:last-child a { border-bottom: none; border-radius: 0 0 10px 10px; }
header .dropdown-menu li a:after { display: none; }
header .dropdown-menu > li > a:hover, header .dropdown-menu > li > a:focus { background: #b14ceb; color: #fff !important; }

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

header.scroll { height: 68px; top: 0 !important; box-shadow: 0px -1px 31px rgba(0, 0, 0, 0.2); }
header.scroll .bottom-menu .logo { transform: scale(0.57); margin-top: -18px; }
header.scroll .bottom-menu .menu { }
header.scroll .top-menu { height: 0; padding: 0; overflow: hidden; }

/**************** Banner  ****************/
#Banner { margin-top: 120px; 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; }
#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; 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: 1460px; 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: -32px; right: 15px; font-size: 25px; text-align: center; width: 140px; height: 65px; background: #f8f8f8; /* text-shadow: 0 0 black; */ line-height: 73px; }
#Banner .owl-controls .owl-nav > div { width: 45px; height: 45px; border: 1px solid #a5a5a5; border-radius: 50%; line-height: 50px; display: inline-block; margin: 0 8px; }
#Banner .owl-controls .arrow-left { width: 17px; height: 18px; background: url(../../images/icons.png) -362px -49px; display: inline-block; }
#Banner .owl-controls .arrow-right { width: 17px; height: 18px; background: url(../../images/icons.png) -363px -16px; display: inline-block; }
#Banner .banner-index { position: absolute; bottom: -32px; right: 155px; z-index: 2; font-size: 25px; text-align: center; width: 102px; height: 65px; background: #fff; line-height: 65px; color: #d5d5d5; }
#Banner .banner-index .bannerItemIndex { font-family: 'iransans'; }
#Banner .banner-index .bannerTotalItemIndex { color: #b14ceb }

/****************Counter  ****************/
#Counter { color: #ffffff; padding-bottom: 30px; text-align: center; background: #262261; margin-top: 32px; padding-top: 5px }
#Counter .wide { width: 1600px; }
#Counter .counter-item { }
#Counter .counter-item img { margin: 0 auto }
#Counter .counter-item .counter { font-size: 85px; display: inline-block; color: #b14ceb; min-width: 120px; text-align: right; font-family: arial; }
#Counter .counter-item .counter-info { display: inline-block; margin-left: 15px; }
#Counter .counter-item h4 { font-size: 14px; font-weight: bold; display: inline-block; margin: 0; }
#Counter .counter-item h4:before { content: ""; border-top: 1px solid #4e4e4e; width: 102px; display: block; height: 1px; margin: 0 auto; margin-bottom: 4px; }

/****************About  ****************/
#About { padding: 70px 0; overflow: hidden }
#About .wide { width: 1270px; position: relative }
#About .wide:before, #About .wide:after { content: ''; background: url(../../images/border.jpg); width: 85px; height: 280px; position: absolute; z-index: 10 }
#About .wide:before { left: -70px; }
#About .wide:after { right: -70px; }
#About .about-video { position: relative; display: inline-block; padding-left: 20px; }
#About .about-video img { transition: all 0.3s ease; }
#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 { padding-right: 55px; padding-left: 20px; }
#About .about-text:before { content: ''; height: 200px; width: 1px; border-right: 1px solid #ececec; position: absolute; right: 0; top: 45px; }
#About .about-text h1 { font-size: 27px; font-weight: bold; margin-bottom: 20px; margin-top: 15px; color: #000000 }
#About .about-text p { color: #4f4f4f; font-size: 14px; line-height: 26px; text-align: justify; 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; }

/****************Speaker  ****************/
#Speaker { background: #262261; padding: 40px 0 5px 0; text-align: center }
#Speaker .sepakers { position: relative; padding-right: 120px; width: 67%; }
#Speaker .sepakers h5 { width: 492px; height: 85px; font-size: 30px; background: #000000; text-align: center; color: #b3a1ab; line-height: 85px; position: absolute; right: -197px; top: 204px; text-transform: uppercase; margin: 0; z-index: 2; transform: rotate(-90deg); }
#Speaker .speaker-item { margin-bottom: 40px; transition: all 0.5s ease }
#Speaker .speaker-item h3 { color: #b3a1ab; font-size: 15px; text-align: center; margin-top: -41px; position: relative; font-weight: bold; margin-bottom: 0; transition: all 0.5s ease }
#Speaker .speakers-des { width: 33%; padding: 0 15px; color: #b3a1ab; font-size: 15px; padding-top: 45px; }
#Speaker .speakers-des h2 { color: #fff; font-size: 32px; margin-bottom: 22px; }
#Speaker .speakers-des .speaker-btn { width: 285px; height: 70px; max-width: 100%; color: #b3a1ab; border: 1px solid #b3a1ab; font-weight: bold; line-height: 70px; font-size: 18px; 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: -7px; outline: 1px solid #b3a1ab; }
#Speaker .speaker-item:hover h3 { transform: translateY(36px); }
#Speaker .sepakers:hover .item:not(:hover) .speaker-item { -webkit-filter: grayscale(10); filter: grayscale(10); }

/****************Service****************/
#Service { background: #f1f1f1; padding: 75px 0 }
#Service .wide { width: 800px; max-width: 100%; }
#Service .service-items { }
#Service .service-items .service-item { width: 33.3%; float: right; text-align: center; /*height: 265px;*/ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#Service .service-items .service-item:nth-child(2) { border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; animation-delay: 0.3s; }
#Service .service-items .service-item:nth-child(3) { animation-delay: 0.6s; }
#Service .service-items .service-item .service-img { background: #262261; border-radius: 15px; transition: all 0.3s ease }
#Service .service-items .service-item:hover .service-img { background: #b14ceb; }
#Service .service-items .service-item h4 { color: #b14ceb ; text-shadow: 0 0; font-size: 17px; margin-top: 15px; margin-bottom: 3px; text-transform: capitalize }
#Service .service-items .service-item p { width: 270px; margin: 0 auto; font-size: 13px; line-height: 25px; max-width: 100%; color: #5b5b5b; text-shadow: 0 0; display: none }
#Service .service-items .service-item .service-btn { display: block; text-align: right; border-top: 1px solid #e1e1e1; margin-top: 50px; color: #b14ceb; font-size: 12px; padding-right: 15px; padding-top: 5px; display: none }
#Service .service-items .service-item .service-btn:after { font: normal normal normal 14px/1 FontAwesome; content: "\f054"; font-size: 10px; color: #a9a5a5; margin-left: 10px; vertical-align: middle; display: inline-block }
#Service .service-items .service-item .service-btn:hover:after { animation: arrow 0.5s; animation-iteration-count: 2; }

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

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

/****************Manager  ****************/
#Manager { background: #262261; color: #b3a1ab; padding: 35px 0; min-height: 560px; position: relative; overflow: hidden }
#Manager .wide { position: relative }
#Manager .manager-img { position: absolute; right: 795px; top: 65px; left: 25px; overflow: hidden }
#Manager .manager-text { position: relative; padding-right: 130px; }
#Manager .manager-text h5 { width: 492px; height: 85px; font-size: 30px; background: #000000; text-align: center; color: #b3a1ab; line-height: 85px; position: absolute; right: -197px; top: 203px; text-transform: uppercase; margin: 0; z-index: 2; transform: rotate(-90deg); }
#Manager .manager-text p { width: 815px; height: 491px; border: 1px solid #b14ceb; padding: 65px 55px 65px 235px; font-size: 14px; text-align: justify; line-height: 23px; }

/****************Testimonials  ****************/
#Testimonials { background: #f8f8f8; padding: 75px 0 65px 0; }
#Testimonials .wide { width: 1475px; }
#Testimonials .item { }
#Testimonials .testimonial-item { max-width: 100%; margin: 0 auto; border-radius: 3px; /*padding: 0  20px;*/ transition: all 0.3s ease; }
#Testimonials .item:hover .testimonial-item { }
#Testimonials .testimonial-item .testimonial-img { border: 1px solid #fff }
#Testimonials .testimonial-item .testimonial-des { width: 395px; height: 265px; background: #fff; text-align: center; border-radius: 5px; box-shadow: -1px 1px 13px #e2e2e2; position: absolute; top: 30px; transition: all 0.3s ease }
#Testimonials .testimonial-item h3 { font-size: 17px; text-shadow: 0 0; font-weight: bold; margin-bottom: 0; margin-top: 30px; }
#Testimonials .testimonial-item h4 { font-size: 13px; color: #b14ceb; margin-top: 0 }
#Testimonials .testimonial-item p { padding: 0 50px; font-size: 13px; color: #4a4949; line-height: 23px; margin-top: 40px; }
#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.active .item { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
#Testimonials .owl-item:nth-child(odd) .item { text-align: right }
#Testimonials .owl-item:nth-child(odd) .testimonial-item { padding-right: 20px; }
#Testimonials .owl-item:nth-child(odd) .testimonial-item .testimonial-des { left: 10px; }
#Testimonials .owl-item:nth-child(even) .testimonial-item .testimonial-des { right: 10px }
#Testimonials .owl-item:nth-child(even) .testimonial-item { padding-left: 20px; }
#Testimonials .owl-item.active:nth-child(odd) .testimonial-des { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
#Testimonials .owl-item.active:nth-child(even) .testimonial-des { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#Testimonials .owl-stage { transition: all 0s ease !important; }
/*#Testimonials .owl-dots { text-align: center; margin-top: 45px; }
#Testimonials .owl-dot { width: 25px; height: 25px; border: 1px solid #efeeee; display: inline-block; margin: 0 3px; transition: all 0.3s ease; background: #fff }
#Testimonials .owl-dot.active { border: 2px solid #b14ceb; }*/
#Testimonials .testimonial-item:hover .testimonial-des { box-shadow: -1px 17px 20px #e2e2e2; top: 25px; }

#Testimonials .owl-dots { text-align: center; margin-top: 45px;}
#Testimonials .owl-dots .owl-dot { display: inline-block; }
#Testimonials .owl-dots .owl-dot span { width: 25px; height: 25px; border-radius: 0; margin: 0 4px; line-height: 25px; background: #fff; border: 1px solid #efeeee; display: block; position: relative; -webkit-backface-visibility: visible; transition: opacity 200ms ease; overflow: hidden; }
#Testimonials .owl-dots .owl-dot.active span { border: 2px solid #b14ceb ; }
#Testimonials .owl-dots .owl-dot span:after { content: ''; position: absolute; left: 0; top: 0; right:0; bottom:0; margin: auto; width: 100%; height: 100%; font-size:12px; }
#Testimonials .owl-dots .owl-dot:nth-of-type(1) span:after { content: '1'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(2) span:after { content: '2'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(3) span:after { content: '3'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(4) span:after { content: '4'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(5) span:after { content: '5'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(6) span:after { content: '6'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(7) span:after { content: '7'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(8) span:after { content: '8'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(9) span:after { content: '9'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(10) span:after { content: '10'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(11) span:after { content: '11'; }
#Testimonials .owl-dots .owl-dot:nth-of-type(12) span:after { content: '12'; }

/****************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; left: 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; font-size: 13.5px; font-weight: bold; margin-bottom: 0; }
#News .news-item .news-des span { color: #888888; font-size: 10px; }
#News .news-item .news-des p { color: #575757; font-size: 12.5px; text-align: justify }
#News .owl-controls { position: absolute; left: 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 45px 35px 15px; font-family: arial; transition: all 0.3s ease; text-align: right }
#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 { direction: rtl }
#News .owl-item.active .news-img { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
#News .owl-item.active .news-des { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
#News .news-item:hover .news-des { box-shadow: -1px 7px 21px #3e3e3e; top: 15px; }

/****************Partners  ****************/
#Partners { text-align: center; padding: 60px 0; }
#Partners a { border: 1px solid #f0f0f0; }
#Partners img { opacity: 0.5; transition: all 0.3s ease; }
#Partners a:hover img { filter: grayscale(0); opacity: 1; }
/*#Partners .owl-dots { text-align: center; margin-top: 35px; }
#Partners .owl-dot { width: 25px; height: 25px; border: 1px solid #f5f5f5; display: inline-block; margin: 0 3px; transition: all 0.3s ease; }
#Partners .owl-dot.active { border: 2px solid #b14ceb; }*/
#Partners .owl-dots { text-align: center; margin-top: 35px;}
#Partners .owl-dots .owl-dot { display: inline-block; }
#Partners .owl-dots .owl-dot span { width: 25px; height: 25px; border-radius: 0; margin: 0 4px; line-height: 25px; background: #fff; border: 1px solid #efeeee; display: block; position: relative; -webkit-backface-visibility: visible; transition: opacity 200ms ease; overflow: hidden; }
#Partners .owl-dots .owl-dot.active span { border: 2px solid #b14ceb ; }
#Partners .owl-dots .owl-dot span:after { content: ''; position: absolute; left: 0; top: 0; right:0; bottom:0; margin: auto; width: 100%; height: 100%; font-size:12px; }
#Partners .owl-dots .owl-dot:nth-of-type(1) span:after { content: '1'; }
#Partners .owl-dots .owl-dot:nth-of-type(2) span:after { content: '2'; }
#Partners .owl-dots .owl-dot:nth-of-type(3) span:after { content: '3'; }
#Partners .owl-dots .owl-dot:nth-of-type(4) span:after { content: '4'; }
#Partners .owl-dots .owl-dot:nth-of-type(5) span:after { content: '5'; }
#Partners .owl-dots .owl-dot:nth-of-type(6) span:after { content: '6'; }
#Partners .owl-dots .owl-dot:nth-of-type(7) span:after { content: '7'; }
#Partners .owl-dots .owl-dot:nth-of-type(8) span:after { content: '8'; }
#Partners .owl-dots .owl-dot:nth-of-type(9) span:after { content: '9'; }
#Partners .owl-dots .owl-dot:nth-of-type(10) span:after { content: '10'; }
#Partners .owl-dots .owl-dot:nth-of-type(11) span:after { content: '11'; }
#Partners .owl-dots .owl-dot:nth-of-type(12) span:after { content: '12'; }

/**************** footer ****************/
footer { font-size: 13px; background: #000000; color: #a5a5a5; padding-top: 55px; }
footer ul { list-style: none; }
footer .footer-about { width: 30% }
footer .footer-about p { padding-right: 13px; padding-left: 35px; margin-top: 15px; }
footer .newsletter { width: 37%; }
footer .newsletter h6 { font-size: 13px; margin-bottom: 7px; padding-right: 20px; }
footer .newsletter .newsletter-box { width: 345px; height: 60px; max-width: 100%; }
footer .newsletter .newsletter-box .newsletter-input { width: calc(100% - 74px); background: #2a2a2a; height: 60px; border: 1px solid #4a4a4a; padding-right: 20px; font-size: 13px; }
footer .newsletter .newsletter-box .newsletter-btn { height: 60px; width: 60px; color: transparent; background: #b14ceb url(../../images/icons.png) 137px -16px; border: none; transition: all 0.3s ease; }
footer .newsletter .newsletter-box .newsletter-input::placeholder { color: #fff; }
footer .newsletter .newsletter-box .newsletter-btn:hover { background: #b14ceb url(../../images/icons.png) 137px -16px; }
footer .social { margin-top: 33px; }
footer .social span,footer .social a{display:inline-block}
footer .social ul li { display: inline-block; margin-left: 5px; color: #d5d5d5; font-size: 16px; }
/*footer .social a { width: 60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #1f1f1f; position: relative; overflow: hidden; }*/
footer .social a .fa-facebook { color: #007eff }
footer .social a .fa-twitter { color: #2cadff }
footer .social a .fa-linkedin { color: #0072ff }
footer .social a .instagram-icon { z-index: 2; position: relative; width: 18px; height: 18px; background: url(../../images/icons.png) -3px -109px; display: inline-block; vertical-align: middle; }
footer .social a .more-icon { z-index: 2; position: relative; width: 30px; height: 6px; background: url(../../images/icons.png) -28px -109px; display: inline-block; vertical-align: middle; }
footer .social a:before { content: ''; width: 90px; height: 90px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 100%; right: -110%; transition: all 0.35s; transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59); background-color: #b14ceb; }
footer .social a:hover:before { top: -16px; left: -13px; }
footer .social a:hover em { color: #fff; filter: brightness(100) }
footer .right-footer { float: right; width: 33%; position: relative; padding: 0 25px 0 0; }
footer .right-footer .footer-menu { padding-right: 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; text-transform: capitalize }
footer .right-footer .footer-menu ul li a:before { content: ''; width: 4px; height: 4px; display: inline-block; vertical-align: middle; background: #b14ceb; border-radius: 50%; margin-left: 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: #fff; }
footer .right-footer .copy-right { border-top: 1px solid #4e4e4e; text-align: left; height: 70px; line-height: 70px; font-size: 11px; text-align: center; direction: ltr }

#toTop { text-align: center; bottom: -105px; position: fixed; left: 40px; z-index: 10; transition: all .5s ease; cursor: pointer; width: 55px; height: 55px; font-size: 20px; line-height: 51px; color: #fff; background: #262261; }
#toTop.fixed { bottom: 50px; }
#toTop:hover { transform: scale(0.9); }

/**************** InnerPage ****************/
#InnerPage { padding: 50px 0; }
#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: #262261; color: #fff; padding: 18px 15px; margin-top: 20px; }
#Inner-Header .site-info .page-title { display: inline-block; font-size: 20px; text-transform: uppercase; }
#Inner-Header .site-info .inner-breadcrum { float: left; 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; }

/**************** 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) {
    #Manager .manager-img { right: 770px; }
}

@media (max-width: 1366px) {
    #Manager .manager-img img { margin-right: -75px; }
    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 }
    #About .about-text:before, #About .wide:before, #About .wide:after, footer .footer-about { display: none }
    #Speaker .speakers-des { font-size: 15px; }
    #Speaker .speakers-des h2 { font-size: 26px; }
    #Manager .manager-img img { margin-right: -35px; }
    #Testimonials .owl-item .item { text-align: center !important }
    #Testimonials .testimonial-item .testimonial-img { display: inline-block; vertical-align: middle; max-width: 50%; }
    #Testimonials .testimonial-item .testimonial-des { position: sticky; display: inline-block; vertical-align: middle; margin-left: -20px; animation: none !important; visibility: visible !important; max-width: 50%; }
    footer .newsletter, footer .right-footer { width: 50%; padding: 0 15px; }
}

@media (max-width: 1199px) {
    header { box-shadow: 0px -1px 31px rgba(0, 0, 0, 0.2); }
    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 .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: #b14ceb; }
    header .bottom-menu .menu ul li a { color: #fff; 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 }
    #Manager .manager-img img { margin-right: -155px; }
}

@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; }
}

@media (max-width: 991px) {
    #About { padding-top: 30px; }
    #About .wide > div { float: none !important; animation: none !important; visibility: visible !important }
    #About .about-text { padding: 0; margin-bottom: 15px; }
    #About .about-video { padding: 0; width: 100%; }
    #About .about-video img { width: 100%; height: auto }
    #Speaker .speakers-des { width: 45%; }
    #Speaker .sepakers { width: 55%; }
    /*#Inner-Header .inner-banner img { width: 1000px !important; height: auto !important; margin-left: -500px; }*/
    #Inner-Header .site-info { margin-top: 0; padding: 10px 0 }
    #Inner-Header .site-info .inner-breadcrum, #Manager .manager-img { display: none }
    #Manager .manager-text p { padding: 65px 90px 65px 90px; max-width: 100%; }
}

@media (max-width: 900px) {
    #Speaker .speakers-des, #Speaker .sepakers { width: 100%; float: none !important }
    #Speaker .speakers-des { padding-top: 0; margin-bottom: 40px; }
    #Speaker .speakers-des .speaker-btn { margin-top: 20px; }
    #News .news-item .news-img { display: none }
    #News .news-item .news-des { position: initial; width: calc(100% - 30px) }
}

@media (max-width: 850px) {
    #Service .sec-des { margin-bottom: 35px; }
    #Service .service-items .service-item { width: 100% !important; float: none; height: auto; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; margin-bottom: 30px; animation: none !important; visibility: visible !important }
    #Service .service-items .service-item:nth-child(2), #Service .service-items .service-item:nth-child(3) { border-left: none !important; border-right: none !important }
    #Service .service-items .service-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 }
    #Service .service-items .service-item .service-btn { margin-top: 0; border-top: none; text-align: center }
    #Manager .manager-text p { padding: 40px; }
}

@media (max-width: 768px) {
    footer .newsletter, footer .right-footer { width: 100%; }
    footer .right-footer .footer-menu { padding-right: 0 }
}

@media (max-width: 750px) {
    header .top-menu .search { position: inherit; padding: 2px; }
    header .top-menu .search input { position: absolute; top: 120px; right: 0; left: 0; width: 100%; background: #b14ceb; height: 40px; opacity: 0; padding-right: 10px; }
    header .top-menu .search.active input { opacity: 1; width: 100%; }
    header .top-menu .search > div { top: 157px; left: 0; right: 0; width: 100% !important; max-width: inherit !important }
    header .top-menu .search .search-toggle { padding-left: 3px; }
    header .top-menu .search.active .search-toggle:before { content: "\f002" !important; }
    #Banner .fixed-banner-des { display: none }
    #Banner { background: url(../../UserImage/video-pic.jpg) center; }
    /*#Banner .item img { opacity: 0 }*/
    #Banner .banner-des { display: none; left: 0; width: 100%; background: rgba(255,255,255,0.7); padding: 15px 30px }
    #Banner .banner-des h3 { color: #b14ceb; font-weight: bold; text-align: center; font-size: 20px; border-bottom: 1px solid #8c8989; padding-bottom: 15px; text-align: left }
    #Banner .banner-des h4 { font-size: 35px; margin-top: 35px; text-shadow: 0 0; margin-bottom: 35px; }
    #Banner .banner-des h6 { display: none }
    #News, #Banner .owl-controls, #Banner .banner-index { display: none }
}

@media (max-width: 700px) {
    header .bottom-menu .logo img { width: 280px; height: auto; }
    #Manager .manager-text { padding: 15px; }
    #Manager .manager-text h5 { position: initial; transform: none; width: 100%; margin-bottom: 10px; }
    #Manager .manager-text p { height: auto }
}

@media (max-width: 550px) {
    .container-fluid { overflow-x: hidden }
    header .wide { padding: 0 }
    header .top-menu { height: auto; padding: 5px 10px; background: #b14ceb; color: #414042 }
    header .top-menu .social a, header .top-menu .search .search-toggle { color: #414042 }
    header .top-menu .search .search-toggle { height: 23px; width: 22px; }
    header .top-menu .login a { color: #010214; width: auto; border: none; font-size: 13px; line-height: inherit; }
    header .top-menu .login a:after { content: '/'; font-size: 18px; }
    header .top-menu .social a:before, header .top-menu .search, header .top-menu .search:hover { border: 1px solid #414042; }
    header .top-menu .language, header .top-menu .login { float: right }
    header .bottom-menu .logo { margin-top: 2px; margin-right: 15px; }
    header .bottom-menu .logo img { width: 230px; height: auto; }
    .navbar-toggle { margin-top: 20px; }
    #About .about-video .play-button { transform: scale(0.6); top: 17%; }
    #About .about-text h1 { font-size: 23px; }
    #Speaker .sepakers { padding-right: 0 }
    #Speaker .sepakers h5 { display: none }
    #Partners .sec-title { font-size: 30px; }
    #Manager .manager-text h5 { font-size: 18px; }
    #Manager .manager-text p { padding: 20px }
    #Testimonials { padding: 45px 0 45px 0; }
    #Testimonials .sec-des { margin-bottom: 35px; }
    #Testimonials .testimonial-item { padding: 0 20px !important }
    #Testimonials .testimonial-item .testimonial-img { display: none }
    #Testimonials .testimonial-item .testimonial-des { max-width: 100%; position: inherit; margin: 0 }
}

@media (max-width: 400px) {
    /*footer .social a { width: 44px; height: 44px; line-height: 44px; }*/
    footer .social a:before { display: none }
    #Manager .manager-text h5 { text-transform: capitalize; }
}

@media (max-width: 350px) {
    header .top-menu { padding: 5px 9px; }
    header .top-menu .language a, header .top-menu .login a { font-size: 11px; }
}

/**************** menu-btn ****************/
.navbar-toggle { margin-left: 0 }
.toggle-menu { float: left; 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; }
.menu-btn { display: inline-block; width: 32px; vertical-align: middle; }
.menu-btn:before, .menu-btn:after { background-color: #b14ceb; content: ''; display: block; height: 3px; transition: all 200ms ease-in-out; }
.menu-btn:before { box-shadow: 0 10px 0 #b14ceb; margin-bottom: 16px; }
.menu-btn.active:before { box-shadow: 0 0 0 #b14ceb; transform: translateY(10px) rotate(45deg); }
.menu-btn.active:after { transform: translateY(-9px) rotate(-45deg); }

/**************** 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; }