.siyah-sayfa{background-image:url(../img/13.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat}
.siyah-sayfa .title-bars{color:#efefef;background-color:rgba(25,42,56,0.8);border:solid 1px #f0f0f0;padding:10px;margin:20px}
.siyah-sayfa .title-bars h4,.siyah-sayfa .title-bars h3,.siyah-sayfa .title-bars h1,.siyah-sayfa .title-bars p{color:#efefef;margin:2px}.ok i{font-size:24px;color:#67bee7}
#story .ok a{color:rgba(25,42,56,1);font-weight:700}#story .ok a:hover{color:rgba(0,0,0,0.9)}
.topsayfa{background:#efefef;color:#192a38;border-top:solid 1px #f0f0f0;border-bottom:solid 1px #f0f0f0}.topsayfa ul{margin:2px;font-size:14px;}
.top-sayfa .topsayfa ul li a{margin:2px;font-size:14px;color:#192a38;}.top-sayfa .topsayfa ul li a:hover{margin:2px;font-size:14px;color:#138496;}.top-menubar-nav{display:none}
header .topmenu{background:#efefef;border-top:solid 1px #f0f0f0;border-bottom:solid 1px #f0f0f0}header .topmenu ul{margin:0}
header .topmenu .top-contacts{line-height:25px}header .topmenu .top-contacts li{color:#000;padding:5px 0;font-size:14px;margin-right:15px;display:inline-block}
header .topmenu .top-contacts li a{color:#000}header .topmenu .top-contacts i{color:#192a38;font-size:14px;margin-right:3px}
header .topmenu .top-data{text-align:right}header .topmenu .top-data li{padding:5px 11px;margin-left:-4px;display:inline-block;border-right:solid 1px #efefef}
header .topmenu .top-data li:first-child{margin-left:0;border-left:solid 1px #efefef}header .topmenu .top-data li a{font-size:14px}
header .topmenu .top-data li a:hover{text-decoration:none}.top-social{height:40px;line-height:40px;text-align:center;width:40px;border-radius:50%;background:#fff}
.social-icon-f li i.top-social.fa-facebook{background:url(../images/sosyalpaylasim/facebook_color.png) no-repeat;background-size:cover;background-position:center center;border:2px solid #4267b2;color:#4267b2}
.social-icon-f li i.top-social.fa-facebook:hover{background:url(../images/sosyalpaylasim/facebook_black.png) no-repeat;background-size:cover;background-position:center center;}
.social-icon-f li i.top-social.fa-twitter{background:url(../images/sosyalpaylasim/twitter_color.png) no-repeat;background-size:cover;background-position:center center;border:2px solid #4ab3f4;color:#4ab3f4}
.social-icon-f li i.top-social.fa-twitter:hover{background:url(../images/sosyalpaylasim/twitter_black.png) no-repeat;background-size:cover;background-position:center center;}
.social-icon-f li i.top-social.fa-linkedin{background:url(../images/sosyalpaylasim/linkedin_color.png) no-repeat;background-size:cover;background-position:center center;border:2px solid #4ab3f4;color:#4ab3f4}
.social-icon-f li i.top-social.fa-linkedin:hover{background:url(../images/sosyalpaylasim/linkedin_black.png) no-repeat;background-size:cover;background-position:center center;}
header .topmenu .top-data li a.log-top{text-decoration:none;font-size:15px;font-weight:400;color:#444}header .topmenu .top-data li a.log-top:hover{color:#111}
@media (max-width: 991px){header .topmenu ul{text-align:center!important}header .topmenu .top-data li{top:1px;padding:6px 10px;margin-left:-5px;position:relative;border:solid 1px #efefef}}
.affix{position:fixed;top:0;right:0;left:0;z-index:1030;box-shadow:0 .5px 4px #c3c2c2}
.navbar .navbar-brand{font-size:28px;text-transform:uppercase;color:#fff;font-family:"Times New Roman", Times, serif,cursive}
.navbar .navbar-brand:hover,.navbar .navbar-brand:active{font-size:28px;text-transform:uppercase;color:#fcd79a;font-family:"Times New Roman", Times, serif,cursive;transition:color .5s linear}
@media (min-width: 992px){.menum-1,.menum-2{background-color:#dcdcdc;background-attachment:fixed;background-size:cover;background-position:50% 90%;color:#413e32;text-align:center;padding:5px 0;font-weight:700;font-family:"Times New Roman",Times,serif;}}
@media screen and (max-width:900px),screen and (max-device-width:900px){.menum-1{display:none}}
.orta{background-color:#efefef;border-radius:25px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px}
.orta a{border-radius:25px;color:#455d4e;text-decoration:none}.orta a:hover{border-radius:25px;color:#000}
.navbar{padding:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;background:#192a38}
.navbar-header{padding-left:85px}.justify-content-end{padding-right:85px}.navbar-nav{float:right}
.navbar-nav>li{height:65px;line-height:65px;border-bottom:3px solid rgba(0,0,0,0);transition:all .5s ease-in-out}
.navbar-nav>li:hover,.navbar-nav>li:active,.navbar-nav>li:focus{border-bottom:2px solid #192a38;background:#fcd79a;color:#192a38;}
.navbar-nav>li>a{color:#f0f0f0!important;font-size:14px;font-weight:700;font-family:"Times New Roman",Times,serif;text-transform:capitalize;letter-spacing:1px;margin:0 3px}
.navbar-nav>li>a:hover,.navbar-nav>li>a:active{color:#192a38!important}
.navbar-nav li>.search{color:#aaa;cursor:pointer;font-size:15px;z-index:0;min-width:30px;margin-top:3px;padding:28px 0;text-align:center;display:inline-block}
.navbar-nav li>.search:hover{color:#2196f3}
.navbar .search-open{right:0;top:65px;display:none;height:50px;padding:4px;position:absolute;background:#fff;box-shadow:0 0 3px #ddd;z-index:1001}
.navbar .search-open input,.navbar .search-open span{height:40px;border-color:#2196f3;line-height:50px}.navbar .search-open span{background:#2196f3;color:#fff}
.navbar-toggler{background-color:rgba(0,0,0,0.1);border:1px solid #fff;border-radius:0}
.navbar-toggler .navbar-toggler-icon{background-color:#fff!important}
.navbar-collapse{max-height:none!important}
.vesco-top-nav ul.navbar-nav>li>a.active{color:#2196f3!important}
@media (min-width: 992px){.navbar-expand-lg .navbar-nav .dropdown-menu.mega-menu{position:absolute;left:-280px}
.dropdown-cust.mega-menu .dropdown-item{border-right:1px solid #e0e0e0}
.dropdown-cust.mega-menu{margin-top:0;min-width:450px;padding:0;border-top:2px solid #fcd79a;border-left:2px solid rgba(1,1,1,0);border-right:2px solid rgba(1,1,1,0);
border-bottom:2px solid #2196f3;border-radius:0}}
@media (min-width: 992px) and (max-width: 1200px){.navbar-expand-lg .navbar-nav .dropdown-menu.mega-menu{position:absolute;left:-300px}}
.dropdown-cust{margin-top:0;min-width:220px;padding:0;border-top:2px solid #2196f3;border-left:2px solid rgba(1,1,1,0);border-right:2px solid rgba(1,1,1,0);
border-bottom:2px solid #2196f3;border-radius:0}
.dropdown-cust .dropdown-item{display:block;width:100%;padding:0 1rem;margin:0;height:40px;line-height:40px;font-size:14px;clear:both;font-weight:400;color:#efefef;
text-align:inherit;white-space:nowrap;text-transform:capitalize;background:#192a38;border-bottom:1px solid #e0e0e0}
.dropdown-cust .dropdown-item:hover,.dropdown-cust .dropdown-item:focus,.dropdown-cust .dropdown-item.active{background:#fcd79a;color:#192a38;}
.dropdown-cust.mega-menu .mega-menu-img img{width:100%;height:100%}
@media (max-width: 991px){.navbar>.container .navbar-nav{float:left;border-top:1px solid #ddd;width:100%}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{padding:12px 0;margin-left:-10px}.navbar-toggler{margin-right:0}.navbar .search-open{width:100%}
.navbar-nav>li{height:auto;line-height:35px;border-bottom:3px solid rgba(0,0,0,0);transition:all .5s ease-in-out;border-bottom:1px solid #ddd}
.navbar-nav>li.active,.navbar-nav>li:hover,.navbar-nav>li:focus{border-bottom:2px solid #ddd;color:#192a38;background:#fcd79a;}.navbar li>.search{display:none}
.navbar .search-open{right:0;top:0;display:block;height:auto;line-height:50px;padding:4px;position:relative;box-shadow:none;background:0;z-index:1}
.dropdown-cust{margin-top:-2px;min-width:220px;padding:0;border-left:2px solid rgba(1,1,1,0);border-right:2px solid rgba(1,1,1,0);border-bottom:2px solid #2196f3;
border-radius:0;z-index:0;overflow:hidden}}
@media (max-width: 767px){/*.affix{position:absolute;top:0;right:0;left:0;z-index:1030;box-shadow:0 .5px 4px #c3c2c2}*//*.top-menubar{display:none}*/
.container{max-width:100%}.navbar>.container .navbar-brand,.navbar>.container .navbar-toggler,.navbar>.container-fluid .navbar-brand{margin:8px 10px}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{padding:8px 0}
.navbar-nav>li{line-height:25px;padding:0 20px;border-bottom:3px solid rgba(0,0,0,0);transition:all .5s ease-in-out;border-bottom:1px solid #ddd}
.navbar-nav>li:last-child{padding:0}.navbar-nav>li.dropdown .dropdown-menu{margin-bottom:15px}.top-menubar-nav{display:block}}
@media (min-width: 1600px){.dropdown-cust .dropdown-item{font-size:15px}}
.btn-general{background-color:transparent;text-align:center;border-width:1px;border-radius:0;font-size:16px;padding:10px 15px;font-weight:400;text-transform:uppercase}
.btn-white{border-color:#2196f3;background-color:#2196f3;color:#fff}.btn-white:hover,.btn-white:focus{background-color:transparent;color:#2196f3;cursor:pointer}
.btn-green{border-color:#2196f3;color:#2196f3}.btn-green:hover,.btn-green:focus{background-color:#2196f3;color:#fff;cursor:pointer}
.carousel-fade{height:45vh;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(../img/13.jpg)}
.carousel-fade .carousel-inner .carousel-item{-webkit-transition-property:opacity;transition-property:opacity}
.carousel-fade .carousel-control{z-index:2}
.carousel-fade{position:relative;height:45vh}
.hero{position:absolute;top:25%;left:50%;background:rgba(0,0,0,0.7);border:5px solid #fff;padding:10px;z-index:3;color:silver;text-align:center;
text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,0);-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);
-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.hero h1{font-size:1.3em;color:#fcd79a;font-weight:700;width:600px;margin:0;padding:0;opacity:1;letter-spacing:2px;margin-bottom:10px;font-family:"Times New Roman",Times,serif;}
.hero h1 span a{color:#2196f3;text-decoration:none;font-family:"Times New Roman",Times,serif;}
.hero h2{font-size:1.3em;color:#fcd79a;font-weight:700;width:600px;margin:0;padding:0;opacity:1;letter-spacing:2px;margin-bottom:10px;font-family:"Times New Roman",Times,serif;}
.hero h2 span a{color:#2196f3;text-decoration:none;font-family:"Times New Roman",Times,serif;}.hero h3{font-size:1em;color:#fff;letter-spacing:2px;margin-bottom:10px}
.hero h3 span a{color:#2196f3;text-decoration:none;font-size:1.2em;font-family:"Times New Roman",Times,serif;}
.section-title .h3{font-size:1.3em;}.hero button{margin:10px 0}
.carousel-fade .carousel-inner .carousel-item .hero{opacity:0;-webkit-transition:2s all ease-in-out .1s;
-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s}
.carousel-fade .carousel-inner .carousel-item.active .hero{opacity:1;-webkit-transition:2s all ease-in-out .1s;
-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s}
.overlay{position:absolute;width:100%;height:90%;z-index:2;background:rgba(0,0,0,0)}
.carousel-fade .carousel-inner .carousel-item{height:100vh}
@media (max-width: 767px){.hero h1{font-size:1.5em;color:#fff;font-weight:700;width:400px;margin:0;padding:0;opacity:1;letter-spacing:2px;margin-bottom:30px}
.hero h2{font-size:1.3em;color:#fcd79a;font-weight:700;width:400px;margin:0;padding:0;opacity:1;letter-spacing:2px;margin-bottom:30px}
.hero h3{font-size:1em;color:#fff;letter-spacing:2px;line-height:25px;margin-bottom:15px}}
@media (max-width: 575px){
.hero{position:absolute;top:35%;padding:20px 0}.hero h1{font-size:1.3em;color:#fff;font-weight:700;width:370px;margin:0;padding:0;opacity:1;letter-spacing:2px;margin-bottom:30px}
.hero h2{font-size:1.3em;color:#fcd79a;font-weight:700;width:370px;margin:0;padding:0;opacity:1;letter-spacing:2px;margin-bottom:30px}
.hero h3{font-size:.9em;color:#fff;letter-spacing:2px;line-height:25px;margin-bottom:15px}}
@media (max-width: 420px){.hero{position:absolute;top:35%;padding:20px 0;border:3px solid #fff}
.hero h1{font-size:1.7em;color:#fff;font-weight:700;width:295px;margin:0;padding:0;opacity:1;letter-spacing:2px;margin-bottom:30px}
.hero h2{font-size:1.3em;color:#fcd79a;font-weight:700;width:295px;margin:0;padding:0;opacity:1;letter-spacing:2px;margin-bottom:30px}
.hero h3{font-size:.8em;color:#fff;letter-spacing:2px;line-height:25px;margin-bottom:15px}}
.home-p{z-index:1;padding:100px 0;position:relative}
.home-p.breadcrumbs-lg{padding:200px 0}
.home-p.pages-head1{background:url(../img/img/banner-1.jpg) no-repeat;background-size:cover;background-position:center center}
.home-p.pages-head2{background:url(../img/img/banner-2.jpg) no-repeat;background-size:cover;background-position:center center}
.home-p.pages-head3{background:url(../img/img/banner-3.jpg) no-repeat;background-size:cover;background-position:center center}
.home-p.pages-head4{background:url(../img/img/banner-4.jpg) no-repeat;background-size:cover;background-position:center center}
.home-p:after{top:0;left:0;z-index:-1;width:100%;height:100%;content:\\" \\";position:absolute;background:rgba(0,0,0,0.2)}
.home-p h1{color:#fff;font-size:40px;line-height:50px;text-transform:uppercase}
.home-p p{color:#fff;font-size:24px;font-weight:200;margin-bottom:0;text-transform:uppercase}
@media (max-width: 992px){.home-p.breadcrumbs-lg{padding:100px 0}}
@media (max-width: 768px){.home-p,.home-p.breadcrumbs-lg{padding:50px 0}.home-p h1{font-size:30px;line-height:40px}.home-p p{font-size:18px}}
.title-bar{padding:30px 0}
.title-bar h1{color:#41464b;text-align:center;font-weight:700;margin:20px auto 10px;font-size:28px}
.title-bar .heading-border{width:60px;height:10px;background-color:#2196f3;margin:0 auto 20px}
.heading-border-light{width:30px;height:5px;background-color:#2196f3;margin:0 0 20px}
.title-bar p{color:#717171}
.title-bar p{text-align:center;font-size:15px;line-height:1.5;padding-bottom:40px;margin:0 auto;max-width:700px}
.title-bar .title-but{margin:0;background-color:transparent;text-align:center}
@media (max-width: 575px){.title-bar{padding:50px 0}
.title-bar h1{color:#41464b;font-size:24px;text-align:center;font-weight:700;margin:20px auto 10px}
.title-bar p{text-align:center;font-size:14px;line-height:1.5;padding-bottom:40px;margin:0 auto;max-width:700px}}
@media (min-width: 1600px){.title-bar p{font-size:16px}}
.title-bar{padding:30px 0}
.title-bar h1{color:#41464b;text-align:center;font-weight:700;margin:20px auto 10px;font-size:28px}
.title-bar .heading-border{width:60px;height:10px;background-color:#2196f3;margin:0 auto 20px}
.heading-border-light{width:30px;height:5px;background-color:#2196f3;margin:0 0 20px}
.title-bar p{color:#717171}
.title-bar p{text-align:center;font-size:15px;line-height:1.5;padding-bottom:40px;margin:0 auto;max-width:700px}
.title-bar .title-but{margin:0;background-color:transparent;text-align:center}
@media (max-width: 575px){.title-bar{padding:50px 0}
.title-bar h1{color:#41464b;font-size:24px;text-align:center;font-weight:700;margin:20px auto 10px}
.title-bar p{text-align:center;font-size:14px;line-height:1.5;padding-bottom:40px;margin:0 auto;max-width:700px}}
@media (min-width: 1600px){.title-bar p{font-size:16px}}
.title-bars{padding:0}
.title-bars h1,.title-bars h2{color:#41464b;text-align:center;font-weight:700;margin:0 auto 10px;font-size:28px}
.title-bars .heading-border{width:120px;height:10px;background-color:#2196f3;margin:0 auto 20px}
.title-bars p{color:#717171}
.title-bars p{text-align:center;font-size:15px;line-height:1.5;padding-bottom:20px;margin:0 auto;max-width:960px}
.title-bars .title-but{margin:0;background-color:transparent;text-align:center}
@media (max-width: 575px){.title-bars{padding:50px 0}.title-bars h1,.title-bars h2{color:#41464b;font-size:24px;text-align:center;font-weight:700;margin:20px auto 10px}
.title-bars p{text-align:center;font-size:14px;line-height:1.5;padding-bottom:20px;margin:0 auto;max-width:700px}}
@media (min-width: 1600px){.title-bars p{font-size:16px}}
.title-bars-white{padding:0}.title-bars-white h1,.title-bars-white h2{color:#fff;text-align:center;font-weight:700;margin:0 auto 10px;font-size:28px}
.title-bars .heading-border{width:120px;height:10px;background-color:#2196f3;margin:0 auto 20px}
.title-bars-white p{color:#dcdcdc}
.title-bars-white p{text-align:center;font-size:15px;line-height:1.5;padding-bottom:20px;margin:0 auto;max-width:960px}
.title-bars-white .title-but{margin:0;background-color:transparent;text-align:center}
@media (max-width: 575px){.title-bars-white{padding:50px 0}
.title-bars-white h1,.title-bars-white h2{color:#efefef;font-size:24px;text-align:center;font-weight:700;margin:20px auto 10px}
.title-bars-white p{text-align:center;font-size:14px;line-height:1.5;padding-bottom:20px;margin:0 auto;max-width:700px}}
@media (min-width: 1600px){.title-bars-white p{font-size:16px}}
#login-modal .modal-dialog{margin-top:100px;width:400px}
#login-modal label{color:#888;margin-bottom:0}
#login-modal input[type=text],input[type=password]{margin-bottom:15px;border-radius:0}
.modal-backdrop.in{filter:alpha(opacity=10);opacity:.8}
.modal-content{border:3px solid #2196f3;border-radius:0;outline:0}
.modal-header{min-height:16.43px;padding:15px;border-bottom:0}
.modal-body{position:relative;padding:25px 45px}
.modal-footer{padding:15px 45px;text-align:left;width:100%;border-top:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:center}
.modal-footer{display:-ms-flexbox;display:flex;padding:15px;border-top:1px solid #e9ecef}
.checkbox{margin-bottom:0}
.btn-link{padding:5px 10px 0 0;color:#95a5a6;}
.btn-link:hover,.btn-link:focus{color:#2c3e50;text-decoration:none}
@media (max-width: 575px){#login-modal .modal-dialog{margin-top:100px;width:300px;margin:100px auto}}
#story{padding-bottom:50px}.story-desc{padding:0 40px 40px 10px}
.story-desc>h6{color:#2196f3;font-weight:700}
.story-desc>p{font-size:15px}
.story-descb{padding:10px 10px 30px;margin:60px 0;background:#f7f7f7;text-align:center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.story-descb:hover{box-shadow:2px 2px 6px 1px rgba(158,158,158,0.77);border-bottom:5px solid #2196f3;margin-top:55px;cursor:pointer}
.story-descb>i{font-size:45px;height:60px;line-height:60px;color:#999}.story-descb h6{font-size:18px;color:#666;padding:25px 0 5px}.story-descb strong{font-size:16px;}
.story-descb p{color:#867f7f;font-size:14px}
@media (max-width: 767px){.story-descb{padding:10px 10px 30px;margin:20px 0;background:#f7f7f7;text-align:center;-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out}}
@media (max-width: 585px){.story-descb{padding:10px 10px 30px;margin:20px 10%;background:#f7f7f7;text-align:center;
-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}}
@media (max-width: 420px){.story-descb{padding:10px 10px 30px;margin:20px 0;background:#f7f7f7;text-align:center;-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out}}
@media (min-width: 1600px){.story-desc>p{font-size:16px}.story-descb p{color:#867f7f;font-size:16px}}
.counter-item{background-color:rgba(25,42,56,0.93);color:#fff;padding:30px;margin:20px 0}
.counter-item h4{color:#fff;text-align:center}
.counter-item p{color:#dcdcdc;text-align:center;padding:30px}
.bg-parallax{background-repeat:no-repeat;background-size:cover;background-position:center}
/*.thought-bg{height:400px;background:#192a38;}
.title-bar-thought p{color:#fff;font-size:17px;padding-top:50px}
.title-bar-thought h6{text-align:center;color:#fff;font-size:28px}
.overlay-thought{position:absolute;width:100%;height:400px;background:rgba(25,42,56,0.73)}
.overlay-thought h4{color:rgba(255,255,255,0.73)}
#thought .title-bar{padding:50px 0}*/
/*#comp-offer{padding:100px 0}
.desc-comp-offer h2,.desc-comp-offer>.heading-border-light{margin-left:20px}
.desc-comp-offer-cont{margin-bottom:10px;box-shadow:3px 3px 10px 1px rgba(158,158,158,0.68);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.desc-comp-offer-cont:hover{margin-bottom:10px;border-bottom:5px solid #2196f3;margin-top:-5px;cursor:pointer}
.desc-comp-offer .btn-green{margin:15px}
.desc-comp-offer .btn-white{margin:15px;padding:10px 18px}*/
.thumbnail-blogs{position:relative;overflow:hidden}
.caption{position:absolute;top:0;right:0;background:rgba(33,150,243,0.72);width:100%;height:100%;padding:2%;display:none;text-align:center;color:#fff!important;z-index:2}
.caption i{margin:30% 4px;border:2px solid #fff;cursor:pointer;font-size:25px;border-radius:50%;padding:5px;transition:border 0.2s ease,font-size 0.2s ease}
/*.desc-comp-offer-cont h3{padding:30px 10px 0;font-size:16px;text-transform:none}.desc-comp-offer-cont p{padding:0 10px;font-size:14px}
.desc-comp-offer-cont a{padding:0 10px}
@media (min-width: 768px) and (max-width: 991px){#comp-offer{margin-left:10px}
#comp-offer .col-md-3:first-child{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%!important}
#comp-offer .col-md-3{-ms-flex:0 0 33%;flex:0 0 33%;max-width:33%!important}}
@media (max-width: 767px){.desc-comp-offer{margin-top:20px}}
@media (max-width: 575px){#comp-offer .col-sm-6{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%!important}.desc-comp-offer{margin:20px auto}}
@media (max-width: 420px){#comp-offer .col-sm-6{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%!important}}
@media (min-width: 1600px){.desc-comp-offer-cont p{padding:0 10px;font-size:16px}}*/
.what-we-do{padding:110px 0}.what-we-do h3{padding-top:20px;color:#fff;font-weight:700}
.what-we-do .heading-border-light{background-color:#fff}
.what-we-do p{color:#fff}.what-we-desc{padding:20px;color:#fff}
.what-we-desc i{float:left;font-size:35px;margin-right:20px;height:95px;line-height:45px}
.what-we-desc h6{height:30px;font-size:18px;line-height:30px}
.what-we-desc p{font-size:14px}
@media (min-width: 992px) and (max-width: 1199px){.what-we-desc i{float:left;font-size:35px;margin-right:20px;height:125px;line-height:45px}}
@media (min-width: 768px) and (max-width: 991px){.what-we-do{padding:110px 50px}.what-we-do .col-md-4{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%!important}}
@media (max-width: 575px){.what-we-do .col-sm-6{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%!important;margin:auto}}
@media (max-width: 575px){.what-we-do .col-sm-6{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%!important;margin:auto}}
@media (min-width: 1600px){.what-we-desc p{font-size:15px}}
#service-h{padding:120px 0 50px}.service-h-desc{padding:50px 5px 90px}.service-h-desc>h6{color:#2196f3;font-weight:700}
.service-himg{background:#f0f0f0;height:475px;margin-top:30px;width:70%}
.service-himg iframe{height:370px;width:130%;margin:50px -60px 70px 65px;box-shadow:3px 3px 8px 1px #505050;border:1px solid #2196f3}
.service-h-tab{position:relative;margin:20px 0}.service-h-tab .nav-tabs>a{border-radius:0;width:190px;text-align:center;height:55px;line-height:40px;border:1px solid #ddd}
.service-h-tab .nav-tabs>a.active{color:#fff;border:1px solid #2196f3;background:#2196f3}
.service-h-tab .tab-content .tab-pane{padding:20px 20px 0 10px}
@media (min-width: 768px) and (max-width: 1199px){.service-himg{background:#fff;height:475px;margin:auto}
#service-h .col-md-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%!important}
.service-himg iframe{height:370px;width:100%;margin:50px auto 70px;box-shadow:3px 3px 8px 1px #505050;border:1px solid #2196f3}}
@media (min-width: 768px) and (max-width: 991px){.service-himg iframe{height:370px;width:100%;box-shadow:3px 3px 8px 1px #505050;border:1px solid #2196f3}}
@media (max-width: 767px){#service-h{padding:30px 0 0}.service-himg{background:#fff;height:315px;width:100%}
.service-himg iframe{height:270px;width:100%;margin:50px auto 70px;box-shadow:3px 3px 8px 1px #505050;border:1px solid #2196f3}
.service-h-tab .nav-tabs>a{border-radius:0;width:100%;text-align:center;height:55px;line-height:40px;border:1px solid #ddd}}
@media (max-width: 420px){.service-himg iframe{height:200px;width:100%;margin:50px auto 70px;box-shadow:3px 3px 8px 1px #505050;border:1px solid #2196f3}
.service-h-desc{padding:50px 10px 90px}}#client{padding-bottom:100px;background:#f0f0f0}
.client-cont{width:400px;padding:30px;background:#fff;margin:0 auto;border-bottom:5px solid #2196f3}
.client-cont img{height:90px;width:90px;margin-right:35px;border-radius:50%;float:left}
.client-cont h5{padding-top:10px;height:45px;line-height:45px}
.client-cont h6{font-size:14px;font-weight:700;padding-bottom:25px}
.client-cont i{font-size:20px;color:#666}
.client-cont p{width:400px;padding:5px 30px}
@media (max-width: 991px){.client-cont{width:330px;padding:30px;background:#fff;margin:0 auto}
.client-cont p{width:320px;padding:5px 30px}}
@media (max-width: 767px){.client-cont{width:100%;padding:30px;background:#fff;margin:0 auto;margin-top:20px}
.client-cont p{width:100%;padding:5px 30px}}
@media (max-width: 420px){h5{color:#2196f3;font-size:16px;text-transform:uppercase}}
.contact-h-bg{background-image:url(../img/contact-bg.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
.contact-h-cont{margin:60px 0;padding:50px;background:rgba(33,150,243,0.65)}
.contact-h-cont input.form-control,.contact-h-cont textarea.form-control{border-radius:0}
.contact-h-cont button{background:#fff;color:#2196f3;margin-top:10px;text-align:center}
.contact-h-cont button:hover{background:#2196f3;color:#fff}
.footer-s1 .footer{padding:70px 0;background:#192a38}
.footer-s1 .footer .comp-desc-f p{margin-top:10px;color:#ccc;font-size:15px}
.footer-s1 .heading-footer{text-align:left;position:relative;margin-bottom:30px;padding-bottom:2px}
.footer-s1 .heading-footer:after{left:0;bottom:0;height:1px;width:50px;content:\\" \\";background:#fff;position:absolute}
.footer-s1 .heading-footer h2{color:#eee;font-size:18px;text-transform:none}
.footer-s1 .footer .link-list{margin-bottom:0}
.footer-s1 .footer .link-list li{padding:3px 0;border-bottom:solid 1px #333}
.footer-s1 .footer .link-list li:last-child{padding-top:0;border-top:0}
.footer-s1 .footer .link-list li a{color:#ccc;font-size:15px;margin-bottom:3px;display:inline-block}
.footer-s1 .footer .link-list a:hover{color:#fff}
.footer-s1 .footer .link-list li small{color:#555;display:block}
.footer-s1 .footer .thumb-list>li{margin-bottom:20px}
.footer-s1 .footer .thumb-list>li:before,.footer-s1 .footer .thumb-list>li:after{content:\\" \\";display:table}
.footer-s1 .footer .thumb-list>li:after{clear:both}.footer-s1 .footer .thumb-list>li img{float:left;width:80px;height:auto;margin-right:10px}
.footer-s1 .footer .thumb-list>li a{color:#777;display:block;padding-bottom:8px}
.footer-s1 .footer .thumb-list>li a:hover{color:#bbb}
.footer-s1 .footer .thumb-list>li small{color:#555;font-size:14px}
address.address-details-f,address.address-details-f a{color:#ddd;font-size:15px}
.social-icon-f li{float:left;margin:10px}
#footer-bottom{background-color:rgba(25,42,56,0.97);padding:30px 0}
#footer-copyrights p{margin:0;font-size:14px;font-weight:400;color:#bbb;text-align:center}
#footer-copyrights p a:last-child{border-left:2px solid #fff;padding-left:10px;margin-left:10px}
.btn-back-to-top{position:fixed;bottom:20px;right:20px;font-size:22px;padding:3px 15px;border-radius:0;display:none}
@media (min-width: 1600px){address.address-details-f,address.address-details-f a{color:#ddd;font-size:17px}}
@media (max-width: 767px){.footer .container{width:90%}.footer-s1 .heading-footer h2{color:#eee;font-size:18px;margin-top:50px;text-transform:none}
.footer-s1 .heading-footer{text-align:left;position:relative;margin-bottom:10px;padding-bottom:2px}}#single-product-p1{padding:30px 0 0}
.preview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
@media screen and (max-width: 996px){.preview{margin-bottom:20px}}
.preview-pic{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.preview-thumbnail.nav-tabs{border:0;margin-top:15px}
.preview-thumbnail.nav-tabs li{width:18%;margin-right:2.5%}
.preview-thumbnail.nav-tabs li img{max-width:100%;display:block}
.preview-thumbnail.nav-tabs li a{padding:0;margin:0}
.preview-thumbnail.nav-tabs li:last-of-type{margin-right:0}
.tab-content{overflow:hidden}
.tab-content img{width:100%;-webkit-animation-name:opacity;animation-name:opacity;-webkit-animation-duration:.3s;animation-duration:.3s}
@media screen and (min-width: 997px){.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}
.details{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}h5.colors{width:300px;height:50px;line-height:50px;margin-bottom:30px}
.product-title,.price,.sizes,.colors{text-transform:UPPERCASE;font-weight:700}
.checked,.price span{color:#2196f3}
.product-title,.rating,.product-description,.price,.vote,.sizes{margin-bottom:15px}
.product-title{margin-top:0}
.size{margin-right:10px}
.size:first-of-type{margin-left:40px}
.color{display:inline-block;vertical-align:middle;margin-right:10px;height:2em;width:2em;border-radius:2px}
.color:first-of-type{margin-left:20px}
.not-available{text-align:center;line-height:2em}
.not-available:before{font-family:"Times New Roman",Arial, Helvatica;content:\\"\\f00d\\";color:#fff}
.orange{background:#ff9f1a}
.green{background:#85ad00}
.blue{background:#0076ad}
.tooltip-inner{padding:1.3em}
@-webkit-keyframes opacity{0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes opacity{0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
.service-h-tab{margin:40px 0 0}.bold{font-weight:700}
.padding-bottom-7{padding-bottom:7px}.review-block{background-color:#fafafa;border:1px solid #efefef;padding:15px;border-radius:3px;margin-bottom:15px}
.review-block .col-sm-3 img{width:100px;height:100px}.review-block-name{font-size:14px;margin:10px 0}.review-block-date{font-size:12px}
.review-block-rate{font-size:14px;margin-bottom:15px}.review-block-title{font-size:15px;font-weight:700;margin-bottom:10px}
.review-block-description{font-size:14px}
@media (max-width: 575px){.review-block .col-sm-3 img{width:70px;height:70px}}
@media (min-width: 1600px){.review-block-description{font-size:15px}}
#home-shop .carousel-item{height:35vh;min-height:150px;background:no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#home-shop .carousel-item h3{color:#fff;font-size:55px;font-weight:700}
#shop-p1{padding:10px 0}
#shop-p1 .row:last-child{padding:70px 0 0}
#shop-p1 .shop-p1-title h3{padding:0;margin-bottom:5px;text-transform:none;font-size:24px}
#shop-p1 .list-group-item:first-child,#shop-p1 .list-group-item:last-child{border-radius:0}
#shop-p1 .list-group-item{border:2px solid #fff;background:#f0f0f0;color:#777}
#shop-p1 .input-group{margin:30px 0}
#shop-p1 .input-group input,#shop-p1 .input-group .input-group-addon{border-radius:0}
#shop-p1 .top-seller li img{width:60px;height:60px;float:left;margin-right:10px}#shop-p1 .top-seller li h6{padding-top:5px}
#shop-p1 .card .card-title{margin-bottom:.3em}#shop-p1 .card .card-title a{color:#444;text-decoration:none}
#shop-p1 .card img{height:110px;text-decoration:none}
#shop-p1 .card strong{color:#444;margin-top:0;padding-top:0}#shop-p1 .card span{color:#333;margin-right:17px;text-decoration:line-through}
#shop-p1 .cart-icon{padding-top:30px}
#shop-p1 .cart-icon a{color:#555;padding:7px 12px;font-weight:300;text-decoration:none;border:1px solid #aaa}
#shop-p1 .list-group-item:hover,#shop-p1 .cart-icon a:hover{background:-moz-linear-gradient(45deg,rgba(34,155,242,1) 0%,rgba(0,128,129,1) 99%,rgba(0,128,128,1) 100%);
background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,rgba(34,155,242,1)),color-stop(99%,rgba(0,128,129,1)),color-stop(100%,rgba(0,128,128,1)));
background:-webkit-linear-gradient(45deg,rgba(34,155,242,1) 0%,rgba(0,128,129,1) 99%,rgba(0,128,128,1) 100%);
background:-o-linear-gradient(45deg,rgba(34,155,242,1) 0%,rgba(0,128,129,1) 99%,rgba(0,128,128,1) 100%);color:#2196f3}
@media (max-width: 767px){.col-lg-4,.col-md-6,.mb-4{position:relative;width:100%;min-height:1px;padding-right:15%;padding-left:15%}}
@media (max-width: 420px){.col-lg-4,.col-md-6,.mb-4{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}}
#cart{padding:20px 0}
#cart .table>tbody>tr>td,.table>tfoot>tr>td{vertical-align:middle}
#cart .prod-desc{padding-top:13px}
#cart .prod-desc h6,#cart .prod-desc p{padding-left:30px}
#cart .prod-desc p{font-size:14px}
@media (min-width: 1600px){#cart .prod-desc p{font-size:16px}}
@media (min-width: 992px) and (max-width: 1200px){#cart .prod-desc{padding-top:5px}#cart .prod-desc h6,#cart .prod-desc p{padding-left:60px}}
@media (max-width: 991px){#cart .prod-desc{padding-top:0}#cart .prod-desc h6,#cart .prod-desc p{padding-left:80px}}
@media screen and (max-width: 600px){
#cart table#cart tbody td .form-control{width:20%;display:inline!important}
#cart .actions .btn{width:100%;margin:1.5em 0}
#cart .actions .btn-info{float:left;margin-right:1em}
#cart .actions .btn-danger{float:left}
#cart table#cart thead{display:none}
#cart table#cart tbody td{display:block;padding:.6rem;min-width:280px}
#cart table#cart tbody tr td:first-child{background:#333;color:#fff}
#cart table#cart tbody td:before{content:attr(data-th);font-weight:700;display:inline-block;width:8rem}
#cart table#cart tfoot td{display:block}
#cart table#cart tfoot td .btn{display:block}
#cart .prod-desc h6,#cart .prod-desc p{padding-left:20px}}
@media (max-width: 575px){#cart .prod-desc h6{padding:10px 0 0}#cart .prod-desc p{padding:0}}
#shop-form{padding:100px 0}.form-group{margin-bottom:15px}
label{margin-bottom:15px}input,input::-webkit-input-placeholder{font-size:14px;padding-top:3px;border-radius:0}
span.input-group-addon,input.form-control{border-radius:0}
.main-login{background-color:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);box-shadow:0 2px 2px rgba(0,0,0,0.3)}
.main-center{margin-top:30px;margin:0 auto;max-width:530px;padding:40px}
.login-button{margin-top:5px}
.login-register{font-size:14px;text-align:center}@media(max-width: 575px){#shop-form{padding:30px 20px}}#price{background:#fff;padding:100px 0}
.price-foot{background:rgba(25,42,56,0.95);margin:auto;padding:10px 0;text-align:center;color:#fff}
.price-foot h4{color:#fff;font-size:16px;}
.pricingTable{border:1px solid #ddd;text-align:center;color:#333;padding:50px 0 25px;margin-top:30px;position:relative;background:#f7f7f7}
.pricingTable.active{margin-top:-10px;padding-top:90px;background:#f9f9f9;padding-bottom:65px}
.pricingTable.active,.pricingTable:hover{border:1px solid rgba(25,42,56,0.95)}
.pricingTable .pricing-icon{width:80px;height:80px;border-radius:50%;background:#fff;border:1px solid #ddd;position:absolute;top:-40px;left:50%;padding:10px;transform:translateX(-50%);transition:all 0.5s ease 0s}
.pricingTable.active .pricing-icon,.pricingTable:hover .pricing-icon{border:1px solid rgba(25,42,56,0.95);background:rgba(25,42,56,0.95)}
.pricingTable .pricing-icon i{width:100%;height:100%;line-height:58px;border-radius:50%;background:rgba(25,42,56,0.95);font-size:30px;color:#fff;transition:all 0.5s ease 0s}
.pricingTable.active .pricing-icon i,.pricingTable:hover .pricing-icon i{color:rgba(25,42,56,0.95);background:#fff}
.pricingTable .price-Value{display:inline-block;font-size:36px;color:rgba(25,42,56,0.97);position:relative}
.pricingTable .pricing-ust{background:#dcdcdc}
.pricingTable .currency{font-size:25px;position:absolute;top:18px;left:-18px}
.pricingTable .month{display:block;font-size:17px;text-transform:capitalize}
.pricingTable .pricingHeader{position:relative;z-index:1}
.pricingTable .pricingHeader:after{content:\\"\\";width:100%;height:1px;background:#ddd;position:absolute;top:50%;left:0;z-index:-1}
.pricingTable .title{width:70%;background:rgba(25,42,56,0.95);margin:10px auto;padding:10px 0;font-size:18px;font-weight:600;color:#fff;text-transform:capitalize;position:relative;z-index:1}
.pricingTable .month,.pricingTable .pricing-content ul{list-style:none;padding:0;margin:0;font-size:14px;text-transform:capitalize;font-weight:700;color:#555;line-height:32px;margin-bottom:25px}
.pricingTable .pricingTable-signup{display:inline-block;font-size:15px;font-weight:600;color:#fff;background:rgba(25,42,56,0.95);border:1px solid rgba(25,42,56,0.95);padding:5px 20px;transition:all 0.5s ease 0s}
.pricingTable.active .pricingTable-signup,.pricingTable .pricingTable-signup:hover{background:#fff;color:rgba(25,42,56,0.95)}
@media only screen and (max-width:990px){.pricingTable{margin-bottom:20px}}
@media only screen and (max-width:767px){.pricingTable{margin-bottom:60px}}
.story-descb img, .story-himg img, .client-cont img{width:100%;height:100%;}
.service-h-tab .tab-content .tab-pane h2 {font-size:20px;}
.renkli{background:#fff;color:#243442;}
.renkli2{background:#f02d64;color:#ffffff;}
.kucuk{font-size:14px;color:#fff;margin-top:-20px;}
.price-foot h2{font-size:18px;color:#fff;}
.faq-area h2{font-size:24px;}
.counter-item h6 a{color:#fff;}
.zig-zag-top:before{background:linear-gradient(-45deg, #192a38 16px, red 16px, blue 16px,  transparent 0),linear-gradient(45deg, #192a38 16px, transparent 0);
background-position: left top;background-repeat: repeat-x;background-size: 22px 32px;content: " ";display: block;height: 32px;width: 100%;position: relative;bottom: 64px;left:0;}
.zig-zag-top{margin-top: 12px;margin-bottom: 0;background: #192a38;padding: 32px 0;}
.zig-zag-top-beyaz:before{background:linear-gradient(-45deg, #ffffff 16px, red 16px, blue 16px,  transparent 0),linear-gradient(45deg, #ffffff 16px, transparent 0);
background-position: left top;background-repeat: repeat-x;background-size: 22px 32px;content: " ";display: block;height: 32px;width: 100%;position: relative;bottom: 64px;left:0;}
.zig-zag-top-beyaz{margin-top: 12px;margin-bottom: 0;background: #ffffff;padding: 32px 0;}
.zig-zag-bottom:after{background:linear-gradient(-45deg, transparent 16px, #ffffff 0),linear-gradient(45deg, transparent 16px, #ffffff  0);
background-repeat: repeat-x;background-position: left bottom;background-size: 22px 32px;content: "";display: block;width: 100%;height: 32px;position: relative;top:64px;left:0px;}
.zig-zag-bottom{margin-bottom: 0;padding-left:0;padding-right:0;}
.zig-zag-bottom-lcvrt:after{background:linear-gradient(-45deg, transparent 16px, #192a38 0),linear-gradient(45deg, transparent 16px, #192a38  0);
background-repeat: repeat-x;background-position: left bottom;background-size: 22px 32px;content: "";display: block;width: 100%;height: 32px;position: relative;top:64px;left:0px;}
.zig-zag-bottom-lcvrt{margin-top: 30px;margin-bottom: 0;padding-left:0;padding-right:0;background: #192a38;padding: 32px 0;}
.zig-zag-bottom-yesil:after{background:linear-gradient(-45deg, transparent 16px, #77B499 0),linear-gradient(45deg, transparent 16px, #77B499  0);
background-repeat: repeat-x;background-position: left bottom;background-size: 22px 32px;content: "";display: block;width: 100%;height: 32px;position: relative;top:64px;left:0px;}
.zig-zag-bottom-yesil{margin-top: 30px;margin-bottom: 0;padding-left:0;padding-right:0;background: #77B499;padding: 32px 0;}
.beyaz{color:#fff;}.padding-20{padding:20px;}.margin-top-50{margin-top:50px;}
.lazy{display: block;width: 100%;background-color: #192a38;}