.kullanicilar { background:#28ABE3;}
.genelyonetim { background:#72bf48;}
.aktivite { background:#FF432E;}
.satis { background:#aac0aa;}
.bildirim { background:#5697ad;}
.harita { background:#008080;}


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
body,p { font-family:'Open Sans',sans-serif}
.btn-primary,.menu-item { -webkit-transition:all .3s}
.menu-item:hover a,a,a:hover { text-decoration:none}
a,a.active,a:active,a:focus,a:hover { outline:0}
ol,ul { margin:0;padding:0}
li { list-style:none}
a { color:#FF432E}
p { font-size:13px;line-height:21px}
.btn-primary { border-color:#FF432E;background-color:#FF432E;text-transform:uppercase;font-weight:300;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary { color:#fff;border-color:#ea321e;background-color:none!important}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover { border-color:#FF432E;background-color:#FF432E}

.section-title p { padding-bottom:60px;color:#999;font-size:18px;}
.logo h1 { font-family:Lobster,cursive;color:#fff;font-size:60px}
.logo span { color:#999}
.color { background:#0ECEAB}
.mainbody-section { padding-top:50px; }
.menu-item {color: #fff; margin-bottom: 30px;transition: all .3s;border: 4px solid #fff;border-radius: 10px;}
.menu-item a {color: #fff;display: block;-webkit-transition: all .3s;transition: all .3s;background-color: yellow;padding: 30px 0px 20px 0;}
.menu-item a p { font-family:Oswald,sans-serif;font-weight:300;font-size:20px}
.menu-item a i { font-size:50px;padding-bottom:20px}
.menu-item:hover a { color:#333;animation:fadeIn;-webkit-animation:fadeIn;animation-duration:1s;-webkit-animation-duration:1s}
@media only screen and (min-width :600px) and (max-width :991px) { 
    .menu-item { display:inline-block;width:32.8%}
    .menu-item.responsive { width:49.5%;float:left;margin-right:3px}
    .menu-item.responsive-2 { width:49.5%;float:right}
}


@media only screen and (min-width :992px) and (max-width :1199px) { 
    .menu-item { padding-top:15px;padding-bottom:15px}
    .menu-item a i { font-size:32px}
    .menu-item a p { font-size:16px}
}
.feature h4,.feature-2 h4 { font-size:15px;font-family:Oswald,sans-serif;font-weight:300}
.home-slider img { width:100%;height:auto}
.home-slider .carousel-indicators { position:absolute;bottom:10%}
.home-slider .carousel-indicators .active { background-color:#FF432E}
.copyright { background:rgba(0,0,0,.7);color:#fff;padding-top:20px;padding-bottom:20px}
.section-modal .modal-content { padding:100px 0!important;min-height:100%;border:0!important;border-radius:0;background-clip:border-box;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;color:#888;font-weight:300}
.section-modal .close-modal { position:absolute;top:25px;right:25px;width:75px;height:75px;background-color:transparent;cursor:pointer}
.section-modal .close-modal:hover { opacity:.3}
.section-modal .close-modal .lr { z-index:1051;width:1px;height:75px;margin-left:35px;background-color:#222;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.section-modal .close-modal .lr .rl { z-index:1052;width:1px;height:75px;background-color:#222;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.feature,.feature-2 { padding-bottom:80px}
.feature { text-align:center}
.feature h4 { color:#666}
.feature-2 h4 { color:#444;padding-bottom:10px}
.feature p,.feature-2 p { color:#444;font-size:13px;line-height:20px;font-weight:300}
.feature i { font-size:3.5em;color:#fff;background:#FF432E;width:100px;height:100px;padding:25px;margin-bottom:10px;-webkit-border-radius:70%;-moz-border-radius:70%;-o-border-radius:70%;border-radius:70%;position:relative;box-shadow:0 0 0 30px transparent;-webkit-transform:translate3d(2,2,2);-moz-transform:translate3d(2,2,2);-o-transform:translate3d(2,2,2);transform:translate3d(2,2,2);-webkit-transition:box-shadow .6s ease-in-out;-moz-transition:box-shadow .6s ease-in-out;-o-transition:box-shadow .6s ease-in-out;transition:box-shadow .6s ease-in-out}
.no-touch .feature:active i,.no-touch .feature:focus i,.no-touch .feature:hover i { -webkit-transition:box-shadow .4s ease-in-out;-moz-transition:box-shadow .4s ease-in-out;-o-transition:box-shadow .4s ease-in-out;transition:box-shadow .4s ease-in-out;box-shadow:0 0 0 0 #FF432E}
.feature-2 i { color:#FF432E;font-size:3em;padding:1px 10px 0 1px;position:relative}
.portfolio-item { position:relative;margin-bottom:30px}
.portfolio-item .portfolio-details { background:rgba(0,0,0,.8);position:absolute;top:0;width:100%;height:100%;opacity:0}
.portfolio-item .portfolio-details h4 { padding-top:20%;padding-bottom:10%;color:#fff;font-family:Oswald,sans-serif;font-weight:300;font-size:20px}
.portfolio-item .portfolio-details a i { font-size:30px}
.portfolio-item:hover .portfolio-details { opacity:1;animation:pulse;-webkit-animation:pulse;animation-duration:.3s;-webkit-animation-duration:.3s}
.about-text { padding-bottom:50px}
.about-text p { color:#777;text-align:justify}
.about-text ul { margin-top:30px;font-size:13px}
.about-text li { margin-bottom:10px;color:#999}
.about-text li i { padding-right:10px;color:#FF432E}
.skill { padding-bottom:5px}
.skill p { margin-bottom:7px}
.progress { background:#f9f9f9;overflow:visible;height:20px;margin-bottom:10px;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.progress-bar { background:#FF432E;float:left;height:100%;font-size:12px;color:#fff;text-align:center;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width .6s ease;transition:width .6s ease;position:relative}
.progress-bar-span { opacity:1;position:absolute;top:-5px;background:#ACB2B8;padding:3px 10px;color:#FFF;border-radius:0;right:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.skill:hover .progress-bar-span { opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.custom-tab .nav-tabs.nav-justified>.active>a,.custom-tab .nav-tabs.nav-justified>.active>a:focus,.custom-tab .nav-tabs.nav-justified>.active>a:hover { border-radius:0;//border-left-color:transparent;color:#666;border-bottom-color:#ddd}
.custom-tab .nav-tabs.nav-justified { margin-bottom:20px;background:#FF432E}
.custom-tab .nav-tabs.nav-justified>li { border-right:1px solid #f1f1f1}
.custom-tab .nav-tabs.nav-justified>li:last-child { border-right:none}
.custom-tab .nav-tabs.nav-justified>li>a { padding:10px;font-size:18px;color:#fff;font-family:Oswald,sans-serif;font-weight:300}
.custom-tab .nav-tabs.nav-justified>li>a:hover { border-radius:0;color:#333}
.custom-tab .tab-content .tab-pane p { text-align:justify;color:#777}
.pricing-section { padding:80px 0;background:#f5f5f5}
.pricing-table { text-align:center;background:#fff}
.plan-name { padding:15px 0;background:#FF432E}
.plan-name h3 { font-weight:300;color:#fff}
.plan-price { padding:25px 0}
.plan-price .price-value { font-size:38px;line-height:40px;font-weight:600;color:#444}
.plan-price .price-value span { font-size:18px;font-weight:300;line-height:18px}
.plan-price .interval { line-height:14px}
.plan-list li { padding:13px;font-size:14px;border-bottom:1px solid #eee}
.plan-list li:first-child { border-top:1px solid #eee}
.plan-signup { padding:25px 0;background:#FF432E}
.plan-signup a { text-transform:uppercase;color:#fff}
.team-member { position:relative;width:100%;margin-bottom:30px}
.team-details { font-family:'Open Sans',sans-serif;padding-left:10px;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0}
.team-member img { width:100%;height:auto}
.team-details h4 { font-size:25px;font-weight:300;color:#FF432E;font-family:Oswald,sans-serif;text-transform:none;text-align:center;padding-top:20%}
.team-details .designation { font-size:16px;font-weight:300;color:#fff;text-align:center}
.team-details ul { padding-top:40%}
.team-details li { display:inline-block;list-style:none;padding-right:10px}
.team-details li a { padding:5px 8px;background:#FF432E;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.team-member:hover .team-details { opacity:1;-webkit-animation:pulse;animation:pulse;animation-duration:.3s;-webkit-animation-duration:.3s}
.latest-post { padding-bottom:20px}
.latest-post h4 { padding-top:20px;padding-bottom:5px}
.latest-post h4 a { color:#FF432E}
.latest-post .post-details li { display:inline;font-size:13px;color:#999;padding-right:10px}
.latest-post .post-details li i { padding-right:5px;color:#FF432E}
.latest-post p { padding:15px 0;color:#999;font-weight:300;text-align:justify}
.footer-contact-info { background:#FF432E;color:#fff;padding:20px 30px;//margin-top:80px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
@media only screen and (min-width :320px) and (max-width :991px) { 
    .custom-tab { margin-top:30px}
    .pricing-table { margin-bottom:30px}
    .footer-contact-info { margin-bottom:30px;margin-top:30px}
}
.footer-contact-info h4,.footer-contact-info ul { padding-bottom:10px}
.footer-contact-info li strong { font-weight:600}
.footer-social { padding:78px 0;border:1px solid #FF432E;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.footer-social li { display:inline-block;padding:0 10px}
@media only screen and (max-width :360px) { 
    .footer-social li { padding:0 5px}
}
.footer-social li a { background:#FF432E;padding:8px;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #FF432E}
.footer-social li i { font-size:15px;width:20px;height:20px}
.footer-social li:hover a { background:#fff;//border:1px solid #FF432E;color:#666}
.contact .section-heading,.contact .section-title h3 { color:#fff}
.contact .form-group { margin-bottom:25px}
.contact .form-group input,.contact .form-group textarea { padding:20px}
.contact .form-group input.form-control { height:auto}
.contact .form-group textarea.form-control { height:236px}
.contact::-webkit-input-placeholder { text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;color:#bbb}
.contact:-moz-placeholder { text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;color:#bbb}
.contact::-moz-placeholder { text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;color:#bbb}
.contact:-ms-input-placeholder { text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;color:#bbb}
.contact .text-danger { color:#e74c3c}
.contact button { font-weight:400;margin-top:30px}
.contact .btn-primary { padding:20px;font-size:16px}
.contact .btn-primary:hover { background:0 0;color:#FF432E}
.testimonial { margin-bottom:80px}
.testimonial h4 { font-family:Oswald,sans-serif;font-weight:300;padding-top:20px;padding-bottom:20px}
.testimonial .speech { background:#FF432E;padding:20px;color:#fff}
#ilkrow { margin-top:25px;border-bottom:1px solid #fff;padding-bottom:10px}
.section-title h3 { color:#fff!important;font-size:36px}