@charset "UTF-8";
/* CSS Document */


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

*{box-sizing:border-box;-moz-box-sizing: border-box;outline: none;margin:0;}

html,body{margin:0;font-family: 'Open Sans', sans-serif;color: #94a0a0;background:#ecf0f1;}
a{outline: none;color: inherit;text-decoration: none;}
img{border: 0;}
h1{font-size:56px;margin:0;}
h2{font-size:14px;color:#ffffff;margin:0;}
h3{font-size:14px;color:#666666;margin:0;}
.btn-gray{font-size:14px;color:#ffffff;background:#c7cbd6;padding:10px 35px;border-radius: 3px;border:none;margin:10px 0;display: inline-block;}
.btn-dark{font-size:14px;color:#ffffff;background:#996716;;padding:10px 35px;border-radius: 3px;border:none;margin:10px 0;display: inline-block;}

.btn-blue{}
.wrapper{width:100%;display: block;position: relative;}
.container{display: flex;padding:0 40px;width:100%;}
.container-fluid{display: flex;width:1150px;}
.flex-wrap{flex-wrap: wrap;}
.justify-center{justify-content: center;}
.space-between{justify-content: space-between;}
.flex-end{justify-content: flex-end;}
.tag-link{font-size:10px;color:#ffffff;background:#E6A42E;padding:5px;margin:3px 5px 0px 0;display: inline-block;}
.mce-content-body{cursor: text !important;}
.fusion-accordian{width:100% !important;}

.title{width:100%;display: block;margin:30px 0;position: relative;text-transform: uppercase;}
.title h1, .title h2{font-size:16px;color:#7f7f7f;font-weight: 600;vertical-align: middle;}
.title h1 span{text-transform: none;font-size:14px;font-weight: normal;}
.title h1:before{content: '';height: 3px;width:100%;background:#e5e5e5;position: absolute;left: 0;bottom:-5px;}
.title h1:after{content: '';height: 3px;width:50px;background:#E6A42E;position: absolute;left: 0;bottom:-5px;}
.title h2:before{content: '';height: 3px;width:100%;background:#e5e5e5;position: absolute;left: 0;bottom:-5px;}
.title h2:after{content: '';height: 3px;width:50px;background:#E6A42E;position: absolute;left: 0;bottom:-5px;}
.top-pagination{width:100%;display: flex;align-items: center;margin-bottom: 30px;color:#7f7f7f;float: right;}
.top-pagination>a{font-size:14px;color:#7f7f7f;text-decoration: underline;display: inline-block;}
.top-pagination .pagination{display: flex;width:auto;align-items: center;}
.top-pagination .pagination .main-sort{display: block;width:auto;margin-right:25px;}
.top-pagination .pagination a{background:#ffffff;border:2px solid #dddddd;display: inline-block;padding:5px 10px;transition: 0.3s ease all;margin:0 2px;}
.top-pagination .pagination a:hover{background:#f5f5f5}
.top-pagination .pagination a.active{background:#E6A42E;border-color: #E6A42E;color:#ffffff;}
.sorting-filter{width:100%;display: none;padding:25px 15px;border:2px solid #dddddd;border-radius: 3px;background:#ffffff;margin-bottom:30px;}
.sorting-filter>div {display: flex;width:100%;justify-content: space-between;}
.sorting-filter .select-box{width:20%;display: flex;flex-direction: column;}
.sorting-filter .select-box label{font-size:12px;color:#8d9aa5;margin:5px 0;}
.sorting-filter .select-box .select-items>div{background:#dde1e7;border-bottom:1px solid #f8f8f8;transition: 0.3s ease all}
.sorting-filter .select-box .select-items>div:hover{background:#ffffff;}
.custom-select {position: relative;font-family: Arial;}
.custom-select select {display: none;}
.select-selected {background-color: #dde1e7;border-radius: 3px;font-size:12px;}
.select-selected:after {position: absolute;content: "";top: 40px;right: 10px;width: 0;height: 0;border: 6px solid transparent;border-color: #7f7f7f transparent transparent transparent;}
.select-selected.select-arrow-active:after {border-color: transparent transparent #7f7f7f transparent;top: 32px;}
.select-items div,.select-selected {color:#7f7f7f;padding: 8px 10px;border: 1px solid transparent;cursor: pointer;user-select: none;}
.select-items {position: absolute;top: 100%;left: 0;right: 0;z-index: 50;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}
.likes-btn{display: block;width: auto;color:#8c8c8c;font-size:12px;}
.likes-btn a{background:#e5e5e5;padding:7px;display: inline-block;border-radius: 3px;margin-left:10px;}
.orange-bg{background:#E6A42E !important;color:#ffffff !important;}
.strong{font-weight: 700 !important;}
.no-margin{margin:0 !important;}



header{display: flex;background:#ffffff;color:#999999;align-items: center;padding:45px 0;transition: 0.3s ease all;position: fixed;top: 0;width:100%;z-index: 9;}
header.active{padding:20px 0;position: fixed;top:0;width:100%;z-index: 20}
header .logo{width:220px;display: block;margin-right:50px;}
header .logo img{width:100%;display: block;height: auto;}
header .menu{width:auto;display: flex;align-items: center;}
header .menu ul{display: flex;list-style: none;}
header .menu ul>li{padding:0px 25px;position: relative;font-family: 'Open Sans', sans-serif; transition: 0.3s ease all; font-size:16px;}
header .menu ul>li a{}
header .menu li> ul{position: absolute;width: 280px;text-align: center;background: #ffffff;margin: 0;top: 30px;padding: 10px;border:4px solid #e8ecf3;display: block;height: auto;visibility: hidden;opacity: 0;-webkit-transform: translateY(10px) perspective( 0 ) rotateX( 0deg );-moz-transform: translateY(10px) perspective( 0 ) rotateX( 0deg );-ms-transform: translateY(10px) perspective( 0 ) rotateX( 0deg );-o-transform: translateY(10px) perspective( 0 ) rotateX( 0deg );transform: translateY(10px) perspective( 0 ) rotateX( 0deg );-webkit-transition: visibility linear 0.3s, opacity 0.3s ease, -webkit-transform 0.3s ease;-moz-transition: visibility linear 0.3s, opacity 0.3s ease, -moz-transform 0.3s ease;-ms-transition: visibility linear 0.3s, opacity 0.3s ease, -ms-transform 0.3s ease;-o-transition: visibility linear 0.3s, opacity 0.3s ease, -o-transform 0.3s ease; transition: visibility linear 0.3s, opacity 0.3s ease, transform 0.3s ease;text-align: left;left:25px;} 
header .menu > ul>li:last-child>ul{right: 0;}
header .menu li:hover>ul{visibility: visible;opacity: 1; -webkit-transform: translateY(0) perspective( 0 ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 0 ) rotateX( 0 );-ms-transform: translateY(0) perspective( 0 ) rotateX( 0 );-o-transform: translateY(0) perspective( 0 ) rotateX( 0 );transform: translateY(0) perspective( 0 ) rotateX( 0 );visibility: visible;opacity: 1;}
header .menu li> ul li{display: inline-block;padding: 5px 10px;margin: 0;text-align: left;width: 100%;font-size:13px;transition: 0.3s ease all;} 
header .menu li> ul li:hover{background:#e8ecf3;}
header .menu li> ul li a{color: #959c9d;display: inline-block;width:100%;}
header .menu li.sub:after{content: "\f0d7";font:normal normal normal 14px/1 FontAwesome;}
header .search{width:auto;flex-grow: 1;color:#ffffff;display: flex;align-items: flex-end;padding:0 100px;}
header .search input{background: none;border:none;width:100%;font-size:16px;padding:10px 20px;color:#999999;background:#f5f5f5;}
header .search button{width:25px;display: block;content:'11';height: 42px;border:none;background: #f5f5f5;color:#999999;position: relative;;}
header .search .fa-search::before{top:13px !important; left: 0px !important;position: absolute !important;}
header .extra-menu{display: flex;width:auto;align-items: center;position: relative;}
header .extra-menu ul{display: flex;list-style: none;}
header .extra-menu ul li{padding:0;position: relative;font-family: 'Open Sans', sans-serif; transition: 0.3s ease all; font-size:16px;}
header .extra-menu ul li:nth-last-child(1){padding-left:35px;}
header .extra-menu ul li:hover{}
header .login-options{}
header .show-login-option{background: #ffffff;color:#959c9d;width:180px;display: none;position: absolute;right: 0;top: 35px;padding:15px;border:4px solid #e8ecf3;z-index: 9;}
header .show-login-option a{width:100%;display: block;padding:5px 10px; font-size:16px;transition: 0.3s ease all;}
header .show-login-option a:hover{background:#e8ecf3;}
header .mbl-header{display: none;}
header .mobile-menu{display: none;}
header .mbl-search{display: none;}

.slider{display: flex;width:100%;height: auto;min-height: 600px;background-color:#26bcb5;background-image: url(../img/slider-bg.png);background-repeat: no-repeat;background-size: cover;align-items: center;flex-wrap:wrap;justify-content: center;text-align: center;padding-top:145px;}
.slider h1{font-size:56px;color:#ffffff;font-weight: 600;width:100%;}
.slider p{font-size:22px;color:#ffffff;}

.section-1{display: flex;width:100%;justify-content: center;padding:40px 0;flex-wrap: wrap;}
.section-1 .content{width:78%;padding-right:20px;display: block;}
.section-1 .questions-list-style{width:100%;display: block;margin-bottom:40px;}
.questions-list-style .heading{background:#26bcb5;font-size:14px;color:#ffffff;font-weight: 400;padding:15px;}
.questions-list-style .heading h2{font-weight: 400;}
.questions-list-style .sub-heading{width:100%;background:#c7cbd6;display: flex;padding:10px 15px;}
.questions-list-style .col-1{display: block;flex-grow: 1;width:100%;}
.questions-list-style .sub-heading .col-1 h3{color:#ffffff;font-weight: 400;display: block;}
.questions-list-style .col-2{display: block;width:230px;}
.questions-list-style .sub-heading .col-2 h3{color:#ffffff;font-weight: 400;display: block;}
.questions-list-style .each{width:100%;display: flex;padding:15px;background:#ffffff;align-items: center;margin-bottom: 10px;}
.questions-list-style .each h3 a{font-size:16px;color:#666666;font-weight:600;transition: 0.3s ease all;}
.questions-list-style .each h3{font-size:18px;color:#666666;font-weight:600;transition: 0.3s ease all;}
.questions-list-style .each h2{font-size:20px;color:#666666;font-weight:600;}
.questions-list-style .each h3 a:hover{color:#E6A42E;}
.questions-list-style .each span{font-size:13px;color:#94a0a0;}
.questions-list-style .each span a{color:#666666;transition: 0.3s ease all;}
.questions-list-style .each span a:hover{color:#E6A42E;}
.questions-list-style .each .col-2 p{color:#94a0a0;font-size:14px;}
.questions-list-style .each ul{margin:15px 0; }
.questions-list-style .each ul li{margin:5px 0}
.questions-list-style .each .job-description h1{font-size:20px;color:#666666;font-weight:600;}
.questions-list-style .each .job-description h2{font-size:20px;color:#666666;font-weight:600;}
.questions-list-style .each .job-description h3{font-size:16px;color:#666666;font-weight:600;}
.questions-list-style .job-details{width:100%;display: flex;flex-wrap: wrap;}
.questions-list-style .job-details>div{width:50%;margin:10px 0}
.questions-list-style .job-details>div:nth-child(odd){color:#666666}
.job-detail .create-job{padding:0}
.job-detail .create-job form{border:0}
.job-detail .create-job h2{font-size:20px;color:#666666;font-weight:600;width:100%}
.job-detail .create-job .each{flex-wrap:wrap;}
.job-detail .create-job .each .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:5px}
.job-detail .create-job .each span{margin-top:5px !important}


.section-1 .sidebar{padding:0 20px;width:400px;display: block;}
.section-1 .sidebar .login{width:100%;display: block;margin-bottom:60px;}
.section-1 .sidebar .login h2{font-size:16px;color:#999999;text-align: center;position: relative;margin-bottom:40px;}
.section-1 .sidebar .login h2:before{content: '';background: #e4e4e4;height: 1px;width: 13%;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.section-1 .sidebar .login h2:after{content: '';background: #e4e4e4;height: 1px;width: 13%;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.section-1 .sidebar .login input{padding:10px;font-size:14px;color:#555555;width:100%;border:2px solid #d6d9e0;transition: 0.3s ease all;}
.section-1 .sidebar .login input:focus{border-color:#969fa1}
.section-1 .sidebar .login input:nth-child(1){margin-bottom:15px;}
.section-1 .sidebar .login a{text-decoration: underline;font-size:12px;color:#8c8c8c;text-align: right;display: inline-block;float: right;}
.section-1 .sidebar .popular-tags{width:100%;display: block;}
.section-1 .sidebar .popular-tags .heading{background:#26bcb5;padding:15px;}
.section-1 .sidebar .popular-tags .heading h2{font-size:14px;color:#ffffff;font-weight: 400;}
.section-1 .sidebar .popular-tags .sub-heading{width:100%;background:#c7cbd6;display: flex;padding:10px 15px;}
.section-1 .sidebar .popular-tags .sub-heading h3{color:#ffffff;font-weight: 400;display: block;}
.section-1 .sidebar .popular-tags .each{width:100%;display: flex;padding:15px;background:#ffffff;align-items: center;margin-bottom: 10px;}
.section-1 .sidebar .popular-tags .each .col-1{display: block;flex-grow: 1;width:100%;}
.section-1 .sidebar .popular-tags .each .col-2{display: block;width:230px;}
.section-1 .sidebar .popular-tags .each .col-2 p{color:#94a0a0;font-size:14px;}

.section-2{width:100%;padding:40px 0;background: #e8e8e8;display: flex;justify-content: center;}
.section-2 .container-fluid{flex-wrap: wrap;}
.section-2 .new-topics{width:100%;display: flex;flex-wrap: wrap;justify-content: center;}
.section-2 .new-topics .each{width:33.333%;display: flex;justify-content: center;margin-bottom:15px;}
.section-2 .new-topics .each .inner{width:100%;display: flex;background:#ffffff;margin:0 25px;justify-content: center;text-align: center;position: relative;flex-wrap: wrap;}
.section-2 .new-topics .each .inner .top{width:100%;padding:30px 20px;}
.section-2 .new-topics .each .inner .top h2 a{color:#666666;font-size:16px;font-weight: 400;transition: 0.3s ease all;}
.section-2 .new-topics .each .inner .top h2 a:hover{color:#E6A42E;}
.section-2 .new-topics .each .inner .top p{font-size:12px;color:#8d9aa5;margin:5px 0 0 0;}
.section-2 .new-topics .each .inner .top p a{color:#666666;transition: 0.3s ease all;}
.section-2 .new-topics .each .inner .top p a:hover{color:#E6A42E;}
.section-2 .new-topics .each .inner .top span{color:#8d9aa5;font-size:10px;}
.section-2 .new-topics .each .inner .bottom{background:#d6d9e0;display: block;width:100%;}
.section-2 .new-topics .each .inner .bottom a{font-size:12px;color:#8c8c8c;padding:10px;width:100%;display: inline-block;}
.section-2 .new-topics .each .inner .date{background:#E6A42E;width:35px;display: block;border-radius: 3px;color:#ffffff;padding:3px;position: absolute;top:20px;left:-18px;}
.section-2 .new-topics .each .inner .date p{font-size:16px;}
.section-2 .new-topics .each .inner .date span{font-size:12px;display: block;}
.section-2 .new-topics>a{width:96%;display: inline-block;text-align: center;color:#8c8c8c;margin:25px 0;}

.newsletter{width:100%;display: flex;padding:40px 0;justify-content: center;background-color:#E6A42E;background-image: url(../img/slider-bg.png);background-repeat: no-repeat;background-size: cover;}
.newsletter .container-fluid{align-items: center;}
.newsletter .text{width:50%;display: block;}
.newsletter .text h2{font-size:28px;font-weight: 600;}
.newsletter .form{width:50%;display: flex;}
.newsletter .form form{width:100%;display: flex;justify-content: flex-end;}
.newsletter .form input{border-radius: 3px;border:none;padding:15px 15px;font-size:16px;color:#8c8c8c;width:70%;}
.newsletter .form button{padding:15px 30px;border:none;font-size:16px;color:#ffffff;background: #996716;border-radius: 3px;}


.listing{width:100%;display: flex;padding:40px 0;justify-content: center;padding-top:145px;}
.listing .container{flex-wrap: wrap;}
.listing .questions-list-style{width:100%;display: block;}


.detail{width:100%;display: flex;padding:40px 0;padding-top:145px;flex-wrap: wrap;}
.detail .container{flex-wrap: wrap;}
.detail .question{width:100%;background:#ffffff;padding:15px 10px;margin-top:45px;}
.detail .title{margin:0;}
.detail .extra-info{width:100%;display: flex;justify-content: space-between;padding:20px 0;align-items: center;position: relative;}
.detail .extra-info p{color:#94a0a0;font-size:13px;}
.detail .extra-info p>a{color:#666666;transition: 0.3s ease all;display: inline-block;}
.detail .extra-info p>a:hover{color:#E6A42E;}
.detail .extra-info:after{content:'';position: absolute;bottom:0;left:0;width:100%;height: 1px;background: #e8ecf3;}
.detail .message{width: 100%;display: block;color:#495d60;}
.detail .message p{margin-top:20px;font-size:13px;line-height: 25px;}
.detail .message p img{width:50%; height: auto;}
.detail .message p a{color:#8c8c8c;text-decoration: underline;transition: 0.3s ease all;display: inline-block;}
.detail .message p a:hover{color:#E6A42E;}
.detail .bottom-info{width:100%;display: flex;justify-content: space-between;margin-top:30px;}
.detail .bottom-info a{font-size:14px;color:#8c8c8c;text-decoration: underline;display: inline-block;}
.detail .bottom-info a.active{color:#E6A42E;}
.detail .bottom-info p{font-size:12px;color:#8c8c8c;padding:5px 10px;background: #e5e5e5}
.detail .bottom-info p span{font-weight: 600;}
.detail .comments{width:100%;background:#ffffff;position: relative;visibility: hidden;height: 0;overflow: hidden;transition: 0.3s ease all;}
.detail .comments.active{visibility: visible;height: auto;margin-top:45px;padding:15px 10px;}
.detail .comments:after{width: 0;height: 0;border-left: 17px solid transparent;border-right: 17px solid transparent;border-bottom: 28px solid #ffffff;content: '';position: absolute;top:-28px;left: 0;right: 0;margin:0 auto;}
.detail .view-comments{padding:15px;background:#e5e5e5;margin-top:30px;height: 400px;overflow-y: auto;}
.detail .view-comments .each{width:100%;display: flex;align-items: flex-start;margin-bottom: 15px;}
.detail .view-comments .each .avatar{width:45px;background:#ffffff;border-radius: 3px;padding:3px;}
.detail .view-comments .each .avatar img{width:100%;display: block;height: auto;}
.detail .view-comments .each .text{width:100%;margin-left:25px;background:#ffffff;padding:10px;position: relative;display: block;}
.detail .view-comments .each .text .row{width:100%;display: flex;align-items: center;padding-bottom:15px;position: relative;}
.detail .view-comments .each .text .row:after{content:'';width:100%;height: 1px;background:#e8ecf3;position: absolute;bottom:0;left:0;right: 0;margin:0 auto;}
.detail .view-comments .each h3{font-size:14px;font-weight: 600;color:#E6A42E;}
.detail .view-comments .each .text .row span{color:#8c8c8c;font-size:12px;margin:0 12px;padding:3px 10px;display: inline-block;}
.detail .view-comments .each .text .row span{font-size:12px;color:#8c8c8c;}
.detail .view-comments .each .text>p{font-size:13px;color:#495d60;margin-top:10px;}
.detail .view-comments .each .edit-delete{display: flex;width:100%;justify-content: flex-end;margin:5px 0;}
.detail .view-comments .each .edit-delete a{display: inline-block;text-decoration: underline;margin:0 5px;font-size:12px;}
.detail .type-comments{width:100%;display: flex;justify-content: flex-end;flex-wrap: wrap;margin-top:15px;}
.detail .view-comments .each .text:before{content:'';width: 0;height: 0;border-style: solid;border-width: 6.5px 10px 6.5px 0;border-color: transparent #ffffff transparent transparent;position: absolute;left:-9px;top:10px;}
.detail .type-comments input{width:100%;border:3px solid #e8ecf3;border-radius: 3px;padding:15px 20px 50px 20px;color:#555555;}
.detail .answer{width:100%;padding:15px 10px;margin-top:45px;}
.detail .all-answers{width:100%;padding:15px 10px;margin-top:45px;background: #ffffff}
.detail .all-answers .each{width:100%;display: block;}
.detail .type-your-answer{width:100%;padding:15px 10px;margin-top:45px;}

.login-page{width:100%;display: flex;padding:40px 0;padding-top:145px;flex-wrap: wrap;justify-content: center;}
.login-page .container-fluid{justify-content: space-between;padding-top:45px;}
.login-page .side{width:100%;display: block;}
.login-page .side:nth-child(1){padding-right:10px;}
.login-page .side:nth-child(2){padding-left:10px;}
.login-page .side h1{font-size:16px;color:#999999;text-align: center;position: relative;margin-bottom:40px;}
.login-page .side h1:before{content: '';background: #e4e4e4;height: 1px;width: 30%;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.login-page .side h1:after{content: '';background: #e4e4e4;height: 1px;width: 30%;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.login-page .side p{color:#a1a9b1;font-size:14px;}
.login-page .side p a{margin:15px 0;display: inline-block;}
.login-page .side h2{font-size:16px;color:#999999;text-align: center;position: relative;margin-bottom:40px;}
.login-page .side h2:before{content: '';background: #e4e4e4;height: 1px;width: 30%;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.login-page .side h2:after{content: '';background: #e4e4e4;height: 1px;width: 30%;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.login-page .side input{padding:10px;font-size:14px;color:#555555;width:100%;border:2px solid #d6d9e0;transition: 0.3s ease all;}
.login-page .side input:nth-child(2){margin-bottom:15px;}
.login-page .side input:focus{border-color:#969fa1}
.login-page .side span a{text-decoration: underline;font-size: 12px;color: #8c8c8c;text-align: right;display: inline-block;float: right;}
.login-page .side button{}

.register-terms{width:100%;display: flex;padding:40px 0;padding-top:145px;flex-wrap: wrap;justify-content: center;}
.register-terms .container-fluid{justify-content: space-between;padding-top:45px;flex-wrap: wrap;}
.register-terms .terms{padding:20px;border-radius: 3px;border:3px solid #d8e3e6;width:100%;display: block;background:#ffffff;}
.register-terms .terms p{font-size:14px;color:#8d9aa5;}
.register-terms .acceptance{margin:10px 0;padding:20px 0 20px 0px;display: block;width:100%;}
.register-terms .acceptance>div{display: flex;align-items: flex-start;}
.register-terms .acceptance input{width:20px;height: 20px;border-color:#d8e3e6;margin-right:5px;}
.register-terms .acceptance label{font-size: 14px;color: #8d9aa5;}
.register-terms .acceptance a{float: right;margin-top:20px;display: inline-block;}
.register-terms .custom-checkbox-container{display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.register-terms .custom-checkbox-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.register-terms .custom-checkbox-container .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #c7cbd6;}
.register-terms .custom-checkbox-container:hover input ~ .checkmark {background-color: #ccc;}
.register-terms .custom-checkbox-container input:checked ~ .checkmark {background-color: #E6A42E;}
.register-terms .custom-checkbox-container .checkmark:after {content: "";position: absolute;display: none;}
.register-terms .custom-checkbox-container input:checked ~ .checkmark:after {display: block;}
.register-terms .custom-checkbox-container .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.margintop-0{margin-top:0;}
.invalid-feedback{font-size:14px;font-weight: normal;color:#E6A42E;}
#reg_error{font-size:14px;font-weight: normal;color:#E6A42E;}
#login_error{font-size:14px;font-weight: normal;color:#E6A42E;}
#a_added{font-size:14px;font-weight: normal;color:#E6A42E;}
#req_error{font-size:14px;font-weight: normal;color:#E6A42E;}


.register{width:100%;display: flex;padding:40px 0;padding-top:145px;flex-wrap: wrap;justify-content: center;}
.register .container-fluid{justify-content: space-between;padding-top:45px;flex-wrap: wrap;}
.register form{padding:20px;border-radius: 3px;border:3px solid #d8e3e6;width:100%;background:#ffffff;display: flex;flex-wrap: wrap;justify-content: space-between;}
.register .each{width:49%;display: block;font-size:14px;border-bottom:1px dashed #c9c9c9}
.register .each:nth-child(1),.register .each:nth-child(2){padding-bottom:20px;}
.register .each:nth-child(3),.register .each:nth-child(4){padding-top:20px;padding-bottom:20px;}
.register .each:nth-child(5),.register .each:nth-child(6){padding-top:20px;padding-bottom:20px;}
.register .each:nth-child(7),.register .each:nth-child(8){padding-top:20px;padding-bottom:20px;}
.register .each:nth-last-child(1){display: flex;justify-content: flex-end;align-items: flex-end;}
.register .each label{width:100%;color: #555;font-weight: 700;display: block;margin-bottom: 5px;}
.register .each span{display: block;margin-top: 5px;margin-bottom: 30px;color: #737373;}
.register .each input{padding:10px;font-size:14px;color:#555555;width:100%;border:2px solid #d6d9e0;transition: 0.3s ease all;}
.register .each input:focus{border-color:#969fa1}
.register .invalid-feedback{font-size:14px;font-weight: normal;color:#E6A42E !important; }

.my-account{width:100%;display: flex;padding:40px 0;padding-top:145px;flex-wrap: wrap;justify-content: center;}
.my-account .container-fluid{justify-content: space-between;padding-top:45px;flex-wrap: wrap;}
.my-account-container{padding:20px;border-radius: 3px;border:3px solid #d8e3e6;width:100%;background:#ffffff;display: flex;}
.my-account-container .active{color:#555555;font-weight: 600;}
.my-account-container .sidebar{width:380px;display: block;padding:0 20px 0 10px;}
.my-account-container .sidebar ul{list-style: none;padding:0;margin:0;}
.my-account-container .sidebar li{padding:10px 0;border-bottom: 1px solid red;font-size:14px;border-bottom:1px dashed #c9c9c9;}
.my-account-container .content{width:100%;display: block;padding:10px;}
.my-account-container .content .if-no-question{width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.my-account-container .content .if-no-question p{width:100%;text-align: center;}
.my-account-container .content form{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.my-account-container .content>div{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.my-account-container .my-account-each:nth-child(1),.my-account-container .my-account-each:nth-child(2){padding:0 0 20px 0;}
.my-account-container .my-account-each{width:49%;display: block;font-size:14px;border-bottom:1px dashed #c9c9c9;padding:20px 0;}
.my-account-container .my-account-each label{width:100%;color: #555;font-weight: 700;display: block;margin-bottom: 5px;}
.my-account-container .my-account-each input{padding:10px;font-size:14px;color:#555555;width:100%;border:2px solid #d6d9e0;transition: 0.3s ease all;}
.my-account-container .my-account-each input:focus{border-color:#969fa1}
.my-account-container .my-account-each:nth-last-child(1){display: flex;justify-content: flex-end;align-items: flex-end;}
.my-account-container .my-account-each{width:49%;display: flex;justify-content: center;flex-wrap: wrap;}
.my-account-container .my-account-each .inner{width:100%;display: flex;background:#f5f5f5;margin:0 25px;justify-content: center;text-align: center;position: relative;flex-wrap: wrap;}
.my-account-container .my-account-each .inner .top{width:100%;padding:30px 20px;}
.my-account-container .my-account-each .inner .top h2 a{color:#666666;font-size:14px;font-weight: 400;transition: 0.3s ease all;}
.my-account-container .my-account-each .inner .top h2 a:hover{color:#E6A42E;}
.my-account-container .my-account-each .inner .top p{font-size:12px;color:#8d9aa5;margin:5px 0 0 0;}
.my-account-container .my-account-each .inner .top p a{color:#666666;transition: 0.3s ease all;}
.my-account-container .my-account-each .inner .top p a:hover{color:#E6A42E;}
.my-account-container .my-account-each .inner .top span{color:#8d9aa5;font-size:10px;}
.my-account-container .my-account-each .inner .bottom{background:#d6d9e0;display: block;width:100%;}
.my-account-container .my-account-each .inner .bottom a{font-size:12px;color:#8c8c8c;padding:10px;width:100%;display: inline-block;}
.my-account-container .my-account-each .inner .date{background:#E6A42E;width:35px;display: block;border-radius: 3px;color:#ffffff;padding:3px;position: absolute;top:20px;left:-18px;}
.my-account-container .my-account-each .inner .date p{font-size:16px;}
.my-account-container .my-account-each .inner .date span{font-size:12px;display: block;}
.my-account-container .new-topics>a{width:96%;display: inline-block;text-align: center;color:#8c8c8c;margin:25px 0;}
.my-account-jobs .content>div{width:100%;background:#ecf0f1;padding:20px;}
.my-account-jobs .view-list-applicant{color:#E6A42E}



.blog-listing{width:100%;display: flex;padding:40px 0;padding-top:145px;flex-wrap: wrap;justify-content: center;}
.blog-listing .container{flex-wrap: wrap;}
.blog-listing .blog-wrapper{width:100%;display: flex;flex-wrap: wrap;}
.blog-listing .each{width:25%;display: flex;justify-content: center;margin-bottom:15px;}
.blog-listing .each .inner{width:100%;display: flex;background:#ffffff;margin:0 25px;justify-content: center;text-align: center;position: relative;flex-wrap: wrap;}
.blog-listing .each .inner .top{width:100%;padding:30px 20px;min-height: 157px}
.blog-listing .each .inner .top h2 a{color:#666666;font-size:18px;font-weight: 400;transition: 0.3s ease all;}
.blog-listing .each .inner .top h2 a:hover{color:#E6A42E;}
.blog-listing .each .inner .top p{font-size:12px;color:#8d9aa5;margin:5px 0 0 0;}
.blog-listing .each .inner .top p a{color:#666666;transition: 0.3s ease all;}
.blog-listing .each .inner .top p a:hover{color:#E6A42E;}
.blog-listing .each .inner .top span{color:#8d9aa5;font-size:10px;}
.blog-listing .each .inner .bottom{background:#d6d9e0;display: block;width:100%;}
.blog-listing .each .inner .bottom a{font-size:12px;color:#8c8c8c;padding:10px;width:100%;display: inline-block;}
.blog-listing .each .inner .date{background:#E6A42E;width:35px;display: block;border-radius: 3px;color:#ffffff;padding:3px;position: absolute;top:20px;left:-18px;}
.blog-listing .each .inner .date p{font-size:16px;}
.blog-listing .each .inner .date span{font-size:12px;display: block;}
.blog-listing>a{width:96%;display: inline-block;text-align: center;color:#8c8c8c;margin:25px 0;}

.blog-detail{width:100%;display: flex;padding:40px 0;padding-top:175px;flex-wrap: wrap;justify-content: center;}
.blog-detail .show-blog{width: 78%;margin-right: 20px;display: block;background: #ffffff;color: #959c9d;border: 4px solid #e8ecf3;padding:25px;}
.blog-detail .side-bar{padding: 0 20px;width: 400px;display: block;}
.blog-detail .show-blog .title{margin:0;}
.blog-detail .show-blog .blog-extra-detail{width:100%;display: flex;justify-content: space-between;align-items: center;}
.blog-detail .show-blog .blog-extra-detail>p{font-size:12px;}
.blog-detail .show-blog .blog-extra-detail>p a{display: inline-block;}
.blog-detail .show-blog .blog-extra-detail>p a:nth-child(2){color:#666666;transition: 0.3s ease all;}
.blog-detail .show-blog .blog-extra-detail>p a:nth-child(2):hover{color:#E6A42E;}
.blog-detail .show-blog .blog-extra-detail .share-blog{width:auto;display: block;}
.blog-extra-detail .share-blog p{font-size:12px;}
.blog-extra-detail .share-blog p a{transition: 0.3s ease all;font-size:18px;margin-left:5px;}
.blog-extra-detail .share-blog p a:hover{color:#E6A42E;}
.blog-detail .rich-text-div{margin:15px 0;display: block;font-family: 'Open Sans', sans-serif !important;}
.blog-detail .rich-text-div p{margin-top:20px;font-size:13px;line-height: 25px;}
.blog-detail .rich-text-div p a{color:#8c8c8c;text-decoration: underline;transition: 0.3s ease all;display: inline-block;}
.blog-detail .rich-text-div p a:hover{color:#E6A42E;}
.blog-detail .rich-text-div img{display: block;width:100%;height: auto;margin:10px 0;}
.blog-detail .blog-tags{display: flex;justify-content: center;flex-wrap: wrap;width:100%;}
.blog-detail .blog-tags h2{font-size:16px;color:#999999;text-align: center;position: relative;margin-bottom:20px;width:100%;}
.blog-detail .blog-tags h2:before{content: '';background: #e4e4e4;height: 1px;width: 25%;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.blog-detail .blog-tags h2:after{content: '';background: #e4e4e4;height: 1px;width: 25%;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.blog-detail .blog-tags .tag-link{margin:5px;}
.blog-detail .popular-blog{display: flex;justify-content: center;flex-wrap: wrap;width:100%;}
.popular-blog .each{width:100%;display: flex;justify-content: center;margin-bottom:15px;}
.popular-blog .each .inner{width:100%;display: flex;background:#ffffff;margin:0 25px;justify-content: center;text-align: center;position: relative;flex-wrap: wrap;}
.popular-blog .each .inner .top{width:100%;padding:30px 20px;}
.popular-blog .each .inner .top h2 a{color:#666666;font-size:18px;font-weight: 400;transition: 0.3s ease all;}
.popular-blog .each .inner .top h2 a:hover{color:#E6A42E;}
.popular-blog .each .inner .top p{font-size:12px;color:#8d9aa5;margin:5px 0 0 0;}
.popular-blog .each .inner .top p a{color:#666666;transition: 0.3s ease all;}
.popular-blog .each .inner .top p a:hover{color:#E6A42E;}
.popular-blog .each .inner .top span{color:#8d9aa5;font-size:10px;}
.popular-blog .each .inner .bottom{background:#d6d9e0;display: block;width:100%;}
.popular-blog .each .inner .bottom a{font-size:12px;color:#8c8c8c;padding:10px;width:100%;display: inline-block;}
.popular-blog .each .inner .date{background:#E6A42E;width:35px;display: block;border-radius: 3px;color:#ffffff;padding:3px;position: absolute;top:20px;left:-18px;}
.popular-blog .each .inner .date p{font-size:16px;}
.popular-blog .each .inner .date span{font-size:12px;display: block;}
.popular-blog>a{width:96%;display: inline-block;text-align: center;color:#8c8c8c;margin:25px 0;}

.view-user{width:100%;display: flex;padding:40px 0;padding-top:175px;flex-wrap: wrap;justify-content: center;}
.view-user .view-user-container{padding: 20px;border-radius: 3px;border: 3px solid #d8e3e6;width: 100%;background: #ffffff;display: flex;flex-wrap: wrap;justify-content: space-between;}
.view-user-container .title{margin-top:0;}
.view-user-container .each{width: 49%;display: block;font-size: 14px;border-bottom: 1px dashed #c9c9c9;margin-bottom:20px;}
.view-user-container .each label{width: 100%;color: #737373;font-weight: 700;display: block;font-size:12px;}
.view-user-container .each h2{color:#555555;margin-bottom:25px;}
.view-user-container .user-ques-ans{width:100%;display: block;margin:20px 0;}
.view-user-container .user-ques-ans .heading{background:#26bcb5;font-size:14px;color:#ffffff;font-weight: 400;padding:15px;}
.view-user-container .user-ques-ans .heading h2{font-weight: 400;}
.view-user-container .user-ques-ans .sub-heading{width:100%;background:#c7cbd6;display: flex;padding:10px 15px;}
.view-user-container .user-ques-ans .col-1{display: block;flex-grow: 1;width:100%;}
.view-user-container .user-ques-ans .sub-heading .col-1 h3{color:#ffffff;font-weight: 400;display: block;}
.view-user-container .user-ques-ans .each{width:100%;display: flex;padding:15px;background:#ffffff;align-items: center;margin-bottom: 0px;}
.view-user-container .user-ques-ans .each h3 a{font-size:16px;color:#666666;font-weight:600;transition: 0.3s ease all;}
.view-user-container .user-ques-ans .each h3 a:hover{color:#E6A42E;}
.view-user-container .user-ques-ans .each span{font-size:13px;color:#94a0a0;}
.view-user-container .user-ques-ans .each span a{color:#666666;transition: 0.3s ease all;}
.view-user-container .user-ques-ans .each span a:hover{color:#E6A42E;}
.view-user-container .user-blog{width:100%;display: flex;flex-wrap: wrap;justify-content: center;}
.view-user-container .user-blog .each{width:33.333%;display: flex;justify-content: center;margin-bottom:15px;border-bottom:0;}
.view-user-container .user-blog .each .inner{width:100%;display: flex;background:#f5f5f5;margin:0 25px;justify-content: center;text-align: center;position: relative;flex-wrap: wrap;}
.view-user-container .user-blog .each .inner .top{width:100%;padding:30px 20px;}
.view-user-container .user-blog .each .inner .top h2{margin-bottom:5px;}
.view-user-container .user-blog .each .inner .top h2 a{color:#666666;font-size:16px;font-weight: 400;transition: 0.3s ease all;}
.view-user-container .user-blog .each .inner .top h2 a:hover{color:#E6A42E;}
.view-user-container .user-blog .each .inner .top p{font-size:12px;color:#8d9aa5;margin:5px 0 0 0;}
.view-user-container .user-blog .each .inner .top p a{color:#666666;transition: 0.3s ease all;}
.view-user-container .user-blog .each .inner .top p a:hover{color:#E6A42E;}
.view-user-container .user-blog .each .inner .top span{color:#8d9aa5;font-size:10px;}
.view-user-container .user-blog .each .inner .bottom{background:#d6d9e0;display: block;width:100%;}
.view-user-container .user-blog .each .inner .bottom a{font-size:12px;color:#8c8c8c;padding:10px;width:100%;display: inline-block;}
.view-user-container .user-blog .each .inner .date{background:#E6A42E;width:35px;display: block;border-radius: 3px;color:#ffffff;padding:3px;position: absolute;top:20px;left:-18px;}
.view-user-container .user-blog .each .inner .date p{font-size:16px;}
.view-user-container .user-blog .each .inner .date span{font-size:12px;display: block;}
.view-user-container .user-blog>a{width:96%;display: inline-block;text-align: center;color:#8c8c8c;margin:25px 0;}
.my-account-container .my-account-each select {
    padding: 10px;
    font-size: 14px;
    color: #555555;
    width: 100%;
    border: 2px solid #d6d9e0;
    transition: 0.3s ease all;
}


/*.blog-detail .side-bar .popular-tags{width:100%;display: block;}
.blog-detail .side-bar .popular-tags .heading{background:#26bcb5;padding:15px;}
.blog-detail .side-bar .popular-tags .heading h2{font-size:14px;color:#ffffff;font-weight: 400;}
.blog-detail .side-bar .popular-tags .sub-heading{width:100%;background:#c7cbd6;display: flex;padding:10px 15px;}
.blog-detail .side-bar .popular-tags .sub-heading h3{color:#ffffff;font-weight: 400;display: block;}
.blog-detail .side-bar .popular-tags .each{width:100%;display: flex;padding:15px;background:#ffffff;align-items: center;margin-bottom: 10px;}
.blog-detail .side-bar .popular-tags .each .col-1{display: block;flex-grow: 1;width:100%;}*/

section.jobs{padding-top:175px;}
.jobs .job-filters{width: 100%;padding: 25px 15px;border: 2px solid #dddddd;border-radius: 3px;background: #ffffff; margin-bottom: 30px;}
.jobs .job-filters>div {display: flex;width:100%;justify-content: space-between;}
.jobs .job-filters .select-box{width:20%;display: flex;flex-direction: column;}
.jobs .job-filters .select-box label{font-size:12px;color:#8d9aa5;margin:5px 0;}
.jobs .job-filters .select-box .select-items>div{background:#dde1e7;border-bottom:1px solid #f8f8f8;transition: 0.3s ease all}
.jobs .job-filters .select-box .select-items>div:hover{background:#ffffff;}
.jobs .job-filters .select2-container{width:100% !important}
.custom-select {position: relative;font-family: Arial;}

.jobs .job-listing .location{width:100%;color:#666666;font-size:13px;text-align: right;}
.jobs .job-listing .location a{transition: 0.3s ease all;}
.jobs .job-listing .location a:hover{color:#E6A42E}

.create-job .select2-container--default .select2-selection--single{background:#ffffff !important;font-size:14px !important; border:2px solid #d6d9e0 !important;width:100% !important;height: 43px !important}
.create-job .select2-container{width:100% !important;margin-bottom:0px !important;height:43px !important}
.create-job .select2-container--default .select2-selection--single .select2-selection__rendered{height:43px !important}
.create-job{width:100%;display: flex;padding:40px 0;padding-top:145px;flex-wrap: wrap;justify-content: center;}
.create-job .container-fluid{justify-content: space-between;padding-top:45px;flex-wrap: wrap;}
.create-job form{padding:20px;border-radius: 3px;border:3px solid #d8e3e6;width:100%;background:#ffffff;display: flex;flex-wrap: wrap;justify-content: space-between;}
.create-job .each{width:49%;display: block;font-size:14px;border-bottom:1px dashed #c9c9c9}
.create-job .full-each{width:100%;display: block;font-size:14px;border-bottom:1px dashed #c9c9c9;padding:20px 0}
.create-job .full-each label{width:100%;color: #555;font-weight: 700;display: block;margin-bottom: 5px;}
/*.create-job .full-each span{display: block;margin-top: 5px;margin-bottom: 30px;color: #737373;}*/
.create-job .full-each textarea{padding:10px;font-size:14px;color:#555555;width:100%;border:2px solid #d6d9e0;transition: 0.3s ease all;}
.create-job .each{padding-top:20px;padding-bottom:20px;}
.create-job .each:nth-last-child(1){display: flex;justify-content: flex-end;align-items: flex-end;}
.create-job .each label{width:100%;color: #555;font-weight: 700;display: block;margin-bottom: 5px;}
.create-job .each span{display: block;margin-top: 5px;margin-bottom: 30px;color: #737373;}
.create-job .each input{padding:10px;font-size:14px;color:#555555;width:100%;border:2px solid #d6d9e0;transition: 0.3s ease all;}
.create-job .each textarea{width:100%;padding:10px;font-size:14px;color:#555555;width:100%;border:2px solid #d6d9e0;transition: 0.3s ease all;}
.create-job .each input:focus{border-color:#969fa1}
.create-job .invalid-feedback{font-size:14px;font-weight: normal;color:#E6A42E !important; }
.my-account-jobs .job-filters{bacground:#ffffff}
.jobs .backto{font-size:14px;text-decoration: underline;color:#E6A42E;margin:5px 0 25px 0;}
.jobs .questions-list-style{width:100%;}
.jobs .download-cv{width:100%;display: flex;justify-content: flex-end; align-items: center}
.jobs .next-pre{width:100%;display: flex;justify-content: space-between}

footer{width:100%;display: flex;justify-content: center;padding:35px 0;background:#22354a;color:#ffffff;}
footer .container-fluid{justify-content: center;flex-wrap: wrap;margin:0 auto;}
footer ul{list-style: none;display: flex;margin-bottom:30px;}
footer ul li{padding:0 25px 0 0;font-size:14px;}
footer p{color:#869aaf;font-size:14px;width:100%;text-align: center;}
footer p a{color:#8c8c8c;}

@media only screen and (max-width : 1601px) {
    
}

@media only screen and (max-width : 1440px) {
    header .search{padding:0;}
    .section-1 .sidebar .login h2::before{width:10%;}
    .section-1 .sidebar .login h2::after{width:10%;}
    header .search{margin:0 20px;}

}

@media only screen and (max-width : 1365px) {
    .slider{min-height: 500px;}
    .slider h1{font-size:42px;}
    .slider p{font-size:18px;}
}

@media only screen and (max-width : 1279px) {
    header .logo{margin-right:0;}
    header .menu ul{padding:0;}
    .login-page .container-fluid{padding:45px 40px;width:100%;}
}

@media only screen and (max-width : 1199px) {
	.blog-detail .container{flex-wrap: wrap;}
	.blog-detail .show-blog{width:100%;margin-bottom:25px;margin-right:0;}
	.blog-detail .side-bar{width:100%;}
	.popular-blog .each{width:50%;}
}

@media only screen and (max-width : 1023px) {
    header{padding:20px 0;position: fixed;}
    header .logo{display: none;}
    header .menu{display: none;}
    header .search{display: none;}
    header .extra-menu{display: none;}
    header .mbl-header{display: flex;width: 100%;align-items: center;color:#999999;}
    header .mobile-menu{display: none;padding:15px;list-style: none;background:#ffffff;border:4px solid #e8ecf3;color:#959c9d;width:180px;position: absolute;right: 0;top:65px;}
    header .mobile-menu li{width: 100%;display: block;padding: 5px 10px;font-size: 16px;transition: 0.3s ease all;}
    header .mobile-menu li a{width:100%;display: block;}
    .mbl-header .mbl-logo{width:220px;display: block;flex-grow: 1;}
    .mbl-header .mbl-logo img{width:100%;display: block;height: auto;}
    .mbl-header .other-buttons{width:100%;display: flex;justify-content: flex-end;position: relative;}
    header .mbl-btn{display: block;width: 45px;height: 45px;outline: none;margin-left:10px;}
    header .mbl-btn{display: block;width: 45px;height: 45px;outline: none}
    header .mbl-btn div{display: flex;position: relative;}
    header .mbl-btn div img{height:45px;width: 45px;outline: none}
    header .mbl-btn img {position: absolute;top: 0;left: 0;padding: 8px 0 8px 8px;cursor: pointer}
    header .mbl-btn img+img {opacity: 0;}
    header .mbl-btn.open img{opacity: 0}
    header .mbl-btn.open img+img {opacity: 1}
    header .links-icon{width:auto;display: flex;align-items: center;}
    header .links-icon i{font-size:18px;padding-left: 20px;}
    header .links-icon a{width:100%;display: inline-block;}
    header .show-login-option{top:65px;}
    header .container{flex-wrap: wrap;}
    header .mbl-search{width:auto;flex-grow: 1;color:#ffffff;display: flex;align-items: center;margin:10px 0 0 0;}
    header .mbl-search input{border: none;width: 100%;font-size: 16px;padding: 10px 20px;color: #999999;background: #f5f5f5;margin:10px 0;}
    header .mbl-search button{width: 25px;display: block;content: '11';height: 42px;border: none;background: #f5f5f5;color: #999999;position: relative;}
    header .mbl-search button::before{top: 13px !important;left: 0px !important;position: absolute !important;}
    /*change header from here*/
    .slider{padding:137px 40px 0 40px;}
    .section-1 .container{flex-wrap: wrap-reverse;}
    .section-1 .content{width:100%;padding-right:0;}
    .section-1 .sidebar{width:100%;padding:0;margin-bottom:30px;}
    .section-1 .sidebar .login h2::before{width:25%;}
    .section-1 .sidebar .login h2::after{width:25%;}
    .section-2 .new-topics .each{width:50%;margin-bottom:30px;}
    .container-fluid{padding:0 40px;}
    .newsletter .text h2{font-size:16px;}
    .sorting-filter > div{flex-wrap: wrap;}
    .sorting-filter .select-box{width:48%;margin:10px 0;}
    .login-page .container-fluid{flex-wrap: wrap;}
    .login-page .side{width:100%;margin-bottom:15px;}
    .login-page .side:nth-child(1){padding-right: 0;}
    .login-page .side:nth-child(2){padding-left: 0;}


}

@media only screen and (max-width : 767px) {
    .container, .container-fluid{padding:0 20px;}
    .section-1 .sidebar .login h2::before{width:10%;}
    .section-1 .sidebar .login h2::after{width:10%;}
    .section-1 .sidebar .popular-tags .each .col-2{width:170px;}
    .questions-list-style .col-2{width:170px;}
    .questions-list-style .each h3 a{font-size:14px;}
    .section-2 .new-topics .each{width:100%;}
    .newsletter .container-fluid{flex-wrap: wrap;}
    .newsletter .text{width:100%;text-align: center;margin-bottom:15px;}
    .newsletter .form{width:100%;}
    .newsletter .form form{justify-content: center;}
    .top-pagination{flex-direction: column;}
    .top-pagination>a{margin:15px 0;}
    .top-pagination .pagination {display: flex;flex-wrap: wrap;justify-content: center;}
    .top-pagination .pagination a{margin:10px;}
    .sorting-filter .select-box{width:100%}
    .top-pagination .pagination .main-sort{margin-right:0px;justify-content: center;}
    .popular-blog .each{width:100%;}
    .view-user-container .each{width:100%;}
    .view-user-container .user-ques-ans .each{flex-wrap: wrap;text-align: center;}
    .view-user-container .user-ques-ans .each .col-2{width:100%;text-align: center;}
}

@media only screen and (max-width : 479px) {
	body{width:100%;overflow-x: hidden;}
    .slider{min-height: 370px;}
    .slider h1{font-size:24px;}
    .slider p{font-size:12px;}
    .questions-list-style .each .col-2 p{font-size:12px;}
    .section-1 .sidebar .popular-tags .each .col-2 p{font-size:12px;}
    .detail .extra-info{flex-wrap: wrap;}
    .detail .extra-info p{width:100%;text-align: center;margin-bottom: 15px;}
    .likes-btn{width:100%;margin:0 auto;text-align: center;}
    .detail .bottom-info{flex-wrap: wrap;justify-content: center;}
    .detail .bottom-info a{width:100%;text-align: center;margin-bottom:15px;}
    .detail .view-comments .each{justify-content: center;flex-wrap: wrap;}
    .detail .view-comments .each .avatar{margin:15px 0;}
    .detail .view-comments .each .text{margin-left:0px;margin-top:5px;}
    .detail .view-comments .each .text::before{top:-10px;left: 0;right:0;margin:auto;width: 0;height: 0;border-style: solid;border-width: 0 10px 13px 10px;border-color: transparent transparent #ffffff transparent;}
    .detail .view-comments .each .text .row{flex-wrap: wrap;justify-content: center;}
    .detail .view-comments .each .text .row a:nth-child(1){width:100%;margin:10px 0;text-align: center;}
    .top-pagination .pagination a{margin:10px 2px;}
    .login-page .side h1::before{width:30px;}
    .login-page .side h1::after{width:30px;}
}

@media only screen and (max-width : 359px) {
    footer ul{flex-wrap: wrap;padding:0;}
    footer ul li{width:100%;padding:10px 0;text-align: center;}
    .section-1 .sidebar .login h2::before{display: none;}
    .section-1 .sidebar .login h2::after{display: none;}
    .top-pagination .pagination a{margin:5px 2px;}
    .top-pagination .pagination .main-sort a{font-size:13px;padding:5px;}
    header .mbl-search{width:100%;}
    header .mbl-search input{width:75%;}
}

/*added style*/
.register-terms .acceptance button{float: right;margin-top:20px;display: inline-block;}
.email-alert {width: 100%;padding: 15px;background: #E6A42E;color: #fff;border: 1px solid #f5c6cb;position: fixed;bottom: 0;z-index: 120;left: 0;right: 0;margin: auto;display: flex;align-items: center;transform: translateY(0);transition: 0.2s ease all;}
 .email-alert a{font-weight: 600;color:#666666;transition: 0.3s ease all;}
 .email-alert a:hover{color:#E6A42E;}
 .email-alert .closebtn{padding:10px 35px;display: inline-block;}

 .error-alert {padding: 20px;background-color: #f44336;color: white;}
 .error-alert.closebtn {margin-left: 15px;color: white;font-weight: bold;float: right;font-size: 22px;line-height: 20px;cursor: pointer;transition: 0.3s;}
 .error-alert.closebtn:hover {color: black;}
.my-account-container .add-topic-each:nth-child(1),.my-account-container .add-topic-each:nth-child(2){padding:0 0 20px 0;}
.my-account-container .add-topic-each{width:100%;display: block;font-size:14px;padding:20px 0;}
.my-account-container .add-topic-each label{width:100%;color: #555;font-weight: 700;display: block;margin-bottom: 5px;}
.my-account-container .add-topic-each input{padding:10px;font-size:14px;color:#555555;width:100%;border:2px solid #d6d9e0;transition: 0.3s ease all;}
.my-account-container .add-topic-each input:focus{border-color:#969fa1}
.my-account-container .add-topic-each:nth-last-child(1){display: flex;justify-content: flex-end;align-items: flex-end;}
.answer-form{width: 100%}
.btn-gray-addqst{font-size:14px;color:#ffffff;background:#c7cbd6;padding:10px 35px;border-radius: 3px;border:none;margin:10px 0;display: inline-block;float: right;}
.my-account-container .my-account-each-blank{width:49%;display: block;font-size:14px;padding:20px 0;}
.cookie-alert {width: 100%;padding: 15px;background:#ffffff;color: #8d9aa5;border-top: 1px solid #E6A42E;position: fixed;bottom: 0;z-index: 120;left: 0;right: 0;margin: auto;display: flex;align-items: center;transform: translateY(0);transition: 0.2s ease all;display: flex;justify-content: space-between;transition: 0.3s ease all}
.cookie-alert a{font-weight: 600;color:#666666;transition: 0.3s ease all;}
.cookie-alert a:hover{color:#E6A42E;}
.cookie-alert button{font-size:10px;color:#ffffff;background:#996716;;padding:10px 35px;border-radius: 3px;border:none;margin:10px 0;display: inline-block;}
.cookie-alert.remove{display: none;}


.verify-alert {width: 100%;background: #E6A42E;color: #fff;border: 1px solid #f5c6cb;position: fixed;bottom: 0;z-index: 120;left: 0;right: 0;margin: auto;display: flex;align-items: center;transform: translateY(0);transition: 0.2s ease all;}
.verify-alert a{font-weight: 600;color:#666666;transition: 0.3s ease all;}
.verify-alert a:hover{color:#E6A42E;}
.verify-alert .closebtn{padding:10px 35px;display: inline-block;}



#snackbar {
  visibility: hidden; 
  min-width: 100px; 
  margin-left: -125px;
  background-color: #333;
  color: #fff; 
  text-align: center;
  border-radius: 2px; 
  padding: 16px;
  position: fixed;
  z-index: 1; 
  left: 50%; 
  bottom: 30px;
}

#snackbar.show {
  visibility: visible; 
  
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

div.val-message.val-info {
    background: #fff5c3;
    color: #806d6d;
    border: solid 1px #ddac72;
    border-radius: 6px;
    font-size: 16px;
    margin-top: 15px;
    padding: 15px;
    text-align: center;
}
div.val-message.val-info a{
    color: #22354a;
   
}
.pageCenter {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    float: none;
}

.swal-icon{display: none !important;}
.swal-button--cancel{font-size:10px !important;color:#aaaaaa !important;border-radius: none !important}
.swal-button--danger{background:#996716 !important;}
/*end*/