@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-size: 100%;
  background: #EFEFEF;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Open Sans",Product Sans,'Poppins',sans-serif;
  letter-spacing: -.2px;
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
}
li {
  list-style: none;
}
a {
	cursor: pointer;
  text-decoration: none;
}
p {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",'Poppins', sans-serif;
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family:Poppins;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 27.2px;
}
h3 {
    font-size: 24.4px;
}
h4 {
	font-size: 21.6px;
}
h5 {
	font-size: 18.8px;
}
h6 {
	font-size: 16px;
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #EFEFEF; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #6F6AF6;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.stories.carousel::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.stories.carousel::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: transparent;
}
input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
}
#header {
  width: 100%;
  height: 130px;
    z-index: 100;
    position: relative;
}
.top-header-closed {
  height: 80px !important;
}
.header-top{
  height: 50px;
  background-color: #6F6AF6;
    box-shadow: none;
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 1000;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    color: #fff;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: max-height,box-shadow;
}
.header-row {
  min-height: 50px;
    max-height: 50px;
    display: flex;
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    justify-content: space-between;
    padding: 0;
}

.header-top-left {
  z-index: 3;
    line-height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    max-width: 50%;
    overflow: hidden;
    color: rgba(255,255,255,.6);
    max-width:50%; 
}

  .acme-news-ticker-label {
    float: left;
    background: rgba(0,0,0,.1);
    color: #fff;
    padding: 0 1em;
    margin-right: 1em;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;

  }
  .acme-news-ticker-label i {
    font-size: 15px,
    color#fff;
    margin-right: 5px;
  }
  .acme-news-ticker-box {
    margin: 0;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    list-style-type: none;
    color: #fff;
  }
 .acme-news-ticker-box ul {
    width: 100%;
    overflow: hidden;
     padding: 0;
     margin: 0; 
    }
 .acme-news-ticker-box ul li a {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
  }
  .my-news-ticker {
    margin: 0;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    list-style-type: none;
    color: #fff;
  }
.my-news-ticker li a {
  font-size: 15px;
  color: #fff;
}
.goose-dark-button {
  padding: 0 1em;
  position: relative;
  border-left: 1px solid rgba(255,255,255,.2);
  
}
.goose-switch-button i {
  position: absolute;
  left: 5px;
  top: 5px;
  color: #6F6AF6;
  z-index: 1;
  font-size: 16px;
}
.goose-switch-button {
  border-radius: 1.25em;
    background: rgba(255,255,255,.5);
    height: 25px;
    position: relative;
    transition: background-color .25s ease-out .1s;
    width: 3.5em;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.goose-switch {
  box-shadow: 0 0.0625em 0.375em 0 #666;
    border-radius: 50%;
    background: #fefefe;
    height: 25px;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: -webkit-transform .25s ease-out .1s;
    transition: transform .25s ease-out .1s;
    transition: transform .25s ease-out .1s,-webkit-transform .25s ease-out .1s;
    width: 1.5em;
}
.goose-login-button {
  background-color: #EFEFEF;
}

.goose-login-button {
  background-color: #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.goose-login-button img {
border-radius: 50%;
margin-right: 5px;
}
.goose-login-button i{
  margin-right: 5px;
  margin-left: 5px;
}
.dropdown-content {
    min-height: 1px;
    min-width: 175px;
    background: rgba(111, 106, 246, 1);
    color: #222;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    border-top: none;
    border-radius: 0 0 8px 8px;
    outline: none;
    opacity: 0;
    right: 0;
    visibility: hidden;
    top: 40px;
    position: absolute;
    -webkit-user-select: text;
    will-change: width,height;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 99999;
}
.dropdown-content ul>li {
    color: white;
    text-decoration: none;
    font-size: 16px;
    padding: 5px 5px;
    position: relative;
    margin: 0px;
    float: none;
    display: list-item;
    border-top: 1px solid rgba(0,0,0,0.3);
}
.dropdown-content ul>li:hover {
    background-color: rgb(0,0,0,0.1);
    color: #EEA200;
}
.dropdown-content ul>li a {
  line-height: 50px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}
.goose-login-button:hover > .dropdown-content{
    top: 48px;
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}

.header-top-right {
  display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    line-height: 50px;
    position: relative;
    max-width: 50%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 0;
    border-bottom: 0;
}
.header-top-social {
  position: relative;
  border-radius: 3px;
  margin-right: 20px;
}
.header-top-social li {
  display: inline-block;
}
.header-top-social li a {
  transition: all .3s ease;
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 0 10px;
}

#header button {
  transition: all .3s ease;
    box-shadow: none;
    font-size: 12px;
    padding: 0 15px;
    color: #6F6AF6;
}
button {
  background-color: transparent;
    border: 0;
    cursor: pointer;
    font-family: poppins,sans-serif;
    padding: 0;
    -webkit-appearance: none;
    outline: none;
    margin: 0;
}
.goose-main-menu{
  width: 100%;
    top: 0!important;
    z-index: 9999;
    overflow: inherit!important;
    z-index: 99999;
    display: block;
    float: left;
    width: 100%;
    height: 80px;
    line-height: 20px;
 }
.bg {
  background: linear-gradient(to right, #8689F2 , #6AD0C7);
}
.logo {
  display: inline-block;
    max-height: 80px;
    width: auto;
    margin: 0 40px 0 0;
}
.logo a img {
    border: 0;
    width: auto;
    max-height: 80px;
    display: block;
}
.logo a{
  color: #fff;
  font-size: 31px;
  font-family: Comfortaa;
  text-transform: uppercase;
  letter-spacing: 5px;
 }
 nav{
  width: 100%;
  display: inline-block;
}

nav .logo{
  float: left;
  color: white;
  font-size: 27px;
  font-weight: 600;
  line-height: 70px;
  padding-left: 60px;
}
nav ul{
  list-style: none;
}
nav ul li{
  height: auto; 
  float: left;
  display: inline-block;
}
.goose-mega-menu-container {
	width: 100%;
}
.goose-mega-menu-item{
  color: white;
    text-decoration: none;
    font-size: 16px;
    padding: 30px 15px;
    transition: 0.5s;
}

.goose-mega-menu-item:hover {
  background-color: rgb(0,0,0,0.1);
    color: #EEA200;
    padding: 30px 15px;
}
.dropdown-content ul>li
.goose-dropdown ul li a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
}

nav ul li .goose-dropdown:after {

    content: "";
    float: right;
    width: 10px;
    height: 17px;
    background: url("../img/angle.svg");
    position: absolute;
    bottom: 31px;
    right: 10px;
    background-repeat: no-repeat;
}

.goose-depth-0 {
  position: relative;
}

.goose-depth-0:after{
   content: "";
    float: right;
    width: 10px;
    height: 17px;
    background: url("../img/angle-down-solid.svg");
    position: absolute;
    bottom: 30px;
    right: 8px;
    background-repeat: no-repeat;
}

.nav-item {
  color: white;
    text-decoration: none;
    font-size: 16px;
    padding: 30px 15px;
}

.navbar-nav >  li > a {
 color: white;
 margin-right: 10px;
}

nav ul ul li a:hover{
  box-shadow: none;
}
.dropdown-menu{
  position: absolute;
  top:50px;
  left: 0;
  border-top: 3px solid white;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: 250ms all;
  z-index: 99999;
}
.sub-menu{
  position: absolute;
  top:0px;
  left: 220px;
  border-top: 3px solid white;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: 250ms all;
}
nav ul ul ul{
  border-top: none;
}
nav ul li:hover > .dropdown-menu{
  top: 60px;
  opacity: 1;
  visibility: visible;
  background: rgba(111, 106, 246, .9);
  color: #fff;
}
nav ul li:hover > .sub-menu{
  top: -3px;
  left: 155px;
  opacity: 1;
  visibility: visible;
  background: rgba(111, 106, 246, .9);
  border-radius: 8px;
}
.goose-dropdown ul li
{
  position: relative;
  margin: 0px;
  width: 150px;
  float: none;
  display: list-item;
  border-bottom: 1px solid rgba(0,0,0,0.3);
}
nav ul ul li a{
  line-height: 50px;
  color: #fff;
  font-size: 15px;
}

nav ul ul ul li{
  position: relative;
}
.alt-sub-menu li {
  position: relative;
  top: 0px;
  left: 0px;
}

li input {
  display: none;
}
.fa-plus{
  font-size: 15px;
  margin-left: 40px;
}


.mega-menu-wrapper {
   position: absolute;
  top:120px;
  right:0px;
  opacity:0;
  visibility: hidden;
  transition: 250ms all;
  border-radius: 8px;
  z-index: 99999;
}

.mega-menu-parent:hover> .mega-menu-wrapper{
    position:absolute;
    min-width: 100%;
    width: 420px;
    top: 70px;
    left: -1px;
    opacity: 1;
    visibility: visible;
    border-top: 3px solid #6F6AF6;
    background: rgba(253, 253, 253, .9)!important;
    
}
.mega-menu {
	display: flex;
}
.left-cats {
  background-color: #6F6AF6;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 220px;
  text-align: center;
  height: 250px;
}
.cats-box{
  width: 100%;
  max-height: 250px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.cats-box li {
  height: 50px;
  border-bottom: 1px solid rgba(255,255,255,.4);
  transition: 0.3s;
}
.cats-box li:hover {
	border-radius: 5px;
	background-color: rgb(0,0,0,0.2);
	transition: 0.3s;
}
.cats-box li a{
  width:100%;
  font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding: 0 50px;
    height: 40px;
    color: #FFF;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ilk-post {
	width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ilk-post a img {
	width: 100%;
    border-radius: 10px;
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
    object-fit: cover;
    transition: 0.5s;
}
.ilk-post a:hover img{
	transform: scale(1.03);
	-webkit-filter: brightness(30%);
    filter: brightness(30%);
    background-color: rgba(240, 240, 214, 0.8);
    transition: 0.5s;
}
.goose-thumbnail-area-category {


  max-height: 30px;


  overflow: hidden;


  display: block;


}


.goose-thumbnail-area-category a  {


  padding: 0 15px;


    height: 30px;


    line-height: 30px;


    border-radius: 3px;


    font-weight: 400;


    display: inline-block;


    margin-right: 5px;


    margin-bottom: 10px;


    font-size: 12px;


    letter-spacing: .05em;


    text-transform: uppercase;


  text-decoration: none;


  font-family: Roboto;


  font-size: 15px;


  color: #fff;


  background-color: #69D1C5;


  border-radius: 5px;


}

.goose-sub-category {
	 position: absolute;
  max-height: 26px;
  overflow: hidden;
  display: block;
  bottom: 80%;
  left: 15px;
}
.goose-sub-category a  {
   padding: 0 15px;
   height: 26px;
   line-height: 26px;
   border-radius: 3px;
   font-weight: 400;
   display: inline-block;
   margin-right: 5px;
   margin-bottom: 10px;
   font-size: 12px;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
  background-color: #69D1C5;
  border-radius: 5px;
}
.avatar {
    background-size: cover;
    object-fit: cover;
    border-radius: 50%;
    float: left;
}
.avatar img{
    border-radius: 20px;
}
.sub-post-head{
	width: 90%;
  position: absolute;
  bottom: 65px;
  left: 15px;
}
.sub-post-head h2{
  font-family: 'Poppins',sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 20px;
}
.author-bilgi{
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  left: 15px;
  bottom: 20px;
}
.author-info {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.single-post-author-box{
    display: flex;
    align-items: center;
    z-index: 1;
}
.single-post-author-box p {
    font-family: Poppins;
    font-size: 20px;
    color: #333;
    margin-left: 10px;
}
.single-post-date {
	display: flex;
    align-items: center;
    margin-left: 25px;
    z-index: 1;
}
.single-post-date i {
    font-size: 25px;
    color: #333;
}
.single-post-date  p {
    font-family: Poppins;
    font-size: 20px;
    color: #333;
    margin-left: 10px;
}
.author2 a {
  padding: 0;
}
.author2 p{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #fff;
  margin-left: 5px;
}
.author-bilgi img{
  border-radius: 50px;

}
.fav-icon {
    z-index: 1;
    margin-left: 25px;
}
.simplefavorite-button {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.simplefavorite-button i {
    font-size: 25px;
    color: #fff;
}
.content-wrapper .simplefavorite-button {
	display: none;
}
.right-posts {
 width: 100%;
 height: 250px;
}

.right-posts ul li {
  padding: 5px 5px;
}
.right-posts-box {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	padding-top: 10px;
}
.mobile-menu-icon {
  width: 50px;
  height: 40px;
  background-color: #6F6AF6;
  border-radius: 10px;
  display: none;
  padding: 5px 15px;
  box-shadow: 0 6px 6px rgba(3,3,3,.3);
  margin-bottom: 5px;
}
.mobile-menu-icon i {
  text-decoration: none;
  color: #fff;
  letter-spacing: 2px;
  font-size: 20px;
}
.actions {
width: 50px;
height: 40px;
background-color: #6F6AF6;
border-radius: 10px;
display: block;
padding: 10px 15px;
box-shadow: 0 6px 6px rgba(3,3,3,.3);
margin-bottom: 5px;
}
.actions a {
  text-decoration: none;
  color: #fff;
  letter-spacing: 2px;
  font-size: 20px;
}
.search-modal {
  position: fixed;
  z-index: 10;
  padding-top: 200px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
 background-color: rgba(0,0,0,.6705882352941176);
}
.search-modal-box {
    display: inline-block;
    width: 100%;
    height: auto;
}
.search-input {
  width: 100%;
    border: none;
    border-radius: 4px;
    line-height: 40px;
    height: 60px;
    text-indent: 15px;
    font-size: 25px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    color: #444;
}
.btn-goose-search {
	float: right;

}
.btn-goose-search i {
    float: right;
    font-size: 25px;
    margin-right: 17px;
    margin-top: -42px;
    position: relative;
    z-index: 2;
    color: #555;
}
.search-close {
  float: right;
   margin-top: -122px;
  transform: rotate(0);
}
.search-close  i {
  cursor: pointer;
  font-size: 35px;
  color: #fff;
}
.rpi-progress-count {
  width: 45px;
  height: 25px;
  background-color: rgb(20, 115, 230);
  text-align: center;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
  border-top-right-radius: 8px;
  position: fixed;
  bottom: 0;
}

.prognroll-bar {
  border-radius: 10px;
  height: 6px;
}

.header-default {
width: 100%;
display: block;
height: auto;
float: left;
z-index: 100;
font-family: 'Poppins', sans-serif;
position: relative;
}


.alt-categori p {
  font-family:Roboto;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
}

.izlenme {
  display: flex;
  align-items: center;
}
.izlenme i {
  font-size: 10px;
  color: #fff;
  margin-left: 15px;
  margin-top: 2px;
}
.izlenme p {
  font-family: Poppins;
  font-size: 10px;
  color: #fff;
  margin-left: 5px;
  margin-top: 5px;
}
.thumbnail-content {


	position: absolute;


	height: 250px;


	display: flex;


	flex-direction: column;


	justify-content: space-between;


	margin-top: 45px;


	z-index: 1;


	top: 0;


}


.thumbnail-content  h1 {


	width: 100%;


	font-family: Roboto;


	font-size: 32px;


	color: #fff;


	z-index: 1;
   margin-top: 15px;

}


.thumbnail-img {
  width: 100%;
  position: relative;
}
.thumbnail-img img{
  width: 100%;
  height: 400px;
  border-radius: 8px;
  object-fit: cover;
  -webkit-box-shadow: 0px 0px 28px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 28px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 28px -10px rgba(0, 0, 0, 0.75);
}
.goose-content-info-container {
	display: flex;
}

.comment-count {

    z-index: 1;

    margin-left: 10px;

}

.comment-count i {

	font-size: 25px;

	color: #fff;	
}


.comment-count span {


	font-family: Poppins;


	font-size: 20px;


	color: #fff;


	margin-left: 5px;


  margin-right: 10px;

}
.goose-content-reading-time {
    z-index: 1;


    margin-left: 10px;
}
.goose-content-reading-time  i {


	font-size: 25px;


	color: #fff;	


}


.goose-content-reading-time  span {


	font-family: Poppins;


	font-size: 20px;


	color: #fff;


	margin-left: 5px;


  margin-right: 10px;

}
.author-content {
    width: 100%;
    margin-top: 5px;
    position: relative;
    border-radius: 8px;
}

.author-bg-img {
	height: 300px;
}

.author-bg-img img {
  width: 100%;
  object-fit: cover;
border-radius: 8px;
-webkit-filter: brightness(60%);
filter: brightness(60%);
}
.author-page-bg-img{
	height: 300px;
}
.author-page-bg-img img {
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.stories {
	padding: 20px 10px;
	text-align: center;
}
.stories.carousel {
	-webkit-overflow-scrolling: touch;
    overflow-scrolling: touch!important;
    text-align: center;
}
.stories.carousel .story {
	margin:0 10px!important;
}
.stories.carousel .story>.item-link>.item-preview {
	transform: scale(1.1);
}
.info {
  margin-top:.8em !important
}
.info strong {
	font-family: 'Poppins', sans-serif;
	font-weight: 450!important;
	color: #1d1d1d;
}
.goose-favorite-button {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.goose-favorite-button i {
    font-size: 25px;
    color: #fff;
}
.breadcrumbs  {
 height: auto;
}
.breadcrumbs ol {
 line-height: 25px;
 float: left;
  align-items: center;
}
.breadcrumb-item {
	float: left;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.breadcrumbs span {
  font-family: Roboto;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.breadcrumbs__current {
   font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  line-height: 20px;
}

.goose-profile {
 width: 100%;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
  border-radius: 8px;
  margin-top: 30px;
  position: relative;
}
.profile-box {
  width: 40%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.edit-profile {
  width: 59%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 20px;
  position: relative;
}
.goose-register {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 20px;
    margin-top: 30px;
    position: relative;
}
.signup-form {
    width: 100%;
    padding: 10px 10px;
}
.goose-sign-up-form {
	width: 100%;
    padding: 10px 10px;
}

.register-header {
    margin: 0 0 2em;
}
.register-header p {
   display: flex;
   font-family: Roboto;
}
.register-header a {
	font-family: Roboto;
	color: #000;
    font-weight: 600;
    text-decoration: none;
    margin-right: 4px;
    margin-left: 4px;
}
.form-control {
    display: block;
    width: 95%;
    padding: 15px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    margin-bottom: 1em;
    margin-left: 5px;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-file {
    width: .1px;
    height: .1px;
    opacity: 0;
    display: none;
    overflow: hidden;
    z-index: -1;
}
.input-file+.js-labelFile {
    width: 100%;
    padding: 15px 2em;
    display: inline-block;
    background: #EFEFEF;
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    box-shadow: none;
    transition: all .3s ease;
    border-radius: 10px;
}
.input-file+.js-labelFile {
    overflow: hidden;
    height: 150px;
    line-height: 125px;
    border: 1px solid #ddd;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 8px;
    text-overflow: ellipsis;
    background: #fff;
    white-space: nowrap;
    padding: 1em;
    text-align: center;
    cursor: pointer;
}
.form-group label {
    font-family: 'Poppins', sans-serif;
    color: #333;
    margin-bottom: 10px;
    margin-left: 5px;
}
.author-goose {


  width: 100%;


  height: 300px;


  background-color: #E1DEDE;


border-bottom-right-radius: 8px;


  border-bottom-left-radius: 8px;


    text-align: center;


  position: relative;


}


.author-pp{


 position: absolute;


margin-left: auto;


margin-right: auto;


top: 80%;


left: 0;


right: 0;


z-index: 10;


text-align: center;


}


.author-pp img {


  object-fit: cover;


  border-radius: 50%;


  border:5px solid #E1DEDE;

  background: #E1DEDE;


}


.author-box {


  width: 100%;


  position: absolute;


  margin-left: auto;


margin-right: auto;


top: 20%;


left: 0;


right: 0;





}


.author-name {


  width: 100%;


  position: relative;


}


.author-name span {


  color: #333;


    font-family: 'Poppins', sans-serif;


    font-size: 25px;


    letter-spacing: -.03em;


}


.author-name i {


   color: #0088cc;


   font-size: 25px;


  letter-spacing: -.03em;


}


.rank {


  position: relative;


  max-height: 30px;


    overflow: hidden;


    display: block;


    text-align: center;


}


.rank a {


    padding: 0 15px;


    height: 30px;


    line-height: 32px;


    font-weight: 600;


    display: inline-block;


    margin-right: 5px;


    margin-bottom: 10px;


    letter-spacing: .05em;


    position: relative;


    white-space: nowrap;


    background: #F23F3F;


    border-radius: 10px;


}


.rank p {


    font-family: Roboto;


    font-size: 14px;


    font-weight: 400;


    color: #fff;


}


.author-text {


  width: 100%;


  position: relative;


  margin-top: 5px;


}


.author-text p {


    font-family: 'Poppins', sans-serif;


    font-size: 15px;


    color: #333;


}
 .author-arrange {


  position: absolute;


  top: 96%;


  left: 0;


  right:0;


  width: 65%;


  margin: 0 auto;


  text-align: center;


  height: 50px;


  border-radius: 8px;


  background: #fff;


  padding: 0px 0 0 0px;


  margin-bottom: 15px;


  -webkit-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);


  -moz-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);


  box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);

  z-index: 10;


}


.author-arrange ul {


    float: left;


    width: 100%;


    margin: 0 auto;


    text-align: left;


    display: inline;


    position: relative;


}


.author-arrange ul li{


  float: left;


    display: inline-block;


    width: 33.333333%;


    height: 50px;


    vertical-align: top;


    transition: transform .8s ease-in-out;


    text-align: center;


}


.author-arrange ul li:hover {


  background-color: #333;


  border-radius: 8px;


}


.author-arrange ul li:hover a{


  color: #fff;


}


.author-arrange ul li a {


    color: #333;


    font-family: 'Montserrat', sans-serif;


    font-size: 0.85em;


    font-weight: 700;


    line-height: 50px;


    text-transform: uppercase;


}
.sign-up-arrange{
  position: absolute;
  top:34%;
  left: 0;
  right:0;
  width: 50%;
  margin: 0 auto;
  z-index: 10;
  text-align: center;
  height: 50px;
  border-radius: 8px;
  background: #fff;
  padding: 0px 0 0 0px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
  -moz-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
  box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
}
.sign-up-arrange ul {
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    display: inline;
    position: relative;
}
.sign-up-arrange ul li{
  float: left;
    display: inline-block;
    width: 50%;
    height: 50px;
    transition: all .3s ease;
    vertical-align: top;
    transition: transform .8s ease-in-out;
    text-align: center;
}
.sign-up-arrange ul li:hover {
  background-color: #333;
  border-radius: 8px;
}
.sign-up-arrange ul li:hover a{
  color: #fff;
}
.sign-up-arrange ul li a {
    color: #333;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85em;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
}
.form-heading {
  font-size: 18px;
    margin: 0 0 1em;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    color: #333;
}
.box-name {
	font-size: 15px;
}
.main-content {


  position: relative;


  width: 100%;


  display: flex;


 flex-direction: column;


  background-color: #fff;


  border-radius: 8px;

  padding: 30px 20px;


}
.fav-content {
  position: relative;


  width: 100%;


  display: flex;


 flex-direction: column;


  background-color: #fff;


  border-radius: 8px;

  padding: 30px 20px;
}
.goose-author-comment-content-wrapper {
 position: relative;


  width: 100%;


  display: flex;


 flex-direction: column;


  background-color: #fff;


  border-radius: 8px;

  padding: 30px 20px;
}
.goose-author-comment-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.goose-author-comment-card {
	position: relative;
    display: flex;
    width: 90%;
    max-height: 100%;
    padding: 10px 10px;
    background-color: #F1EFEF;
    border-radius: 8px;
    margin-top: 15px;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.20);
}
.goose-author-pp {
 margin-right: 5px;
}
.goose-author-comment-text {
  width: 95%;
    padding-right: 10px;
    padding-bottom: 10px;
}
.goose-author-comment-text h5 {
    font-family: roboto;
    font-weight: bold;
    color: #000;
}
.header {
  width: 100%;
     height: 361px;
    z-index: 0;
    position: relative;
    background-image: url("images/magazine3.jpg");
    background-size: cover;
    object-fit: cover;
    background-attachment: fixed;
    background-position: center;
    margin-bottom: 15px;
}
.header:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 361px;
    top: 50;
    left: 0;
    background: #222;
    opacity: 0.6;
    border-radius: 8px;
}
.alt-container {
  min-width: 93.4%;
  width: 90%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container {
  position: relative;
  max-width: 1170px;
  width: 90%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.container-flex-jc{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.container-flex-ai {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mg-container {
  margin-top: 10px;
}
.mg-img {
  margin-top: 12px;
}
.swiper-container {
    width: 100%;
    height: auto;
    }

.s2 {
  height:570px;
 }

.swiper-slide {
      font-size: 18px;
      color: #fff;
      object-fit: cover;
       display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.big-swipe-post {
  width: 100%;
  position: relative;
  margin-top: 20px;
  color: #fff;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.5s;
}
.big-swipe-post a img{
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  -webkit-filter: brightness(60%);
    filter:brightness(60%);
    transition: 0.5s;
}
.goose-swipe-post:hover img,.swipe-post:hover img,.slider-2-first-post:hover img,.slider-2-second-post:hover img, .down-slide-edit:hover a img,.slide-post:hover a img, .slider-2-big-post:hover a img,.first-post:hover a img,.second-post:hover a img,.big-post:hover a img, .big-swipe-post:hover a img {
	-webkit-filter: brightness(30%);
    filter:brightness(30%);
transition: 0.5s;
}
.big-swipe-post-box-content {
  width: 80%;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 55px;
  padding-left: 35px;
  padding-right: 5px;
  transition: opacity 0.35s, transform 0.35s;
}
.big-swipe-post-box-content-little-post {
  width: 80%;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 40px;
  padding-left: 35px;
  padding-right: 5px;
  transition: opacity 0.35s, transform 0.35s;
}
.cat-view {
  display: flex;
  align-items: center;
  padding: 15px 0px;
}
.big-swipe-post-box p{
  position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 1em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    width: 70%;
    opacity: 0;
    color: #fff;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    font-family:'Poppins', sans-serif;
    font-size: 18px;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    transition: opacity 0.35s, transform 0.35s;
}
.slider-2-big-post:hover .big-swipe-post-box p,.big-post:hover .big-swipe-post-box p ,.big-swipe-post:hover .big-swipe-post-box p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.big-swipe-post-box-little p {
 position: absolute;
    bottom: 5px;
    left: 10px;
    padding: 1em;
    width: 100%;
    opacity: 0;
    color: #fff;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    font-family:'Poppins', sans-serif;
    font-size: 14px;
    -webkit-transform: translate3d(0,3px,0);
    transform: translate3d(0,3px,0);
    transition: opacity 0.35s, transform 0.35s;
}
 .goose-swipe-post:hover .big-swipe-post-box-little p,.swipe-post:hover .big-swipe-post-box-little p,.slider-2-first-post:hover .big-swipe-post-box-little p,.slider-2-second-post:hover .big-swipe-post-box-little p ,.first-post:hover .big-swipe-post-box-little p,.second-post:hover .big-swipe-post-box-little p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slider-2-second-post:hover .big-swipe-post-box-content-little-post,.slider-2-first-post:hover .big-swipe-post-box-content-little-post,.goose-swipe-post:hover .big-swipe-post-box-content,.swipe-post:hover  .big-swipe-post-box-content,.slider-2-first-post:hover .big-swipe-post-box-content,.slider-2-second-post:hover .big-swipe-post-box-content,.slider-2-big-post:hover .big-swipe-post-box-content,.first-post:hover .big-swipe-post-box-content,.second-post:hover .big-swipe-post-box-content,.big-post:hover .big-swipe-post-box-content,.big-swipe-post:hover .big-swipe-post-box-content {
      -webkit-transform: translate3d(0,-30%,0) translate3d(0,-20px,0);
    transform: translate3d(0,-30%,0) translate3d(0,-20px,0);
}
 .swipe-post {
  width: 100%;
  border-radius: 20px;
  margin-top: 20px;
  position: relative;
 }
 .swipe-post img{
  width: 100%;
  border-radius: 10px;
  -webkit-filter: brightness(60%);
    filter:brightness(60%);
}
 .swipe-post #right-view {
   display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
 }
.swipe-post .slide-category-right {
    max-height: 30px;
    overflow: hidden;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
} 

.swiper-pagination-bullet {
   opacity: 0.9;
   background: #000;
}
 .swiper-pagination-bullet-active {
   background: #fff;
}

.swiper-button-next,.swiper-button-prev {
        background-image: none;
        background-size: 0;
        background-repeat: no-repeat;
        background-position: 0;
        margin-top: -1rem;
}

.arrow-icon {
 font-size: 2rem;
 color: #fff;
 border-radius: 50px;
 box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.2);
}

.post-content {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.slide-box {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.slide-edit {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.slide-post{
  width: 49.6%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}
.slide-post a img {
  width: 100%;
    border-radius: 10px;
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    object-fit: cover;
    transition: 0.5s;
}
.down-slide-edit {
  width: 100%;
  height: 49%;
  position: relative;
}
.down-slide-edit a img {
width: 100%;
border-radius: 10px;
-webkit-filter: brightness(60%);
filter: brightness(60%);
object-fit: cover;
 transition: 0.5s;
}
.headline-box {
    width: 100%;
    height: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.big-post {
  width: 100%;
  height: 100%;
  position: relative;
}
.content-menu {
	max-width: 1170px;
	height: 60px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.big-post a img{
  width: 100%;
  height: 491px;
  border-radius: 10px;
  -webkit-filter: brightness(60%);
    filter:brightness(60%);
    object-fit: cover;
    transition: 0.5s;
}

.slide-category {
  max-height: 30px;
  overflow: hidden;
  display: block;
  border-radius: 8px;
  margin-right: 5px;
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}


.slide-category a {
 padding: 0 15px;
    height: 30px;
    line-height: 32px; 
    font-weight: 600;
    display: inline-block;
    letter-spacing: .05em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  background: #6034F6;
  border-radius: 8px;
}

.slide-category p {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.view{
display: flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
}
.view i{
	font-size: 15px;
	color: #fff;
	margin-right:5px;
}
.view p{
	font-family: Poppins;
	font-size: 15px;
}

#big-heading {
  width: 90%;
}
#big-heading a h2 {
	font-family: Poppins;
	font-size: 35px;
	color:#fff;
}
.slider-2-big-post {
width: 100%;
position: relative;
}
.slider-2-big-post img {
  width: 100%;
   border-radius: 10px;
   -webkit-filter: brightness(60%);
   filter: brightness(60%);
   object-fit: cover;
   transition: 0.5s;
}
.slider-2-double-post {
	width: 50%;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
.slider-2-first-post{
	width: 100%;
    height: 242px;
    border-radius: 20px;
    position: relative;
}
.slider-2-first-post img {
	width: 100%;
    border-radius: 10px;
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    transition: 0.5s;
}
.slider-2-second-post{
	width: 100%;
    height: 242px;
    border-radius: 20px;
    position: relative;
    margin-top: 38px;
}
.slider-2-second-post img {
	width: 100%;
    border-radius: 10px;
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    transition: 0.5s;
}
.double-post {
 width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.first-post {
  width: 100%;
  height: 242px;
  border-radius: 20px;
  position: relative;
}
.first-post img{
	width: 100%;
	border-radius: 10px;
	-webkit-filter: brightness(60%);
    filter:brightness(60%);
}
.goose-slider-sub-container {
	position: absolute;
    left: 31px;
    top: 15px;
}
.slide-category-right {
  max-height: 30px;
  float: left;
  overflow: hidden;
  display: block;
  text-align: center;
  border-radius: 8px;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
  margin-right: 5px;
}

#right-view{
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  margin-top: 6px;
}
#right-view i{
  font-size: 15px;
  color: #fff;
  margin-right:5px;
}
#right-view p{
  font-family: Poppins;
  font-size: 15px;
}

.slide-category-right a {
   padding: 0 15px;
    height: 30px;
    line-height: 32px; 
    font-weight: 600;
    display: inline-block;
    letter-spacing: .05em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  background: #6034F6;
  border-radius: 8px;
}

.slide-category-right p {
	font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}
.right-view{
	display: flex;
	flex-direction: row;
	align-items: center;
	position: absolute;
	top: 18px;
	right: 0px;
	left: 130px;
	color: #fff;
}
.right-view i{
	font-size: 15px;
	color: #fff;
	margin-right:5px;
}
.right-view p{
	font-family: Poppins;
	font-size: 15px;
}
.post-heading {
	width: 100%;
}
.post-heading h2{
	font-family:Poppins;
	font-size: 22px;
	color:#fff;
}
.second-post {
    width: 100%;
  height: 242px;
  border-radius: 20px;
  position: relative;
  margin-top: 7px;
}
.second-post img{
	width: 100%;
	border-radius: 10px;
	-webkit-filter: brightness(60%);
    filter:brightness(60%);
}
.category-slider {
	width: auto;
	height: 350px;
	background-image: linear-gradient(to right, #8689F2 , #6AD0C7);
	margin-top: 20px;
}
.category-content {
	max-width: 1170px;
	height:320px;
	margin: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.category-box{
	 width: 85%;
	height: 320px;
	border-radius: 10px;
	position: relative;
	margin-top: 15px;
	text-align: center;
}
.category-box img {
	width: 100%;
	display: block;
    object-fit: cover;
	border-radius: 10px;
	transition: 0.5s;
}
.category-box img:hover {
	-webkit-filter: brightness(60%);
    filter:brightness(60%);
    transition: 0.5s;
}
.cat-button{
	position: absolute;
    max-height: 50px;
    overflow: hidden;
    display: block;
    bottom: 45%;
    left:0;
    right:0;
}
.cat-button a {
	padding: 0 15px;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Roboto;
    font-size: 25px;
    color: #fff;
    background-color: #69D1C5;
    border-radius: 8px;
}
.ads-component {
	display: block;
	margin: auto;
  text-align: center;
  padding: 5px 5px;
}
.ads-l {
max-width: 100%;
max-height: 100%;
}
.ads-l img {
	max-width: 100%;
	margin-top: 0!important;
	border-radius: 0!important;
	object-fit: cover;
}
.ads-m {
max-width: 100%;
max-height: 100%;
}
.ads-m img {
	max-width: 100%;
	max-height: 100%;
	margin-top: 0!important;
	border-radius: 0!important;
	object-fit: cover;
}
.ads-s {
max-width: 100%;
max-height: 100%;
}
.ads-s img {
	max-width: 300px;
	max-height: 250px;
	margin-top: 0!important;
	border-radius: 0!important;
	object-fit: cover;
}
.ads-component  p {
	font-family: Roboto;
	font-size: 45px;
	color: #919191;
}
.content-post {
	max-width: 1170px;
	height:1715px;
	margin: auto;
	display: flex;
	flex-direction: row;
}
.site-wrapper {
    overflow:hidden;
    position: relative;
}

 .c{
                text-align: center;
                display: block;
                position: relative;
                width:100%;
            }
            ._404{
            	width: 100%;
                font-size: 145px;
                font-family: 'Montserrat', sans-serif;
                position: relative;
                display: inline-block;
                z-index: 2;
                color: #333;
                letter-spacing: 15px;
                border-bottom: 5px solid #ebebeb;
                border-radius: 8px;
            }
            ._1{
                text-align:center;
                display:block;
                position:relative;
                letter-spacing: 2px;
                font-size: calc(12px + 1vw);
                font-family:'Poppins', sans-serif;
                line-height: 60px;
                margin-bottom: 10px;
            }
            .text{
                font-size: 70px;
                text-align: center;
                position: relative;
                display: inline-block;
                margin: 19px 0px 0px 0px;
                /* top: 256.301px; */
                z-index: 3;
                width: 100%;
                line-height: 1.2em;
                display: inline-block;
            }
           

            .btn{
                background-color: #6F6AF6;
                position: relative;
                display: inline-block;
                border-radius: 8px;
                padding: 15px 15px;
                z-index: 5;
                font-size: 20px;
                font-family: 'Poppins', sans-serif;
                margin:0 auto;
                color:#fff;
                text-decoration: none;
                margin-right: 10px
            }
            .right{
                float:right;
                width:60%;
            }
                    
            .cloud {
                width: 350px; height: 120px;

                background: #FFF;
                background: linear-gradient(top, #FFF 100%);
                background: -webkit-linear-gradient(top, #FFF 100%);
                background: -moz-linear-gradient(top, #FFF 100%);
                background: -ms-linear-gradient(top, #FFF 100%);
                background: -o-linear-gradient(top, #FFF 100%);

                border-radius: 100px;
                -webkit-border-radius: 100px;
                -moz-border-radius: 100px;

                position: absolute;
                margin: 120px auto 20px;
                z-index:-1;
                transition: ease 1s;
            }

            .cloud:after, .cloud:before {
                content: '';
                position: absolute;
                background: #FFF;
                z-index: -1
            }

            .cloud:after {
                width: 100px; height: 100px;
                top: -50px; left: 50px;

                border-radius: 100px;
                -webkit-border-radius: 100px;
                -moz-border-radius: 100px;
            }

            .cloud:before {
                width: 180px; height: 180px;
                top: -90px; right: 50px;

                border-radius: 200px;
                -webkit-border-radius: 200px;
                -moz-border-radius: 200px;
            }
            
            .x1 {
                top:-50px;
                left:100px;
                -webkit-transform: scale(0.3);
                -moz-transform: scale(0.3);
                transform: scale(0.3);
                opacity: 0.9;
                -webkit-animation: moveclouds 15s linear infinite;
                -moz-animation: moveclouds 15s linear infinite;
                -o-animation: moveclouds 15s linear infinite;
            }
            
            .x1_5{
                top:-80px;
                left:250px;
                -webkit-transform: scale(0.3);
                -moz-transform: scale(0.3);
                transform: scale(0.3);
                -webkit-animation: moveclouds 17s linear infinite;
                -moz-animation: moveclouds 17s linear infinite;
                -o-animation: moveclouds 17s linear infinite; 
            }

            .x2 {
                left: 250px;
                top:30px;
                -webkit-transform: scale(0.6);
                -moz-transform: scale(0.6);
                transform: scale(0.6);
                opacity: 0.6; 
                -webkit-animation: moveclouds 25s linear infinite;
                -moz-animation: moveclouds 25s linear infinite;
                -o-animation: moveclouds 25s linear infinite;
            }

            .x3 {
                left: 250px; bottom: -70px;

                -webkit-transform: scale(0.6);
                -moz-transform: scale(0.6);
                transform: scale(0.6);
                opacity: 0.8; 

                -webkit-animation: moveclouds 25s linear infinite;
                -moz-animation: moveclouds 25s linear infinite;
                -o-animation: moveclouds 25s linear infinite;
            }

            .x4 {
                left: 470px; botttom: 20px;

                -webkit-transform: scale(0.75);
                -moz-transform: scale(0.75);
                transform: scale(0.75);
                opacity: 0.75;

                -webkit-animation: moveclouds 18s linear infinite;
                -moz-animation: moveclouds 18s linear infinite;
                -o-animation: moveclouds 18s linear infinite;
            }

            .x5 {
                left: 200px; top: 300px;

                -webkit-transform: scale(0.5);
                -moz-transform: scale(0.5);
                transform: scale(0.5);
                opacity: 0.8; 

                -webkit-animation: moveclouds 20s linear infinite;
                -moz-animation: moveclouds 20s linear infinite;
                -o-animation: moveclouds 20s linear infinite;
            }

.left-content{
	width: 70%;
	display: flex;
	flex-direction: column;
	margin-top: 30px;
}
.content-wrapper {
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 20px;
    margin-top: 30px;
}
.goose-page-full-width {
	width: 100%!important;
}
.page-heading-wrapper {
  padding-bottom: 5px;
  border-bottom: 2px solid #ececec;
}
.goose-gallery-content {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.gooseprev {
	display: none;
}
.goose-main-content p {
	width: 100%;
    font-size: 1.125em;
    color: #3B3B3B;
    line-height: 30px;
    padding: 10px 10px;
}
.goose-main-content p a{
    line-height: 30px;
}
.goose-main-content figure{
  max-width: 100%;
}
.goose-main-content img {
    max-width: 100%;
    height: auto;
    margin-top: 22px;
    border-radius: 10px;
}
.goose-main-content iframe {
    width: 100%;
    border-radius: 8px;
}
.goose-main-content h2 {
	font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    margin-top: 10px;
}
.goose-main-content h3 {
	font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
}
.goose-main-content h4 {
	font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
}
.goose-main-content h5 {
	font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
}
.goose-main-content h6 {
	font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
}
.goose-main-content  ul {
 margin: 0 0 15px 30px;
}
.goose-main-content ul li  {
	list-style: initial;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Open Sans",sans-serif;
    line-height: 30px;
    color: rgba(0,0,0,.8);
    font-size: 1.125em;
}
.goose-main-content  ol {
 margin: 0 0 15px 30px;
}
.goose-main-content ol li  {
	list-style: initial;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Open Sans",sans-serif;
    line-height: 30px;
    color: rgba(0,0,0,.8);
    font-size: 1.125em;
}
#toc_container {
    border: 1px solid #ececec;
    border-radius: 5px;
    background: #fff;
    width: 100%!important;
    margin: 1em 0!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Open Sans",sans-serif;
    padding: 0;
}
#toc_container .toc_title {
    padding: 10px!important;
}
#toc_container ul {
    margin: 0!important;
}
.content__post--article ul li, .content__post--article ol li {
    list-style: initial;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Open Sans",sans-serif;
    line-height: 30px;
    color: rgba(0,0,0,.8);
    font-size: 16px !important;
}
#toc_container li a {
    display: block;
    width: 100%;
    color: #222!important;
    padding: 10px 1em;
    border-top: 1px solid #ececec;
    font-size: 16px !important;
    font-weight: 500;
}
#toc_container li a span {
    min-width: 25px;
    height: 25px;
    padding: 0 5px;
    display: inline-block;
    background: #6F6AF6;
    border: 1px solid #eee;
    line-height: 25px;
    text-align: center;
    border-radius: 25px;
    font-size: 12px;
    margin-right: 10px;
    color: #fff
}
.content-gallery-post {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.gallery-post-card {
    position: relative;
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
    -moz-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
    box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
}
.gallery-post-cont {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 15px;
}
.video-iframe iframe{
	width: 100%;
	border-radius:8px;
}
.goose-post-top {
 margin-top: 10px;
 margin-bottom: 10px;
 border-bottom: 1px solid #ececec;
 padding: 10px 10px;
 border-radius: 8px;
 -webkit-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
    -moz-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
    box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
}
.wp-block-image {
	max-width: 100%;
	position: relative;
}
.size-large {
	position: relative;
}
.wp-block-image  img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 8px;
	position: relative;
}
.wp-block-image figcaption{
	padding: 1em;
    width: 100%;
    font-family:'Open Sans', sans-serif;
    font-size: 14px;
    position: absolute;
    left: 0px;
    bottom: 4px;
    align-items: center;
    padding: 10px 10px;
    background-color: rgba(0,0,0,0.3);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 100%;
    text-align: center;
    color: #fff;
    word-wrap: break-word;
}
article blockquote {
    border-left: 7px solid #333;
}
.wp-block-quote{
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #333;
    z-index: 2;
}
.wp-block-quote p {
	font-family: Roboto;
    font-size: 25px;
    font-weight: 400;
    color: #707070;
    margin-top: 15px;
    z-index: 2;
}
}
.alt-left-content {


	width: 100%;


	display: flex;


	flex-direction: column;


	background-color: #fff;


	border-bottom-right-radius: 8px;


	border-bottom-left-radius: 8px;


	padding: 30px 20px;


}
.block-header {
	display: flex;
}
.block-header i {
	font-size: 25px;
    color: #fff;
    margin-left: 25px;
    line-height: 50px;
}
.block-header p {
	text-decoration: none;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: calc(13px + 1vw);
    color: #fff;
    margin-left: 10px;
    line-height: 50px;
}
.up-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	background-color: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.double-content {
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.left-cat-box {
  width: 49%;
  height: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
}
.cat-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px 10px;
}
.cat-box img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
}
.right-cat-box {
  width: 49%;
  height: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
}

.alt-content {
      width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
}

.second-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	margin-top: 20px;
}
.edit-box {
	width: 100%;
	padding: 25px 10px;
}
.post-box{
	width: 47%;
	position: relative;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    border-radius: 8px;
	
}
.goose-category {
	 position: absolute;
  max-height: 26px;
  overflow: hidden;
  display: block;
  bottom: 90%;
  left: 15px;
}
.goose-category a {
  padding: 0 15px;
  height: 26px;
  line-height: 26px;
  border-radius: 5px;
  font-weight: 400;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #69D1C5;
}
.goose-category a p{
  font-weight: 400;
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
}
.post-image img {
	width: 100%;
	object-fit: cover;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.post-cont {
	width: 100%;
	height: 200px;
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.post-text {
	width:100%;
}
.post-text h3 {
  font-family:'Poppins',sans-serif;
	font-size: 25px;
	color: #242424;
	transition: 0.5s;
}
.post-text h4{
	 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Open Sans",Product Sans,'Poppins',sans-serif;
	font-size: 20px;
	color: #242424;
	transition: 0.5s;
}
.post-text h4:hover{
  color:#6F6AF6;
  transition: 0.5s;
}
.post-text p{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #333;
	margin-top: 10px;
}
.post-alt{
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	line-height: 35px;
}
.trend-posts-author{
	float: left;
}
.trend-posts-author a p{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #333;
	margin-left: 5px;
	text-decoration: none;
}
.takvim {
	float: left;
	margin-left: 15px;
}
.takvim i {
	font-size: 14px;
	color: #333;
	margin-right: 5px;
	float: left;
	line-height: 34px;
}
.takvim p{
	 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Open Sans",Product Sans,'Poppins',sans-serif;
	font-size: 12px;
	color: #333;
	float: left;
}
.author-read-button {
	float: right;
    width: 100px;
    height: 30px;
    background: #8296EB;
    cursor: pointer;
    font-family: ROBOTO;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    transition: 0.2s;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}
.author-read-button:hover{
   background: #fff!important;
   color: #8296EB;
}
.article-line-box {
	margin-top: 15px;
}
.line-box {
margin-top: 15px;
}
.line {
    width: 100%;
    height: 10px;
    background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 10px 2px;
    background-repeat: repeat-x;
}
.comment-widget {
 	width: 100%;
 	margin-top: 15px;
 	display: flex;
 	flex-direction: column;
 }
 .yorum-baslık h3{
 	width: 100%;
 	font-family: Poppins;
	font-size: 25px;
	color: #333;
 }
 .goose-comment {
 	position: relative;
 	display: flex;
 	width: 100%;
 	max-height:100%; 
 	padding: 10px 10px;
 	background-color: #F1EFEF;
 	border-radius: 8px;
 	margin-top: 15px;
 	box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.20);
}
 .goose-comment-avatar{
 	margin-left: 10px;
} 
 .goose-comment-text {
 	width: 100%;
 	margin-left: 15px;
 	padding-right: 10px;
 	padding-bottom: 10px;
}
 .commnet-title{
 	font-family: Poppins;
	font-size: 24.4px;
	color: #333;
	letter-spacing: 2px;
}
   .goose-comment-text p {
   	font-family: Poppins;
	font-size: 15px;
	color: #333;
	margin-top: 5px;
}
.goose-comment-meta {
	display: flex;
	flex-direction: column;
	margin-left: 15px;
}
.goose-comment-meta span a {
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    font-family: 'Poppins', sans-serif;
}
.goose-comment-author cite a{
	font-style: normal;
	text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    font-family: 'Poppins', sans-serif;
}
.yorum-top{
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
}
.yoricon i {
	font-size: 36px;
	color: #333;
}
.logged-in-as {
	background-color: #EFEFEF;
	border-radius: 8px;
	color: #333;
	padding: 1em;
	margin-bottom: 10px;
}
.logged-in-as a {
	text-decoration: none;
	color: #111;
}
.yor-text {
	margin-top: 10px;
	margin-left: 10px;
}
.yor-text h4 {
	font-family: Poppins;
	font-size: 15px;
	color: #333333;
}
.comment-notes {
    font-family: Poppins;
    font-size: 14px;
    font-weight: lighter;
    line-height: 30px;
    color: #333333;
}
.yorum-yazın {
	width: 781px;
	height: 221px;
	background-color: #F1EFEF;
	border-radius: 8px;
	position: relative;
	margin-top: 15px;
}
.yorum-yazın p {
	font-family: Poppins;
	font-size: 15px;
	color: #8D8989;
	position: absolute;
	top: 20px;
	left: 50px;
}
.comment-down {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.custom-control {
	display: flex;
	margin-top: 10px;
}
.trend-posts-read-more{
	float: right;
    margin-top: 3px;
	width: 68px;
	height: 30px;
	background: #8296EB;
	cursor: pointer;
	border-radius: 5px;
  font-family: ROBOTO;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
  margin-right: 10px;
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
 transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  color: #fff;
  text-align: center;
 text-overflow: ellipsis; 
  display: block;
  overflow: hidden;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}
.trend-posts-read-more:hover{
   width: 100px;
    transition-duration: 0.5s;
   color: #8296EB;
   border-radius: 1px;
}

.trend-posts-read-more:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.trend-posts-read-more:hover:before {
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
     transition-duration: 0.3s;
     height: 30px;
}
.goose-comment {
    position: relative;
    display: flex;
    width: 100%;
    max-height: 100%;
    padding: 10px 10px;
    background-color: #F1EFEF;
    border-radius: 8px;
    margin-top: 15px;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.20);
}
.comment-depth {
    margin-left: 5rem;
}
.comment-reply-link{
	position: absolute;
    top: 10px;
    right: 10px;
    width: 80px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    background: #8296EB;
    cursor: pointer;
    font-family: ROBOTO;
    font-weight: 500;
    transition: 0.2s;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}
.comment-reply-link:hover{
   background: #fff!important;
   color: #8296EB;
}
.name {


	width: 30%;


	height: 35px;


	border:none;


	border-radius: 8px;


}


.goose-email {


	width: 30%;


	height: 35px;


	border:none;


	border-radius: 8px;


}


.website {


	width: 30%;


	height: 35px;


	border:none;


	border-radius: 8px;


}


.name input[type="text"] 


{ width: 100%;


  height: 100%;


  background: #F1EFEF;


  font-family: Roboto;


  color: #333;


  border:none;


  outline: none;


  border-radius: 8px;


  padding-left: 15px;


}


.goose-email input[type="email"] 


{ width: 100%;


  height: 100%;


  background: #F1EFEF;


  font-family: Roboto;


  color: #333;


  border:none;


  outline: none;


  border-radius: 8px;


  padding-left: 15px;


}


.website input[type="text"] 


{ width: 100%;


  height: 100%;


  background: #F1EFEF;


  font-family: Roboto;


  color: #333;


  border:none;


  outline: none;


  border-radius: 8px;


  padding-left: 15px;


}
form {
	margin-top: 10px;
}
label {
	font-family: Roboto;
	font-size: 12px;
}
textarea {
 	width: 100%;
 	height: 250px;
    border: 2px solid #E2E3E7;
    background-color: #ffffff;
    padding: 6px 13px;
    color: #000000;
    vertical-align: middle;
    box-shadow: none;
    line-height: 26px;
    border-radius: 8px;
    resize: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="checkbox"]  {
	cursor: pointer;
}
.first-edit {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.edit-post {
	width: 49%;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
}
.edit-post a {
	width: 100%;
}
.edit-post a img {
	width: 100%;
	border-radius: 10px;
	-webkit-filter: brightness(60%);
    filter:brightness(60%);
    object-fit: cover;
    transition: 0.5s;
}
.edit-post:hover a img {
		-webkit-filter: brightness(90%);
    filter:brightness(90%);
    background-color: rgba(240, 240, 214, 0.8);
    transition: 0.5s;
}
.alt-categori{
  max-height: 30px;
  overflow: hidden;
  display: block;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 15px;
}

.alt-categori a{
  padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  background-color:#6034F6;
  border-radius: 5px;
}

.alt-categori a p {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.alt-post-bas{
	width: 100%;
	position: absolute;
	bottom: 25%;
	left: 15px;
}
.alt-post-bas h2{
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.izlenme {
	display: flex;
	align-items: center;
}
.izlenme i {
	font-size: 15px;
	color: #fff;
	margin-left: 15px;
	margin-top: 2px;
}
.izlenme p {
	font-family: Poppins;
	font-size: 15px;
	color: #fff;
	margin-left: 5px;
}

.second-edit {
	width: 100%;
	height: 290px;
	position: relative;
	margin-top: 5px;
}
.second-edit a img {
	width: 100%;
	border-radius: 10px;
	-webkit-filter: brightness(60%);
    filter:brightness(60%);
    object-fit: cover;
    transition: 0.5s;
}
.second-edit:hover a img {
		-webkit-filter: brightness(90%);
    filter:brightness(90%);
    background-color: rgba(240, 240, 214, 0.8);
    transition: 0.5s;
}
.alt-post-bas1{
	width: 100%;
	position: absolute;
	bottom: 25%;
	left: 20px;
}
.alt-post-bas1 h2 {
	font-weight: 500;
	font-family: Poppins;
	color:#fff;
}
.right-content {
	width: 28%;
	height: 100%;
	margin-left: 35px;
	
}
.social-content {
	width: 90%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 15px;
	margin-top: 10px;
}
.facebook-box {
	width: 60px;
	height: 60px;
	background-color: #448AE9;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	 transition: 0.5s;
}
.facebook-box:before{
	content: "";
    position: absolute;
    z-index: -1;
    width: 60px;
	height: 60px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    transition: 0.5s;
}
.facebook-box:hover:before {
    background-color: rgb(2,2,2,0.2)!important;
    transition: 0.5s;
    z-index: 1;
}
.facebook-box i {
	text-align: center;
	font-size: 28px;
	color: #fff;
	z-index: 1;
}
.facebook-count {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
    position: absolute;
    top: -5px;
    right: -8px;
    border-radius: 100px;
    padding: 1px 7px;
    background-color: #448AE9;
    box-shadow: 0 6px 10px rgba(0,0,0,.3);
    color: #fff;
    z-index: 50;  
}
.social-head {
	text-align: center;
    color: #424242;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    padding-top: 12px;
    font-weight: 700;
    word-wrap: break-word;
   
}
.twitter-box {
	width: 60px;
	height: 60px;
	background-color: #1CA1F2;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
.twitter-box:before{
	content: "";
    position: absolute;
    z-index: -1;
    width: 60px;
	height: 60px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    transition: 0.5s;
}
.twitter-box:hover:before {
    background-color: rgb(2,2,2,0.2)!important;
    transition: 0.5s;
    z-index: 1;
}
.twitter-box i {
	text-align: center;
	font-size: 28px;
	color: #fff;
	z-index: 1;
}
.twitter-count {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
    position: absolute;
    top: -5px;
    right: -8px;
    border-radius: 100px;
    padding: 1px 7px;
    background-color: #1CA1F2;
    box-shadow: 0 6px 10px rgba(0,0,0,.3);
    color: #fff;
    z-index: 50;  
}
.instagram-box {
	width: 60px;
	height: 60px;
	background-color: #E12C61;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;

}
.instagram-box:before{
	content: "";
    position: absolute;
    z-index: -1;
    width: 60px;
	height: 60px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    transition: 0.5s;
}
.instagram-box:hover:before {
    background-color: rgb(2,2,2,0.2)!important;
    transition: 0.5s;
    z-index: 1;
}
.instagram-box i {
	text-align: center;
	font-size: 28px;
	color: #fff;
	z-index: 1;
}
.instagram-count {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
    position: absolute;
    top: -5px;
    right: -8px;
    border-radius: 100px;
    padding: 1px 7px;
    background-color: #E12C61;
    box-shadow: 0 6px 10px rgba(0,0,0,.3);
    color: #fff;
    z-index: 50;  
}
.youtube-box {
	width: 60px;
	height: 60px;
	background-color: #F63A4C;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
.youtube-box:before{
	content: "";
    position: absolute;
    z-index: -1;
    width: 60px;
	height: 60px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    transition: 0.5s;
}
.youtube-box:hover:before {
    background-color: rgb(2,2,2,0.2)!important;
    transition: 0.5s;
    z-index: 1;
}
.youtube-box i {
	text-align: center;
	font-size: 28px;
	color: #fff;
	z-index: 1;
}
.youtube-count {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
    position: absolute;
    top: -5px;
    right: -8px;
    border-radius: 100px;
    padding: 1px 7px;
    background-color: #F63A4C;
    box-shadow: 0 6px 10px rgba(0,0,0,.3);
    color: #fff;
    z-index: 50;  
}
.comment-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.comment-baslık p {
	font-family: ROBOTO;
	font-size: 25px;
	font-weight: 500;
	color: #333;
}
.comment-card {
	position: relative;
 	display: flex;
 	width: 90%;
 	max-height:100%; 
 	padding: 10px 10px;
 	background-color: #F1EFEF;
 	border-radius: 8px;
 	margin-top: 15px;
 	box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.20);
}
.pp {
	margin-right: 5px;
}
.comment-text {
	width: 75%;
	padding-right: 10px;
 	padding-bottom: 10px;
}
.comment-text h5 {
	font-family: roboto;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-left: 10px;
}
.comment-text p {
	width: 100%;
	font-family: Roboto;
	font-size: 13px;
	color: #000;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 20px;
}
.slider-ad{
	width: 100%;
	height: 270px;
	background-color: #AAA7A7;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
.slider-ad p {
	font-family: ROBOTO;
	font-size: 40px;
	font-weight: 500;
	color: #333;
}
.slider-ad h5 {
	font-family: ROBOTO;
    font-size: 55px;
    font-weight: 500;
	color: #333;
}
.video-content {
   width: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 0.4em;
}
.video-box {
     width: 50%;
    padding: 0.3em;
    position: relative;
     overflow: hidden;
}
.video-box img{
  width: 100%;
   -webkit-filter: brightness(60%);
    filter:brightness(60%);
    position: relative;
    transform-origin: 65% 75%;
  transition: transform 1s, filter .5s ease-out;
}
.video-box:hover img {
	transform: scale(2);
	 -webkit-filter: brightness(90%);
    filter:brightness(90%);
}
.play-icon i {
font-size:50px;
color:#fff;
position: absolute;
top: 30%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
.b-radius-top-left {
  border-top-left-radius: 8px;
}
.b-radius-top-right {
  border-top-right-radius: 8px;
}
.b-radius-bottom-left {
  border-bottom-left-radius: 8px;
}
.b-radius-bottom-right {
  border-bottom-right-radius: 8px;
}
.goose-widget {
	width: 100%;
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	-webkit-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    margin-top: 30px;
    padding-bottom: 20px;
}
.pop-card a{
	width: 100%;
	display: flex;
	padding: 10px 10px;
}
.pop-image img {
	background-size: cover;
	border-radius: 8px;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
.pop-text {
	margin-left: 20px;
}
.pop-text h4 {
	font-family: Poppins;
	font-size: 17px;
	color: #333;
	transition: 0.5s;
}
.pop-text h4:hover {
  color:#6F6AF6;
  transition: 0.5s;
}
.pop-text p{
	font-family: Poppins;
	font-size: 14px;
	font-weight: lighter;
	color: #333;
	margin-top: 15px;
}
.recent-box {
  width: 100%;
  padding: 5px 15px 5px 15px;
}
.recent-image {
  width: 100%;
  position: relative;
}
.recent-image img {
  width: 100%;
  background-size: cover;
  border-radius: 8px;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
   -webkit-filter: brightness(60%);
    filter:brightness(60%);
    transition: 0.5s;
}
.recent-image:hover img{
		-webkit-filter: brightness(90%);
    filter:brightness(90%);
    background-color: rgba(240, 240, 214, 0.8);
    transition: 0.5s;
}
.recent-text {
  position: absolute;
  bottom: 25%;
   left: 20px;
}
.recent-text h4 {
  font-family: Poppins;
  font-size: 20px;
  color: #fff;
}
.recent-category {
  position: absolute;
  top: 10px;
  left: 25px;
  max-height: 26px;
  overflow: hidden;
  display: block;
}
.recent-category> a  {
  padding: 0 15px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    font-weight: 400;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: .05em;
    text-transform: uppercase;
  text-decoration: none;
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
  background-color: #69D1C5;
  border-radius: 5px;
}
.recent-date a {
   position: absolute;
   display: flex;
  bottom: 10%;
  left: 25px;
  margin-top: 10px;
}
.recent-date  p{
  font-family: Poppins;
  font-size: 14px;
  font-weight: lighter;
  color: #fff;
}
.recent-date  i{
  font-size: 14px;
  color: #fff;
  margin-right: 5px;
}
.goose-email-component {
	display: flex;
    flex-direction: column;
	padding: 10px 10px; 
	align-items: center;"
}
.goose-mail-component-wrapper{
	text-align: center;
}
.goose-mail-component-wrapper p {
	padding: 10px 10px;
}
.goose-mc4wp-forms-wrapper input[type="email"] {
    width: 200px;
    height: 35px;
    border-radius: 8px;
    background: #fff;
    font-family: Roboto;
    color: #333;
    border: none;
    outline: none;
    border-radius: 8px;
    padding-left: 15px;
    box-shadow: 3px 6px 6px rgba(0,0,0,0.3);
}
.goose-mc4wp-forms-wrapper input[type="submit"] {
    width: 80px;
    height: 35px;
    background: #F63A4C;
    border: none;
    outline: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: ROBOTO;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    transition: 0.2s;
    color: #fff;
    box-shadow: 3px 6px 6px rgba(0,0,0,0.3);
    margin-top: 12px;
}
.goose-mc4wp-forms-wrapper input[type="submit"]:hover {
    background: #fff;
    color: #F63A4C;
}
.goose-widget-title {
	text-align: left;
	padding:20px;

}
.goose-widget-title p {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	color: #333;
	word-wrap: break-word;
	text-transform: uppercase;

}
.goose-widget-title p span{
	border-bottom: 4px solid #1473E6;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	color: #333;
	line-height: 35px;
	
}
.abone-baslık p {
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	color: #333;
	margin-top: 10px;
}
.abone-content {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.abone-text p{
	font-family: Poppins;
	font-size: 18px;
	color: #333;
	margin-top: 25px;
	text-align: center;
}
.email-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
.email-box input {
  font-size: 15px;
  transition: .5s;
}
.email-box input[placeholder="E-posta Adresinizi Giriniz..."] 
{
color: #333;
}
.email-box input[type="text"] 
{ width: 200px;
  height: 35px;
  border-radius: 8px;
  background: #fff;
  font-family: Roboto;
  color: #333;
  border:none;
  outline: none;
  border-radius: 8px;
  padding-left: 15px;
  box-shadow: 3px 6px 6px rgba(0,0,0,0.3);
}
.gonder {
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gonder input[type="submit"] 
{
  width: 80px;
  height: 35px;
  background: #F63A4C;
  border:none;
  outline: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: ROBOTO;
  font-weight: 500;
  transition: 0.2s;
    color: #fff;
  box-shadow: 3px 6px 6px rgba(0,0,0,0.3);
  margin-top: 12px;
}

.gonder input[type="submit"]:hover
{
   background: #fff;
   color: #F63A4C;;

}
.category-buttons {
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.category-button {
	width: 90%;
	height: 50px;
	padding: 10px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 8px;
	margin-bottom: 15px;
	transition: 0.5s;
	position: relative;
}
.category-button:before {
	content: "";
    z-index: -1;
    position: absolute;
    left:0;
    right: 0;
    bottom: 0;
    top: 0;
	padding: 10px 10px;
	border-radius: 8px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.category-button:hover:before {
	background-color: rgb(2,2,2,0.2)!important;
	transition: 0.5s;
	z-index:1;
}
.category-button a {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	z-index:1;
}
.category-button p {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	z-index:1;
}
.goose-head{
    width:100%;
    height: 50px;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
    -moz-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
    box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);
    padding: 0px 10px;
}
.goose-head ul {
    width: 100%;
    display: block;
    float: none;
    margin-left: 16px;
}
.goose-head ul li:first-child {
    margin-left: 25px;
}
.goose-head  ul li {
	float: left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95em;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    padding: 0px 10px;
    transition: transform .8s ease-in-out;
 }
 .goose-choice a{
  color: rgba(255, 255, 255, 0.5);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85em;
    font-weight: 700;
    line-height: 45px;
    text-transform: uppercase;
 }
  .choice-active a {
      color: rgba(255, 255, 255, 1);
    position: relative;
 }
 .goose-head  ul li a:hover {
 	color:#fff;
 }

.post-card {
	width: 100%;
	height: 350px;
	display: flex;
	margin-bottom: 25px;
}
.post-card-sub {
  width: 100%;
  padding: 10px 10px;
  display: flex;
  justify-content: space-between;
}
.left-post {
	width: 35%;
	border-radius: 10px;
	margin-right: 15px;
	-webkit-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
}
.left-post img {
	display: block;
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.middle-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    margin-top: 30px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
}

.category-head {
  width: 100%;
  height: 50px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #2e223c;
  text-align: left;
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
}

.category-head  a p{
  text-decoration: none;
   text-transform: uppercase;
    font-family:  'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    margin-left: 25px;
    line-height: 50px;
    text-overflow: ellipsis;
}
.category-head a h1{
  text-decoration: none;
   text-transform: uppercase;
    font-family:  'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    margin-left: 25px;
    line-height: 50px;
    text-overflow: ellipsis;
}
.widget-category-head{
  width: 100%;
  height: 50px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #2e223c;
  text-align: left;
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
}

.widget-category-head a p{
  text-decoration: none;
   text-transform: uppercase;
    font-family:  'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    margin-left: 25px;
    line-height: 50px;
    text-overflow: ellipsis;
}
.widget-category-heada h1{
  text-decoration: none;
   text-transform: uppercase;
    font-family:  'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    margin-left: 25px;
    line-height: 50px;
    text-overflow: ellipsis;
}
.category-page-head {
  position: absolute;
    bottom: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    max-height: 60px;
    overflow: hidden;
    display: block;
    border-radius: 5px;
}
.category-page-head h1{
   padding: 0 25px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: calc(13px + 1vw);
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
      -webkit-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
}
.tag-head {
    width: 100%;
    height: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #DCDCDC;
    text-align: left;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
}
.tag-head a p {
  float: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
      font-size: calc(13px + 1vw);
    color: #333;
    margin-left: 10px;
    line-height: 50px;
    text-overflow: ellipsis;
}
.tag-head a i {
    float: left;
    font-size: 25px;
    color: #333;
    margin-left: 25px;
    line-height: 50px;
}
.form-heading h3 {
  font-size: 18px;
    margin: 0 0 1em;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    color: #333;
}
.mid-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px;
}
.left-box {
  width: 47%;
  display: flex;
  flex-direction: column;
}
.box-img img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
}
.box-head a{
  font-family: Poppins;
  font-size: 20px;
  color: #242424;
  margin-top: 10px;
}
.right-box {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.box-cont {
	margin-bottom: 15px;
}
.box-head h3 {
color:#242424;
transition: 0.5s;
}
.box-head h3:hover{
	color:#6F6AF6;
  transition: 0.5s;
}
.box-card {
  width: 100%;
  display: flex;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
  margin-bottom: 15px;
}
.box-card img {
  width: 50%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  object-fit: cover;
}
.box-text p{
  width: 90%;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #333;
  margin-top: 10px;
}
.rigt-box-text{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px 10px;
}
.rigt-box-text h3 {
  font-family: 'Poppins',sans-serif;
  font-size: 15px;
  color: #333;
  transition: 0.5s;
}
.rigt-box-text h3:hover{
  color:#6F6AF6;
  transition: 0.5s;
}
.rigt-box-text p {
  font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #333;
    margin-top: 10px;
}
.box-author {
  font-family:  'Poppins', sans-serif;
  font-size: 12px;
  color: #585555;
  margin-top: 10px;
}


.right-post {
	width: 65%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 10px;
	padding:20px 20px;
	-webkit-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
    box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.20);
}
.post-category {
	max-height: 30px;
  overflow: hidden;
  display: block;
  text-align: left;
}

.post-category a {
  padding: 0 15px;
    height: 30px;
    line-height: 32px;
    font-weight: 600;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    background-color: #21897E;
    border-radius: 5px;
}

.post-category a p {
font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.son-text {
	width: 100%;
	margin-top: 10px;
}
.son-text h2 {
    width: 100%;
    font-family:'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 500;
	color: #000;
	transition: 0.5s;
}
.son-text h2:hover {
	color:#6F6AF6;
  transition: 0.5s;
}
.son-text p{
	width: 100%;
	font-family:'Poppins', sans-serif;
	font-size: 20px;
	color: #333;
	margin-top: 10px;
}
.goose-post-author-card{
	width: 100%;
	height: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 15px;
}
.post-author a p {
	font-family:'Open Sans', sans-serif;
	font-size: 16px;
	color: #333;
	margin-left: 10px;
	text-decoration: none;
}

.post-calendar {
	display: flex;
	align-items: center;
	flex: 1;
	margin-left: 20px;
}
.post-calendar i {
	font-size: 18px;
	color: #333;
	margin-right: 5px;
}
.post-calendar p{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #333;
}
.read-more{
	width: 100px;
	height: 30px;
	background: #8296EB;
	cursor: pointer;
  font-family: ROBOTO;
  font-weight: 500;
  font-size: 12px;
  line-height: 28px;
  margin-right: 20px;
  transition: 0.2s;
  color: #fff;
  text-align: center;
	border-radius: 5px;
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}
.read-more:hover{
   background: #fff!important;
   color: #8296EB;
}
.load-more {
	width: 200px;
	height: 65px;
	margin:auto;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.2);
}
.load-more p {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #333;
}
.load-more i {
	cursor: pointer;
	font-size: 20px;
	color: #333;
	margin-left: 15px;
	-webkit-transition: -webkit-transform .8s ease-in-out;
    transition:         transform .8s ease-in-out;
}
.load-more:hover i{
	-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.close{
  position:absolute;
  width:30px;
  height:30px;
  opacity:0.5;
  right:15px;
  top:10px;
  text-align:center;
  font-size:1.6em;
  cursor:pointer;
}

.close i {
	font-size: 22px;
	color: #ff2c3d;
}
.goose-register-modal {
 width: 500px;
position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 20px;
  margin-top: 30px;
}
.form-head{
    line-height: 1.66;
    margin: 0;
    padding: 0;
    font-weight: 900;
    color: #222;
    font-family: 'Montserrat';
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}
.form-group {
    margin-bottom: 20px;
    position: relative;
}
.form-input {
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #222;
}
.form-input:focus {
    border: 1px solid transparent;
    -webkit-border-image-source: -webkit-linear-gradient(to right, #9face6, #74ebd5);
    -moz-border-image-source: -moz-linear-gradient(to right, #9face6, #74ebd5);
    -o-border-image-source: -o-linear-gradient(to right, #9face6, #74ebd5);
    border-image-source: linear-gradient(to right, #9face6, #74ebd5);
    -webkit-border-image-slice: 1;
    border-image-slice: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    outline: mediumblue;
}
.email i {
   float: right;
      font-size: 15px;
    margin-right: 17px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    color: #555;
}
.user i {
   float: right;
      font-size: 15px;
    margin-right: 17px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    color: #555;
}
.toggle-password i {
      float: right;
      font-size: 15px;
    margin-right: 17px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    color: #555;
}
input[type=checkbox]{
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
}
input[type=checkbox]+ label {
    display: flex;
    margin-bottom: 25px;
}
#check-agree {
  display: flex;
  line-height: 3px;
}
.label-agree-term {
    font-size: 12px;
    font-weight: 600;
    color: #555;
    margin-top: 7px;
}
.goose-comment-submit {
    width: 100%;
    height: 40px;
    display: inline-block;
    background: rgba(0,0,0,0);
    cursor: pointer;
    padding: 2px 10px;
    font-size: 18px;
    font-family: Poppins;
    color: #fff;
    line-height: 25px;
    border: none;
    transition: 0.2s;
    text-align: center;
}
.service {
  text-decoration:underline;
  color: #555;
}
.form-submit {
    width: 100%;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border: none;
    background-image: -moz-linear-gradient(to left, #74ebd5, #9face6);
    background-image: -ms-linear-gradient(to left, #74ebd5, #9face6);
    background-image: -o-linear-gradient(to left, #74ebd5, #9face6);
    background-image: -webkit-linear-gradient(to left, #74ebd5, #9face6);
    background-image: linear-gradient(to left, #74ebd5, #9face6);
}

.form-box {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.form-submit-register {
   width: 100%;
   height: 50px;
   line-height: 20px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border: none;
    background-image: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(86,245,120,1) 0%, rgba(44,157,110,1) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(86,245,120,1) 0%, rgba(44,157,110,1) 100%);
    background-image: -o-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(86,245,120,1) 0%, rgba(44,157,110,1) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(86,245,120,1) 0%, rgba(44,157,110,1) 100%);
    background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(86,245,120,1) 0%, rgba(44,157,110,1) 100%);
    font-family: 'Poppins', sans-serif;
text-align:center;
}
.form-submit-password {
   width: 100%;
    height: 50px;
   line-height: 20px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border: none;
    background-image: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,54,33,1) 0%, rgba(157,44,79,1) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,54,33,1) 0%, rgba(157,44,79,1) 100%);
    background-image: -o-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,54,33,1) 0%, rgba(157,44,79,1) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,54,33,1) 0%, rgba(157,44,79,1) 100%);
    background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,54,33,1) 0%, rgba(157,44,79,1) 100%);
    font-family: 'Poppins', sans-serif;
text-align:center;
}

.js-labelFile i {
  font-size: 20px;
  color: #333;
}
.js-fileName {
  font-family: 'Poppins', sans-serif;
   font-size: 20px;
  color: #333;
}
textarea {
    width: 100%;
    height: 250px;
    border: 2px solid #E2E3E7;
    background-color: #ffffff;
    padding: 6px 13px;
    color: #000000;
    vertical-align: middle;
    box-shadow: none;
    line-height: 26px;
    border-radius: 8px;
    resize: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.select-category{
  width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #222;
}
.select-category:focus {
    border: 1px solid transparent;
    -webkit-border-image-source: -webkit-linear-gradient(to right, #9face6, #74ebd5);
    -moz-border-image-source: -moz-linear-gradient(to right, #9face6, #74ebd5);
    -o-border-image-source: -o-linear-gradient(to right, #9face6, #74ebd5);
    border-image-source: linear-gradient(to right, #9face6, #74ebd5);
    -webkit-border-image-slice: 1;
    border-image-slice: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.alert{
  width:100%;
  margin:20px auto;
  padding:30px;
  position:relative;
  border-radius:5px;
  box-shadow:0 0 15px 5px #ccc;
  text-align: center;
}
.warning-alert {
    background-color: #ffd48a;
    border-left: 5px solid #8a5700;
}
.success-alert {
    background-color: #a8f0c6;
    border-left: 5px solid #178344;
}
.alert h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: lighter;
  font-size: 18px;
  color: #444;
}
#backToTop {
  position: fixed;
  right: 1em;
  bottom: 1em;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  z-index: 9;
  line-height: 1em;
  text-align: center;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-color: #6F6AF6;
  padding: 0.25rem;
  -webkit-animation: fadeInUp .3s;
    animation: fadeInUp .3s;
    transition: 0.3s;
}
#backToTop:hover {
	 background-color: #fff!important;
	 transition: 0.3s;
}
#backToTop:hover i{
	 color: #6F6AF6;
	 transition: 0.3s;
}
#backToTop i {
	color: #fff;
}
.goose-login {
    position: fixed;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    overflow: auto;
    z-index: 99999;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
background: rgba(0,0,0,0.6);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

      }

.post-up {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.trend-box {
  max-height: 30px;
  overflow: hidden;
  display: block;
}
.trend-box i {
  padding: 0 15px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    letter-spacing: .05em;
    text-decoration: none;
     text-transform: uppercase;
  background-color: #32CD32;
  border-radius: 5px;
}
.trend-box i{
 font-size: 15px;
  color: #fff;
}
.goose-swipe-post {
    width: 100%;
    border-radius: 20px;
    position: relative;
    padding: 1px 3px;
}
.goose-swipe-post img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
   transition: 0.5s;
}
.swiper-flex {
  display: flex;
  flex-direction: column;
}
.swiper-view{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  bottom: 135px;
  right: 0px;
  left: 130px;
  color: #fff;
}
.swiper-view i{
  font-size: 15px;
  color: #fff;
  margin-right:5px;
}
.swiper-view p{
 font-family: Poppins;
  font-size: 15px;
}
.swiper-view-right{
  display: flex;
  flex-direction: row;
  align-items: center;
  left: 125px;
  color: #fff;
  margin-top: 6px;
}
.swiper-view-right i{
  font-size: 15px;
  color: #fff;
  margin-right:5px;
}
.swiper-view-right p{
  font-family: Poppins;
  font-size: 15px;
}
.swiper-heading {
  width: 90%;
}
.swiper-heading  h2{
 font-family: Poppins;
 font-size: calc(+ 3vw);
  color:#fff;
}
.swiper-category{
  max-height: 30px;
  overflow: hidden;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 130px;
  left: 31px;
}
.swiper-category a {
  padding: 0 15px;
    height: 30px;
    line-height: 32px; 
    font-weight: 600;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  background: #6034F6;
  border-radius: 10px;
}
.swiper-category p {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.swiper-category-right {
  max-height: 30px;
  overflow: hidden;
  display: block;
  text-align: center;
  float: left;
  margin-right: 5px;
}
.swiper-category-right a {
   padding: 0 15px;
    height: 30px;
    line-height: 32px; 
    font-weight: 600;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  background: #6034F6;
  border-radius: 8px;
}
.swiper-category-right p {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}
.mobile-menu-actived { 
  -webkit-transform: translate(0,0)!important;
    transform: translate(0,0)!important; }
.goose-mobil-menu{
  position: fixed;
    top: 0;
    transition: all .8s ease;
    left: 0;
    font-size: 20px;
    -ms-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    overflow: auto;
    z-index: 999;
    background: #333;
    background: linear-gradient(to right, #8689F2 , #6AD0C7);
    display: -webkit-box ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
}
.goose-mobil-menu-header{
  padding: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.menu-dark-button {
    position: relative;
}
.goose-log-button {
  padding: 0 15px;
    height: 50px;
    font-weight: 600;
    display: inline-block;
    letter-spacing: .05em;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    background: #6034F6;
    border-radius: 8px;
    color: #fff
}
.mobile-close i {
  font-size: 22px;
    color: #ff2c3d;
}
.goose-mobil-search {
  padding: 1em;
    border-top: 1px solid rgba(255,255,255,.1);
}
.goose-mobil-menu-nav {
  overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.goose-mobil-menu-nav li {
  list-style: none;
    position: relative;
    font-family: 'Poppins', sans-serif;
}
.goose-mobil-menu-nav a {
  color: #fff;
    display: block;
    padding: 1em;
    border-bottom: 1px solid rgba(255,255,255,.1);
    -webkit-transition: text-indent .15s, height .3s;
    transition: text-indent .15s, height .3s;
}
.goose-mobil-menu-nav a:hover {
    border-bottom: 1px solid #2A394F;
    text-indent: 4px;
}
.goose-mobile-dropdown ul li {
position: relative;
margin: 0;
float: none;
display: list-item;
}
.goose-mobile-dropdown ul li a{
position: relative;
margin: 0;
float: none;
display: list-item;
}
.mobile-sub-menu {
  margin-left: 15px;
    display: none;
    font-size: 14px;
}
.mobile-depth-0-show {
 display: block !important;
 transition: ease 3s;
}
.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}



.animated.flipOutX,

.animated.flipOutY,

.animated.bounceIn,

.animated.bounceOut {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

}


.emoji-icons li:hover {

  cursor: pointer;

}

.emoji-icons li:hover img {

  -webkit-animation-name: tada;

  animation-name: tada;

}


.emoji-icons li.clicked {



}


.emoji-icons li:active {

  position: relative;

  top: 2px;

}


.emoji-icons li:hover em {



}


.emoji-content {

    width: 100%;

    background-color:#fff;

    border:5px solid #F1EFEF;

    border-radius: 8px;

    margin-top: 25px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 10px 10px;

}

.emoji-text p {

    font-family: Poppins;

    font-size: 20px;

    color: #333;

    margin-bottom: 15px;

}

.emoji-icons ul{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 25px;
    margin-left: 0;

}

.emoji-icons ul li{

    width: 10%;

  height: 10%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    position: relative;

  text-align: center;

}

.emoji-icons ul li a img {

    width: 45px;

    height: 45px;

}

.emoji-icons ul li a em {

    font-family: Roboto;

    font-size: 14px;

    font-weight: bold;

    color: #333;

    margin-top: 10px;

    margin-bottom: 10px;

    font-style: normal;
    width: 125%;
   
    white-space: nowrap;

    transition: all .3s ease;

    overflow: hidden;

    text-overflow: ellipsis;

  background:  #F1EFEF;

  border-radius: 5px;

  box-shadow: 0 6px 6px rgba(3,3,3,.3);

  padding: 5px;

}

.emoji-icons ul li a span {

    font-family: 'Montserrat', sans-serif;

    font-size: 11px;

    position: absolute;

    top: -10px;

    right: 0px;

    border-radius: 100px;

    padding: 0px 12px;

    background-color: #448bb9;

    box-shadow: 0 6px 10px rgba(0,0,0,.3);

    color: #fff;


}

.emoji-icons ul li a em span {

    font-family: Poppins;

    font-size: 15px;

    color: #333;

}
.emoji-icons {
	margin-top: 25px;
}
.goose-tags {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}
.left-etiket {
    width: 100%;
    display: flex;
    align-items: center;
}
.left-etiket i {
    font-size: 1.125em;
    color: #333;
}
.left-etiket p {
    font-family: Roboto;
    font-size: 1.125em;
    font-weight: bold;
    color: #333;
    margin-left: 10px;
}
.right-etiket {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}
.goose-tags-link{
    height: 25px;
    font-size: 12px!important;
    line-height: 15px;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 8px;
    background-color: #F1EFEF;
    margin: 5px 6px 5px 0;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    font-family: Roboto;
    color: #333;
    transition: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
}
.goose-tags-link:hover{
	background-color:#000;
	color: #fff;
    transition: 0.3s;
}
.similar-post {
  width: 100%;
  margin-top: 20px;
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
}
.goose-grid .similar-post-card {
  width: 33.333333333%;
  padding: 1em;
}
.similar-post-box {
  width: 100%;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 10px;
}
.similar-post-box .similar-post-card {
  display: flex;
  flex-direction: column;
}
.similar-author img {
	margin-top: 0;
	border-radius: 50px;
}
.card-image img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
}
.card-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  padding: 5px 10px;
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
}
.related-posts-date {
  margin-top: 10px;
  display: inline-block;
  color: #666;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  letter-spacing: -.03em;
}
.related-posts-date  i {
  margin-right: 5px;
}
.similar-head {
	flex:3;
	line-height: 25px;
	margin-bottom: 10px;
	transition: 0.5s;
}
.similar-head:hover a {
	color: #6F6AF6;
    transition: 0.5s;
}
.similar-head a{
  color: #333;
   font-size: 15px;
  margin:5px 0;
}
.similar-author {
 flex:1;
  display: flex;
}
.similar-author a {
  color: #666;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  letter-spacing: -.03em;
  margin-left: 5px;
}
.shares-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}
.left-shares {
    width: 20%;
    display: flex;
    align-items: center;
}
.right-shares {
    width: 100%;
}
.right-shares ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    text-decoration: none;
    margin: 0!important;
}
.right-shares li {
    width: 100%;
    margin-left: 10px;
    list-style: none!important;
}
.right-shares li i {
    text-decoration: none;
    font-size: 15px;
    color: #fff;
     z-index: 1;
}
.right-face {
  background-color: #7992CF;
}
.right-twitter{
  background-color: #60D2F5;
}

.right-whatsapp {
  background-color: #25d366;
}
.right-pinterest {
  background-color:  #E60023;
}
.right-linkedin{
  background-color: #0072b1;
}
.right-reddit{
  background-color: #FF4500;
}
.right-telegram {
  background-color: #0088cc;
}
.right-tumblr {
  background-color: #35465C;
}
.share {
    width: 100%;
    height: 30px;
    border: none;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.share:before{
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 40px;
    transition: 0.5s;
}
.share:hover:before{
 background-color: rgb(2,2,2,0.2)!important;
  transition: 0.5s;
  z-index: 1;
}
.goose-contact-form-7 label{
    font-family: 'Poppins', sans-serif;
    color: #111;
    margin-bottom: 10px;
    margin-left: 5px;
    font-size: 16px;
}
.goose-contact-form-7 div input:hover{
    border: 1px solid transparent;
    -webkit-border-image-source: -webkit-linear-gradient(to right, #9face6, #74ebd5);
    -moz-border-image-source: -moz-linear-gradient(to right, #9face6, #74ebd5);
    -o-border-image-source: -o-linear-gradient(to right, #9face6, #74ebd5);
    outline: linear-gradient(to right, #9face6, #74ebd5);
    -webkit-border-image-slice: 1;
    border-image-slice: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.goose-contact-form-7 input[type="text"] {
	width: 100%;
    border: 1px solid #ececec;
    border-radius: 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #111;
}
.goose-contact-form-7 input[type="email"] {
	width: 100%;
    border: 1px solid #ececec;
    border-radius: 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #111;
}
.goose-contact-form-7 input[type="submit"] {
	width: 100%;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border: none;
    background-image: -moz-linear-gradient(to left, #74ebd5, #9face6);
    background-image: -ms-linear-gradient(to left, #74ebd5, #9face6);
    background-image: -o-linear-gradient(to left, #74ebd5, #9face6);
    background-image: -webkit-linear-gradient(to left, #74ebd5, #9face6);
    background-image: linear-gradient(to left, #74ebd5, #9face6);
}
.goose-infinite-scroll-loading {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 20px;
}
#cis-load-img {
	width: 120px;
	height: 60px;
	position: relative;
	left: 0;
	right: 0;
	margin:0 auto;
	text-align: center;
	background-size: cover;
    object-fit: cover;
}
.pagination {


    width: 35%;


    margin: 0 auto;


    display: flex;


    align-items: center;


    justify-content: center;


    height: 50px;


    border-bottom-right-radius: 8px;


    border-bottom-left-radius: 8px;


    background: #fff;


    padding: 0px 0 0 0px;


    margin-bottom: 15px;


    -webkit-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);


    -moz-box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);


    box-shadow: 0px 3px 10px 0px rgba(17,21,25,0.21);


}
.goose-pagination-wrapper{
	width: 100%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.goose-pagination-wrapper a {
	border-right: 1px solid #ececec;

}

.pagination a {


  width: 33.333333%;


  height: 100%;


    line-height: 50px;


  font-family: 'Montserrat', sans-serif;


  color: #333;


  transition-timing-function: ease-in;


    font-size: 0.85em;


    font-weight: 700;


    text-align: center;


}


.pagination a:hover {


    background-color: #333;


    border-bottom-right-radius: 8px;


    border-bottom-left-radius: 8px;


    color: #fff;


}


.pagination a:hover i {


    color: #fff;


}


.pagination a i {


  color: #333;


    font-size: 0.85em;


    font-weight: 700;


}
.pagination .current {


  width: 33.333333%;


  height: 100%;


  background: #333;


  border-bottom-right-radius: 8px;


    border-bottom-left-radius: 8px;


  transition-timing-function: ease-in;


  font-family: 'Montserrat', sans-serif;


  color: #fff;


    font-size: 0.85em;


    font-weight: 700;


    text-align: center;


    line-height: 50px;


}

.pagination span {


  width: 33.333333%;


  height: 100%;


  background: #fff;


  border-bottom-right-radius: 8px;


    border-bottom-left-radius: 8px;


  transition-timing-function: ease-in;


  font-family: 'Montserrat', sans-serif;


  color: #333;


    font-size: 0.85em;


    font-weight: 700;


    text-align: center;


    line-height: 50px;


}
.wrapper {
	padding-left: 1em;
	padding-right: 1em;
	margin: 49px auto;
	display: block;
	width: 97px;
}

.cssload-loader {
	width: 49px;
	height: 49px;
	border-radius: 50%;
	margin: 3em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.cssload-loader {
	width: 49px;
	height: 49px;
	border-radius: 50%;
	margin: 3em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	background-color: rgb(0,0,0);
}
.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
	animation: 1.15s infinite ease-in-out;
		-o-animation: 1.15s infinite ease-in-out;
		-ms-animation: 1.15s infinite ease-in-out;
		-webkit-animation: 1.15s infinite ease-in-out;
		-moz-animation: 1.15s infinite ease-in-out;
}
.cssload-loader:before,
.cssload-loader:after {
	width: 100%; 
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.cssload-loader:before,
.cssload-loader:after {
		content: "";
}

.cssload-loader:before {
	content: '';
	border: 10px solid white;
	top: -10px;
	left: -10px;
	animation-name: cssload-animation;
		-o-animation-name: cssload-animation;
		-ms-animation-name: cssload-animation;
		-webkit-animation-name: cssload-animation;
		-moz-animation-name: cssload-animation;
}


footer {
	height: 100%;
	background-color:#6F6AF6;
	margin-top: 40px;
}
.footer-content {
	width: 100%;
	height: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: left;
}

.alt-social-media {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 25px;
}
.alt-social-media ul{
	display: flex;
	flex-direction: row;
	text-decoration: none;
	list-style: none;
	cursor: pointer;
}
.alt-social-media ul li {
	position: relative;
}
.alt-social-media ul li:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 40px;
	height: 40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    transition: 0.5s;
}
.alt-social-media ul li:hover:before {
	background-color: rgb(2,2,2,0.2)!important;
    transition: 0.5s;
    z-index: 1;
}
.alt-face {
	width: 40px;
	height: 40px;
	background-color: #7992CF;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.alt-twitter {
	width: 40px;
	height: 40px;
	background-color: #60D2F5;
	border-radius: 8px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.alt-insta {
	width: 40px;
	height: 40px;
	background-color: #F13169;
	border-radius: 8px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.alt-youtube {
	width: 40px;
	height: 40px;
	background-color: #EF272C;
	border-radius: 8px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.alt-social-media ul li a {
	text-decoration: none;
	z-index: 1;
}
 .alt-face i {
 	font-size: 20px;
 	color: #fff;
 }
 .alt-twitter i {
 	font-size: 20px;
 	color: #fff;
 }
 .alt-insta i {
 	font-size: 25px;
 	color: #fff;
 }
 .alt-youtube i {
 	font-size: 25px;
 	color: #fff;
 } 
 .alt-category {
 	width: 100%;
 }

 .alt-category ul{
 	width: 100%;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	justify-content: center;
 	margin-top: 40px;
 }
 .alt-category ul li {
 	margin-left: 25px;
 }
.alt-category ul li a {
  text-decoration: none;
  color: #fff;
  letter-spacing: 3px;
  font-family: 'Poppins', sans-serif;
  font-size: 1em;
}
.alt-footer {
	width: 100%;
	background-color: #151620;
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:10px 10px;
}
.alt-footer p {
	width: 90%;
	text-align: center;
  color: #fff;
  letter-spacing: 3px;
  font-family: 'Poppins', sans-serif;
  font-size: 0.8em;
}
@media (max-width: 1200px){
   .goose-head {
    width: 100%;
    display: inline-block;
    overflow-x: scroll;
    border: 0;
}
.goose-head ul {
    overflow-y: hidden;
    width: 1200px;
    max-width: unset!important;
    min-width: 250px;
    display: block;
    float: left;
    position: relative;
    padding-bottom: 15px;
}
.goose-head ul li {
    margin-left: 0!important;
    overflow: hidden;
    margin: 0;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    background-color: transparent;
    border: 0;
    color: #c0c3ca;
    margin-right: 23px;
    font-size: 14px;
    text-transform: capitalize;
    height: auto;
    float: left;
    width: auto;
}
 .goose-head::-webkit-scrollbar {
    width: 5px;
    right: 2px;
    height: 8px;
}

.goose-head::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: unset;
    background-color:#6F6AF6;
}
.goose-head::-webkit-scrollbar-track {
    background: #fff;
    box-shadow: unset;
    border-radius: 2px;
}
}
@media (min-width: 1200px){
.container {
    max-width: 1170px;
}
}
@media (min-width: 1300px){
.container {
    max-width: 1270px;
}
}
@media (min-width: 1400px){
.container {
    max-width: 1320px;
}
.block-header p {
 font-size: 24px;
}
}
@media screen and (max-width: 1100px){
  .right-content {
     display: none;
}
.header-top-social {
	display: none;
}
.category-box img {
	width: 100%;
}
.big-post:hover .big-swipe-post-box-content,.big-swipe-post:hover .big-swipe-post-box-content {
      -webkit-transform: translate3d(0,-40%,0) translate3d(0,-30px,0);
    transform: translate3d(0,-40%,0) translate3d(0,-30px,0);
}
.first-post:hover .big-swipe-post-box-content,.second-post:hover .big-swipe-post-box-content {
      -webkit-transform: translate3d(0,-20%,0) translate3d(0,-10px,0);
    transform: translate3d(0,-20%,0) translate3d(0,-10px,0);
}
.main-content{
  max-width: 1170px;
  height: 100%;
}
.left-content {
  width: 100%;
   height: 100%;
}
.content-wrapper {
	width: 100%;
}
.up-content {
  padding: 10px 10px;
}
.takvim {
	flex: 7;
}
.alt-content {
  max-width: 1170px;
  width: 100%;
   height: 100%;
}

.edit-box {
  width: 100%;
   height: 100%;
}
.post-box{
  width: 100%;
  position: relative;
  margin-bottom: 25px;
}
.first-edit {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.double-content {
  display: flex;
  flex-direction: column;
}
.left-cat-box {
 width: 100%;
}
.right-cat-box {
 width: 100%;
 margin-top: 30px;
}
.mid-box {
  display: flex;
  flex-direction: column;

}
.left-box {
  width: 100%;
}

.post-text {
  width: 100%;
}
.post-text p{
  width: 90%;
  font-size: 18px;
  line-height: 1.75em;
}
.post-alt{
  width: 100%;
}
.post-card {
  max-width: 1170px;
  width: 100%;
}
.left-post {
  width: 40%;
}
.right-post {
  width: 60%;
}
.right-box {
	width: 100%;
}
}
@media screen and (max-width: 1024px){
	.header {
		background-attachment: unset;
	}
	.container-flex-ai {
		height: 80px;

	}
   .nav-links{
    display: none;
  }
  .mobile-menu-icon {
    display: block;
  }
  .actions {
    display: none;
  }
  .right-content {
     display: none;
}
.post-card {
  max-width: 1170px;
  width: 100%;
}
.left-post {
  width: 40%;
}
.right-post {
  width: 60%;
}
.goose-post-author-card{
  width: 100%;
}
.main-post {
  width: 100%;
}
.left-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.alt-left-content{
 width: 100%;
 height: 100%;
}
.up-content {
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.second-box {
  width: 100%;
  height: 100%;
}
.post-text p {
  width: 100%;
  font-size: 18px;
  
}
.son-text h2 {
  font-size: 30px;
}
.son-text p{
  width: 90%;
  font-size: 17px;
}
}
@media screen and (max-width: 960px){
  body {
    overflow-x: hidden;
  }
 .sign-up-arrange {
  width:100%;
}
 .headline-box {
 	display: flex;
 	flex-direction: column;
 }
 .double-post {
 	width: 100%;
 }
  .post-box-left {
    width: 100%;
}
  .post-box-right {
    width: 100%;
    margin-left: 0px;
}
   .mg-img {
    margin-top: 0px;
   }
  .post {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .goose-main-content iframe  {
    height: 480px;
}
  .video-iframe iframe {
  	height: 480px;
  }
.big-post a img {
  height: 350px;
}
.first-post {
  margin-top: 7px;
}
  .post-content  {
    width: auto;
    display: block;
  }

  .double-post {
     width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 0px;
}
.post-heading h2{
  width: 100%;
  font-size: 1.2rem;

}

.slide-edit {
  width: 100%;
  display: block;
}

.slide-post {
  width: 100%;
  display: block;
}

.first-edit {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.edit-post {
    width: 100%;
    margin-bottom: 10px;
}
.second-edit {
	margin-top: 0;
}

footer {
  width: 100%;
  height: 100%;
}
.footer-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sol-sec {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
}
.about {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-baslık {
  width: 21%;
  border-bottom: 5px solid #88c7ff;
  border-left: 0;
}
.about-text {
  width: 60%;
}
.follow-us {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.follow-baslık {
  width: 85%;
  border-left: none;
  border-bottom: 5px solid #88c7ff;

}
.orta-sec {
  width: 100%;
  height: 100%;
  border-top: 4px dotted #88c7ff;
  border-left: none;
  margin:0 auto;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.popular-post {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.popular-baslık {
  width: 90%;
   border-left: none;
   border-bottom: 5px solid #88c7ff;
   margin-left: 0;

}
.post-square {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.alt-card {
  margin-left: 0;
}
.sag-sec {
  width: 100%;
  height: 100%;
  border-top: 4px dotted #88c7ff;
  border-left: none;
  margin:0 auto;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tags {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tag-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-left: 0;

}
.tag-baslık {
  width: 30%;
  border-left: none;
  border-bottom: 5px solid #88c7ff;
  margin-left: 0;
  text-align: center;
}
.tag-baslık h4 {
  margin-left: 0;
}
.post-text p{
  width: 100%;
  font-size: 15px;
}
.post-alt{
  width: 100%;
}
.son-text h2 {
  font-size: 28px;
}
.son-text p{
  font-size: 16px;
}
}

@media screen and (max-width: 768px){
  body {
    overflow-x: hidden;
  }
  .nav-links li{
    opacity: 0;
  }
  .nav-links-right li{
    opacity: 0;
  }
  .acme-news-ticker {
      margin-top: 0; }
 .thumbnail-content h1{
 	width: 98%;
 	font-size: 25px;
 }
 .author-bilgi {
 	width: 70%;
 }
 .container {
 	width: 100%;
 }
.container-cl-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.content-post {
  display: flex;
  flex-direction: column;
}
.slider-2-big-post:hover .big-swipe-post-box-content{
      -webkit-transform: translate3d(0,-40%,0) translate3d(0,-30px,0);
    transform: translate3d(0,-40%,0) translate3d(0,-30px,0);
}
  .goose-profile {
    width: 100%;
    display: flex;
    flex-direction: column; 
}
.profile-box {
    width: 100%;
}
.sign-up-arrange {
  width: 50%;
  top: 95%;
}
.edit-profile {
    width: 100%;
}
.goose-main-content iframe {
    height: 360px;
}
.video-iframe iframe {
  	height: 360px;
  }
.post-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.post-card-sub{
	display: flex;
	flex-direction: column;
}
.post-text p{
  width: 100%;
  font-size: 1.0625em;
}
.post-alt{
  width: 100%;
}
.post-cont {
	height: auto;
}
.author {
	flex: 6;
}
.left-post {
  width: 100%;
}
.right-post {
  width: 100%;
  margin-top: 10px;
}
.goose-post-author-card{
  width: 100%;
}
.son-text h2 {
  font-size: 24px;
}
.son-text p{
  font-size: 14px;
}
.alt-post-bas {
  width: 90%;
}
.alt-post-bas h2 {
  font-size: 20px;
}
.about-baslık {
  width: 28%;
  border-bottom: 5px solid #88c7ff;
  border-left: 0;
}
.quote-text {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-left: 30px;
	margin-top: 15px;
}
.quote-text blockquote {
	font-size: 24px;
}
.quote-text p{
	font-size: 20px;
}
.goose-tags {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
}
.right-etiket {
	margin-top: 10px;
}
.emoji-box {
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
.emoji-content ul li {

    width: 25%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    position: relative;
    padding: 10px 0px;
 }
 .emoji-icons ul li a em {
 	display: none;
 }
 .emoji-icons ul li a span {

    position: absolute;
    top: -10px;
    right: 0px;
    left: 0;
    width: 50%;
    margin: 0 auto;
    border-radius: 100px;
    padding: 0px 12px;
 }
.goose-grid .similar-post-card {
    width: 50%;
}
.alt-category ul {
	flex-direction: column;
	justify-content: space-between;
 }
.alt-category li {
	margin-bottom: 10px;
}
#big-heading a h2 {
    font-family: Poppins;
    font-size: 25px;
    color: #fff;
}

.left-box {
  display: none;
}
.right-box {
  width: 100%;
}
.pagination {
	width: 75%;
}
}
 @media (max-width: 575px) {
 	.author-info {
  display: flex;
  flex-wrap: wrap;
}
.comment-count {
	margin-top: 30px;
    margin-left: 5px;
}
.goose-content-reading-time {
	margin-top: 30px;
    margin-left: 5px;
}
.fav-icon{
	margin-top: 30px;
 margin-left: 5px;
}
.big-swipe-post-box p {
	font-size: 14px;
}
.big-swipe-post-box-content {
  padding-left: 20px;
}
.first-post:hover .big-swipe-post-box-content,.second-post:hover .big-swipe-post-box-content {
      -webkit-transform: translate3d(0,-30%,0) translate3d(0,-20px,0);
    transform: translate3d(0,-30%,0) translate3d(0,-20px,0);
}
  .acme-news-ticker-label {
        position: absolute;
        top: -50px; } 
   .acme-news-ticker-box {
        padding-left: 10px;
        }
   .big-swipe-post img {
        height: 400px;
      }
      }

@media screen and (max-width: 480px){
  body {
    overflow-x: hidden;
  }
  .container {
  	width: 100%;
  	padding-left: 5px;
  	padding-right: 5px;
  }
  .logo {
  	margin: 0;
  }
  .nav-links li{
    opacity: 0;
  }
  .breadcrumbs {
    height: auto;
  }
  .goose-dark-button {
  	display: none;
  }
  .thumbnail-content {
  	padding: 1em;
  }
  .post-heading {
  	display: block;
  }
  .form-submit-register {
  	height: 60px;
  	line-height: 25px;
  }
  .form-submit-password {
  	height: 60px;
  	line-height: 15px;
  }
  .register-header p {
   font-size: 12px;
}
.register-header a {
	font-size: 12px;
}
.author-bilgi {
 	width: 90%;
 }
 .author-bilgi p {
 	font-size: 15px;
 }
 .author-bilgi i {
  	font-size: 16px;
}
.author-bilgi span {
	font-size: 15px;
}
.author-arrange {
	width: 95%;
}
.post-author a p {
  font-size: 13px;
}
.edit-post {
	width: 100%;
}
.post-calendar  i {
  font-size: 13px;
}
.post-calendar  p {
  font-size: 13px;
}
.takvim {
    flex: 3;
}
.box-card {
  height: 111px;
}
.about-baslık {
  width: 40%;
  border-bottom: 5px solid #88c7ff;
  border-left: 0;
}
.post-text p{
  width: 100%;
  font-size: 1.125em;
}
.post-alt{
  width: 100%;
}
.goose-main-content iframe {
    height: 240px;
}
.main-post {
  height: 100%;
  margin-top: 0;
}
.goose-comment-author {
	width: 70%;
}
.read-more {
margin-right: 0;	
}
.goose-grid .similar-post-card {
    width: 100%;
}
}
  @-webkit-keyframes fadeInUp {
                0% {opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);}
                100% {opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}
            }
            @-moz-keyframes fadeInUp {
                0% {opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);}
                100% {opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}
            }
            @-o-keyframes fadeInUp {
                0% {opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);}
                100% {opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}
            }
  @-webkit-keyframes moveclouds {
                0% {margin-left: 1000px;}
                100% {margin-left: -1000px;}
            }
            @-moz-keyframes moveclouds {
                0% {margin-left: 1000px;}
                100% {margin-left: -1000px;}
            }
            @-o-keyframes moveclouds {
                0% {margin-left: 1000px;}
                100% {margin-left: -1000px;}
            }
@-webkit-keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  10%, 20% {

    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

  }



  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }



  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  10%, 20% {

    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

  }



  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }



  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}