.owl-item.active .banner-item-content {
-webkit-animation-name: ;
animation-name: ;
}
.owl-item.active .banner-item-content .title {
-webkit-animation-name: ;
animation-name: ;
}
.owl-item.active .banner-item-content .sub-title {
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
 .owl-item.active .banner-item-content p {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
.owl-item.active .banner-item-content .btn-box {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
} 
.section-title h2 {
color:#7c3333;
}
 body {
font-family:"PT Serif",serif !important;
}
h1, h2, h3, h4 {
font-family:"Inter",serif !important;
} 
:root {
--theme-color1: #7c3333;
--theme-color2: #7c3333;
--theme-font1: Inter;
--theme-font2: PT Serif;
--theme-headeryazi: #f8f1e1;
}
.font1, h1.font1, h2.font1, h3.font1, h4.font1, h5.font1, p.font1 {
font-family:Inter",serif;
}
.font2, h1.font2, h2.font2, h3.font2, h4.font2, h5.font2, p.font2 {
font-family:PT Serif",serif;
}
.headerzemin {
background:#7c3333
}

.menu-wrap .hamburger > div {
background:#f8f1e1
}
.menu-wrap .popup {
color:#f8f1e1
}
.menu-wrap .popup:hover {
  color:#f8f1e1;
  background:#7c3333
}
.hamburgmenu .ilet a {
color:#f8f1e1
}
.m1 .minthizmet2 {
border-color: #7c333330;
}
.sub-title {
color: #7c3333 !important;
}
.project-start-content .content2 ul li::before {
  background: #7c3333;
}
.blog6check ul li::before {
  background: #7c3333;
}
.blog6check ul li::after {
  background: #7c3333;
}

.headercolor {
color:#f8f1e1
}
.anavitrin span {
background:#f8f1e1;
color:
}
body {
background:#7c3333;
}
.footerzemin {
background:#f8f1e1
}
.footercolor {
color:#7c3333
}
.text-color1 {
color: #7c3333 !important;
}
.text-color2 {
color: #7c3333 !important;
}
.bg-color1 {
background: #7c3333 !important;
background-color: #7c3333 !important;
color: #fff !important;
}
.bg-color2 {
background: #7c3333 !important;
color: #fff !important;
}
.bg-color1-light10 {
background: #7c333310;
}
.bg-color1-light20 {
background: #7c333320;
}
.bg-color1-light30 {
background: #7c333330;
}
.bg-color1-light40 {
background: #7c333340;
}
.bg-color2-light10 {
background: #7c333310;
}
.bg-color2-light20 {
background: #7c333320;
}
.bg-color2-light30 {
background: #7c333330;
}
.bg-color2-light40 {
background: #7c333340;
}
.theme-border1 {
border:1px solid #7c333370;
}
header p {
color: #f8f1e1;
}
.tracer-nav .navbar .navbar-nav .nav-item a {
color: #f8f1e1;
}
.header5 .tracer-nav .navbar .navbar-nav> .nav-item:after,
.header8 .tracer-nav .navbar .navbar-nav> .nav-item:after {
  border-bottom: 1px solid #7c3333;
}
header .topbar ul.headilet a, header .topbar ul.headilet i,header .topbar .btn {
color: #f8f1e1;
}
.menu-wrap .menu ul.menuler li a {
color: #f8f1e1;
}
.menu-wrap .menu ul.menuler li a:hover {
color: #7c3333;
}
header .navbar-area{
background:#7c3333
}
.anasayfa header.fixed .navbar-area.navbar-style-two.is-sticky {
  background:#7c3333 !important;
}

.langu button {
color:#f8f1e1
}
.langu button:hover {
color:#f8f1e1
}
.navbar-area .tracer-responsive-nav .mean-container a.meanmenu-reveal span {
background:#f8f1e1
}
.navbar-area .tracer-responsive-nav .mean-container a.meanmenu-reveal {
color: #f8f1e1
}
body .footer-area.bg-color {
background-color: #f8f1e1
}
.header7 {
  background: #7c333390 !important
}
.footer-area .single-footer-widget .footer-links-list li a, .footer-area p, .footer-area, .footer-contact-info a {
color: #7c3333
}
.single-footer-widget .footer-contact-info li i {
color: #7c3333
}
.single-footer-widget .footer-links-list li a:hover,.footer-area .single-footer-widget .footer-links-list li a:hover, .single-footer-widget .footer-contact-info li a:hover {
color: #7c333370
}

body header .topbar {
    border-bottom: 1px solid #7c333330;
}
a:hover {
color: #7c3333;
}
 .project-start-content .sub-title, .blog-details-desc .article-footer .article-share .social li a:focus, .prev-link-wrapper a:hover .prev-link-info-wrapper,.next-link-wrapper a:hover .next-link-info-wrapper, .next-link-wrapper a:hover .next-link-info, .comments-area .comment-metadata a:hover, .project-start-content .sub-title, .page-title-content ul li::before, .widget-area .widget_search form button, .widget-area .widget_categories ul li a:hover, .widget-area .widget_popular_products .item .info span, .widget-area .widget_recent_courses .item .info span, .contact-info-box .icon, .subscribe-content .sub-title,
.footer-bottom-area p a, .footer-bottom-area ul li a:hover, .section-title .sub-title, .preloader .loader .sbl-half-circle-spin,
.how-its-work-content .inner-box .single-item::after, .navbar-area .topbar ul.headilet li a:hover,
.section-title .sub-title,a:hover,.preloader .loader .sbl-half-circle-spin,
.tracer-nav .navbar .navbar-nav .nav-item a:focus,
.tracer-nav .navbar .navbar-nav .nav-item a.active,
.tracer-nav .navbar .navbar-nav .nav-item.active a,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a, .tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a,.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a, .search-box .input-search:focus, .search-box button, .search-box button,.others-option-for-responsive .option-inner .others-option .cart-btn a:hover,.main-banner-content .btn-box .video-btn,.banner-content .btn-box .video-btn,.banner-item-content .btn-box .video-btn,.home-slides.owl-carousel .owl-nav .owl-prev,
.home-slides.owl-carousel .owl-nav .owl-next,.banner-wrapper-content .btn-box .default-btn:not(:first-child),.banner-wrapper-content .sub-title,.single-solutions-box .view-details-btn,.about-content .content .sub-title,.about-image-box .video-btn,.our-mission-content .content .sub-title,.single-boxes-item .default-btn,.single-what-we-do-box .icon,.single-what-we-do-box .link:hover,.single-what-we-do-box .read-more-btn,.history-timeline .timeline-block::before,.single-services-box .read-more-btn,.single-services-item .default-btn,.single-services-item-box .read-more-btn ,.single-services-box-item .learn-more-btn,.load-more-btn .default-btn,.services-details-desc .sub-title,.services-details-info .services-contact-info ul li a:hover,.services-details-info .services-contact-info ul li .icon,.single-featured-services-item .default-btn,.single-featured-services-box .read-more-btn,.how-its-work-content .sub-title ,.how-its-work-content .inner-box .single-item .count-box,.how-its-work-content .inner-box .single-item::after,.single-courses-box .courses-image .fav:hover ,.single-courses-box .courses-content .course-author span,.single-courses-box .courses-content .courses-box-footer li i,.courses-info p a,.courses-details-desc .tab-content .courses-curriculum ul li a::before ,.courses-details-desc .tab-content .courses-curriculum ul li a .courses-meta .duration,.courses-details-desc .tab-content .courses-curriculum ul li a:hover,.courses-details-desc .tab-content .courses-instructor .single-advisor-box .advisor-content .sub-title,.courses-details-info .info li span i,.courses-details-info .info li.price,.courses-details-info .courses-share .share-info span ,.our-brand-partners-list .view-all,.single-case-study-item .case-study-content .sub-title,.case-study-slides.owl-carousel .owl-nav .owl-prev:hover,
.case-study-slides.owl-carousel .owl-nav .owl-next:hover,.single-projects-box .link-btn,.single-projects-box .content span,.case-studies-details-image .video-btn,.case-studies-details-desc .sub-title,.case-studies-details-info ul li a:hover,.case-studies-details-info ul li .icon,.scientist-section-title .sub-title ,.single-scientist-item-box .content span,.analysis-form .sub-title,.overview-box .overview-content .content .sub-title,.overview-box .overview-content .content .features-text h4 i,.explore-learning-content .sub-title ,.explore-learning-content .explore-learing-btn,.single-products-box .products-content .add-to-cart:hover,.tracer-grid-sorting .ordering .nice-select .list .option::before ,.products-details-desc .price,.products-details-desc .products-review .rating-count:hover,.products-details-desc .products-meta span span.sku,.products-details-desc .products-meta span a:hover,
.products-details-desc .products-meta span a:focus,.products-details-desc .products-add-to-cart .input-counter span:hover,.products-details-desc .products-share .social li a:hover,
.products-details-desc .products-share .social li a:focus,.cart-table table tbody tr td.product-quantity .input-counter span:hover,.user-actions i ,.user-actions span,.billing-details .form-group .nice-select .list .option::before,.single-events-box .image .date,.single-events-box .content .location i,.events-details-header ul li i,.events-details-info .info li.price ,.events-details-info .btn-box p a,.events-details-info .events-share .share-info span ,.testimonials-view-btn .default-btn,.single-blog-post .post-content .post-meta li i ,.blog-details-desc .article-content .entry-meta ul li span,.blog-details-desc .article-content .features-list li i,.blog-details-desc .article-footer .article-share .social li a:hover, body .navbar-dark .navbar-nav .nav-link:hover
{
color: #7c3333;
} 
.others-option-for-responsive .dot-menu:hover .inner .circle,.others-option-for-responsive .option-inner .others-option .cart-btn a span ,.main-banner-content .btn-box .video-btn:hover i,.banner-content .btn-box .video-btn:hover i,.banner-item-content .btn-box .video-btn:hover i,.home-slides.owl-carousel .owl-nav .owl-prev:hover,
.home-slides.owl-carousel .owl-nav .owl-next:hover, .single-solutions-box .view-details-btn::before,.about-content .content .about-list li span:hover .icon, .about-content .content .content-list li:hover i, .about-image-box .video-btn:hover i, .about-text .features-list li:hover i, .our-mission-content .content .our-mission-list li span:hover .icon , .our-mission-content .content .features-list li:hover i,.single-boxes-item .default-btn:hover, .single-what-we-do-box:hover .icon, .history-timeline .timeline-block .timeline-icon .dot-badge, .single-services-item .default-btn:hover, .load-more-btn .default-btn span, .services-details-image-slides.owl-theme .owl-nav [class*=owl-]:hover, .services-details-desc .content ul li::before, .services-details-desc .technologies-features li span::before, .services-details-info .services-list li a:hover,
.services-details-info .services-list li a.active, .single-featured-services-item .default-btn span, .single-featured-services-item .default-btn:hover, .how-its-work-content .inner-box .single-item::before,.single-courses-box .courses-image .price,.courses-details-desc .nav .nav-item .nav-link::before,.courses-details-desc .tab-content .courses-instructor .single-advisor-box .advisor-content .social-link li a:hover,.courses-details-info .image .content i,.courses-details-info .courses-share .share-info .social-link li a:hover,.our-brand-partners-list .view-all::before,.single-projects-box .image::before,.case-studies-details-image .video-btn:hover,.case-studies-details-image-slides.owl-theme .owl-nav [class*=owl-]:hover,.case-studies-details-desc .content ul li::before,.single-scientist-box .content .social li a:hover,.single-scientist-item-box .image .social li a:hover,.overview-box .overview-content .content .features-list li span::before,.overview-box .overview-content .content .features-list li span svg,.explore-learning-video .video-btn,.faq-accordion-tab .tabs li a:hover,.faq-accordion-tab .tabs li.current a,.single-industries-serve-box::before,.single-products-box .products-image .products-button ul li a .tooltip-label,.single-products-box .products-image .products-button ul li a .tooltip-label::before,.single-products-box .products-image .products-button ul li a:hover,.tracer-grid-sorting .ordering .nice-select .list .option:hover,.products-details-desc .products-share .social li a,.products-details-tabs .nav .nav-item .nav-link::before,.products-details-tabs .tab-content .tab-pane .review-form-wrapper form button,.cart-buttons .shopping-coupon-code button:hover,.single-events-box:hover .content::before,.events-details-info .events-share .share-info .social-link li a:hover,.testimonials-view-btn .default-btn span,.testimonials-slides.owl-carousel .owl-nav .owl-prev:hover,
.testimonials-slides.owl-carousel .owl-nav .owl-next:hover,.blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-]:hover,.blog-details-desc .article-footer .article-share .social li a,.blog-details-desc .article-author .author-profile-header,blockquote::after,
.blockquote::after,.prev-link-wrapper .image-prev::after,.next-link-wrapper .image-next::after,.comments-area .comment-body .reply a:hover,.pagination-area .page-numbers:hover,
.pagination-area .page-numbers.current,.widget-area .widget .widget-title::before,.widget-area .widget_search form button:hover,
.widget-area .widget_search form button:focus,.widget-area .tagcloud a:hover,
.widget-area .tagcloud a:focus,.widget-area .filter_by_price .irs--flat .irs-bar,.widget-area .filter_by_price .irs--flat .irs-handle>i:first-child,.widget-area .filter_by_price .irs--flat .irs-from,
.widget-area .filter_by_price .irs--flat .irs-to,
.widget-area .filter_by_price .irs--flat .irs-single,.widget-area .widget_insight ul li a:hover,
.widget-area .widget_insight ul li a.active,.widget-area .widget_insight ul li.active a,.login-form form .lost-your-password-wrap a::after,.login-form form button,.register-form form button,.membership-levels-table .table thead th,.membership-levels-table .table tbody tr td .select-btn:hover,.contact-info-box:hover .icon,.single-footer-widget .social-link li a:hover,.go-top:hover, .tracer-responsive-nav .tracer-responsive-menu.mean-container .others-option .cart-btn a span,
.default-btn
{
background-color: #7c3333;
color:#fff
}
.tracer-grid-sorting .ordering .nice-select .list .option:hover,.tracer-grid-sorting .ordering .nice-select .list .option.selected:hover ,.billing-details .form-group .nice-select .list .option:hover,.billing-details .form-group .nice-select .list .option.selected:hover{
background-color: #7c3333 !important;
}
.about-image-box::before,.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:after,
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:after,.billing-details .title::before,.order-details .title::before,.order-details .payment-box .payment-method p [type="radio"]:checked+label::after,
.order-details .payment-box .payment-method p [type="radio"]:not(:checked)+label::after,.comments-area .comment-respond .form-submit input,.widget-area .widget_categories ul li::before,.login-form form .remember-me-wrap [type="checkbox"]:checked+label:after,
.login-form form .remember-me-wrap [type="checkbox"]:not(:checked)+label:after,.coming-soon-content form .form-group .label-title::before {
background: #7c3333;
}
.form-control:focus, .search-box .input-search:focus, .search-box .input-search:focus, .single-solutions-box:hover, .about-content .content .features-list li span:hover, .single-boxes-item .default-btn:hover, .single-funfacts-box:hover, .single-services-item .default-btn:hover, .load-more-btn .default-btn:hover, .services-details-image-slides.owl-theme .owl-nav [class*=owl-]:hover, .services-details-info .services-list li a:hover,
.services-details-info .services-list li a.active, .single-featured-services-item .default-btn:hover, .single-process-box:hover, .case-studies-details-image .video-btn:hover::after,
.case-studies-details-image .video-btn:hover::before, .case-studies-details-image-slides.owl-theme .owl-nav [class*=owl-]:hover, .single-scientist-box .content .social li a:hover, .single-scientist-item-box .image .social li a:hover, .tracer-grid-sorting .ordering .nice-select:hover, .products-details-desc .products-review .rating-count:hover, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:hover+label:before, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:before, .billing-details .form-group .nice-select:hover, .testimonials-view-btn .default-btn:hover, .testimonials-slides.owl-carousel .owl-nav .owl-prev:hover,
.testimonials-slides.owl-carousel .owl-nav .owl-next:hover, .blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-]:hover, .comments-area .comment-body .reply a:hover, .widget-area .widget_insight ul li a:hover,
.widget-area .widget_insight ul li a.active, .widget-area .widget_insight ul li.active a, .login-form form .remember-me-wrap [type="checkbox"]:hover+label:before, .login-form form .remember-me-wrap [type="checkbox"]:checked+label:before
{
border-color: #7c3333;
}
.tracer-nav .navbar .navbar-nav .nav-item .dropdown-menu,.user-actions, .case-studies-details-info {
border-top: 3px solid #7c3333;
}
.banner-wrapper-content .btn-box .default-btn:not(:first-child)::before,.explore-learning-video .video-btn::after,
.explore-learning-video .video-btn::before,.products-details-desc .products-share .social li a,.blog-details-desc .article-footer .article-share .social li a {
border: 1px solid #7c3333;
}
.lines .line::after {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #7c3333), to(#7c3333));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #7c3333 75%, #7c3333 100%);
}
.single-services-box::after {
background: linear-gradient(to right top, #ff8008, #ff8a0d, #ff9413, #ff9d1a, #ffa621);
}
body .single-services-box::before {
background:#7c333320
}
body .single-services-box::after {
background:#7c333370
}
body .single-featured-services-box .icon, .single-services-box-item .icon {
background-color:#7c3333 !important
}
body .single-featured-services-box:hover .icon , body .single-services-box-item:hover .icon {
background-color:#7c3333 !important
}
body a:hover {
color:#7c3333
}
.single-projects-box .image::before {
background:#7c333360
}
.testimonials-area.bg-color1 .section-title h2, .testimonials-area.bg-color1 .section-title .sub-title, .testimonials-area.bg-color1 .section-title p {
color: #ffffff !important;
}
body .case-study-area::before {
background-color: #7c333320;
}
@media only screen and (max-width: 1199px) {
.tracer-responsive-nav .tracer-responsive-menu.mean-container .mean-nav ul li a.active, .search-box button, .tracer-responsive-nav .tracer-responsive-menu.mean-container .others-option .cart-btn a:hover {
color: #7c3333;
}
 .search-box .input-search:focus {
border-color: #7c3333;
}
.tracer-responsive-nav .tracer-responsive-menu.mean-container .others-option .cart-btn a span {
background-color: #7c3333;
}
.search-box .input-search:focus {
border-color: #7c3333;
}
.tracer-responsive-nav .tracer-responsive-menu.mean-container .mean-nav ul li a.active, .search-box button, .tracer-responsive-nav .tracer-responsive-menu.mean-container .others-option .cart-btn a:hover {
color: #7c3333;
}
}
.banner-item-content.site-renk1 {
background:#7c333390;
}
.banner-item-content.site-renk2 {
background:#7c333390;
}
.banner-item-content .title.site-renk1, .banner-item-content .sub-title.site-renk1, .banner-item-content .aciklama.site-renk1 {
color:#7c3333 !important
}
.banner-item-content .title.site-renk2, .banner-item-content .sub-title.site-renk2, .banner-item-content .aciklama.site-renk2 {
color:#7c3333 !important
}
.banner-item-content .default-btn.site-renk1 {
background:#7c3333
}
.banner-item-content .default-btn.site-renk2 {
background:#7c3333
}
.tracer-nav .navbar .default-btn {
background:#7c3333
}
.services-details-info .download-file ul li a.active {
  color:#7c3333;
  background: #dedede;
}
.header6 .navbar-brand {
background:#7c3333
}
.item-overlay {
  background: #7c333380
}
.bcard15:hover .icon {
   background: #7c3333
}
.inserdate h3 {
  font-family:"PT Serif",serif;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #7c3333 !important;
  color:#fff !important
}
.nav-pills .nav-link {
  color: #7c3333 !important
}
.default-btn.renk2 {
  background:#7c3333 !important;
}
.tracer-nav .navbar .topbar .navbar-nav .nav-item a, .tracer-nav .navbar .topbar .navbar-nav .nav-item i.bx-home {
  color: #7c3333 
}
body .form-check-input:checked {
    background-color: #7c3333;
    border-color: #7c3333;
}
.border-color1 {
  border:1px solid #7c3333 !important;
}
.border-color2 {
  border:1px solid #7c3333 !important;
}
.anavitrin .itemimage:after,video:after  {
    border: 15px solid #7c3333;
}
.btn.login {
  background:#7c3333 !important;
  color:white;
}
.klas-btn:hover {
  background:#7c3333
}
.section-title h2 span {
  color:#7c3333
}
.blogbox.paket .default-btn {
    background: #7c3333
}
body .nav-tabs .nav-item.show .nav-link, body .nav-tabs .nav-link.active {
  color: #fff;
    background-color: #7c3333;
}
@media (max-width: 767px) {
body.anasayfa header.fixed {
  background:#7c3333
}
}
@import "https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700";

// Variables
$bg-body: #f9f9f9;

$red: #ee4d4d;
$blue: #2b2e48;
$primary-color: $red;
$secondary-color: $blue;


// Typography
$base-font: helvetica, arial, tahoma, verdana;
$base-font-title: "Dosis", arial, tahoma, verdana;

$base-font-color: #726f77;

// Timeline
$timeline-color: $primary-color;


// Mixins and Placeholders
%clearfix {
	&:after, &:before {
		content: '';
		display: block;
		width: 100%;
		clear: both;
	}
}

@mixin prefix($prop, $val) {
	@each $prefix in '-webkit-', '-moz-', '-ms-', '' {
		#{$prefix}#{$prop}: $val;
	}
}
*, *:before, *:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body, html {
	height: 100%;
}
body {
	background: $bg-body;
	background-size: cover;
	margin: 0;
	padding: 0;
	font-family: $base-font;
	line-height: 20px;
	font-size: 14px;
	color: $base-font-color;
}

img {max-width: 100%;}

a {
	text-decoration: none;
}

.container {
	max-width: 1100px;
	margin: 0 auto;
}

h1, h2, h3, h4 {
  font:{
		family: $base-font-title;
		weight: 500;
	}
}

.project-name {
  text-align: center;
  padding: 10px 0;
}

// Header
header {	
	background: $secondary-color;
	padding: 10px;
	@include prefix(box-shadow, 0 3px 3px rgba(0,0,0,0.05)); 
	@extend %clearfix;

	.logo {
		color: $primary-color;
		float: left;
		font:{
			family: $base-font-title;
			size: 22px;
			weight: 500;
		}
		
		> span {
			color: lighten($primary-color, 20%);
			font-weight: 300;
		}
	}

	.social {
		float: right;
		.btn {
			font-family: "Dosis";
			font-size: 14px;
			margin: 10px 5px;
		}
	}
}


// Timeline
#timeline {
	width: 100%;
  margin: 30px auto;
	position: relative;
  padding: 0 10px;
	@include prefix(transition, all .4s ease);

	&:before {
		content:"";
		width: 3px;
		height: 100%;
		background: $timeline-color;
		left: 50%;
		top: 0;
		position: absolute;
	}

	&:after {
		content: "";
		clear: both;
		display: table;
		width: 100%;
	}
	
	.timeline-item {
		margin-bottom: 50px;
		position: relative;
		@extend %clearfix;

		.timeline-icon {
			background: $timeline-color;
			width: 50px;
			height: 50px;
			position: absolute;
			top: 0;
			left: 50%;
			overflow: hidden;
			margin-left: -23px;
			@include prefix(border-radius, 50%);

			svg {
				position: relative;
				top: 14px;
				left: 14px;
			}
		}

		.timeline-content {
			width: 45%;
			background: #fff;
			padding: 20px;
			@include prefix(box-shadow, 0 3px 0 rgba(0,0,0,0.1));
			@include prefix(border-radius, 5px);
			@include prefix(transition, all .3s ease);

			h2 {
				padding: 15px;
				background: $timeline-color;
				color: #fff;
				margin: -20px -20px 0 -20px;
				font-weight: 300;
				@include prefix(border-radius, 3px 3px 0 0);
			}

			&:before {
				content: '';
				position: absolute;
				left: 45%;
				top: 20px;
				width: 0; 
				height: 0; 
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent; 
				border-left:7px solid $timeline-color; 
			}

			&.right {
				float: right;

				&:before {
					content: '';
					right: 45%;
					left: inherit;
					border-left: 0;
					border-right: 7px solid $timeline-color;
				}
			}
		}
	}
}

// Buttons
.btn {
	padding: 5px 15px;
	text-decoration: none;
	background: transparent;
	border: 2px solid lighten($primary-color, 10%);
	color: lighten($primary-color, 10%);
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	font-size: 12px;
	@include prefix(border-radius, 5px);
	@include prefix(transition, background .3s ease);
	@include prefix(box-shadow, 2px 2px 0 lighten($primary-color, 10%));

	&:hover {
		box-shadow: none ;
		top: 2px;
		left: 2px;
		@include prefix(box-shadow, 2px 2px 0 transparent);
	}
}

@media screen and (max-width: 768px) {
	#timeline {
		margin: 30px;
		padding: 0px;
    width: 90%;
		&:before {
			left: 0;
		}
		
		.timeline-item {
			.timeline-content {
				width: 90%;
				float: right;
				
				&:before, &.right:before {
					left: 10%;
					margin-left: -6px;
					border-left: 0;
					border-right: 7px solid $timeline-color;
				}
			}

			.timeline-icon {
				left: 0;
			}
		}
	}
}