@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
/* CSS Document */
html{position: relative;}
body{ background: #44406f; font-family: "Roboto", Arial; color: #eee; font-size: 14px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 0; -webkit-text-size-adjust: none;}
a {color: #fff; text-decoration:none !important; outline:none; -moz-outline: none; }
a:hover{color: #a79fff;}
button, .btn{ border: none !important;}
.btn-sm{font-size: 12px;}
.btn-radius{border-radius: 50px;}
.ulclear{list-style: none; padding: 0;}
.container{max-width: 1200px !important; width: 100% !important;}
#xwrapper{ width: 100%; position: relative; overflow-y: auto}
#xwrapper:before{content: ""; position: absolute; left: 0; right: 0; height: 600px;  background: rgb(68,64,111);
	background: -moz-linear-gradient(0deg, rgba(68,64,111,1) 0%, rgba(33,30,66,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(68,64,111,1) 0%, rgba(33,30,66,1) 100%);
	background: linear-gradient(0deg, rgba(68,64,111,1) 0%, rgba(33,30,66,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#44406f",endColorstr="#211e42",GradientType=1); }
#xheader{ background: none !important;}
#xheader{height: 60px; padding: 0; margin-bottom: 25px; position: relative; z-index: 99;}
#xheader #xlogo{display: inline-block; height: 40px; margin: 10px 0; float: left;}
#xheader #xlogo img{height: 100%; width: auto; float: left; margin-right: 10px;}
#xheader #xlogo span{line-height: 40px; font-size: 20px; font-weight: 600; color: #fff !important;}
#xheader_menu{ height: 60px; margin: 0; float: right; margin-left: 30px;}
#xheader_menu .container{position: relative;}
#xheader_menu ul.header_menu-list{ list-style: none; padding: 0; display: block; }
#xheader_menu ul.header_menu-list .nav-item{ display: inline-block; margin: 0 0 0 20px; position: relative;}
#xheader_menu ul.header_menu-list .nav-item>a{ height: 60px; line-height: 60px; color: #fff !important; margin: 0; padding: 0 10px; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px;}
#xheader_browser{float: right; height: 60px; position: relative; margin: 0 0 0 20px; display: none}
#xheader_browser .header-btn{height: 34px; cursor: pointer; margin: 13px 0; line-height: 34px; padding: 0 12px; background: #fff; font-size: 12px; border-radius: 3px; color: #111;}
#xheader_browser.active .header-btn{ color: #a79fff;}
#xmain-wrapper{position: relative;}
#xmain-wrapper .container{position: relative; z-index: 3;}
/* footer */
#xfooter{position: relative;}
#xfooter .container{position: relative; z-index: 3; text-align: center}
#xfooter .footer-links{ margin-bottom: 10px;}
#xfooter .footer-links ul{padding: 0;}
#xfooter .footer-links ul li{ display: inline-block; margin: 10px 20px;}
#xfooter-about{padding: 0 0 40px;}
#xfooter-about .about-text{ max-width: 800px; text-align: center; margin: 0 auto 20px; line-height: 1.6em; font-size: 12px; opacity: .4}
#xfooter-about .copyright{text-align: center; margin-bottom: 0 !important; font-size: 12px;}
/* page */
.mwh-top{padding: 40px 60px; box-shadow: 0 40px 40px 0 rgba(38,35,73,.1); border-radius: 0 0 30px 30px; margin-bottom: 60px;  background: rgb(78,73,128);
	background: -moz-linear-gradient(0deg, rgba(78,73,128,1) 0%, rgba(78,73,128,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(78,73,128,1) 0%, rgba(78,73,128,0) 100%);
	background: linear-gradient(0deg, rgba(78,73,128,1) 0%, rgba(78,73,128,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4e4980",endColorstr="#4e4980",GradientType=1); }
#mw-home{ padding: 30px 0 50px; margin: 0 auto; position: relative}
#mw-home:before{content: ""; position: absolute; top: 0; left: -40px; right: -40px; height: 60%;  background: rgb(78,73,128);
	background: -moz-linear-gradient(0deg, rgba(78,73,128,0) 0%, rgba(78,73,128,1) 50%, rgba(78,73,128,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(78,73,128,0) 0%, rgba(78,73,128,1) 50%, rgba(78,73,128,0) 100%);
	background: linear-gradient(0deg, rgba(78,73,128,0) 0%, rgba(78,73,128,1) 50%, rgba(78,73,128,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4e4980",endColorstr="#4e4980",GradientType=1); }
#mw-home>div{ z-index: 3; position: relative}
#mw-home .mwh-logo{ margin-bottom: 20px; text-align: center}
#mw-home .mwh-logo .mwh-logo-div{ display: inline-block}
#mw-home .mwh-logo .mwh-logo-div img{height: 80px; width: auto;}
#mw-home .mw-heading{font-size: 24px; font-weight: 400; text-align: center; margin: 0 0 40px; color: #fff;}
#mw-home .mw-sitename{font-size: 28px; font-weight: 700; text-align: center; color: #fff; margin: 0 0 10px 0}
#mw-home .mw-heading-second{font-size: 20px; font-weight: 600; position: relative; padding-left: 30px; margin: 0 0 15px;}
#mw-home .mw-heading-second:before{content: ""; width: 10px; height: 10px; border-radius: 50%; background: #a79fff; left: 0; position: absolute; top: 8px;}
#xsearch.home-search{display: block !important; margin: 10px 10% 40px; padding: 0 !important; width: 80%; background: none !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;}
#xsearch.home-search .search-input{height: 50px; font-weight: 400; border-radius: 5px; padding-left: 20px; padding-right: 100px; font-size: 16px; border: none !important;}
#xsearch.home-search .search-content .search-submit{height: 50px; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; cursor: pointer; display: inline-block; width: 80px; background: #a79fff; border-radius: 0 5px 5px 0;}
#xsearch.home-search .search-content .search-submit .search-icon{}
#xsearch.home-search .search-content .search-submit .search-icon i{color: #111; font-size: 20px; line-height: 50px;}
.mwh-top .mw-buttons{margin-top: 60px;}
.mw-buttons .btn-primary{font-weight: 600; background: #fff !important; min-width: 250px; color: #4d487e !important; padding: 15px 30px; transition: all .2s ease 0s; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s;}
.mw-buttons .btn-primary:hover{transform: scale(1.1); box-shadow: 0 0 20px rgba(167,159,255,.6) !important;}
.mw-body{font-size: 16px; line-height: 1.5em; margin-top: 60px; padding: 30px; background: rgba(0,0,0,.1); border-radius: 30px; font-size: 14px;}
.mw-body ul.ulclear li{margin-bottom: 1em;}
@media screen and (max-width: 780px){
	#xmain-wrapper:before, #xmain-wrapper:after{height: 400px;}
	#xheader_browser{display: inline-block}
	#xheader_menu{display: none; position: absolute; width: 220px; top: 60px; right: 15px; background: #fff; border-radius: 5px; height: auto; padding: 10px 0;}
	#xheader_menu .header_menu-list li.nav-item{display: block; margin: 0; float: none; text-align: center}
	#xheader_menu ul.header_menu-list .nav-item > a{height: auto; line-height: normal; padding: 10px 20px; color: #111;}
	#xheader_menu ul.header_menu-list .nav-item > a:hover{color: #88a2ef;}
	#xheader_menu.active{display: block !important;}
	#xsearch.home-search{width: 100% !important; margin: 30px 0 30px !important;}
	.mwh-top{padding: 0 15px 30px; border-radius: 0; margin: 0 -15px 40px;}
	.mwh-top .mw-buttons{margin-top: 20px;}
	.mw-buttons .btn-primary{display: block; border-radius: 6px; transform: none !important; border: none !important; padding: 12px 20px; background: #a79fff !important; color: #111 !important;}
	#mw-home{padding-top: 20px;}
	#mw-home .mw-heading{font-size: 20px; margin-bottom: 20px;}
	#mw-home .mw-heading-second{font-size: 18px; line-height: 1.5em;}
	#xheader #xlogo{height: 30px; margin: 15px 0;}
	#xheader #xlogo span{line-height: 30px; font-size: 16px;}
	#xsearch.home-search .search-input{padding-left: 15px; padding-right: 65px; font-size: 15px;}
	#xsearch.home-search .search-content .search-submit{width: 50px;}
	#xsearch.home-search .search-content .search-submit .search-icon i{font-size: 16px;}
	.mw-body{font-size: 14px; line-height: 1.5em; background: none; padding: 0; margin-top: 40px;}
	.mw-buttons .btn{font-size: 18px; padding: 12px 40px;}
	#xheader_menu ul.header_menu-list .nav-item > a{color: #111 !important;}
	#xheader_menu ul.header_menu-list .nav-item > a:hover{color: #a79fff !important;}
}