a { color:inherit; text-decoration:inherit;} a:focus { color:inherit; text-decoration:inherit;} a:hover { color:inherit; text-decoration:inherit;} ul { margin-bottom:0; padding-left:0}
.img-responsive { width:100%; height:auto; max-width:100%; max-height:100%;}
.cboth { clear:both; display:block;}
.header {  width:100%;}
.header-top { color:#fff; font-size:15px; background:url('../img/header-top.png') no-repeat center center; background-size:100% auto;display:table;}
.header-top ul.social { float:right; list-style:none; }
.header-top ul.social li { float:left; margin:0 10px;}
.header-top ul.social li:last-child { margin-right:0}

.header-mid { border-bottom:1px solid #e3e6f0;}
.header-mid img { max-height:75px; width:auto;}

.header-mid .whatsapp { float:right; margin-top:25px;}
.header-mid .whatsapp img { float:left; width:30px; height:auto; margin-right:5px;}
.header-mid .whatsapp h5 { line-height:27px; display:table-cell;}

.header-mid .subeler { float:right;}
.header-mid .subeler ul { list-style:none; padding-left:0}
.header-mid .subeler ul li {float:left;margin-left: 20px;height:85px;min-width:125px;}
.header-mid .subeler ul li:first-child { margin-left:0}
.header-mid .subeler ul li::after {position:absolute;right: -12px;height: 45px;content:'';display:block;background-color:#D1D3D4;width:2px;top: 10px;}
.header-mid .subeler ul li:last-child::after { display:none;}
.header-mid .subeler ul li img { margin:0 auto; max-height:55px; max-width:115px; margin-bottom:24px; display:block}
.header-mid .subeler ul li h5 { font-size:18px; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; bottom:0; width:100%;}
.header-mid .mmenu { display:none; float:right; margin-top:6px}
.header-mid .mmenu a{font-size:30px; font-family: 'Roboto', sans-serif; color:#757575;}
.header-mid .mmenu span {font-size:20px;font-weight:bold;margin-right:5px;line-height: 48px;display: block;float: left;}

.header-bottom {border-bottom:1px solid #e3e6f0;}
.header-bottom nav { padding:25px 0}
.header-bottom nav ul { width:100%; list-style:none;}
.header-bottom nav ul li { display:inline-block; position:relative; margin:0 5px;}
.header-bottom nav ul li a{font-size:16px; font-family: 'Roboto', sans-serif; color:#757575; text-transform:uppercase;}
.header-bottom nav ul li a.aktif { font-weight:bold;}
.header-bottom nav ul li a.aktif::before { position:absolute; content:''; display:block; height:2px; top:-25px; width:100%; background-color:#5FAF0B;}
.header-bottom nav ul li.mobile { display:none;}
.header-bottom nav ul li.mobile a{ font-size:27px;}

.cquery { width:100%; height:100%; position:fixed; z-index:100000; top:0; left:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center;}
.cquery .bg { position:absolute; z-index:100001; background:rgba(0,0,0,0.80); width:100%; height:100%; top:0; left:0; cursor:pointer; display:none;}
.cquery .content { position:relative; z-index:100002; display:table; max-width:80%; display:none; margin:0 auto;}
.cquery .content a.kapat {position:absolute;top: -23px;right: -15px;color: #fff;}
.cquery .content img {width:100%; height:auto;}


.slayt { width:100%;position:relative; margin-bottom:50px }
.slayt .flexslider{ width:100%;overflow:hidden; position:relative;}
.slayt .slides { position:relative;}

.slayt li { position:relative}
.slayt li::after { position:absolute; left:0; right:0; width:100%; height:100%; content:''; display:block; background-color:rgba(0, 0, 0, 0.20); z-index:1; top:0}
.slayt .swiper-slide-caption {position:absolute; height:auto; top:0; left:0; right:0;z-index: 2;display: block;width: 100%;padding: 180px 0 180px;min-height: inherit; text-shadow:00px 0px 1px #656565;}
.slayt .swiper-slide-caption h1 { color:#403e3e;}
.slayt .swiper-slide-caption h3 { color:#403e3e;}

.slayt .cont { position:relative; z-index:99999;}
.slayt .siparis{ width:365px; position:absolute; bottom:-46px; right:0; background-color:#fff; border-radius:7px; border:1px solid #d2d2d2; box-shadow:0 5px 14px 0 rgba(0, 0, 0, 0.17); padding:10px;}
.slayt .siparis::after {content:'';display:block;position:absolute;bottom: -14px;width:100%;height: 13px;left:0;background: url('../img/altgolge1.png') no-repeat top center;background-size:  100% auto;z-index:-1;}
.slayt .siparis h3 { color:#12BBF4; font-weight:bold;}
.slayt .siparis p { font-size:13px;}
.slayt .siparis button { width:100%; color:#fff; background: #15a8f1;
background: -moz-linear-gradient(left, #12BBF4 0%, #97E1FA 50%, #12BBF4 100%);
background: -webkit-linear-gradient(left, #12BBF4 0%,#97E1FA 50%,#12BBF4 100%);
background: linear-gradient(to right, #12BBF4 0%,#97E1FA 50%,#12BBF4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a8f1', endColorstr='#15a8f1',GradientType=1 ); font-weight:bold;}
.slayt .siparis .form-actions { width:100%; display:table;}

.tanitim .btn { color:#000;background-color:#7EDC2C;font-family: 'Roboto', sans-serif; font-weight:bold; position:relative;}
.tanitim .btn::after {content:'';display:block;position:absolute;bottom: -11px;width:100%;height: 10px;left:0;background:url('../img/altgolge1.png') no-repeat top center;background-size:  100% auto;z-index:-1;}
.tanitim ul { list-style:none;}
.tanitim ul li img { width:100%; height:auto;}
.tanitim .slick-dots { bottom:10px !important;}
.tanitim .slick-dots li.slick-active button:before { color:#fff !important; border-color:#fff !important;}

.hizmetler { min-height:150px; width:100%; background:url('../img/hizmet-bg.png') no-repeat center center; background-size:cover; position:relative;}
.hizmetler ul { list-style:none; position:relative; padding-left:0}
.hizmetler ul li { text-align:center; text-transform:uppercase;}
.hizmetler ul li::after {position:absolute;right: -12px;height: 70%;content:'';display:block;background-color:#D1D3D4;width:2px;top: 0;}
.hizmetler ul li:last-child::after { display:none;}
.hizmetler ul li .content { margin:0 auto; width:70%;}
.hizmetler ul li .icon { height:80px; margin:0 auto; display:table;}
.hizmetler ul li .icon img { width:auto; height:80px;}
.hizmetler ul li h5 { font-weight:bold; color:#fff; font-size:17px; font-family: 'Roboto Condensed', sans-serif;}


.franchising {min-height:150px; width:100%; background:url('../img/franchising-bg.png') no-repeat center center; background-size:cover; color:#fff; position:relative;}
.franchising a.btn { min-width:110px; border-radius:8px; color:#000; background-color:#fff;}


.gbaslik { text-align:center; margin:15px 0;font-size:32px; font-family: 'Roboto Condensed', sans-serif; position:relative;}
.gbaslik::before {content:'';bottom: -11px;width:30px;left:0;right:0;margin:0 auto;position:absolute;display:block;background-color:#2084FE;height: 4px;}
.gbaslik::after { content:''; bottom:-10px; width:80px; left:0; right:0; margin:0 auto; position:absolute; display:block; background-color:#2084FE; height:1px;}

.galeri .row { margin-left:0; margin-right:1px;}
.galeri .gl { padding-left:0px; padding-right:1px;}
/*.galeri .gl .img { margin-left:-2px; margin-right:-2px;width:100%; height:210px; overflow:hidden; position:relative;}
.galeri .gl .img img { min-width:100%; width:auto; height:auto; min-height:300px; max-height:400px; position:absolute;left: 50%; transform: translate(-50%,0); }
*/


.galeri .gl .img { margin-left:-2px; margin-right:-2px;width:100%; position:relative;}
.galeri .gl .img img { width:100%; height:auto; }


.yazilar .bg-color-1 {background-color:#DEF0FF;}
.yazilar .bg-color-2 {background-color:#D6FFAE;}

.yazilar .nav-tabs .nav-link { width:50%; font-weight:bold;color:#000;color:#000;border:none;}
.yazilar .nav-tabs .nav-link.active, .yazilar .nav-tabs .nav-item.show .nav-link { border:none;}
.yazilar .nav-tabs .nav-link.active.bg-color-1, .yazilar .nav-tabs .nav-item.show.bg-color-1 .nav-link { background-color:#DEF0FF; }
.yazilar .nav-tabs .nav-link.active.bg-color-2, .yazilar .nav-tabs .nav-item.show.bg-color-2 .nav-link { background-color:#D6FFAE; }
.yazilar .tab-content ul { list-style:none; padding:0 15px;}
.yazilar .tab-content ul li{ width:100%; border-bottom:2px solid #fff;}
.yazilar .tab-content ul li:last-child { border:none;}
.yazilar .tab-content ul li img { float:left; max-height:60px; max-width:80px; margin-right:10px}
.yazilar .tab-content ul li h5 { font-size:17px; font-weight:bold;}
.yazilar .tab-content ul li p { font-style:italic; font-size:13px}

.yazilar .yazi { background-color:#F8F8F8; width:100%; display:table;}
.yazilar .yazi .img { width:100%; height:210px; overflow:hidden; position:relative;}
.yazilar .yazi .img img { min-width:100%; width:auto; height:auto; min-height:250px; max-height:280px; position:absolute;left: 50%; transform: translate(-50%,0); }
.yazilar .yazi .content { padding:15px 25px;}
.yazilar .yazi .content h5 { font-weight:bold; font-size:17px;}
.yazilar .yazi .content .ozet { padding:10px 0; text-align:justify; font-size:13px; min-height:115px;}
.yazilar .yazi .content .devam { margin-top:10px; color:#2084FE; font-weight:bold; font-style:italic; font-size:13px}


.page-header { width: 100%; height: 150px; position: relative;}
.page-header.bg { background-size: 100% auto;}
.page-header .caption {width: 120px;position: absolute;top: 0;right: 0;z-index: 1;height: 100%;background-color: #fff;}
.page-header .caption::before{position:absolute;top:0;left: 0px;width: 38px;background-color:#12BBF4;content:'';display:block;height:100%;transform:Skewx(-14deg);transform-origin:top right;z-index:0;}


.page-header .container { height: 150px;}
.page-header .content {display: table;position: relative;height: 100%; position: relative;}
.page-header .content::before{position:absolute;top:0;left: -15px;width:230px;background-color:rgba(0,0,0,.6);content:'';display:block;height:100%;transform:Skewx(-14deg);transform-origin:top right;z-index:0;}
.page-header h1 {color: #fff;font-size: 28px;font-weight: 500;font-family: 'Roboto', sans-serif;margin-bottom: 0;position:  relative;display:  table; z-index: 1;bottom: -99px; text-transform: uppercase;}

.page-header2 { width: 100%; padding: 15px; background-color: #12BBF4; color: #fff; font-size: 15px; display: table;}
.page-header2 h1 {color: #fff;font-size: 28px;font-weight: 500;font-family: 'Roboto', sans-serif;margin-bottom: 0;display:  table; z-index: 1; margin-right: 20px; text-transform: uppercase; float: left;}
.page-header2 a.nav { float: left; color: #fff; margin-top: 9px; font-size: 13px;}
.page-header2 a.nav:last-child::after { display: none;}
.page-header2 a.nav::after { content: '/'; display: block; float: left; margin-left: 10px; margin-right: 10px;}

.page-pad { padding: 70px 0}

.solmenu { width: 100%; margin-bottom: 40px;}
.solmenu ul { list-style: none;}
.solmenu ul li { width: 100%; padding-bottom: 12px; margin-bottom: 12px; border-bottom:1px solid #d2d2d2;font-family: 'Roboto', sans-serif;}
.solmenu ul li.aktif { color: #00A9D6;}

.page-content  { font-size:16px; padding:0 5px;}
.page-content a { color:#67a8ef}
.page-content  ul { padding-left:20px;}
.page-content  ol { padding-left:20px;}
.page-content  iframe {max-width:100%; min-height:200px}
.page-content  img { max-width:100%;}

i.icon {float: left;margin-right: 10px;background: url('../img/hizmetler.svg') no-repeat;}
i.icon.ico1 {width: 29px;height: 25px;background-position: 0px 0px;}
i.icon.ico2 {width: 24px;height: 24px;background-position: -50px 0px;}
i.icon.ico3 {width: 24px;height: 24px;background-position: -93px 0px;}
i.icon.ico4 {width: 23px;height: 24px;background-position: -135px 0px;}

li:hover i.icon.ico1, li.aktif i.icon.ico1 {background-position: 0px -43px;}
li:hover i.icon.ico2, li.aktif i.icon.ico2 {background-position: -50px -43px;}
li:hover i.icon.ico3, li.aktif i.icon.ico3 {background-position: -93px -43px;}
li:hover i.icon.ico4, li.aktif i.icon.ico4 {background-position: -135px -43px;}

fieldset {display: block;margin-left: 2px;margin-right:2px; margin-bottom:30px;padding-top: 0.35em; padding-bottom: 0.625em;padding-left: 0.75em;padding-right: 0.75em; border: 1px solid #d2d2d2;}
fieldset fieldset legend { font-size: 14px;}
legend { display: table; padding: 0 10px; width: auto; }

.siparis .form-control { border-radius: 0}

.siparis label { font-size: 13px}
.siparis input.w200 { width: 200px; float: left; margin-right: 10px}
.btn.btn-blue { background-color: #12BBF4; color: #fff; border-radius: 0}

.franchise .form-control { border-radius: 0}
.franchise label { font-size: 13px}
.franchise label span { color:#f00; font-size:12px; line-height:3px;}
.franchise input.w200 { width: 200px; float: left; margin-right: 10px}

.footer { width:100%; min-height:200px; background:#00A9D6;padding:40px; color:#fff; font-family: 'Roboto Condensed', sans-serif;}
.footer ul.menu { width:100%; padding:0; list-style:none; padding-bottom:6px; border-bottom:1px solid #fff; text-align:center}
.footer ul.menu li { font-weight:bold; margin:0 30px; display:inline-block; float:none; margin:0 auto}

.footer .iletisim { padding:20px 0; text-align:center;}
.footer .iletisim .icon { background-color:#fff; border-radius:50%; padding:10px; text-align:center; margin:0 auto; margin-bottom:10px; width:35px; height:35px; color:#2084FE;}
.footer .iletisim .icon i { display:table;}
.footer .iletisim .icon i.fa-map-marker { margin-left:2px;}
.footer .iletisim p { margin-bottom:2px}



.footer .social { margin:0 auto; display:table; text-align:center; width:100%; position:relative;}
.footer .social a { margin:0 8px; width:35px; height:35px; display:inline-block;}
.footer .social a.facebook { background:url(../img/facebook.png) no-repeat center center; background-size:contain;}
.footer .social a.twitter { background:url(../img/twitter.png) no-repeat center center; background-size:contain;}
.footer .social a.youtube { background:url(../img/youtube.png) no-repeat center center; background-size:contain;}
.footer .social a.instagram { background:url(../img/instagram.png) no-repeat center center; background-size:contain;}
.footer .social a.pinterest { background:url(../img/pinterest.png) no-repeat center center; background-size:contain;}
.footer .social a.whatsapp { background:url(../img/whatsapp.png) no-repeat center center; background-size:contain;}

.ceviz-bilisim { float:right; width:auto !important; height:auto !important; display:table !important; margin-top:8px !important; position:absolute; right:0; top:8px;}
.ceviz-bilisim img { height:25px }

.galeriler { width: 100%}
.galeriler .galeri { position: relative; margin-bottom: 25px}
.galeriler .galeri .content { width: 100%; position: relative;}
.galeriler .galeri .content  img { width: 100%; height:auto;}
.galeriler .galeri .content .caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(18, 187, 244, 0.50); z-index: 1; display: none;  }
.galeriler .galeri .content .caption a { color: #fff; font-weight: bold; font-size: 23px; width:100%; height:100%; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center;  }
.galeriler .galeri:hover .content .caption { display: flex;}



ul.sss { list-style: none;}
ul.sss li { width: 100%; padding: 8px; background-color: #265EAC;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; border:1px dashed #265EAC; border-radius: 7px; margin-bottom: 15px}
ul.sss li .baslik { width: 100%; color: #fff; font-size: 16px; cursor: pointer;font-weight:bold;}
ul.sss li .baslik span {float: right;}
ul.sss li.aktif { background: none}
ul.sss li.aktif .baslik { color: #265EAC; padding-bottom: 8px; margin-bottom: 8px; border-bottom:2px solid #265EAC; }
ul.sss li .content { width: 100%; display: none;}


.page-link { color:#00a9d6;}
.page-item.active .page-link {background-color: #00a9d6;border-color: #0896bb;}

ul.subelist { list-style: none;}
ul.subelist li { margin-bottom: 30px}
ul.subelist li .logo { width: 100%; border: 1px solid #d2d2d2; border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 20px; height: 220px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center;}
ul.subelist li .logo img { max-width: 100%; height: auto; max-height: 150px;}
ul.subelist li .sube { width:100%; height:auto;}
ul.subelist li a.btn { width: 100%; color: #fff; font-weight:bold; text-align: center; background-color: #12BBF4; border-radius: 0}

.subed { width: 100%;}
.subed .sol, .subed .orta { margin-bottom:30px;}
.subed .sube-logo { width: 100%; height: auto; position: relative;}
.subed .sube-logo::after {content:'';display:block;position:absolute;bottom: -11px;width:100%;height: 10px;left:0;background:url('../img/altgolge1.png') no-repeat top center;background-size:  100% auto;z-index:-1;}
.subed .sube-logo img {width: 100%; height: auto;}
.subed #map {border-bottom: 10px solid #4fc55b}

.rslist { list-style: none;}
.rslist li { margin-bottom: 25px}
.rslist img { width: 100%; height: auto;}

section.iletisim { width: 100%;}
section.iletisim .form-control { border-radius: 0;}
section.iletisim p { font-size: 13px}

section.iletisim .subelerimiz { width: 100%;}

section.iletisim .subelerimiz .sube { width: 100%; margin-bottom: 25px; font-family: 'Roboto', sans-serif; position: relative; min-height: 110px}
section.iletisim .subelerimiz .sube a.lnk { position:absolute; z-index:10; width:100%; height:100%; left:0; right:0; display:block;}
section.iletisim .subelerimiz .sube .row { min-height: 68px;}
section.iletisim .subelerimiz .sube .cl { position: relative; height: 100%; height: 100%;}
section.iletisim .subelerimiz .sube legend { text-align: center; font-size: 14px; font-weight: bold; color: #58595B;}
section.iletisim .subelerimiz .sube .logo {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center}
section.iletisim .subelerimiz .sube .logo img { max-width: 100%; height: auto; margin:0 auto; max-height: 60px; display: block;}
section.iletisim .subelerimiz .sube .tel {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center; font-weight: bold}
section.iletisim .subelerimiz .sube .rsm {width: 33%;position: absolute;right: 3px;top: 11px;height: calc(100% - 12px);z-index: 0;}
section.iletisim .subelerimiz .sube .rsm .caption img { width: 100%; height: 100%; position: relative;}
section.iletisim .subelerimiz .sube .rsm .caption { position: relative; width: 100%; height: 100%;}
section.iletisim .subelerimiz .sube .rsm .caption::after {position:absolute;top:0;left: 0;width: 17px;background-color:#12BBF4;content:'';display:block;height:100%;transform: Skewx(-7deg);transform-origin:top right;z-index:0;}


.blog.yazilar .yz { margin-bottom: 35px}
.blog.yazilar .yazi .content { padding: 15px 12px;}
.blog.yazilar .yazi .img{ height: 165px;}
.blog.yazilar .yazi .img img { min-height: 180px; max-height: 190px}


.blog .detay h1.bs { color:#333; font-family:Raleway,sans-serif; text-decoration:none; font-weight:600; text-transform:uppercase;letter-spacing:1px; font-size:28px; margin-bottom:15px;}
.blog .detay { font-size:16px; font-weight:300; line-height:34px; font-family:'Roboto', sans-serif;}
.blog .detay ul { padding-left:15px;}
.blog .detay img { width:100%; height:auto; margin-bottom:15px}


.widget { width:100%; margin-bottom:50px;border-bottom:1px solid #d2d2d2;padding-bottom:20px; display: table}
.widget.solmenu { border: none;}
.widget:last-child { border:none;}

.widget.arama form { margin-top:20px;position:relative;}
.widget.arama form .form-input {display: block;width:100%;min-height: 47px;padding: 11px 19px;font-size: 14px;font-weight: 400;line-height: 23px;font-style: italic;color: #888;background-color: #effbff;background-image: none;border: 1px solid #f8f8f8;border-radius: 3px;-webkit-appearance: none;transition: .3s ease-in-out;border: 1px solid #f8f8f8;}
.widget.arama form form-input:focus {	outline: 0;	background: #fff;	border-color: #ececee;}
.widget.arama form .form-input::-webkit-input-placeholder { color:#b1a8a8;}
.widget.arama form .form-input::-moz-placeholder  { color:#b1a8a8;}
.widget.arama form .form-input:-ms-input-placeholder  { color:#b1a8a8;}
.widget.arama form .form-input:-moz-placeholder  { color:#b1a8a8;}
.widget.arama form .form-input::placeholder  { color:#b1a8a8;}
.widget.arama form button {padding:10px 30px;line-height:24px;font-size:15px;background-color: #12bbf4;border: 1px solid #12bbf4;color:#fff;float:right;position:absolute;right:0;top:0;}

.etiketler { display:table; padding-left:0}
.etiketler ul { list-style:none;}
.etiketler ul li { padding:4px 6px; background-color:#effbff; color:#797979; margin-right:3px; margin-bottom:3px; font-size:12px; display:table; float:left}

.fiyatlisesi .baslik {font-family: 'Roboto', sans-serif; color: #7EDC2C; font-weight: bold;}
.fiyatlisesi ul { list-style: none;}
.fiyatlisesi ul li { width: 100%; padding: 8px 12px; color: #fff; background-color: #12BBF4; background-image:url('/assets/img/bulut1.png'), url('/assets/img/bulut1.png'); background-repeat: no-repeat, no-repeat; background-position: left center, right top 10px; margin-bottom: 10px; border-radius: 6px}
.fiyatlisesi ul li a { display:block;}
.fiyatlisesi ul li:nth-child(odd) {background-color: #5FAF0B;}
.fiyatlisesi ul li span { float: right;}
.fiyatlisesi .fiyatgrup { margin-bottom:25px}

.talimatlar .col { max-width: 190px}
.talimatlar img {width: 100%; height: auto; margin-bottom: 12px}
.talimatlar p { font-size: 14px; text-align: center;}


.animated.infinite {    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}
.zoomIn {    -webkit-animation-name: zoomIn;    animation-name: zoomIn;}
.animated {    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;}
.tada {    -webkit-animation-name: tada;    animation-name: tada;}
@-webkit-keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}
@keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}
@keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }
  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}
@-webkit-keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }
  50% {    opacity: 1;  }
}
@keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }
  50% {    opacity: 1;  }
}

.wtsp-iletism-circle {    width: 90px;    height: 90px;    top: 12px;    left: 12px;    position: absolute;    background-color: transparent;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid rgba(30, 30, 30, 0.4);    opacity: .1;    opacity: .5;}
.wtsp-iletism-circle-fill {    width: 60px;    height: 60px;    top: 28px;    left: 28px;    position: absolute;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid transparent;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;    opacity: .4 !important;}
.wtsp-iletism-img-circle {    width: 30px;    height: 30px;    top: 43px;    left: 43px;    position: absolute;    background: rgba(30, 30, 30, 0.1) url(../img/wtsp.png) no-repeat center center;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    opacity: 1;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;    -webkit-transform-origin: 50% 50%;    -moz-transform-origin: 50% 50%;    -ms-transform-origin: 50% 50%;    -o-transform-origin: 50% 50%;    transform-origin: 50% 50%;    background-size: 100%;}
  
.wtsp-iletism { position:fixed; bottom:100px; left:0; z-index:9999;}
.wtsp-iletism-circle {border-color: #43b91e;}
.wtsp-iletism-circle-fill {background-color:#43b91e;}
.wtsp-iletism-img-circle {background-color: #43b91e;}.wtsp-iletismone:hover .wtsp-iletism-circle {border-color: #43b91e;}
.wtsp-iletismone:hover .wtsp-iletism-circle-fill {background-color:#43b91e;}
.wtsp-iletismone:hover .wtsp-iletism-img-circle {background-color: #43b91e;}

.panel { border:none; margin:0; border-radius:0; box-shadow:0;}
.slideout-menu{position:fixed;top:0;bottom:0;width:256px;min-height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:0;display:none}
.slideout-menu-left{left:0}
.slideout-menu-right{right:0}
.slideout-panel{position:relative;z-index:1;min-height:100%;min-height:100vh; overflow:hidden; background-color:#fff;}
.slideout-open,.slideout-open body,.slideout-open .slideout-panel{overflow:hidden}
.slideout-open .slideout-menu{display:block}
.slideout-menu{background-color:#1D1F20;background-image:linear-gradient(145deg,#1D1F20,#404348)}
.slideout-menu a{color:#fff}
.slideout-menu a:hover{text-decoration:underline}
.menu-section{margin:25px 0}
.menu-section-title{text-transform:uppercase;color:#85888d;font-weight:200;font-size:13px;letter-spacing:1px;padding:0 20px;margin:0}
.menu-section-list{padding:0;margin:10px 0;list-style:none}
.menu-section-list a{display:block;padding:8px 20px}
.menu-section-list a:hover{background-color:rgba(255,255,255,0.1);text-decoration:none}


input[type="checkbox"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:relative;border:none;margin-bottom:-4px;-webkit-appearance:none;appearance:none;cursor:pointer}input[type="checkbox"]:focus,.checkbox input[type="checkbox"]:focus,.checkbox-inline input[type="checkbox"]:focus{outline:none}input[type="checkbox"]:after,.checkbox input[type="checkbox"]:after,.checkbox-inline input[type="checkbox"]:after{content:"";display:block;width:18px;height:18px;margin-top:-2px;margin-right:5px;border:1px solid #969aa5;border-radius:2px;-webkit-transition:240ms;-o-transition:240ms;transition:240ms}input[type="checkbox"]:checked:before,.checkbox input[type="checkbox"]:checked:before,.checkbox-inline input[type="checkbox"]:checked:before{content:"";position:absolute;top:0;left:6px;display:table;width:6px;height:12px;border:2px solid #fff;border-top-width:0;border-left-width:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}input[type="checkbox"]:checked:after,.checkbox input[type="checkbox"]:checked:after,.checkbox-inline input[type="checkbox"]:checked:after{background-color:#23b195;border-color:#23b195}input[type="checkbox"]:disabled{opacity:.5}input[type="checkbox"]:disabled:after,.checkbox input[type="checkbox"]:disabled:after,.checkbox-inline input[type="checkbox"]:disabled:after{border-color:#626773}input[type="checkbox"]:disabled:checked:after,.checkbox input[type="checkbox"]:disabled:checked:after,.checkbox-inline input[type="checkbox"]:disabled:checked:after{background-color:#626773;border-color:transparent}.checkbox.checkbox-circle input[type="checkbox"]:after,.checkbox-inline.checkbox-circle input[type="checkbox"]:after{border-radius:50%}.checkbox.checkbox-circle input[type="checkbox"]:checked:before,.checkbox-inline.checkbox-circle input[type="checkbox"]:checked:before{top:2px;left:7px;width:4px;height:8px}.checkbox.checkbox-custom input[type="checkbox"]:checked:after,.checkbox-inline.checkbox-custom input[type="checkbox"]:checked:after{background-color:#fff;border-color:#626773}.checkbox.checkbox-custom input[type="checkbox"]:checked:before,.checkbox-inline.checkbox-custom input[type="checkbox"]:checked:before{border-color:#626773}.checkbox.checkbox-primary input[type="checkbox"]:checked:after,.checkbox-inline.checkbox-primary input[type="checkbox"]:checked:after{background-color:#458bc4;border-color:#458bc4}.checkbox.checkbox-success input[type="checkbox"]:checked:after,.checkbox-inline.checkbox-success input[type="checkbox"]:checked:after{background-color:#4fc55b;border-color:#4fc55b}.checkbox.checkbox-info input[type="checkbox"]:checked:after,.checkbox-inline.checkbox-info input[type="checkbox"]:checked:after{background-color:#3db9dc;border-color:#3db9dc}.checkbox.checkbox-warning input[type="checkbox"]:checked:after,.checkbox-inline.checkbox-warning input[type="checkbox"]:checked:after{background-color:#e2ab3b;border-color:#e2ab3b}.checkbox.checkbox-danger input[type="checkbox"]:checked:after,.checkbox-inline.checkbox-danger input[type="checkbox"]:checked:after{background-color:#d57171;border-color:#d57171}.checkbox.checkbox-dark input[type="checkbox"]:checked:after,.checkbox-inline.checkbox-dark input[type="checkbox"]:checked:after{background-color:#626773;border-color:#626773}


.radio { float:left; margin-right:10px;}
.checkbox label,.checkbox-inline label,.radio label,.radio-inline label{padding-left:0; font-size:12px}.checkbox input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=radio],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio input[type=checkbox],.radio-inline input[type=radio],.radio-inline input[type=checkbox]{margin-left:0; display:block; margin-right:5px; float:left}.radio input[type=radio],.radio-inline input[type=radio],input[type=radio]{position:relative;margin-top:6px;margin-right:4px;vertical-align:top;border:none;background-color:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.radio input[type=radio]:focus,.radio-inline input[type=radio]:focus,input[type=radio]:focus{outline:0}.radio input[type=radio]:after,.radio input[type=radio]:before,.radio-inline input[type=radio]:after,.radio-inline input[type=radio]:before,input[type=radio]:after,input[type=radio]:before{content:"";display:block;width:15px;height:15px;border-radius:50%;-webkit-transition:240ms;-o-transition:240ms;transition:240ms}.radio input[type=radio]:before,.radio-inline input[type=radio]:before,input[type=radio]:before{position:absolute;left:0;top:1px;background-color:#626773;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.radio input[type=radio]:after,.radio-inline input[type=radio]:after,input[type=radio]:after{position:relative;top:1px;border:2px solid #888d9a}.radio input[type=radio]:checked:before,.radio-inline input[type=radio]:checked:before,input[type=radio]:checked:before{-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}.radio input[type=radio]:disabled:checked:before,.radio-inline input[type=radio]:disabled:checked:before,input[type=radio]:disabled:checked:before{background-color:#888d9a}.radio input[type=radio]:checked:after,.radio-inline input[type=radio]:checked:after,input[type=radio]:checked:after{border-color:#626773}.radio input[type=radio]:disabled:after,.radio input[type=radio]:disabled:checked:after,.radio-inline input[type=radio]:disabled:after,.radio-inline input[type=radio]:disabled:checked:after,input[type=radio]:disabled:after,input[type=radio]:disabled:checked:after{border-color:#888d9a}.radio-inline.radio-custom input[type=radio]:checked:after,.radio.radio-custom input[type=radio]:checked:after{border-color:#23b195}.radio-inline.radio-custom input[type=radio]:before,.radio.radio-custom input[type=radio]:before{background-color:#23b195}.radio-inline.radio-primary input[type=radio]:checked:after,.radio.radio-primary input[type=radio]:checked:after{border-color:#458bc4}.radio-inline.radio-primary input[type=radio]:before,.radio.radio-primary input[type=radio]:before{background-color:#458bc4}.radio-inline.radio-success input[type=radio]:checked:after,.radio.radio-success input[type=radio]:checked:after{border-color:#4fc55b}.radio-inline.radio-success input[type=radio]:before,.radio.radio-success input[type=radio]:before{background-color:#4fc55b}.radio-inline.radio-info input[type=radio]:checked:after,.radio.radio-info input[type=radio]:checked:after{border-color:#3db9dc}.radio-inline.radio-info input[type=radio]:before,.radio.radio-info input[type=radio]:before{background-color:#3db9dc}.radio-inline.radio-warning input[type=radio]:checked:after,.radio.radio-warning input[type=radio]:checked:after{border-color:#e2ab3b}.radio-inline.radio-warning input[type=radio]:before,.radio.radio-warning input[type=radio]:before{background-color:#e2ab3b}.radio-inline.radio-danger input[type=radio]:checked:after,.radio.radio-danger input[type=radio]:checked:after{border-color:#d57171}.radio-inline.radio-danger input[type=radio]:before,.radio.radio-danger input[type=radio]:before{background-color:#d57171}.form-check-inline label{margin-bottom:0}


.whatsapp_bubble {
  width: 64px;
  height: 64px;
  background: #4ced69;
  position: fixed;
  right: 85px;
  bottom: 15px;
  z-index: 1023;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer
}

.whatsapp_pp {
  width: 360px;
  box-shadow: rgba(0,0,0,.1) 0px 12px 24px 0px;
  display: flex;
  flex-direction: column;
  background: #fff;
  transform: translate3d(0, 0, 0);
  opacity: 0;
  pointer-events: all;
  visibility: hidden;
  touch-action: auto;
  margin-bottom: 50px;
  position: fixed;
  z-index: 1023;
  bottom: 0;
  right: 0;
  left: auto;
  margin-right: 20px;
  border-radius: 10px;
  overflow: hidden;
  transition: opacity .3s ease 0s,margin .3s ease 0s,visibility .3s ease 0s
}

.whatsapp_pp.active {
    opacity: 1;
    visibility: visible;
    margin-bottom: 96px
}

.whatsapp_pp .close_pp {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    opacity: .4;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transition: all .3s ease 0s;
    outline: rgba(0,0,0,0)
}

.whatsapp_pp .close_pp::before,.whatsapp_pp .close_pp::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #fff;
    display: block;
    border-radius: 2px
}

.whatsapp_pp .close_pp::before {
    transform: rotate(45deg)
}

.whatsapp_pp .close_pp::after {
    transform: rotate(-45deg)
}

.whatsapp_pp .head_pp {
    background: #152128;
    display: flex;
    align-items: center;
    padding: 24px 20px
}

.whatsapp_pp .head_pp .user-img {
    width: 52px;
    height: 52px;
    display: block;
    position: relative;
    flex-shrink: 0
}

.whatsapp_pp .head_pp .user-img::before {
    content: "";
    bottom: 0px;
    right: 0px;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    background-color: #4ced69;
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: #152128;
    border-image: initial
}

.whatsapp_pp .head_pp .user-img .img-content {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    background:#fff;
}

.whatsapp_pp .head_pp .user-img .img-content::after {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    content: "";
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.1);
    border-image: initial;
    overflow: hidden
}

.whatsapp_pp .head_pp .user-img .img-content .img {
    min-width: 100%;
    height: 70%;
    flex-shrink: 0;
    background-size: contain;
    background-image: url("/assets/img/wp.jpg");
    background-position: center center;
    background-repeat: no-repeat
}

.whatsapp_pp .head_pp .user-info {
    margin-left: 16px;
    margin-right: 16px
}

.whatsapp_pp .head_pp .user-info .user-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #fff
}

.whatsapp_pp .head_pp .user-info .user-job {
    font-size: 13px;
    line-height: 18px;
    margin-top: 4px;
    color: #fff
}

.whatsapp_pp .wp-content-panel {
    background-color: #e6ddd4;
    position: relative;
    max-height: 382px;
    padding: 20px 20px 20px 10px;
    overflow: auto
}

.whatsapp_pp .wp-content-panel::before {
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: .08;
    background-image: url("/assets/images/whatsapp-pattern.png.webp")
}

.whatsapp_pp .wp-content-panel .content-message {
    display: flex;
    z-index: 1
}

.whatsapp_pp .wp-content-panel .content-message .message {
    background-color: #fff;
    position: relative;
    transform-origin: center top;
    z-index: 2;
    box-shadow: rgba(0,0,0,.13) 0px 1px .5px;
    margin-top: 4px;
    margin-left: 10px;
    max-width: calc(100% - 66px);
    padding: 7px 14px 6px;
    border-radius: 0px 8px 8px;
    transition: all .3s ease 0s
}

.whatsapp_pp .wp-content-panel .content-message .message::before {
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC);
    background-size: contain;
    content: "";
    top: 0px;
    left: -12px;
    width: 12px;
    height: 19px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.whatsapp_pp .wp-content-panel .content-message .message .sender {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0,0,0,.4)
}

.whatsapp_pp .wp-content-panel .content-message .message .mcontent {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: #111
}

.whatsapp_pp .wp-content-panel .content-message .message .mcontent p {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: #111
}

.whatsapp_pp .wp-content-panel .content-message .message .mtime {
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: rgba(17,17,17,.5);
    margin-right: -8px;
    margin-bottom: -4px
}

.whatsapp_pp .button_pp {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-appearance: none;
    padding: 8px 12px;
    border-radius: 1px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: #4ced69;
    margin: 20px;
    overflow: hidden
}

.whatsapp_pp .button_pp svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    z-index: 1;
    flex: 0 0 16px;
    margin-right: 5px
}