body { font-family: 'robotoregular';font-weight: 400;font-style: normal;font-size: 14px;width: 100%;}
img{  max-width: 100%;}
li{ list-style: none;}
a:hover{ text-decoration: none !important;}
p:hover{ text-decoration: none !important; }
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
*{ padding: 0; margin: 0; box-sizing: border-box}
section{ float:left; width:100%}


@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1170px;}
a {text-decoration: none;}
/*------------Header---------------*/
.home-main{float:left; width:100%; position:relative;}
.menu_header .navbar {padding: 8px 0 0;}
header {float: left;width: 100%;z-index: 9;}
.menu_header .navbar-nav .nav-link { color: #3b3663 ; font-size: 16px; font-family:'robotoregular';padding:2px 14px; 
font-weight: normal; position: relative; text-transform: uppercase; text-align: center;}
.menu_header .navbar-nav .nav-link span{ display: block;}
.menu_header .navbar-nav .nav-item .nav-link:hover,
.menu_header .navbar-nav .nav-item.active .nav-link { color: #e41d36 ; }
.menu_header {display: inline-block;width: 100%; padding: 10px 0 }
.header-inner .menu_header {padding: 15px 0;}
.show-mobile{ display:none !important}

.menu_header.fixed-me {margin-bottom: 5px;	position: fixed;top: 0;z-index: 888;width: 100%;border-bottom: none !important;
 left: 0;box-shadow: 0 0 10px 0 #333;border-radius: 0;border-color: #fff;color: #000; background: #fff;}
header .menu_header .mobile_sh{ display: none}
.language-dropdown a{ margin-top: 13px; }
.language-dropdown a i{ margin-right: 5px;}
.search-item i{ margin-top: 12px;}
.language-dropdown .dropdown-menu {margin: 0;padding: 0;}
.language-dropdown .dropdown-menu a{ margin-top: 0;}
.search-icon {font-size: 22px;color: dimgray;background-color: transparent;border: 0;outline: none;}
.search-toggle .search-icon.icon-close {display: none; }
.search-toggle.opened .search-icon.icon-search {display: none;}
.search-toggle.opened .search-icon.icon-close {display: block; }
.search-container {position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;
transition: all 0.3s;overflow: hidden;background-color: #eee;}
.search-container.opened {height: 58px;}
.search-container input[type="text"] {outline: none;font-size: 17px;margin: 0;width: 300px;background-color: inherit;border: 0;}
.search-container .search-icon {vertical-align: middle;}
.search-container .search-icon {position: absolute;right: 12px;top: 4px;}
.search-container {position: absolute;right: 15px;background: #FFF;box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);border-radius: 10px;
top: 60px;height: 0;}
.search-form{padding: 15px;}
/*---------banner--------------*/
#toTop {background: #1c1c1c;border-radius: 50%;bottom: 10px;cursor: pointer;display: none;font-weight: bold;height: 40px;line-height: 37px;padding: 0;
 position: fixed;right: 10px; text-align: center;transition: transform 0.5s ease 0s;width: 40px;z-index: 999999;}

 /*---------------Footer-------------------*/
.footer { background: #F9F9FF ; display: inline-block; width: 100%; padding:50px 0 0; color: #01406c;border-top: 1px #ddd solid;} 
.footer_center{ display: inline-block; width: 100%; padding:0 0 30px}
.title-widget {color: #000;font-size: 24px;line-height: 1;position: relative; margin:0px 0 9px; display: inline-block; width: 100%;font-family: 'robotobold';}
.title-widget span {position: relative; display: inline-block; width: 100%}
.footer-bottom {display: inline-block;width: 100%;background: #222;padding: 20px 0;}
ul.user_link {list-style: outside none none;padding-left: 0 ; text-align: right}
ul.user_link li {position: relative;display: inline-block;}
ul.user_link li::after {content: "/";color: #fff;font-size: 12px;top: 5px;position: absolute;}
ul.user_link li a{ font-size: 16px; line-height: 25px; color: #fff; font-weight: 400; text-decoration: none ;font-family: 'robotolight';padding: 0 10px ;}
ul.user_link li.active a,
ul.user_link li a:hover{  color: #e41d36; }
ul.user_link li:last-child a{ padding-right: 0;}
ul.user_link li:last-child::after{ display: none;}
ul.user_link li a i{ margin-right: 20px;}
.ftdrop3,
.ftdrop2,
.ftdrop1{ display: none}
.footerp{ display: inline-block; width: 100%; padding-top: 16px;}
.footer_logo {display: inline-block;border-bottom: 1px #3a3a3a solid;width: 78%;padding-bottom: 40px;}
.support-email {display: inline-block;width: 100%;padding-top: 10px;}
.support-email a {color: #222;font-size: 16px;}
.support-email i {color: #222;font-size: 16px; margin-right: 5px;}
.copyright {display: inline-block;padding-top: 2px;}
.copyright p {color: #fff;font-size: 16px;}
.about-txt {display: inline-block;width: 100%;padding-top: 10px;}
.about-txt p {color: #505050;font-size: 15px;}
        
.header .fixed-me .navbar-nav {margin-left: auto;}
.footer_social h3 {color: #fff;font-size: 24px; margin:0px 0 9px; display: inline-block; width: 100%;font-family: 'nunitosemibold';}
.footer_social {float: left;width: 100%;padding: 25px 0 0;}
.footer_social a {display: inline-block;font-size: 18px;margin-right: 5px;color: #fff;width: 40px;height: 40px;text-align: center;
border-radius: 50%;line-height: 42px; background: #2280fc;}


/*------------blog-page-------------*/
.post-group-section {background: #f6f9fc;padding: 20px 0;}
.post-group-section h1 {font-family: 'robotomedium';font-size: 35px;color: #0d253c;}
.post-group-bx{ display:inline-block; width:100%; margin-top:20px;}
.post-group {display: inline-block;width: 100%;position: relative;overflow: hidden;border-radius: 30px;}
.post-group-img {display: inline-block;width: 100%;height:100%}
.post-group-details {display: inline-block;width: 100%;position: absolute;left: 0;bottom: 0;text-align: center;padding: 30px 20px 20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,132b42+13,132b42+13&0+0,1+99 */
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(19,43,66,0.13) 13%, rgba(19,43,66,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(19,43,66,0.13) 13%,rgba(19,43,66,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(19,43,66,0.13) 13%,rgba(19,43,66,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#132b42',GradientType=0 ); /* IE6-9 */
}
.post-group-details h2 {font-family: 'robotomedium';font-size: 30px;color: #fff;}
.post-group-details p {font-family: 'robotomedium';font-size: 16px;color: #fff;}
.opinions-group-section {padding: 40px 0;background: #f6f9fc;}
.main-hadding {font-family: 'robotomedium';font-size: 35px;color: #0d253c;}
.opinions-group-bx {display: inline-block;width: 100%;margin-top: 30px;}
.opinions-group {display: inline-block;width: 100%;background: #dcedfe;border-radius: 30px;padding: 30px; margin-bottom:30px}
.opinions-group-img {float:left;width: 100%;border-radius: 30px;overflow: hidden;width: 440px;}
.opinions-group-details {overflow: hidden;padding: 0 30px;}
.opinions-group-details h3 {font-family: 'robotomedium';font-size: 32px;color: #0d253c;}
.opinions-group-details h4 {font-size: 20px;color: #000; margin:10px 0}
.opinions-group-details h4 i {font-size: 25px;vertical-align: middle;margin-right: 5px;}
.opinions-group-details p {font-size: 20px;color: #000; margin:10px 0; line-height:34px}
.byuser {display: inline-block;width: 100%;margin-top: 20px;}
.byuser-img {float: left;width: 80px;height: 80px;overflow: hidden;border-radius: 50%;}
.byuser-details {overflow: hidden;padding: 5px 20px;}
.byuser-details h5 {font-family: 'robotomedium';font-size: 25px;color: #0d253c;}
.byuser-details ul {display: inline-block;width: 100%;padding-top: 5px;}
.byuser-details ul li {display: inline-block; padding-right:30px;font-family: 'robotomedium';font-size: 20px;color: #0d253c;}
.byuser-details ul li i{ margin-right:7px}
.faverots i{ color:#eeb523}
.usera-group-section {padding: 40px 0;background: #f6f9fc;}
.usera-group-bx {display: inline-block;width: 100%;margin-top: 30px;}
.usera-group {display: inline-block;width: 100%;background: #fff;padding: 10px;box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
.usera-group-img {display: inline-block;position: relative;overflow: hidden;}
.usera-group-details {display: inline-block;width: 100%;padding: 10px 70px 10px 0;position: relative;}
.usera-group-details h3 {font-family: 'robotomedium';font-size: 25px;color: #0d253c;}
.usera-group-details p {font-size: 20px;color: #000; margin:5px 0 0; }
.user-ver-icon {position: absolute;right: 10px;top: 50%;transform: translate(0,-50%);}
.usera-question {display: inline-block;width: 100%;background: #eeb523;padding: 30px;border-radius: 30px;}
.usera-question-section {padding: 20px 0;background: #f6f9fc;}
.usera-question h2 {font-family: 'robotomedium';font-size: 25px;color: #0d253c;}
.usera-question h2 span{ color:#fff}
.question-ans-bx {display: inline-block;width: 100%;margin-top: 30px;}
.question-ans {display: inline-block;width: 100%;margin-bottom: 20px;}
.question-ans .btn-primary {color: #fff;background-color: #2e281a;border-color: #2e281a;border-radius: 40px;padding: 7px 34px;font-family: 'robotomedium';}
.question-ans p {font-size: 18px;color: #000;margin: 15px 0 0;text-align: center;}
.question-ans input[type="radio"]{display: none;}
.question-ans input[type="radio"] + label{ position: relative; display: inline-block; padding-left: 1.5em; margin-right: 2em; cursor: pointer; line-height: 1em;
 -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size:20px}
.question-ans input[type="radio"] + label:before,
.question-ans input[type="radio"] + label:after{ content: ''; position: absolute; top: 0; left: 0; width: 1em; height: 1em; text-align: center; color: white;
  font-family: Times; border-radius: 50%; -webkit-transition: all .3s ease; transition: all .3s ease;}
.question-ans input[type="radio"] + label:before { -webkit-transition: all .3s ease; transition: all .3s ease; box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em white;}
.question-ans input[type="radio"] + label:hover:before { -webkit-transition: all .3s ease;  transition: all .3s ease;  box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;}
.question-ans input[type="radio"]:checked + label:before {  -webkit-transition: all .3s ease;  transition: all .3s ease;  box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #2e281a;}
.topic-group-section {padding: 40px 0;background: #f6f9fc;}
.topic-group-bx {display: inline-block;width: 100%;margin-top: 30px;}
.topic-group {display: inline-block;width: 100%;background: #ffefef;padding: 20px;border-radius: 20px;}
.topic-group-img {display: inline-block;width: 100%;overflow: hidden;border-radius: 20px;}
.topic-group-details {display: inline-block;width: 100%;padding-top: 10px;}
.topic-group-details h3 {font-family: 'robotomedium';font-size: 25px;color: #0d253c;}
.topic-group-details p {font-family: 'robotomedium';font-size: 16px;color: #0d253c;margin-top: 3px;}
.topic-group-details p i {font-size: 21px;vertical-align: top;margin: 2px 3px 0 0;}
.banner1-section{ padding:20px 0;background: #f6f9fc;}
#slide-latest-groups .owl-item{ padding:2px}
#slide-group .owl-item{ padding:2px}
#slide-categories .owl-item{ padding:2px}
#slide-latest-post .owl-item{ padding:2px}
.latest-post-group {display: inline-block;width: 100%;background: #fff;padding: 20px;border-radius: 20px;box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
.latest-post-img {display: inline-block;width: 100%;overflow: hidden;border-radius: 20px;}
.latest-post-details {display: inline-block;width: 100%;padding-top: 10px;}
.latest-post-details h3 {font-family: 'robotomedium';font-size: 25px;color: #0d253c;}
.latest-post-details p {font-family: 'robotomedium';font-size: 16px;color: #0d253c;margin-top: 3px;}
.post-usger {display: inline-block;width: 100%;margin-top: 15px;}
.post-usger i {display:inline-block;width: 50px;height: 50px;overflow: hidden;border-radius: 50%; vertical-align:middle}
.post-usger span {display:inline-block;font-family: 'robotomedium';font-size: 20px;color: #0d253c;vertical-align:middle; padding-left:20px;}
.banner-2 {display: inline-block;width: 100%;overflow: hidden;border-radius: 30px;}
.site-progress-section {padding: 40px 0;background: #f6f9fc;}
.site-progress-bx {display: inline-block;width: 100%;background: #fbffef;box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);padding: 30px;border-radius: 30px;}
.site-progress {display: inline-block;width: 100%;margin-top: 15px;}
.site-progress-bx h2 {font-family: 'robotomedium';font-size: 30px;color: #0d253c;}
.progressd {display: inline-block;width: 100%;}
.site-progress label {font-family: 'robotomedium';font-size: 20px;color: #141414;margin-top: 3px; margin-bottom: 3px}
.progress-bar { width: 0; -webkit-animation: progress 1.5s ease-in-out forwards; animation: progress 1.5s ease-in-out forwards;}
.progress-bar .title { opacity: 0; -webkit-animation: show 0.35s forwards ease-in-out 0.5s;  animation: show 0.35s forwards ease-in-out 0.5s;}
.progressd .progress-bar {text-align: left;background-color: #2e281a;border-radius: 30px;padding: 2px 20px;}
@-webkit-keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.usera-question-section2{ padding: 10px 0;}
.usera-group-section-top{ padding-top:0}
.post-group-section-top{ padding-bottom:20px}
.qa-favourite-post i {
	color: #ff492f !important;
}