﻿#layout {
	position: relative;	
	-webkit-transition: all 0.3s;
	transition: all 0.3s
} 
#layout  iframe, .container  iframe { max-width:100%!important; max-height:600px!important;border:none;}

.faqs{
	margin-bottom:15px;
	padding:0px;
}
.faq5{
	margin-bottom:5px;
	padding:0px;
}
.faqs5{
    margin: 5px 0 !important;
}
.faqs20{
    margin: 20px 0 !important;
}
.page-header2 {
    margin: 10px 0 20px;
    border-bottom: 1px solid #eee;
}
.page-header2 h1 {
  font-size: 26px !important;
}
.page-header2 h2 {
  font-size: 20px !important;
}
.page-header2 h1 small{
  font-size: 55%;
}

.page-content { margin: 10px 0;}
.bodbg {background-color:#f5f5f5;margin-top:0px }
.lia { display: inline-block; }
.sblok {display: block !important;}
.imgc { overflow: hidden;  margin-bottom: 10px;}

.sticky {
	position: fixed !important;
	z-index: 1000;
	top: 0;
	left:0;
	width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.boxed {margin: 0 auto;width: 1035px;background: #fff;position: relative;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}

.kiro{color:#e84a4a;}
.beyaz {color:#FFF;} .tbeyaz {background-color:#FFF;}
.gri{color:#CCC;}
.kirmizi {color:#F00;}
.kirmizibg {background-color:#F00; color:#fff;}
.siyah {color:#000;} .siyahbg {background-color:#000!important;}
.siyahd{color:#666666!important;}
.sbeyaz {color:#333;} .sbeyazbg {background-color:#333!important;}
.maun{color:#990000;} .maunbg{background-color:#990000!important;}
.turku{color:#337ab7!important;}
.gmavi {color:#007fc5;}.gmavibg{background-color:#007fc5!important;}
.laci {color:#003366;}
.fyesil{ color: #32c5d2!important;}
.kavici{color:#ffa534!important;}
a:hover.siyahd{color:#666666;text-decoration:underline;}
.icerikbg{background-color:#f8f8f8;}
.seritbg{background-color:#D1DCEB;}
.tsari {color: #cc9900;} .saribg{background-color:#fffbba;}

.kavicibg{background-color:#ffa534;}
.cirmizi {color:#CC0000;}.cirbg{background-color:#CC0000!important;}
.bold { font-weight:bold;}
a:hover{text-decoration:none;}
.secsatir {
background-color:#f696960f;
}

.tkenar {
border:#eeeeee solid 1px;
}
.Usecsatir {
border-bottom:#F3F3F3 solid 1px;
border-top:#F3F3F3 solid 1px;
}
.usatir{border-top:#ededed solid 1px;}
.asatir{border-bottom:#ededed solid 1px;}

.bimg {width: 100%;}.cimg {width: 100%!important;}
.simg{    max-width: 100%; height: auto;}
.kimg{max-width: 100%;}
.radius{ border-radius:3px}
.radius5{ border-radius:5px}
.xhbrim img {max-width:701px; max-height:501px;}
.fo11{font-size:11px;}
.fo12{font-size:12px;}
.fo16{font-size:16px!important;}
.fo18{font-size:18px;}
.fo20{font-size:20px;}
.fo24{font-size:24px!important;}

.fsol { float: left !important;}
.fsag {float: right !important;}
.fnone {float: none !important;}

.iconW {
    float:left;  
    font-size: 26px;
    border: 1px solid #f8c51e;
    padding: 13px;
    border-radius: 50%;
    color: #f8c51e;
    margin:0px 0px 0px 11px; 
}
.yildiz { cursor: pointer; }
#header_shadow {
background: url('../images/shadow.png') no-repeat top center;
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 99;
    width: 100%;
}
.bold { font-weight:bold;}
.norma{font-weight: normal;}
.xmenu{
	position:absolute;display:none;
	background-color: #FEFDBA;overflow:visible;
	border:solid 1px #D6D003;z-index: 2147483647;
}
.a_head {background: #1d1e20;}
.logo {
	float: left
}
.b_head {
	margin: 20px 0;
}
.b_head1 {
	margin: 10px 0;
}
.c_head {
	background: #1d1e20;
	position:relative
}
.p_head {
	padding: 20px 0;
}
.p_head1 {
	padding: 10px 0;
}

.d_head{
margin: 11px 0;
}
.d_head:first-child {
  margin-top: 0;
}
.ortaboy {
    background-color: #F9F9F9;
    background-image: none;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}
.ortaboy-content {
    z-index: 3;
    position: relative;
	padding:15px 0px; 
}
.shadow {
-webkit-box-shadow: 0px 10px 15px -5px #ccc;
-moz-box-shadow: 0px 10px 15px -5px #ccc;
box-shadow: 0px 10px 15px -5px #ccc;
}
.ashadow {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.hover-shadow a:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

.hover-shadow img,:before, :after {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

.navc {  padding-left: 0; margin-bottom: 0; list-style: none;}
.navc > li { position: relative;  display: block;}    
.hn-menu ul{padding-left: 0; margin-bottom: 0; list-style: none;}
.hn-menu ul li{width:100%;display:block;float:left;position:relative;}
.seramix {  position: relative;display: block;  padding: 11px 5px;margin: 0px;}
.seramix:hover{opacity : 0.9;filter : alpha( Opacity=90 );-moz-opacity : 0.9;}
.fsage { float: right !important; right: 5px; position: absolute; top: 11px;}
#subx li { padding: 9px 1px 9px 7px;  border-bottom: solid 1px #ededed;background: #f9f9f9;}   
#subx li:hover { background-color:#f4f4f4;}
#subx>li:last-child { border-bottom-style:none;	}
#subq li { padding: 9px 1px 9px 7px;  border-bottom: solid 1px #ededed;}   
#subq li:hover { background-color:#f4f4f4;}


.sidebar {padding:1px 1px 7px 1px;}
.sidebar157 {padding:1px 5px 7px 1px;}
.sidebar_b {padding-left:1px; padding-right:3px}
.sidebar_c {padding-left:5px; padding-right:5px;}
.lineyuk33{line-height:33px;}

.alpha {margin-left: 0 !important}
.omega {margin-right: 0 !important}
.gama {position: relative;}
.maroto {margin-right: auto!important;margin-left: auto!important;}
.mar3{margin-right: 3px;}.padi5{padding:5px!important;}.p50{padding:5px 0px;}.p05{padding-left: 5px;padding-right: 5px;}
.p015{padding-left: 1px;padding-right: 5px;}
.mag3{margin: 3px;}.magb3{margin-bottom: 3px;}.magb20{margin-bottom: 20px;}.magb10{margin-bottom: 11px;}.magt5{margin-top:5px;}
.mar0 { margin: 0!important;}.m50{margin:5px 0px;}
.cyetki { }.cyetki2 {}.cyetki3 {}
.fume12{color:#333; font-size:12px;text-decoration:none;}
.golgec {box-shadow: 0 1px 1px rgba(255,255,255,0.3), inset 0 130px 100px -100px rgba(0,0,0,0.5), inset 0 -130px 100px -100px rgba(0,0,0,0.5);}
.golget {
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}
.golgel{-webkit-box-shadow: inset 4px 0px 49px 33px rgba(0,0,0,0.17);
-moz-box-shadow: inset 4px 0px 49px 33px rgba(0,0,0,0.17);
box-shadow: inset 4px 0px 49px 33px rgba(0,0,0,0.17);}

.sduzb{
font-family:Verdana,Arial,sans-serif;
font-size:12px;
color:#454545;text-decoration:none;
font-weight: normal;
padding:2px 5px 2px 5px;
border:#CCCCCC solid 1px;
background-color:#f1f1f1;
line-height:25px
}
.sduzb:hover{
background-color:#FFE8FF; 
}
/*	Top Scroll
----------------------------------------------------------------------*/
#toTop {
  width: 50px; height: 30px; line-height: 21px; text-align: center; padding: 5px 3px;
  background: rgba(255,255,255,.5); color: rgba(0,0,0,.8);
  float:right; position: relative; right: 10px;
  display: none; cursor: pointer; border-radius: 40%;
  box-shadow: 0 0 1px black inset;
  transition: all .3s ease-in-out;
}
/*	Sidebar
----------------------------------------------------------------------*/
.wedgen {
   margin-bottom: 15px;
    background-color: #fff;
    padding: 5px 15px 15px;
    border-left: 1px solid #dedde1;
    border-right: 1px solid #dedde1;
    border-bottom: 5px solid #dedde1;
}
.wedget {
   margin-bottom: 15px; background-color: #fff; padding: 13px; border-left: 1px solid #dedde1; border-right: 1px solid #dedde1;
    border-bottom: 5px solid #dedde1; border-top: 1px solid #dedde1;
}
.wedget-title h4 { color: #333; font-size: 16px; font-weight: 400; margin: 3px;} 
.wedged {margin-bottom: 15px; background-color: #fff; padding: 15px; border: 1px solid #dedde1;}
.wedget-titled h4 { color: #333; font-size: 16px; font-weight: 700; margin: 3px;padding: 0 0 7px 0;}
.wedget-titleb h5 {
	font-weight: 400;
	margin: 3px;
} 
.wedget-titleb h3 {
	font-size: 16px;
	font-weight: 400;
	margin: 3px;
} 
.wedget-titleb h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 3px;
} 
.wedgetb {
   margin-bottom: 3px;
    padding: 11px;
}
.wedget-titlec h6 {
	font-weight: 400;
	margin: 3px;
} 
.wedget-titdiv {
    width: 99%;height:5px; background-image:url(../../../tema/default/images/sepema.png); background-repeat:repeat-x; background-position:bottom;margin: 7px 0 3px 0;
}
.titdiv1{
    width: 99%;height:1px; background-image:url(../../../tema/default/images/sepema.png); background-repeat:repeat-x; background-position:bottom;margin: 7px 0 3px 0;
}
.wedget-title hr {
    width: 99%;border-width: 3px; border-color: #111;margin: 7px 0 3px 0;
}
.widget {
	margin: 0 0 26px 0;
	overflow:hidden;
}
.widget .title {
	position: relative;
	color: #fff;
	background: #1d1e20;
	padding: 11px 16px;
	margin: 0 0 15px 0
}
.widget .title:after {
	content: close-quote;
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: -5px;
	left: 22px;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-top: 6px solid #1d1e20;
}
.widget .title h4 {
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
} 

.widget .title2 {
	position: relative;
	color: #333;
	padding: 3px 10px;
	margin: 0 0 0px 0;
	background: rgba(30,87,153,0.24);

}
.widget .title2:after {
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: -5px;
	left: 22px;

}
.widget .title2 h4 {
	color: #333;
	font-size: 13px;
	font-weight: 500;
	margin: 0;
	padding:7px 0 ;
	line-height:15px;
}
.small_posts {
	list-style:none;
	padding:0px;
	margin:0px;
}
.small_posts li.altfix {
	margin-bottom:10px!important;
	padding:0px;
}
.small_posts li.esifix {
	margin:10px 0!important;
	padding:5px 1px;
}
.small_posts .s_thumb {
	position: relative;
	float: left;
	margin: 0 10px 10px 0
}
.small_posts .s_thumb span {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(208,1,4,0.56);
	z-index: 99;
	color: #FFF;
	width: 40px;
	height: 20px;
	font-size: 11px;
	padding: 0 3px;
}
.small_posts li.clearfix {
	margin: 0 0 5px 0px!important;
	border-bottom: 1px solid #ECECEC;
}
.small_posts li.clearfix:last-child {
	margin: 0;
	border-bottom: 0
}
.small_posts h3 {
	line-height: 16px;
	margin: 0 0 5px 0;
	font-size: 13px
}
.small_posts .meta {
	font-size: 12px
}
.small_posts .cat {
	padding: 2px 8px;
	display: inline-block;
}
/* Webfont: LatoLatin-Black */@font-face {
    font-family: 'LatoLatinWebBlack';
    src: url('../../css/fonts/LatoLatin-Black.eot'); /* IE9 Compat Modes */
    src: url('../../css/fonts/LatoLatin-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../css/fonts/LatoLatin-Black.woff2') format('woff2'), /* Modern Browsers */
         url('../../css/fonts/LatoLatin-Black.woff') format('woff'), /* Modern Browsers */
         url('../../css/fonts/LatoLatin-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: Fira Sans Extra Bold */@font-face {
    font-family: 'FiraSans-ExtraBold';
    src: url('../../css/fonts/FiraSans-ExtraBold.eot'); /* IE9 Compat Modes */
    src: url('../../css/fonts/FiraSans-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../css/fonts/FiraSans-ExtraBold.otf') format('opentype'), /* Modern Browsers */
         url('../../css/fonts/FiraSans-ExtraBold.woff') format('woff'), /* Modern Browsers */
         url('../../css/fonts/FiraSans-ExtraBold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} 
[class^='caption_'] {position: absolute;bottom:10px;left: 20px;right:20px;}
[class^='captimg_'] { position: absolute;top:1px;left:0px;}
[class^='caption_'] h4 {
	font-family: 'LatoLatinWebBlack';
    background-color: #990000;padding: 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; font-size: 22px;color: #fff;float: left;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.3), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,.3), rgba(0,0,0,0));
    background-image: linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0));
}
[class^='gcaption_'] {position: absolute;bottom:0px;left:0px;right:0px;}
[class^='gcaption_'] h4 {
	font-family: 'LatoLatinWebBlack';
    padding: 15px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; font-size: 34px;color: #fff;float: left;
    text-shadow: #000 2px 2px 2px;margin: 15px 25px 15px 31px;
}
[class^='mcaption_'] {position: absolute;bottom:0px;left:0px;right:0px;
background-position: bottom;
    background: -webkit-gradient(linear,left bottom,left top,from(black),color-stop(50%,rgba(0,0,0,.5)),to(transparent));
    background: -webkit-linear-gradient(top,#000 0,rgba(0,0,0,.5) 50%,transparent 100%);
    background: linear-gradient(to top,#000 0,rgba(0,0,0,.5) 50%,transparent 100%);
	}
[class^='mcaption_'] h3 {
	font-family: 'LatoLatinWebBlack';margin: 15px 25px 15px 33px;
    padding: 15px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; font-size: 38px;color: #fff;float: left!important;
    text-shadow: #000 2px 2px 2px;
}
.bu-category {
    display: inline-block;padding: 5px 15px;
    margin: 5px 15px 5px 33px;
   float:left;top:-15px;
    position: absolute;
    background: #c10504;
    color: #fff;
    font-weight: bold;left:20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.transparan {
  opacity : 0.5;filter : alpha( Opacity=50 );-moz-opacity : 0.5;
}
.big-title {
    font-family: 'FiraSans-ExtraBold';
    font-size: 28px;
    margin: 20px 0 20px 5px;
    text-decoration: none;
}
.galeriler .play img {
    margin-top: 15%;
    margin-left: 45%;
    width: 100px;
}
.galeriler .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.th5im {
    font-family: 'LatoLatinWebBlack';
    font-size: 18px;
    font-weight: bold;
    padding: 0px 10px;
    margin:7px 0px 10px!important;
    text-align: left;
    height: 38px;
    overflow: hidden; line-height:20px;
  
}
.th5dv {
    font-size: 14px; padding: 0px 10px;
    margin: 10px 0px 1px;
    text-align: left;font-style: italic;
}
.resyaz {
    font-family: 'FiraSans-ExtraBold';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 1px 15px 17px 25px;
    color: #FFF;
    text-shadow: #000 1px 1px 1px;
    font-size: 20px;font-weight: bold;
	background: -webkit-gradient(linear,left bottom,left top,from(black),color-stop(50%,rgba(0,0,0,.5)),to(transparent));
    background: -webkit-linear-gradient(top,#000 0,rgba(0,0,0,.5) 50%,transparent 100%);
    background: linear-gradient(to top,#000 0,rgba(0,0,0,.5) 50%,transparent 100%);
}
.h5title {
line-height: 22px;padding-right:5px;padding-left:5px;
    display: -webkit-box;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.h5titlem {
    max-height: 35px;
    display: -webkit-box;
    line-height: 16px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-top: 3px;
}
.h5title14 {
    max-height: 35px;
    display: -webkit-box;
    line-height: 14px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}


.galeriler .selected img{opacity:0.5;}#slider-thumbs .selected img{opacity:0.3;transition:all 1s;-webkit-transition:all 0.1s;}
.galeriler.carousel .carousel-control {
    visibility: visible;
    width: 7%;
    background: none;
}
.sag-solyan {
    position: absolute;
    left: 0;
    width: 100%;  
}
.sag-solyan .yan_sol {
    float: left;
    width: 49%;
    height: 100%;
    z-index: 1;
}
.sag-solyan .yan_sol .rek_alani {
    display: block;padding-right: 483px;
    float: right;margin: 10px 3px 0 0;
}
.sag-solyan .yan_sag {
    float: right;width: 49%;
    height: 100%;z-index: 1;
}
.sag-solyan .yan_sag .rek_alani {
    display: block;padding-left: 483px;text-align: left;margin: 10px 0 0 3px;
}
.hozet {
font-family:LatoLatinWebBlack;font-weight:700; line-height:26px;font-size:20px;
}
.bozet {line-height:26px;font-size:20px;}
#xqadnan img {max-width: 100%;}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f9f9f9;
}
.table-hover>tbody>tr:hover{background-color:#f5f5f5}
.solok, .salak {
    cursor: pointer;
}
.kirmizibay{color:#F00!important;
font-weight:bold!important;}
 
.mce-primary.mce-btn-has-text {left: 21px!important;
}
.sondakikaText {
    position: absolute;
    bottom: 65px;
    right: 10px;
    background: #ed1c24;
    height: 19px;
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.5px;
    padding: 2px 6px;
    line-height: 10pt;
    z-index: 100;
}

.hns-box {padding: 10px 20px;background: white;}
.hns-box-shadow {box-shadow: 0px 1px 1px 0px rgba(20, 20, 20, 0.05);}
.hns-header {
    font-family: "LatoLatinWebBlack";
    line-height: 36px;
    border-bottom: 4px solid #f4f4f3;
    margin-bottom: 15px;
    position: relative;
}
.hns-header .hns-header-title {
    font-size: 18px;
   border-bottom: 4px solid #3d566e;
    margin-bottom: -4px;
    letter-spacing: -1px;
}
.hns-bcd, .hns-c-bcd > [class*="active"] {border-color: #b22424!important;}
.budur .hs-item-icon {
    position: absolute; top: 50%; left: 50%;  width: 45px; height: 45px;line-height: 45px;
    margin-left: -25px; margin-top: -25px;
    background-color: rgba(251, 6, 6, 0.5);
    border-radius: 50%;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, .25);
     text-align: center;
}
#hnsbox .modal-content {display: inline-block;text-align: center;}
#hnsbox .modal-header {min-height: 0px;padding: 0px; border-bottom:none;}
#hnsbox .modal-body {  padding: 11px;}
#hnsbox #xcelami>h4 {padding: 5px 1px 5px 15px!important;}
#hnsbox .close {
opacity: 1; color: rgb(255, 255, 255);background-color: rgb(25, 25, 25);
padding: 5px 8px;border-radius: 30px;border: 2px solid rgb(255, 255, 255);position: absolute; 
right: -7px;top: -5px; z-index:1032;
}
#hnsbox .description{text-align: left;}
#hnsbox .description h4{margin:5px 15px 15px;font-size: 15px;font-weight: 300;line-height: 20px;} 
 
.tagul {margin: 0;padding: 0;list-style-type: none;}
.tagul li {margin-bottom: 8px;line-height: 1.5em;font-size: 19px;color: #333;
    font-variant-ligatures: no-common-ligatures;display: inline-block;margin-right: 5px;margin-bottom: 5px;
}
.tagul li a {display: block;color: #888;border: solid 1px #ddd;line-height: 28px;padding: 0 10px;font-size: 13px;
    transition-duration: 300ms;-webkit-transition-duration: 300ms;
}
.tagul li a:hover {color: #333;border-color: #999;
}
.cerove{overflow: hidden!important;position: relative!important;}
.butv .hs-item-tvicon {
    position: absolute; 
    background-color: rgba(251, 6, 6, 0.5);
    border-radius: 50%;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, .25);
     text-align: center;
}
.mtvicon{width: 75px; height: 75px;line-height: 81px;top:10%;left:5%;}
#date_time {
	margin: 0;padding: 10px 20px;display: inline-block;
	float: right;font-size: 12px;z-index: 99;position: relative;
	border-left: 1px solid transparent;
}
.social a {
	float: right;text-align: center;margin: 0;width: 35px;height: 35px;color: #DFDFDF;
	-webkit-transition: all 0.1s ease;transition: all 0.1s ease;
	border-left: 1px solid transparent;
}
.social_head {
	float: right;margin: 0 15px 0 0;position: relative;
}
.social a i {
	padding: 10.5px 0;display: block;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;
}
.social a:hover .fa-twitter, .social a:hover .icons-social-twitter, .with_color a .fa-twitter, .with_color a .icons-social-twitter { background: #00abdc }
.social a:hover .fa-facebook, .social a:hover .icons-social-facebook, .with_color a .fa-facebook, .with_color a .icons-social-facebook { background: #325c94 }
.social a:hover .fa-dribbble, .social a:hover .icons-social-dribbble, .with_color a .fa-dribbble, .with_color a .icons-social-dribbble { background: #fa4086 }
.social a:hover .fa-rss, .social a:hover .icons-rss, .with_color a .fa-rss, .with_color a .icons-rss { background: #f1862f }
.social a:hover .fa-github, .social a:hover .icons-social-github, .with_color a .fa-github, .with_color a .icons-social-github { background: #333 }
.social a:hover .fa-instagram, .with_color a .fa-instagram { background: #964b00 }
.social a:hover .fa-linkedin, .social a:hover .icons-social-linkedin, .with_color a .fa-linkedin, .with_color a .icons-social-linkedin { background: #0073b2 }
.social a:hover .fa-pinterest, .social a:hover .icons-social-pinterest, .with_color a .fa-pinterest, .with_color a .icons-social-pinterest { background: #d9031f }
.social a:hover .fa-google-plus, .social a:hover .icons-social-google-plus, .with_color a .fa-google-plus, .with_color a .icons-social-google-plus { background: #d9031f }
.social a:hover .fa-foursquare, .with_color a .fa-foursquare { background: #0cbadf }
.social a:hover .fa-skype, .social a:hover .icons-social-skype, .with_color a .fa-skype, .with_color a .icons-social-skype { background: #00b9e5 }
.social a:hover .fa-cloud, .social a:hover .icons-social-soundcloud, .with_color a .fa-cloud, .with_color a .icons-social-soundcloud { background: #ff7700 }
.social a:hover .fa-youtube, .social a:hover .icons-social-youtube, .with_color a .fa-youtube, .with_color a .icons-social-youtube { background: #d9031f }
.social a:hover .fa-tumblr, .social a:hover .icons-social-tumblr, .with_color a .fa-tumblr, .with_color a .icons-social-tumblr { background: #325c94 }
.social a:hover .fa-stackexchange, .with_color a .fa-stackexchange { background: #4e4e4e; color: #fff;border-color:#fff}
.social a:hover .fa-flickr, .social a:hover .icons-social-flickr, .with_color a .fa-flickr, .with_color a .icons-social-flickr { background: #fa4086 }
.social a:hover i {color: #fff}
.social a:hover .fa-vimeo-square, .with_color a .icons-social-vimeo { background: #44BBFF }

.tags i {
	margin-right: 4px
}
.tags a {
	color: #ccc;
	padding: 6px 12px;
	font-size: 14px;
	margin: 0 0px 4px 0;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-decoration: none !important;
}
.tags a:hover {
	background: #2B2B2B;
	color:#ED0F13;
}
.tags h2{
	font-size:14px;
	font-weight:300;
	float:left;
	margin-right:6px;
	line-height:normal;
}

    /* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}
.btn-google-news {background: url(../../../images/google-news.svg) center 0 no-repeat;display: inline-block;vertical-align: baseline;height: 30px;width: 120px;margin: 0;border: 1px solid #e0e0dc;background-size: 100%;}

.hnsos-tools {
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px;
}
.hnsos-tools a, .hnsos-tools button, .hnsos-tools span {
    border: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 7px;
    padding: 0 5px;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(50,50,50,.3);
    
    color: #fff;
    cursor: pointer;
text-align: center;
}
.hnsos-tools a:hover, .hnsos-tools button:hover, .hnsos-tools span:hover {
    text-decoration: none;
    background-color: #494949!important;
}
.hnsos-tools a.bg, .hnsos-tools button.bg, .hnsos-tools span.bg {
    background-color: #767676;
}

.facebook-bg {
    background-color: #3b5999;
    color: #fff;
}
.twitter-bg {
    background-color: #55acee;
    color: #fff;
}
.whatsapp-bg {
    background-color: #25d366;
    color: #fff;
}
.linkedin-bg {
    background-color: #0077b5;
    color: #fff;
}