/* Base CSS */
body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #BB1919;
  outline: 1px solid slategrey;
  border-radius: 10px;
}

aside.dotblog-top-right-sidebar::-webkit-scrollbar {
    width: 4px;
height: 20px;
}
 
aside.dotblog-top-right-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
aside.dotblog-top-right-sidebar::-webkit-scrollbar-thumb {
  background-color: #BB1919;
  outline: 1px solid slategrey;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
.no-padd{
    padding-left: 0px;
    padding-right: 0px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}
html,
body { height: 100% }
body {
	
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 3px !important;
    padding-right: 3px !important;
    width: 100%;
}
a:hover { text-decoration: none }
section.testimonials {
    padding: 70px 0;
}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

header.dotblog-header {
    height:  70px;
    background: #BB1919;
    position:  relative;
}
header.dotblog-header.stickyheader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    transition: .5s ease-in-out;
}
a.site-logo {
    line-height: 68px;
}

header nav.navbar ul.navbar-nav li a {
    color: #fff !important;
    font-size:  17px;
    line-height: 36px;
}


.dropdown-menu {
    background: #BB1919;
}
.dropdown-item:focus, .dropdown-item:hover {
    background:  #000;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #fff;
    outline: 0;
    box-shadow: none !important; 
}
nav.navbar form i.fa-search {
    position:  absolute;
    right: 7%;
    color:  #000;
    cursor: pointer;
    font-size:  18px;
    width:  20px;
    height:  100%;
    padding: 10px 0;
}

nav.navbar form {
    position: relative;
    width: 55%;
    float: left;
    margin: 8px 0 !important;
}
nav.navbar form input[type=search]{
	width: 100%;
}

/*a.sign-in {
    color: #fff;
    font-size: 18px;
    display: block;
    position: absolute;
    padding: 5px;
    right: 0;
}*/

a.sign-in i.fa-sign-in {
    vertical-align: middle;
    padding-right: 5px;
}
section.dotblog-slide-wrapper, div.dotblog-slides, div.dotblog-slides div.dotblog-slider-item {
    height: 570px;
    position:  relative;
}
.dotblog-slider-table {
    height:  100%;
    display:  table;
    width:  100%;
}

.dotblog-slider-tableCell {
    height:  auto;
    display:  table-cell;
    vertical-align: bottom;
}
.slider-description {
    background:  rgba(0,0,0,.7);
    padding: 5px 15px;
    color: #fff;
    text-align:  center;
}

.slider-description h1,.slider-description h2,.slider-description h3 {
    color: #fff;
    font-size: 45px;
    line-height: 55px;
}
.dotblog-slide-wrapper .owl-nav div {
    position:  absolute;
    width: 80px;
    height: 40px;
    line-height:  38px;
    text-align:  center;
    background:  #BB1919;
    color:  #fff;
    font-size:  20px;
    top: 93%;
}

.dotblog-slide-wrapper .owl-nav div.owl-next {
    left:  auto;
    right: 4.9%;
}

.dotblog-slide-wrapper .owl-nav div.owl-prev {
    left:  auto;
    right:  4.9%;
    top: 86%;
}
section.banner-ad {
    padding:  80px 0;
}

section.banner-ad {}

section.banner-ad .banner-blog {
    width:  80.2%;
    margin:  0 auto;
}
h3.small-heading {
    padding:  0;
    margin:  0;
    background: #BB1919;
    color:  #fff;
    font-size: 22px;
    padding:  6px 20px;
    font-weight:  600;
    margin: 0 0 10px;
}
.dotblog-top-left-sidebar div.single-block a {
    display:  block;
    color: #000;
    font-size:  16px;
}

.dotblog-top-left-sidebar div.single-block a p:hover {
    text-decoration:  underline;
}
.single-block ul {
    list-style:  none;
    padding:  0;
    margin:  0;
}
.single-block ul span {
    font-size: 12px;
}
.single-block ul li {
    border-bottom: 1px solid #dee2e6;
    padding: 15px 0;
}
.single-block ul li small{
    font-size: 75%;
    color: #6c757d;
}
article.mid-content-single-blog{
    padding: 0 0 20px;
}
a.article-thumb {
    display: block;
    width:  100%;
    height:  380px;
    position:  relative;
}

a.article-thumb img {
    height:  100%;
    width:  100%;
}

div.article-desc a {
    display:  block;
    color: #000;
}

div.article-desc h3 {
    font-size: 24px;
    line-height: 35px;
    padding: 18px 0 0;
}
.article-desc p {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 5px;
}
.article-desc small {
    color: #bb1919;
    font-size: 80%;
    font-weight: 400;
}

.article-desc small i.fa-pencil {
    padding-right:  5px;
}

.article-desc small i.fa-clock-o {
    padding:  0 5px;
}
aside.dotblog-top-right-sidebar {
    height: 950px;
    overflow-x: hidden;
    overflow-y: auto;
}
.top-right-sidebar-single-blog {
    padding: 0 0 20px;
}

.top-right-sidebar-single-blog .article-thumb {
    width: 60%;
    height: 110px;
    position:  relative;
    float:  left;
}

.top-right-sidebar-single-blog .article-thumb img {
    height:  100%;
    width: 100%;
}

.top-right-sidebar-single-blog .article-desc {
    width: 36%;
    display: -webkit-box;
    float: left;
    font-size: 14px;
    padding-left:  4%;
    color: #000;
}
.dotblog-mid-content .article-desc {
    margin-bottom: 20px;
}
.top-right-sidebar-single-box {
    position:  relative;
    padding:  0 0 10px;
    min-height: 130px;
}
h4.card-header {
    font-weight:  400;
    font-size: 24px;
}

.top-right-sidebar-single-box .p-2 h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
}
section.dotblog-photo-banner {
    height: 650px;
    background-size:  cover;
    background-position:  center;
    position: relative;
    z-index: 1;
}
section.dotblog-photo-banner:after {
    content:  '';
    position:  absolute;
    width:  100%;
    height:  100%;
    background:  #000;
    display:  block;
    z-index: -1;
    top: 0;
    left:  0;
    opacity: .5;
}
a.album-section-title {
    color:  #fff;
    font-size:  27px;
    margin: 10px 0 140px;
    position:  relative;
    display:  block;
}
.photo-album-title{
    margin: 0 0 100px;
}
.photo-album-title a {
    color:  #fff;
    font-size: 45px;
    display:  block;
}
#category-posts-2-internal .cat-post-title {
    font-size: 16px !important;
}
.photo-album-title a i.fa-picture-o {
    padding-left: 15px;
    font-size: 60px;
    padding-right: 20px;
    vertical-align: middle;
}
.photo-album-title small {
    color:  #fff;
    font-size: 85%;
    padding-left:  115px;
    display:  block;
    padding-top: 10px;
}
.photo-album-title small i.fa-clock-o {
    padding-right: 5px;
}
.photo-album-title strong:hover {
    text-decoration:  underline;
}
.photo-album-title strong:hover {
    text-decoration:  underline;
}

a.photo-album-thumb {
    display: block;
    width: 100%;
    max-height: 190px;
    height: 190px;
}

.photo-album-desc a {
    display:  block;
    color:  #fff;
    font-size:  16px;
    padding: 10px 0 0;
    font-weight: 600;
}

.photo-album-desc a:hover {
    text-decoration:  underline;
    text-decoration-color: #007bff;
}
.contributor-heading {
    height:  60px;
    background:  #fff;
    border-top: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
}

section.dotblog-contributor {
    padding: 70px 0;
    position:  relative;
}
.contributor-heading {
    height: 40px;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom: 3px solid #FFB400;
    line-height: 38px;
}

section.dotblog-contributor {
    padding: 70px 0;
    position:  relative;
}

a.left-contributor {
    display:  block;
}
a.left-contributor {
    width: 80%;
    background: #FFB400;
    color:  #fff;
    padding-left:  20px;
    font-size:  18px;
    position:  relative;
}

a.left-contributor:after, p.left-topstory-cat:before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    top: 5px;
    transform: rotate(45deg);
    right: -14px !important;
}
a.left-contributor:after{
    background: #FFB400;
}
a.right-contributor {
    color:  #000;
    font-size:  15px;
    padding-right: 20px;
}
.single-contributor {
    border: 1px solid rgba(0,0,0,.1);
    text-align:  center;
    margin: 10px 0 0;
}
.single-contributor img {
    width: 100px;
    height:  100px;
    border-radius:  50%;
    margin:  20px 0;
}


.single-contributor .contributor-desc h3 {
    font-size: 16px;
    color: #000;
    margin:  0;
    padding: 0 0 10px;
}

.single-contributor .contributor-desc small {
    font-size:  75%;
    padding:  0 0 5px;
    display:  block;
}

.single-contributor .contributor-desc p {
    font-size: 16px;
    font-weight: 400;
    padding: 0 5px 0;
}
.topstory-heading {
    position: relative;
    height: 40px;
    line-height: 38px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid #409800;
    margin-bottom: 30px;
}

p.left-topstory-cat {
    background:  #409800;
    display:  block;
    color:  #fff;
    font-size:  18px;
    padding-left:  10px;
    position:  relative;
}

section.dotblog-topstory {
    margin: 70px 0 0;
}
p.left-topstory-cat:before{
    background: #409800;
    right: -30px;
}
.topstory-thumb {
    width: 40%;
    height:  200px;
    float:  left;
}

.topstory-thumb img {
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
}
.single-topstory:hover a.topstory-thumb img {
    transform: scale(1.2);
}
.inner-single-topstory-thumb {
    width: 100%;
    margin:  0 auto;
    height: 100%;
    padding: 0px 0 0;
    overflow: hidden;
}
.single-topstory a.topstory-thumb {
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.1);
    padding: 5px;
    display: block;
}

.topstory-desc {
    width:  60%;
    float: right;
    padding: 0 20px;
}
.single-topstory {
    min-height: 200px;
    display: block;
    margin: 0 0 30px;
    position: relative;
}
.topstory-sidebar .small-heading {
    font-size:  16px;
    line-height: 38px;
}
.dotblog-mid-content ul.post-categories{
	background: #BB1919;
}
.topstory-desc ul.post-categories{
	background: #009CFF;
}
.topstory-desc ul.post-categories,.dotblog-mid-content ul.post-categories {
    list-style:  none;
    margin: 0 0 10px 0;
    padding:  0;
    display:  inline-block;
    border-radius:  4px;
}

.topstory-desc ul.post-categories li,.dotblog-mid-content ul.post-categories li {
    display:  inline-block;
}
.topstory-desc ul.post-categories li a,.dotblog-mid-content ul.post-categories li a{
    color:  #fff;
    display:  block;
    padding: 3px 10px;
    font-size: 12px;
}


.topstory-desc h3 {
    color:  #000;
    font-size:  26px;
    margin:  0;
    line-height:  30px;
    padding:  0 0 13px 0;
}

.topstory-desc p {
    color:  #222;
    font-size:  17px;
    margin:  0 0 10px 0;
    line-height: 27px;
}

.topstory-desc small {
    color: #BB1919;
    font-size: 82%;
}

.topstory-desc small i.fa {
    padding-right: 7px;
}

.topstory-desc small span a {
    color: #BB1919;
    padding-right: 8px;
}

/* goodnews sidebar */
aside.dotblog-goodnews-widgets ul.category-posts-internal {
    margin:  0;
    padding: 0;
}
.dotblog-goodnews-widgets #category-posts-3-internal .cat-post-title {
    color:  #000;
    font-size:  18px;
}
.single-user {
    margin: 10px 0 20px;
    clear: both;
    position: relative;
    display: block;
    min-height: 70px;
}
.user-thumb {
    width: 20%;
    height: 60px;
    float:  left;
}

.user-thumb img {
    width:  100%;
    height:  100%;
    border-radius: 50%;
}
a.user-desc small {
    display: block;
    padding-left: 5px;
    line-height: 19px;
    font-size: 70%;
}
a.user-desc {
    width: 77%;
    display:  block;
    float:  right;
    margin-top:  4%;
    color: #000;
}
small.text-red {
    color: #bb1919;
}
section.worldcup-cat {
    padding: 50px 0 0 0;
}
.worldcup-cat-heading {
    border-bottom: 1px solid #FFB400;
}
.worldcup-cat-heading,.bangladesh-cat-heading {
    height:  40px;
    line-height: 38px;
    border-top:  1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    
}

.worldcup-cat-heading a, .bangladesh-cat-heading a {
    color: #fff;
    font-size: 17px;
    display: inline-block;
    font-weight: 600;
    position: relative;
    padding: 0 60px 0 10px;
}
.worldcup-cat-heading a{
    background:  #FFB400;

}
.bangladesh-cat-heading a{
    background-color: #BB1919;
}
.worldcup-cat-heading a:before,.bangladesh-cat-heading a:before {
    content:  '';
    position:  absolute;
    width:  28px;
    height:  28px;
    right: -15px;
    top: 5px;
    transform: rotate(45deg);
}
.worldcup-cat-heading a:before{
    background:  #FFB400;
}
.bangladesh-cat-heading a:before{
    background-color: #BB1919;
}
.bangladesh-cat-heading {
    border-bottom: 1px solid #BB1919;
}
.single-worldcup-cat {
    margin: 20px 0 10px;
    position: relative;
    min-height: 280px;
    display: block;
}
.worldcup-cat-thumb,.bangladesh-cat-thumb {
    position:  relative;
    overflow:  hidden;
    border: 1px solid rgba(0,0,0,.1);
    padding:  5px;
    width:  100%;
    min-height: 180px;
    height:  180px;
}
.worldcup-cat-thumb a {
    width:  100%;
    height:  100%;
    display:  block;
    overflow:  hidden;
}
.worldcup-cat-thumb img {
    height: 100%;
    transition:  .5s ease-in-out;
    width: 100%;
}

.single-worldcup-cat:hover .worldcup-cat-thumb img {
    transform: scale(1.2);
}
.worldcup-cat-desc a,.bangladesh-cat-desc a {
    font-size: 16px;
    display:  block;
    color:  #000;
    padding: 10px 0 0px;
    margin:  0;
}
.worldcup-cat-desc small a,.bangladesh-cat-desc small a{
    display: inline;
}
.worldcup-cat-desc small,.bangladesh-cat-desc small {
    color: #bb1919;
}
.worldcup-cat-desc small a, .bangladesh-cat-desc small a {font-size:  12px;color:  #BB1919;padding: 0 7px 0 0;}

.worldcup-cat-desc small i.fa, .bangladesh-cat-desc small i.fa {
    padding-right: 8px;
}
.bangladesh-cat{
    padding: 60px 0;
}
.single-bangladesh-cat {
    margin: 20px 0 10px 0;
    min-height: 280px;
    position:  relative;
}

.single-bangladesh-cat .bangladesh-cat-thumb a {
    display: block;
    position: relative;
    height: 100%;
    min-height: 100%;
}

.bangladesh-cat-thumb a {
    display:  block;
    height:  180px;
    min-height:  180px;
    position:  relative;
    overflow:  hidden;
}

.bangladesh-cat-thumb a img {
    height:  100%;
    transition: .5s ease-in-out;
}

.single-bangladesh-cat:hover .bangladesh-cat-thumb a img {
    transform: scale(1.2);
}
.cat09-heading,.cat10-heading,.cat11-heading,.cat12-heading,.cat13-heading,.cat14-heading {
    border-top: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    height:  40px;
    line-height:  38px;
}

.cat09-heading.squre,.cat10-heading.squre,.cat11-heading.squre,.cat12-heading.squre,.cat13-heading.squre,.cat14-heading.squre {
    position:  relative;
}

.cat09-heading.squre a:after, .cat10-heading.squre a:after, .cat11-heading.squre a:after, .cat12-heading.squre a:after, .cat13-heading.squre a:after, .cat14-heading.squre a:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    top: 5px;
    right: -15px;
    transform: rotate(45deg);
}
.cat09-heading a, .cat10-heading a, .cat11-heading a, .cat12-heading a, .cat13-heading a , .cat14-heading a{
    display:  inline-block;
    padding:  0 60px 0 10px;
    color:  #fff;
    font-size: 16px;
    position: relative;
}

/* subcategories design*/
.cat09-heading ul.sub-categories{
    list-style:  none;
    margin:  0;
    padding:  0;
    position:  absolute;
    left: 13%;
    top: 0;
}
.cat09-heading ul.sub-categories li {
    display:  inline-block;
    position:  relative;
}
.cat09-heading ul.sub-categories li a:after{
    background:  transparent;
}
.cat09-heading ul.sub-categories li a{
    background:  transparent;
    padding: 0 10px 0 21px;
    transition:  .5s ease-in-out;
    color: #409800;
}
.cat09-heading ul.sub-categories li a:after{
    background:  #409800;
}
.bangladesh-cat-heading ul.sub-categories li a{
    color: #BB1919;
}
.bangladesh-cat-heading ul.sub-categories li a:after{
    background:  #BB1919;
}
.bangladesh-cat-heading ul.sub-categories{
    left: 14%;
}
.cat09-heading ul.sub-categories li a:after, .cat11-heading ul.sub-categories li a:after {
    content:  '';
    position:  absolute;
    width:  10px;
    height:  10px;
    background:  #409800;
    border-radius:  50%;
    transform: none;
    top: 50%;
    left:  0;
    margin-top:  -5px;
    transition:  .5s ease-in-out;
}

.cat09-heading ul.sub-categories li a:hover{
    color: #181a1c;
    text-decoration:  underline;
}
.cat09-heading ul.sub-categories li a:hover:after{
    background: #181a1c;
}
ul.sub-categories {
    list-style: none;
    margin:  0;
    padding:  0;
    position:  absolute;
    top:  0;
    left: 13%;
}

ul.sub-categories li {
    display:  inline-block;
    position:  relative;
}
.worldcup-cat-heading ul.sub-categories li a{
    color:  #FFB400;
}
.cat11-heading ul.sub-categories li a{
    color: #FF8C00;
}
ul.sub-categories li a {
    background:  transparent;
    padding: 0 20px 0 20px;
    transition:  .5s ease-in-out;
    font-weight: 400;
}

ul.sub-categories li a:after {
    background:  transparent;
}

ul.sub-categories li a:before {
    background:  transparent;
}
.worldcup-cat-heading ul.sub-categories li a:after {
    background:  #FFB400;
}
.cat11-heading ul.sub-categories li a:after{
    background: #FF8C00;
}
ul.sub-categories li a:after {
    content:  '';
    position:  absolute;
    width:  10px;
    height:  10px;
    border-radius:  50%;
    left:  0;
    top:  50%;
    margin-top: -5px;
    transition:  .5s ease-in-out;
}

ul.sub-categories li a:hover:after {
    background: #181A1C;
}

ul.sub-categories li a:hover {
    color: #181A1C;
    text-decoration: underline; 
}
/* end subcategories design*/

.cat09-heading a,.cat09-heading.squre a:after{
    background: #409800;
}

.cat09-heading {
    border-bottom: 1px solid #409800;
}
.cat10-heading a,.cat10-heading.squre a:after{
    background: #009CFF;
}
.cat10-heading {
    border-bottom: 1px solid #009CFF;
}
.cat11-heading a,.cat11-heading.squre a:after{
    background: #FF8C00;
}
.cat11-heading {
    border-bottom: 1px solid #FF8C00;
}
.cat12-heading a,.cat12-heading.squre a:after{
    background: #989898;
}
.cat12-heading {
    border-bottom: 1px solid #989898;
}
.cat13-heading a,.cat13-heading.squre a:after{
    background: #FFB400;
}
.cat13-heading {
    border-bottom: 1px solid #FFB400;
}
.cat14-heading a,.cat14-heading.squre a:after{
    background: #624F87;
}
.cat14-heading {
    border-bottom: 1px solid #624F87;
}
.single-cat09 , .single-cat10,.single-cat11, .single-cat12, .single-cat13, .single-cat14{
    position:  relative;
    margin: 20px 0;
    height:  280px;
}

.single-cat09 a , .single-cat10 a, .single-cat11 a, .single-cat12 a, .single-cat13 a, .single-cat14 a{
    display:  block;
    font-size: 18px;
    color:  #000;
    line-height:  26px;
    padding:  0;
    margin: 0;
}

.single-cat09 small a, .single-cat10 small a, .single-cat11 small a,.single-cat12 small a,.single-cat13 small a,.single-cat14 small a {
    display:  inline;
    font-size:  13px;
    padding: 0 5px 0 0;
}

.single-cat09 small,.single-cat09 small a ,.single-cat10 small,.single-cat10 small a, .single-cat11 small,.single-cat11 small a,.single-cat12 small,.single-cat12 small a, .single-cat13 small,.single-cat13 small a,.single-cat14 small,.single-cat14 small a{
    color: #BB1919;
}

.single-cat09 small i.fa,.single-cat10 small i.fa,.single-cat11 small i.fa,.single-cat12 small i.fa,.single-cat13 small i.fa,.single-cat14 small i.fa {
    padding: 0 5px 0 0;
}

.cat09-thumb, .cat10-thumb, .cat10-thumb, .cat11-thumb, .cat12-thumb, .cat13-thumb, .cat14-thumb {
    position: relative;
    border: 1px solid rgba(0,0,0,.1);
    height: 180px;
    overflow: hidden;
    padding: 5px;
}
.cat09-thumb a, .cat10-thumb a, .cat11-thumb a, .cat12-thumb a, .cat13-thumb a, .cat14-thumb a {
    height: 100%;
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.cat09-thumb a img, .cat10-thumb a img, .cat11-thumb a img, .cat12-thumb a img, .cat13-thumb a img, .cat14-thumb a img {
    height: 100%;
    transition: .5s ease-in-out;
    width: 100%;
}
.single-cat09:hover .cat09-thumb img,.single-cat10:hover .cat10-thumb img,.single-cat11:hover .cat11-thumb img,.single-cat12:hover .cat12-thumb img,.single-cat13:hover .cat13-thumb img,.single-cat14:hover .cat14-thumb img {
    transform: scale(1.1);
}
footer.site-footer {
    background:  #F1F1F1;
    padding: 50px 0 10px;
    position:  relative;
}
.dotblog-copywright {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.1);
    height: 147px;
    line-height: 58px;
}
p.address.text-center {
    margin: 10px auto 0;
    line-height:  24px;
    font-size: 13px;
}
.footer_menu ul li a {
    color: #000 !important;
}

.footer_menu {width:  100%;}
.footer_menu {
    width: 100%;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 0 0 20px 0;
}
.footer-middle {
    width:  100%;
    position:  relative;
}

.footer-logo a.site-logo h3 {
    color: #000;
    margin: 0;
}
div.footer-middle ul.jonogon-mobile-apps {
    list-style:  none;
    margin:  0;
    padding: 0;
}

div.footer-middle ul.jonogon-mobile-apps li {
    display:  inline-block;
    margin-top: 18px;
}
div.footer-middle ul.social-icon {list-style:  none;text-align:  right;margin: 15px 0 0 0;padding:  0;}

ul.social-icon li {
    display:  inline-block;
    position:  relative;
}

ul.social-icon li a i.fa {
    display:  block;
    width: 40px;
    height: 40px;
    background:  #000;
    text-align:  center;
    line-height: 38px;
    color:  #fff;
}

ul.social-icon li a i.fa-facebook {
    background: #3b5999;
}

ul.social-icon li a i.fa-twitter {
    background: #55acee;
}

ul.social-icon li a i.fa-dribbble {background: #ea4c89;}

ul.social-icon li a i.fa-linkedin {
    background: #0077B5;
}

ul.social-icon li a i.fa-vimeo {
    background:  #1ab7ea;
}

ul.social-icon li a i.fa-skype {
    background:  #00AFF0;
}

ul.social-icon li a i.fa-reddit {
    background:  #ff5700;
}

ul.social-icon li a i.fa-pinterest-p {
    background: #bd081c;
}
ul.social-icon li a i.fa-instagram {
    background: #e4405f;
}
ul.social-icon li a i.fa-youtube{
    background: #cd201f;
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }
}