/*-------------------------------------------------------------------------
	Theme Name: netpaylasim.net
	Theme URI: http://www.berkaydavas.com/
	Author: Berkay DAVAS
	Author URI: http://www.berkaydavas.com/
	Description: Responsive Corporate Theme
	Version: 1.0
---------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
ul,
fieldset,
li,
p{margin:0;padding:0;list-style:none;}
a{text-decoration:none;transition:0.4s;}
a:hover{color:#757575;}
body{margin:0;padding:0;font-family:'Roboto', sans-serif;font-weight:400;background:#FAFAFB;}
#site,
#site-wrap{width:100%;overflow:hidden;float:left;}
.display-none{display:none !important;}
.display-inline-block{display:inline-block !important;}
.display-block{display:block !important;}
.width-1200{width:1200px;margin:0 auto;height:100%;box-sizing:border-box;}
.width-1200:after{content:'';clear:both;display:block;}
#fly-wrap {-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;background:#000;overflow:hidden;position:fixed;bottom:0;right:0;z-index:99;-webkit-transform:translate3d(260px,0,0);-moz-transform:translate3d(260px,0,0);-ms-transform:translate3d(260px,0,0);-o-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0);width:260px;height:100%;float:right;}
#fly-wrap,
#header,
#swiper,
#about,
#services,
#projects,
#footer {-webkit-transition:-webkit-transform 0.3s ease;-moz-transition:-moz-transform 0.3s ease;-ms-transition:-ms-transform 0.3s ease;-o-transition:-o-transform 0.3s ease;transition:transform 0.3s ease;}
.fly-menu{-webkit-transform:translate3d(0,0,0) !important;-moz-transform:translate3d(0,0,0) !important;-ms-transform:translate3d(0,0,0) !important;-o-transform:translate3d(0,0,0) !important;transform:translate3d(0,0,0) !important;}
.fly-content{-webkit-transform:translate3d(-260px,0,0) !important;-moz-transform:translate3d(-260px,0,0) !important;-ms-transform:translate3d(-260px,0,0) !important;-o-transform:translate3d(-260px,0,0) !important;transform:translate3d(-260px,0,0) !important;}
#fly-wrap .fly-wrap-out{position:relative;height:100%;width:100%;}
#fly-wrap .menu-but{height:50px;line-height:50px;text-align:center;color:#fff;font-size:20px;border-bottom:1px solid rgba(255,255,255,.1);}
#fly-wrap .menu-wrap{padding:0 20px;width:100%;box-sizing:border-box;}
#fly-wrap .menu-wrap ul{width:100%;}
#fly-wrap .menu-wrap ul li{width:100%;padding:0 10px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1);}
#fly-wrap .menu-wrap ul li a{display:block;height:50px;line-height:50px;color:#5d6c71;font-size:13px;font-weight:400;letter-spacing:.8px;position:relative;text-transform:uppercase;}
#fly-wrap .menu-wrap ul li.current-menu-item a{color:#fff;}
#fly-wrap .social-buttons{width:100%;height:50px;position:absolute;bottom:0;left:0;text-align:center;border-top:1px solid rgba(255,255,255,.1);}
#fly-wrap .social-buttons ul{display:inline-block;overflow:hidden;height:100%;}
#fly-wrap .social-buttons ul li{height:100%;float:left;width:40px;margin:0 5px;}
#fly-wrap .social-buttons ul li a{display:block;width:100%;height:100%;line-height:50px;color:#fff;font-size:15px;text-align:center;}
#header-ghost{height:70px;width:100%;display:none;transition:.4s;}
#header{width:100%;z-index:20;background:#FAFAFB;box-sizing:border-box;}
.sticky-header{position:fixed;z-index:99;top:0;left:0;height:50px;box-shadow:0 0 9px rgba(0,0,0,.3);}
.sticky-header .logobar{height:50px !important;}
.sticky-header .logobar .logo .logo-after h1{line-height:30px !important;}
.sticky-header .logobar .main-menu ul{margin-top:10px !important;}
.sticky-header .menu-but{margin:10px 0 !important;}
#header .logobar{height:70px;width:100%;transition:.4s;position:relative;}
#header .logobar .logo{float:left;height:100%;position:relative;z-index:2;}
#header .logobar .logo .logo-after{height:calc(100% - 20px);margin-top:10px;}
#header .logobar .logo .logo-after h1{line-height:50px;color:#000;font-weight:700;font-size:28px;transition:.4s;}
#header .logobar .logo .logo-after h1 span{border:3px solid #000;padding:0 5px;}
#header .logobar .main-menu{height:100%;float:right;}
#header .logobar .main-menu ul{display:inline-block;height:26px;margin-top:22px;transition:.4s;}
#header .logobar .main-menu ul li{float:left;height:100%;margin-left:10px;position:relative;transition:.3s;}
#header .logobar .main-menu ul li a{display:block;height:100%;line-height:26px;padding:0 8px;color:#999;font-size:13px;letter-spacing:.8px;font-weight:500;position:relative;text-transform:uppercase;overflow:hidden;border:2px solid transparent;}
#header .logobar .main-menu ul li.login-link a{background:#ececec;}
#header .logobar .main-menu ul li a:hover{color:#000;border:2px solid #000;}
#header .logobar .main-menu ul li.login-link a:hover{background:#000;color:#fff;}
#header .logobar .main-menu ul li.current-menu-item a{color:#000;border:2px solid #000;}
#header .menu-but{height:30px;width:30px;margin: 20px 0;cursor:pointer;float:right;box-sizing:border-box;display:none;border:2px solid #000;transition:.4s;}
#header .icon-bar-wrap{height:11px;width:16px;margin:7px auto 0 auto;}
#header .icon-bar{width:16px;height:2px;margin-bottom:3px;background:#000;display:block;transition:0.3s;}
#header .open-menu-icon .icon-bar:nth-child(1){transform:rotate(45deg);margin-top:13px;}
#header .open-menu-icon .icon-bar:nth-child(2){display:none;}
#header .open-menu-icon .icon-bar:nth-child(3){transform:rotate(-45deg);margin-top:-5px;}
#swiper{width:100%;height:580px;}
#swiper .swiper-container .info{width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;text-align:center;top:50%;}
#swiper .swiper-container .info-after{display:inline-block;width:780px;z-index:3;text-align:center;border:2px solid #fff;padding:80px 40px;box-sizing:border-box;transform:translateY(-50%);}
#swiper .swiper-container .info p{color:#fff;font-size:16px;font-weight:400;letter-spacing:1.3px;margin-top:10px;line-height:26px;}
#swiper .swiper-container .info h2{color:#fff;font-size:32px;font-weight:700;letter-spacing:8px;text-transform:uppercase;line-height:50px;}
#swiper .swiper-container .swiper-slide .post-img{overflow:hidden;position:relative;height:100%;width:100%;}
#swiper .swiper-container .swiper-slide .post-img .post-link{position:absolute;display:block;height:100%;width:100%;top:0;left:0;z-index:4;}
#swiper .swiper-container .swiper-slide .post-img .animate{position:absolute;height:100%;width:100%;top:0;left:0;z-index:2;background:rgba(0,0,0,.5);transition:0.4s;}
#swiper .swiper-container:hover .swiper-slide .post-img .animate{background:rgba(0,0,0,.55);}
#swiper .swiper-container .swiper-slide .post-img img{height:100%;width:auto;min-width:100%;position:absolute;left:-9999px;right:-9999px;top:-9999px;bottom:-9999px;margin:auto;z-index:1;}
.section{width:100%;box-sizing:border-box;padding:80px 0;}
.section-intro{width:100%;box-sizing:border-box;margin-bottom:25px;}
.section-intro h3{font-size:30px;font-weight:600;color:#222;text-transform:uppercase;letter-spacing:6px;}
.section-intro.center h3{text-align:center;}
.section-intro p{font-size:14px;font-weight:400;color:#444;line-height:26px;letter-spacing:1.3px;margin-top:10px;}
.section-intro.center p{text-align:center;}
#about{background:#ececec;}
#about .about-text{height:600px;}
#about .about-text .about-images{width:50%;height:100%;float:left;}
#about .about-text .about-images img{height:100%;width:auto;position:absolute;left:-9999px;right:-9999px;top:0;margin:0 auto;}
#about .about-text .about-images .image-1{width:50%;height:100%;float:left;overflow:hidden;position:relative;box-shadow:0 0 55px rgba(0,0,0,.8);}
#about .about-text .about-images .image-2{width:43%;height:calc(100% - 80px);margin-top:40px;float:right;overflow:hidden;position:relative;box-shadow:0 0 55px rgba(0,0,0,.8);}
#about .about-text .about-content{width:50%;height:100%;padding-left:50px;box-sizing:border-box;float:left;display:table;}
#about .about-text .about-content-after{display:table-cell;vertical-align:middle;}
#about .about-text .about-content .about-text-content{color:#555;font-size:16px;letter-spacing:.8px;font-weight:400;margin-top:8px;line-height:26px;}
#services{height:700px;overflow:hidden;}
#services .service-title{background-image:url('images/slide2.jpg');background-size:cover;background-position:center;overflow:hidden;position:relative;height:100%;width:50%;float:left;}
#services .service-title .animate{height:100%;width:100%;position:absolute;top:0;left:0;z-index:2;background:rgba(0,0,0,.6);}
#services .service-title .info{width:100%;height:100%;position:relative;display:table;z-index:3;text-align:center;padding:0 100px;box-sizing:border-box;}
#services .service-title .info-after{display:table-cell;vertical-align:middle;text-align:center;}
#services .service-title .info-after-after{border:2px solid #fff;padding:60px;}
#services .service-title .info h3{color:#fff;font-size:30px;font-weight:600;letter-spacing:6px;text-transform:uppercase;}
#services .service-title .info p{color:rgba(255,255,255,.7);font-size:14px;letter-spacing:1.3px;font-weight:400;margin-top:35px;line-height:26px;}
#services .service-item-wrap{overflow:hidden;height:100%;width:50%;float:left;padding:70px;box-sizing:border-box;display:table;}
#services .service-item-wrap-after{vertical-align:middle;display:table-cell;overflow:hidden;}
#services .service-item-wrap .service-item{float:left;width:50%;padding:20px;box-sizing:border-box;}
#services .service-item-wrap .service-item .service-text h3{color:#444;font-size:18px;text-transform:uppercase;letter-spacing:2px;font-weight:600;}
#services .service-item-wrap .service-item .service-text p{color:#555;font-size:15px;letter-spacing:1px;font-weight:400;margin-top:15px;line-height:26px;}
#projects{padding:80px 0;background:#ececec;}
#projects .projects-item-wrap{overflow:hidden;height:600px;margin-top:50px;position:relative;}
#projects .projects-item-wrap .team-item-inner-wrap{height:100%;width:40%;float:left;overflow:hidden;}
#projects .projects-item{width:20%;float:left;height:50%;position:relative;overflow:hidden;}
#projects .projects-item-wrap .team-item-inner-wrap .projects-item{width:50%;}
#projects .projects-item.height-100{height:100%;}
#projects .projects-item-wrap .project-img{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:#000;transition:.6s;}
#projects .projects-item-wrap .projects-item:hover .project-img{top:-100px;}
#projects .projects-item-wrap .project-img .animate{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:rgba(0,0,0,.2);transition:.3s;}
#projects .projects-item-wrap .project-img a{height:100%;width:100%;position:absolute;top:0;left:0;z-index:3;}
#projects .projects-item-wrap .project-img img{width:auto;height:100%;position:absolute;top:0;left:-9999px;right:-9999px;margin:0 auto;z-index:1;transition:.9s;}
#projects .projects-item-wrap .project-text{width:100%;height:100px;position:absolute;bottom:-100px;left:0;z-index:3;transition:.6s;display:table;padding:0 30px;box-sizing:border-box;}
#projects .projects-item-wrap .projects-item:hover .project-text{bottom:0;}
#projects .projects-item-wrap .project-text-after{display:table-cell;vertical-align:middle;}
#projects .projects-item-wrap .project-text h3{color:#000;font-size:20px;text-transform:uppercase;letter-spacing:2px;font-weight:500;margin-top:6px;text-align:center;}
#team{padding:80px 0;}
#team .team-item-wrap{overflow:hidden;margin:10px -15px 0 -15px;}
#team .team-item{width:25%;float:left;box-sizing:border-box;padding:0 15px;height:395px;}
#team .team-item-after{width:100%;height:100%;position:relative;float:left;}
#team .team-item .team-social{width:100%;position:absolute;top:20px;left:0;z-index:1;text-align:center;}
#team .team-item .team-social ul{display:inline-block;overflow:hidden;}
#team .team-item .team-social li{display:block;margin:0 10px;float:left;}
#team .team-item .team-social li a{display:block;width:100%;font-size:16px;color:#000;opacity:.5;}
#team .team-item .team-social li:hover a{opacity:1;}
#team .team-item .team-img{width:100%;height:340px;overflow:hidden;position:absolute;top:0;left:0;transition:.3s;}
#team .team-item .team-item-after:hover .team-img{top:55px;}
#team .team-item .team-img .animate{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:rgba(0,0,0,.1);transition:.3s;}
#team .team-item:hover .team-img .animate{background:rgba(0,0,0,.3);}
#team .team-item .team-img img{width:auto;height:100%;position:absolute;left:0;top:-9999px;bottom:-9999px;margin:auto 0;z-index:2;}
#team .team-item .name-wrap{width:100%;position:absolute;bottom:0;left:0;z-index:1;}
#team .team-item .name-wrap h3{color:#000;font-size:17px;text-transform:uppercase;text-align:center;letter-spacing:2px;font-weight:500;position:relative;z-index:5;}
#team .team-item .name-wrap p{color:#555;font-size:13px;letter-spacing:1px;font-weight:600;text-align:center;text-transform:uppercase;margin-top:5px;}
#footer{width:100%;}
#footer .contact-form-section{width:100%;}
#footer .contact-form-section .mail-alert{width:100%;padding:15px;box-sizing:border-box;font-size:14px;font-weight:400;line-height:26px;color:#444;letter-spacing:1.3px;}
#footer .contact-form-section .mail-done{background:#dff0d8;}
#footer .contact-form-section .mail-none{background:#f2dede;}
#footer .contact-form-section .form-wrap{width:100%;margin-top:50px;}
#footer .contact-form-section .contact-form{width:calc(100% + 20px);overflow:hidden;margin:-10px;}
#footer .contact-form-section .contact-form li{float:left;padding:10px;}
#footer .contact-form-section .contact-form .top-input{width:33.33%;box-sizing:border-box;}
#footer .contact-form-section .contact-form .message-area{width:100%;box-sizing:border-box;}
#footer .contact-form-section .contact-form .top-input input,
#footer .contact-form-section .contact-form li textarea{background:#ececec;border:0;border-bottom:3px solid transparent;outline:0;box-shadow:none;padding:15px 15px 12px 15px;font-size:13px;font-weight:500;letter-spacing:1.2px;font-family:'Roboto', sans-serif;border-radius:0;transition:.3s;}
#footer .contact-form-section .contact-form .top-input input:focus,
#footer .contact-form-section .contact-form li textarea:focus{border-bottom:3px solid #000;}
#footer .contact-form-section .contact-form li input,
#footer .contact-form-section .contact-form li textarea{width:100%;box-sizing:border-box;}
#footer .contact-form-section .contact-form li textarea{max-width:100%;min-width:100%;min-height:150px;height:150px;max-height:230px;}
#footer .contact-form-section .submit-input{width:100%;text-align:center;}
#footer .contact-form-section .submit-input button{background:none;border:0;box-shadow:none;display:inline-block;margin-top:20px;font-size:15px;font-weight:500;font-family:'Roboto', sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;opacity:.6;transition:.3s;}
#footer .contact-form-section .submit-input button i{margin-left:5px;}
#footer .contact-form-section .submit-input button:hover{opacity:1;}
#footer .referances{width:100%;background:#ececec;}
#footer #referances-slider{padding:70px 0;margin:0 auto;height:100px;width:100%;position:relative;overflow:hidden;}
.swiper-container-wrap{margin:0 auto;height:100%;position:relative;list-style:none;padding:0;z-index:1;}
#footer #referances-slider .swiper-slide{box-sizing:border-box;}
#footer #referances-slider .swiper-slide .post-img{width:100%;height:100%;position:relative;overflow:hidden;}
#footer #referances-slider .swiper-slide .post-img img{position:absolute;max-width:100%;max-height:100%;left:-9999px;right:-9999px;top:-9999px;bottom:-9999px;margin:auto;}
#footer .map{width:100%;height:380px;}
#footer .map iframe{width:100% !important;height:100% !important;}
#footer .footer-bottom{width:100%;background:#36363E;}
#footer .contact-info{padding:80px 0;}
#footer .contact-info .contact-info-content{width:80%;margin:0 auto;text-align:center;}
#footer .contact-info .logo{display:inline-block;margin-bottom:70px;}
#footer .contact-info .logo h1{color:#fff;font-weight:700;font-size:28px;transition:.4s;}
#footer .contact-info .logo h1 span{border:3px solid #fff;padding:0 5px;}
#footer .contact-info .text{color:#fff;text-align:center;width:100%;font-size:16px;font-weight:400;line-height:27px;letter-spacing:1px;margin-bottom:30px;}
#footer .contact-info .text a{color:#fff;text-decoration:underline;transition:.3s;}
#footer .contact-info .text a:hover{text-decoration:none;}
#footer .contact-info .text span{margin:0 15px;}
#footer .contact-info .social-buttons{margin-top:50px;}
#footer .contact-info .social-buttons ul{display:inline-block;height:100%;}
#footer .contact-info .social-buttons ul li{float:left;margin:0 10px;width:30px;height:30px;}
#footer .contact-info .social-buttons ul li a{display:block;height:100%;width:100%;color:#fff;font-size:16px;line-height:32px;text-align:center;border:2px solid #fff;}
#footer .contact-info .social-buttons ul li a:hover{background:#fff;color:#36363E;}
#footer .copyright{height:80px;width:100%;background:rgba(0,0,0,.3);}
#footer .copyright .copyright-text{height:100%;width:100%;display:table;}
#footer .copyright .copyright-text p{color:#fff;font-size:15px;font-weight:400;line-height:27px;letter-spacing:1px;text-align:center;display:table-cell;vertical-align:middle;}
#footer .copyright .copyright-text p a{color:#fff;text-decoration:underline;}
#footer .copyright .copyright-text p a:hover{color:#fff;text-decoration:none;}

@media only screen and (max-width:1600px){
	#services{height:auto;}
	#services .service-title{width:100%;height:400px;}
	#services .service-item-wrap{width:100%;height:auto;padding:70px 25px;}
}
@media only screen and (max-width:1320px){
	#services .service-title .info{padding:0 50px}
}
@media only screen and (max-width:1250px){
	.width-1200{width:100%;padding:0 25px;}
	#header .logobar .main-menu{display:none;}
	#header .logobar .menu-but{display:block;}
}
@media only screen and (max-width:1024px){
	#swiper .swiper-container .info-after{width:calc(100% - 90px);margin:0 45px;padding:60px 25px;}
	#swiper .swiper-container .info p{font-size:14px;letter-spacing:1.5px;font-weight:400;line-height:25px;}
	#swiper .swiper-container .info h2{font-size:27px;font-weight:700;letter-spacing:4.7px;line-height:40px;}
}
@media only screen and (max-width:900px){
	#about .about-text{height:auto;}
	#about .about-text .about-images{width:100%;height:300px;}
	#about .about-text .about-content{width:100%;height:auto;margin-top:50px;padding-left:0;}
}
@media only screen and (max-width:770px){
	#services .service-title{height:auto;padding:40px 0;}
	#services .service-item-wrap .service-item{width:100%;padding:20px 0;}
	#footer .contact-form-section .contact-form .top-input{width:50%;}
}
@media only screen and (max-width:600px){
	#swiper{height:400px;}
	#swiper .swiper-container .info-after{width:calc(100% - 90px);margin:0 45px;padding:0;border:0;}
	#services .service-title .info{padding:0 25px}
	#services .service-title .info-after-after{padding:60px 30px;}
	#footer .contact-form-section .contact-form .top-input{width:100%;}
}
@media only screen and (max-width:425px){
	.width-1200{padding:0 10px;}
	#swiper{height:440px;}
	#header .logobar .logo .logo-after h1{font-size:25px;}
	#footer .contact-info .logo h1{font-size:25px;}
}
@media only screen and (max-width:320px){
	#swiper{height:540px;}
}