body{ font-family: 'Lato', sans-serif;position:relative;}



.header { width: 100%; height: 82px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5);   z-index: 99; position:relative;}
.over { overflow: hidden;}
.col-full { width: 100%; height: 100%; margin: 0; padding: 0;}
.left-side { width: 25%;}
.right-side { width: 75%; position:relative;}
.mm{ float:right; margin-right:100px;}
.rl{ position:absolute; right:10px; top:0px;}
.right-side, .left-side { float: left;  display: inline-block;}
.logo { margin: 20px 0;}
.dispIn { display: inline-block;}
.fl {  float: left;}
.fr {  float: right;}
.box {
	width:100%; margin:0 auto; padding:30px; border-radius:3px; box-shadow: 0 0 10px rgba(0,0,0,0.5); height:650px;	
}
.img-inner {
	width:100%; display:inline-block; margin-bottom:30px;	
}
.img-inner li {
	width:48%; float:left; display:inline-block; margin-right:30px;	
}
.img-inner li:last-child {
	margin-right:0px;	
}
.img-inner li img {
	width:100%;	
}
.butn img {
	vertical-align:middle; margin-left:2%;	
}
.ttle {
	text-align:center;	
}
.content p.img-mid {
	margin-bottom:30px;	
}
p.img-mid img{
	vertical-align:middle; 	
}
.dwn{ text-decoration:underline;}
.owl-carousel, .owl-carousel1{ box-shadow:0 0 10px rgba(0,0,0,0.5);}
.owl-carousel div img, .owl-carousel1 div img{ width:100%;}

.r-menu{ display:none; position:absolute; right:50%; top:20px; }
.menu { display: inline-block; float: left;}
.menu li { float: left; margin: 0 5px;}
.menu li a { text-transform: uppercase; color: #3b3b3b; font-size: 15px;  display: inline-block;  margin: 0 15px; padding: 33px 10px; box-sizing: border-box; border-top: 2px solid transparent;}
.signup { background-color: #f67495;  color: #fff; text-transform: uppercase; border-radius: 20px; font-size: 15px; padding: 10px 20px; margin: 22px 15px;}

.lesson-main, .main-inner, .l-img, .tag, .tags, tab-section, .tab-container, .tab-content, .tab-inner, .content, .form, .footer, .inner-banner, .overlap, .fag-bg, .ftab-content, .accordion { width:100%; display:inline-block;}

.lesson-main{ background-color:#a475d7;  position: relative; top: -15px;}
.lsn-main{ box-sizing:border-box; padding:50px; width:80%; margin:0 auto;}
.main-inner{ padding:50px 0; box-sizing:border-box; }
.lsn-head{ width:100%; padding-bottom:30px; position:relative; text-align:center;}
/*.lsn-head h2:after{ content:""; position:absolute; left:50%; top:100%; width:12px; height:10px; margin-left:-6px; background-image:url(../images/d-arw.png);}*/
.lsn-head h2{ margin-bottom:20px; color:#FFF; font-size:40px; text-transform:uppercase; font-weight:700; font-family: 'Source Sans Pro', sans-serif; line-height:50px; position:relative; }
.lsn-head p{ color:#FFF; line-height:22px; font-size:27px; margin-top:20px; line-height:45px;}
.l-img{ text-align:center; }
.pdl{ padding:0 0 0 30px; box-sizing:border-box; }
.l-img span{ display:inline-block; border:3px solid #a9d239; box-sizing:border-box; border-radius:20px;  overflow:hidden; box-shadow: 0 0 45px rgba(0,0,0,0.4);}
.l-img span img{ width:100%;} 
.tags{ margin-bottom:20px;}
.tags span{ display:inline-block; background-color:#FFF; color:#000; padding:5px 15px 8px 15px; border-radius:15px; font-size:16px; font-weight:bold; box-shadow: 0 0 10px rgba(0,0,0,0.4); margin-bottom:5px;}
.tags p{ color:#FFF; font-size:14px; line-height:25px; padding-left:15px;}
.btm{ color:#FFF;}
.btm h5{ font-size:18px; margin-bottom:10px; text-align:center; text-transform:uppercase; }
.btm p{ font-size:15px; margin-bottom:10px;}
.list ul{ padding-left:20px;}
.list ul li{ list-style-image:url(../images/li.png); padding-bottom:10px; line-height:22px; font-size:15px;}


.tab-section{ padding:30px 0; box-sizing:border-box; }
.tab-container{     margin-bottom: 30px;}
.tab-ctr{ text-align:center;}
.tab{ display:inline-block;}
.tab li{ position:relative; margin:5px 20px 10px 20px; line-height:30px; display:inline-block; background-color:#cd9fff; color:#FFF; text-transform:uppercase; padding:5px 5px 5px 15px; cursor:pointer; border-radius:30px; font-size:16px; font-weight:bold; box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.tab li strong{ display:inline-block; background-color:#FFF; color:#000; border-radius:50%; width:30px; height:30px; line-height:30px; margin-left:10px;} 
.tab li.active{ background-color:#4a4a4a;}
.tab li.active:after{ width:12px; height:22px; background-image:url(../images/tab.png); position:absolute; content:""; margin-left:-6px; left:50%; top:85%;}
.tab-content{ overflow:hidden; border-radius:30px; box-shadow: 0 0 10px rgba(0,0,0,0.4); margin-top:50px; border:1px solid #4a4a4a;}
.tab-con.active{ display:block;}
.tab-con{ display:none;}
.tab-inner{ position:relative;}
.step{ position:absolute; top:0; left:0; background-color:#4a4a4a; color:#FFF; padding:12px; font-size:18px;}
.tab-inner > h3{ text-align:center; border-bottom:1px solid #d8d8d8; padding:12px 0; text-transform:uppercase; color:#4a4a4a; }
.content{ padding:20px 10px; box-sizing:border-box;}
.content p{ color:#4a4a4a; line-height:25px; font-size:15px; margin-bottom:10px;}
.img{ text-align:center;}
.lft {
	width:70%; margin:0 auto; 	
}
.img h3{ margin:20px 0 10px 0;}
.icon li{ margin:10px 0;  margin-right:2%;}
.list1{ padding-left:30px;}
.list1 > li{ width:100%; list-style-image:url(../images/li.png); padding-bottom:20px; line-height:26px; }
.pic{ display:inline-block; width:50px; height:50px; vertical-align:middle; }
.of {
	width:50%; margin:0 auto;	
}
ul.list-img {
	width:50%; margin:0 auto;	
}
.list-img img {
	margin-right:20px; vertical-align:middle;	
}
.list-img2 img {
	margin-right:20px; vertical-align:middle;	
}
.list-img li {
	margin-bottom:20px;	
}
.list-img1 img {
	margin-left:30px; vertical-align:top; 	
}
.list-img1 li {
	margin-bottom:30px;	width:78%;
}
.img-tag {
	width:80%; display:inline-block; margin-bottom:30px;	
}
.img-tag li {
	width:24.58%; float:left; display:inline-block; margin-right:5px;	
}
.img-tag li img {
	width:100%;	
}
.img-tag li:last-child {
	margin-right:0px;	
}
.inner li {
	width:19.64%; float:left; display:inline-block;	
}
.footer{ background-color:#3c3c3c; padding:5px 0; box-sizing:border-box; width:100%;}
.copy, .param{ font-size:13px; color:#929292;}

/*.inner-banner{ background-image:url(../images/faq.jpg); min-height:220px;}*/
.inner-banner{ background-color:#9091b3; min-height:220px;}
.inner-banner.subg{ background-image:url(../images/submit.jpg);}
.inner-banner h2{ font-family: 'Amatic SC', cursive; font-size:50px; text-align:center; color:#FFF; padding-top:50px;}

.overlap{ margin:-70px 0 50px 0; box-shadow: 0 0 50px rgba(0,0,0,0.3);}
/*.fag-bg{ background-repeat: no-repeat; background-image: url(../images/f-bg.jpg); background-size: cover;}*/
.fag-bg{ background-color:#7e64a3;}
.sub-bg{ background-color:#344345; box-sizing:border-box; }
.f-tab li{ display:inline-block; cursor:pointer; padding:10px; color:#FFF; border-bottom:1px solid #9782b5; border-right:1px solid #9782b5; margin-right:-4px;}
.f-tab li:first-child{ border-left:1px solid #9782b5; }
.f-tab li.active{ background-color:#FFF; color:#000; border-bottom:4px solid #6233a4;}
.ftab-content{ padding:20px 10px; box-sizing:border-box;}
.tabs{ display:none;}
.tabs.active{ display:block;}
.table table{ width:100%; font-size:14px;}
.table table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
.table th, td {
    padding: 5px;
    text-align: left;
}
.accordion{ box-sizing:border-box; padding:10px;}
.accordion > h3 { margin-bottom: 10px; position: relative; padding:10px 25px 10px 10px; border-bottom: 1px solid #9782b5; cursor: pointer; font-weight: normal; color:#FFF; font-size:17px;}
.accordion > h3 i { border-radius:50%; background-color:#FFF; position:absolute; right:0; top:10px; width: 25px; cursor: pointer; height: 25px; text-align: center; margin-right: 4px; color:#000; line-height:25px; font-size: 10px; font-weight: normal;}
.accordion > div { display: none; position: relative; color: #000; background-color:#FFF;  padding: 10px;  width: 100%;  margin: 0 auto 10px auto; box-sizing: border-box;}
.acc-con p{ font-size:14px; line-height:25px;}

.sec{ width:100%; display:inline-block; box-sizing:border-box; padding:20px 40px 0 40px; border-top:1px solid #000000; border-bottom:1px solid #42575a;}
.wid-50.pd30{ padding-right:30px; box-sizing:border-box;}
.form{ margin-bottom:20px; }
.form > span{ color:#6bbe98; display:inline-block; margin-bottom:10px; width:15%; float:left; }
.form p > input:focus, .form p > textarea:focus{ border:1px solid #6bbe98;}
.form p > input, .form p > textarea{ color:#FFF; width:100%;  box-sizing:border-box; padding:10px; background-color:transparent; border-radius:2px; border:1px solid #505544; }
.form p > textarea{ height:60px; font-family: 'Lato', sans-serif; resize:none;} 
.r-btn{ display:inline-block; float:left; width:85%; box-sizing:border-box; }
.r-btn span{ display:inline-block; width:200px; float:left; color:#b8b8b8; margin-bottom:10px;}
.r-btn span input{ margin-right:10px;}
.up{ color:#FFF; padding:30px 0; font-size:14px;}
.up span{ position:relative;}
.up input{ margin-left:10px; }
.inputfile.inputfile-1{ opacity: 0; position: absolute; z-index: 1; top:0; left:0; width:100px;}
.inputfile-1 + label {
	padding:7px 10px;
    color: #000;
    background-color: #6bbe98; margin-left:10px;
}
.submit{ border:none; outline:none; background-color:#f73245; padding:10px; border-radius:2px; margin-bottom:30px; color:#FFF; cursor:pointer; position:relative; bottom:0; transition:0.5s;}
.submit:hover{ bottom:5px; transition:0.2s;}

.list{ padding-right:20px;}
.f-wid{ width:100%;}

.ctr{ text-align:center; padding:20px;}
.ctr h3{ color:#696969; font-size:25px; font-family: 'Lato', sans-serif; font-weight:normal;}
.ctr p{ color:#696969; padding-top:20px; font-size:18px;}
.ctr p a{ color:#f67495;}
.pd{ width:100%; display:inline-block; padding:10px; box-sizing:border-box; }
.ll{ text-decoration:underline;}