a:hover,a:active,a:visited,a:focus{text-decoration:none;outline:none}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(26,27,35,.93);z-index:10000}
.loader{position:absolute;top:50%;left:50%;width:30px;height:30px;-webkit-transform:translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);-moz-transform:translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);-ms-transform:translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);-o-transform:translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);transform:translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);-webkit-animation:loader 1.2s infinite ease-in-out;animation:loader 1.2s infinite ease-in-out}
.loader span{position:absolute;display:block;width:20px;height:20px;opacity:.8;background-color:#e5e4e4;-webkit-animation:loaderBlock 1.2s infinite ease-in-out both;animation:loaderBlock 1.2s infinite ease-in-out both}
.loader span:nth-child(1){top:0;left:0}
.loader span:nth-child(2){top:0;right:0;-webkit-animation:loaderBlockInverse 1.2s infinite ease-in-out both;animation:loaderBlockInverse 1.2s infinite ease-in-out both}
.loader span:nth-child(3){bottom:0;left:0;-webkit-animation:loaderBlockInverse 1.2s infinite ease-in-out both;animation:loaderBlockInverse 1.2s infinite ease-in-out both}
.loader span:nth-child(4){bottom:0;right:0}
@-webkit-keyframes loader {
0%,10%,100%{width:40px;height:40px}
65%{width:80px;height:80px}
}
@-webkit-keyframes loaderBlock {
0%,30%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
55%{opacity:1}
100%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
}
@-webkit-keyframes loaderBlockInverse {
0%,20%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
55%{opacity:1}
100%{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
}
@keyframes loader {
0%,10%,100%{width:40px;height:40px}
65%{width:80px;height:80px}
}
@keyframes loaderBlock {
0%,30%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
55%{opacity:1}
100%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
}
@keyframes loaderBlockInverse {
0%,20%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
55%{opacity:1}
100%{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
}
html{height:100%!important}

body{
    
    height:100%!important;font-family:'Raleway',sans-serif;font-size:13px;font-weight:500;line-height:26px;letter-spacing:1px;color:#000;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;height:100%}
.content{flex:1 0 auto;-webkit-flex:1 0 auto;min-height:200px}
#navMenu li a{
   color:#fff !important;
  
}
.filtreles23s23 {
    
    font-size:20px;
    background:#F3F1F1;

}
.filtreles23s23 span {
    padding-top:25px;
    margin-top:25px;
    border:1px solid #F3F1F1;
    top:25px;
}
.filtreles23s23 select{
    float:right;
    padding:15px;
    margin-right:60px;
    background: transparent;
    height:86px;
}




.transition,button,a,.button,.descr_author .button i{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.clear_fix:after{display:table;clear:both;content:" "}
.clear_fix:before{display:table;content:" "}
p,h1,h2,h3,h4,h5,h6{color:#222}
h1,h2,h3,h4,h5,h6{margin:0}
p{font-size:14px;line-height:1.42}
h1{font-size:63px;font-weight:500}
h2{font-size:36px;font-weight:500}
h2.small-heading{padding:60px 0 20px;text-align:center}
h3{font-size:18px;font-weight:500}
.header_top{height:100%;width:100%;background:url(../img/bg_header/bg.jpg);background-size:cover;z-index:1;background-repeat:repeat;position:relative}
#particles-js{position:absolute;width:100%;height:100%;top:0;background:rgba(0,0,0,.7)}
.text_start_center{font-family:'FontAwesome';text-align:center;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.text_start_center h1{color:#fff;font-size:50px;font-weight:700;text-transform:capitalize;margin:0}
.cd-words-wrapper b i{color:#00B6F9;font-style:normal}
.social-media,.social_media_footer{font-size:25px;text-align:center;margin:0;padding:15px 0}
.social-media a,.social_media_footer a{color:#fff;text-decoration:none;outline:0 none;padding:0 10px}
.social-media a:hover,.social_media_footer a:hover{color:#00B6F9}
.social-media .tooltip.bottom .tooltip-arrow{border-bottom-color:transparent}
.social-media .tooltip-inner{background-color:transparent;color:#00B6F9;font-size:16px}
#home nav a{color:#fff;text-transform:uppercase;text-decoration:none;padding:12px 15px;display:inline-block;position:relative;font-size:16px;font-weight:700}
#home nav a:hover{color:#00B6F9}
.menu_top{position:fixed;top:0;right:0;width:100%;z-index:111;height:50px;text-align:center}
.nav-bar{position:relative;z-index:11}
.holder{position:relative;z-index:11;background:rgba(0,0,0,1);transform:translate(0,-55px);-webkit-transform:translate(0,-55px);-o-transform:translate(0,-55px);-moz-transform:translate(0,-55px);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.holder.active{transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-moz-transform:translate(0,0);-webkit-box-shadow:0 6px 17px 0 rgba(0,0,0,.43);-moz-box-shadow:0 6px 17px 0 rgba(0,0,0,.43);box-shadow:0 6px 17px 0 rgba(0,0,0,.43)}
.holder a:nth-child(1){-moz-transform:translateY(-12px);-ms-transform:translateY(-12px);-webkit-transform:translateY(-12px);-o-transform:translateY(-12px);transform:translateY(-12px)}
.holder a:nth-child(2){-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}
.holder a:nth-child(3){-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}
.holder a:nth-child(4){-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-webkit-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}
.holder a:nth-child(5){-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px)}
.holder a:nth-child(6){-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)}
.holder.active a:nth-child(1){transition:all .4s ease-in-out;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.holder.active a:nth-child(2){transition:all .5s ease-in-out;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.holder.active a:nth-child(3){transition:all .6s ease-in-out;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.holder.active a:nth-child(4){transition:all .7s ease-in-out;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.holder.active a:nth-child(5){transition:all .8s ease-in-out;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.holder.active a:nth-child(6){transition:all .9s ease-in-out;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.scroll_icon{position:absolute;right:0;left:0;margin:auto;bottom:5%;z-index:11;width:38px;height:63px;border-radius:25px;box-shadow:inset 0 0 0 2px #fff}
.scroll_icon:before{content:'';position:absolute;left:50%;background-color:#fff;width:8px;height:8px;margin-left:-4px;top:8px;border-radius:4px!important;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll}
@keyframes scroll {
0%{opacity:1}
100%{opacity:0;transform:translateY(36px)}
}
button.menu-toggle.opened{transform:translate(0,-1px);-webkit-transform:translate(0,-1px);-o-transform:translate(0,-1px);-moz-transform:translate(0,-1px);color:#00B6F9}
button.menu-toggle{position:relative;border:none;border-radius:0;background:rgba(0,0,0,1);color:#fff;cursor:pointer;display:inline-block;padding:12px 13px;text-transform:uppercase;border-radius:0 0 3px 3px;transform:translate(0,-51px);-webkit-transform:translate(0,-51px);-o-transform:translate(0,-51px);-moz-transform:translate(0,-51px);-webkit-box-shadow:0 6px 26px 0 rgba(0,0,0,.28);-moz-box-shadow:0 6px 26px 0 rgba(0,0,0,.28);box-shadow:0 6px 26px 0 rgba(0,0,0,.28);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.menu-toggle:hover{color:#00B6F9}
.menu-toggle{font-size:.875em;padding:1em}
.menu-toggle:focus{outline:none;outline-offset:0}
.icon{display:inline-block;fill:currentColor;height:1em;width:1em;vertical-align:middle;position:relative;top:-.0625em}
.icon-menu-toggle{width:2em;height:2em;top:0}
.svg-menu-toggle .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transform-origin:1em 1em;transition:transform .5s ease-in-out,opacity .5s ease-in-out}
.svg-menu-toggle .line-1{transform-origin:1em 2.5em}
.svg-menu-toggle .line-3{transform-origin:10px 67px}
.menu-toggle.opened .svg-menu-toggle .line-1{transform:rotate(45deg) translateY(0) translateX(0)}
.menu-toggle.opened .svg-menu-toggle .line-2{opacity:0}
.menu-toggle.opened .svg-menu-toggle .line-3{transform:rotate(-45deg) translateY(0em) translateX(0em)}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.wrap_about{background:#F9F9F9}
.descr_author p{color:#222;line-height:27.8px;margin-top:25px;margin-bottom:0}
.single-project-done i{font-size:35px;color:#000;margin-top:37px;padding-bottom:10px;border-radius:50%;-webkir-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.single-project-done h2{font-size:35px;margin-top:0;margin-bottom:10px;font-weight:900;text-transform:uppercase}
.single-project-done p{font-size:15px;text-transform:uppercase;margin-bottom:0;margin-top:0}
.descr_author h3{background:#00B6F9;display:inline-block;padding:2px 10px;color:#fff;margin:7px 0;clear:both}
.wrap_about img{max-width:100%;height:auto;display:block;margin:auto}
.single-project-done:hover i{color:#00B6F9}
.counter-num{position:relative}
.counter-num:after{content:"+";margin-left:6px;top:0}
.descr_author h3{text-align:center;margin-right:auto;margin-left:auto;margin-bottom:28px}
.left_about h4{font-size:25px;color:#111;font-weight:700;letter-spacing:1px;margin-bottom:15px}
.left_about p{color:#727272;font-size:14px;line-height:28px;margin-bottom:20px;font-weight:300}
.skills_go h5{font-size:14px;font-weight:700;letter-spacing:1px;color:#000;margin:3px 0 9px}
.skills_go h5 span{float:right}
.title_go_about{text-align:center}
.title_go_about h1{font-size:36px;font-weight:500}
.title_go_about h2{background:#00B6F9;display:inline-block;padding:2px 10px;color:#fff;margin:7px 0;clear:both;font-size:18px;font-weight:500;margin-bottom:50px}
.progress_go{height:4px;overflow:hidden;background-color:#eee;margin-bottom:35px}
.progress_bar_go{float:left;width:0;height:100%;background-color:#00B6F9}
.descr_author{text-align:center}
.inline_block_go{display:inline-block;margin:0 10px}
.image_center_about img{max-width:300px;border:8px solid #fff;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.button_download{display:block;background:#e5e4e4;color:#fff;border:1px solid #e5e4e4;color:#fff;margin:10px 0;max-width:220px;padding:6px 19px;-webkir-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.button_download:hover{color:#fff;-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);-moz-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}
.services{background:#F8F7F5}
#services .title_section{margin-bottom:50px}
.services .title_section h2{margin-bottom:10px}
.services:before{content:"";position:absolute;background:#F9F9F9;height:20px;width:100%;top:0;right:0;left:0}
.title_section h2{text-align:center;position:relative;font-size:24px;letter-spacing:2px;margin:15px 0 45px;font-weight:bolder;text-transform:uppercase}
.title_section h2:before{content:"";position:absolute;right:0;left:0;margin:auto;width:8%;background:#63567e;height:2px;bottom:-8px}
.single-service i{position:relative;font-size:40px;color:#000;border-radius:50%;margin:-10px;border:1px solid transparent;width:80px;height:80px;line-height:80px;overflow:hidden;-webkir-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.single-service i:after{content:"";position:absolute;right:0;left:0;width:100%;height:100%;border-radius:50%;opacity:0;border:1px solid #e5e4e4;transform:scale(.4);-webkit-transform:scale(.4)}
.single-service:hover i:after{opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.single-service:hover i,.single-project-done:hover i{transform:scale(1.15);-webkit-transform:scale(1.15)}
.single-service{text-align:center;padding:0 13px}
.single-service h2{font-size:15px;text-transform:uppercase;font-weight:700;margin:20px 0;color:#000}
.single-service p{margin-bottom:56px;color:#000}
.project_controls{padding:0 0 20px;margin-top:-7px;text-align:center}
.filter{background:none;border:1px solid #4c4155;color:#444;margin:10px 0;padding:6px 19px;-webkir-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
a:focus{outline:0;outline:0;outline-offset:0}
.isotopeFilters{text-align:center}
.container_filter{text-align:center}
.filter:hover{color:#fff;background:#e5e4e4;box-shadow:2px 2px 12px rgba(0,0,0,.3)}
.project img{    max-width: 100%;
    
    display: block;
    height: 100%;
    width: 100%;}
.project .ovrly{background:rgba(0,0,0,.5);position:absolute;height:100%;left:0;top:0;width:100%;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.project:hover .ovrly{opacity:1}
.project{width:100%;overflow:hidden;margin:15px 0;position:relative}
.filter-section{overflow:hidden}
.effect_bubba{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.effect_bubba:before{position:absolute;top:30px;right:20px;bottom:30px;left:20px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
.effect_bubba:after{position:absolute;top:20px;right:30px;bottom:20px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
.effect_bubba h2{opacity:0;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-40%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;letter-spacing:1px;font-size:21px;word-spacing:-.15em;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.items_portfolio .project:hover .effect_bubba:before,.items_portfolio .project:hover .effect_bubba:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.items_portfolio .project:hover .effect_bubba h2{opacity:1;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.project_controls button.active,.filter.active,.filter.select,.project_controls button.mixitup-control-active{outline:none;background:#5a506b;color:#fff;box-shadow:2px 2px 12px rgba(0,0,0,.3)}
.people_say{background:#F8F7F5}
.people_say:before{content:"";position:absolute;right:0;left:0;height:30px;top:0;background:#fff}
.testimonial_items .item img{width:100px;height:100px;border-radius:100%;border:3px solid #fff;margin:auto;display:block}
.testimonial_items .item p{line-height:25px}
.testimonial_items .item h2{font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:3px;margin:10px 0}
.testimonial_items .item{padding:0 10%;text-align:center}
.testimonial_items .owl-controls .owl-page span{display:block;background:#e5e4e4;width:8px;height:8px;border-radius:2px}
.input_form{position:relative;margin-bottom:25px}
.input_form i{font-size:20px;color:#777;position:absolute;top:10px;z-index:5;left:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.input_form input,.input_form textarea{display:block;border:0;width:100%;height:45px;padding:5px 10px 5px 50px;font-size:14px;line-height:1.42857143;color:#333;background-color:transparent;background-image:none;border-radius:0;box-shadow:none;border-bottom:1px solid #999;margin-bottom:25px}
.input_form textarea{max-width:100%;min-height:120px;color:#555;padding-top:10px}
.input_form input:focus,.input_form input:hover,.input_form textarea:focus,.input_form textarea:hover{border-color:transparent;outline:0;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0),0 0 0 rgba(102,175,233,0);box-shadow:inset 0 0 0 rgba(0,0,0,0),0 0 0 rgba(102,175,233,0);border-color:#45CAFF;outline:0;box-shadow:none}
.button_send{background:none;border-radius:2px;border:1px solid #d8d4db;color:#d8d4db;padding:10px 20px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button_send:hover{background:#d8d4db;color:#fff;box-shadow:2px 2px 12px rgba(0,0,0,.3)}
.input_form:hover i{color:#d8d4db}
footer{text-align:center;background:#F8F7F5}
.copy_my_text{font-size:18px;color:#282528}
.copy_my_text a{font-weight:700;color:#282528}
.copy_my_text a:hover{color:#d8d4db;text-decoration:none}
.content_footer .social-media{padding:10px 0 0}
footer .social-media a{color:#d8d4db;padding:0 6px;font-size:22px;padding-top:0}
.social_media_footer a{padding:0 3px;font-size:23px;color:#000}
.social_media_footer a:hover{color:#d8d4db}
footer .tooltip.top{padding:5px 0;margin-top:-3px}
footer .tooltip>.tooltip-inner{background-color:#343333;color:#d8d4db;font-size:16px;padding:2px 6px;border-radius:2px;border:0 none}
footer .tooltip.top .tooltip-arrow{border-top-color:#343333}
.holder a.active{color:#00B6F9}
.sent_message{padding-top:10px;padding-bottom:10px;width:100%;float:left;color:#333}
.sent_message p{margin-bottom:0}
.top_header_go{padding:50px 0}
.top_header_go h2{font-size:60px;color:#000;font-weight:700;text-transform:uppercase;letter-spacing:3px}
.top_header_go p{font-size:30px}
.image_sig_go{padding:20px}
.single_image img{width:100%;transition:1s}
a:hover{text-decoration:none}
.image_sig_go h2{font-size:20px;text-align:center;color:#000;font-weight:700;text-transform:uppercase;letter-spacing:3px;padding:20px 0}
.image_sig_go a{display:block}
.image_sig_go a:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transition:all .28s ease-in-out;-moz-transition:all .28s ease-in-out;-webkit-transition:all .28s ease-in-out;-o-transition:all .28s ease-in-out}
footer.footer-bottom-area{background:#fff;padding:100px 0}
.footer-text p{color:#000}
.footer-bottom-area p i{color:red;margin-left:5px}
.footer-bottom-area p a{color:#000;border-bottom:1px solid transparent}
.footer-bottom-area p a:hover{border-bottom:1px solid #000}
.black_on_rgba{position:absolute;width:100%;height:100%;top:0;background:rgba(0,0,0,.5)}
.mix{display:none}
.social_media_footer{padding-bottom:0}
.footer_pdd{padding:75px 0}
.contact{padding:63px 0 80px}
.people_say{padding:63px 0 70px}
.portfolio{padding:30px 35px}
.services{padding:63px 0 23px}
.wrap_about{padding:80px 0 50px}
.pad_0{padding:0}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.ref_l{float:left;left:0}
.ref_r{float:right;right:0}
.ref_text{position:absolute;top:0;bottom:0;overflow:hidden;padding:11% 0}
.ref_text h2{margin-bottom:8px;font-size:17px;font-weight:700;text-transform:uppercase}
.ref_text p{font-size:13px;letter-spacing:0;line-height:20px}
.ref_out{position:relative;padding:0;margin:20px 0}
.ref_out .project{margin:0}
.ref_out:hover{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.3);-moz-box-shadow:0 5px 6px -3px rgba(0,0,0,.3);box-shadow:0 5px 6px -3px rgba(0,0,0,.3)}
.ref_out:hover .project{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.hizmet_p{display:none;text-align:center;font-size:14px;letter-spacing:1px;line-height:22px}
.open-dropmenu{padding:0 5px}
.destek_al{position:fixed;right:0;bottom:62px;background-color:#25253d;z-index:5;color:#fff;min-height:175px;height:auto;width:38px;padding:6px 11px;border-top-left-radius:10px;border-bottom-left-radius:10px;cursor:pointer}
.destek_al span{width:19px;word-wrap:break-word;line-height:22px;float:left;text-align:center;font-size:17px}
.destek_al span i{padding-top:8px;font-size:20px}
.destek_al_ic{display:none;padding:15px 0 5px}
.destek_al_ic .col-xs-12{padding:0;margin-bottom:5px}
.destek_al_ic label{font-weight:400}
.destek_al_ic textarea{width:100%;max-width:100%;min-width:100%;max-height:80px;height:80px;min-height:80px;resize:none}
.destek_close{position:absolute;font-size:22px!important;cursor:pointer;z-index:1}
.destek_al_ic .form-control{color:#999}
.destek_al_ic .form-control option{color:#444}
.destek_al_ic .btn{color:#444;float:right;margin:10px 0 0}
.destek_al_ic .destek_sonuc{margin:10px 0 0;color:#fff;font-size:12px;line-height:12px;display:none}
.destek_al_open{width:300px;max-width:100%;cursor:default}
.destek_al_tetik span{width:100%;padding-top:0;font-size:20px;border-bottom:1px solid #fff;padding-bottom:5px}
.destek_al_tetik span i{padding-top:0}
.destek_al_close:hover{padding-right:40px}
#myFooter{background-color:#3a3740;color:#e5e4e4;padding-top:30px}
#myFooter .footer-copyright{background-color:#c7c0ce;padding-top:5px;padding-bottom:5px;text-align:center}
#myFooter .footer_logo{margin-top:15px}
#myFooter .row{margin-bottom:60px}
#myFooter .sutun{margin-top:20px;border-right:1px dotted #9793a0;text-align:left}
#myFooter .sutun:last-child{border-right:0}
#myFooter .sutun1{text-align:center;margin-bottom:10px}
#myFooter .navbar-brand{margin-top:45px;height:65px}
#myFooter .footer-copyright p{margin:10px;color:#3d3345;font-weight:700}
#myFooter ul{list-style-type:none;padding-left:0;line-height:1.7}
#myFooter a{color:#e5e4e4;text-decoration:none}
#myFooter .sutun p{color:#e5e4e4;font-size:12px;margin:0 20px 10px}
#myFooter h5{font-size:16px;color:#e5e4e4;font-weight:700;padding:40px 20px 15px;border-top:1px solid #e5e4e4;text-transform:uppercase}
#myFooter h2 a{font-size:40px;text-align:center;color:#e5e4e4}
#myFooter h5:before{content:'';position:absolute;top:0;left:35px;width:0;height:0;border-style:solid;border-width:9px 4px 0;border-color:#e5e4e4 transparent transparent}
#myFooter .social-networks{text-align:left;padding:4px;margin:15px 10px 0;width:100%;float:left}
#myFooter .social-networks a{font-size:22px;padding:0 10px;transition:.2s}
#myFooter .social-networks a:hover{text-decoration:none}
#myFooter .facebook{color:#0077e2}
#myFooter .google{color:#ef1a1a}
#myFooter .twitter{color:#00aced}
#myFooter .btn{color:rgb(17, 17, 17);font-weight:700;font-size:15px;background-color:#e5e4e4;border:none;width:150px;display:block;margin:20px 20px 0;margin-top:20px;line-height:25px;float:left}
#myFooter .btn:focus,#myFooter .btn:active,#myFooter .btn:after{outline:none}
#myFooter .iletisimlink{display:block;margin:0 20px 10px}
#myFooter .btn i{font-size:18px}
#myFooter{flex:0 0 auto;-webkit-flex:0 0 auto}
.footer_li{display:block;margin:5px 0;padding:0 15px}
.footer_li a{padding:5px;display:block;border-bottom:1px dotted #999}
.footer_li:hover a,.footer_li:focus a{background-color:#7d6894;border-bottom-style:solid;text-decoration:none;color:#e9e9e9!important;padding-left:12px}
.efekt0{-moz-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.efekt0:hover{-moz-transition:all .1s ease-in;-webkit-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}
.efekt1{-moz-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}
.efekt1:hover{-moz-transition:all .1s ease-in;-webkit-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}
.efekt2{-moz-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}
.efekt2:hover{-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.shadow1{-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-moz-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-ms-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-o-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}
.shadow2{-webkit-box-shadow:-7px 7px 20px rgba(0,0,0,.19),-3px 3px 6px rgba(0,0,0,.23);-moz-box-shadow:-7px 7px 20px rgba(0,0,0,.19),-3px 3px 6px rgba(0,0,0,.23);-ms-box-shadow:-7px 7px 20px rgba(0,0,0,.19),-3px 3px 6px rgba(0,0,0,.23);-o-box-shadow:-7px 7px 20px rgba(0,0,0,.19),-3px 3px 6px rgba(0,0,0,.23);box-shadow:-7px 7px 20px rgba(0,0,0,.19),-3px 3px 6px rgba(0,0,0,.23)}
.parallaxour{padding:0;position:relative;flex:0 0 auto;-webkit-flex:0 0 auto}
.parallaximage{height:440px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(0)}
.parallaxtext{position:absolute;left:0;width:100%;top:40%;line-height:45px;font-size:16px;color:#fff;text-shadow:0 0 4px #444;text-transform:uppercase;text-align:center}
.parallaximage_2{width:100%;background-position:top;background-size:100% auto}
.parallaxtext_2{position:absolute;left:0;width:100%;top:55%;line-height:45px;font-size:33px;color:#fff;text-shadow:0 0 4px #444;text-transform:uppercase;text-align:center}
.portfoy_btn{text-align:center;margin:30px 0;float:left;width:100%}
.portfoy_btn .btn{background-color:#cc9c56}
.containerlr {
	clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
    padding: 0 5%;
}
/*.containerlr:before{content:'';border:35px solid transparent;border-top-color:rgba(253,205,13,.7);border-left-color:rgba(253,205,13,.7);height:0;width:0;position:absolute;right:-70px;top:0}
.containerlr:after{content:'';border:35px solid transparent;border-top-color:rgba(253,205,13,.7);border-right-color:rgba(253,205,13,.7);height:0;width:0;position:absolute;left:-70px;top:0}*/
.containerscroll{background-color:#36264b!important}
.containerscroll:before{border-top-color:#e5e4e4!important;border-left-color:#e5e4e4!important}
.containerscroll:after{border-top-color:#e5e4e4!important;border-right-color:#e5e4e4!important}
.referanslar_div .full_ref{padding-bottom:10px;border:1px solid #ddd;display:block;margin-bottom:20px}
.referanslar_div .project{margin:0 0 10px}
.referanslar_link{font-size:17px;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    font-family: "Lato", sans-serif!important; /* veya Montserrat, Poppins, Lato */

 text-align:left;padding: 20px; padding-top: 10px;display:block;color:#555;font-weight:700}
.referanslar_link:hover{color:#cc9c56}
.referanslar_site
{ display: block;
    padding-top: 15px;
    text-align: right;
    padding: 15px;
    margin-top: -65px;}
.mcbtn{background:none;border:1px solid #bbb3cc;color:#444;margin:10px 0;padding:6px 19px;-webkir-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.mcbtn:hover{color:#fff;background:#e5e4e4;box-shadow:2px 2px 12px rgba(0,0,0,.3)}
.mcbtn_t{font-weight:700;color:#666}
.mcbtn_t:hover{color:#555}
.filter1{border:1px solid #337ab7}
.filter1:hover{color:#fff;background:#337ab7}
.filter1.active,.filter1.select{background:#337ab7!important}
.filter2{border:1px solid #3c763d}
.filter2:hover{color:#fff;background:#3c763d}
.filter2.active,.filter2.select{background:#3c763d!important}
.filter3{border:1px solid #a94442}
.filter3:hover{color:#fff;background:#a94442}
.filter3.active,.filter3.select{background:#a94442!important}
.filter4{border:1px solid #5f27cd}
.filter4:hover{color:#fff;background:#5f27cd}
.filter4.active,.filter4.select{background:#5f27cd!important}
.filter5{border:1px solid #2f3542}
.filter5:hover{color:#fff;background:#2f3542}
.filter5.active,.filter5.select{background:#2f3542!important}
.filter5-t{color:#fff;border:1px solid #fff}
.filter5-t:hover{color:#2f3542;background:#fff}
.filter5-t.active,.filter5-t.select{color:#2f3542;background:#fff!important}
.filter6{border:1px solid #2e1d5c}
.filter6:hover{color:#fff;background:#8a6d3b}
.filter6.active,.filter6.select{background:#8a6d3b!important}
.filter7-t{border:1px solid #151515;background:#222;color:#e5e4e4}
.filter7-t.active,.filter7-t.select,.filter7-t:hover{background:#e5e4e4;color:#222}
.referanslar_head{margin:0;padding:0}
.referanslar_head a{padding:10px;font-weight:700;font-size:17px;margin:0;text-align:center;border-right-width:0;border-left-width:0}
.diger_ref{margin-top:50px;margin-bottom:35px}
.ref_h2{font-size:23px;color:#444;text-align:center}
.ref_h2 span{border-bottom:2px solid #e5e4e4;padding-bottom:5px}
.btn-mb-20{margin-top:0;margin-bottom:20px;display:inline-block}
.img_full{position:absolute;height:100%;border:0;width:100%}
.socials_block{display:block;padding:10px 0}
.socials{text-align:center;float:left;color:#fff;border-radius:3px;border:1px solid transparent}
.socials_1x{height:22px;width:22px;padding:2px;margin:5px 2px}
.socials_1x i{font-size:12px;line-height:18px}
.socials_2x{height:30px;width:30px;padding:5px;margin:7px 3px}
.socials_2x i{font-size:17px;line-height:20px}
.socials_3x{height:40px;width:40px;padding:5px;margin:7px 3px}
.socials_3x i{font-size:22px;line-height:30px}
.socials_4x{height:50px;width:50px;padding:8px;margin:8px 4px}
.socials_4x i{font-size:24px;line-height:34px}
.socials_5x{height:60px;width:60px;padding:10px;margin:10px 5px}
.socials_5x i{font-size:30px;line-height:40px}
.socials:hover{background-color:#fff}
.social_facebook{background-color:#3b5999}
.social_facebook:hover{color:#3b5999;border-color:#3b5999}
.social_twitter{background-color:#55acee}
.social_twitter:hover{color:#55acee;border-color:#55acee}
.social_instagram{background-color:#e4405f}
.social_instagram:hover{color:#e4405f;border-color:#e4405f}
.social_youtube{background-color:#cd201f}
.social_youtube:hover{color:#cd201f;border-color:#cd201f}
.social_googleplus{background-color:#dd4b39}
.social_googleplus:hover{color:#dd4b39;border-color:#dd4b39}
.social_linkedin{background-color:#0077B5}
.social_linkedin:hover{color:#0077B5;border-color:#0077B5}
.social_whatsapp{    background-color: #25D366;
    width: fit-content;}
.social_whatsapp:hover{color:#25D366;border-color:#25D366}
.image_slider_wrapper{position:relative;width:100%;height:580px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.image_slider_left,.image_slider_right{display:none;position:absolute;top:50%;width:40px;height:40px;padding:5px;z-index:10;cursor:pointer;background-color:#aaa;text-align:center;opacity:.3;border:1px solid #fff;margin-top:-20px}
.image_slider_left:hover,.image_slider_right:hover{opacity:.8}
.image_slider_left i,.image_slider_right i{font-size:26px;line-height:30px}
.image_slider_left{left:20px}
.image_slider_right{right:20px}
.image_slider_body{position:relative;width:100%;height:100%}
.image_slider_body_content{position:relative;width:100%;height:100%;overflow:hidden}
.image_slider_body_container{position:relative;height:100%}
.image_slider_element{position:relative;float:left;height:100%;background-position:center;background-repeat:no-repeat;background-size:100% auto}
.image_slider_pager{margin-top:10px;width:100%;display:block;text-align:center;background-color:#fff;padding-top:9px;border:1px solid #bbb}
.image_slider_pager_element{opacity:.5;width:80px;height:80px;margin-right:5px;cursor:pointer;display:inline-block;border:1px solid #ccc}
.image_slider_pager_element img{width:100%;height:100%;display:block}
.image_slider_pager_element:hover{opacity:1}
.image_slider_pager_element_active{opacity:1}
.image_slider_pager .image_slider_pager_element:last-child{margin-right:0}
.navbar-default .navbar-nav>.teklif_menu{padding-top:18px;padding-bottom:16px}
.navbar-default .navbar-nav>.teklif_menu>a {
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 5px;
    color: #d1c1fb!important;
}
.navbar-default .navbar-nav>li>a:hover{color:#d9c2ff!important}
.navbar-default .navbar-nav>.teklif_menu>a:hover{background-color:rgb(109, 98, 134)!important;color:#ffff!important}
.input_form_blue .input_form:hover i{color:#337ab7}
.input_form_white .input_form:hover i{color:#fff}
.input_form select{height:40px;padding:5px 10px 5px 45px;font-size:14px;line-height:1.42857143;color:#413353;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid #999;margin-bottom:25px;background-color:transparent}
.destek_al .input_form input,.destek_al .input_form textarea,.destek_al .input_form select{margin-bottom:5px}
.google-map{display:block;float:left;width:100%}
.google-map #map{height:350px}
.iletisim_h3{line-height:26px;font-size:16px}
.iletisim_h3 i,.iletisim_head i{width:26px;text-align:center}
.iletisim_h3 a{color:#555}
.iletisim_head{font-weight:700;margin-bottom:10px}
.iletisim_p{color:#555;line-height:20px;margin-bottom:5px}
.iletisim_right{border-left:1px solid #ccc}
.iletisim_left{text-align:right}
.socials_center{text-align:center}
.socials_center .socials{display:inline-block;float:none}
.ara_cizgi{background:url(/images/line.png);height:18px;margin-bottom:50px}
.ara_cizgi_2{background:url(/images/line.png);height:18px;margin:20px 0}
.ara_cizgi_3{background:url(/images/line_1.png);height:18px;margin:20px 0;background-repeat: no-repeat; width: 100%;background-size: contain;}
.portfoy_alan{position:relative;padding-top:8px;padding-bottom:8px}
.portfoy_alan img{margin:0}
.portfoy_alan div{position:absolute;left:11px;right:11px;top:9px;bottom:9px;background-color:rgba(0,0,0,0);border-radius:3px}
.portfoy_alan:hover div{background-color:rgba(0,0,0,.15)}
.ekstra_pad{padding:8px 0 23px}
/* .navbar-fixed-bottom,.navbar-fixed-top{position:relative} */
.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;will-change:transform,opacity}
@media (max-width:480px) {
.animated{animation-fill-mode:none;will-change:unset}
}
@-webkit-keyframes swingInX {
0%{-webkit-transform:perspective(400px) rotateX(-90deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg)}
}
@-moz-keyframes swingInX {
0%{-moz-transform:perspective(400px) rotateX(-90deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg)}
}
@-o-keyframes swingInX {
0%{-o-transform:perspective(400px) rotateX(-90deg)}
100%{-o-transform:perspective(400px) rotateX(0deg)}
}
@keyframes swingInX {
0%{transform:perspective(400px) rotateX(-90deg)}
100%{transform:perspective(400px) rotateX(0deg)}
}
.animated.swingInX{-webkit-transform-origin:top;-moz-transform-origin:top;-ie-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-backface-visibility:visible!important;-webkit-animation-name:swingInX;-moz-backface-visibility:visible!important;-moz-animation-name:swingInX;-o-backface-visibility:visible!important;-o-animation-name:swingInX;backface-visibility:visible!important;animation-name:swingInX}
@media (max-width:480px) {
.animated.swingInX{animation-name:none;transform-origin:unset}
}
@-webkit-keyframes swingOutX {
0%{-webkit-transform:perspective(400px) rotateX(0deg)}
100%{-webkit-transform:perspective(400px) rotateX(-90deg)}
}
@-moz-keyframes swingOutX {
0%{-moz-transform:perspective(400px) rotateX(0deg)}
100%{-moz-transform:perspective(400px) rotateX(-90deg)}
}
@-o-keyframes swingOutX {
0%{-o-transform:perspective(400px) rotateX(0deg)}
100%{-o-transform:perspective(400px) rotateX(-90deg)}
}
@keyframes swingOutX {
0%{transform:perspective(400px) rotateX(0deg)}
100%{transform:perspective(400px) rotateX(-90deg)}
}
.animated.swingOutX{-webkit-transform-origin:top;-webkit-animation-name:swingOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:swingOutX;-moz-backface-visibility:visible!important;-o-animation-name:swingOutX;-o-backface-visibility:visible!important;animation-name:swingOutX;backface-visibility:visible!important}
@media (max-width:480px) {
.animated.swingOutX{animation-name:none;transform-origin:unset}
}
.home-new-section{overflow:hidden}
.projects-portfolio .pp-title{text-align:center;color:#fff}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-title{margin-bottom:3.6vw}
}
@media only screen and (min-width:767px) and (max-width:1153px) {
.projects-portfolio .pp-title{padding:0 3%;margin-bottom:7.5vw}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-title{margin-bottom:10vw}
}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-title h2{font-size:50px;line-height:54px;letter-spacing:-1.2px;margin-bottom:13px}
}
@media only screen and (min-width:1154px) and (max-width:1419px) {
.projects-portfolio .pp-title h2{font-size:36px;line-height:40px;letter-spacing:-1px;margin-bottom:13px}
}
@media only screen and (min-width:767px) and (max-width:1153px) {
.projects-portfolio .pp-title h2{font-size:41px;line-height:44px;letter-spacing:-1.2px;margin-bottom:21px}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-title h2{font-size:26px;line-height:30px;margin-bottom:13px}
}
.projects-portfolio .pp-title .descr{opacity:.5;font-weight:300;margin-bottom:15px}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-title .descr{font-size:28px;line-height:32px}
}
@media only screen and (min-width:1154px) and (max-width:1419px) {
.projects-portfolio .pp-title .descr{font-size:24px;line-height:28px}
}
@media only screen and (min-width:767px) and (max-width:1153px) {
.projects-portfolio .pp-title .descr{font-size:24px;line-height:28px;letter-spacing:-.4px}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-title .descr{font-size:17px;line-height:21px;padding:0 4%}
}
@media only screen and (min-width:768px) {
.projects-portfolio .pp-projects-list{max-width:1545px;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}
}
@media only screen and (min-width:1154px) and (max-width:1419px) {
.projects-portfolio .pp-projects-list{width:90vw}
}
.projects-portfolio .pp-load-more{color:#fff;font-weight:300;text-align:center}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-load-more{font-size:24px;line-height:28px;padding:2.74vw 0 4vw}
}
@media only screen and (min-width:767px) and (max-width:1153px) {
.projects-portfolio .pp-load-more{font-size:20px;line-height:24px;padding:3.4vw 0 5.8vw}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-load-more{font-size:18px;line-height:22px;padding:5.4vw 0 10.5vw}
}
.projects-portfolio .pp-load-more a{font-weight:700;color:#018fcf}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-load-more a{margin-left:10px}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-load-more a{display:block;margin-top:1px}
}
.projects-portfolio .pp-pl-item{transition:z-index .5s;position:relative;color:#fff}
.projects-portfolio .pp-pl-item:nth-child(1){z-index:4}
.projects-portfolio .pp-pl-item:nth-child(2){z-index:3}
.projects-portfolio .pp-pl-item:nth-child(3){z-index:2}
.projects-portfolio .pp-pl-item:nth-child(4){z-index:1}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item{min-height:400px;margin-bottom:1.1vw}
.projects-portfolio .pp-pl-item:before{pointer-events:none;transition:opacity .5s;opacity:0;content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}
}
@media only screen and (min-width:1154px) and (max-width:1419px) {
.projects-portfolio .pp-pl-item{min-height:330px}
}
@media only screen and (min-width:767px) and (max-width:1153px) {
.projects-portfolio .pp-pl-item{margin-bottom:1.4%}
}
@media only screen and (min-width:768px) {
.projects-portfolio .pp-pl-item{width:49.4%}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-pl-item{margin-bottom:2vw}
}
@media only screen and (min-width:768px) {
.projects-portfolio .pp-pl-item:nth-child(2n+1) .project-expanded-section{margin-left:101.5%}
}
@media only screen and (min-width:768px) {
.projects-portfolio .pp-pl-item:nth-child(2n) .project-expanded-section{margin-left:-1.5%}
}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item .project-expanded-section{left:-50vw}
}
.projects-portfolio .pp-pl-item .pp-images-container{pointer-events:none}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item .pp-images-container{height:400px}
}
@media only screen and (min-width:1154px) and (max-width:1419px) {
.projects-portfolio .pp-pl-item .pp-images-container{height:330px}
}
@media only screen and (min-width:767px) and (max-width:1153px) {
.projects-portfolio .pp-pl-item .pp-images-container{height:270px}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-pl-item .pp-images-container{height:52vw}
}
.projects-portfolio .pp-pl-item .pp-image-main,.projects-portfolio .pp-pl-item .pp-images-container,.projects-portfolio .pp-pl-item .pp-main-image-block,.projects-portfolio .pp-pl-item .pp-main-image-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.projects-portfolio .pp-pl-item .pp-main-image-block{transition:transform .5s ease-in-out}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item .pp-main-image-block{transform:translateZ(-1000px)}
}
.projects-portfolio .pp-pl-item .pp-main-image-container{transition:transform .5s ease-in-out;-ms-transform-origin:0 50%;transform-origin:0 50%;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}
.projects-portfolio .pp-pl-item .pp-main-perspective-image{position:initial;overflow:hidden;width:12px;-ms-transform-origin:100% 50%;transform-origin:100% 50%;background:#fff;transition:transform .5s ease-in-out}
.projects-portfolio .pp-pl-item .pp-main-perspective-image .pp-image{width:546px;right:auto}
.projects-portfolio .pp-pl-item .pp-main-image-wrapper{position:relative;-ms-flex-positive:1;flex-grow:1;overflow:hidden}
.projects-portfolio .pp-pl-item .pp-main-image-wrapper .pp-image-main{left:-10px}
.projects-portfolio .pp-pl-item .pp-image-main{transition:transform .3s linear,opacity .3s}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item:hover{z-index:5}
.projects-portfolio .pp-pl-item:hover .pp-main-image-block{transform:translate3d(-4%,0,0) scale(1.02)}
.projects-portfolio .pp-pl-item:hover .pp-main-image-container{transform:perspective(300px) rotateY(4deg)}
.projects-portfolio .pp-pl-item:hover .pp-main-perspective-image{transform:perspective(300px) rotateY(-40deg)}
.projects-portfolio .pp-pl-item:hover .pp-main-perspective-image .pp-image{opacity:.7}
.projects-portfolio .pp-pl-item:hover .pp-image-main{transition:transform 5s .4s linear,opacity .5s;transform:translate3d(-14%,0,0)}
.projects-portfolio .pp-pl-item:hover .pp-image-perspective{opacity:1;transform:perspective(1000px) rotateY(0)}
}
.projects-portfolio .pp-pl-item.pp-active{z-index:6}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item.pp-item-hovered:not(.pp-active):before{opacity:1}
}
.projects-portfolio .pp-pl-item .pp-item-container{cursor:pointer;position:relative;overflow:hidden;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item .pp-item-container{transition:transform .4s ease-in-out;transform:translate3d(0,0,0)!important;-ms-transform-origin:0 50%;transform-origin:0 50%;height:100%;padding:40px 8%}
.projects-portfolio .pp-pl-item .pp-item-container:hover{transform: perspective(300px) rotateY(4deg) translate3d(-5%,0,0) !important;}
.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-image{transform:translate3d(100px,0,0)}
.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-image:before{transform:scale(3) translate3d(10%,-15%,0)}
.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-description{transform:perspective(300px) rotateY(3deg) translate3d(0,0,0)!important}
.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-top{transform:translate3d(0,0,0)}
.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-text{opacity:1}
.projects-portfolio .pp-pl-item .pp-item-container .pp-description{max-width:300px}
}
@media only screen and (min-width:1154px) and (max-width:1419px) {
.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-description{transform:perspective(300px) rotateY(9deg) translate3d(0,0,0)!important}
}
@media only screen and (max-width:1153px) {
.projects-portfolio .pp-pl-item .pp-main-perspective-image{display:none}
.projects-portfolio .pp-pl-item .pp-item-container{padding:0 5%}
}
@media only screen and (min-width:767px) and (max-width:1153px) {
.projects-portfolio .pp-pl-item .pp-item-container{height:252px}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-pl-item .pp-item-container{height:52vw}
}
.projects-portfolio .pp-pl-item .pp-image-perspective{transition:transform .5s ease-in-out,opacity .5s;opacity:0;position:absolute;top:-9%;right:-5%;width:40%;height:117%;z-index:2;-ms-transform-origin:80% 50%;transform-origin:80% 50%;transform:perspective(1000px) rotateY(-60deg)}
.projects-portfolio .pp-pl-item .pp-image{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.projects-portfolio .pp-pl-item .pp-image:before{transition:transform .4s ease-in-out;-ms-transform:scale(2);transform:scale(2);-ms-transform-origin:100% 0;transform-origin:100% 0;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(33,33,33,0.7) 0,rgba(255,255,255,0) 100%)}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item .pp-logo{margin-bottom:38px}
}
@media only screen and (max-width:1153px) {
.projects-portfolio .pp-pl-item .pp-logo{margin-bottom:7px}
.projects-portfolio .pp-pl-item .pp-logo img{max-width:100%}
}
@media only screen and (min-width:767px) and (max-width:1153px) {
.projects-portfolio .pp-pl-item .pp-logo{width:125px}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-pl-item .pp-logo{width:110px}
}
.projects-portfolio .pp-pl-item .pp-item-title{margin-bottom:18px;color:#fff}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item .pp-item-title{font-weight:500;font-size:28px;line-height:32px}
}
@media only screen and (max-width:1153px) {
.projects-portfolio .pp-pl-item .pp-item-title{font-weight:400}
}
@media only screen and (min-width:767px) and (max-width:1153px) {
.projects-portfolio .pp-pl-item .pp-item-title{font-size:18px;line-height:26px}
}
@media only screen and (max-width:766px) {
.projects-portfolio .pp-pl-item .pp-item-title{font-size:16px;line-height:20px}
}
.projects-portfolio .pp-pl-item .pp-description{position:relative;z-index:2;line-height:26px;font-size:16px;padding-bottom:7%;margin-top:-40px}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item .pp-description{transition:transform .4s ease-in-out;transform:translate3d(0,60%,0);-ms-transform-origin:0 50%;transform-origin:0 50%}
}
@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
.projects-portfolio .pp-pl-item .pp-description{zoom:.8}
}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item .pp-top{transition:transform .4s ease-in-out;transform:translate3d(0,0,0)}
}
.projects-portfolio .pp-pl-item .pp-text a{color:#fff}
.projects-portfolio .pp-pl-item .pp-text p{transition:transform .3s .2s ease-in-out;color:#eee;text-shadow:0 0 2px #000}
.projects-portfolio .pp-pl-item .pp-text p:not(:last-child){margin-bottom:25px}
@media only screen and (max-width:1153px) {
.projects-portfolio .pp-pl-item .pp-text p:not(:last-child){display:none}
}
@media only screen and (min-width:1154px) {
.projects-portfolio .pp-pl-item .pp-text{transition:opacity .7s .1s;opacity:0}
}
.projects-portfolio .project-expanded-section{position:relative;z-index:1;background:#25c3ff;display:none;overflow:hidden}
@media only screen and (min-width:768px) {
.projects-portfolio .project-expanded-section{width:100vw;left:-50vw;margin-top:1.1vw}
}
@media only screen and (max-width:766px) {
.projects-portfolio .project-expanded-section{width:100%;margin-top:2vw}
}
.projects-portfolio .project-expanded-section .pes-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-size:100% auto;background-repeat:no-repeat}
.projects-portfolio .project-expanded-section .pes-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;max-width:1582px;margin:0 auto}
@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
.projects-portfolio .project-expanded-section .pes-container{zoom:.8}
}
@media only screen and (max-width:1153px) {
.projects-portfolio .project-expanded-section .pes-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:center;justify-content:center}
}
@media only screen and (max-width:766px) {
.projects-portfolio .project-expanded-section .pes-container{padding-top:80px}
}
@media only screen and (min-width:768px) {
.projects-portfolio .project-expanded-section p{margin-bottom:20px}
}
@media only screen and (max-width:766px) {
.projects-portfolio .project-expanded-section p{margin-bottom:10px}
}
.projects-portfolio .project-expanded-section .pes-tabs-bar{position:relative;z-index:3}
@media only screen and (min-width:1154px) {
.projects-portfolio .project-expanded-section .pes-tabs-bar{width:15.6%}
}
@media only screen and (max-width:1153px) {
.projects-portfolio .project-expanded-section .pes-tabs-bar{width:26%;max-width:200px}
}
@media only screen and (min-width:768px) {
.projects-portfolio .project-expanded-section .pes-tabs-bar{padding:178px 0}
}
@media only screen and (max-width:766px) {
.projects-portfolio .project-expanded-section .pes-tabs-bar{padding-top:55px}
}
.projects-portfolio .project-expanded-section .pes-tabs-container{background:#fff}
@media only screen and (min-width:1154px) {
.projects-portfolio .project-expanded-section .pes-tabs-container{padding:58px 55px 33px 30px}
}
@media only screen and (max-width:1153px) {
.projects-portfolio .project-expanded-section .pes-tabs-container{padding:20px 16px 10px}
}
@media only screen and (max-width:766px) {
.projects-portfolio .project-expanded-section .pes-tabs-container{padding:8px}
}
@media only screen and (max-width:1210px) {
.projects-portfolio .pp-pl-item .pp-main-perspective-image .pp-image{width:500px}
}
.p-y-2{padding-top:28px;padding-bottom:28px}
.p-y-3{padding-top:45px;padding-bottom:45px}
.m-b-1{margin-bottom:18px}
.m-t-1{margin-top:18px}
.main_counter_area{background-color:#bbb3cc;overflow:hidden}
.main_counter_area .main_counter_content .single_counter{color:#fff}
.main_counter_area .main_counter_content .single_counter i{font-size:50px}
#blog_menu h5{font-size:21px;font-weight:700;display:block;color:#413061}
#blog_menu ul{list-style:none;margin:0;padding:0;margin-top:20px}
#blog_menu ul li{margin:0;padding:0;float:left;width:80%}
#blog_menu ul li a{background-color:#;padding:5px 5px 5px 10px;color:#222;display:block;border-bottom:1px dotted #222}
#blog_menu ul li:last-child a{border-bottom:0}
#blog_menu ul li a:hover{background-color:#413061;padding:5px 5px 5px 10px;color:#fff}
.blog_resim{width:100%;float:left;text-align:center}
.swiper_wrapper {z-index:6;}
#particles-js { z-index:7 !important;}
.footerback{
    background: -webkit-radial-gradient(50% 110%,100% 20%, rgb(23, 23, 23) 70%, rgba(0, 0, 0, 0) 140% );
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 10;
}

.slideDestek{
	display: inline-block;
    position: absolute;
    vertical-align: top;
    z-index: 999;
    right: 0;
    margin: auto;
    bottom: 5%;
    width: 125px;
    height: auto;
	font-size:40px
}

.slideDestekSol{
    left: -7.6rem;
}
.slideDestekSag{
    left: 25rem;
}
.slideDestek>a{
	color: #fff;
	text-align:center;
}


.downButton{
	position: absolute;
    width: 30px;
    height: 30px;
    z-index: 999;
    /* top: 0; */
    bottom: 5rem;
    left: 48.7%;
}

@media (max-width:450px){
    .downButton{
        bottom: 3rem;
        left: 43.7%;
    }
}

.searchArea{
    cursor:pointer
}

.activeSearchArea{
    display: block;
    position: absolute;
    right: 10rem;
    top: 0px;
    width: 60%;
    background: #faebd71f;
}


.openSearchArea{
    position: absolute;
    right: 10rem;
    top: 0px;
    width: 60%;
    background: #faebd71f;
    transition: 1s ease-in-out;
}


.searchInput{
    position:absolute;
    background: #fff;
    margin-left:60px;
    border: none;
    width: 100%;
    padding: 22px;
    color: #000;
    outline: none;
    transition: 0.2s ease-in-out;
}

.openArea{
    display: block !important;
    position: absolute !important;
}

.openBtn{
    background-color: #222222;
    color: #fff !important;
}

.openBtn:hover{
    background-color: #999999 !important;
}

@media screen and (max-width:500px){
    .openBtn{
        display: inline-block !important;
        max-width: 7rem;
    }
    .openArea{
        position: inherit !important;
    }
    .openSearchArea{
        right: 0px;
        top: 0px;
        width: 100%;
    }
}

.pricePad{
    font-size: 17px;
    text-decoration: none!important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    display: block;
    color: #222222;
    font-weight: 700;
    padding: 1rem;
    background: rgb(243, 241, 241);
    font-family: "Inter", sans-serif!important; /* veya Montserrat, Poppins, Lato */

}

.mt-2{
    margin-top: -0.5rem;
}
::-webkit-input-placeholder { /* Edge */
    color: #111111;
  }
  
  :-ms-input-placeholder { /* Internet Explorer */
    color: #111111;
  }
  
  ::placeholder {
    color: #111111;
}
.navbar-brand>img {
    display: block;
    right: 50px;
    padding: 15px;
  
}
    .navbar-default .navbar-nav>li>a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        
      
        }