/* pixelibol 2021 */
/*fonts*/
@import url('../../../../../css');
@font-face{font-family:"Bacalisties"; src:url("../fonts/Bacalisties2/Bacalisties.eot") format("eot"), url("../fonts/Bacalisties2/Bacalisties.woff") format("woff"), url("../fonts/Bacalisties2/Bacalisties.ttf") format("truetype"), url("../fonts/Bacalisties2/Bacalisties.svg") format("svg"); font-weight:normal; font-style:normal; font-display:swap; }
/*general*/
body, html{background:#fff;height:100%;text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;}
body{background:#fff;height:auto;color:#111;font:500 14px 'Montserrat', sans-serif;}
body.loading-active{overflow:hidden;}
body.loading-active.load{overflow:auto;overflow-x:hidden;}
ul{margin:0;padding:0;list-style-type:none;}
ul.outside{list-style:outside;padding:0 0 0 30px;}
ul.decimal{list-style:decimal;padding:0 0 0 30px;}
a, a:hover{color:#111;}
a, a:hover, a:focus, li:hover > a, button, button:hover, select, select:focus{ outline:0;text-decoration:none;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
/*h1,h2,h3,h4,h5,h6{font-family:'Montserrat;}*/
h2.title{ font-size:50px;color:#111;margin-bottom:10px;user-select:none;position:relative;display:inline-block;}
.handwrite{font-family:"Bacalisties";}
.arrows-for-swiper > button{ margin:0;border:none;outline:none;background:none;cursor:pointer;padding:0;width:auto;height:auto;font-size:21px;line-height:1;}
.arrows-for-swiper > button:last-child{ margin:0 0 0 10px;}
.ws-100{word-spacing:100vw;}
.lh-0{line-height:0;}
.lh-1{line-height:1;}
.section{margin-bottom:60px;}
.mt-30{margin-top:30px;}
.mt--30{margin-top:-30px;}
.mt-60{margin-top:60px;}
.mt--60{margin-top:-60px;}
.mb-30{margin-bottom:30px;}
.mb--30{margin-bottom:-30px;}
.mb-60{margin-bottom:60px;}
.mb--60{margin-bottom:-60px;}
.pt-30{padding-top:30px;}
.pt-60{padding-top:60px;}
.pb-30{padding-bottom:30px;}
.pb-60{padding-bottom:60px;}
.ptb-30{padding-top:30px !important;padding-bottom:30px !important;}
.ptb-60{padding-top:60px !important;padding-bottom:60px !important;}
.mm-menu_offcanvas{ z-index:999;}
.mm-wrapper__blocker{ z-index:99;}
.sticky{position:sticky;-webkit-position:sticky;top:0;}
/*selection*/
::-moz-selection{ background-color:#2f3180;color:#fff;}
::selection{ background-color:#2f3180;color:#fff;}
::-o-selection{ background-color:#2f3180;color:#fff;}
::-ms-selection{ background-color:#2f3180;color:#fff;}
::-webkit-selection{ background-color:#2f3180;color:#fff;}
/*bootstrap*/
.btn{border-radius:30px;padding:13px 30px 10px;line-height:1;font-size:14px;font-weight:700;border-width:2px;height:auto;letter-spacing:1px;}
.btn.btn-sm{ padding:10px 15px;height:auto;}
.btn-primary{ color:#fff;background-color:#2f3180;border-color:#2f3180;}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle{ color:#fff;background-color:#2175aa;border-color:#2175aa;}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(33, 117, 170, .5);}

.btn-primary:hover{color:#fff;background-color:#2175aa;border-color:#2175aa;}

.btn-outline-primary{color:#2f3180;border-color:#2f3180;}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle{background-color:#2f3180;border-color:#2f3180;}

.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(33, 117, 170, .5);}
.btn-outline-primary:hover{background-color:#2f3180;border-color:#2f3180;}
.btn-link{ padding:0;font-size:14px;font-weight:700;color:#1b1b1b;}
.btn-link:hover{ color:#2f3180;text-decoration:none;}
.btn.with-arrow:after{ content:"\f054";font-family:fontawesome;font-size:12px;padding:0 0 0 15px;}
.form-control{display:block;width:100%;height:40px;padding:7px 9px;line-height:1;color:#111;background-color:#fff;border:1px solid #eee;border-radius:0;font-size:14px;font-weight:400;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.form-control.form-control-outline-white{background-color:transparent;color:#fff;border-color:#fff;}
.form-control.form-control-outline-white:focus{box-shadow:0 0 0 0.2rem rgba(255, 255, 255, .25);}
.form-control.form-control-outline-white::placeholder{color:#fff;}
.form-control.form-control-outline-white:placeholder-shown{color:#fff;}
.form-control.form-control-outline-white::-moz-placeholder{color:#fff;}
.form-control.form-control-outline-white::-webkit-input-placeholder{color:#fff;}
.form-control.form-control-outline-white::-ms-input-placeholder{color:#fff;}
.form-control:focus{outline:0;box-shadow:0 0 0 0.2rem rgba(0, 0, 0, 0.1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.form-group{ margin-bottom:30px;}
.btn-light{ background:none;color:#6a6a6a;font-size:12px;font-weight:700;letter-spacing:2px;}
.btn-light:hover{ background:#eee;color:#6a6a6a;}
.btn-outline-light,
.btn-outline-light:hover{ border-color:#d9d9d9;border-radius:5px;border-width:1px;}
.btn-danger{ color:#fff;background-color:#358fb2;border-color:#358fb2;}
.btn-danger:hover{ color:#fff;background-color:#cc0000;border-color:#cc0000;}
.btn.btn-lg{ padding:18px 35px;font-size:14px;font-weight:700;}
.btn.btn-lg i{ font-size:24px;display:inline-block;vertical-align:middle;margin:-3px 10px -1px 0;}
.form .form-control{ border:1px solid #f2f2f2;border-radius:20px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);padding:10px 24px;height:auto;font-size:14px;margin:0;line-height:1;font-weight:500;position:relative;}
.form textarea.form-control{ padding:24px;}
.form .form-select{ position:relative;}
.form .form-select:after{ content:"\f078";font-family:'FontAwesome';position:absolute;right:20px;top:calc(50% - 7px);color:#c5c5c5;}
.form .form-select select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 24px;}
.form label{ color:#2f3180;font-weight:700;font-size:12px;letter-spacing:2px;margin:0 0 7px;}

/*swiper*/
.swiper-button-next,
.swiper-button-prev{ background:none;outline:none;width:auto;height:auto;margin:0;}

/*social*/
.social a{ font-size:16px;margin-right:5px;}
.social a,
.social a i,
.social a:hover,
.social a:hover i{transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.social a.fa-facebook:hover, .social a:hover .fa-facebook{ color:#3b5998 !important;}
.social a.fa-twitter:hover, .social a:hover .fa-twitter{ color:#00acee !important;}
.social a.fa-instagram:hover, .social a:hover .fa-instagram{ color:#dc1f62 !important;}
.social a.fa-linkedin:hover, .social a:hover .fa-linkedin{ color:#3272bd !important;}
.social a.fa-pinterest-p:hover, .social a:hover .fa-pinterest-p{ color:#ce1e27 !important;}
.social a.fa-youtube-play:hover, .social a:hover .fa-youtube-play{ color:#ce332d !important;}
.social a.fa-tumblr:hover, .social a:hover .fa-tumblr{ color:#3b5998 !important;}
.social a.fa-flickr:hover, .social a:hover .fa-flickr{ color:#ce332d !important;}

/*loading*/
#loading{display:none;}
.loading-active #loading{ background:url(../img/loading.gif) no-repeat center #fff;background-size:310px;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999999999;display:flex;align-items:center;justify-content:center;transition:2s ease;-moz-transition:2s ease;-webkit-transition:2s ease;}
.loading-active #loading.out{ opacity:0;transition:2s ease;-moz-transition:2s ease;-webkit-transition:2s ease;}
.loading-active #loading.hide{display:none;}

/*header*/
#header{ position:fixed;top:0;left:0;width:100vw;z-index:10;background:none;height:310px;pointer-events:none;user-select:none;}
.page-template-page-anasayfa #header{background:url(../img/bg-header.png) repeat-x top center;}
#header > *{ pointer-events:auto;user-select:auto;}
#header .logo img{ max-height:71px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header .logo h1{ margin:0;padding:27px 0;}
#header .language{ background:url(../img/bg-language.png) no-repeat top center;height:141px;display:flex;align-items:center;justify-content:center;padding-bottom:20px;color:#fff;position:absolute;left:0;width:100%;top:0;user-select:none;pointer-events:none;}
#header .language .btn.dropdown-toggle{ background:none;border:none;outline:none;box-shadow:none !important;padding:0;color:#fff;font-weight:700;font-size:14px;margin-left:15px;pointer-events:auto;}
#header .language .btn.dropdown-toggle:after{ content:"\f078";font-family:'FontAwesome';border:none;margin:-2px 0 0 10px;vertical-align:top;font-weight:normal;font-size:15px;width:auto;height:auto;}
#header .language .dropdown-menu{ background:#2f3180;border:none;border-radius:30px 0 30px 30px;padding:20px;color:#fff;position:relative;pointer-events:auto;}
#header .language .dropdown-menu .dropdown-item{ font-size:12px;font-weight:700;display:block;color:#fff;border-radius:30px;text-align:center;}
#header .language .dropdown-menu .dropdown-item:hover{ background:#4795d7;}
#header #site-menu{ width:calc(100% + 40px);padding-top:40px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header #site-menu > ul > li{position:relative;}
#header #site-menu > ul > li > a{ color:#2f3180;font-weight:700;font-size:14px;padding:12px 12px 12px 15px;position:relative;display:block;}
#header #site-menu > ul > li:hover > a{ color:#4795d7;}
#header #site-menu > ul > li > a > span{ position:absolute;left:0;bottom:0;width:0;display:block;height:calc(50% - 5px);overflow:hidden;opacity:0;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header #site-menu > ul > li:hover > a > span{ opacity:1;width:calc(100% - 12px);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header #site-menu > ul > li > a > span:before{ content:"";position:absolute;bottom:0;left:0;width:200%;height:200%;border:2px solid #4795d7;border-radius:30px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header #site-menu > ul > li > ul{ 	position:absolute;top:40px;left:0;background:#0b406a;padding:20px 30px;min-width:230px;border-radius:0 30px 30px;color:#fff;display:none; }
#header #site-menu > ul > li:hover > ul{ display:block;}
#header #site-menu > ul > li > ul:before{ content:"";width:14px;height:16px;background:url(../img/bg-menu-ul.png) no-repeat top left;display:block;position:absolute;left:0;top:-14px;z-index:-1;}
#header #site-menu > ul > li > ul li{margin:0 0 15px;}
#header #site-menu > ul > li > ul li:last-child{margin:0;}
#header #site-menu > ul > li > ul li a{ color:#fff;font-size:12px;font-weight:700;display:block;}
#header #site-menu > ul > li > ul li a:hover{ opacity:0.6;}
#header.small{ height:90px;background:#fff;box-shadow:0 0 60px rgba(0, 0, 0, 0.1);z-index:999;}
#header.small .logo img{ height:50px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header.small .logo h1{ padding:15px 0;}
#header.small #site-menu{ padding-top:20px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header.small .language{ top:-20px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}

/*carousel*/
#carousel .arrows{ position:absolute;top:0;left:0;width:100%;height:calc(100% - 60px);z-index:1;user-select:none;pointer-events:none;padding:0 60px;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;}
#carousel .arrows > div{ position:relative;top:auto;left:auto;opacity:0;color:#fff;font-size:40px;pointer-events:auto;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#carousel:hover .arrows > div{ opacity:1;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#carousel .arrows > div.swiper-button-disabled{ pointer-events:none;}
#carousel:hover .arrows > div.swiper-button-disabled{ opacity:0.5;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#carousel .dots{ position:absolute;bottom:130px;left:0;width:100%;height:20px;user-select:none;pointer-events:none;}
#carousel .dots .swiper-pagination{ position:relative;text-align:left;}
#carousel .dots .swiper-pagination .swiper-pagination-bullet{ width:10px;height:10px;overflow:hidden;background:#fff;opacity:0.5;margin-right:10px;outline:none;user-select:none;pointer-events:auto;}
#carousel .dots .swiper-pagination .swiper-pagination-bullet:hover{ opacity:0.8;}
#carousel .dots .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1;}
#carousel .item{ position:relative;overflow:hidden;}
#carousel .item .img{ position:relative;width:100%;height:100%;}
#carousel .item .img img{ width:100%;height:100%;object-fit:cover;}
#carousel .item .index-lg{ font-size:800px;font-family:'Montserrat';position:absolute;bottom:0;line-height:0.5;left:-200px;opacity:0.15;color:#fff;user-select:none;pointer-events:none;}
#carousel .item .content{ position:absolute;left:0;top:0;width:100%;height:calc(100% - 60px);display:flex;align-items:center;justify-content:center;z-index:5;user-select:none;pointer-events:none;}
#carousel .item .content .container{ position:relative;}
#carousel .item .content .index-sm{ position:absolute;top:10px;right:calc(100% - 20px);font-family:'Montserrat';color:#fff;font-size:20px;text-align:right;user-select:none;pointer-events:none;}
#carousel .item .content .title-type-1{ color:#fff;font-size:60px;font-family:'Montserrat';font-weight:400;user-select:none;pointer-events:none;}
#carousel .item .content .title-type-2{ font-size:150px;line-height:0.25;color:#e50501;font-family:"Bacalisties";margin:0 0 100px;user-select:none;pointer-events:none;}
#carousel .item .content .title-type-3{ color:#fff;font-size:25px;font-weight:500;display:inline-block;position:relative;user-select:none;pointer-events:none;}
#carousel .item .content .title-type-3 .button{ position:absolute;right:0;top:55px;user-select:none;pointer-events:auto;}
#carousel .item .content .title-type-3 .button a{ display:flex;width:50px;height:50px;align-items:center;justify-content:center;background:#e81e1a;border-radius:100%;color:#fff;font-size:18px;padding:2px 0 0 3px;user-select:none;pointer-events:auto;}
#carousel .item .content .title-type-3 .button a:hover{ transform:scale(1.1);}
#carousel .item .content .title-type-3 .button a i{ user-select:none;pointer-events:auto;}
#carousel .item .title-wrapper{padding:0 0 0 30px;position:relative;}
#carousel .item .title-wrapper .corner.top{ position:absolute;top:-25px;left:0;width:180px;height:30px;overflow:hidden;user-select:none;pointer-events:none;}
#carousel .item .title-wrapper .corner.top i{ border:2px solid #fff;border-radius:20px;width:calc(100% + 30px);height:calc(100% + 30px);display:block;}
#carousel .item .title-wrapper .corner.bottom{ position:absolute;bottom:-15px;right:-15px;width:180px;height:30px;overflow:hidden;user-select:none;pointer-events:none;}
#carousel .item .title-wrapper .corner.bottom i{ border:2px solid #fff;border-radius:20px;width:calc(100% + 30px);height:calc(100% + 30px);display:block;position:absolute;bottom:0;right:0;}
#carousel .swiper-slide-active .item .title-wrapper .corner.top{ -webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#carousel .swiper-slide-active .item .content .title-type-1{ -webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#carousel .swiper-slide-active .item .content .title-type-2{ -webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#carousel .swiper-slide-active .item .content .title-type-3{ -webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

/*products*/
.home #products{ background:url(../img/bg-home-products.png) no-repeat;margin-top:-190px;padding-top:190px;position:relative;z-index:9;pointer-events:none;user-select:none;}
#products .item{display:block;text-align:center;pointer-events:auto;cursor:pointer;}
#products .item .title a{ font-family:'Montserrat';color:#2f3180;font-size:30px;display:block;text-align:center;}
#products .item:hover .title a{ color:#4795d7;}
#products .item .title a span{ font-family:'Bacalisties';color:#111;opacity:0.3;font-size:50px;display:block;line-height:0.4;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#products .item:hover .title a span{ opacity:0.15;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#products .item .img img{ position:relative;z-index:1;pointer-events:none;width:auto;height:220px;object-fit:scale-down;margin:0 auto -15px;}
#products .container{ position:relative;}
#products .arrows{ position:absolute;left:-60px;width:calc(100% + 120px);top:86px;user-select:none;pointer-events:none;}
#products .arrows > div{ width:50px;height:50px;background:#871718;border-radius:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;padding:2px 5px 0 0;pointer-events:auto;}
#products .arrows > div.swiper-button-next{ padding-left:8px;}

/*about*/
#about{ background:url(../img/bg-about.jpg) repeat-x top left #fff;overflow:hidden;}
#about .title{ position:absolute;text-align:center;font-family:'Montserrat';font-size:18px;display:block;margin:auto;width:100%;font-weight:500;letter-spacing:4px;top:110px;}
#about .title span{ color:#2f3180;font-family:'Bacalisties';display:block;font-size:70px;line-height:0.5;}
#about .img{ pointer-events:none;user-select:none;}
#about .content{ font-size:16px;line-height:25px;margin-top:50px;}

/*units*/
#units{ padding:50px 0 10px;}
#units .item{cursor:pointer;}
#units .item .img{ border-radius:30px;overflow:hidden;height:182px;width:100%;}
#units .item .img img{ height:100%;width:100%;object-fit:cover;}
#units .item .title a{ font-family:'Montserrat';text-align:center;display:block;font-size:17px;color:#555;padding:20px 0;}
#units .item:hover .title a{ color:#2f3180;}
#units .item .title span{ position:absolute;bottom:0;left:0;width:100%;height:30px;overflow:hidden;user-select:none;pointer-events:none;}
#units .item .title span:before{ content:"";border:2px solid #eaeaf2;border-radius:20px;width:calc(100% + 60px);height:calc(100% + 60px);display:block;position:absolute;bottom:0;left:-30px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#units .item:hover .title span:before{ border-color:#2f3180;left:0;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}

/*videos*/
#videos{ background:url(../img/bg-video.png) no-repeat bottom center #f4f4f4;height:620px;padding-top:50px;}
#videos .right{margin-left:-25px;}
#videos .right h2.title{ margin:80px 0 0;color:#fff;padding-left:55px;}
#videos .right .video-list{ height:430px;overflow:auto;padding-left:55px;}
#videos .right .video-list .item{ margin:25px 0;cursor:pointer;}
#videos .right .video-list .item .img{ height:97px;width:100%;position:relative;}
#videos .right .video-list .item.active .img:before{ content:"";position:absolute;background:#fff;width:calc(100% + 30px);height:calc(100% + 30px);display:block;z-index:0;left:-30px;top:-15px;}
#videos .right .video-list .item.active .img:after{ content:"";width:15px;height:15px;display:block;background:#fff;position:absolute;top:calc(50% - 8px);z-index:9;transform:rotate(45deg);left:-37px;}
#videos .right .video-list .item .img img{ width:100%;height:100%;object-fit:cover;position:relative;z-index:1;}
#videos .right .video-list .item.active .img img{ margin-left:-15px;}
#videos .right .video-list .item .info{ padding:0 0 0 15px;color:#fff;font-weight:500;}
#videos .right .video-list .item .info .title{ font-size:16px;}
#videos .right .video-list .item .info .date{ font-size:12px;opacity:0.5;padding-top:5px;}
#videos .right .video-list::-webkit-scrollbar{width:6px;}
#videos .right .video-list::-webkit-scrollbar-track{background:#26296f;border-radius:10px;}
#videos .right .video-list::-webkit-scrollbar-thumb{background:#393b99;border-radius:10px;}
#videos .left .main-video,
#videos .left .embed{ width:100%;height:590px;overflow:hidden;border-radius:30px;position:relative;background:#000;}
#videos .left .main-video .img,
#videos .left .embed iframe{ width:100%;height:100%;position:relative;}
#videos .left .main-video .info{ position:absolute;bottom:80px;left:40px;color:#fff;cursor:pointer;}
#videos .left .main-video .img:before{ content:"";position:absolute;width:100%;height:70%;bottom:0;left:0;display:block;background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(47, 49, 128, 0.65) 100%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(47, 49, 128, 0.65) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(47, 49, 128, 0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a62f3180', GradientType=0);}
#videos .left .main-video .img img{ width:100%;height:100%;object-fit:cover;}
#videos .left .main-video .info .title{ font-size:40px;font-family:'Montserrat';}
#videos .left .main-video .info .date{ font-size:12px;opacity:0.5;}
#videos .left .main-video .info i{ font-size:70px;margin-right:20px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#videos .left .main-video .info:hover i{ transform:scale(1.1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#videos .left .main-video .info span{ position:absolute;bottom:0;right:-15px;width:180px;height:30px;overflow:hidden;user-select:none;pointer-events:none;}
#videos .left .main-video .info span:before{ content:"";border:2px solid #eaeaf2;border-radius:20px;width:calc(100% + 60px);height:calc(100% + 60px);display:block;position:absolute;bottom:0;right:0;}

/*testimonials*/
#testimonials{ position:relative;padding:60px 0;min-height:685px;}
#testimonials:before{ content:"";width:100%;height:1px;background:#e5e5e5;position:absolute;top:200px;left:0;}
#testimonials .item{text-align:center;cursor:pointer;}
#testimonials .item .img{ background:url(../img/bg-testimonial.png) no-repeat center;background-size:0;margin:40px 0 30px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#testimonials .item .img img{ width:206px;height:206px;object-fit:cover;border-radius:100%;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#testimonials .item .content{display:none;}
#testimonials .item .content .who{ font-family:'Montserrat';font-size:25px;color:#111;display:block;}
#testimonials .item .content .team{ color:#2f3180;opacity:0.5;padding:15px;position:relative;display:inline-block;margin:0 0 20px;}
#testimonials .item .content .team a{ color:#2f3180;display:block;}
#testimonials .item .content .team span{ position:absolute;bottom:0;left:0;width:100%;height:30px;overflow:hidden;user-select:none;pointer-events:none;}
#testimonials .item .content .team span:before{ content:"";border:2px solid #eaeaf2;border-radius:20px;width:calc(100% + 60px);height:calc(100% + 60px);display:block;position:absolute;bottom:0;right:0;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#testimonials .item .content .comment{ font-size:16px;line-height:25px;font-weight:400;}
#testimonials .swiper-slide-active .item .img{ background-size:310px;margin-top:0;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#testimonials .swiper-slide-active .item .img img{ width:285px;height:285px;border-radius:200%;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#testimonials .swiper-slide-active .item .content{ display:block;}
#testimonials .container{position:relative;}
#testimonials .arrows{ position:absolute;left:-60px;width:calc(100% + 120px);top:115px;user-select:none;pointer-events:none;}
#testimonials .arrows > div{ width:50px;height:50px;background:#fff;border:1px solid #e5e5e5;border-radius:100%;display:flex;align-items:center;justify-content:center;color:#d5dbd8;font-size:21px;padding:2px 5px 0 0;pointer-events:auto;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#testimonials .arrows > div:hover{ background:#f5f5f5;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#testimonials .arrows > div.swiper-button-next{ padding-left:8px;}

/*logos*/
#logos { 	background: #fff;	padding: 40px 0;}
#logos .item { 	text-align: center;	display: flex;	align-items: center;	justify-content: center;	position: relative;	height: 90px;	width: 90%;	background: #fff;	border-radius: 5px;}
/*#logos .item:after{ content:"";width:1px;height:30px;background:#e5e5e5;display:block;position:absolute;left:-1px;top:calc(50% - 15px);}*/
#logos .swiper-container:after{ content:"";background:#f8f8f8;width:1px;height:100%;display:block;position:absolute;right:0;top:0;z-index:1;}
#logos .img-fluid { 	height: 90px;}

/*socialmedia*/
#socialmedia{ background:#222;padding:45px 0;color:#fff;}
#socialmedia .title{ font-size:22px;font-family:'Montserrat';}
#socialmedia a{ background:#2f3180;color:#fff;border-radius:30px;height:60px;display:flex;align-items:center;padding:0 25px;font-size:14px;font-weight:700;}
#socialmedia a:hover{ opacity:0.7;}
#socialmedia a:before{ content:"\f0da"; font-family:'FontAwesome'; font-weight:normal;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255, 255, 255, 0.1);font-size:20px;margin-right:15px;}
#socialmedia a.facebook{ background:#3d5b9b;}
#socialmedia a.facebook:before{ content:"\f09a";}
#socialmedia a.twitter{ background:#2daae4;}
#socialmedia a.twitter:before{ content:"\f099";}
#socialmedia a.linkedin{ background:#0972ac;}
#socialmedia a.linkedin:before{ content:"\f0e1";}
#socialmedia a.instagram{background: -webkit-linear-gradient(#f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
#socialmedia a.instagram:before{ content:"\f16d";}
#socialmedia a.youtube{background: #F70000;}
#socialmedia a.youtube:before{ content:"\f16a";}

/*footer*/
#footer{ background:#1a1a1a;color:#fff;}
#footer .top{ padding:60px 0 0;}
#footer .top a{ color:#fff;}
#footer .top .contact{ margin:10px 0 0 30px;}
#footer .top .contact li{ margin:0 0 10px 25px;font-size:14px;font-weight:400;}
#footer .top .contact li span i{ color:#4795d7;width:15px;display:inline-flex;margin:0 10px 0 -25px;font-size:15px;align-items:center;justify-content:center;}
#footer .top .contact li span i.fa-map-marker{ font-size:20px;}
#footer .top .contact a:hover{ opacity:0.7;}
#footer .top .menu .title{ color:#fff;font-family:'Montserrat';font-size:18px;font-weight:normal;margin:0 0 20px;}
#footer .top .menu li a{ font-size:14px;font-weight:400;margin:0 0 15px;display:inline-block;}
#footer .top .menu li a:hover{ opacity:0.7;}
#footer .top .menu.social{ margin:20px 0;}
#footer .top .menu.social li a{ margin:0 8px;font-size:15px;}
#footer .bottom{ padding:35px 0 17px;}
#footer .bottom .left{ position:relative;}
#footer .bottom .left:before{ content:"";background:url(../img/bg-footer.png) no-repeat bottom left;width:313px;height:67px;display:block;position:absolute;bottom:-26px;left:-67px;z-index:1;}
#footer .bottom .left .copyright{ position:relative;z-index:1;font-size:12px;font-weight:500;}

/*inside*/
#inside .banner{ position:relative;overflow:hidden;width:100vw;height:410px;margin:0 0 30px;}
#inside .banner .img{ width:100%;height:100%;}
#inside .banner .img img{ width:100%;height:100%;object-fit:cover;}
#inside .banner .img:after{content:"";background:url(../img/bg-banner-inside.png) no-repeat;width:100%;height:82px;position:absolute;left:0;bottom:0;user-select:none;pointer-events:none;}
#inside .banner .content{ position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;background:url(../img/bg-banner-product-page.png) no-repeat top center;padding-top:60px;}
#inside .banner .content .title{ color:#2f3180;font-size:55px;margin:0;line-height:1;position:relative;z-index:9;}
#inside .banner .content .title-big{ pointer-events:none;user-select:none;font-family:'Montserrat';font-size:700px;position:absolute;left:-60px;line-height:0;color:#fff;opacity:0.2;white-space:nowrap;}
#inside #content h3.title{ font-size:42px;}
#inside #content h4.title{ color:#4795d7;font-size:45px;}
#inside #content p{ font-size:16px;line-height:25px;}
#inside #content .arrows{ display:flex;}
#inside #content .arrows > div{ position:relative;right:auto;bottom:auto;top:auto;left:auto;}
#inside #content .arrows > div:first-child{ margin-right:10px;}
#inside #content .arrows > div i{ color:#d1d1d1;font-size:25px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#inside #content .arrows > div:hover i{ color:#4795d7;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}

/*product-page*/
#product-page #header{ background-image:none;}
#product-page #inside .banner{margin:0;}
#product-page #inside .banner .img:after{display:none;}
#product-page #inside .banner .content .title{ font-size:70px;}
#product-page #inside #content .tab-wrapper{ background:url(../img/bg-banner-product-page-tab.png) no-repeat center top;height:297px;width:100vw;position:relative;margin:-100px 0 -60px 0;padding-top:90px;}
#product-page #inside #content .tab-wrapper .nav-link{ padding:10px;border-radius:10px;background:#55a1e2;color:#fff;font-size:14px;font-weight:600;text-align:center;min-width:115px;min-height:75px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:7px;}
#product-page #inside #content .tab-wrapper .nav-link:hover{ background:#5ba7ea;}
#product-page #inside #content .tab-wrapper .nav-link.active{ color:#55a1e2;background:#fff;}
#product-page #inside #content .tab-wrapper .nav-link span{ display:block;font-size:20px;line-height:0;margin:0 0 4px;}
#product-page #inside #content .tab-content-wrapper{overflow:hidden;}
#product-page #inside #content .title{user-select:none;pointer-events:none;}
#product-page #inside #content .title .handwrite{ font-size:700px;color:#e50501;line-height:0;margin:20px 0 160px -50px;transform:rotate(-4deg);display:block;z-index:1;position:relative;}
#product-page #inside #content #productGallery .swiper-slide{width:210px;padding:0 15px;}
#product-page #inside #content #productGallery .swiper-slide .item{padding:20px 0;cursor:pointer;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#product-page #inside #content #productGallery .swiper-slide .item:hover{padding:10px 0 30px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#product-page #inside #content #productGallery .swiper-slide .item .img{ width:100%;height:180px;overflow:hidden;border-radius:30px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#product-page #inside #content #productGallery .swiper-slide .item:hover .img{ box-shadow:0 10px 20px rgba(0, 0, 0, 0.3);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#product-page #inside #content #productGallery .swiper-slide .item .img img{ width:100%;height:100%;object-fit:cover;}
#product-page #inside #content #buy .title{ font-size:70px;margin:0 0 -30px;}
#product-page #inside #content #buy .form{padding:80px 0 0 0;}
#product-page #inside #content #buy .form .form-select{ max-width:180px;}
#product-page #inside #content #buy .form .left{height:fit-content;}
#product-page #inside #content #buy .form .left:after{ content:".....";position:absolute;right:40px;top:calc(50% - 40px);transform:rotate(90deg);font-size:14px;font-weight:700;color:#000;opacity:0.2;letter-spacing:15px;line-height:0;width:0;height:0;}

/*gallery*/
.gallery{margin-top:30px;}
.gallery > ul{margin-bottom:0;}
.gallery > ul > li{margin-bottom:30px;}
.gallery > ul > li a{ border:3px solid #eee;display:block;overflow:hidden;position:relative;width:100%;height:200px;border-radius:10px;}
.gallery > ul > li a > img{object-fit:cover;-webkit-transition:-webkit-transform 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s;-o-transition:-o-transform 0.3s ease 0s;transition:transform 0.3s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);height:100%;width:100%;}
.gallery > ul > li a:hover > img{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
.gallery > ul > li a:hover .demo-gallery-poster > img{opacity:1;}
.gallery > ul > li a .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}
.gallery > ul > li a .demo-gallery-poster > img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}
.gallery > ul > li a:hover .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.5);}
.gallery .justified-gallery > a > img{-webkit-transition:-webkit-transform 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s;-o-transition:-o-transform 0.3s ease 0s;transition:transform 0.3s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);height:100%;width:100%;}
.gallery .justified-gallery > a:hover > img{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
.gallery .justified-gallery > a:hover .demo-gallery-poster > img{opacity:1;}
.gallery .justified-gallery > a .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}
.gallery .justified-gallery > a .demo-gallery-poster > img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}
.gallery .justified-gallery > a:hover .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.5);}
.gallery .video .demo-gallery-poster img{height:48px;margin-left:-24px;margin-top:-24px;opacity:0.8;width:48px;}
.gallery.dark > ul > li a{border:3px solid #04070a;}

/*whatsapp*/
#whatsapp{ display:block;position:fixed;right:30px;bottom:30px;z-index:10;}

/*bahce-tesis*/
#mapTesisBahce { position: relative;margin: 20px auto 0;width: 90%;max-width: 1200px;}
#mapTesisBahce .harita { width: 100%;}
#mapTesisBahce .pin { text-align: center;position: absolute;left: 0;top: 0;width: 12%;}
#mapTesisBahce .pin img { width: 40%;display: inline;cursor: pointer;}
#mapTesisBahce .pin .text { text-align: center;font-size: 11px;color: #222;margin-top: 2%;}

/*responsive*/
@media (min-width:1300px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    .container{ max-width:1260px;}
}
@media (max-width:1440px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*hidpi*/
}
@media (max-width:1366px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*ipadpro*/
}
@media (max-width:1280px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*kindle,mdpi,touch*/
    #header #site-menu > ul > li > a{ padding:12px 6px;}
    #product-page #inside #content #buy .form .left:after{display:none;}
}
@media (max-width:1199px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    .container{ max-width:calc(100% - 60px);}
    #products .arrows,
    #testimonials .arrows{display:none;}
    #header .language{ background-size:contain;}
    #product-page #inside #content .title .handwrite{ font-size:100px;margin:20px 0 140px -30px;}
    #whatsapp{ transform:scale(0.8);right:10px;bottom:10px;}
}
@media (max-width:1100px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    #header #site-menu > ul > li > a{ padding:12px 7px;letter-spacing:-1px;}
    #about .title{top:75px;}
}
@media (max-width:1024px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*bbPlayBook,ipadmini,ipad,ipadpro*/
    #header #site-menu > ul > li:first-child > a{ display:none;}
    #testimonials .item .img{background:none;}
    #product-page #inside #content .tab-wrapper{ background-position:-330px -0;}
    #inside .banner .content .title-big{ font-size:500px;line-height:0.2;}
}
@media (max-width:992px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
}
@media (max-width:991px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    #header .btn-header{ background:#4795d7;color:#fff;font-size:26px;padding:10px 15px;border-radius:18px;line-height:1;}
    #header.small{ height:auto;}
    #carousel .item .content .title-type-1{ font-size:50px;}
    #carousel .item .content .title-type-2{ font-size:35px;}
    #about .title span{ font-size:80px;}
    #socialmedia .title{ margin-bottom:30px;}
    #footer .top .contact{ margin:0 0 30px;}
    #product-page #inside #content #productGallery{ margin-left:-12px;}
    #whatsapp{ right:0;bottom:0;}
}
@media (max-width:950px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*touch*/
    #videos .left .main-video .info .title{ font-size:30px;}
    #testimonials:before{display:none;}
    #testimonials .item .img{ background:none;margin-top:0;}
    #testimonials .item .img img,
    #testimonials .swiper-slide-active .item .img img{ width:200px;height:200px;}
    #product-page #inside #content #buy .title{ font-size:55px;margin:15px 0 -22px;line-height:1;}
}
@media (max-width:900px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*hidpi*/
}
@media (max-width:854px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*n9*/
    #about .title{ top:45px;}
    #about .title span{ font-size:70px;}
    #about .title{ letter-spacing:2px;}
    #about .title span{ letter-spacing:0;}
    #videos .right h2.title{ font-size:30px;}
    #inside .banner .content .title{font-size:45px;}
    #product-page #inside .banner .content .title{font-size:50px;}
    #product-page #inside #content .tab-wrapper{ margin-bottom:-20px;}
}
@media (max-width:823px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*pixel2*/
}
@media (max-width:812px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*iphonex*/
}
@media (max-width:800px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*kindle,mdpi*/
}
@media (max-width:768px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*ipadmini,ipad*/
}
@media (max-width:767px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    #about .img{ text-align:center;}
    #about .title{ transform:scale(1.5);top:110px;letter-spacing:7px;}
    #videos{ background:#2f3180;height:auto;}
    #videos .left .main-video, #videos .left .embed{height:400px;}
    #videos .left .main-video .info{bottom:40px;}
    #videos .right{ margin:0;padding:0 0 30px;}
    #videos .right h2.title{display:none;}
    #videos .right .video-list{ height:auto;white-space:nowrap;padding:20px 0;}
    #videos .right .video-list .item{ margin:0;display:inline-block;}
    #videos .right .video-list .item.active .img:before,
    #videos .right .video-list .item.active .img:after{display:none;}
    #videos .right .video-list .item .img img{ width:90px;height:90px;object-fit:cover;margin:0 !important;border-radius:10px;}
    #videos .right .video-list .item.active .img img{ border:5px solid #fff;}
    #videos .right .video-list .item .info{ padding:0 15px;}
    #videos .right .video-list::-webkit-scrollbar{height:6px;}
    #footer .top{ text-align:center;}
    #footer .top .contact{ margin:30px auto 60px;}
    #footer .top .contact li{ margin:0 0 15px;}
    #footer .top .contact li span i{ display:block;text-align:center;width:auto;margin:0 0 5px;font-size:20px;}
    #inside .banner .content .title-big{ font-size:400px;line-height:0.3;}
    #product-page #inside #content #buy .form .form-select{ max-width:none;}
    #product-page #inside #content #productGallery{ width:calc(100% + 57px) !important;}
    #product-page #inside #content .tab-content-wrapper{ overflow:visible;}
    #product-page #inside #content #buy .sticky{ top:100px;}
    #whatsapp{ transform:scale(0.6);bottom:-10px;right:-10px;}
    #footer .bottom {
        padding: 35px 0 26px;
    }
    .kvkk {
        padding-bottom: 40px;
    }
}
@media (max-width:736px){
     #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*iphone6plus,iphone7plus,iphone8plus*/
}
@media (max-width:732px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
     #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*nexus5x,nexus6p*/
}
@media (max-width:731px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*pixel2*/
    #about .title{ transform:scale(1.2);}
}
@media (max-width:667px){
    /*iphone6,iphone7,iphone8*/
     #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
}
@media (max-width:640px){
    /*bbz30,note3,note2,s3,s5,l70,lumia550,lumia950*/
     #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
}
@media (max-width:600px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*bbZ30,bbPlayBook*/
}
@media (max-width:575px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    #carousel .item .img{background:#2f3180;}
    #carousel .item .img img{ opacity:0.7;}
    #carousel .item .content .title-type-1{ font-size:35px;}
    #carousel .item .content .title-type-2{ font-size:35px;}
    #carousel .arrows{display:none;}
    #carousel .item .index-lg{ font-size:570px;}
    #about .title{ transform:none;top:70px;}
    #about .content{ margin-top:20px;}
    #about .img img{ width:100vw;max-width:100vw;margin-left:-50px;}
    #socialmedia{ padding:45px 0 30px;}
    #socialmedia .title{ text-align:center;}
    #socialmedia a{ margin-bottom:15px;justify-content:center;display:flex;}
    #socialmedia a:before{width:50px;}
    #footer .top .menu{ margin:0 0 30px;}
    #videos .left .main-video .info .title{ padding-right:30px;}
    #videos .left .main-video .info span{ left:-15px;right:auto;bottom:-15px;}
    #videos .left .main-video .info span:before{ left:0;right:auto;}
    #inside .banner .content .title-big{ font-size:300px;line-height:0.5;}
    #product-page #inside #content #buy .sticky{ text-align:center;}
    #product-page #inside #content #buy .title{ font-size:70px;}
    #product-page #inside #content #buy .form{ padding:30px 0 0 0;}
}
@media (max-width:568px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*iphone5*/
}
@media (max-width:559px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
}
@media (max-width:533px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*lumia520*/
}
@media (max-width:480px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*n9,iphone4*/
}
@media (max-width:414px){
    /*iphone6plus,iphone7plus,iphone8plus*/
    .container{ max-width:calc(100% - 30px);}
    h2.title{ font-size:30px;}
    #inside .banner .title{ font-size:30px;}
    #about .img img{ margin-left:-30px;}
    #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
}
@media (max-width:412px){
     #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    
    /*nexus5x,nexus6p*/
}
@media (max-width:411px){
    /*pixel2*/
    #carousel .item .content .title-type-3{ font-size:18px;}
    #carousel .item .index-lg{ font-size:440px;}
    #about .title{ letter-spacing:2px;top:60px;}
     #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    #videos .left .main-video, #videos .left .embed{ height:300px;}
    #videos .left .main-video .info i{ font-size:50px;margin:0 0 10px;}
    #testimonials{ padding:0;}
    #product-page #inside #content #buy .title{ font-size:60px;}
}
@media (max-width:384px){
    /*l70*/ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
}
@media (max-width:375px){
    /*iphone6,iphone7,iphone8,iphonex*/
 #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    #whatsapp{ transform:scale(0.5);bottom:-30px;right:-30px;}
    #carousel .item .content .title-type-2{ font-size:35px;}
}
@media (max-width:360px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*note3,note2,s3,s5,lumia550,lumia950*/
}
@media (max-width:320px){ #product-page #inside #content .title .handwrite{ font-size:70px;margin:20px 0 120px;}
    /*lumia520,iphone4,iphone5*/
    .loading-active #loading{ background-size:250px;}
    #header .logo img{ height:auto;}
    #header .btn-header{ font-size:18px;border-radius:100%;}
    #inside .banner .title{ font-size:25px;}
}