.logo {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    background-color: #4DBDEB;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0px 10px;
    padding-bottom: 5px;
    border-radius: 2px;
    font-family: 'Rubik', sans-serif;
}

.logo:hover{
    text-decoration: none;
    color: #fff;  
}

.registr{
    text-align:right;
    margin-top: 10px;
}

a.createProfile,
a.createProfile:visited,
a.login,
a.login:visited{
    text-decoration: none;
    display: inline-block;
    line-height: 30px;
    padding: 0px 10px;
    border-radius: 2px;
    font-family: 'Helvetica', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #555;
    margin-top: 10px;
}

a.createProfile:hover,
a.login:hover{
    background-color:#4DBDEB;
    color:white;
}

a.ask{
	display: inline-block;
    border: solid 2px #4DBDEB;
    border-radius: 2px;
    color: #555;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}
a.ask:hover {
    color: #fff;
    background-color: #4DBDEB;
	text-decoration: none;
}

/*a.ask {
	display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background-color: #4DBDEB;
    text-align: center;
    padding: 8px 10px;
    border-radius: 2px;
    font-family: 'Rubik', sans-serif;
}
/*log in*/
.header-user{
    top: 20px;
    text-align: right;
}

.header-user.member-photo{
    height: 30px;
    width: 30px;
}

.header-popup .member-photo img {
    padding: 3px;
}

.header-member img{
    /*height: 100%;*/
    height: 32px;
    border-radius: 3px;
}

.header-user span.member-nophoto{
    display: inline-block;
    height: 100%;
    font-size: 25px;
    vertical-align: middle;
    color: #999;
}

.header-user span.member-nophoto .fa{
    padding-bottom: 20px;
    vertical-align: middle;
    padding-left: 3px;
}

.header-user .member-name{
    color: #555;
    font-weight: 600;
    padding-right: 5px;
    text-decoration: none;
}

.header-user .header-member {
    height: 34px;
    display: inline-block;
    padding: 2px;
    padding-bottom: 0;
    position: relative;
}

.header-user .header-member:hover{
    text-decoration: none;
}

.header-user .member-name:hover{
    color: #4DBDEB;
    text-decoration: none;
}

.pop-hover{
    display: inline-block;
	line-height: 30px;
}

.pop-hover .header-popup{
    display: none;
}

.pop-hover:hover .header-popup{
    display: inline-block;
}

.header-popup{
    background-color: #fff;
    position: absolute;
    /*top: 35px;*/
    z-index: 1;
    /*width: 110px;*/
    right: 0px;
    top: 0px;
    text-align: left;
    border: 1px solid #999;
    border-radius: 3px;
}

.header-popup a {
    display: block;
    padding-left: 10px;
    line-height: 30px;
    height: 30px;
    color: #555;
    padding-right: 10px;
}

.header-popup a:hover{
    text-decoration: none;
    background-color: #f7f8f8;
}

/*log in*/

/*create profile login forgot password*/
.modal-body{
    padding:0px;
}
.modal-content{
    border-radius:0px;
}
.closeForm{
    position:absolute;
    z-index:100;
    text-align:right;
    right:10px;
    top:10px;
}
.imglogin{
    background-color: #4DBDEB;
    padding-top:44px;
    padding-bottom:44px;
    margin-bottom:30px;
}
.text-login{
    text-align:center;
}
.imglogin h2{
    display:inline-block;
    line-height:40px;
    color:white;
    font-family:'Rubik', sans-serif;
    font-size:35px;
    margin-bottom:0;
    margin-top:0;
}
.imglogin .fa{
    color:white;
}
.user,
.search-line{
    padding-right:20px;
    padding-left:20px;
}
.user1 p{
    text-align:right;
    font-size:13px;
    margin-bottom:0px;
}
.user1{
    padding-right:20px;
    padding-left:20px;
}
.user1 input{
    width:100%;
    margin-top:10px;
    height:70px;
    padding-bottom:30px;
}
.user input{
    width:100%;
    margin-top:10px;
    height:35px;
}
.modal-inner .form-control{
    display:block;
    border-radius:3px;
}
.user a.show-link,
.user a.white-link{
    float:right;
    color:grey;
    font-size:12px;
    text-decoration:underline;
}

.user a.have-link{
    float:right;
    color:grey;
    font-size:14px;
    text-decoration:underline;
	margin-bottom: 5px;
}

.user a.have-link i.fa.fa-check{
	color:#3e8f3e;
	padding-right: 3px;
}
.user p{
    font-size:14px;
    margin-bottom:0px;
}
.user .btn-success{
    width:100%;
    height:35px;
    border-radius:3px;
    float:none;
    font-size:20px;
    color:white;
    text-decoration:none;
    padding-top:0px;
    padding-bottom:0;
    margin-top:15px;
}
.user1 .btn-success{
    width:100%;
    height:35px;
    border-radius:3px;
    float:none;
    font-size:20px;
    color:white;
    text-decoration:none;
    padding-top:0px;
    padding-bottom:0;
    margin-top:15px;
    margin-bottom:20px;
}
.user2{
    padding-right:20px;
    padding-left:20px;
}
.user2 .btn-success{
    width:100%;
    height:35px;
    border-radius:3px;
    float:none;
    font-size:20px;
    color:white;
    text-decoration:none;
    padding-top:0px;
    padding-bottom:0;
    margin-top:20px;
    margin-bottom:20px;
}
.nets{
    margin-top:15px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:90px;
}
.nets .btn-danger{
    width:49%;
    height:35px;
    border-radius:3px;
    font-size:16px;
    float:right;
}
.nets .btn-primary{
    width:49%;
    height:35px;
    border-radius:3px;
    font-size:16px;
    float:left;
}
.separ{
    text-align:center;
    margin-top:20px;
}
.separ h3{
    font-size:14px;
    line-height:20px;
    color:#555;
    width:100%;
    margin:0;
    padding:0;
    text-align: center;
}
.separ h3:after{
    display:inline-block;
    margin-top:7px;
    margin-left:10px;
    height:3px;
    border-bottom:3px solid #f6f5f5;
    content:" ";
    background-color:#e0dbdb;
    width:38%;
}
.separ h3:before{
    display:inline-block;
    margin-top:7px;
    margin-right:10px;
    height:3px;
    border-bottom:3px solid #f6f5f5;
    content:" ";
    background-color:#e0dbdb;
    width: 38%;
}

.alert.alert-dismissible.alert-danger {
    color: crimson;
    background: none;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    border: 0;
    text-shadow: unset;
    padding-right: 22px;
}
/*login*/

.site-name:after{
    content: '';
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,0.075);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    margin: 0 auto;
    display: block;
}

.home-page .main {
    margin-bottom: 30px;
}

.section {
    margin-bottom: 30px;
}

.section h1,
.section h2{
    margin-bottom: 2px;
}

.section h1 a,
.section  h2 a{
    font-size: 25px;
    color: #555;
    padding: 10px;
}

.section  a:hover {
    text-decoration: none;
    background-color: #f6f6f6;
    border-radius: 3px;
}

.section .main h1 a span.number, 
.section .main h2 a span.number{
	font-size: 14px;
	color: #999;
}

.section .main .text-field .last {
	font-size: 14px;
	color: #999;
}

 a img.icon {
    width: 40px;
    /*margin-right: 10px;*/
}
 
.topic-start a.topic {
    color: #555;
    font-size: 15px;
    margin-right: 5px;
    border: solid 1px #4DBDEB;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
	display: inline-block;
	margin-top: 3px;
}

.topic-start {
    margin-left: 60px;
	margin-bottom: 5px;
}

.topic-start a.topic:hover {
    color: #111;
}

.text-field .panel.last-text{
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,0.075);
    margin-top: 3px;
}

 .text-field .panel-body.last-text{
    padding: 10px;
    line-height: 1.3;
}

.text-field .last-text a.quest {
    color: #555;
    font-weight: 500;
    font-size: 18px;
}

.text-field .last-text a.quest:hover {
    color: #111;
    background: none;
    text-decoration: none;
}

 .text-field .last-text .down {
    line-height: 2;
}

 .text-field .last-text .down a.link {
    color: #999;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
}

 .text-field .last-text .down a.link:hover {
    background: none;
    text-decoration: underline;
}

.text-field .last-text .down .date{
    /*margin-left: 20px;*/
    font-size: 11px;
    color: #999;
}

 .text-field .last-text .down .answer{
    float: right;
    border: solid 1px #4DBDEB;
    border-radius: 2px;
    color: #555;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}

 .text-field .last-text .down .answer:hover {
    color: #fff;
    background-color: #4DBDEB;
}

/*sidebar related posts*/
.sidebar .container-fluid {
    padding: 0;
}

.sidebar .wrapper.related-posts{
    min-height: 0;
    padding: 5px;
    margin-top: 3px;
}

.sidebar .wrapper {
	border: 1px solid #EAEAEA;
	background-color: #F4F4F4;
}

.sidebar .wrapper.related-posts .wrapper.box-sidebar {
    margin-bottom: 10px;
    background-color: #fff;
    min-height: 0;
	padding: 5px;
}

.posts-sidebar {
    color: #fff;
    border-bottom: 3px solid #4DBDEB;
    margin-top: 0;
    line-height: 30px;
    font-weight: 600;
}

.posts-sidebar> .big-text{
    background-color: #4DBDEB;
    padding: 3px 12px;
    padding-bottom: 1px;
    display: inline-block;
    font-size: 18px;
}

.sidebar .related-posts a.quest {
    color: #555;
    font-weight: 500;
    text-align: center;
	text-decoration: none;
}

.sidebar .related-posts a.quest:hover,
.sidebar .related-posts a.quest:focus {
    color: #111;
    background: none;
    text-decoration: none;
}
/*sidebar*/

/*question html*/
.search-line .panel {
	border: 1px solid rgba(0,0,0,0.075);
	margin-top: 10px;
}
.search-line .related-links {
	margin-left: 25px;
    margin-bottom: 5px;
    min-height: 20px;
}
.search-line input {
	margin-bottom: 5px;
	margin-top: 5px;
}
.search-line .url-cont {
    margin-bottom: 10px;
    width: 100%;
    margin-top: 10px;
}
.search-line .url-cont input {
    margin-bottom: 0px;
    margin-top: 0px;
}
.search-line .related-links > span {
    display:block;
}
.search-line .related-links a{
	color: #555;
	line-height: 2;
}
.search-line .related-links .bot {
	color: #555;
	line-height: 2.5;
	cursor: pointer;
}
.search-line .related-links .bot:hover{
	border: solid 1px #4DBDEB;
	border-radius: 2px;
	color: #555;
	padding-left: 10px;
	/*padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;*/
}
.search-line span.select {
	font-weight: 600;
	color: #555;
	font-size: 16px;
}
.search-line .topic-start {
	margin-left: 0;
}
.search-line .topic-start a:hover{
	text-decoration: none;
	background-color: #f6f6f6;
}
.search-line .publish {
	float: right;
    margin-top: 10px;
}
.search-line .down{
	min-height: 50px;
}
.search-line .down .answer{
    float: right;
    border: solid 1px #4DBDEB;
    border-radius: 2px;
    color: #555;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
	line-height: 2.1;
}
.search-line .down .answer:hover{
    color: #fff;
    background-color: #4DBDEB;
	text-decoration: none;
}
/*question html*/

footer {
    background-color: #f6f6f6;
}

.copyrights .foot-home {
    margin-top: 15px;
}

.copyrights .foot-home a {
    font-weight: bold;
    color: #777;
    display: inline;
    margin-right: 30px;
}

.copyrights .policy {
    display: block;
    font-weight: bold;
    color: #777;
}

.copyrights:before{
    content: '';
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,0.075);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    margin: 0 auto;
    display: block;
}

.copyrights p{
    text-align: right;
    padding-top: 10px;
    line-height: 30px;
    padding-bottom: 10px;
    font-family: 'Rubik', sans-serif;
    font-size: 14px; 
    color: #777;
}

a#scroll{
    bottom:10px;
    position:fixed;
    right:20px;
    opacity:.5;
    font-size:35px;
}

a#scroll:hover{
    opacity:1;
}

.fa-chevron-up{
    color:#4DBDEB;
}


/* This is for all xs size */
@media(max-width:767px){
    .logo {
        font-size: 25px;
        margin-bottom: 10px;
        margin-top: 15px;
        padding: 0px 10px;
        padding-bottom: 3px;
        padding-top: 3px;
    }
    
   .topic-start {
        padding-right: 0;
    }
    
    .topic-start a.topic {
        font-size: 14px;
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px;
    }
    
    .text-field .last-text a.quest {
        color: #555;
        font-weight: 500;
        font-size: 16px;
    }
    .copyrights .foot-home a {
        display: inline;
        margin-right: 10px;
    }
	
    .imglogin {
    	padding-top: 34px;
    	padding-bottom: 24px;
	}
	
}

/*@media(max-width:993px) {
	.copyrights {
        
    }
}*/