@charset "utf-8";
@font-face {
    font-family: 'NotoSansRegular';
    src: url('../fonts/NotoSansRegular.eot');
    src: url('../fonts/NotoSansRegular.eot') format('embedded-opentype'),
         url('../fonts/NotoSansRegular.woff2') format('woff2'),
         url('../fonts/NotoSansRegular.woff') format('woff'),
         url('../fonts/NotoSansRegular.ttf') format('truetype'),
         url('../fonts/NotoSansRegular.svg#NotoSansRegular') format('svg');
}
@font-face {
    font-family: 'OswaldRegular';
    src: url('../fonts/OswaldRegular.eot');
    src: url('../fonts/OswaldRegular.eot') format('embedded-opentype'),
         url('../fonts/OswaldRegular.woff2') format('woff2'),
         url('../fonts/OswaldRegular.woff') format('woff'),
         url('../fonts/OswaldRegular.ttf') format('truetype'),
         url('../fonts/OswaldRegular.svg#OswaldRegular') format('svg');
}
/*::-moz-selection {background-color: #c20f00;color:#FFFFFF;}
::selection {background-color: #c20f00; color:#FFFFFF;} */
* {font-weight: normal; margin: 0px; padding: 0px;}
body{margin:0px; padding:0px; background-color:#ffffff;font-family: 'NotoSansRegular'; font-size:16px;color:#6a0dad; line-height:21px;}
p{margin-bottom:20px; margin-top:0px; line-height:25px; font-size:16px; font-family: 'NotoSansRegular';}
.main-container{max-width:1340px; width:96%; margin:auto; display: inline-block;}
section, footer, header{display: inline-block;width: 100%;float: left; text-align:center;}
.img-respo{max-width:100%; display:block;}
h1, h2, h3, h4, h5, h6{
	margin:0px;
	font-weight:normal;
	font-family: 'OswaldRegular';
}

/* Header Setting */
header{padding: 16px 0px;position:relative;background: #6a0dad;display:flex;}
.logo-box img {display: block;}
.logo-box{width:230px;margin:0px 30px;float:left; position: relative;z-index: 999;}
.link-box{width:calc(100% - 300px); float:right; text-align:right;display: table;min-height: 54px;}
.link-box ul {margin: 0px; padding: 0px; display: table-cell; vertical-align: middle;}
.link-box li {margin: 0px 15px; padding: 0px; display: inline;}
.link-box li a{text-decoration:none; color:#6a0dad;background: #fff;padding: 12px 35px;}
label{font-weight:normal;}
.read-more {display: inline-block; width: 100%;}
.user-listing-heading a {float: right; background-color: #000; padding: 14px; display: block; margin-top: -13px; margin-right: -13px; color: #fff; text-decoration: none;}


/*Menu Section*/
.category-menu {background-color: #000;}
.category-menu ul{margin:0px; padding:0px;}
.category-menu li{display:inline-block;}
.category-menu li a{color:#FFFFFF;text-decoration:none; padding:5px 15px; display:block; line-height:50px;}
.category-menu li a:hover{background-color:#f3f3f3;color:#000000;}

/*Center part*/
.center-part{padding:30px 0px;}
.listing-part {width: calc(100% - 400px);float: left;}
.side-bar{width:362px;float:right;}
.listing-box {background-color: #fafafa; margin-bottom:15px;}
.top-section {background-color: #f3f3f3; margin-bottom:0px;padding: 15px;box-sizing: border-box; text-align: left;}
.top-section h2 {font-size: 22px;line-height: 25px;}
.image-section {width: 100%;display: inline-block;padding: 15px 0px 13px; padding: 15px 20px 13px; box-sizing: border-box;}
.image-box {width: 200px;float: left;}
.side-text-box{ width:calc(100% - 220px); float:right;    text-align: left;}
.bottom-section{background-color: #f3f3f3; padding: 10px;text-align: left;}


/* Blog Styles */
.blog-outter {display: inline-block; width: 100%;}
.common-box img {width: 100%;}
.common-box {width: 49%; float: left; margin: 2% 0 2% 0; background-color: #fff; padding: 0; box-shadow: 0px 1px 7px #ccc; min-height: 675px;}
.common-box:nth-child(2n+1) {margin: 2% 2% 2% 0;}
.common-box p {font-size: 15px; line-height: 21px; margin: 10px 0px;}
.common-box ul {margin: 0px 8px; padding: 0px 0px 0px 0px; list-style: none;}
.common-box li {background-image: url(../images/arrow-small.png);background-repeat: no-repeat; background-position: 0px 5px; padding-left: 25px; font-size: 15px; margin-bottom: 5px;}
.common-box h2 {margin: 15px 0px 0px; font-size: 22px; font-weight: bold; line-height: 30px;}
.common-box h2,.common-box p,.common-box ul{padding:10px;    text-align: left;}
.common-user-listing{text-align:left;}
.common-user-listing h2 {margin-bottom: 20px; line-height: 40px; font-size: 27px;}
.admin-listing-heading {background-color: #6a0dad; color: #fff; padding: 15px; font-size: 22px; text-align: left; margin-bottom: 30px; margin-top: 50px;}
.side-title {background-color: #6a0dad; color: #fff; padding: 15px; font-size: 22px; text-align: left; margin-bottom: 10px; margin-top: 10px;}
.user-listing-heading {background-color: #6a0dad; color: #fff; padding: 15px; font-size: 22px; text-align: left; margin-bottom: 30px; margin-top: 50px;}
.sidebox {border: 1px solid #dddddd; padding: 7px; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FFF; overflow: hidden; box-sizing:border-box;}
.sidebox ul {margin: 0px 8px; padding: 0px 0px 0px 0px; list-style: none;}
.sidebox li {background-image: url(../images/arrow-small.png);background-repeat: no-repeat; background-position: 0px 5px; padding-left: 25px; font-size: 15px; margin-bottom: 5px; text-align:left;}
.sidebox li a{color:#000000; text-decoration:none;}
.sidebox li a:hover{color:#000000; text-decoration:underline;}
.common-user-listing .bottom-section{background-color: #f3f3f3; padding: 10px;text-align: left; margin-bottom:30px;}
footer {background-color: #121214;color: #fff; padding: 50px 0px;}
.common-footer-box {width: 33.3333%; float: left; padding: 0px 15px; box-sizing: border-box; text-align: left;}
.usefull-links ul {margin: 0px 8px; padding: 0px 0px 0px 0px; list-style: none;}
.usefull-links li {background-image: url(../images/arrow-small-white.png);background-repeat: no-repeat; background-position: 0px 5px; padding-left: 25px; font-size: 15px; margin-bottom: 5px; text-align:left;}
.usefull-links li a{color:#FFFFFF; text-decoration:none;}
.usefull-links li a:hover{color:#f9f9f9;}
.register-pannel hr {margin: 20px 0px; background-color: #ccc; border: 0px; height: 1px;}
.common-footer-box h2 {font-size: 25px; margin-bottom: 25px;}
.bottom-footer{background-color:#000000; padding: 20px 0px; color:#FFFFFF;}
.side-text-box a, .common-user-listing a {display: block; padding: 5px; background-color: #000; max-width: 100px; text-align: center; text-decoration: none; color: #fff; margin-top: 0px; float:right; width: 100%;}

strong {font-weight: 600;color: #000;}

/*Banner Part*/
section.banner {background: linear-gradient(0deg, rgba(18, 18, 20, 0.5), rgba(0, 0, 0, 0.5)), url(../images/seo.jpg); background-size: cover; padding: 100px 0px;background-position: center center; text-transform: capitalize;}
section.banner h1 {margin: 0px; text-align: center; color: #fff; font-size: 50px;line-height: 1em;    text-transform: capitalize;}
section.banner h1 span {display: block; font-size: 35px; text-transform: uppercase;}
section.login-banner {background: linear-gradient(0deg, rgba(18, 18, 20, 0.5), rgba(0, 0, 0, 0.5)), url(../images/seo.jpg); background-size: cover; padding: 50px 0px;background-position: center center;;}
section.login-banner h1 {margin: 0px; text-align: center; color: #fff; font-size: 50px;line-height: 1em;    text-transform: capitalize;}
section.login-banner h1 span {display: block; font-size: 35px; text-transform: uppercase;}

.login-pannel {background-color: #f9f9f9; width: 48%; padding: 30px; box-sizing: border-box; float: left; border:1px solid #f3f3f3; text-align:left;}
.register-pannel {background-color: #f9f9f9; width: 48%; padding: 30px; box-sizing: border-box; float: right; text-align:left; border:1px solid #f3f3f3;}
input[type="text"], input[type="password"], textarea {width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 15px; border: 1px solid #e3e3e3; text-align: left;}
select{width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 15px; border: 1px solid #e3e3e3; text-align: left;}
input[type="submit"] {background-color: #6a0dad; border: 0px; color: #fff; padding: 15px; width: 100%; cursor:pointer;}
input[type="submit"]:hover{
	background-color:#333333;
}
.forgot-password {margin-bottom: 15px;}
.label{text-align:left;}
.register-pannel h2 {line-height: 32px; margin-bottom: 15px;}
.register-pannel ul {margin:0px; padding:0px; list-style:none;}
.register-pannel li {background-image: url(../images/arrow-small.png); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 25px; font-size: 15px; margin-bottom: 5px; text-align: left;}
.register-pannel a {background-color: #6a0dad; border: 0px; color: #fff; padding: 12px; width: 100%; display:block; margin-top: 10px; text-decoration:none; text-align:center;}
.register-pannel a:hover {background-color:#333333;}
.login-pannel a{color:#000000;text-decoration:none;}

.tagcloud-box a {border: 1px solid #fff; color: #fff; text-decoration: none; padding: 10px; margin-bottom: 5px;    display: inline-block;}
.tagcloud-box a:hover {border:1px solid #333333;background-color:#333333;}

.content-single-section {text-align: left; padding: 20px;}
.side-menu {width: 300px; float: left; text-align:left;}
.content-panel{ width:calc(100% - 320px); float:right;}
.side-menu ul{list-style:none; margin:0px; padding:0px;}
.side-menu li a {background-color: #f9f9f9; display: block; color: #000000; text-decoration: none; padding: 10px; margin-bottom: 1px;font-family: 'NotoSansRegular';}
.side-menu li a:hover {background-color:#6a0dad; color:#FFFFFF;font-family: 'NotoSansRegular';}
.content-panel h3 {background-color: #6a0dad; color: #fff; text-align: left; padding: 10px 20px; font-size: 25px; line-height: 35px; margin-bottom: 20px;}
.content-panel{text-align:left;}
.content-panel label{margin-bottom:5px; display:block;}
.content-panel input[type="text"], .content-panel select {margin-bottom:20px;}
.content-panel input[type="submit"] {margin-top: 10px; max-width: 300px; width:100%;}
.mce-branding-powered-by {display: none !important;}


.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#6a0dad;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#6a0dad;border-color:#6a0dad}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}

.content-panel table {width: 100%; border-collapse: collapse;}
.content-panel table td {padding: 10px;}
.content-panel table thead{background-color:#121214; color:#FFFFFF;}
.content-panel table tbody tr:nth-child(even) {background: #f9f9f9}
.content-panel table tbody tr:nth-child(odd) {background: #FFF}
header:before {width: 32%;position: absolute;top: 0px;content: "";border-top: 85px solid #fff;border-right: 80px solid transparent;left: 0px;}


@media screen and (min-width: 768px) and (max-width: 1023px)  {
    .logo-box img {max-width: 90%;}
    .category-menu li a {padding: 7px 8px;line-height: normal;font-size: 12px;}
}
@media (max-width:767px) {
    .logo-box {width: 20%;float: left;position: relative;z-index: 999;margin: 0px;}
    .logo-box img {max-width: 125px;float: left;}
    .link-box {width: 80%;display:none;min-height: auto;}
    .category-menu,  header:before {display: none;}
    header {background:#fff;}
    .link-box ul {display: inline-block;}
    .link-box li a{padding:0px;font-size: 14px;}
    .link-box li {margin: 5px;}
    .category-menu li {width: 100%;text-align: left;}
    .category-menu li a {line-height: normal;font-size:14px;}
    .category-menu.show{
          right: 0px;
          background-color:#000;
          transition: all .6s ease-in-out;
          display: block;
         z-index: 9999;
    }
    .category-menu{
      width: 345px;
      right: -345px;
      height: 100vh;
      position: fixed;
      z-index: 10;
      top: 0px;
      transition: all .6s ease-in-out;
    }
    .menu-tab.active{
        right:0px;
        transition: all 600ms ease-in-out;
       z-index: 99999;
       top: -7px;
    }  
   .menu-tab.active #one{
      transform: translateY(9px) rotate(-135deg);
      transition: all .6s ease-in-out;
    }
    
   .menu-tab.active #two{
      opacity: 0;
      transition: .4s ease;
    }
    
    .menu-tab.active #three{
      transform: translateY(-9px) rotate(-45deg);
      transition: all .6s ease-in-out;
    }
    .menu-tab{
      width: 50px;
      height: 30px;
      position:absolute;
      z-index: 99999;
      top:0px;
      right: 0px;
      cursor: pointer;
      transition: all .6s ease-in-out;
    }
  .menu-tab div{
    width: 33px;
    height: 3px;
    background-color: #000;
    display: block;
    margin-bottom: 5px;
    transition: all .6s ease-in-out;
    }
    .menu-tab div:nth-child(1){
      margin-top: 20px;
    }
    .menu-tab.active div{
        background:#fff;
    }
}