.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.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}

h2 { font-size: 2.75em; letter-spacing: -0.038em; }
h4 { font-size: 1.57em; letter-spacing: -0.033em; }



section.m-none { margin: 0; }
@media (min-width: 992px) {
    .maxwidth90 { max-width: 90%; margin-left: auto; margin-right: auto; }
}
@media (min-width: 1200px) {
    .container { max-width: 1170px; }
}
.main .btn { padding: 0.7rem 2.4rem; border-radius: 50px; font-weight: 600; }
section.section-no-padding { padding: 0; }
.mb-90 { margin-bottom: 90px; }
.pb-90 { padding-bottom: 90px; }
.mb-80 { margin-bottom: 80px; }
.pb-80 { padding-bottom: 80px; }
.pb-70 { padding-bottom: 70px; }
.mb-50 { margin-bottom: 55px; }
.pb-40 { padding-bottom: 40px; }
.decoration-none{
    text-decoration:none !important;
}
.text-transform-none{
    text-transform:none !important;
}
.scroll-to-top { display: none !important; }


/* header */

.input-iletisim{background-color: #fafafa;border-radius: 0px;font-size: 14px;}
.input-iletisim:hover{background-color: #fafafa;border-radius: 0px;}

.input-iletisim:focus{
  border-color: black;
  box-shadow: none;
}
.iletisim-button {text-shadow: 1px 0px 3px #2c2c2c;background-color: #333333;color:white;border:none;padding: 7px 20px;}

.home_solok{position: absolute;left: 0;background-color: black;opacity: 0.8;margin-left: 20px;padding: 5px 17px;}
.home_sagok{position: absolute;right: 0;background-color: black;opacity: 0.8;margin-right: 20px;padding: 5px 17px;}

.sample-item { padding-left: 5px; padding-right: 5px; }
#demos .sample-item { padding-left: 0; padding-right: 0; }
#demos .sample-item-list .isotope-item { padding-left: 10px; padding-right: 10px; }

#shopDemos .sample-item { padding-left: 0; padding-right: 0; }
#shopDemos .sample-item-container .row .shop-item { padding-left: 10px; padding-right: 10px; }

#mainDemos .sample-item { padding-left: 0; padding-right: 0; }
#mainDemos .maindemo-item { padding-left: 10px; padding-right: 10px; }

.section-title { text-align: center; }
.section-title > div { display: inline-block; text-align: left; }
.section-title * { margin-bottom: 0; }
.section-title h2 { font-weight: 900; font-style: italic; }
.section-title h4 { font-weight: 600; font-style: italic; }
.section-title .lamp { color: #0085cc; font-family: 'Shadows Into Light'; font-weight: 500; font-style: normal; }
.section-title h2 {
    font-size: 36px;
    color: #454545;
}

section.section-concept { background: #fafafa url(../img/concept_bg.png) no-repeat top right; padding-top: 165px; }
.section-concept h2 { color: #454545; }
.section-concept h4 { color: #7f7f7f; }

section.section-demos { background: #181818; }
section.section-demos .sample-item .sample-item-image-wrapper { background: #121212; }
.section-demos .sample-item h5 { color: #fff; }
.section-demos .demos-filter { text-align: center; background: #222; padding: 0; margin-bottom: 60px; }
.section-demos .demos-filter .nav { display: block; }
.section-demos .demos-filter .nav-item { display: inline-block; }
.section-demos .nav-link { color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 30px 0 28px;
; margin-left: 1rem; margin-right: 1rem; border-bottom: 2px solid transparent; }
.section-demos .nav-link:hover,
.section-demos .nav-link.active { border-bottom-color: #0088cc; }

section.section-features { background: #0088cc; padding-top: 75px; padding-bottom: 45px; }
.section-features .section-title h2,
.section-features .section-title h4,
.section-features p,
.section-features .section-title .lamp { color: #fff !important; }
.section-features .section-title h2 { font-size: 32px; }
.section-features .section-title h4 { font-size: 27px; font-weight: 500; }
.section-features .separator { padding-left: 20px; padding-right: 20px; }
.section-features .btn { background: #181818; color: #fff; border-color: #181818; padding: 0.7rem 2.4rem; border-radius: 50px; font-weight: 600; }

#footer { margin-top: 0; border-top: none; background: #fff; }
#footer .copyright { margin-top: 25px; }
#footer p { font-size: 13px; letter-spacing: 0; color: #777; margin-bottom: 0; }
.social-icons li a { background: white; color: black !important; }

@media (min-width: 1367px) {
	.col-xxl-3 { -webkit-flex: 0 0 25%; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.col-xxl-3 .sample-item .sample-item-image-wrapper,
	.col-xxl-3 .sample-item .sample-item-image { height: 16.6vw; }
	#shopDemos .sample-item .sample-item-image-wrapper { height: 14.5vw !important; }
	.section-title h2 { font-size: 48px !important; }
	.maxwidth90 { margin-top: 40px; }
	#header .header-nav-main nav>ul>li>a { font-size: 14px; }
	.section-demos .nav-link { font-size: 14px; }
	.section p { line-height: 28px; font-size: 17px; }
	section.section-concept { padding-top: 200px !important; padding-bottom: 80px;}
	.testimonial { height: 275px; }
}
@media (min-width: 1681px) {
	.col-xxl-3 .sample-item .sample-item-image-wrapper,
	.col-xxl-3 .sample-item .sample-item-image { height: 14.6vw; }
	#shopDemos .sample-item .sample-item-image-wrapper { height: 14.6vw !important; }
	.testimonial { height: 340px; }
}
.sample-item-carousel { background: #dcdcdc; position: relative; }
.sample-item-carousel .owl-loaded { z-index: 2; }
.sample-item-carousel .owl-carousel:not(.owl-loaded) > div { line-height: 0; height: 0; }
.sample-item-carousel,
.sample-item-carousel span { height: 21vw; display: block; }
.sample-item-carousel span { background-size: cover; background-repeat: no-repeat; background-position: center top; }
#section-concept .sample-item .sample-item-image-wrapper .fa-spin, .porto-spin-loader { color: #383737;  }
@media (max-width: 767px) {
    .sample-item-carousel,
    .sample-item-carousel span { height: 60vw; }
}
@media (min-width: 1367px) {
	.sample-item-carousel,
    .sample-item-carousel span { height: 16.6vw; }
}

section.section-testimonials {
    background: #fff;
}
.star-rating {
    float: none;
    position: relative;
    top: 2px;
    font-family: 'FontAwesome';
    font-size: 1em;
    height: 1.2em;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    width: 5.2em;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    font-size: 16px;
}
section.section-testimonials p {
	font-size: 15px; margin-bottom: 0px;
}
section.section-testimonials blockquote { margin-bottom: 0; }
section.section-testimonials .owl-dot span { border-width: 3px !important;  }
section.section-testimonials .owl-dot span:before { top:51% !important;left:51% !important; }
.star-rating:before {
    color: #E0DADF;
    content: "\f005\f005\f005\f005\f005";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}
.star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
    color: #0088cc;
}
.star-rating span:before {
    content: "\f005\f005\f005\f005\f005";
    left: 0;
    position: absolute;
    top: 0;
}
.testimonial {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 25px 30px 30px 30px;
	margin-left: -50%;
    margin-right: 50%;
	height: 275px;
}
.testimonial .testimonial-author strong {
    display: block;
    margin-bottom: 3px;
}
.testimonial .testimonial-author span {
    font-size: 14px;
}
.testimonial .testimonial-author p {
    margin-bottom: 8px;
}
.testimonial blockquote {
    border-left: none;
    padding: 0;
}
.testimonial blockquote p {
    line-height: 25px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    margin: 5px 2px;
    background: none;
    border: 2px solid #95a9b3;
    position: relative;
    border-radius: 8px;
    padding: 0;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    border-color: #0074ad;
    background: none;
}
.owl-theme .owl-dots .owl-dot.active span:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #0074ad;
    margin-top: -3px;
    margin-left: -3px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.section-title p {
    margin-top: 20px;
    padding-left: 35px;
    padding-right: 35px;
}
section.section-extensions {
    background: #fafafa url(../img/extensions.jpg) no-repeat left 70%;
    padding: 80px 0;
}
@media (max-width: 991px) {
	section.section-extensions {
		background: #fafafa;
	}
}
section.section-extensions .owl-carousel {
	margin-bottom: 0;
}
section.section-extensions .extensions-nav {
	background: url(../img/extensions_nav.png) no-repeat left center;
	background-size: contain;
	cursor: pointer;
}
section.section-extensions .owl-carousel .owl-nav {
	margin: 0;
	overflow: hidden;
}
.section-title h4:not(.lamp) {
    color: inherit;
}

.section-extensions .extension {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 30px;
    opacity: 0.5;
}
.section-extensions .extension h3 {
    font-size: 13.3px;
    color: #7f7f7f;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 10px;
}
.section-extensions .extension p {
    font-size: 11.63px;
    font-weight: 200;
    line-height: 20px;
    margin-bottom: 0;
}
.section-extensions .active .extension {
    opacity: 1;
    background: #0088cc;
    padding: 25px 40px;
}
.section-extensions .owl-item.active {
    padding: 0;
}
.section-extensions .owl-item,
.section-extensions .owl-item.active + .active {
    padding-left: 40px;
}
.section-extensions .active .extension h3,
.section-extensions .active .extension p {
    color: #fff;
}
.section-extensions .active .extension h3 {
    font-size: 16px;
}
.section-extensions .active .extension p {
    font-size: 14px;
    line-height: 25px;
}
.section-extensions .active + .active .extension {
    opacity: 0.5;
    background: #f7f7f7;
    padding: 30px;
}
.section-extensions .active + .active .extension h3,
.section-extensions .active + .active .extension p {
    color: #7f7f7f;
}
.section-extensions .active + .active .extension h3 {
    font-size: 13.3px;
}
.section-extensions .active + .active .extension p {
    font-size: 11.63px;
    line-height: 20px;
}


section.section-admin-features {
    background: #fff;
}
.section-admin-features .section-title > div {
    display: block;
}
.section-admin-features .section-title h2 {
    margin-bottom: -5px;
}
.section-admin-features .inner-column {
    display: inline-block;
    text-align: left;
}
.section-admin-features > .row > div {
    -webkit-align-self: center;
	-moz-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}
.list.list-icons {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}
.list.list-icons li {
    position: relative;
    font-weight: 600;
    font-size: 15px;
}
.list.list-icons.list-icons-lg li {
    padding-top: 10px;
    padding-bottom: 10px;
}
.list.list-icons li > .fa:first-child {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #0088cc;
    border-color: #0088cc;
    position: relative;
    top: 2px;
}
.shadow-box {
    display: inline-block;
    position: relative;
    padding: 0;
}
.shadow-box img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.04);
}
@media (max-width: 1368px) {
    .section-extensions .active .extension p {
		font-size: 13px;
		}
}
@media (max-width: 991px) {
    .shadow-box {
        padding: 20px;
        box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.04) inset;
    }
    .shadow-box img {
        box-shadow: none;
    }
}
.sample-item-list .sample-item .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
    display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;  display: flex;
    -webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
    -webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
    transition: all 0.3s ease;
    opacity: 0;
}
.sample-item-list .sample-item-image-wrapper:hover .hover-content {
    opacity: 1;
}
.admin-features .owl-carousel .owl-nav {
    width: 70px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: auto;
    bottom: -30px;
}

.hover-content .btn {font-size:12px;border-radius:0; padding:10px 30px; }
.hover-content .btn:first-child { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.hover-content .btn:last-child { border-top-right-radius: 30px; border-bottom-right-radius: 30px; }

.hover-content .m2 { background-color: #08c; border-color: #08c #08c #069; }

.hover-content .m1,
.hover-content .m2:hover,
.hover-content .m1:hover{ background-color: #00a1f2; border-color: #0af #0af #08c; }

.sample-item .sample-item-image-wrapper .fa-spin,
.porto-spin-loader { width: 25px; height: 25px; }
.sample-item .sample-item-image-wrapper .fa-spin:before,
.porto-spin-loader:before {
	content: " ";
	display: inline-block !important;
	border-width: 2.5px;
	width: 25px;
	height: 25px;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	border-image: none;
	border-radius: 20px;
	border-style: solid;
	border-bottom-color: transparent !important;
	vertical-align: middle;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.sample-item h5 { font-size: 12px; }
.sort-source { padding-left: 0; }
.btn-outline { border-color: #fff; }
.btn-outline:hover { box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); }



.notice-top-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #d01a34;
    z-index: -1;
}
.notice-top-bar p {
    font-size: 14px;
    letter-spacing: normal;
}
.notice-top-bar .row {
    padding-top: 12px;
    padding-bottom: 12px;
}
.notice-top-bar .notice-button {
    display: inline-block;
    background: rgba(235, 34, 63, 0.7);
    color: #FFF;
    border-radius: 35px;
    -webkit-transition: ease background 300ms;
    transition: ease background 300ms;
    text-decoration: none;
}
.notice-top-bar .notice-top-bar-close {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
}
.notice-top-bar .notice-top-bar-close:before,
.notice-top-bar .notice-top-bar-close:after {
    content: '';
    position: absolute;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
}
.notice-top-bar .notice-top-bar-close:before {
    width: 24px;
    height: 1px;
}
.notice-top-bar .notice-top-bar-close:after {
    width: 1px;
    height: 24px;
}


/*! CSS Used from: http://web.archive.org/web/20190617061456cs_/http://www.econins.com/wp-content/themes/ozel-tasarim/css/theme_1.css?ver=4.9.10 ; media=all */
@media all{
.mega-menu{margin:0;padding:0;list-style:none;*zoom:1;}
.mega-menu:before,.mega-menu:after{content:" ";display:table;}
.mega-menu:after{clear:both;}
.mega-menu li.menu-item{display:block;position:relative;margin:0;}
.mega-menu li.menu-item > a,.mega-menu li.menu-item > h5{display:block;text-decoration:none;text-align:left;
    position:relative;outline:medium none;margin-top:0;margin-bottom:0;line-height:24px;font-weight:400;
    font-family:inherit;font-size:inherit;font-size: 12px;}
.mega-menu li.menu-item > a:hover,.mega-menu li.menu-item > h5:hover{z-index:1;}
.mega-menu li.menu-item > h5{cursor:default;}
.mega-menu ul.sub-menu{margin:0;padding:0;list-style:none;}
.mega-menu > li.menu-item{float:left;margin-right:2px;}
.mega-menu > li.menu-item:last-child{margin-right:0;}
.mega-menu > li.menu-item.narrow{position:relative;}
.mega-menu > li.menu-item > a,.mega-menu > li.menu-item > h5{display:inline-block;font-size:12px !important;
    font-weight:bold;line-height:20px;padding:9px 12px 8px;}
@media (max-width: 1169px){
.mega-menu > li.menu-item > a,.mega-menu > li.menu-item > h5{padding:9px 9px 8px;}
}
.mega-menu > li.menu-item.active > a,.mega-menu > li.menu-item:hover > a,.mega-menu > li.menu-item:hover > h5{color:#fff;border-radius:0;}
.mega-menu > li.menu-item.has-sub:hover{z-index:111;}
.mega-menu > li.menu-item.has-sub:hover > h5{border-radius:0 0 0 0;margin-bottom:-3px;padding-bottom:11px;}
.mega-menu .popup{position:absolute;left:0;text-align:left;top:100%;display:none;margin:2px 0 0;z-index:111;min-width:70%;}
.mega-menu .popup > .inner{*zoom:1;}
.mega-menu .popup > .inner:before,.mega-menu .popup > .inner:after{content:" ";display:table;}
.mega-menu .popup > .inner:after{clear:both;}
.mega-menu .popup ul.sub-menu{position:relative;}
.mega-menu .popup li.menu-item{padding:0;float:none;}
.mega-menu .narrow .popup > .inner > ul.sub-menu{border-radius:0 0 0 0;}
.mega-menu .narrow .popup ul.sub-menu{min-width:110px;padding:5px;box-shadow:0 2px 3px rgba(0, 0, 0, 0.15);border-top:0 solid #ccc;z-index:10;}
.mega-menu .narrow .popup ul.sub-menu ul.sub-menu{border-radius:0;position:absolute;left:100%;display:none;opacity:0;}
.mega-menu .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu{top:-5px;}
.mega-menu .narrow .popup li.menu-item > a{color:#fff;padding:8px;font-size:11px !important;line-height:18px;
    border-bottom:1px solid rgba(255, 255, 255, .2);white-space:nowrap;}
.mega-menu .narrow .popup li.menu-item:last-child > a{border-bottom-width:0;}
.mega-menu .narrow .popup li.menu-item:hover > ul.sub-menu{opacity:1;display:block;}
.mega-menu .narrow .popup li.menu-item-has-children > a{padding-right:20px;}
.mega-menu .narrow .popup li.menu-item-has-children > a:before{content:"\f105";float:right;margin-right:-14px;font-family:"FontAwesome";
font-weight:normal;line-height:22px;}
.mega-menu.effect-down .popup{top:-2000px;}
.mega-menu.effect-down .popup li.menu-item > a{-webkit-transition:transform 0.2s ease-out;-moz-transition:transform 0.2s ease-out;
    transition:transform 0.2s ease-out;-webkit-transform:translate3d(0, -5px, 0);-moz-transform:translate3d(0, -5px, 0);
    -ms-transform:translate3d(0, -5px, 0);-o-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
.mega-menu.effect-down > li.menu-item .popup{-webkit-transition:transform 0.2s ease-out;-moz-transition:transform 0.2s ease-out;
    transition:transform 0.2s ease-out;-webkit-transform:translate3d(0, -5px, 0);-moz-transform:translate3d(0, -5px, 0);
    -ms-transform:translate3d(0, -5px, 0);-o-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
.mega-menu.effect-down > li.menu-item:hover .popup{top:100%;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mega-menu.effect-down > li.menu-item:hover li.menu-item > a{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mega-menu.subeffect-fadein-left .narrow .popup ul.sub-menu li.menu-item > ul.sub-menu{-webkit-animation:menuFadeInLeft 0.2s ease-out;
    animation:menuFadeInLeft 0.2s ease-out;}
.mega-menu.show-arrow > li.has-sub > h5:after{display:inline-block;content:"\f0d7";font-family:"FontAwesome";font-weight:normal;
font-size:1em;margin:0 0 0 5px;line-height:1;}
.mega-menu.menu-flat > li.menu-item{margin-right:0;}
.mega-menu.menu-flat > li.menu-item.active > a,.mega-menu.menu-flat > li.menu-item:hover > a,.mega-menu.menu-flat > li.menu-item:hover > h5
{border-radius:0!important;}
.mega-menu.menu-flat > li.menu-item.has-sub:hover > h5{border-radius:0!important;}
.mega-menu.menu-flat .popup{margin:0;}
.mega-menu.menu-flat .narrow .popup > .inner > ul.sub-menu{border-radius:0!important;}
.mega-menu.menu-flat .narrow .popup ul.sub-menu ul.sub-menu{border-radius:0!important;}
.mega-menu.menu-flat-border > li.menu-item > a,.mega-menu.menu-flat-border > li.menu-item > h5{border-right:1px solid rgba(0, 0, 0, .1);}
.mega-menu.menu-flat-border > li.menu-item:last-child > a{border-right:0 none;}
#header a,#header a:hover{text-decoration:none;outline:none;}
#header .header-main .container #main-menu{display:inline-block;vertical-align:middle;}
#main-menu{position:relative;}
@media (max-width: 480px){
#main-menu{display:inline!important;}
}
#main-menu .mega-menu{border-radius:0;}
@media (max-width: 991px){
#main-menu .mega-menu{display:none;}
}
#header .header-main .container #main-menu .mega-menu{text-align:left;background:transparent;}
#header .header-main .container #main-menu .mega-menu > li.menu-item{margin:1px 2px 1px 0;}
@media (max-width: 480px){
#header .header-main .container > *:not(.porto-tooltip) #main-menu{display:inline;position:static;}
}
}
/*! CSS Used from: http://web.archive.org/web/20190617061456cs_/http://www.econins.com/wp-content/themes/ozel-tasarim/css/skin_1.css?ver=4.9.10 ; media=all */
@media all{

.mega-menu > li.menu-item.active > a,.mega-menu > li.menu-item:hover > a,.mega-menu > li.menu-item:hover > h5{background:#0088cc;}
.mega-menu > li.menu-item > a,.mega-menu > li.menu-item > h5{text-transform:uppercase;}
.mega-menu .narrow .popup ul.sub-menu{background:#0088cc;}
.mega-menu .narrow .popup li.menu-item:hover > a{background:#0099e6;}
h5{font-family:Open Sans;font-weight:600;font-size:14px;line-height:18px;letter-spacing:0px;color:#1d2127;}
@media (max-width: 479px){
h5{font-size:13px;line-height:16.36363636px;}
}
#main-menu .mega-menu{background-color:transparent;}
#main-menu .mega-menu > li.menu-item > a,#main-menu .mega-menu > li.menu-item > h5{font-family:Open Sans;font-size:12px;font-weight:700;
    line-height:20px;letter-spacing:0px;color:white;}

@media (max-width: 1199px){
#main-menu .mega-menu > li.menu-item > a,#main-menu .mega-menu > li.menu-item > h5{padding:9px 10px 7px 10px;font-size:12px;line-height:20px;
    letter-spacing:0px;}
}
#main-menu .mega-menu > li.menu-item.active > a{background:#152d4f;color:#ffffff;}
#main-menu .mega-menu > li.menu-item.active:hover > a,#main-menu .mega-menu > li.menu-item:hover > a,
#main-menu .mega-menu > li.menu-item:hover > h5{background:#152d4f;color:#ffffff;}
#main-menu .mega-menu .popup li.menu-item a{font-family:Open Sans;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0px;}
#main-menu .mega-menu .narrow .popup ul.sub-menu{background-color:#ffffff;border-top-color:#2A8234;border-top-width:5px;}
#main-menu .mega-menu .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu{top:-10px;}
#main-menu .mega-menu .narrow .popup li.menu-item > a{color:#777777;border-bottom-color:#f2f2f2;}
#main-menu .mega-menu .narrow .popup li.menu-item > a:before{color:#0088cc;}
#main-menu .mega-menu .narrow .popup li.menu-item:hover > a{color:#777777;background-color:#f4f4f4;}
}
/*! CSS Used keyframes */
@-webkit-keyframes menuFadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@keyframes menuFadeInLeft{0%{opacity:0;transform:translateX(-30px);}100%{opacity:1;transform:translateX(0);}}
/*! CSS Used fontfaces */
@font-face{font-family:'FontAwesome';src:url('http://web.archive.org/web/20200116094842im_/http://www.econins.com/wp-content/themes/ozel-tasarim/fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3');src:url('http://web.archive.org/web/20200116094842im_/http://www.econins.com/wp-content/themes/ozel-tasarim/fonts/fontawesome/fontawesome-webfont.eot#iefix&v=4.6.3') format('embedded-opentype'), url('http://web.archive.org/web/20200116094842im_/http://www.econins.com/wp-content/themes/ozel-tasarim/fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('http://web.archive.org/web/20200116094842im_/http://www.econins.com/wp-content/themes/ozel-tasarim/fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('http://web.archive.org/web/20200116094842im_/http://www.econins.com/wp-content/themes/ozel-tasarim/fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('http://web.archive.org/web/20200116094842im_/http://www.econins.com/wp-content/themes/ozel-tasarim/fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(http://web.archive.org/web/20200116094841im_/http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

#header.header-10 .searchform {
    margin-bottom: 4px;
    margin-left: 15px;
}
.search-toggle {
        color: #999999;
    cursor: pointer;
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    z-index: 1003;
    font-size: 1.2857em;
}

#header.header-corporate .header-main .container .header-right .searchform-popup {
    margin-right: 0;
    margin-top: 5px;
}

#header .searchform .text, #header .searchform .cat, #header .searchform .button-wrap, #header .searchform .selectric-cat {
    float: left;
    display: inline-block;
    text-align: left;
}

#header.header-corporate .header-main .container .header-right .searchform-popup {
    margin-right: 0;
    margin-top: 5px;
}

.ds-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -wekbit-align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -ms-flex-align: center; align-items: center; justify-content: center; }
.recommend-themes .ds-flex > * { margin-bottom: 0; margin: 0 4px; }
.recommend-themes p { padding-right: 10px; font-size: 13px; font-weight: 600; color: #777; }
.recommend-themes { background: #000; padding: 15px 0; position: fixed; z-index: 9; left: 0; width: 100%; bottom: 0; box-shadow: 0 -3px 1px 0 rgba(0, 0, 0, .3); -webkit-transform: translateY(110%); -ms-transform: translateY(110%); transform: translateY(110%); -webkit-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; transition: transform 0.8s ease; }
.recommend-themes.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.recommend-themes .btn { background-color: #181818; font-size: 13px; font-weight: 600; border: none; padding: 10px 20px; border-radius: 40px; }
.recommend-themes .btn:hover { background-color: #242424; }


    /*********************** Demo - 15 *******************/
.box15{position:relative;height: 100px;}
.box15 .box-content{width:100%;height:120px;position:absolute;top:0;left:0;transition:all .5s ease 2s
    ;background-color:rgba(129,198,134,.2);line-height: 18px;border-radius: 20px !important;}
.box15 .box-content:after,.box15 .box-content:before{content:"";width:90%;height:80px;position:absolute;
opacity:0;transform:scale(1.5);transition:all .6s ease .3s}

.box15 .box-content:before{border-left:3px solid #2A8234;border-top:3px solid #2A8234;top:7px;left:7px;border-radius: 4px;}
.box15 .box-content:after{border-bottom:3px solid #2A8234;border-right:3px solid #2A8234;bottom:7px;right:7px;border-radius: 4px;}

.box15:hover .box-content:after,.box15:hover .box-content:before{opacity:1;transform:scale(1)}
.box15 .title{font-size:17px;color:#000;margin:0;position:relative;top:39%;opacity:1;transition:all 1s ease 10ms}

.box15:hover .title{top:39%;opacity:1;transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms}

/*********************** Demo - 8 *******************/
.box8 .icon,.box8 .title{margin:0;position:absolute;border-radius: 20px;}
.box8{box-shadow:0 12px 13px rgba(0,0,0,.5) !important;position:relative;border-radius: 20px;}
.box8 img{width:100%;height:auto}
.box8 .box-content{width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;position:absolute;top:0;left:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box8 .icon li a,.box8 .title{background:#ef4050;font-size:20px;color:#fff}
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.box8 .title{padding:5px 7px;border-radius:5px;font-weight:600;bottom:20px;left:20px;transition:all .9s ease 0s}
.box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.box8:hover .title{;opacity: 0;}
.box8 .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.box8 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;margin-right:7px}
.box9 .icon,.box9 .title{width:100%;font-size:22px}
.box8 .icon li a:hover{background:#fff;color:#000}
@media only screen and (max-width:990px){.box8{margin-bottom:20px}
}
/* #Footer */
#footer {
    background: #0e0e0e;
    border-top: 4px solid #0e0e0e;
    font-size: 0.9em;
    margin-top: 50px;
    padding: 70px 0 0;
    position: relative;
    clear: both;
}

#footer .container .row > div {
    /*margin-bottom: 25px; */
}

#footer .container input:focus {
    box-shadow: none;
}

#footer a:hover {
    color: #CCC;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
    color: #FFF;
}

#footer h4 {
    font-size: 1.8em;
    font-weight: 200;
}

#footer h5 {
    color: #CCC;
}

#footer ul.nav-list > li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 20px;
    padding-bottom: 11px;
}

#footer ul.nav-list > li:last-child a {
    border-bottom: 0;
}

#footer ul.nav-list > li a:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

#footer ul.list.icons li {
    margin-bottom: 5px;
}

#footer form {
    opacity: 0.85;
}

#footer form label.error {
    line-height: 16px;
    margin: 5px 0 -5px;
    display: block;
    clear: both;
}

#footer form .alert {
    padding: 6px;
    text-align: center;
}

#footer .footer-ribbon {
    background: #999;
    position: absolute;
    margin: -90px 0 0 14px;
    padding: 10px 20px 6px 20px;
}

#footer .footer-ribbon:before {
    border-right: 10px solid #646464;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 100%;
    position: absolute;
    top: 0;
    width: 7px;
}

#footer .footer-ribbon span {
    color: #FFF;
    font-size: 1.6em;
}

#footer .newsletter form {
    width: 100%;
    max-width: 262px;
}

#footer .alert a {
    color: #222;
}

#footer .alert a:hover {
    color: #666;
}

#footer .twitter .fa, #footer .twitter .icons {
    clear: both;
    font-size: 1.5em;
    position: relative;
    top: 3px;
}

#footer .twitter .meta {
    color: #999;
    display: block;
    font-size: 0.9em;
    padding-top: 3px;
}

#footer .twitter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .twitter ul li {
    padding-bottom: 20px;
}

#footer .twitter ul li:last-child {
    padding-bottom: 0;
}

#footer .twitter-account {
    color: #FFF;
    display: block;
    font-size: 0.9em;
    margin: -15px 0 5px;
    opacity: 0.55;
}

#footer .twitter-account:hover {
    opacity: 1;
}

#footer .contact {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .contact i {
    display: block;
    float: left;
    font-size: 1.2em;
    margin: 7px 8px 10px 0;
    position: relative;
    text-align: center;
    top: -2px;
    width: 16px;
}

#footer .contact i.fa-envelope {
    font-size: 1em;
    top: 0;
}

#footer .contact p {
    margin-bottom: 10px;
}

#footer .logo {
    display: block;
}

#footer .logo.mb-5 {
    margin-bottom: 12px;
}
.mtop10
{
    margin-top:10px;
}
#footer .footer-copyright {
    background: white;
    border-top: 4px solid #060606;
    margin-top: 40px;
    padding: 10px 0 10px;
}

#footer .footer-copyright nav {
    float: right;
}

#footer .footer-copyright nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .footer-copyright nav ul li {
    border-left: 1px solid #505050;
    display: inline-block;
    line-height: 12px;
    margin: 0;
    padding: 0 8px;
}

#footer .footer-copyright nav ul li:first-child {
    border: medium none;
    padding-left: 0;
}

#footer .footer-copyright p {
    color: #555;
    margin: 10px 0px;
    padding: 0;
}

#footer .phone {
    color: #FFF;
    font-size: 26px;
    font-weight: bold;
    display: block;
    padding-bottom: 15px;
    margin-top: -5px;
}

#footer .narrow-phone {
    text-align: right;
    margin: -2px 0 0 0;
}

#footer .narrow-phone .phone {
    font-size: 16px;
    padding-bottom: 0;
    margin-top: -13px;
}

#footer .recent-work {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .recent-work li {
    float: left;
    width: 30%;
    margin: 10px 3% 0 0;
}

#footer .recent-work img {
    border: 0;
    width: 100%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

#footer .recent-work .img-thumbnail-hover-icon {
    border: 0;
}

#footer .recent-work .img-thumbnail-hover-icon:after {
    font-size: 22px;
    margin-left: -2px;
}

#footer .view-more-recent-work {
    padding: 12px;
}

#footer.short {
    padding-top: 50px;
}

#footer.short .footer-copyright {
    background: transparent;
    border: 0;
    padding-top: 0;
    margin-top: 0;
}

#footer.light {
    padding-top: 60px;
    background: #FFF;
    border-top: 1px solid #DDD;
}

#footer.light .footer-ribbon {
    margin-top: -76px;
    margin-left: 14px;
}

#footer.light .footer-copyright {
    margin-top: 15px;
    background: #FFF;
    border-top: 1px solid #DDD;
}

#footer.light .footer-copyright p {
    color: #777;
}

#footer.light .phone,
#footer.light .twitter-account {
    color: #777;
}

#footer.light ul.nav-pills > li > a.active {
    color: #FFF;
}

#footer.narrow {
    padding-top: 30px;
}

#footer.narrow .footer-copyright {
    margin-top: 0;
}

#footer.narrow .nav > li > a {
    padding: 5px 12px;
}

#footer.color {
    color: #FFF;
}

#footer.color p {
    color: #FFF;
}

#footer.color .footer-copyright nav ul li {
    border-left-color: #FFF;
}




/* Page Header */
.page-header1 {
   
    
    background-color: #2A8234;
    border-bottom: 5px solid #CCC;
    border-top: 5px solid #CCC;
    margin: 0 0 35px 0;
    min-height: 50px;
    padding: 20px 0;
    position: relative;
    text-align: left;
    margin-top: 50px !important;
}

.page-header1 .breadcrumb {
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

.page-header1 .breadcrumb > li {
    display: inline-block;
    font-size: 1em;

    text-shadow: none;
}

.page-header1 .breadcrumb > li + li:before {
    color: inherit;
    opacity: 0.5;
    font-family: FontAwesome;
    content: "\f105";
    padding: 0 7px 0 5px;
}

.page-header1 h1 {
    border-bottom: 5px solid #0088cc;
    color: white;
    display: inline-block;
    font-size: 28px;
    font-weight: 200;
    line-height: 32px;
    margin: 0 0 -25px;
    padding: 0 0 25px;
    position: relative;
}

.page-header1 h1 span {
    color: white;
    display: block;
    font-size: 0.6em;
    font-weight: 300;
    line-height: 1.3em;
    margin: 7px 0 0;
}

.page-header1-no-title-border h1 {
    border: 0;
}

/* Page Header - Color */
.page-header1-color {
    background-color: #F7F7F7;
    border-bottom: 5px solid #F4F4F4;
    border-top: none;
}

.page-header1-color h1 {
    border-bottom: none;
    color: #1d2127;
    font-size: 2.3em;
    padding: 0;
    margin: 0;
}

.page-header1-color h1 span {
    opacity: 0.65;
}

.page-header1-color .breadcrumb {
    text-align: right;
    float: right;
}

@media (max-width: 991px) {
    .page-header1-color .breadcrumb {
        padding: 18px 0px 0;
        text-align: left;
        float: none;
    }
}

.page-header1-color .breadcrumb > .active {
    opacity: 0.65;
}

/* Page Header - More Padding */
.page-header1-more-padding {
    padding: 35px 0;
}

/* Page Header - Light */
.page-header1-light {
    background-color: #F7F7F7;
    border-bottom: 5px solid #F4F4F4;
    border-top: none;
}

.page-header1-light h1 {
    border-bottom: none;
    color: #1d2127;
    font-size: 2.3em;
}

.page-header1-light .breadcrumb {
    text-align: right;
    float: right;
}

@media (max-width: 991px) {
    .page-header1-light .breadcrumb {
        padding: 18px 0px 0;
        text-align: left;
        float: none;
    }
}

/* Page Header - Reverse */
.page-header1-reverse {
    text-align: right;
}

.page-header1-reverse .breadcrumb {
    text-align: left;
}

@media (max-width: 991px) {
    .page-header1-reverse .breadcrumb {
        text-align: right;
    }
}

/* Page Header - Parallax */
.page-header1.parallax {
    margin: 0 0 35px;
    padding: 180px 0 60px;
}

.page-header1-center {
    text-align: center;
}

.page-header1-center .breadcrumb {
    text-align: center;
    justify-content: center;
    margin: 15px 0 0;
}

/* Page Header Custom Background */
.page-header1-custom-background {
    padding: 45px 0;
    background-repeat: repeat;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
}

.page-header1-custom-background h1 {
    color: #FFF;
    border: 0;
}

.page-header1-custom-background h1 span {
    color: #FFF;
    opacity: 0.7;
}

.page-header1-custom-background .breadcrumb {
    text-align: right;
    float: right;
}

@media (max-width: 991px) {
    .page-header1-custom-background .breadcrumb {
        padding: 18px 0px 0;
        text-align: left;
        float: none;
    }
}

.page-header1-custom-background .breadcrumb li.active {
    color: #FFF;
    opacity: 0.7;
}

.page-header1-custom-background .breadcrumb a {
    color: #FFF;
}

/* Page Header Custom - Create your Own */
.page-header1.custom-product {
    background-image: url("../img/custom-header-bg.html");
    background-repeat: repeat;
    background-color: #999;
    border-top: 5px solid #888;
    padding: 0;
    overflow: hidden;
}

.page-header1.custom-product .row {
    position: relative;
}

.page-header1.custom-product p.lead {
    color: #E8E8E8;
}

.page-header1.custom-product h1 {
    color: #FFF;
    margin-bottom: 10px;
    margin-top: 30px;
    border: 0;
}

/* Responsive */
@media (min-width: 992px) {
    .page-header1-more-padding .breadcrumb-valign-mid,
  .page-header1-custom-background .breadcrumb-valign-mid,
  .page-header1-float-breadcrumb .breadcrumb-valign-mid {
        text-align: right;
    }

    .page-header1-more-padding.page-header1-reverse .breadcrumb-valign-mid,
  .page-header1-custom-background.page-header1-reverse .breadcrumb-valign-mid,
  .page-header1-float-breadcrumb.page-header1-reverse .breadcrumb-valign-mid {
        text-align: left;
    }
}

@media (max-width: 991px) {
    .page-header1 .breadcrumb {
        float: none !important;
        position: static !important;
    }

    .page-header1 .breadcrumb-valign-mid {
        margin-top: 15px;
    }

    .page-header1-reverse .breadcrumb-valign-mid {
        margin-top: 0;
        margin-bottom: 15px;
    }
}

@media (max-width: 575px) {
    .page-header1 h1 {
        font-size: 26px;
        line-height: 26px;
    }
}



/* Güncellenmiş CSS */
.page-header1 {
    position: relative;
    background-image: url('../img/v.jpeg'); /* Resim yolunu belirtin */
    background-size: cover;
    background-position: center;
    padding: 100px 0; /* Arka plana uygun bir boşluk ekleyebilirsiniz */
    color: #ffffff; /* Metin rengi */
  }
  
  .page-header1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Siyah hafiflik için arka plan renk */
  }
  
  .page-header1 h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    padding: 0;
  }
  
  .page-header1 ul.breadcrumb {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .page-header1 ul.breadcrumb li {
    display: inline;
    margin-right: 5px;
  }
  
  .page-header1 ul.breadcrumb li a {
    color: #ffffff; /* Breadcrumb metin rengi */
    text-decoration: none;
  }
  
  .page-header1 ul.breadcrumb li.active {
    color: #ffffff; /* Aktif breadcrumb metin rengi */
  }


  .team-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.team-member {
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.team-member:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.team-photo {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 10px;
}

.team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .team-member {
        width: 90%;
    }
}

.ozellika {
    padding: 5rem 0 7rem;
    background-color: #020c0321 !important }
    /*
    @media only screen and (max-width: 56.25em) {
      .ozellika {
        padding: 1rem 0 20rem; } }*/
  

	
    .transparent-section {
        position: relative;
        overflow: hidden;
      }
      
      .transparent-section .background-image {
        background-image: url('path/to/your/image.jpg');
        background-size: cover;
        background-position: center;
        position: relative;
        background-color: rgba(0, 0, 0, 0.5);
        height: 400px; /* Adjust the height according to your needs */
       /* opacity: 0.7;  Adjust the opacity to your preference */
      }
      
      .transparent-section .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #ffffff; /* Text color */
      }
      
      .transparent-section .content h2 {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 20px;
        color: white !important;
      }
      
      .transparent-section .content p {
        font-size: 18px;
        color: white !important;
        margin-bottom: 30px;
      }
      
      .transparent-section .contact-button {
        display: inline-block;
        padding: 12px 30px;
        background-color: #2A8234; /* Button background color */
        color: #ffffff; /* Button text color */
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 5px;
        transition: background-color 0.3s ease;
      }
      
      .transparent-section .contact-button:hover {
        background-color: white; /* Button background color on hover */
      }
      
.cs-blog {
    margin-bottom: 30px;
}
.cs-blog h2 {
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 29px;
    margin: 0 0 11px;
    position: relative;
    text-transform: uppercase;
}
.cs-blog::after {
    clear: both;
    content: "";
    display: block;
}
ul.blog-list {
    list-style: outside none none;
    margin: -30px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.blog-list.blog-slide {
    margin: 0;
}
.blog-list.blog-slider {
    margin: 0;
}
ul.blog-list li {
    float: left;
    list-style: outside none none;
    margin: 30px 0 0;
}
.blog-slide .slick-list {
    margin: 0 -15px;
}
ul.blog-list.blog-slide li {
    margin-bottom: 10px;
    margin-top: 0;
}
ul.blog-list li:first-child {
    border: 0 none;
}
ul.blog-list li figure {
    overflow: hidden;
    position: relative;
}
ul.blog-list li figure img {
    width: 100%;
}
ul.blog-list li .cs-text {
    border: 1px solid #f0f0f0;
    overflow: hidden;
    padding: 15px 20px;
}


.cs-blog-detail .cs-text .post-option {
    border-top: 1px solid #f0f0f0;
    float: left;
    padding-top: 10px;
    width: 100%;
}
.cs-blog-detail .cs-text .post-option span a {
    color: #777;
}
.widget ul.blog-list li .cs-text {
    height: auto;
    margin: 0;
    min-height: inherit;
    padding: 9px 0 13px;
}
ul.blog-list li .cs-text span {
    color: #8b919e;
    display: inline-block;
    font-size: 12px;
    line-height: 19px;
}
ul.blog-list li .cs-text p {
    margin-bottom: 12px;
}
ul.blog-list li .cs-text h5 {
    border-bottom: 1px solid #fff;
    font-size: 15px;
    margin: 0;
    min-height: 56px;
    padding: 0 0 5px;
}
ul.blog-list li .cs-text h5 a {
    color: #292c33;
}
ul.blog-list li .cs-text .readmore {
    float: right;
    font-size: 11px;
    line-height: 20px;
    padding-top: 6px;
    position: relative;
    text-transform: uppercase;
}
ul.blog-list .slick-list.draggable {
    overflow: hidden;
}
.cs-auther-name a {
    color: #999;
}
.blog-list .slick-arrow {
    background-color: #f9f9f9;
    float: left;
    height: 29px;
    margin: 5px 0 0 5px;
    text-align: center;
    width: 29px;
}
.blog-list .slick-arrow a {
    color: #999;
    font-size: 18px;
    line-height: 32px;
}
.cs-blog.classic {
    margin: 0 0 30px;
}
.cs-blog.classic ul {
    margin: 0;
}
.cs-blog.classic li {
    border-top: 2px solid #eceef0;
    float: left;
    list-style: outside none none;
    padding: 16px 0;
    width: 100%;
}
.cs-blog.classic p {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 100%;
}
.cs-blog.classic p i {
    color: #c4c6c8;
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.cs-blog.classic span {
    display: inline-block;
    float: right;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
}
.cs-blog.classic span i {
    color: #e2e5e8;
    float: right;
    font-size: 24px;
    margin: 2px 0 0 10px;
}
.cs-pagination-blog {
    margin-bottom: 30px;
}
.cs-blog.blog-medium {
    border-bottom: 0 none;
    margin: 0;
    padding-bottom: 30px;
}
.cs-blog.blog-medium::after {
    clear: both;
    content: "";
    display: block;
}
.cs-blog.blog-medium .blog-text .cs-post-title {
    clear: both;
}
.cs-blog .cs-media figure {
    position: relative;
}
.cs-blog .cs-media figure figcaption {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
}
.cs-blog .cs-media:hover figure figcaption {
    opacity: 1;
    visibility: visible;
}
.cs-blog.blog-medium .post-title h3 {
    margin-bottom: 0;
}
.cs-blog .post-title {
    margin-bottom: 10px;
}
.cs-blog.blog-medium .cs-media figure figcaption .cs-readmore a {
    color: #fff;
    font-size: 24px;
    left: 50%;
    margin: -10px 0 0 -65px;
    position: absolute;
    top: 50%;
    transform: scale(0.7);
}
.cs-blog.blog-medium .cs-media:hover figure figcaption .cs-readmore a {
    transform: scale(1);
}
.cs-blog.blog-medium:last-child {
    border-bottom: medium none;
    padding-bottom: 40px;
}
.blog-medium .cs-media {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
    width: 37%;
}
.blog-modern .cs-media {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    width: 48.6%;
}
.blog-medium .cs-media figure img, .blog-modern .cs-media img {
    width: 100%;
}
.blog-medium .cs-media ~ .blog-text {
    display: inline-block;
    float: none;
    margin-right: 0;
    vertical-align: middle;
    width: 58%;
}
.blog-modern .blog-text {
    display: inline-block;
    margin-right: -4px;
    padding-left: 30px;
    vertical-align: middle;
    width: 51.4%;
}
.blog-modern .blog-text .cs-post-title {
    margin-bottom: 5px;
    padding-bottom: 1px;
    position: relative;
}
.blog-modern .blog-text .cs-post-title::after {
    bottom: 1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 27px;
}
.blog-modern .blog-text .blog-separator {
    margin: 0 0 10px;
}
.blog-modern .blog-text .blog-separator::before {
    display: none;
}
.blog-medium .blog-text {
    width: 99.1%;
}
.blog-medium .blog-text p {
    display: inline;
    margin: 0 0 15px;
}
.blog-medium .blog-separator {
    margin: 0 0 10px;
}
.cs-blog .cs-categories, .cs-blog-detail .cs-categories {
    display: block;
    margin: 0 0 12px;
}
.cs-blog .cs-categories a, .cs-blog-detail .cs-categories a {
    border-bottom: 2px solid #ededed;
    color: #55a747;
    display: inline-block;
    font-size: 10px;
    margin-right: 5px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
.cs-blog-detail .post-option {
    float: right;
}
.cs-blog .post-option span a, .cs-blog-detail .post-option span a {
    color: #999 !important;
    display: inline-block;
    font-size: 12px;
    margin-right: 18px;
    vertical-align: middle;
}
.cs-blog .post-option span i, .cs-blog-detail .post-option span i {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}
.cs-blog-detail .post-option span.post-category i {
    margin: 0;
}
.cs-blog-detail .post-option .post-category a {
    margin-left: 10px;
    margin-right: 0;
}
.cs-blog-detail .post-option .post-date {
    margin-left: 18px;
}
.cs-blog-detail .cs-text .post-option span i {
    float: left;
    margin: 3px 8px 0 0;
}
.cs-blog.blog-grid figure img {
    width: 100%;
}
.cs-blog.blog-grid .cs-media ~ .blog-text {
    margin: -30px 0 0;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
.cs-blog.blog-grid .cs-inner-bolg {
    background-color: #fff;
    display: inline-block;
    padding: 20px 25px;
    width: 100%;
}
.cs-blog.blog-grid .blog-text p {
    margin: 0 0 5px;
}
.cs-blog.blog-grid .post-option {
    line-height: normal;
    margin: 0 0 10px;
}
.cs-blog.blog-grid .post-option span {
    color: #8b919e;
    font-size: 10px;
    margin: 0 15px 0 0;
    position: relative;
    text-transform: uppercase;
}
.cs-blog.blog-grid .post-option span::before {
    background-color: #8b919e;
    border-radius: 100%;
    content: "";
    height: 3px;
    left: -10px;
    position: absolute;
    top: 5px;
    width: 3px;
}
.cs-blog.blog-grid .post-option span:last-child {
    margin: 0;
}
.cs-blog.blog-grid .post-option span:first-child::before {
    display: none;
}
.cs-blog.blog-grid .read-more {
    display: inline-block;
    font-size: 12px;
    position: relative;
}
.cs-blog.blog-grid .read-more::before {
    content: "";
    font-family: "icomoon";
    font-size: 14px;
    position: absolute;
    right: -15px;
    top: 0;
}
.blog-large .cs-media img {
    width: 100%;
}
.blog-large .cs-text {
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}
.blog-large .cs-media ~ .cs-text {
    background-color: #fff;
    margin: 0 auto;
    padding: 30px 0 0;
    width: 100%;
}
.cs-blog .cs-author, .cs-blog-detail .cs-author {
    float: left;
    margin: 0 0 10px;
}
.cs-blog .cs-author figure, .cs-blog-detail .cs-author figure {
    display: inline-block;
    height: 32px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: 32px;
}
.cs-blog .cs-author figure img, .cs-blog-detail .cs-author figure img {
    border-radius: 100%;
}
.cs-blog .cs-author .cs-text, .cs-blog-detail .cs-author .cs-text {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.cs-blog .cs-author .cs-text a, .cs-blog-detail .cs-author .cs-text a {
    color: #555;
    font-size: 13px;
}
.blog-large .post-option, .cs-blog.blog-medium .post-option {
    float: right;
}
.cs-blog.blog-large .post-option span i, .cs-blog.blog-medium .post-option span i {
    color: #cfcfcf;
}
.post-option span i {
    margin-right: 5px;
    transition: all 0.3s ease-in-out 0s;
}
.blog-separator {
    border-bottom: 1px solid #f1f1f1;
    display: inline-block;
    margin: 20px 0 25px;
    position: relative;
    width: 100%;
}
.blog-large .cs-text p {
    margin: 0 0 25px;
}
.blog-large .read-more {
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    font-size: 12px;
    padding: 4px 20px;
    text-transform: uppercase;
}
.blog-large .cs-post-title {
    margin: 0 0 15px;
}
.blog-large .cs-post-title h3 {
    margin: 0;
}

.cs-blog-detail .cs-post-title h1 {
    margin: 0 0 10px;
}
.cs-blog-detail .cs-post-title::after {
    clear: both;
    content: "";
    display: block;
}
.cs-blog-detail .cs-main-post img {
    width: 100%;
}
.cs-blog-detail .cs-main-post {
    margin-bottom: 25px;
}
.cs-blog-detail .cs-admin-post .cs-media figure, .cs-blog-detail .cs-admin-post .cs-media figure img {
    border-radius: 100%;
}
.cs-blog-detail .cs-admin-post .cs-text {
    overflow: hidden;
}
.cs-blog-detail .cs-admin-post {
    float: left;
    width: 40%;
}
.cs-blog-detail .cs-admin-post .cs-media {
    float: left;
    height: 46px;
    margin-right: 14px;
    width: 46px;
}
.cs-blog-detail .cs-author-name {
    color: #ccc;
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
    padding-top: 6px;
    vertical-align: middle;
}
.cs-blog-detail .cs-author-name strong {
    color: #55a747;
    display: block;
    line-height: 26px;
}
.cs-blog-detail .cs-more-post {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #ccc;
    font-size: 11px;
    padding: 6px 8px;
}
.cs-blog-detail .cs-social-share {
    float: right;
}
.cs-blog-detail .cs-social-media {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.cs-blog-detail .cs-social-media li {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    vertical-align: top;
}
.cs-blog-detail .cs-social-media li a {
    background-color: #fc6d4c;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 28px;
    line-height: 30px;
    margin: 0 5px 5px 0;
    text-align: center;
    width: 28px;
}
.cs-blog-detail .cs-social-media li a.cs-more {
    line-height: 33px;
    padding: 0;
}
.cs-blog-detail .cs-social-media li a::before {
    display: none;
}
.cs-blog-detail .cs-social-media li a[data-original-title="facebook"] {
    background-color: #2b4a8b;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Facebook"] {
    background-color: #2b4a8b;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Tumblr"] {
    background-color: #32506d;
}
.cs-blog-detail .cs-social-media li a[data-original-title="tumblr"] {
    background-color: #32506d;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Dribbble"] {
    background-color: #ea4c89;
}
.cs-blog-detail .cs-social-media li a[data-original-title="dribbble"] {
    background-color: #ea4c89;
}
.cs-blog-detail .cs-social-media li a[data-original-title="stumbleupon"] {
    background-color: #eb4823;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Stumbleupon"] {
    background-color: #eb4823;
}
.cs-blog-detail .cs-social-media li a[data-original-title="rss"] {
    background-color: #f06c19;
}
.cs-blog-detail .cs-social-media li a[data-original-title="twitter"] {
    background-color: #1f94d9;
}
.cs-blog-detail .cs-social-media li a[data-original-title="linkedin"] {
    background-color: #10598c;
}
.cs-blog-detail .cs-social-media li a[data-original-title="google"] {
    background-color: #d83936;
}
.cs-blog-detail .cs-social-media li a[data-original-title="youtube"] {
    background-color: #b00;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Youtube"] {
    background-color: #b00;
}
.cs-blog-detail .cs-social-media li a.cs-more .at4-icon {
    border-radius: 10px;
    margin: 5px 0 0 -2px;
}
.cs-blog-detail .cs-share {
    float: none;
    left: 0;
    margin: 0 15px 0 0;
    position: absolute;
    top: 0;
}
.cs-blog-detail .cs-share a {
    color: #333;
    font-size: 18px;
    font-weight: 700;
}
.cs-blog-detail .cs-share-detail::after {
    clear: both;
    content: "";
    display: block;
}
.cs-blog-detail .cs-share-detail {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    vertical-align: middle;
    width: 49%;
}
.cs-blog-detail .cs-post-option-panel {
    float: left;
    padding-top: 20px;
    width: 100%;
}
.cs-blog-detail .rich-editor-text p {
    margin-bottom: 30px;
}
blockquote, .rich-text-editor blockquote {
    border-left: 4px solid;
    margin: 0 0 40px;
    padding: 20px 0 0;
    position: relative;
    width: 95%;
}
blockquote {
    background-color: #fcfcfc;
    font-style: italic;
    padding: 15px 40px 20px 50px !important;
}
blockquote, blockquote span, blockquote p {
    color: #777;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
blockquote .author-name a {
    color: #999;
    font-size: 11px;
}
blockquote.text-left-align {
    text-align: left;
}
blockquote.text-right-align {
    text-align: right;
}
blockquote.text-center-align {
    text-align: center;
}
blockquote::before, .rich-text-editor blockquote::before {
    color: #eaeaea;
    /*
    content: "";*/
    font-family: "icomoon";
    font-size: 22px;
    font-style: normal;
    left: 24px;
    position: absolute;
    top: 15px;
    transform: scale(-1);
}
.rich-text-editor blockquote {
    background-color: #fcfcfc;
    font-style: italic;
    padding: 15px 40px 20px 50px;
}
.rich-text-editor blockquote p {
    margin: 0;
}
blockquote > span {
    margin: 0;
    position: relative;
}
blockquote > span.author-name::after {
    display: none;
}
blockquote > span::after {
    color: #eaeaea;
    content: "";
    display: inline-block;
    font-family: "icomoon";
    font-size: 22px;
    font-style: normal;
    margin: 0 0 0 8px;
    position: relative;
    top: 3px;
}
.cs-blog-detail .tags {
    display: inline-block;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 50%;
}
.cs-blog-detail .cs-tags {
    display: block;
    margin: 0 0 40px;
}
.cs-blog-detail .cs-tags .tags span {
    color: #333;
    display: inline-block;
    font-size: 18px;
    margin: 0 10px 5px 0;
}
.cs-blog-detail .cs-tags .tags ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.cs-tags ul li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 0 6px;
}
.cs-tags ul li a {
    display: block;
    font-size: 12px;
    margin: 0 8px 0 0;
}
.cs-tags .tags ul li a {
    background-color: #f5f5f5;
    border-radius: 20px;
    color: #777;
    padding: 2px 18px 3px;
}
.comment-respond {
    margin-bottom: 30px;
}
.comment-form ul {
    list-style: outside none none;
}
.comment-form ul li {
    margin-bottom: 30px;
}
.comment-form .cs-element-title h3 {
    margin: 0;
}
.comment-form form .input-holder {
    position: relative;
}
.comment-form form .input-holder i {
    color: #cecece;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 15px;
}
.comment-form form .input-holder input[type="text"], .comment-form form .input-holder textarea {
    border: 1px solid #e4e4e4;
    color: #999;
    font-size: 14px;
    height: 50px;
    margin-bottom: -1px;
    padding: 10px 20px;
    width: 100%;
}
.comment-form form .input-holder textarea {
    height: 214px;
    margin: 0 0 20px;
}
.comment-form form input[type="submit"] {
    background-color: #55a747;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
}
.blog-detail {
    box-shadow: none;
}
.blog-detail .blog-list {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.blog-slider-next {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 10px;
}
.blog-slider-prev {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 10px;
}
.blog-detail::after, .author-detail::after, #comment ul li::after, .blog-detail .blog-list::after, .cs-packeges::after {
    clear: both;
    content: "";
    display: block;
}
.blog-title {
    margin-bottom: 25px;
}
.blog-title h3 {
    color: #282828;
    letter-spacing: -1px;
    line-height: 34px;
    margin: 0 0 10px;
}
.blog-detail .main-post {
    margin: 0 0 25px;
}
.blog-detail .main-post img {
    width: 100%;
}
.author-detail {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 10px;
    padding-bottom: 22px;
}
.cs-admin figure {
    float: left;
    margin-right: 15px;
}
.cs-admin .cs-text {
    display: inline-block;
    overflow: hidden;
    padding-top: 8px;
}
.cs-admin .cs-text span {
    color: #ccc;
    display: block;
    font-size: 13px;
    line-height: 16px;
}
.cs-admin .cs-text strong {
    color: #282828;
    font-size: 14px;
    line-height: 18px;
}
.blog-detail h2 {
    line-height: 29px;
    margin: 0 0 11px;
    position: relative;
    width: 91%;
}
.rich-editor-text p {
    clear: both;
    line-height: 24px;
    margin-bottom: 20px;
}

.kutu .box {
    border: 1px solid #ccc; /* Kutu çerçevesi */
    padding: 15px;
    margin-bottom: 20px;
}

.kutu .box img {
    max-width: 100%;
    height: auto;
}

.kutu .box h3 {
    font-size: 18px;
    margin-top: 10px;
}

.kutu .box p {
    font-size: 14px;
    margin-top: 5px;
}


.post {
    margin-top: 20px;
}

.post h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.post ul li {
    list-style: none;
    margin-bottom: 20px;
}

.post img {
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

.post a {
    font-size: 13px;
    color: #007bff;
    text-decoration: none;
}

.post a:hover {
    text-decoration: underline;
}

.post p {
    font-size: 14px;
    margin-top: 5px;
}


.baslik {
    width: 33.33%;
    padding: 10px;
  }
  
  .baslik .box {
    background-color: #152d4f;
    border: 1px solid #ccc;
    padding: 20px;
    position: relative;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .arrow-icon {
    width: 20px;
    height: 20px;
    background-color: #ccc;
    position: absolute;
    top: 10px;
    left: -10px;
    transform: rotate(45deg);
  }
  
  .baslik a {
    display: block;
    margin-top: 10px;
    text-decoration: none;
    color: #ffffff;
  }
  
  hr {
    border: 1px solid #ccc;
  }
  
  
  .baslik a:hover {
    color: white;
  }
  
  .m-nav {
    color: #fff !important;
    font-weight: bold !important;
    padding: 8px 8px !important;
    margin-left: -10px;
}