/* Minification failed. Returning unminified contents.
(57425,33): run-time error CSS1046: Expect comma, found '0'
(57425,37): run-time error CSS1046: Expect comma, found '/'
 */
.intl-tel-input{position:relative;display:inline-block;width: 100%;box-sizing:border-box;float:left;}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px;height:100%}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;font-family:sans-serif;font-size:12px;line-height:normal;max-width:300px}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width:500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,.05)}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box{vertical-align:middle}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text]{padding-right:6px;padding-left:80px!important;margin-left:0;width:100%!important}.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{width:75px!important;padding:0 5px 0 5px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0,0,0,.05);display:table}.intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:25px;font-family:sans-serif;font-size:11px;font-weight:700}.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text]{padding-left:66px}.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width:60px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text]{padding-left:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text]{padding-left:74px}.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{width:68px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text]{padding-left:85px;width:100%!important}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width:80px}.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text]{padding-left:82px}.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{width:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text]{padding-left:92px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text]{padding-left:90px}.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{width:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text]{padding-left:100px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0 0}.iti-flag.ad{height:14px;background-position:-22px 0}.iti-flag.ae{height:10px;background-position:-44px 0}.iti-flag.af{height:14px;background-position:-66px 0}.iti-flag.ag{height:14px;background-position:-88px 0}.iti-flag.ai{height:10px;background-position:-110px 0}.iti-flag.al{height:15px;background-position:-132px 0}.iti-flag.am{height:10px;background-position:-154px 0}.iti-flag.ao{height:14px;background-position:-176px 0}.iti-flag.aq{height:14px;background-position:-198px 0}.iti-flag.ar{height:13px;background-position:-220px 0}.iti-flag.as{height:10px;background-position:-242px 0}.iti-flag.at{height:14px;background-position:-264px 0}.iti-flag.au{height:10px;background-position:-286px 0}.iti-flag.aw{height:14px;background-position:-308px 0}.iti-flag.ax{height:13px;background-position:-330px 0}.iti-flag.az{height:10px;background-position:-352px 0}.iti-flag.ba{height:10px;background-position:-374px 0}.iti-flag.bb{height:14px;background-position:-396px 0}.iti-flag.bd{height:12px;background-position:-418px 0}.iti-flag.be{height:15px;background-position:-440px 0}.iti-flag.bf{height:14px;background-position:-460px 0}.iti-flag.bg{height:12px;background-position:-482px 0}.iti-flag.bh{height:12px;background-position:-504px 0}.iti-flag.bi{height:12px;background-position:-526px 0}.iti-flag.bj{height:14px;background-position:-548px 0}.iti-flag.bl{height:14px;background-position:-570px 0}.iti-flag.bm{height:10px;background-position:-592px 0}.iti-flag.bn{height:10px;background-position:-614px 0}.iti-flag.bo{height:14px;background-position:-636px 0}.iti-flag.bq{height:14px;background-position:-658px 0}.iti-flag.br{height:14px;background-position:-680px 0}.iti-flag.bs{height:10px;background-position:-702px 0}.iti-flag.bt{height:14px;background-position:-724px 0}.iti-flag.bv{height:15px;background-position:-746px 0}.iti-flag.bw{height:14px;background-position:-768px 0}.iti-flag.by{height:10px;background-position:-790px 0}.iti-flag.bz{height:14px;background-position:-812px 0}.iti-flag.ca{height:10px;background-position:-834px 0}.iti-flag.cc{height:10px;background-position:-856px 0}.iti-flag.cd{height:15px;background-position:-878px 0}.iti-flag.cf{height:14px;background-position:-900px 0}.iti-flag.cg{height:14px;background-position:-922px 0}.iti-flag.ch{height:15px;background-position:-944px 0}.iti-flag.ci{height:14px;background-position:-961px 0}.iti-flag.ck{height:10px;background-position:-983px 0}.iti-flag.cl{height:14px;background-position:-1005px 0}.iti-flag.cm{height:14px;background-position:-1027px 0}.iti-flag.cn{height:14px;background-position:-1049px 0}.iti-flag.co{height:14px;background-position:-1071px 0}.iti-flag.cp{height:14px;background-position:-1093px 0}.iti-flag.cr{height:12px;background-position:-1115px 0}.iti-flag.cu{height:10px;background-position:-1137px 0}.iti-flag.cv{height:12px;background-position:-1159px 0}.iti-flag.cw{height:14px;background-position:-1181px 0}.iti-flag.cx{height:10px;background-position:-1203px 0}.iti-flag.cy{height:13px;background-position:-1225px 0}.iti-flag.cz{height:14px;background-position:-1247px 0}.iti-flag.de{height:12px;background-position:-1269px 0}.iti-flag.dg{height:10px;background-position:-1291px 0}.iti-flag.dj{height:14px;background-position:-1313px 0}.iti-flag.dk{height:15px;background-position:-1335px 0}.iti-flag.dm{height:10px;background-position:-1357px 0}.iti-flag.do{height:13px;background-position:-1379px 0}.iti-flag.dz{height:14px;background-position:-1401px 0}.iti-flag.ea{height:14px;background-position:-1423px 0}.iti-flag.ec{height:14px;background-position:-1445px 0}.iti-flag.ee{height:13px;background-position:-1467px 0}.iti-flag.eg{height:14px;background-position:-1489px 0}.iti-flag.eh{height:10px;background-position:-1511px 0}.iti-flag.er{height:10px;background-position:-1533px 0}.iti-flag.es{height:14px;background-position:-1555px 0}.iti-flag.et{height:10px;background-position:-1577px 0}.iti-flag.eu{height:14px;background-position:-1599px 0}.iti-flag.fi{height:12px;background-position:-1621px 0}.iti-flag.fj{height:10px;background-position:-1643px 0}.iti-flag.fk{height:10px;background-position:-1665px 0}.iti-flag.fm{height:11px;background-position:-1687px 0}.iti-flag.fo{height:15px;background-position:-1709px 0}.iti-flag.fr{height:14px;background-position:-1731px 0}.iti-flag.ga{height:15px;background-position:-1753px 0}.iti-flag.gb{height:10px;background-position:-1775px 0}.iti-flag.gd{height:12px;background-position:-1797px 0}.iti-flag.ge{height:14px;background-position:-1819px 0}.iti-flag.gf{height:14px;background-position:-1841px 0}.iti-flag.gg{height:14px;background-position:-1863px 0}.iti-flag.gh{height:14px;background-position:-1885px 0}.iti-flag.gi{height:10px;background-position:-1907px 0}.iti-flag.gl{height:14px;background-position:-1929px 0}.iti-flag.gm{height:14px;background-position:-1951px 0}.iti-flag.gn{height:14px;background-position:-1973px 0}.iti-flag.gp{height:14px;background-position:-1995px 0}.iti-flag.gq{height:14px;background-position:-2017px 0}.iti-flag.gr{height:14px;background-position:-2039px 0}.iti-flag.gs{height:10px;background-position:-2061px 0}.iti-flag.gt{height:13px;background-position:-2083px 0}.iti-flag.gu{height:11px;background-position:-2105px 0}.iti-flag.gw{height:10px;background-position:-2127px 0}.iti-flag.gy{height:12px;background-position:-2149px 0}.iti-flag.hk{height:14px;background-position:-2171px 0}.iti-flag.hm{height:10px;background-position:-2193px 0}.iti-flag.hn{height:10px;background-position:-2215px 0}.iti-flag.hr{height:10px;background-position:-2237px 0}.iti-flag.ht{height:12px;background-position:-2259px 0}.iti-flag.hu{height:10px;background-position:-2281px 0}.iti-flag.ic{height:14px;background-position:-2303px 0}.iti-flag.id{height:14px;background-position:-2325px 0}.iti-flag.ie{height:10px;background-position:-2347px 0}.iti-flag.il{height:15px;background-position:-2369px 0}.iti-flag.im{height:10px;background-position:-2391px 0}.iti-flag.in{height:14px;background-position:-2413px 0}.iti-flag.io{height:10px;background-position:-2435px 0}.iti-flag.iq{height:14px;background-position:-2457px 0}.iti-flag.ir{height:12px;background-position:-2479px 0}.iti-flag.is{height:15px;background-position:-2501px 0}.iti-flag.it{height:14px;background-position:-2523px 0}.iti-flag.je{height:12px;background-position:-2545px 0}.iti-flag.jm{height:10px;background-position:-2567px 0}.iti-flag.jo{height:10px;background-position:-2589px 0}.iti-flag.jp{height:14px;background-position:-2611px 0}.iti-flag.ke{height:14px;background-position:-2633px 0}.iti-flag.kg{height:12px;background-position:-2655px 0}.iti-flag.kh{height:13px;background-position:-2677px 0}.iti-flag.ki{height:10px;background-position:-2699px 0}.iti-flag.km{height:12px;background-position:-2721px 0}.iti-flag.kn{height:14px;background-position:-2743px 0}.iti-flag.kp{height:10px;background-position:-2765px 0}.iti-flag.kr{height:14px;background-position:-2787px 0}.iti-flag.kw{height:10px;background-position:-2809px 0}.iti-flag.ky{height:10px;background-position:-2831px 0}.iti-flag.kz{height:10px;background-position:-2853px 0}.iti-flag.la{height:14px;background-position:-2875px 0}.iti-flag.lb{height:14px;background-position:-2897px 0}.iti-flag.lc{height:10px;background-position:-2919px 0}.iti-flag.li{height:12px;background-position:-2941px 0}.iti-flag.lk{height:10px;background-position:-2963px 0}.iti-flag.lr{height:11px;background-position:-2985px 0}.iti-flag.ls{height:14px;background-position:-3007px 0}.iti-flag.lt{height:12px;background-position:-3029px 0}.iti-flag.lu{height:12px;background-position:-3051px 0}.iti-flag.lv{height:10px;background-position:-3073px 0}.iti-flag.ly{height:10px;background-position:-3095px 0}.iti-flag.ma{height:14px;background-position:-3117px 0}.iti-flag.mc{height:15px;background-position:-3139px 0}.iti-flag.md{height:10px;background-position:-3160px 0}.iti-flag.me{height:10px;background-position:-3182px 0}.iti-flag.mf{height:14px;background-position:-3204px 0}.iti-flag.mg{height:14px;background-position:-3226px 0}.iti-flag.mh{height:11px;background-position:-3248px 0}.iti-flag.mk{height:10px;background-position:-3270px 0}.iti-flag.ml{height:14px;background-position:-3292px 0}.iti-flag.mm{height:14px;background-position:-3314px 0}.iti-flag.mn{height:10px;background-position:-3336px 0}.iti-flag.mo{height:14px;background-position:-3358px 0}.iti-flag.mp{height:10px;background-position:-3380px 0}.iti-flag.mq{height:14px;background-position:-3402px 0}.iti-flag.mr{height:14px;background-position:-3424px 0}.iti-flag.ms{height:10px;background-position:-3446px 0}.iti-flag.mt{height:14px;background-position:-3468px 0}.iti-flag.mu{height:14px;background-position:-3490px 0}.iti-flag.mv{height:14px;background-position:-3512px 0}.iti-flag.mw{height:14px;background-position:-3534px 0}.iti-flag.mx{height:12px;background-position:-3556px 0}.iti-flag.my{height:10px;background-position:-3578px 0}.iti-flag.mz{height:14px;background-position:-3600px 0}.iti-flag.na{height:14px;background-position:-3622px 0}.iti-flag.nc{height:10px;background-position:-3644px 0}.iti-flag.ne{height:15px;background-position:-3666px 0}.iti-flag.nf{height:10px;background-position:-3686px 0}.iti-flag.ng{height:10px;background-position:-3708px 0}.iti-flag.ni{height:12px;background-position:-3730px 0}.iti-flag.nl{height:14px;background-position:-3752px 0}.iti-flag.no{height:15px;background-position:-3774px 0}.iti-flag.np{height:15px;background-position:-3796px 0}.iti-flag.nr{height:10px;background-position:-3811px 0}.iti-flag.nu{height:10px;background-position:-3833px 0}.iti-flag.nz{height:10px;background-position:-3855px 0}.iti-flag.om{height:10px;background-position:-3877px 0}.iti-flag.pa{height:14px;background-position:-3899px 0}.iti-flag.pe{height:14px;background-position:-3921px 0}.iti-flag.pf{height:14px;background-position:-3943px 0}.iti-flag.pg{height:15px;background-position:-3965px 0}.iti-flag.ph{height:10px;background-position:-3987px 0}.iti-flag.pk{height:14px;background-position:-4009px 0}.iti-flag.pl{height:13px;background-position:-4031px 0}.iti-flag.pm{height:14px;background-position:-4053px 0}.iti-flag.pn{height:10px;background-position:-4075px 0}.iti-flag.pr{height:14px;background-position:-4097px 0}.iti-flag.ps{height:10px;background-position:-4119px 0}.iti-flag.pt{height:14px;background-position:-4141px 0}.iti-flag.pw{height:13px;background-position:-4163px 0}.iti-flag.py{height:11px;background-position:-4185px 0}.iti-flag.qa{height:8px;background-position:-4207px 0}.iti-flag.re{height:14px;background-position:-4229px 0}.iti-flag.ro{height:14px;background-position:-4251px 0}.iti-flag.rs{height:14px;background-position:-4273px 0}.iti-flag.ru{height:14px;background-position:-4295px 0}.iti-flag.rw{height:14px;background-position:-4317px 0}.iti-flag.sa{height:14px;background-position:-4339px 0}.iti-flag.sb{height:10px;background-position:-4361px 0}.iti-flag.sc{height:10px;background-position:-4383px 0}.iti-flag.sd{height:10px;background-position:-4405px 0}.iti-flag.se{height:13px;background-position:-4427px 0}.iti-flag.sg{height:14px;background-position:-4449px 0}.iti-flag.sh{height:10px;background-position:-4471px 0}.iti-flag.si{height:10px;background-position:-4493px 0}.iti-flag.sj{height:15px;background-position:-4515px 0}.iti-flag.sk{height:14px;background-position:-4537px 0}.iti-flag.sl{height:14px;background-position:-4559px 0}.iti-flag.sm{height:15px;background-position:-4581px 0}.iti-flag.sn{height:14px;background-position:-4603px 0}.iti-flag.so{height:14px;background-position:-4625px 0}.iti-flag.sr{height:14px;background-position:-4647px 0}.iti-flag.ss{height:10px;background-position:-4669px 0}.iti-flag.st{height:10px;background-position:-4691px 0}.iti-flag.sv{height:12px;background-position:-4713px 0}.iti-flag.sx{height:14px;background-position:-4735px 0}.iti-flag.sy{height:14px;background-position:-4757px 0}.iti-flag.sz{height:14px;background-position:-4779px 0}.iti-flag.ta{height:10px;background-position:-4801px 0}.iti-flag.tc{height:10px;background-position:-4823px 0}.iti-flag.td{height:14px;background-position:-4845px 0}.iti-flag.tf{height:14px;background-position:-4867px 0}.iti-flag.tg{height:13px;background-position:-4889px 0}.iti-flag.th{height:14px;background-position:-4911px 0}.iti-flag.tj{height:10px;background-position:-4933px 0}.iti-flag.tk{height:10px;background-position:-4955px 0}.iti-flag.tl{height:10px;background-position:-4977px 0}.iti-flag.tm{height:14px;background-position:-4999px 0}.iti-flag.tn{height:14px;background-position:-5021px 0}.iti-flag.to{height:10px;background-position:-5043px 0}.iti-flag.tr{height:14px;background-position:-5065px 0}.iti-flag.tt{height:12px;background-position:-5087px 0}.iti-flag.tv{height:10px;background-position:-5109px 0}.iti-flag.tw{height:14px;background-position:-5131px 0}.iti-flag.tz{height:14px;background-position:-5153px 0}.iti-flag.ua{height:14px;background-position:-5175px 0}.iti-flag.ug{height:14px;background-position:-5197px 0}.iti-flag.um{height:11px;background-position:-5219px 0}.iti-flag.us{height:11px;background-position:-5241px 0}.iti-flag.uy{height:14px;background-position:-5263px 0}.iti-flag.uz{height:10px;background-position:-5285px 0}.iti-flag.va{height:15px;background-position:-5307px 0}.iti-flag.vc{height:14px;background-position:-5324px 0}.iti-flag.ve{height:14px;background-position:-5346px 0}.iti-flag.vg{height:10px;background-position:-5368px 0}.iti-flag.vi{height:14px;background-position:-5390px 0}.iti-flag.vn{height:14px;background-position:-5412px 0}.iti-flag.vu{height:12px;background-position:-5434px 0}.iti-flag.wf{height:14px;background-position:-5456px 0}.iti-flag.ws{height:10px;background-position:-5478px 0}.iti-flag.xk{height:15px;background-position:-5500px 0}.iti-flag.ye{height:14px;background-position:-5522px 0}.iti-flag.yt{height:14px;background-position:-5544px 0}.iti-flag.za{height:14px;background-position:-5566px 0}.iti-flag.zm{height:14px;background-position:-5588px 0}.iti-flag.zw{height:10px;background-position:-5610px 0}.iti-flag{width:20px;height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/assets/images/icons/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.iti-flag{/* background-image:url(../img/flags@2x.png) */}}.iti-flag.np{background-color:transparent}


body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{/* max-height:0; */}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    float: left
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .intl-tel-input .hide {
        display: none
    }

    .intl-tel-input .v-hide {
        visibility: hidden
    }

    .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px;
        height: 100%
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        background-color: #fff;
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll;
        font-family: sans-serif;
        font-size: 12px;
        line-height: normal;
        max-width: 300px
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

@media(max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 80px !important;
    margin-left: 0;
    width: 100% !important
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 75px !important;
    padding: 0 5px 0 5px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 700
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 85px;
    width: 100% !important
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 80px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em
    }

.iti-flag {
    width: 20px
}

    .iti-flag.be {
        width: 18px
    }

    .iti-flag.ch {
        width: 15px
    }

    .iti-flag.mc {
        width: 19px
    }

    .iti-flag.ne {
        width: 18px
    }

    .iti-flag.np {
        width: 13px
    }

    .iti-flag.va {
        width: 15px
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/assets/images/icons/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
    }
}

.iti-flag.np {
    background-color: transparent
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -.25em;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:focus, .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default
        }

        .fancybox-button svg {
            display: block;
            overflow: visible;
            position: relative;
            shape-rendering: geometricPrecision
        }

            .fancybox-button svg path {
                fill: transparent;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3
            }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

    .fancybox-close-small svg {
        fill: transparent;
        opacity: .8;
        stroke: currentColor;
        stroke-width: 1.5;
        transition: stroke .1s
    }

    .fancybox-close-small:focus {
        outline: none
    }

    .fancybox-close-small:hover svg {
        opacity: 1
    }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

    .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
        background: transparent;
        color: #fff
    }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

    .fancybox-caption:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
        background-repeat: repeat-x;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: -25px;
        z-index: -1
    }

    .fancybox-caption:after {
        border-bottom: 1px solid hsla(0,0%,100%,.3);
        content: "";
        display: block;
        left: 44px;
        position: absolute;
        right: 44px;
        top: 0
    }

    .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none
    }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline
        }

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0,0%,39%,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .fancybox-thumbs > ul > li:before {
        border: 4px solid #4ea7f9;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    float: left
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .intl-tel-input .hide {
        display: none
    }

    .intl-tel-input .v-hide {
        visibility: hidden
    }

    .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px;
        height: 100%
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        background-color: #fff;
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll;
        font-family: sans-serif;
        font-size: 12px;
        line-height: normal;
        max-width: 300px
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

@media(max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 80px !important;
    margin-left: 0;
    width: 100% !important
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 75px !important;
    padding: 0 5px 0 5px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 700
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 85px;
    width: 100% !important
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 80px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em
    }

.iti-flag {
    width: 20px
}

    .iti-flag.be {
        width: 18px
    }

    .iti-flag.ch {
        width: 15px
    }

    .iti-flag.mc {
        width: 19px
    }

    .iti-flag.ne {
        width: 18px
    }

    .iti-flag.np {
        width: 13px
    }

    .iti-flag.va {
        width: 15px
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/assets/images/icons/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
    }
}

.iti-flag.np {
    background-color: transparent
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -.25em;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:focus, .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default
        }

        .fancybox-button svg {
            display: block;
            overflow: visible;
            position: relative;
            shape-rendering: geometricPrecision
        }

            .fancybox-button svg path {
                fill: transparent;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3
            }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

    .fancybox-close-small svg {
        fill: transparent;
        opacity: .8;
        stroke: currentColor;
        stroke-width: 1.5;
        transition: stroke .1s
    }

    .fancybox-close-small:focus {
        outline: none
    }

    .fancybox-close-small:hover svg {
        opacity: 1
    }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

    .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
        background: transparent;
        color: #fff
    }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

    .fancybox-caption:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
        background-repeat: repeat-x;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: -25px;
        z-index: -1
    }

    .fancybox-caption:after {
        border-bottom: 1px solid hsla(0,0%,100%,.3);
        content: "";
        display: block;
        left: 44px;
        position: absolute;
        right: 44px;
        top: 0
    }

    .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none
    }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline
        }

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0,0%,39%,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .fancybox-thumbs > ul > li:before {
        border: 4px solid #4ea7f9;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    float: left
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .intl-tel-input .hide {
        display: none
    }

    .intl-tel-input .v-hide {
        visibility: hidden
    }

    .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px;
        height: 100%
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        background-color: #fff;
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll;
        font-family: sans-serif;
        font-size: 12px;
        line-height: normal;
        max-width: 300px
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

@media(max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 80px !important;
    margin-left: 0;
    width: 100% !important
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 75px !important;
    padding: 0 5px 0 5px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 700
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 85px;
    width: 100% !important
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 80px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em
    }

.iti-flag {
    width: 20px
}

    .iti-flag.be {
        width: 18px
    }

    .iti-flag.ch {
        width: 15px
    }

    .iti-flag.mc {
        width: 19px
    }

    .iti-flag.ne {
        width: 18px
    }

    .iti-flag.np {
        width: 13px
    }

    .iti-flag.va {
        width: 15px
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/assets/images/icons/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
    }
}

.iti-flag.np {
    background-color: transparent
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -.25em;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:focus, .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default
        }

        .fancybox-button svg {
            display: block;
            overflow: visible;
            position: relative;
            shape-rendering: geometricPrecision
        }

            .fancybox-button svg path {
                fill: transparent;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3
            }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

    .fancybox-close-small svg {
        fill: transparent;
        opacity: .8;
        stroke: currentColor;
        stroke-width: 1.5;
        transition: stroke .1s
    }

    .fancybox-close-small:focus {
        outline: none
    }

    .fancybox-close-small:hover svg {
        opacity: 1
    }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

    .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
        background: transparent;
        color: #fff
    }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

    .fancybox-caption:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
        background-repeat: repeat-x;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: -25px;
        z-index: -1
    }

    .fancybox-caption:after {
        border-bottom: 1px solid hsla(0,0%,100%,.3);
        content: "";
        display: block;
        left: 44px;
        position: absolute;
        right: 44px;
        top: 0
    }

    .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none
    }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline
        }

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0,0%,39%,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .fancybox-thumbs > ul > li:before {
        border: 4px solid #4ea7f9;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    float: left
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .intl-tel-input .hide {
        display: none
    }

    .intl-tel-input .v-hide {
        visibility: hidden
    }

    .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px;
        height: 100%
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        background-color: #fff;
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll;
        font-family: sans-serif;
        font-size: 12px;
        line-height: normal;
        max-width: 300px
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

@media(max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 80px !important;
    margin-left: 0;
    width: 100% !important
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 75px !important;
    padding: 0 5px 0 5px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 700
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 85px;
    width: 100% !important
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 80px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em
    }

.iti-flag {
    width: 20px
}

    .iti-flag.be {
        width: 18px
    }

    .iti-flag.ch {
        width: 15px
    }

    .iti-flag.mc {
        width: 19px
    }

    .iti-flag.ne {
        width: 18px
    }

    .iti-flag.np {
        width: 13px
    }

    .iti-flag.va {
        width: 15px
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/assets/images/icons/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
    }
}

.iti-flag.np {
    background-color: transparent
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -.25em;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:focus, .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default
        }

        .fancybox-button svg {
            display: block;
            overflow: visible;
            position: relative;
            shape-rendering: geometricPrecision
        }

            .fancybox-button svg path {
                fill: transparent;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3
            }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

    .fancybox-close-small svg {
        fill: transparent;
        opacity: .8;
        stroke: currentColor;
        stroke-width: 1.5;
        transition: stroke .1s
    }

    .fancybox-close-small:focus {
        outline: none
    }

    .fancybox-close-small:hover svg {
        opacity: 1
    }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

    .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
        background: transparent;
        color: #fff
    }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

    .fancybox-caption:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
        background-repeat: repeat-x;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: -25px;
        z-index: -1
    }

    .fancybox-caption:after {
        border-bottom: 1px solid hsla(0,0%,100%,.3);
        content: "";
        display: block;
        left: 44px;
        position: absolute;
        right: 44px;
        top: 0
    }

    .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none
    }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline
        }

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0,0%,39%,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .fancybox-thumbs > ul > li:before {
        border: 4px solid #4ea7f9;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    float: left
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .intl-tel-input .hide {
        display: none
    }

    .intl-tel-input .v-hide {
        visibility: hidden
    }

    .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px;
        height: 100%
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        background-color: #fff;
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll;
        font-family: sans-serif;
        font-size: 12px;
        line-height: normal;
        max-width: 300px
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

@media(max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 80px !important;
    margin-left: 0;
    width: 100% !important
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 75px !important;
    padding: 0 5px 0 5px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 700
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 85px;
    width: 100% !important
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 80px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em
    }

.iti-flag {
    width: 20px
}

    .iti-flag.be {
        width: 18px
    }

    .iti-flag.ch {
        width: 15px
    }

    .iti-flag.mc {
        width: 19px
    }

    .iti-flag.ne {
        width: 18px
    }

    .iti-flag.np {
        width: 13px
    }

    .iti-flag.va {
        width: 15px
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/assets/images/icons/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
    }
}

.iti-flag.np {
    background-color: transparent
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -.25em;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:focus, .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default
        }

        .fancybox-button svg {
            display: block;
            overflow: visible;
            position: relative;
            shape-rendering: geometricPrecision
        }

            .fancybox-button svg path {
                fill: transparent;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3
            }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

    .fancybox-close-small svg {
        fill: transparent;
        opacity: .8;
        stroke: currentColor;
        stroke-width: 1.5;
        transition: stroke .1s
    }

    .fancybox-close-small:focus {
        outline: none
    }

    .fancybox-close-small:hover svg {
        opacity: 1
    }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

    .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
        background: transparent;
        color: #fff
    }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

    .fancybox-caption:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
        background-repeat: repeat-x;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: -25px;
        z-index: -1
    }

    .fancybox-caption:after {
        border-bottom: 1px solid hsla(0,0%,100%,.3);
        content: "";
        display: block;
        left: 44px;
        position: absolute;
        right: 44px;
        top: 0
    }

    .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none
    }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline
        }

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0,0%,39%,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .fancybox-thumbs > ul > li:before {
        border: 4px solid #4ea7f9;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    float: left
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .intl-tel-input .hide {
        display: none
    }

    .intl-tel-input .v-hide {
        visibility: hidden
    }

    .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px;
        height: 100%
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        background-color: #fff;
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll;
        font-family: sans-serif;
        font-size: 12px;
        line-height: normal;
        max-width: 300px
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

@media(max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 80px !important;
    margin-left: 0;
    width: 100% !important
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 75px !important;
    padding: 0 5px 0 5px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 700
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 85px;
    width: 100% !important
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 80px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em
    }

.iti-flag {
    width: 20px
}

    .iti-flag.be {
        width: 18px
    }

    .iti-flag.ch {
        width: 15px
    }

    .iti-flag.mc {
        width: 19px
    }

    .iti-flag.ne {
        width: 18px
    }

    .iti-flag.np {
        width: 13px
    }

    .iti-flag.va {
        width: 15px
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/assets/images/icons/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
    }
}

.iti-flag.np {
    background-color: transparent
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -.25em;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:focus, .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default
        }

        .fancybox-button svg {
            display: block;
            overflow: visible;
            position: relative;
            shape-rendering: geometricPrecision
        }

            .fancybox-button svg path {
                fill: transparent;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3
            }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

    .fancybox-close-small svg {
        fill: transparent;
        opacity: .8;
        stroke: currentColor;
        stroke-width: 1.5;
        transition: stroke .1s
    }

    .fancybox-close-small:focus {
        outline: none
    }

    .fancybox-close-small:hover svg {
        opacity: 1
    }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

    .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
        background: transparent;
        color: #fff
    }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

    .fancybox-caption:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
        background-repeat: repeat-x;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: -25px;
        z-index: -1
    }

    .fancybox-caption:after {
        border-bottom: 1px solid hsla(0,0%,100%,.3);
        content: "";
        display: block;
        left: 44px;
        position: absolute;
        right: 44px;
        top: 0
    }

    .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none
    }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline
        }

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0,0%,39%,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .fancybox-thumbs > ul > li:before {
        border: 4px solid #4ea7f9;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    float: left
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .intl-tel-input .hide {
        display: none
    }

    .intl-tel-input .v-hide {
        visibility: hidden
    }

    .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px;
        height: 100%
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        background-color: #fff;
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll;
        font-family: sans-serif;
        font-size: 12px;
        line-height: normal;
        max-width: 300px
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

@media(max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 80px !important;
    margin-left: 0;
    width: 100% !important
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 75px !important;
    padding: 0 5px 0 5px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0,0,0,.05)
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 700
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 85px;
    width: 100% !important
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 80px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em
    }

.iti-flag {
    width: 20px
}

    .iti-flag.be {
        width: 18px
    }

    .iti-flag.ch {
        width: 15px
    }

    .iti-flag.mc {
        width: 19px
    }

    .iti-flag.ne {
        width: 18px
    }

    .iti-flag.np {
        width: 13px
    }

    .iti-flag.va {
        width: 15px
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/assets/images/icons/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .iti-flag {
    }
}

.iti-flag.np {
    background-color: transparent
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -.25em;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:focus, .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default
        }

        .fancybox-button svg {
            display: block;
            overflow: visible;
            position: relative;
            shape-rendering: geometricPrecision
        }

            .fancybox-button svg path {
                fill: transparent;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3
            }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

    .fancybox-close-small svg {
        fill: transparent;
        opacity: .8;
        stroke: currentColor;
        stroke-width: 1.5;
        transition: stroke .1s
    }

    .fancybox-close-small:focus {
        outline: none
    }

    .fancybox-close-small:hover svg {
        opacity: 1
    }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

    .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
        background: transparent;
        color: #fff
    }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

    .fancybox-caption:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
        background-repeat: repeat-x;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: -25px;
        z-index: -1
    }

    .fancybox-caption:after {
        border-bottom: 1px solid hsla(0,0%,100%,.3);
        content: "";
        display: block;
        left: 44px;
        position: absolute;
        right: 44px;
        top: 0
    }

    .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none
    }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline
        }

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0,0%,39%,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .fancybox-thumbs > ul > li:before {
        border: 4px solid #4ea7f9;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url(../fonts/GothamNarrow-Black.eot);
    src: url(../fonts/GothamNarrow-Black.eot?#iefix) format('embedded-opentype'),url(../fonts/GothamNarrow-Black.woff2) format('woff2'),url(../fonts/GothamNarrow-Black.woff) format('woff'),url(../fonts/GothamNarrow-Black.ttf) format('truetype'),url(../fonts/GothamNarrow-Black.svg#GothamNarrow-Black) format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url(../fonts/GothamNarrow-Book.eot);
    src: url(../fonts/GothamNarrow-Book.eot?#iefix) format('embedded-opentype'),url(../fonts/GothamNarrow-Book.woff2) format('woff2'),url(../fonts/GothamNarrow-Book.woff) format('woff'),url(../fonts/GothamNarrow-Book.ttf) format('truetype'),url(../fonts/GothamNarrow-Book.svg#GothamNarrow-Book) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url(../fonts/GothamNarrow-Medium.eot);
    src: url(../fonts/GothamNarrow-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/GothamNarrow-Medium.woff2) format('woff2'),url(../fonts/GothamNarrow-Medium.woff) format('woff'),url(../fonts/GothamNarrow-Medium.ttf) format('truetype'),url(../fonts/GothamNarrow-Medium.svg#GothamNarrow-Medium) format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham Narrow XLight';
    src: url(../fonts/GothamNarrow-XLight.eot);
    src: url(../fonts/GothamNarrow-XLight.eot?#iefix) format('embedded-opentype'),url(../fonts/GothamNarrow-XLight.woff2) format('woff2'),url(../fonts/GothamNarrow-XLight.woff) format('woff'),url(../fonts/GothamNarrow-XLight.ttf) format('truetype'),url(../fonts/GothamNarrow-XLight.svg#GothamNarrow-XLight) format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url(../fonts/GothamNarrow-Thin.eot);
    src: url(../fonts/GothamNarrow-Thin.eot?#iefix) format('embedded-opentype'),url(../fonts/GothamNarrow-Thin.woff2) format('woff2'),url(../fonts/GothamNarrow-Thin.woff) format('woff'),url(../fonts/GothamNarrow-Thin.ttf) format('truetype'),url(../fonts/GothamNarrow-Thin.svg#GothamNarrow-Thin) format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url(../fonts/GothamNarrow-Bold.eot);
    src: url(../fonts/GothamNarrow-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/GothamNarrow-Bold.woff2) format('woff2'),url(../fonts/GothamNarrow-Bold.woff) format('woff'),url(../fonts/GothamNarrow-Bold.ttf) format('truetype'),url(../fonts/GothamNarrow-Bold.svg#GothamNarrow-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url(../fonts/GothamNarrow-Light.eot);
    src: url(../fonts/GothamNarrow-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/GothamNarrow-Light.woff2) format('woff2'),url(../fonts/GothamNarrow-Light.woff) format('woff'),url(../fonts/GothamNarrow-Light.ttf) format('truetype'),url(../fonts/GothamNarrow-Light.svg#GothamNarrow-Light) format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Gotham Narrow Ultra';
    src: url(../fonts/GothamNarrow-Ultra.eot);
    src: url(../fonts/GothamNarrow-Ultra.eot?#iefix) format('embedded-opentype'),url(../fonts/GothamNarrow-Ultra.woff2) format('woff2'),url(../fonts/GothamNarrow-Ultra.woff) format('woff'),url(../fonts/GothamNarrow-Ultra.ttf) format('truetype'),url(../fonts/GothamNarrow-Ultra.svg#GothamNarrow-Ultra) format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

* {
    font-family: 'Gotham Narrow',Arial,Helvetica,sans-serif;
    box-sizing: border-box
}

::-moz-selection {
    color: #fff;
    background: #df6459
}

::selection {
    color: #fff;
    background: #df6459
}

::placeholder {
    color: #a6a6a6;
    opacity: 1
}

:-ms-input-placeholder {
    color: #a6a6a6
}

::-ms-input-placeholder {
    color: #a6a6a6
}

.cityList::-webkit-scrollbar {
    width: 10px;
    border-radius: 5px
}

.cityList::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 5px
}

.cityList::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: 1px solid #708090;
    border-radius: 5px
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1;
    background: #f5f5f5
}

strong {
    font-weight: 700
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

img {
    max-width: 100%;
    display: block;
    height: auto
}

.stickyLogo {
    display: none;
    width: 150px;
    padding: 10px 15px 10px 0
}

.mobileMenu {
    display: none
}

.bgContainerShadow {
    background-color: #fafafa;
    box-shadow: 0 3px 9px 0 #dfdfdf
}

.bgContainerShadowWhite {
    background-color: #fff;
    box-shadow: 0 3px 9px 0 #dfdfdf
}

.ty-wrapper {
    width: 100%;
    height: 100vh;
    display: table;
    background-color: #333
}

.ty-vertical {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 25px;
    color: #fff
}

.w100 {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%
}

.container {
    width: 1170px;
    margin: 0 auto;
    position: relative
}

.scrollDownBtn2 {
    margin: 0 auto 20px;
    display: table;
    width: 40px;
    cursor: pointer;
    animation: moveArrow 1.5s infinite;
    position: relative
}

.topBar {
    height: 50px;
    background: #df6459;
    z-index: 10
}

    .topBar .container {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .topBar span {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Gotham Narrow';
        margin-right: 30px
    }

    .topBar a {
        background: #f85959;
        display: block;
        font-size: 12px;
        color: #fff;
        width: 110px;
        height: 24px;
        text-align: center;
        line-height: 22px;
        border-radius: 5px;
        border: solid .5px #fff;
        transition: all ease-in-out .3s;
        box-sizing: border-box
    }

        .topBar a:hover {
            background: #df6459
        }

.topSlogan {
    width: 50%;
    color: #fff;
    font-size: 13px;
    letter-spacing: .5px
}

.userController {
    width: 50%
}

.navBar {
    height: 91px;
    background-color: #fff;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 9
}

    .navBar .container {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

.header-right {
    float: right;
    margin-top: 21px
}

.aramaBtn {
    float: left;
    width: 128px;
    height: 50px;
    border-radius: 5px;
    background-color: #d8dde7;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all ease-in-out .2s;
    margin-right: 7px;
    color: #596276
}

.girisBtn {
    float: left;
    min-width: 128px;
    height: 50px;
    border-radius: 5px;
    background-color: #df6459;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative
}

.aramaBtn:hover {
    background-color: #c0c3ca
}

.girisBtn div {
    width: 65px;
    color: #fff
}

    .girisBtn div strong {
        font-size: 16px;
        font-weight: 500;
        width: 100%;
        float: left
    }

    .girisBtn div span {
        opacity: .74;
        font-size: 11px;
        font-weight: normal
    }

.userController ul {
    float: right
}

    .userController ul li {
        float: left;
        margin-right: 30px
    }

        .userController ul li a {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 13px
        }

            .userController ul li a i {
                margin-right: 7px;
                width: 15px
            }

        .userController ul li:last-child {
            margin-right: 0
        }

.logo {
    width: 220px
}

.telefon a {
    color: #525252;
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .telefon a img {
        margin-right: 15px
    }

    .telefon a i {
        font-size: 12px;
        font-weight: 500;
        position: relative;
        display: block;
        margin-bottom: 3px
    }

    .telefon a img {
        width: 28px;
        margin-right: 10px;
        position: relative;
        float: left
    }

.firsatlarBtn {
    display: inline-block;
    height: 45px;
    width: auto
}

    .firsatlarBtn a {
        background: #df6459;
        position: relative;
        text-align: center;
        padding: 0 20px;
        box-sizing: border-box;
        color: #fff;
        border-radius: 0;
        transition: all cubic-bezier(.42,0,.21,.99) .3s;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 700
    }

        .firsatlarBtn a img {
            width: 20px;
            margin-right: 10px
        }

        .firsatlarBtn a:hover {
            background-color: #525252
        }

.header {
    height: 160px
}

.headerHaber {
    height: 125px
}

.searchForm {
    width: 350px;
    height: 45px;
    margin-left: 50px;
    position: relative
}

.search-form {
    width: calc(100% - 60px);
    float: left;
    display: inline-block;
    height: 100%;
    position: relative
}

.input-group-btn {
    width: 60px;
    float: left;
    display: inline-block;
    height: 100%
}

    .input-group-btn button {
        height: 100%;
        width: 100%;
        margin: 0;
        border: 0;
        background-color: #df6459;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: 0;
        cursor: pointer;
        transition: all cubic-bezier(.42,0,.21,.99) .3s
    }

.search-form > input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    background: #fcfbfb;
    border: 1px solid #ccc;
    font-weight: 400;
    font-size: 13px;
    outline: 0;
    transition: all .2s ease-in-out;
    border-radius: 0
}

    .search-form > input:focus {
        border-color: #df6459;
        box-shadow: 0 0 15px rgba(223,100,89,.2)
    }

.input-group-btn button:hover {
    background-color: #525252
}

.projeListe {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    z-index: 99
}

#projectList {
    border: none
}

.haberLink {
    height: 50px
}

    .haberLink a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #fff;
        font-size: 25px;
        letter-spacing: .5px;
        transition: all .3s cubic-bezier(.42,0,.07,1.07)
    }

        .haberLink a strong {
            margin: 0 7px;
            display: inline-block;
            font-weight: 900;
            animation-name: renk;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            -webkit-animation-name: renk;
            -webkit-animation-duration: 2s;
            -webkit-animation-iteration-count: infinite
        }

@keyframes renk {
    0% {
        color: #df6459
    }

    50% {
        color: #fff
    }

    100% {
        color: #df6459
    }
}

@-webkit-keyframes renk {
    0% {
        color: #df6459
    }

    50% {
        color: #fff
    }

    100% {
        color: #df6459
    }
}

.sideBar {
    width: 290px;
    float: left
}

.sideBarTab {
    width: 100%;
    z-index: 2;
    box-shadow: 0 0 12px 1px #ccc;
    position: static;
    display: inline-block;
    float: left
}

    .sideBarTab li {
        float: left;
        width: 33.3%
    }

        .sideBarTab li a {
            float: left;
            font-weight: 700;
            margin: 0;
            cursor: pointer;
            border-top: 1px solid #f5f5f5;
            border-left: 1px solid #f5f5f5;
            border-bottom: 1px solid #f5f5f5;
            background-color: #fff;
            color: #9f9f9f;
            overflow: hidden;
            position: relative;
            width: 100%;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 45px
        }

    .sideBarTab a.active {
        background-color: #fff;
        color: #df6459;
        border-bottom: none;
        font-weight: 700;
        box-shadow: 2px -6px 8px 1px #e4e4e4;
        z-index: 6;
        position: relative;
        border-radius: 5px 5px 0 0
    }

    .sideBarTab li a img {
        width: 22px;
        margin-right: 5px;
        filter: grayscale(1)
    }

    .sideBarTab li a.active img {
        filter: grayscale(0)
    }

.mt-25 {
    margin-top: 25px
}

.mt-50 {
    margin-top: 50px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-50 {
    margin-bottom: 50px
}

.menu-ara {
    width: 100%;
    height: 40px;
    border: 1px solid #ebebeb;
    padding: 0 35px 0 10px;
    font-size: 13px;
    color: #2f2f2f;
    box-sizing: border-box;
    outline-color: #df6459
}

.araMenu-btn {
    position: absolute;
    z-index: 99;
    float: right;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    width: 19px
}

.sideBarCity {
    background-color: #fff;
    padding: 15px 0;
    box-sizing: border-box;
    z-index: 3;
    box-shadow: 0 0 12px 1px #ccc;
    margin-top: -1px
}

.citySearch {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.cityList {
    height: 455px;
    overflow-y: scroll;
    padding-left: 50px;
    margin-left: -50px;
    box-sizing: content-box
}

    .cityList ul li {
        height: 45px;
        position: relative
    }

        .cityList ul li:before {
            content: "";
            position: absolute;
            right: 23px;
            top: 50%;
            background: url(../images/icons/git.png);
            width: 11px;
            height: 18px;
            opacity: 0;
            transform: translateY(-59%)
        }

        .cityList ul li a {
            border-bottom: 1px solid #f5f5f5;
            color: #787878;
            font-weight: 600;
            font-size: 14px;
            height: 100%;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 15px
        }

.rakam {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    width: 50px;
    height: 45px;
    background: #df6459;
    left: 0;
    position: absolute;
    color: #fff;
    text-align: center;
    opacity: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.num {
    float: right;
    width: 28px;
    height: 28px;
    color: #fff;
    font-size: 12px;
    background: #df6459;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-weight: 500
}

.rakam img {
    margin-bottom: 5px
}

.cityList ul li:hover .rakam {
    opacity: 1;
    left: -50px
}

.cityList ul li:hover {
    box-shadow: 0 3px 17px 0 rgba(0,0,0,.13)
}

    .cityList ul li:hover a {
        color: #df6459
    }

    .cityList ul li:hover .num {
        opacity: 0
    }

    .cityList ul li:hover:before {
        opacity: 1;
        pointer-events: none
    }

.sideBarTab li:hover a {
    color: #df6459
}

.homeSect {
    float: left;
    width: calc(97% - 290px);
    display: inline-block;
    margin-left: 3%
}

#ProjeTalepForm .form-group label {
    width: 25%;
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: 1.2;
    color: #666;
    font-weight: 700;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#ProjeTalepForm .form-group input, #ProjeTalepForm .form-group select, #ProjeTalepForm .form-group textarea {
    width: 75%;
    float: left;
    display: inline-block;
    padding: 0 10px;
    height: 35px;
    background: #fff;
    color: #909090;
    font-size: 14px;
    border: 1px solid #ccc;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    outline-color: #df6459
}

#ProjeTalepForm .form-group {
    display: inline-block;
    float: left;
    width: 48%;
    position: relative;
    box-sizing: border-box;
    margin: 5px 1%
}

form#ProjeTalepForm {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 30px 20px 20px;
    box-sizing: border-box
}

#ProjeTalepForm .form-group textarea {
    height: 35px;
    padding: 5px 10px;
    resize: none
}

#ProjeTalepForm .form-group input[type=submit] {
    float: none;
    width: 120px;
    background-color: #df6459;
    border: none;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin: auto;
    height: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    animation-duration: 2.5s;
    animation-name: shrink;
    transition: all .3s linear;
    animation-iteration-count: infinite;
    cursor: pointer;
    margin: 0 auto;
    display: table;
    outline: 0
}

@keyframes shrink {
    0% {
        transform: scaleY(1)
    }

    49% {
        transform: scale(.9,.9);
        -webkit-transform: scale(.9,.9);
        -moz-transform: scale(.9,.9);
        -ms-transform: scale(.9,.9);
        -o-transform: scale(.9,.9)
    }

    100% {
        transform: scaleY(1)
    }
}

.talepBaslik {
    text-align: center;
    margin: 0 0 30px;
    width: 100%;
    display: inline-block;
    color: #df6459;
    font-size: 26px;
    font-weight: 500
}

.w50form {
    width: 75%;
    float: left;
    display: inline-block;
    position: relative
}

    .w50form input {
        width: 49% !important;
        margin-right: 2%
    }

        .w50form input:last-child {
            margin-right: 0 !important
        }

#ProjeTalepForm .contact-error span {
    position: absolute;
    right: 0;
    bottom: 100%;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    padding: 7px 10px;
    background-color: #df6459;
    text-align: center;
    width: 190px;
    transition: all .2s ease-in-out;
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

#ProjeTalepForm input.loadinggif {
    background: url(../../theme/bundles/images/loading.gif) no-repeat center center;
    text-indent: -99999em;
    background-color: #d0d0d0 !important;
    pointer-events: none;
    user-select: none
}

#ProjeTalepForm .contact-error::before {
    content: "";
    position: relative;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    top: 100%;
    background-color: #df6459;
    display: inline-block;
    background-image: url(../images/info.png);
    background-size: 4px;
    background-repeat: no-repeat;
    background-position: center center
}

#ProjeTalepForm .contact-error {
    position: absolute;
    right: 0;
    top: 0
}

    #ProjeTalepForm .contact-error:hover span {
        opacity: 1;
        pointer-events: initial;
        visibility: visible
    }

#ProjeTalepForm .w50form .contact-error:nth-last-child(2) {
    right: initial;
    left: calc(49% - 30px)
}

.pf-wrapper.projeTalep {
    -webkit-box-shadow: 0 0 10px #e9e9e9;
    box-shadow: 0 0 10px #e9e9e9;
    border: 1px solid #df6459;
    border-radius: 5px;
    background: #fcfbfb;
    background: linear-gradient(0deg,rgba(252,251,251,1) 0,rgba(255,255,255,1) 100%);
    box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)
}

#ProjeTalepForm .form-group.submitButton {
    margin: 15px 0 0;
    width: 100%
}

#ProjeTalepForm .form-group input[type=submit]:hover {
    background-color: #525252
}

.pfImage {
    width: calc(100% - 270px);
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
    min-height: 260px
}

.pfIcerik {
    width: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.pfCarousel {
    box-shadow: 0 0 3px rgba(0,0,0,.31);
    z-index: 4
}

    .pfCarousel .items {
        background-color: #fff;
        display: inline-block;
        width: 100%;
        position: relative;
        float: left
    }

.pfLocation i {
    width: 17px;
    display: inline-block
}

.pfSlider {
    min-height: 260px;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px
}

.pfLogo {
    width: 160px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden
}

.pfLocation {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #d9534f;
    margin-top: 15px;
    position: relative;
    overflow: hidden
}

    .pfLocation strong {
        width: calc(100% - 17px);
        box-sizing: border-box;
        padding-left: 13px
    }

.pfCarousel .items a {
    color: #000
}

.pfName {
    font-weight: 700;
    color: #d9534f;
    font-size: 20px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.pfCarousel .owl-next, .pfCarousel .owl-prev {
    background-color: #d9534f !important;
    width: 30px;
    height: 30px;
    float: left;
    display: inline-block;
    text-align: center;
    padding-top: 2px;
    box-sizing: border-box;
    border-radius: 25px;
    cursor: pointer;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    outline: 0;
    text-indent: -999999em;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 6px !important
}

.pfCarousel .owl-next {
    margin-left: 6px;
    background-image: url(../images/icons/next.png) !important
}

.pfCarousel .owl-prev {
    background-image: url(../images/icons/prev.png) !important
}

.pfCarousel .owl-nav {
    position: absolute;
    right: 11%;
    bottom: -13px;
    width: 70px;
    z-index: 2
}

.pfCarousel .owl-dots {
    display: none !important
}

.title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #737c8a;
    padding: 20px 0;
    border-bottom: 1px solid #c3c3c3
}

    .title h1 {
        margin-left: 20px;
        font-size: 30px
    }

    .title i, .title svg {
        font-size: 30px
    }

.kampProjeListItem {
    width: 44%;
    float: left;
    position: relative;
    margin-right: 6%;
    margin-bottom: 50px
}

.projeListImage:before, .pfImage:before, {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    background: linear-gradient(100deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%);
    -webkit-animation: loading 1.5s ease infinite;
    animation: loading 1.5s ease infinite;
    content: "";
    z-index: 3;
    transition: all ease-in-out .3s
}

.projeListImage:after, .pfImage:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e3e3e3;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-image: url(/assets/images/load-icn.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: all ease-in-out .3s;
    background-size: 60px 60px
}

.projeListLogo:before, .projeListTitle strong:before, .projeListTitle span:before, .projeListContent h3:before, .projeListContent p:before, .newBilgiAl:before, .projeInfoLogo:before, .pfName:before, .pfLocation:before, .sunumBtn:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    background: linear-gradient(100deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%);
    -webkit-animation: loading 1.5s ease infinite;
    animation: loading 1.5s ease infinite;
    content: "";
    z-index: 3;
    transition: all ease-in-out .3s
}

.projeListLogo:after, .projeListTitle strong:after, .projeListTitle span:after, .projeListContent h3:after, .projeListContent p:after, .newBilgiAl:after, .projeInfoLogo:after, .pfName:after, .pfLocation:after, .sunumBtn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e3e3e3;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    transition: all ease-in-out .3s;
    background-size: 60px 60px
}

.projeListLogo.load:before, .projeListTitle.load strong:before, .projeListTitle.load span:before, .projeListContent.load h3:before, .projeListContent.load p:before, .newBilgiAl.load:before, .projeInfoLogo.load:before, .pfName.load:before, .pfLocation.load:before, .projeListLogo.load:after, .projeListTitle.load strong:after, .projeListTitle.load span:after, .projeListContent.load h3:after, .projeListContent.load p:after, .newBilgiAl.load:after, .projeInfoLogo.load:after, .pfName.load:after, .pfLocation.load:after, .projeListImage.load:after, .pfImage.load:after, .projeListImage.load:before, .pfImage.load:before, .pfSlider.load:after, .pfSlider.load:before, .sunumBtn.load:after, .sunumBtn.load:before {
    opacity: 0;
    visibility: hidden
}

.kampProjeListItem:nth-child(2n+2) {
}

.kampProjeHeader {
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: 7px;
    position: relative;
    overflow: hidden
}

.plLogo {
    width: 35%;
    height: 80px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 10px #e9e9e9;
    box-shadow: 0 0 10px #e9e9e9;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #eaeaea;
    position: relative;
    overflow: hidden
}

.plTitle {
    float: left;
    width: 63%;
    border: 1px solid #eaeaea;
    height: 80px;
    background: #fff;
    position: relative;
    text-align: center;
    box-shadow: 0 0 10px #e9e9e9;
    -webkit-box-shadow: 0 0 10px #e9e9e9;
    margin-left: 2%;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden
}

    .plTitle a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        color: #000;
        font-size: 17px
    }

        .plTitle a strong, .plTitle a h2 {
            position: relative;
            font-weight: 700
        }

        .plTitle a span {
            font-size: 13px;
            margin-top: 5px
        }

.kampProjeImage {
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden
}

    .kampProjeImage img {
        float: left;
        display: inline-block
    }

.kampanyaliProjeler {
    padding: 30px 10px 100px;
    width: calc(100% + 20px);
    overflow: hidden;
    margin-left: -10px
}

.kampProjeContent {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 15px 15px;
    height: 165px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #efefef;
    border-top: 0
}

    .kampProjeContent h3 {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 500;
        color: #000;
        width: 100%;
        display: inline-block;
        height: 35px;
        overflow: hidden;
        line-height: 1.1;
        position: relative;
        overflow: hidden
    }

    .kampProjeContent p {
        width: 100%;
        display: inline-block;
        font-size: 14px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 55px;
        position: relative;
        overflow: hidden
    }

.bilgiAl {
    position: absolute;
    right: 15px;
    bottom: 10px;
    width: auto;
    overflow: hidden
}

    .bilgiAl a {
        color: #fff;
        background-color: #337ab7;
        font-size: 15px;
        padding: 9px 15px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2s cubic-bezier(.42,0,.16,.98)
    }

        .bilgiAl a:hover {
            background-color: #286090
        }

        .bilgiAl a i, .bilgiAl a svg {
            margin-left: 7px;
            font-size: 16px
        }

.plTitle a strong::before, .plTitle a h2::before {
    content: "";
    position: absolute;
    right: 110%;
    width: 100vw;
    height: 1px;
    background-color: #eaeaea;
    top: 50%
}

.plTitle a strong::after, .plTitle a h2::after {
    content: "";
    position: absolute;
    left: 110%;
    width: 100vw;
    height: 1px;
    background-color: #eaeaea;
    top: 50%
}

.kampProjeImage a {
    display: inline-block;
    width: 100%;
    height: 100%;
    float: left
}

    .kampProjeImage a::before {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        background-color: rgba(0,0,0,.4);
        left: 50%;
        top: 50%;
        transform: rotate(45deg);
        transition: all .3s cubic-bezier(.42,0,.22,1.01);
        margin: -15px;
        opacity: 0
    }

    .kampProjeImage a:hover::before {
        width: 100%;
        height: 100%;
        transform: rotate(0);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 1
    }

.firsat {
    position: absolute;
    left: -27px;
    top: -30px;
    z-index: 2;
    width: 230px;
    pointer-events: none
}

.footerTop {
    background-color: #1f1f1f;
    padding: 50px 0 35px
}

.footerBottom {
    background-color: #101010;
    height: 65px
}

.footerContact {
    width: 33.33%;
    float: left;
    display: inline-block
}

.footerLogo {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.footerContactList {
    width: 100%;
    display: inline-block
}

    .footerContactList ul {
        width: 100%;
        display: inline-block
    }

        .footerContactList ul li {
            width: 100%;
            display: inline-block;
            margin-bottom: 15px;
            color: #8c8c8c;
            font-size: 14px;
            line-height: 1.4
        }

            .footerContactList ul li a {
                color: #8c8c8c;
                display: inline-block;
                width: 100%
            }

            .footerContactList ul li i {
                width: 20px;
                float: left;
                display: inline-block
            }

            .footerContactList ul li span {
                float: left;
                width: calc(100% - 20px);
                display: inline-block;
                box-sizing: border-box;
                padding-left: 15px
            }

            .footerContactList ul li:last-child {
                margin-bottom: 0
            }

.footerBox {
    width: 66.66%;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 5%
}

.footerMenu {
    width: 45%;
    float: left;
    display: inline-block;
    margin-right: 10%
}

    .footerMenu span {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: .5px;
        border-bottom: 1px solid #292929;
        padding-bottom: 15px;
        margin-bottom: 20px;
        position: relative;
        display:block;
    }

    .footerMenu ul {
        width: 100%;
        display: inline-block
    }

        .footerMenu ul li {
            width: 100%;
            display: inline-block;
            position: relative;
            margin-bottom: 15px;
            float: left;
            padding-left: 20px;
            box-sizing: border-box
        }

            .footerMenu ul li a {
                display: inline-block;
                color: #8c8c8c;
                font-size: 16px;
                font-weight: 500;
                transition: all .2s ease-in-out
            }

    .footerMenu:nth-child(2n+2) {
        margin-right: 0
    }

    .footerMenu ul li a:hover {
        color: #fff
    }

    .footerMenu span::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 5px;
        width: 18%;
        background-color: #86a821
    }

    .footerMenu span::after {
        content: "";
        position: absolute;
        left: 19%;
        bottom: -1px;
        height: 5px;
        width: 6%;
        background-color: #86a821
    }

    .footerMenu:nth-child(2) span::after, .footerMenu:nth-child(2) span::before {
        background-color: #fbbc05
    }

    .footerMenu ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 8px;
        height: 8px;
        background-color: #313131;
        transform: translateY(-50%);
        border: 1px solid #525252;
        border-radius: 360px;
        box-sizing: border-box
    }

.copyright {
    width: 50%;
    color: #696969;
    font-size: 15px
}

.footerBottom .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.copyright a {
    color: #d9534f;
    display: inline-block;
    margin-right: 5px;
    font-weight: 700;
    transition: all .2s ease-in-out
}

    .copyright a:hover {
        color: #8e8e8e
    }

.footerContactList ul li a:hover {
    text-decoration: underline
}

.footerSocial {
    width: 50%
}

    .footerSocial ul {
        float: right
    }

        .footerSocial ul li a {
            color: #df6459;
            font-size: 15px;
            transition: all .2s ease-in-out
        }

            .footerSocial ul li a:hover {
                color: #8c8c8c
            }

        .footerSocial ul li {
            float: left;
            margin-left: 15px;
            width: 15px
        }

            .footerSocial ul li:first-child {
                margin-left: 0
            }

.sideBarAccordion {
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 0 12px 1px #ccc
}

.ptBox {
    display: none;
    width: 100%;
    float: left;
    padding: 0 0 15px
}

.sideBarAccordion > ul > li {
    width: 100%;
    display: inline-block
}

.ptBox > ul {
    display: inline-block;
    position: relative;
    width: 100%;
    float: left
}

    .ptBox > ul > li {
        width: calc(100% - 15px);
        display: inline-block;
        position: relative;
        padding: 11px 0;
        float: left;
        color: #333;
        box-sizing: border-box;
        margin-left: 15px
    }

.ptbBtn {
    padding-left: 60px;
    box-sizing: border-box;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    font-size: 17px;
    color: #2d2d2d;
    cursor: pointer;
    user-select: none;
    position: relative;
    border-bottom: 1px solid #ccc
}

.ptBox > ul > li label {
    line-height: 1px;
    color: #5f5f5f;
    font-weight: 700;
    font-size: 15px;
    padding-left: 35px;
    cursor: pointer;
    transition: all .2s cubic-bezier(.42,0,.3,.96)
}

    .ptBox > ul > li label:hover {
        color: #df6459
    }

.ptBox > ul > li input {
    margin: 0
}

.ptbBtn::Before {
    content: "+";
    position: absolute;
    display: block;
    font-size: 30pt;
    left: 20px;
    top: 13px;
    transition: transform .15s ease-in-out;
    color: #dd6459;
    font-weight: 300
}

.ptbBtn.active::Before {
    transform: rotate(180deg);
    content: "-"
}

.ptBox > ul > li label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid #eaeaea;
    background-color: #f5f5f5;
    border-radius: 360px;
    box-sizing: border-box
}

.ptBox > ul > li input[type=radio]:checked + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 3px solid #df6459;
    background-color: #f5f5f5;
    border-radius: 360px;
    box-sizing: border-box
}

.ptBox > ul > li input {
    width: 1px;
    height: 1px;
    display: none
}

.ptbBtn.active {
    border-bottom: 0
}

.ptBox.active {
    display: block
}

.sideBarAccordion > ul > li:not(:first-child) {
    box-shadow: 0 0 6px #e4e4e4,0 4px 8px #e4e4e4
}

.topProjects {
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 0 12px 1px #ccc
}

    .topProjects ul {
        width: 100%;
        display: inline-block;
        padding: 20px 15px;
        box-sizing: border-box
    }

        .topProjects ul li {
            width: 100%;
            display: inline-block;
            margin-bottom: 20px
        }

            .topProjects ul li a {
                display: inline-block;
                font-size: 16px;
                font-weight: 700;
                color: #df6459
            }

            .topProjects ul li:last-child {
                margin-bottom: 0
            }

.sticky .navBar {
    position: fixed;
    top: 0;
    z-index: 50
}

.sticky .child-menu-pages {
    top: 90px
}

.modal_body {
    position: fixed;
    z-index: 10;
    background-color: rgba(15,15,15,.781);
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: none
}

.modal_content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.modal_close_btn {
    background-color: #ff1616;
    position: absolute;
    right: -15px;
    top: -15px;
    border-radius: 20px;
    color: rgba(255,255,255,.867);
    padding: 7px 11px 7px 10px;
    font-weight: 700;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.text-center {
    text-align: center
}

.formTitle {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    border: none;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px
}

.form-group {
    margin-bottom: 9px
}

.form-group {
    position: relative;
    width: 100%;
    display: inline-block
}

.contact_form_text {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    outline-color: #df6459
}

.projeForm .form-control {
    height: 35px;
    background-color: #f0f1f4 !important;
    border-radius: 2px;
    padding-right: 30px;
    width: 100%;
    border: solid 1px #e0e1e6;
    box-shadow: none
}

textarea.contact_form_text {
    height: 90px
}

.projeForm .btn-primary {
    color: #fff;
    background-color: #337ab7;
    width: 100%;
    height: 45px;
    border: none;
    font-size: 17px;
    font-weight: 700;
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s cubic-bezier(.42,0,.22,1.07)
}

body.owh {
    overflow: hidden
}

.projeForm .btn-primary:hover {
    background-color: #df6459 !important
}

.projectCard {
    width: 64%;
    float: left;
    display: inline-block
}

.projectForm {
    width: 34%;
    float: left;
    display: inline-block;
    margin-left: 2%;
    padding: 15px 25px;
    position: relative;
    height: 543px;
    box-shadow: none;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e7e9f1;
    box-sizing: border-box
}

.formButtonWrapper {
    position: relative;
    float: left;
    display: inline-block;
    width: 34%;
    margin-left: 2%;
    margin-bottom: 10px
}

.formButtonContact {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

    .formButtonContact a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 10px;
        padding-left: 20px;
        box-sizing: border-box;
        color: #fff;
        font-size: 18px;
        height: 55px;
        border-radius: 5px
    }

        .formButtonContact a .buttonLeft {
            display: flex;
            align-items: center
        }

            .formButtonContact a .buttonLeft i {
                display: block;
                margin-right: 10px
            }

.formButtonContact {
}

    .formButtonContact.renk1 a {
        background-color: #df6459
    }

    .formButtonContact.renk2 a {
        background-image: linear-gradient(to bottom,#39d6a1,#30bca0)
    }

    .formButtonContact a span {
        position: relative;
        display: block;
        width: 128px;
        background: #fff;
        text-align: center;
        color: #000;
        font-size: 15px;
        font-weight: 700;
        padding: 9px 0;
        border-radius: 5px;
        box-sizing: border-box
    }

    .formButtonContact.renk1 a span {
        color: #df6459
    }

    .formButtonContact.renk2 a span {
        color: #30bca0
    }

.projeSlogan a {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: 170px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #e7e9f1;
    box-sizing: border-box;
    padding-left: 40px
}

    .projeSlogan a strong {
        display: block;
        font-size: 16px;
        color: #020202;
        line-height: 65px
    }

    .projeSlogan a i {
        display: table;
        margin-top: 13px;
        left: 0
    }

    .projeSlogan a .projeSloganRight {
        position: absolute;
        float: right
    }

.projeSlogan .projeSloganLeft {
    position: relative;
    float: left
}

.projeSlogan.small a {
    height: 65px;
    padding-left: 25px
}

.projeSlogan.small .projeSloganLeft {
    display: flex;
    align-items: center
}

    .projeSlogan.small .projeSloganLeft i {
        margin-top: 0;
        margin-right: 20px
    }

.breadcrumb {
    padding: 7px 0
}

    .breadcrumb ul {
        display: inline-block;
        width: 100%
    }

        .breadcrumb ul li {
            float: left;
            position: relative;
            margin-right: 25px
        }

            .breadcrumb ul li a {
                color: #919191;
                font-size: 13px;
                font-weight: 700;
                display: inline-block;
                transition: all .2s cubic-bezier(.42,0,.13,1.04)
            }

            .breadcrumb ul li + li:before {
                content: "";
                position: absolute;
                width: 5px;
                height: 9px;
                background: url(../images/bread.png);
                background-size: 100% 100%;
                box-sizing: border-box;
                left: -14px;
                top: 4px
            }

            .breadcrumb ul li a:hover {
                color: #df6459
            }

.projeLogo {
    width: 24%;
    float: left;
    height: 80px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 4px 1px #dadada;
    box-shadow: 0 0 4px 1px #dadada;
    position: relative
}

    .projeLogo:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: translateX(-101%);
        transform: translateX(-101%);
        background: linear-gradient(100deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%);
        -webkit-animation: loading 1.5s ease infinite;
        animation: loading 1.5s ease infinite;
        content: "";
        z-index: 3;
        transition: all ease-in-out .3s
    }

    .projeLogo:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #e3e3e3;
        top: 0;
        z-index: 2;
        background-image: url(/assets/images/load-icn.png);
        background-repeat: no-repeat;
        background-position: center;
        transition: all ease-in-out .3s;
        background-size: 60px 60px
    }

    .projeLogo.load:before, .projeLogo.load:after {
        opacity: 0;
        visibility: hidden
    }

.projeAd {
    width: 43%;
    float: left;
    margin: 0 1%;
    height: 80px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 4px 1px #dadada;
    box-shadow: 0 0 4px 1px #dadada
}

.projeLokasyon {
    width: 31%;
    float: left;
    height: 80px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #797979;
    -webkit-box-shadow: 0 0 4px 1px #dadada;
    box-shadow: 0 0 4px 1px #dadada;
    font-weight: 500
}

.projectCardDetails {
    margin: 13px 0
}

h1.proje-title {
    font-size: 23px;
    font-weight: 500;
    color: #df6459;
    margin-bottom: 5px
}

.projeAd a {
    color: #797979;
    font-weight: 500;
    font-size: 14px
}

.projeLokasyon i, .projeLokasyon svg {
    color: #df6459;
    margin-right: 7px;
    font-size: 20px
}

.projeLokasyon strong {
    font-weight: 500
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.projeForm textarea.form-control {
    height: 40px
}

.call_icon {
    position: absolute;
    right: 0;
    top: 0
}

.projectDetailTitle {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% + 50px);
    margin-left: -25px;
    margin-top: -15px;
    height: 100px;
    margin-bottom: 20px;
    padding-left: 20px;
    box-sizing: border-box;
    border-bottom: solid 1px #e7e9f1;
    box-sizing: border-box
}

    .projectDetailTitle .formTitle2 {
        margin-bottom: 0
    }

.formTitle2 {
    text-align: left;
    font-size: 21px;
    margin-bottom: 15px;
    margin-top: 0;
    display: inline-block;
    width: 100%;
    color: #000;
    line-height: 1.2
}

    .formTitle2 strong {
        font-weight: 400;
        display: block
    }

    .formTitle2 b {
        font-weight: 700
    }

.projectDetailTitle .formTitle2.title2 {
    font-weight: 700
}

.projectDetailTitle.hauto {
    height: 70px
}

.popupBilgi {
    max-width: 1000px;
    max-height: calc(100% - 90px);
    width: 95%
}

.YasalIzinMetin {
    color: #80818f;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 9px;
    font-size: 14px
}

    .YasalIzinMetin a {
        color: #80818f;
        font-weight: 500;
        display: inline-block
    }

#HaberdarEt {
    float: left;
    display: inline-block;
    width: 15px;
    margin: 0 5px 0
}

.projectBnImage {
    -webkit-box-shadow: 0 0 4px 1px #dadada;
    box-shadow: 0 0 4px 1px #dadada;
    min-height: 340px;
    position: relative;
    overflow: hidden
}

    .projectBnImage:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: translateX(-101%);
        transform: translateX(-101%);
        background: linear-gradient(100deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%);
        -webkit-animation: loading 1.5s ease infinite;
        animation: loading 1.5s ease infinite;
        content: "";
        z-index: 3;
        transition: all ease-in-out .3s
    }

    .projectBnImage:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #e3e3e3;
        top: 0;
        z-index: 2;
        background-image: url(/assets/images/load-icn.png);
        background-repeat: no-repeat;
        background-position: center;
        transition: all ease-in-out .3s
    }

    .projectBnImage.load:before, .projectBnImage.load:after {
        opacity: 0;
        visibility: hidden
    }

@-webkit-keyframes loading {
    0% {
        -webkit-transform: translateX(-101%);
        transform: translateX(-101%)
    }

    80% {
        -webkit-transform: translateX(101%);
        transform: translateX(101%)
    }

    to {
        -webkit-transform: translateX(101%);
        transform: translateX(101%)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: translateX(-101%);
        transform: translateX(-101%)
    }

    80% {
        -webkit-transform: translateX(101%);
        transform: translateX(101%)
    }

    to {
        -webkit-transform: translateX(101%);
        transform: translateX(101%)
    }
}

.main_title {
    font-size: 25px;
    font-weight: 700;
    color: #df6459;
    margin-bottom: 15px
}

.popupBilgi p {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    line-height: 1.2;
    color: #333;
    font-size: 15px
}

.popupBilgi ol, .popupBilgi ul {
    width: 100%;
    display: inline-block;
    margin: 5px 0
}

    .popupBilgi ol li, .popupBilgi ul li {
        width: calc(100% - 20px);
        display: list-item;
        margin-bottom: 10px;
        font-size: 14px;
        list-style-type: disc;
        margin-left: 20px;
        line-height: 1.2
    }

.popupBilgi li a, .popupBilgi p a {
    color: #4fa6d8;
    text-decoration: underline
}

.projeDetay {
    padding-bottom: 50px
}

.projeKampanya {
    padding: 25px
}

.projeAciklama {
    padding: 30px 25px;
    display: inline-block;
    float: left;
    border-radius: 4px;
    width: 100%
}

    .projeAciklama h2 {
        font-size: 26px;
        text-align: center;
        position: relative;
        margin: 0 auto 60px;
        color: #333;
        width: 100%;
        float: left;
        display: inline-block;
        width: 100%
    }

    .projeAciklama > p {
        width: 100%;
        display: inline-block;
        font-size: 17px;
        text-align: center;
        color: #333;
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: 25px;
        float: left
    }

    .projeAciklama > h3 {
        font-size: 26px;
        text-align: center;
        position: relative;
        margin: 15px auto;
        width: 100%;
        display: inline-block;
        font-weight: 500;
        color: #333;
        float: left
    }

    .projeAciklama h2::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -31px;
        transform: translateX(-50%);
        width: 55px;
        height: 15px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%
    }

    .projeAciklama .BeforeRed::before {
        background-image: url(../images/icons/title-bg-red.png)
    }

    .projeAciklama .BeforeYellow::before {
        background-image: url(../images/icons/title-bg-yellow.png)
    }

    .projeAciklama .BeforeGreen::before {
        background-image: url(../images/icons/title-bg-green.png)
    }

    .projeAciklama .BeforeBlue::before {
        background-image: url(../images/icons/title-bg-blue.png)
    }

    .projeAciklama p strong {
        font-weight: 700
    }

    .projeAciklama h4 {
        font-size: 19px;
        width: 100%;
        text-align: center;
        display: inline-block;
        line-height: 1.4
    }

    .projeAciklama h2 strong {
        font-weight: 700
    }

    .projeAciklama p:last-child {
        margin-bottom: 0
    }

.sosyalMedyaPaylas ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .sosyalMedyaPaylas ul li {
        width: 100%
    }

        .sosyalMedyaPaylas ul li a {
            height: 40px;
            width: 100%;
            background-color: #df6459;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-weight: 700;
            color: #fff;
            transition: all .2s ease-in-out
        }

            .sosyalMedyaPaylas ul li a i, .sosyalMedyaPaylas ul li a svg {
                font-size: 19px;
                margin-right: 10px
            }

        .sosyalMedyaPaylas ul li.share_facebook a {
            background-color: #3b5998
        }

        .sosyalMedyaPaylas ul li.share_twitter a {
            background-color: #00aced
        }

        .sosyalMedyaPaylas ul li.share_whatsapp a {
            background-color: #0dc143
        }

        .sosyalMedyaPaylas ul li.share_linkedin a {
            background-color: #0573b1
        }

        .sosyalMedyaPaylas ul li a:hover {
            opacity: .7
        }

.w50 {
    width: 50%;
    float: left;
    display: inline-block;
    padding: 0 1%
}

.galeriList li a:hover {
    opacity: .5
}

.galeriList li a {
    display: inline-block;
    width: 100%;
    float: left;
    height: 100%;
    transition: all .2s ease-in-out
}

.galeriList li {
    float: left;
    display: inline-block;
    margin: 7px;
    width: 120px
}

.galeriList {
    width: 100%;
    display: inline-block
}

.videoList {
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
    float: left
}

    .videoList iframe {
        width: 100%;
        height: 300px;
        float: left
    }

.map {
    width: 100%;
    display: inline-block;
    float: left
}

#map_canvas {
    width: 100%;
    height: 350px
}

.digerProjeList {
    width: 100%;
    display: inline-block;
    overflow: hidden
}

    .digerProjeList .kampProjeListItem {
        width: 31.33%;
        margin-right: 3%;
        margin-bottom: 3%
    }

.innerTitle {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 25px;
    width: 100%;
    display: inline-block;
    color: #df6459
}

    .innerTitle.textCenter {
        text-align: center
    }

.innerContent p {
    width: 100%;
    display: inline-block;
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 25px;
    color: #000
}

.innerContent > ul {
    width: 100%;
    display: inline-block
}

    .innerContent > ul > li {
        font-size: 16px;
        width: 100%;
        display: inline-block;
        margin-bottom: 25px;
        float: left;
        color: #000
    }

        .innerContent > ul > li > ul {
            margin-top: 15px;
            width: 100%;
            display: inline-block;
            padding-left: 50px
        }

            .innerContent > ul > li > ul li {
                display: list-item;
                list-style-type: disc;
                font-size: 15px;
                width: 100%;
                margin-bottom: 5px;
                color: #000
            }

        .innerContent > ul > li strong {
            font-weight: 700
        }

.contentLogo {
    margin: 25px auto;
    display: table
}

.textCenter {
    text-align: center
}

.innerContent p strong {
    font-weight: 700
}

.innerContent h2 {
    font-size: 20px;
    font-weight: 500;
    color: #df6459;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px
}

.innerContent li a, .innerContent p a {
    color: #df6459;
    text-decoration: underline
}

.uye-giris-sol {
    width: 50%;
    background: #fff;
    border: 1px solid rgba(217,83,79,.26);
    float: left
}

    .uye-giris-sol h1 {
        margin: 0;
        border-bottom: 1px solid rgba(217,83,79,.26);
        float: left;
        width: 100%;
        font-size: 28px;
        font-weight: 500;
        color: #333;
        padding: 20px 25px
    }

    .uye-giris-sol ul {
        float: left;
        width: 100%;
        color: #8f8f8f;
        padding: 50px 30px
    }

        .uye-giris-sol ul li {
            margin-bottom: 15px
        }

.popup-text2 {
    width: 100%;
    height: 45px;
    padding-left: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    border: 4px solid #ececec;
    background-color: #e8f0fe;
    font-size: 16px;
    outline-color: #df6459
}

.uye-giris-sol ul li span {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px
}

.popup-submit3 {
    width: 30%;
    margin-top: 0;
    color: #fff;
    font-weight: 600;
    height: 50px;
    background-color: #dd6459;
    border: 2px solid #ececec;
    float: right;
    font-size: 17px;
    outline: 0;
    cursor: pointer;
    transition: all .2s cubic-bezier(.42,0,.1,1.06)
}

.hatirlamiyorum {
    width: 60% !important;
    float: left;
    padding-top: 13px;
    margin: 0 !important;
    font-size: 17px !important
}

    .hatirlamiyorum img {
        float: left;
        margin-right: 10px;
        margin-top: -10px
    }

    .hatirlamiyorum a {
        color: #8f8f8f;
        text-decoration: underline
    }

.popup-submit3:Hover {
    background-color: #525252
}

.uye-giris-sag {
    width: calc(50% - 30px);
    margin-left: 30px;
    float: left
}

.uye-giris-sol-content {
    width: 100%;
    float: left;
    height: 328px
}

.uye-giris-sol-buton {
    background: #fff;
    float: left;
    border-top: 1px solid rgba(217,83,79,.26);
    height: 95px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.uye-giris-sag h1 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 30px;
    width: 100%;
    display: inline-block;
    padding-left: 30px;
    margin-bottom: 10px
}

.uye-giris-sag p {
    width: 100%;
    display: inline-block;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.2
}

.uye-giris-sol-content ul {
    padding: 0 30px
}

    .uye-giris-sol-content ul li {
        margin-top: 40px;
        display: inline-block;
        width: 100%
    }

        .uye-giris-sol-content ul li img {
            float: left;
            width: 54px
        }

        .uye-giris-sol-content ul li h2 {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 10px
        }

        .uye-giris-sol-content ul li p {
            padding-left: 0
        }

.uye-content {
    float: left;
    width: calc(100% - 54px);
    display: inline-block;
    padding-left: 25px
}

.popup-submit {
    width: 50%;
    color: #fff;
    font-weight: 600;
    height: 65px;
    background-color: #dd6459;
    border: 2px solid #ececec;
    text-align: center;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.42,0,.1,1.06);
    margin: 0 auto;
    outline: 0;
    cursor: pointer
}

    .popup-submit:hover {
        background-color: #525252
    }

.uye-popup-bg {
    width: 100vw;
    height: 100vh;
    background: rgba(221,99,88,.76);
    position: fixed;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15vh;
    left: 0;
    top: 0
}

.loading {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    bottom: 0;
    background: rgba(0,0,0,.4);
    border-radius: 5px
}

    .loading img {
        left: 50%;
        top: 50%;
        position: relative;
        transform: translate(-50%,-50%)
    }

.uye-popup {
    width: 35%;
    height: auto;
    background: #f9f9f9;
    display: block;
    margin: auto;
    position: relative;
    padding-bottom: 30px
}

.popup-kapat {
    width: 50px;
    height: 30px;
    right: 0;
    padding-top: 7px;
    color: #000;
    font-weight: 700;
    background: #f9f9f9;
    text-align: center;
    position: absolute;
    top: -30px;
    cursor: pointer
}

.popup-baslik {
    width: 100%;
    padding-top: 25px;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    color: #000;
    padding-bottom: 25px;
    line-height: 24px
}

.popup-form {
    width: 100%
}

.popup-text {
    width: 90%;
    height: 55px;
    margin-left: 5%;
    padding-left: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    border: 4px solid #ececec;
    color: #dd6358;
    outline: 0;
    transition: all .2s cubic-bezier(.42,0,.26,1.03)
}

.uye-ol-bg {
    border: 1px solid rgba(217,83,79,.26)
}

    .uye-ol-bg h1 {
        padding: 25px 30px;
        margin: 0;
        border-bottom: 1px solid rgba(217,83,79,.26);
        float: left;
        width: 100%;
        font-size: 30px;
        font-weight: 500;
        color: #333
    }

    .uye-ol-bg form {
        padding: 30px;
        display: inline-block;
        width: 100%
    }

.form-sol {
    width: 50%;
    float: left;
    display: inline-block
}

.form-sag {
    width: 50%;
    float: left;
    display: inline-block
}

.onay-popup {
    color: #9d9494;
    font-size: 14px;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding-left: 25px
}

.uyeSubmit {
    width: 270px
}

.popup-text:focus {
    border-color: #df6459
}

.proje-all-d {
    display: inline-block;
    width: 260px;
    position: fixed;
    left: -260px;
    transition: all .3s ease-in-out;
    top: 20%;
    background-color: #fff;
    z-index: 12
}

.proje-active {
    left: 0;
    box-shadow: 0 0 15px rgba(0,0,0,.4)
}

.son-resim-d {
    position: absolute;
    right: -35px;
    top: 50%;
    margin-top: -110px;
    cursor: pointer
}

.son-title-d {
    width: 100%;
    text-align: center;
    padding: 9px;
    box-shadow: 0 3px 10px rgba(0,0,0,.3);
    background-color: #dd6459;
    font-size: 18px;
    color: #fff;
    position: relative;
    box-sizing: border-box
}

    .son-title-d p {
        color: #fff;
        text-align: center;
        margin-bottom: 0;
        padding-right: 33px
    }

.projeKapat {
    position: absolute;
    right: 0;
    font-size: 25px;
    height: 100%;
    top: 0;
    box-sizing: border-box;
    background-color: #ad453c;
    display: block;
    cursor: pointer;
    color: #fff;
    padding: 4px 10px
}

.proje-container-p {
    display: inline-block;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    height: 335px;
    overflow-y: scroll;
    overflow-x: hidden
}

.projeler-d {
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0;
    border-bottom: 1px solid #e2e2e2;
    transition: all .2s ease-in-out
}

    .projeler-d:last-child {
        border: 0;
        margin-bottom: 0
    }

.projeler-img-d {
    transition: all .2s ease-in-out
}

    .projeler-img-d:hover {
        opacity: .6
    }

.projeler-isim-d a {
    padding: 10px 0;
    text-align: center;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    line-height: 1
}

.navBarHaber {
    height: 80px;
    background-color: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 50;
    transition: all .2s ease-in-out
}

    .navBarHaber .container {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

.manset {
    width: 68%;
    float: left;
    display: inline-block
}

.mansetCarousel .items {
    height: 400px;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

    .mansetCarousel .items a {
        display: inline-block;
        float: left;
        height: 100%;
        width: 100%
    }

    .mansetCarousel .items h2 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 65px;
        background-color: rgba(0,0,0,.5);
        color: #fff;
        font-size: 23px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 25px;
        overflow: hidden
    }

.mansetCarousel .owl-dots {
    display: inline-block;
    width: 100%;
    float: left;
    counter-reset: dots;
    border: 1px solid #d4d4d4;
    border-top: 0;
    height: 45px
}

.mansetCarousel .owl-dot {
    width: 5.88%;
    display: inline-block;
    float: left;
    height: 45px;
    outline: 0;
    transition: all .2s cubic-bezier(.42,0,.23,.99);
    background: #efefef !important;
    border: 2px solid #fff !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #333;
    height: 100%
}

    .mansetCarousel .owl-dot::Before {
        counter-increment: dots;
        content: counter(dots)
    }

.mansetCarousel {
    float: left
}

    .mansetCarousel .owl-dot.active {
        background-color: #df6459 !important;
        color: #fff !important
    }

.mansetProje {
    float: left;
    width: 30%;
    margin-left: 2%;
    height: 445px;
    background-color: #fff
}

.mpHeader {
    width: 100%;
    display: inline-block;
    float: left
}

.mpLogo {
    width: 40%;
    float: left;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-right: 1px solid #e6e6e6
}

.mpTitle {
    float: left;
    height: 95px;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center
}

    .mpTitle a {
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        color: #df6459
    }

        .mpTitle a span {
            display: block;
            font-size: 13px;
            font-weight: 400;
            color: #737373;
            margin-top: 8px
        }

.mpContent {
    width: 100%;
    display: inline-block;
    padding: 15px 15px 0 15px;
    text-align: center;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    color: #df6459;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.mansetProjeCarousel .owl-nav {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%)
}

.mansetProjeCarousel .owl-next, .mansetProjeCarousel .owl-prev {
    color: #000;
    margin: 3px;
    width: 30px;
    height: 30px;
    background: #efefef !important;
    display: inline-block;
    font-size: initial !important;
    font-weight: 700 !important;
    text-align: center;
    border: 1px solid #d0d0d0 !important;
    outline: 0;
    transition: all .2s cubic-bezier(.42,0,.19,1.01)
}

.mansetProjeCarousel {
    height: 100%
}

    .mansetProjeCarousel .owl-next:hover, .mansetProjeCarousel .owl-prev:hover {
        background-color: #df6459 !important;
        color: #fff !important
    }

    .mansetProjeCarousel .owl-dots {
        display: none
    }

    .mansetProjeCarousel .owl-next span, .mansetProjeCarousel .owl-prev span {
        height: 100% !important
    }

.newsCampCarousel .items {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden
}

    .newsCampCarousel .items a {
        display: inline-block;
        width: 100%;
        height: 100%;
        float: left
    }

        .newsCampCarousel .items a img {
            width: 100%
        }

        .newsCampCarousel .items a .ncTitle {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
            height: 70px;
            background-color: rgba(0,0,0,.6);
            width: 100%;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 0 20px;
            font-size: 16px;
            line-height: 1.3
        }

.newsCampCarousel .owl-nav {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.newsCampCarousel .owl-next, .newsCampCarousel .owl-prev {
    color: #fff !important;
    display: table-cell;
    margin: 2px;
    padding: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
    background: #f60d2b !important;
    filter: Alpha(Opacity=50);
    opacity: 1;
    height: 30px;
    width: 30px;
    border: 1px solid #fff !important;
    vertical-align: middle;
    text-align: center;
    text-indent: -9999em;
    background-size: 7px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    transition: all .2s ease-in-out
}

.newsCampCarousel .owl-next {
    background-image: url(../images/icons/next.png) !important
}

.newsCampCarousel .owl-prev {
    background-image: url(../images/icons/prev.png) !important
}

.newsCampCarousel .items img {
    transition: all .4s cubic-bezier(.42,0,.24,1.02)
}

.newsCampCarousel .items a:hover img {
    transform: scale(1.2) rotate(-2deg)
}

.newsCampCarousel .owl-next:hover, .newsCampCarousel .owl-prev:hover {
    opacity: .7
}

.newBox {
    width: 32%;
    float: left;
    position: relative;
    margin: 2% 2% 0 0;
    transition: all .2s ease-in-out
}

.newsImg {
    width: 100%;
    display: inline-block;
    float: left;
    box-shadow: 0 1px 1px rgba(173,168,168,.1);
    border: 1px solid rgba(0,0,0,.1)
}

.newBox:nth-child(3n+3) {
    margin-right: 0
}

.newsContent {
    float: left;
    width: 100%;
    display: inline-block;
    height: 130px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(173,168,168,.1);
    border: 1px solid rgba(0,0,0,.1);
    margin-top: 5px;
    padding: 15px
}

.newsImg img {
    width: 100%
}

.newsContent h3 {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
    color: #333;
    height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 1.1
}

.newsContent p {
    width: 100%;
    display: inline-block;
    font-size: 15px;
    line-height: 1.2;
    height: 55px;
    overflow: hidden;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.newBox a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.haberListBaslik a {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    color: #333;
    font-size: 21px;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

    .haberListBaslik a::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 5px;
        background-color: #df6459;
        width: 60px
    }

    .haberListBaslik a::after {
        content: "";
        position: absolute;
        left: 64px;
        bottom: -1px;
        height: 5px;
        background-color: #df6459;
        width: 20px
    }

.newBox:hover {
    opacity: .6
}

.haberSideBar {
    float: right;
    width: 30%;
    display: inline-block;
    position: relative
}

.haberContent {
    float: left;
    width: 68%;
    display: inline-block;
    position: relative;
    margin-right: 2%
}

    .haberContent .bgContainerShadowWhite {
        padding: 10px 25px 35px;
        margin-bottom: 50px
    }

    .haberContent .breadcrumb {
        padding: 7px 0 15px 0
    }

.haberIcerik {
    width: 100%;
    float: left;
    display: inline-block;
    font-size: 16px
}

    .haberIcerik h1 {
        font-size: 28px;
        font-weight: 500;
        color: #111;
        margin-bottom: 20px;
        width: 100%;
        float: left;
        margin-top: 15px
    }

    .haberIcerik h2 {
        font-size: 19px;
        line-height: 1.4;
        margin-bottom: 20px;
        color: #909090;
        font-weight: 400;
        float: left
    }

    .haberIcerik p {
        width: 100%;
        display: inline-block;
        margin-bottom: 20px;
        line-height: 1.4;
        float: left
    }

.haberResim {
    width: 100%;
    display: inline-block;
    float: left;
    margin-bottom: 20px
}

    .haberResim img {
        width: 100%
    }

.haberIcerik p i {
    font-weight: 700;
    font-style: italic
}

.haberTarih {
    float: left;
    display: inline-block;
    width: 50%;
    font-size: 14px;
    color: #8e8e8e;
    font-weight: 400
}

.haberZoom {
    float: right;
    width: 50%;
    display: inline-block
}

    .haberZoom ul {
        float: right
    }

        .haberZoom ul li {
            float: left;
            display: inline-block;
            width: 25px;
            margin-right: 10px
        }

            .haberZoom ul li a {
                display: inline-block
            }

.newsSettings {
    margin-bottom: 20px
}

.haberZoom ul li:last-child {
    margin-right: 0
}

.haberIcerik h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    width: 100%
}

.yazar {
    margin-top: 20px
}

.yazarAd {
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px
}

    .yazarAd a {
        color: #6b6b6b;
        font-weight: 700;
        transition: all .2s ease-in-out
    }

.yazarBiyo {
    font-size: 15px;
    color: #7b7b7b;
    width: 100%;
    font-weight: 500;
    margin-bottom: 5px
}

.yazarDetay {
    font-size: 15px;
    color: #7b7b7b;
    width: 100%
}

.yazarAd a:hover {
    color: #df6459
}

.haberZoom ul li button {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    outline: 0;
    transition: all .2s ease-in-out;
    cursor: pointer
}

    .haberZoom ul li button:hover {
        opacity: .6
    }

.haberManset {
    height: 445px
}

.haberManset {
    background-color: #fff
}

.benzerHaber {
    background-color: #fff;
    padding: 25px
}

.bhTitle {
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    font-size: 19px;
    font-weight: 700;
    color: #333
}

.box-item {
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e2e2e2
}

.benzerHaberImg {
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: 10px
}

.benzerHaberBaslik {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    line-height: 1.3;
    color: #000;
    font-weight: 500
}

.box-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.firsatProjeList li {
    width: 31.33%;
    float: left;
    display: inline-block;
    margin-right: 3%;
    margin-bottom: 3%;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 #dfdfdf
}

.fpTop {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: left
}

.fpImg {
    width: 100%;
    display: inline-block;
    float: left;
    transition: all .2s ease-in-out
}

.fpContent {
    width: 100%;
    height: 80px;
    padding: 10px 15px;
    float: left
}

    .fpContent p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.2;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

.fpTop h2 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #333
}

    .fpTop h2 a {
        color: #000;
        transition: all .2s cubic-bezier(.42,0,.25,.98)
    }

        .fpTop h2 a:hover {
            color: #df6459
        }

.fpTop h3 {
    font-size: 13px;
    color: #989898;
    font-weight: 400
}

.fpImg a {
    display: inline-block;
    float: left
}

.fpImg:hover {
    opacity: .6
}

.fhImg {
    width: 100%;
    display: inline-block;
    float: left
}

    .fhImg img {
        width: 100%
    }

.fhTitle {
    width: 100%;
    display: inline-block;
    float: left;
    background-color: #212121;
    padding: 20px 5% 30px
}

    .fhTitle h2 {
        width: 100%;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 30px
    }

.downArrow {
    margin: 0 auto;
    display: table;
    width: 60px;
    position: relative;
    top: 0;
    animation: moveArrow 1.5s infinite
}

.nativeAciklama {
    width: 100%;
    display: inline-block;
    float: left;
    margin: 30px 0
}

    .nativeAciklama p {
        font-size: 28px !important;
        text-align: center
    }

.firsatContent p {
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: 30px;
    line-height: 1.3;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    text-align: center
}

.firsatContent h2 {
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #000
}

.firsatContent p a {
    font-weight: 700;
    color: #df6459;
    text-decoration: underline
}

.firsatContent p img {
    margin: 0 auto
}

.formDoldurLink {
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: 60px;
    text-align: center
}

    .formDoldurLink a {
        text-decoration: underline;
        font-size: 25px;
        color: #df6459;
        font-weight: 700;
        transition: all .2s ease-in-out
    }

        .formDoldurLink a:hover {
            color: #212121
        }

.upButton {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 50;
    background-color: #df6459;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: -100px;
    transition: all .4s cubic-bezier(.42,0,.29,1.02);
    cursor: pointer;
    padding: 10px;
    background-color: rgba(0,0,0,.3)
}

.sticky .upButton {
    margin-bottom: 10px;
    right: 15px
}

.upButton:hover {
    background-color: #212121
}

.form.projeGonderAppendTo {
    padding: 19px 22px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 0 4px 1px #dadada;
    box-shadow: 0 0 4px 1px #dadada;
    width: 400px
}

.projeListe tr {
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

    .projeListe tr td {
        padding: 10px 8px;
        vertical-align: top;
        font-size: 14px;
        color: #9c9c9c;
        font-weight: 300;
        height: 50px
    }

        .projeListe tr td a {
            color: #df6459;
            font-weight: 500
        }

        .projeListe tr td:first-child {
            color: #000;
            padding: 10px
        }

.projeGonder {
    margin-bottom: 25px
}

.ilgiliProjeler .container {
    padding: 40px 20px 20px
}

.ilgiliProjeler ul {
    width: 100%;
    display: inline-block
}

    .ilgiliProjeler ul li {
        float: left;
        display: inline-block;
        width: 23%;
        margin: 1%;
        box-shadow: 0 2px 3px rgba(0,0,0,.15)
    }

        .ilgiliProjeler ul li a {
            display: inline-block
        }

            .ilgiliProjeler ul li a span {
                width: 100%;
                height: 75px;
                background-color: #fff;
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-direction: column;
                padding: 0 15px
            }

                .ilgiliProjeler ul li a span strong {
                    margin-bottom: 7px;
                    font-weight: 500;
                    color: #000;
                    font-size: 18px
                }

                .ilgiliProjeler ul li a span i {
                    font-size: 13px;
                    color: #929292
                }

.ilgiliProjeler h2 {
    font-size: 26px;
    text-align: center;
    position: relative;
    margin: 0 auto 60px;
    color: #333;
    width: 100%;
    float: left;
    display: inline-block;
    width: 100%
}

    .ilgiliProjeler h2::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -31px;
        transform: translateX(-50%);
        width: 55px;
        height: 15px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%
    }

.ilgiliProjeler .BeforeBlue::before {
    background-image: url(../images/icons/title-bg-blue.png)
}

.ilgiliProjeler {
    margin-bottom: 50px
}

.firsatContent p strong {
    font-weight: 700
}

.firsatContent {
    margin-bottom: 50px;
    padding-bottom: 50px
}

    .firsatContent ul {
        width: 100%
    }

        .firsatContent ul li {
            margin: 25px auto;
            display: table
        }

            .firsatContent ul li a {
                font-size: 20px;
                color: #3795d0;
                font-weight: 500;
                list-style: decimal;
                display: list-item;
                transition: all .2s ease-in-out
            }

                .firsatContent ul li a:hover {
                    text-decoration: underline;
                    color: #dc6359
                }

.nativeButton {
    margin: 25px 0
}

    .nativeButton a {
        margin: 0 auto;
        display: table;
        background-color: #dc6359;
        color: #fff;
        text-decoration: none;
        padding: 15px 20px;
        font-weight: 500;
        font-size: 17px;
        transition: all .2s cubic-bezier(.42,0,.21,1.07);
        text-align: center;
        line-height: 1.2
    }

        .nativeButton a:hover {
            background-color: #212121
        }

.projeDetayButton {
    margin: 25px 0
}

    .projeDetayButton a {
        margin: 0 auto;
        display: table
    }

.fixMobil {
    display: none
}

.send-form {
    width: 100%;
    height: 50px;
    background-color: #0468f2;
    color: #fff;
    border: none;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    outline: 0;
    border-radius: 30px;
    margin-top: 20px;
    text-transform: uppercase
}

    .send-form:hover {
        background-color: #c42527 !important
    }

.ajaxloader {
    width: 80px;
    text-align: center;
    margin: auto
}

.bubblingG {
    text-align: center;
    width: 80px;
    height: 50px
}

    .bubblingG span {
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 10px;
        margin: 25px auto;
        background: #173c6e;
        -moz-border-radius: 50px;
        -moz-animation: bubblingG 1.3s infinite alternate;
        -webkit-border-radius: 50px;
        -webkit-animation: bubblingG 1.3s infinite alternate;
        -ms-border-radius: 50px;
        -ms-animation: bubblingG 1.3s infinite alternate;
        -o-border-radius: 50px;
        -o-animation: bubblingG 1.3s infinite alternate;
        border-radius: 50px;
        animation: bubblingG 1.3s infinite alternate
    }

#bubblingG_1 {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s
}

#bubblingG_2 {
    -moz-animation-delay: .39s;
    -webkit-animation-delay: .39s;
    -ms-animation-delay: .39s;
    -o-animation-delay: .39s;
    animation-delay: .39s
}

#bubblingG_3 {
    -moz-animation-delay: .78s;
    -webkit-animation-delay: .78s;
    -ms-animation-delay: .78s;
    -o-animation-delay: .78s;
    animation-delay: .78s
}

.radiovalidate {
    POSITION: ABSOLUTE;
    right: -16px;
    top: 6px
}

.izin {
    margin: 5px auto;
    width: 140px
}

@-moz-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        -moz-transform: translateY(0)
    }

    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        -moz-transform: translateY(-21px)
    }
}

@-webkit-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        -webkit-transform: translateY(0)
    }

    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        -webkit-transform: translateY(-21px)
    }
}

@-ms-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        -ms-transform: translateY(0)
    }

    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        -ms-transform: translateY(-21px)
    }
}

@-o-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        -o-transform: translateY(0)
    }

    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        -o-transform: translateY(-21px)
    }
}

@keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #173c6e;
        transform: translateY(0)
    }

    100% {
        width: 24px;
        height: 24px;
        background-color: #579bcd;
        transform: translateY(-21px)
    }
}

.formIzin {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 0
}

    .formIzin input {
        width: 15px;
        height: 15px;
        margin: 0 5px;
        float: left;
        display: inline-block
    }

    .formIzin label {
        width: calc(100% - 30px);
        float: left;
        display: inline-block;
        padding-left: 10px;
        font-size: 14px;
        color: #80818f;
        font-weight: 400
    }

#ProjeTalepForm .intl-tel-input {
    width: 75%
}

.formError {
    z-index: 990
}

    .formError .formErrorContent {
        z-index: 991
    }

    .formError .formErrorArrow {
        z-index: 996
    }

.ui-dialog .formError {
    z-index: 5000
}

    .ui-dialog .formError .formErrorContent {
        z-index: 5001
    }

    .ui-dialog .formError .formErrorArrow {
        z-index: 5006
    }

.inputContainer {
    position: relative;
    float: left
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left
}

    .formError.inline {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block
    }

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    box-sizing: border-box
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #fff
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative
}

body.rtl .formError .formErrorArrow, body[dir=rtl] .formError .formErrorArrow {
    margin: -2px 13px 0 0
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #fff
}

.formError .formErrorArrow .line10 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 11px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}

.bilgiAl img {
    width: 7px;
    margin-left: 10px;
    filter: invert(1)
}

.sosyalMedyaPaylas ul li a img {
    margin-right: 10px;
    filter: brightness(0) invert(1);
    width: 16px
}

.projeLokasyon img {
    margin-right: 10px
}

.haberUser ul li a img {
    width: 15px;
    transition: all .2s cubic-bezier(.42,0,.12,1.01)
}

.haberUser ul li a:hover img {
    filter: brightness(0) invert(1)
}

@keyframes moveArrow {
    0% {
        top: -10px
    }

    50% {
        top: 10px
    }

    100% {
        top: -10px
    }
}

.kullanici {
    width: auto;
    position: relative;
    display: inline-block;
    margin-left: 30px;
    margin-top: -10px
}

    .kullanici > a {
        color: #3c3c3c;
        display: inline-block;
        width: 100%;
        font-size: 15px;
        padding: 5px 15px;
        z-index: 3;
        position: relative;
        font-weight: 500;
        transition: all .2s cubic-bezier(.42,0,.27,1);
        cursor: pointer
    }

        .kullanici > a > svg {
            float: left;
            margin-right: 10px;
            position: relative;
            top: -2px
        }

    .kullanici > ul {
        position: absolute;
        top: 100%;
        z-index: 2;
        background-color: #fff;
        padding: 5px 15px;
        width: 205px;
        border: 1px solid #eee;
        margin-top: -20px;
        transition: all .2s cubic-bezier(.42,0,.28,1.04);
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }

        .kullanici > ul > li {
            width: 100%;
            display: inline-block;
            position: relative;
            border-bottom: 1px solid #eee
        }

            .kullanici > ul > li > a {
                color: #3c3c3c;
                font-size: 14px;
                transition: all .2s cubic-bezier(.42,0,.27,1);
                padding: 10px 0;
                display: block;
                width: 100%
            }

            .kullanici > ul > li:last-child {
                margin-bottom: 0
            }

    .kullanici:hover ul {
        margin-top: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: initial
    }

    .kullanici > a:hover {
        color: #df6459
    }

    .kullanici > ul > li > a:hover {
        color: #df6459
    }

.projeFormWp {
    width: 100%;
    position: absolute;
    left: 0;
    top: -60px;
    height: 60px;
    margin-top: -10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.formWpNumb {
    width: 70%
}

.bizeyazBtn {
    width: 30%;
    height: 35px;
    background-color: #1e815f
}

.formWpNumb a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    transition: all .2s ease-in-out
}

    .formWpNumb a img {
        margin-right: 10px;
        width: 25px
    }

.bizeyazBtn a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background-color: #1e815f;
    transition: all .2s ease-in-out
}

    .bizeyazBtn a:hover {
        background-color: #df6459;
        color: #fff
    }

.formWpNumb a:hover {
    color: #df6459
}

.formTel {
    width: 100%;
    display: inline-block;
    text-align: center;
    float: left;
    margin-bottom: 15px
}

    .formTel a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: auto;
        font-weight: 500;
        color: #df6459;
        font-size: 25px
    }

        .formTel a img {
            width: 25px;
            margin-right: 10px
        }

.frWp {
    background-color: #fafafa;
    box-shadow: 0 3px 9px 0 #dfdfdf;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px
}

.takipEt {
    height: 60px;
    z-index: 2;
    margin-left: 10px;
    width: 17%
}

    .takipEt button {
        height: 100%;
        width: 100%;
        border: none;
        background: #fafafa;
        box-shadow: 0 3px 9px 0 #dfdfdf;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 25%
    }

.kullanici > a i {
    width: 10px;
    display: inline-block;
    margin-left: 10px;
    position: relative
}

    .kullanici > a i img {
        filter: invert(1)
    }

.navBarHaber .kullanici > a {
    background-color: #eaeaea;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000
}

.haberMenuBar ul li a:hover img {
    filter: invert(1)
}

.haberMenuBar ul li a img {
    width: 18px;
    transition: all .2s cubic-bezier(.42,0,.23,1)
}

.projeListe tr:last-child td {
    text-align: center;
    padding: 10px 0;
    height: auto;
    background-color: #f5f5f5;
    font-size: 15px;
    font-weight: 500;
    color: #333
}

.active-il {
    width: 100%;
    display: inline-block
}

    .active-il a {
        width: 100%;
        padding: 15px 15px;
        display: inline-block;
        background-color: #eaeaea;
        color: #df6459;
        font-weight: 500;
        font-size: 17px
    }

.cityList ul li.active {
    display: flex;
    align-items: center;
    padding: 0 15px;
    box-shadow: 0 3px 17px 0 rgba(0,0,0,.13)
}

    .cityList ul li.active::before {
        opacity: 1;
        pointer-events: none
    }

.filtre-sonuc {
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 0 12px 1px #ccc;
    padding: 15px 15px
}

    .filtre-sonuc strong {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        float: left;
        font-size: 15px;
        color: #000;
        font-weight: 700
    }

.filitreSecim {
    width: 100%;
    margin-top: 25px;
    float: left
}

    .filitreSecim p {
        display: inline-block;
        float: left;
        margin: 5px 5px 5px 0;
        padding: 5px 10px;
        border: 1px solid #ccc;
        border-radius: 360px;
        font-size: 13px
    }

        .filitreSecim p a {
            margin-left: 5px;
            color: #000
        }

.filtre-sonuc strong a {
    color: #df6459;
    font-size: 13px;
    text-decoration: underline;
    font-weight: 500
}

.firsatContent h1 {
    text-align: center;
    margin: 20px 0;
    font-size: 28px;
    color: #df6459;
    width: 100%;
    float: left;
    display: inline-block
}

    .firsatContent h1 img {
        text-align: center;
        margin: 10px auto 0
    }

.uye-ol-bg form .intl-tel-input {
    width: 90%;
    margin-left: 5%
}

.cityList ul li.active a span {
    display: none
}

.cityList ul li.active a {
    padding: 0
}

.menuActive .upButton {
    display: none !important
}

.box-item .benzerHaberImg img {
    width: 100%
}

.form-tesekkur {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#result-div {
    width: 100%;
    height: 100%
}

.uyari-mesaj1 {
    position: absolute;
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.34;
    width: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #df6459;
    padding: 15px 30px;
    color: #fff;
    top: 50%
}

    .uyari-mesaj1 button {
        width: 130px;
        height: 35px;
        border: none;
        background-color: #fff;
        font-size: 15px;
        font-weight: 500;
        color: #df6459;
        padding: 0
    }

.uyari-mesaj2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3
}

    .uyari-mesaj2 button {
        width: 130px;
        height: 40px;
        border: none;
        font-size: 18px;
        font-weight: bold;
        background-color: #df6459;
        color: #fff;
        margin-top: 20px
    }

.form-panel {
    width: 34%;
    float: left;
    display: inline-block;
    margin-left: 2%;
    position: relative
}

.form-yok {
    width: 100%
}

    .form-yok img {
        width: 100%
    }

.kampProjeContent h3 a {
    color: #df6459;
    margin-left: 5px
}

.destekButon {
    display: none
}

#socialus-wrapper {
    opacity: 0 !important;
    left: auto !important
}

#socialus-button {
    font-size: 20px
}

.anasayfaSlogan img {
    width: 100%
}

.projeLogo img {
    max-height: 100%;
    width: auto;
    height: auto
}

.map.firmaHarita {
    height: 450px
}

    .map.firmaHarita #map_canvas {
        height: 100% !important
    }

.projectCardDetails.firmaDetay {
    margin-top: 0
}

.smsLeft {
    width: 400px;
    float: left;
    display: inline-block
}

.smsRight {
    width: calc(100% - 400px);
    float: left;
    padding: 0 3%
}

.smsWrapper {
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
    margin-bottom: 25px
}

.smsRight form {
    margin-bottom: 25px;
    width: 100%;
    display: inline-block
}

    .smsRight form:last-child {
        margin-bottom: 0
    }

    .smsRight form ul {
    }

        .smsRight form ul li {
        }

.form-text {
    margin-bottom: 15px;
    display: inline-block;
    width: calc(100% - 195px);
    float: left;
    margin-right: 15px;
    position: relative
}

.smsRight form ul li strong {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    font-size: 18px
}

.form-text input {
    height: 40px;
    padding: 0 10px
}

.smsRight form ul li input.form-submit {
    width: 180px;
    height: 40px;
    background-color: #df6459;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    cursor: pointer
}

#form_dkolustur .form-text {
}

.form-text input {
    width: 100%;
    display: inline-block
}

#form_form_iptal .form-text {
    width: calc(100% - 195px);
    float: left;
    margin-right: 15px
}

#form_iptal .form-text {
}

.smsizin {
    width: 100%;
    display: inline-block;
    margin-top: 15px
}

.smsCheck input {
    width: auto;
    float: left;
    margin: 0 10px 0 0
}

.smsCheck {
    float: left;
    width: 33.33%;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #333
}

.formSmsCheck {
    width: 50%;
    display: inline-block;
    margin: 10px 0
}

#warninggonder, #errorgonder {
    width: 100%;
    font-size: 15px;
    line-height: 1.2;
    float: left;
    display: inline-block;
    margin-top: 5px
}

    #warninggonder i {
        margin-right: 10px;
        width: 20px;
        float: left
    }

#error {
    width: 100%;
    display: flex;
    align-items: center
}

    #error i, #errorgonder i {
        margin-right: 10px;
        float: left
    }

.hidden {
    display: none !important
}

.smsSecond {
    margin-top: 10px;
    font-weight: bold;
    position: absolute;
    top: 4px;
    right: 15px;
    color: #df6459;
    font-size: 15px
}

.content-404 {
    text-align: center;
    margin-bottom: 25px;
    min-height: calc(100vh - 580px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

    .content-404 h1 {
        font-size: 30px;
        margin-bottom: 25px;
        font-weight: bold;
        color: #df6459
    }

    .content-404 h2 {
        font-size: 20px;
        line-height: 1.7;
        font-weight: 500;
        color: #333
    }

    .content-404 p {
        font-size: 16px
    }

.tesekkurler-form {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 0 35px
}

.native1-bg {
    width: 100%;
    height: 600px;
    margin-bottom: 40px;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    position: relative
}

.haberBgDiger {
    background-size: auto 500px !important
}

.native1-baslik {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    color: #fff
}

    .native1-baslik h1 {
        color: #fff !important;
        width: 100%;
        display: inline-block;
        float: initial
    }

.breadcrumb ul li.brandDots {
    display: none
}

.breadcrumb ul li a i {
    position: relative;
    display: block;
    width: 20px;
    top: -3px
}

    .breadcrumb ul li a i img.default {
        display: block
    }

.breadcrumb ul li a:hover i img.default {
    display: none
}

.breadcrumb ul li a:hover i img.hover {
    display: block
}

.breadcrumb ul li a i img.hover {
    display: none
}

.sectWr {
    margin-top: 12px
}

.telBtn {
    color: #fff;
    font-weight: 700;
    float: left
}

.search-form {
    display: none
}

.searchForm {
    width: auto;
    float: left
}

.telBtn {
    color: #fff;
    font-weight: 700;
    float: left
}

.search-form {
    display: block;
    position: relative;
    bottom: 0;
    width: 0;
    opacity: 0;
    margin-right: -22px;
    z-index: 1;
    margin-top: -6px;
    transition: all ease-in-out .3s
}

    .search-form.active {
        width: 200px;
        opacity: 1
    }

.searchForm {
    width: auto;
    float: right;
    margin-left: 60px;
    margin-top: 30px;
    height: auto
}

#search_button, #search_button_haber {
    width: 16px;
    height: 16px;
    background-color: transparent;
    float: right;
    z-index: 2;
    padding: 0;
    border: none !important;
    position: relative
}

    #search_button svg, #search_button_haber svg {
        width: 16px;
        height: 16px;
        fill: #565656
    }

.search-form input {
    width: 100%;
    height: 30px;
    opacity: 1;
    border-radius: 5px;
    transition: all ease-in-out .3s
}

#search_main_div {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 200px
}

.projeListe tr td {
    height: auto;
    font-size: 12px;
    padding: 7px !important;
    text-align: left;
    vertical-align: middle
}

    .projeListe tr td a {
        font-size: 12px !important
    }

.input-group-btn {
    width: auto;
    height: auto
}

.accountMenu {
    float: right;
    margin-top: 30px
}

.userController {
    width: auto
}

.navBar .container {
    display: block
}

.logo {
    float: left;
    margin-top: 24px
}

.main-menu {
    float: left;
    margin-top: 40px;
    margin-left: 100px
}

.userController ul li {
    margin-left: 60px;
    margin-right: 0
}

    .userController ul li a {
        color: #3d3d3d;
        font-family: 'Gotham Narrow';
        font-weight: 500;
        font-size: 15px
    }

.main-menu ul li {
    float: left;
    margin-left: 50px;
    position: relative
}

    .main-menu ul li a {
        display: block;
        padding: 0;
        color: #3d3d3d;
        font-size: 15px;
        font-weight: 500;
        transition: all ease-in-out .3s;
        border: 1px solid #fff;
        border-radius: 10px;
        position: relative
    }

        .main-menu ul li a.active, .main-menu ul li a.aktif {
            color: #df6459
        }

        .main-menu ul li a:hover {
            color: #df6459
        }

        .main-menu ul li a.active:before, .main-menu ul li a.aktif:before {
            content: "";
            position: absolute;
            border-style: solid;
            border-width: 0 15px 15px 15px;
            border-color: transparent transparent #b6bcc8 transparent;
            bottom: -35px;
            left: 50%;
            margin-left: -15px
        }

        .main-menu ul li a.aktif:before {
            border-color: transparent transparent #df6459 transparent
        }

.nav-alt-bar {
    width: 100%;
    float: left;
    height: 45px;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
    margin-top: 0;
    box-sizing: border-box;
    padding: 13px 0
}

    .nav-alt-bar svg {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 10px;
        fill: #3d3d3d;
        transition: all ease-in-out .3s
    }

    .nav-alt-bar li {
        float: left;
        margin-right: 50px;
        padding-bottom: 7px
    }

        .nav-alt-bar li.active {
            border-bottom: 3px solid #dd6459
        }

        .nav-alt-bar li a {
            font-weight: 500;
            color: #3d3d3d;
            font-size: 15px;
            line-height: 20px;
            transition: all ease-in-out .3s
        }

            .nav-alt-bar li a:hover {
                color: #dd6459
            }

                .nav-alt-bar li a:hover svg {
                    fill: #dd6459
                }

.telBtn svg {
    float: left;
    margin-right: 10px
}

.userController ul li a svg {
    float: left;
    margin-right: 8px;
    transition: all ease-in-out .3s
}

    .userController ul li a, .userController ul li a svg path {
        transition: all ease-in-out .3s
    }

        .userController ul li a:hover {
            color: #dd6459
        }

            .userController ul li a:hover svg path {
                fill: #dd6459
            }

.projectForm.open {
    display: block !important
}

.formTabButons {
    width: 34%;
    float: left;
    margin-left: 2%;
    position: relative;
    z-index: 2;
    bottom: -1px;
    margin-top: -1px
}

    .formTabButons li {
        float: left;
        width: 50%
    }

        .formTabButons li a {
            padding: 13px 0;
            text-align: center;
            display: block;
            border-radius: 5px 5px 0 0;
            transition: all ease-in-out .3s;
            color: #000;
            font-size: 16px;
            font-weight: 500;
            border: 1px solid #f5f5f5;
            border-bottom: 0
        }

            .formTabButons li a.disable {
                color: currentColor;
                cursor: not-allowed;
                opacity: .5;
                pointer-events: none
            }

            .formTabButons li a svg {
                display: inline-block;
                margin-right: 8px
            }

            .formTabButons li a span {
                display: inline-block;
                position: relative;
                top: -5px
            }

            .formTabButons li a.active {
                background: #fff;
                border: 1px solid #eee;
                border-bottom: 0
            }

.formHalf {
    width: calc(50% - 5px);
    float: left
}

    .formHalf:nth-child(1) {
        margin-right: 5px
    }

    .formHalf:nth-child(2) {
        margin-left: 5px
    }

.formIzin {
    margin-top: 0
}

    .formIzin label, .YasalIzinMetin {
        font-size: 13px;
        padding-left: 0
    }

#HaberdarEt {
    margin: 3px 5px 0 0
}

.formIzin input {
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0
}

.send-form {
    background-color: #df6459;
    height: 40px;
    border-radius: 5px;
    margin-top: auto;
    width: 200px
}

.gunButon {
    height: 100px;
    border-radius: 5px;
    border: solid 1px #e4e4e4;
    text-align: center;
    box-sizing: border-box;
    padding: 14px 10px;
    cursor: pointer
}

    .gunButon.seciliGun, .gunButon:hover, .gunButon.active {
        border: solid 1px #df6459
    }

        .gunButon.seciliGun span, .gunButon:hover span, .gunButon.active span {
            color: #df6459 !important
        }

    .gunButon span {
        width: 100%;
        float: left
    }

.gunAdi, .gunAy {
    font-size: 14px;
    line-height: 1.43;
    color: #5e5e5e
}

.gunRkm {
    font-size: 25px;
    font-weight: bold;
    line-height: .8;
    color: #5e5e5e;
    margin: 5px 0
}

.takvimGaleri .owl-dots, .saatGaleri .owl-dots, .saatGaleriBugun .owl-dots {
    display: none
}

.takvimGaleri {
    margin: 10px 0
}

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        width: 100%
    }

        .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button {
            width: 30px;
            height: 30px;
            border: 1px solid #e4e4e4 !important;
            border-radius: 50%;
            z-index: 3;
            background: #fff !important;
            font-size: 18px !important;
            position: absolute;
            outline: none
        }

            .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
                left: -15px
            }

            .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
                right: -15px;
                left: auto
            }

.saatTab {
    display: none;
    width: 100%;
    float: left;
    margin: 10px 0
}

.seciliTarihButon {
    width: calc(25% - 10px);
    height: 100px;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    background-color: #df6459;
    box-sizing: border-box;
    padding: 14px 10px;
    text-align: center;
    position: relative
}

.saatSlider {
    width: 75%;
    float: left;
    position: relative
}

.saatGaleri, .saatGaleriBugun {
    width: 100%;
    float: left
}

.seciliTarihButon span {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 1.43
}

.seciliTakvimKapat {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    padding-top: 6px;
    cursor: pointer;
    left: -15px;
    top: 50%;
    margin-top: -15px
}

.seciliGunRkm {
    font-size: 25px !important;
    font-weight: bold;
    line-height: .8 !important;
    margin: 5px 0
}

.saatButon {
    height: 100px;
    border-radius: 5px;
    border: solid 1px #e4e4e4;
    padding: 14px 10px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.saatAdi {
    font-size: 14px;
    line-height: 1.43;
    color: #5e5e5e;
    margin-top: 15px;
    width: 100%;
    float: left
}

.saatDeger {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    color: #5e5e5e
}

.saatButon.seciliSaat, .saatButon:hover {
    border: solid 1px #df6459
}

    .saatButon.seciliSaat span, .saatButon:hover span {
        color: #df6459 !important
    }

.sidebarTel {
    width: 34%;
    float: left;
    margin-left: 2%;
    margin-top: 10px
}

    .sidebarTel li {
        width: 100%;
        float: left;
        height: 52px;
        margin-bottom: 10px;
        background: #fff;
        border-radius: 5px
    }

        .sidebarTel li svg {
            float: left;
            margin: 15px
        }

        .sidebarTel li span {
            font-size: 16px;
            font-weight: bold;
            color: #000;
            margin-top: 19px;
            float: left
        }

        .sidebarTel li a {
            width: 128px;
            height: 35px;
            border-radius: 5px;
            background-color: #df6459;
            display: block;
            float: right;
            color: #fff;
            text-align: center;
            line-height: 35px;
            margin-top: 8px;
            margin-right: 15px;
            font-size: 15px;
            font-weight: bold
        }

        .sidebarTel li:last-child {
            margin-bottom: 0
        }

            .sidebarTel li:last-child a {
                background-color: #34c6a1
            }

.takvimSaatTab {
    display: none;
    width: 100%;
    float: left;
    position: relative;
    margin: 10px 0
}

    .takvimSaatTab li {
        width: calc(50% - 5px);
        float: left;
        height: 100px;
        border-radius: 5px;
        background-color: #df6459;
        text-align: center;
        color: #fff;
        margin-right: 5px;
        padding-top: 12px;
        box-sizing: border-box
    }

        .takvimSaatTab li:last-child {
            margin-right: 0;
            margin-left: 5px
        }

        .takvimSaatTab li span {
            width: 100%;
            float: left;
            font-size: 14px;
            line-height: 1.43
        }

.sonuc {
    font-size: 20px !important;
    font-weight: bold;
    line-height: 1
}

.takvimSaatTab li span:nth-child(3) {
    width: 54px;
    height: 20px;
    line-height: 18px;
    font-size: 10px !important;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    left: 50%;
    cursor: pointer;
    position: relative;
    margin-left: -27px;
    margin-top: 5px
}

.sabitFormTabButons {
    float: right;
    margin-top: -8px;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .3s
}

    .sabitFormTabButons.active {
        opacity: 1;
        visibility: visible
    }

    .sabitFormTabButons li {
        margin-right: 0 !important;
        margin-left: 10px
    }

        .sabitFormTabButons li svg {
            width: 15px;
            height: 15px;
            margin-right: 5px;
            fill: #fff;
            position: relative;
            top: 2px
        }

        .sabitFormTabButons li a {
            font-size: 14px;
            background: #df6459;
            color: #fff;
            display: inline-block;
            padding: 5px 15px;
            border-radius: 5px;
            border: 1px solid #df6459;
            box-sizing: border-box
        }

            .sabitFormTabButons li a:hover {
                background: #fff;
                border: 1px solid #df6459
            }

.tesekkurler-form img {
    display: inline-block
}

.form-social {
    width: 100%;
    float: left;
    text-align: center
}

    .form-social a {
        width: 35px;
        height: 35px;
        background: #525252;
        display: inline-block;
        border-radius: 50px;
        box-sizing: border-box;
        margin: 7px;
        padding-top: 8px;
        padding-left: 1px;
        transition: all ease-in-out .3s
    }

        .form-social a svg path, .form-social a svg, .form-social a svg g {
            fill: #fff;
            opacity: 1
        }

        .form-social a:nth-child(1):hover {
            background: #3b5998
        }

        .form-social a:nth-child(2):hover {
            background: #ef0b6a
        }

.butceYokForm {
    display: block !important
}

    .butceYokForm .form-control {
        height: 40px
    }

    .butceYokForm textarea.form-control {
        height: 80px
    }

    .butceYokForm .form-group {
        margin-bottom: 13px
    }

.videoYok {
    width: 100%;
    height: 410px;
    text-align: center;
    display: flex;
    align-items: center
}

    .videoYok img {
        display: inline-block;
        margin-bottom: 30px;
        width: 100px
    }

    .videoYok p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px
    }

.child-menu-pages {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 400px;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.18);
    background-color: #b6bcc8;
    top: 140px;
    box-sizing: border-box;
    padding: 30px 0;
    display: none
}

.child-page {
    width: 100%;
    float: left;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .3s;
    position: absolute;
    z-index: 1
}

    .child-page.open {
        opacity: 1;
        visibility: visible;
        z-index: 2
    }

.firsat-left-menu {
    width: 35%;
    float: left
}

.projeler-left-menu {
    width: 27%;
    float: left
}

.firsat-right-pages {
    width: 65%;
    float: left;
    position: relative
}

.projeler-right-pages {
    width: 73%;
    float: left;
    position: relative
}

.haberler-left-menu {
    width: 22%;
    float: left
}

.haberler-right-pages {
    width: 78%;
    float: left;
    position: relative
}

.firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: .77;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 30px;
    display:block;
}

.firsat-left-menu ul, .projeler-left-menu ul, .haberler-left-menu ul {
    width: calc(100% + 17px);
    float: left;
    margin-left: -17px
}

    .firsat-left-menu ul li, .projeler-left-menu ul li, .haberler-left-menu ul li {
        width: 100%;
        float: left
    }

        .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
            padding: 15px 35px;
            display: block;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.44;
            letter-spacing: normal;
            color: #fff;
            border-radius: 15px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            position: relative;
            transition: all ease-in-out .3s
        }

            .firsat-left-menu ul li a.active, .haberler-left-menu ul li a.active {
                background-color: rgba(124,133,152,.97)
            }

            .firsat-left-menu ul li a:before, .projeler-left-menu ul li a:before, .haberler-left-menu ul li a:before {
                width: 7px;
                height: 7px;
                background-color: #fff;
                position: absolute;
                content: "";
                border-radius: 50%;
                left: 17px;
                top: 50%;
                margin-top: -4px;
                opacity: .3
            }

            .firsat-left-menu ul li a.active:before, .projeler-left-menu ul li a.active:before, .haberler-left-menu ul li a.active:before {
                opacity: 1
            }

            .projeler-left-menu ul li a.active {
                background: #df6459
            }

.projeler-left-menu ul {
    width: 95%;
    min-height: 235px
}

.haberler-left-menu ul {
    min-height: 235px
}

.projeler-left-menu ul li a {
    border-radius: 10px;
    padding: 10px 35px
}

.haberler-left-menu ul li a {
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px 35px
}

.tumBtn {
    width: 207px;
    height: 35px;
    display: block;
    color: #fff;
    float: left;
    line-height: 35px;
    border-radius: 10px;
    background: #7e8799;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    transition: all ease-in-out .3s
}

    .tumBtn:hover {
        background: #df6459
    }

.firsat-page, .projeler-page, .haberler-page {
    background: #7e8799;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .3s;
    width: 100%;
    height: 340px;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 30px 30px 30px 35px;
    float: left;
    position: absolute
}

    .firsat-page.open, .projeler-page.open, .haberler-page.open {
        opacity: 1;
        visibility: visible
    }

.firsat-gorsel {
    float: left;
    width: 60%
}

.firsat-content {
    width: 40%;
    float: left;
    box-sizing: border-box;
    padding-left: 30px
}

    .firsat-content h3 {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.28;
        color: #fff;
        margin-bottom: 15px;
        margin-top: 10px
    }

    .firsat-content p {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        color: #fff;
        margin-bottom: 45px
    }

    .firsat-content a {
        min-width: 190px;
        height: 35px;
        border-radius: 10px;
        background-color: #21e6c1;
        display: block;
        box-sizing: border-box;
        line-height: 35px;
        color: #171819;
        padding: 0 15px;
        font-size: 15px;
        float: left;
        font-weight: 500;
        transition: all ease-in-out .3s
    }

.firsat-gorsel img {
    border-radius: 15px
}

.child-kapat {
    position: fixed;
    width: 100%;
    height: calc(100vh - 140px);
    background: rgba(0,0,0,.4);
    z-index: 10;
    left: 0;
    top: 140px;
    display: none
}

.aramaBtn img {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 5px
}

.giris-icn {
    float: left;
    display: inline-block;
    width: 17px !important;
    margin-right: 10px
}

.firsat-content a img {
    display: inline-block;
    position: relative;
    transition: all ease-in-out .3s;
    margin-left: 5px;
    top: 1px
}

.firsat-content a:hover img {
    margin-left: 15px
}

.projeler-page {
    background: transparent;
    padding: 0
}

    .projeler-page ul li {
        width: calc(33.3% - 20px);
        height: 160px;
        float: left;
        margin: 10px;
        border-radius: 15px;
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden
    }

        .projeler-page ul li:nth-child(1) {
            height: 340px
        }

    .projeler-page ul {
        width: calc(100% + 20px);
        margin: -10px
    }

        .projeler-page ul li:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.3);
            top: 0;
            left: 0;
            transition: all ease-in-out .3s
        }

        .projeler-page ul li:hover:before {
            background: rgba(223,100,89,.7)
        }

        .projeler-page ul li a {
            width: 100%;
            height: 100%;
            color: #fff;
            position: relative;
            z-index: 2;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .projeler-page ul li a strong {
                font-size: 22px;
                font-weight: 500;
                width: 100%;
                float: left;
                line-height: .91;
                margin-bottom: 7px
            }

            .projeler-page ul li a span {
                font-size: 14px;
                font-weight: 500
            }

.sagBtn {
    float: right
}

.tumHaberBtn {
    display: block;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    color: #fff;
    background: #df6459;
    float: left;
    border-radius: 10px;
    transition: all ease-in-out .3s;
    min-width: 200px;
    margin-left: -20px;
    position: relative
}

    .tumHaberBtn img {
        display: inline-block;
        left: 10px;
        transition: all ease-in-out .3s;
        position: relative;
        top: 1px
    }

    .tumHaberBtn:hover img {
        left: 15px
    }

.haberler-page ul {
    width: 100%;
    margin: -10px 0;
    float: left;
    position: relative
}

    .haberler-page ul li {
        width: calc(33.33% - 22px);
        float: left;
        margin: 11px;
        min-height: 240px
    }

        .haberler-page ul li a {
            width: 100%;
            float: left;
            display: inline-block
        }

        .haberler-page ul li span {
            width: 100%;
            height: 160px;
            float: left;
            display: block;
            background-size: cover;
            background-position: center;
            border-radius: 10px
        }

        .haberler-page ul li strong {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.39;
            width: 100%;
            box-sizing: border-box;
            float: left;
            padding: 10px 8px 10px 10px
        }

.esunum-list {
    width: 76%;
    float: left
}

.esunum-detayli-bilgi {
    width: 24%;
    float: left;
    background-color: #7c8598;
    height: 400px;
    margin-top: -30px;
    border-radius: 10px;
    text-align: center;
    padding: 0 35px;
    display: flex;
    align-items: center
}

.esunum-list h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: .77;
    color: #fff
}

.esunum-list ul {
    width: 100%;
    float: left;
    margin-top: 25px
}

    .esunum-list ul li {
        width: calc(33.33% - 50px);
        float: left;
        margin-right: 50px
    }

.sunum-gorsel {
    width: 100%;
    float: left;
    position: relative
}

    .sunum-gorsel img {
        border-radius: 10px
    }

.esunum-list ul li strong {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #fff;
    width: 100%;
    float: left;
    margin: 10px 0 20px 0;
    min-height: 55px
}

.formDoldurBtn {
    background: #21e6c1;
    font-size: 15px;
    font-weight: 500;
    color: #171819;
    height: 35px;
    border-radius: 5px;
    display: inline-block;
    float: left;
    padding: 10px 20px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all ease-in-out .3s
}

    .formDoldurBtn:hover {
        background: #7c8598;
        color: #fff
    }

.esunum-detayli-bilgi p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    color: #fff;
    margin: 15px 0
}

.esunum-detayli-bilgi a {
    font-size: 15px;
    color: #fff;
    background: #df6459;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    transition: all ease-in-out .3s
}

    .esunum-detayli-bilgi a img {
        display: inline-block;
        margin-left: 6px;
        position: relative;
        top: 1px;
        transition: all ease-in-out .3s
    }

    .esunum-detayli-bilgi a:hover img {
        margin-left: 12px
    }

.projeListCol {
    width: calc(50% - 15px);
    float: left;
    margin-right: 15px;
    border-radius: 5px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    min-height: 587px
}

    .projeListCol:nth-child(even) {
        margin-right: 0;
        margin-left: 15px
    }

.projeListHeader {
    width: 100%;
    height: 70px;
    float: left;
    position: relative
}

.projeListLogo {
    max-width: 40%;
    height: 70px;
    padding-left: 25px;
    align-items: center;
    display: flex;
    box-sizing: border-box;
    float: left;
    position: relative
}

    .projeListLogo img {
        height: 75%
    }

.projeListTitle {
    width: 60%;
    float: right;
    padding-right: 25px;
    box-sizing: border-box;
    height: 70px;
    display: flex;
    align-items: center;
    position: relative
}

    .projeListTitle strong {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: bold;
        text-align: right;
        color: #000;
        margin-bottom: 5px;
        position: relative
    }

    .projeListTitle span {
        width: 100%;
        opacity: .5;
        font-size: 12px;
        text-align: right;
        color: #000;
        float: left;
        position: relative
    }

.projeListImage {
    width: 100%;
    float: left;
    position: relative
}

.digerProjeList .projeListImage {
    max-height: 241px
}

.projeListContent {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 20px 25px;
    min-height: 200px;
    position: relative
}

    .projeListContent p {
        opacity: .8;
        font-size: 14px;
        line-height: 1.43;
        color: #000;
        min-height: 80px;
        position: relative
    }

.projeListTitle a {
    width: 100%;
    position: relative
}

.projeListContent h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    color: #000;
    margin-bottom: 5px;
    position: relative
}

.projeListFooter {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 25px 20px 25px;
    min-height: 65px
}

.sunumBtn {
    float: left;
    position: relative
}

.newBilgiAl {
    float: right;
    position: relative;
    margin-top: 7px
}

    .newBilgiAl img {
        display: inline-block;
        left: 6px;
        position: relative;
        top: 1px;
        transition: all ease-in-out .3s
    }

.sunumBtn a {
    width: 100%;
    float: left;
    display: inline-block
}

.sunumStar {
    width: 44px;
    height: 44px;
    float: left;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

    .sunumStar:before {
        content: "";
        position: absolute;
        width: 44px;
        height: 44px;
        background: url(../images/red-star.png);
        background-size: 100% 100%;
        top: 0;
        left: 0;
        z-index: 0;
        transition: all ease-in-out .7s
    }

.sunumBtn:hover .sunumStar:before {
    transform: rotate(180deg)
}

.sunumStar img {
    position: relative
}

.sunumBtn span {
    font-size: 15px;
    font-weight: 500;
    color: #c42527;
    line-height: 44px
}

.newBilgiAl a {
    width: 130px;
    height: 35px;
    border-radius: 5px;
    background-color: #3d44c1;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 35px
}

    .newBilgiAl a:hover img {
        left: 12px
    }

.firsatBtn a {
    background-color: #35caa1
}

.digerProjeList .projeListCol {
    width: calc(33.3% - 10px);
    margin-left: 0;
    margin-right: 0;
    min-height: auto
}

    .digerProjeList .projeListCol:nth-child(3n-1) {
        margin-left: 15px;
        margin-right: 15px
    }

.projeInfo {
    height: 64px;
    border-radius: 5px;
    border: solid 1px #e7e9f1;
    background-color: #fff;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
    transition: all ease-in-out .3s
}

.projeInfoLogo {
    float: left;
    height: 64px;
    position: relative;
    box-sizing: border-box;
    padding: 0 25px;
    display: flex;
    align-items: center
}

    .projeInfoLogo img {
        height: 80%;
        display: inline-block
    }

.info-right {
    float: right;
    position: relative;
    margin-right: 15px
}

.InfoProjeAdi {
    float: left;
    margin: 21px
}

.InfoProjeLoc {
    float: left;
    margin: 21px
}

.InfoFavori {
    float: left
}

    .InfoPaylasBtn, .InfoFavori button {
        float: left;
        width: 100px;
        height: 40px;
        display: block;
        position: relative;
        text-align: center;
        line-height: 40px;
        border: 1px solid rgba(0,0,0,.3);
        border-radius: 5px;
        margin: 11px 0 11px 11px;
        transition: all ease-in-out .3s;
        cursor: pointer;
        background: #fff;
        outline: 0
    }

.InfoIletisimBtn {
    float: left;
    padding: 12px 23px;
    background: rgba(52,198,161,.5);
    border-radius: 5px;
    margin: 11px 0 11px 12px;
    cursor: pointer;
    transition: all ease-in-out .3s
}

    .InfoIletisimBtn span {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        margin-right: 5px;
        font-family: Roboto
    }

    .InfoIletisimBtn:hover, .InfoIletisimBtn.active {
        background: rgba(52,198,161,.7)
    }

    .InfoIletisimBtn svg {
        transition: all ease-in-out .3s
    }

    .InfoIletisimBtn.active svg {
        transform: rotate(180deg)
    }

.InfoPaylasBtn span, .InfoFavori button span {
    opacity: .5;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    transition: all ease-in-out .3s
}

.InfoPaylasBtn svg, .InfoFavori button svg {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
    opacity: .5;
    transition: all ease-in-out .3s
}

.InfoPaylasBtn:hover, .InfoPaylasBtn.active {
    border: 1px solid #000
}

    .InfoPaylasBtn:hover span, .InfoPaylasBtn.active span, .InfoPaylasBtn:hover svg, .InfoPaylasBtn.active svg {
        opacity: 1
    }

.InfoFavori button span {
    top: -2px;
    position: relative
}

.InfoFavori button svg {
    position: relative;
    top: 0
}

.InfoFavori button:hover {
    border: 1px solid #df6459
}

    .InfoFavori button:hover svg path {
        fill: #df6459
    }

    .InfoFavori button:hover svg {
        opacity: 1
    }

    .InfoFavori button:hover span {
        opacity: 1;
        color: #df6459
    }

.InfoFavori button.active {
    background: #df6459;
    border: 1px solid #df6459
}

    .InfoFavori button.active svg path {
        fill: #fff
    }

    .InfoFavori button.active svg {
        opacity: 1
    }

    .InfoFavori button.active span {
        opacity: 1;
        color: #fff
    }

.InfoProjeLoc strong, .InfoProjeAdi a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    float: left;
    position: relative;
    top: 4px;
    transition: all ease-in-out .3s
}

.InfoProjeLoc svg, .InfoProjeAdi svg {
    float: left;
    margin-right: 10px
}

.InfoProjeAdi svg {
    position: relative;
    top: 3px;
    transition: all ease-in-out .3s
}

.InfoProjeAdi a:hover {
    color: #df6459
}

.InfoProjeAdi:hover svg path {
    fill: #df6459
}

.newProjeOzet {
    width: 100%;
    height: 123px;
    float: left;
    background: #fff;
    border: 1px solid #e7e9f1;
    border-radius: 5px;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 18px 23px
}

    .newProjeOzet h1 {
        width: 100%;
        font-size: 19px;
        font-weight: bold;
        line-height: 1.11;
        color: #df6459;
        margin-bottom: 10px
    }

    .newProjeOzet p {
        line-height: 1.36;
        letter-spacing: normal;
        color: #80818f;
        font-size: 16px
    }

.projeSloganLeft {
    position: relative;
    z-index: 2
}

    .projeSloganLeft span {
        border: 1px solid #c42527;
        border-radius: 5px;
        font-size: 12px;
        color: #c42527;
        font-weight: 500;
        width: 112px;
        height: 28px;
        text-align: center;
        box-sizing: border-box;
        line-height: 26px;
        margin-left: 25px;
        transition: all ease-in-out .3s
    }

        .projeSloganLeft span:hover {
            background: #c42527;
            color: #fff
        }

.formBaslikAciklama {
    width: 100%;
    float: left;
    margin-top: 2px
}

    .formBaslikAciklama p {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.29;
        color: #000;
        float: left;
        line-height: 25px
    }

    .formBaslikAciklama svg {
        float: left;
        margin-right: 10px
    }

.projeForm {
    width: 100%;
    float: left
}

.iletisimSecenek {
    width: 100%;
    float: left
}

    .iletisimSecenek li {
        width: calc(50% - 5px);
        float: left;
        margin-right: 5px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #df6459;
        border-radius: 5px;
        margin-bottom: 15px;
        color: #df6459;
        font-weight: 500;
        cursor: pointer;
        transition: all ease-in-out .3s
    }

        .iletisimSecenek li:nth-child(2) {
            margin-right: 0;
            margin-left: 5px
        }

        .iletisimSecenek li svg {
            width: 17px;
            height: 17px;
            display: inline-block;
            margin-right: 10px
        }

        .iletisimSecenek li:nth-child(1) svg path {
            fill: #df6459;
            transition: all ease-in-out .3s
        }

        .iletisimSecenek li:nth-child(2) {
            border: solid 1px #34c6a1;
            color: #34c6a1
        }

            .iletisimSecenek li:nth-child(2) svg path {
                fill: #34c6a1;
                transition: all ease-in-out .3s
            }

        .iletisimSecenek li:nth-child(1):hover, .iletisimSecenek li:nth-child(1).active {
            background: #df6459;
            color: #fff
        }

            .iletisimSecenek li:nth-child(1):hover svg path, .iletisimSecenek li:nth-child(1).active svg path {
                fill: #fff
            }

        .iletisimSecenek li:nth-child(2):hover, .iletisimSecenek li:nth-child(2).active {
            background: #34c6a1;
            color: #fff
        }

            .iletisimSecenek li:nth-child(2):hover svg path, .iletisimSecenek li:nth-child(2).active svg path {
                fill: #fff
            }

.formZamanSlider {
    width: calc(100% + 50px);
    margin-left: -25px;
    padding: 0 25px;
    box-sizing: border-box;
    height: 112px;
    overflow: hidden;
    margin-bottom: 13px;
    margin-top: 5px
}

.iletisimButonlari {
    position: absolute;
    z-index: 9;
    width: 270px;
    right: -50px;
    top: 70px;
    border-radius: 8px;
    background-color: #e6e6e6;
    box-sizing: border-box;
    padding: 20px 30px 10px 30px;
    display: none;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

    .iletisimButonlari strong {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #666874;
        margin-bottom: 5px
    }

    .iletisimButonlari a {
        width: 100%;
        float: left;
        height: 50px;
        text-align: center;
        border-radius: 5px;
        background-color: #84879b;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        transition: all ease-in-out .3s;
        font-size: 16px;
        font-weight: bold
    }

    .iletisimButonlari svg {
        width: 24px;
        height: 24px;
        margin-right: 10px
    }

    .iletisimButonlari svg {
        fill: #fff
    }

    .iletisimButonlari:before {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 0 15px 15px 15px;
        border-color: transparent transparent #e6e6e6;
        top: -15px;
        left: 50%;
        margin-left: -15px
    }

    .iletisimButonlari a:hover {
        background-color: #666874
    }

.iletisimBtnKapat {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8;
    cursor: pointer;
    display: none
}

.InfoProjeAdi span, .InfoProjeLoc span {
    display: none
}

.InfoProjeAdi .infoSvg, .InfoProjeLoc .infoSvg {
    display: inline-block;
    float: left
}

.fixIletisimBtn {
    float: left;
    width: 160px;
    height: 40px;
    border-radius: 5px;
    background-color: #df6459;
    margin-left: 11px;
    margin-top: 11px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;
    transition: all ease-in-out .3s
}

    .fixIletisimBtn:hover {
        background: #c42527
    }

.projeInfo.fixed {
    position: fixed;
    z-index: 99;
    top: 80px;
    left: 0;
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
    border-radius: 0
}

.fixed .projeInfoLogo {
    display: none
}

.fixed .info-right {
    width: 100%;
    margin-right: 0
}

.fixed .InfoProjeAdi .infoSvg, .fixed .InfoProjeLoc .infoSvg {
    width: 45px;
    height: 45px;
    background-color: #e8e8e8;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: -12px;
    position: relative;
    margin-right: 10px
}

    .fixed .InfoProjeAdi .infoSvg svg, .fixed .InfoProjeLoc .infoSvg svg {
        margin-right: 0
    }

.fixed .InfoProjeAdi span, .fixed .InfoProjeLoc span {
    display: block;
    float: left;
    position: relative;
    opacity: .6;
    font-size: 14px;
    line-height: 1.57;
    color: #000
}

.fixed .infoSvgBaslik {
    float: left;
    position: relative;
    top: -13px;
    margin-left: 5px
}

    .fixed .infoSvgBaslik span {
        width: 100%;
        float: left
    }

.infoSvgBaslik {
    float: left
}

.fixed .InfoIletisimBtn {
    display: none
}

.fixed .fixIletisimBtn {
    display: flex
}

.fixInfoRight {
    float: left
}

.fixed .fixInfoRight {
    float: right
}

.fixed .InfoProjeAdi svg {
    top: 1px
}

.fixed .InfoProjeAdi:hover svg path {
    fill: #666874
}

.infoPaylasPopup {
    border-radius: 8px;
    background-color: #e6e6e6;
    position: absolute;
    z-index: 9;
    top: 70px;
    padding: 20px 20px 10px 20px;
    width: 150px;
    right: 155px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    display: none
}

    .infoPaylasPopup ul li {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        border-radius: 5px;
        overflow: hidden
    }

    .infoPaylasPopup ul {
        display: inline-block
    }

    .infoPaylasPopup:before {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 0 15px 15px 15px;
        border-color: transparent transparent #e6e6e6;
        top: -15px;
        left: 50%;
        margin-left: -15px
    }

.fixed .InfoProjeAdi {
    margin-left: 0
}

.butceYokForm .formIzin {
    margin-top: 0;
    margin-bottom: 0 !important
}

.tsk-icon {
    width: 100%;
    float: left;
    margin-bottom: 25px
}

.tesekkurler-form strong {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    text-align: center;
    color: #000;
    margin-bottom: 28px;
    width: 100%;
    float: left
}

.tesekkurler-form p {
    opacity: .7;
    font-size: 18px;
    line-height: 1.39;
    text-align: center;
    color: #000;
    margin-bottom: 44px;
    width: 100%;
    float: left
}

    .tesekkurler-form p strong {
        width: auto;
        float: none
    }

.tsk-social {
    width: 100%;
    float: left
}

    .tsk-social a {
        margin: 0 15px;
        display: inline-block;
        transition: all ease-in-out .3s
    }

        .tsk-social a:hover {
            opacity: .7
        }

.girisBtn > a {
    width: 100%;
    float: left;
    display: flex;
    align-items: center
}

.uye-dropdown {
    width: 210px;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.16);
    background-color: #fff;
    z-index: 99999;
    position: absolute;
    top: 90px;
    box-sizing: border-box;
    padding: 15px 25px;
    right: 0;
    display: none
}

    .uye-dropdown li {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
        float: left
    }

        .uye-dropdown li a {
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            color: #3d3d3d
        }

    .uye-dropdown:before {
        border-style: solid;
        border-width: 0 15px 15px 15px;
        border-color: transparent transparent #fff;
        content: "";
        position: absolute;
        top: -15px;
        right: 50px
    }

.girisMenuKapat {
    position: fixed;
    width: 100%;
    height: calc(100vh - 90px);
    background: rgba(0,0,0,.5);
    left: 0;
    top: 140px;
    z-index: 8;
    display: none
}

.sticky .girisMenuKapat {
    top: 90px
}

.uye-dropdown li a:hover {
    color: #df6459
}

.girisBtn svg {
    position: absolute;
    right: 10px;
    transition: all ease-in-out .3s
}

.girisBtn.active svg {
    transform: rotate(180deg)
}

.blur-in {
    -webkit-animation: blur 2s forwards;
    -moz-animation: blur 2s forwards;
    -o-animation: blur 2s forwards;
    animation: blur 2s forwards
}

.blur-out {
    -webkit-animation: blur-out 1s forwards;
    -moz-animation: blur-out 1s forwards;
    -o-animation: blur-out 1s forwards;
    animation: blur-out 1s forwards
}

@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0)
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px)
    }
}

@-moz-keyframes blur {
    0% {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0)
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px)
    }
}

@-o-keyframes blur {
    0% {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0)
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px)
    }
}

@-webkit-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px)
    }

    100% {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0)
    }
}

@-moz-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px)
    }

    100% {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0)
    }
}

@-o-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px)
    }

    100% {
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0)
    }
}

.aramaPage {
    width: 100%;
    height: calc(100vh - 140px);
    position: fixed;
    background: rgba(0,0,0,.7);
    z-index: 9;
    top: 140px;
    font-family: "Gotham Narrow";
    display: none
}

.aramaContainer {
    width: 970px;
    margin: auto;
    overflow-y: scroll;
    padding-bottom: 50px;
    height: 100%;
    position: relative
}

    .aramaContainer::-webkit-scrollbar-track {
        background-color: transparent;
        opacity: 0
    }

    .aramaContainer::-webkit-scrollbar {
        width: 10px;
        background-color: #f5f5f5;
        opacity: 0;
        visibility: hidden
    }

    .aramaContainer::-webkit-scrollbar-thumb {
        background-color: #000;
        border: 2px solid #555;
        opacity: 0;
        visibility: hidden
    }

.sticky .aramaPage {
    top: 90px;
    height: calc(100% - 90px)
}

.aramaBar {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 120px;
    z-index: 999
}

.aramaKategori {
    float: left;
    position: relative;
    width: 161px;
    z-index: 8
}

.arama-form {
    width: calc(100% - 310px);
    height: 76px;
    background: #fff;
    float: left;
    position: relative;
    opacity: 1;
    margin-top: 0;
    margin-right: 0
}

    .arama-form input {
        width: 100%;
        height: 76px;
        background: #fff;
        border: none;
        font-size: 18px;
        padding-left: 30px;
        box-sizing: border-box
    }

.aramaButton {
    width: 149px;
    height: 76px;
    background: #df6459;
    float: left;
    margin: 0;
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center
}

    .aramaButton button {
        width: 149px !important;
        height: 76px !important;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        color: #fff
    }

        .aramaButton button svg path, .aramaButton button svg {
            fill: #fff !important;
            stroke: #fff;
            margin-right: 10px
        }

.select-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-family: "Gotham Narrow";
    font-size: 18px;
    color: #1d1d1d
}

.select-box__current {
    position: relative;
    cursor: pointer;
    outline: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden
}

    .select-box__current:focus + .select-box__list {
        opacity: 1;
        -webkit-animation-name: none;
        animation-name: none
    }

        .select-box__current:focus + .select-box__list .select-box__option {
            cursor: pointer
        }

    .select-box__current:focus .select-box__icon {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

.select-box__icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    opacity: .3;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.select-box__value {
    display: -webkit-box;
    display: flex
}

.select-box__input {
    display: none
}

    .select-box__input:checked + .select-box__input-text {
        display: block
    }

.select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 24px;
    height: 76px;
    background-color: #eaeaea;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 76px;
    padding-left: 30px
}

.select-box__list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    -webkit-animation-name: HideList;
    animation-name: HideList;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0,0,0,.1)
}

.select-box__option {
    display: block;
    padding: 15px;
    background-color: #fff
}

    .select-box__option:hover, .select-box__option:focus {
        color: #546c84;
        background-color: #fbfbfb
    }

@-webkit-keyframes HideList {
    from {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes HideList {
    from {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

.sonAranan {
    width: 100%;
    float: left;
    margin-top: 20px
}

    .sonAranan svg {
        float: left;
        margin-right: 17px
    }

    .sonAranan p {
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 24px;
        letter-spacing: normal;
        color: #fff;
        font-family: "Gotham Narrow";
        float: left
    }

.firsat-projeleri {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 50px;
    transition: all ease-in-out .3s
}

.aramaBaslik {
    font-size: 24px;
    color: #fff;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 35px;
    transition: all ease-in-out .3s
}

.ucluList {
    width: 100%;
    float: left;
    position: relative;
    transition: all ease-in-out .3s
}

    .ucluList .projeListCol {
        width: calc(33.3% - 10px);
        overflow: hidden;
        margin: 0;
        margin-bottom: 15px
    }

        .ucluList .projeListCol:nth-child(3n-1) {
            margin: 0 15px
        }

    .ucluList .projeListTitle {
        height: 50px;
        padding-right: 15px
    }

    .ucluList .projeListLogo.load {
        height: 50px;
        padding-left: 15px
    }

    .ucluList .projeListHeader {
        height: 50px
    }

    .ucluList .projeListTitle strong {
        font-size: 14px
    }

    .ucluList .projeListTitle span {
        font-size: 11px
    }

    .ucluList .projeListContent {
        padding: 10px 15px;
        min-height: 120px
    }

        .ucluList .projeListContent h3 {
            font-size: 14px
        }

        .ucluList .projeListContent p {
            font-size: 11px;
            min-height: 60px
        }

    .ucluList .projeListFooter {
        padding: 0 15px 10px 15px
    }

    .ucluList .sunumStar, .ucluList .sunumStar:before {
        width: 35px;
        height: 35px
    }

    .ucluList .sunumBtn span {
        font-size: 14px;
        line-height: 35px
    }

    .ucluList .newBilgiAl a {
        width: 100px;
        font-size: 12px
    }

    .ucluList .newBilgiAl {
        margin-top: 0
    }

    .ucluList .projeListCol {
        min-height: 430px
    }

.aramaSonuclari {
    width: 100%;
    float: left;
    position: relative;
    display: inline-block;
    transition: all ease-in-out .3s
}

    .aramaSonuclari #search_main_div {
        position: relative !important;
        float: left;
        width: 100%;
        display: inline-block;
        transition: all ease-in-out .3s
    }

    .aramaSonuclari .projeListe {
        position: relative;
        float: left;
        border: none;
        transition: all ease-in-out .3s
    }

        .aramaSonuclari .projeListe ul li {
            width: 100%;
            float: left;
            background: #fff;
            margin-bottom: 10px;
            border-radius: 4px;
            align-items: center;
            display: flex;
            padding: 7px 10px;
            transition: all ease-in-out .3s
        }

            .aramaSonuclari .projeListe ul li a {
                width: 100%;
                height: 100%;
                float: left;
                display: block;
                color: #1d1d1d;
                transition: all ease-in-out .3s
            }

.sonucIkon {
    width: 30px;
    float: left;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center
}

    .sonucIkon svg {
        width: 20px;
        height: 20px;
        margin: auto;
        opacity: .5
    }

.sonucProjeAdi {
    float: left;
    line-height: 30px;
    font-weight: 600;
    margin-left: 15px;
    margin-right: 10px
}

.projeSonucBolge {
    float: left;
    line-height: 30px;
    font-size: 14px;
    opacity: .8
}

.sonucDetay {
    float: right;
    width: 100px;
    height: 30px;
    display: block;
    line-height: 30px;
    background: #df6459;
    color: #fff;
    text-align: center;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: all ease-in-out .3s
}

    .sonucDetay:hover {
        background: #f85959
    }

.aramaBaslik .searchButtonAll {
    float: right;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

    .aramaBaslik .searchButtonAll:hover {
        text-decoration: underline
    }

.overflow {
    overflow: hidden
}

.aramaPageClose {
    position: absolute;
    right: 0;
    top: 65px
}

    .aramaPageClose svg {
        width: 30px;
        height: 30px;
        opacity: .5;
        transition: all ease-in-out .3s;
        cursor: pointer
    }

        .aramaPageClose svg path {
            fill: #fff
        }

    .aramaPageClose:hover svg {
        opacity: 1
    }

.videoYokRow .form-control {
    height: 40px
}

.videoYokRow textarea.form-control {
    height: 80px
}

.videoYokRow .form-group {
    margin-bottom: 14px
}

.videoYokRow .formIzin {
    margin-bottom: 0
}

.fixFormPage {
    width: 390px;
    position: absolute;
    top: 70px;
    right: 0;
    display: none
}

    .fixFormPage .projectForm {
        width: 100%;
        padding: 15px 20px;
        height: auto;
        max-height: 500px;
        overflow-y: scroll;
        margin-left: 0;
        overflow-x: hidden;
        padding-right: 10px
    }

        .fixFormPage .projectForm::-webkit-scrollbar-track {
            background-color: transparent;
            opacity: 0
        }

        .fixFormPage .projectForm::-webkit-scrollbar {
            width: 10px;
            background-color: #f5f5f5;
            opacity: 0;
            visibility: hidden
        }

        .fixFormPage .projectForm::-webkit-scrollbar-thumb {
            background-color: #000;
            border: 2px solid #555;
            opacity: 0;
            visibility: hidden
        }

.fixFormClose {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgba(0,0,0,.5);
    left: 0;
    top: 150px;
    z-index: 7;
    display: none
}

.fixFormPage:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #fff transparent;
    top: -14px;
    right: 60px;
    z-index: 2
}

.fixFormIletisimBtn {
    display: none;
    position: relative;
    top: 0;
    width: 100%;
    right: 0;
    padding: 0;
    float: left
}

.fixFormPage .fixFormIletisimBtn {
    display: block
}

.tel-col {
    width: calc(50% - 5px);
    float: left;
    margin-right: 5px;
    margin-bottom: 10px
}

    .tel-col a {
        display: block;
        width: 100%;
        height: 40px;
        border-radius: 5px;
        background: #84879b;
        color: #fff;
        text-align: left
    }

    .tel-col svg {
        width: 17px;
        height: 17px;
        float: left;
        margin: 12px 10px
    }

    .tel-col strong {
        width: calc(100% - 40px);
        float: left;
        font-size: 12px;
        margin-bottom: 3px;
        margin-top: 5px
    }

    .tel-col span {
        width: calc(100% - 40px);
        float: left;
        font-size: 13px
    }

    .tel-col:nth-child(2) {
        margin-right: 0;
        margin-left: 5px
    }

.fixFormPage .form-control {
    height: 35px
}

.fixFormPage .form-group {
    margin-bottom: 8px
}

.fixFormPage textarea.form-control {
    height: 40px
}

.fixFormPage .formIzin {
    margin-bottom: 0
}

.fixFormPage .gunButon {
    height: 85px;
    padding: 6px 5px
}

.fixFormPage .formZamanSlider {
    height: 96px;
    margin-bottom: 9px;
    padding: 0 20px;
    margin-left: -20px;
    box-sizing: border-box;
    width: calc(100% + 40px)
}

.sunumHeader {
    width: 100%;
    height: 700px;
    background: url(../images/sunumHeaderBg.png);
    background-size: cover;
    background-position: center bottom;
    display: flex;
    align-items: center;
    padding-bottom: 150px;
    box-sizing: border-box;
    margin-top: -30px
}

.container {
    width: 1170px;
    margin: auto;
    position: relative
}

.sunumHeaderContent {
    width: 60%;
    float: left;
    height: 370px;
    display: flex;
    align-items: center;
    color: #fff;
    box-sizing: border-box;
    padding-right: 100px
}

.sunumHeaderImg {
    width: 40%;
    float: left
}

.sunumHeaderContent h1 {
    font-size: 110px;
    font-weight: 700;
    line-height: 110px
}

.sunumHeaderContent h2 {
    font-size: 46px;
    margin-bottom: 20px;
    font-weight: 400
}

.sunumHeaderContent p {
    font-size: 19px;
    font-weight: 300;
    line-height: 28px
}

.sunumHizmetler {
    width: 100%;
    float: left;
    position: relative;
    background: #e4eaf1;
    padding-top: 150px;
    margin-top: -100px;
    z-index: -1;
    text-align: center;
    padding-bottom: 100px
}

    .sunumHizmetler h2 {
        color: #717171;
        font-size: 50px;
        font-weight: 900;
        margin-bottom: 50px
    }

.sunumAdim {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

    .sunumAdim img {
        width: 100%;
        float: left
    }

.sunumAdimIcerik {
    width: 100%;
    float: left
}

    .sunumAdimIcerik ul li {
        width: 25%;
        float: left;
        box-sizing: border-box;
        padding: 0 30px
    }

.adimBaslik {
    display: none
}

.adimIcerik {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400
}

.sunumVideo {
    width: 100%;
    float: left;
    position: relative;
    background: #fff
}

.sunumVideoRow {
    width: 100%;
    float: left;
    height: 750px;
    position: relative
}

.sVdeoBg {
    position: absolute;
    z-index: 1;
    bottom: 50px
}

.videoMan {
    position: absolute;
    right: 100px;
    z-index: 2;
    bottom: 0;
    width: 15%
}

.videoContent {
    width: 750px;
    height: 440px;
    background: #ccc;
    z-index: 2;
    position: absolute;
    bottom: 50px;
    border-radius: 30px;
    left: 50%;
    margin-left: -375px;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

    .videoContent:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 35px;
        background: #df6459;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        top: 0;
        left: 0
    }

    .videoContent:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 35px;
        background: #df6459;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        bottom: 0;
        left: 0
    }

    .videoContent a {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.3);
        display: flex;
        align-items: center;
        justify-content: center
    }

        .videoContent a svg {
            width: 100px;
            height: 100px;
            transition: all ease-in-out .3s;
            position: relative;
            z-index: 4
        }

            .videoContent a svg path, .videoContent a svg polygon {
                fill: #df6459
            }

        .videoContent a:hover svg {
            transform: scale(1.1)
        }

.sunumProjeListe {
    width: 100%;
    float: left;
    padding-bottom: 100px;
    background: #fff
}

    .sunumProjeListe h2 {
        color: #717171;
        font-size: 50px;
        font-weight: 900;
        margin-bottom: 50px;
        margin-top: 100px;
        text-align: center
    }

    .sunumProjeListe li {
        width: calc(33.3% - 30px);
        float: left;
        min-height: 430px;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.09);
        position: relative
    }

        .sunumProjeListe li:nth-child(3n-1) {
            margin-left: 45px;
            margin-right: 45px
        }

.sunumProjeImg {
    width: 100%;
    float: left;
    position: relative
}

    .sunumProjeImg a {
        width: 100%;
        height: 100%;
        display: block
    }

.sunumProjeContent {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 15px 20px;
    min-height: 220px
}

    .sunumProjeContent h3 {
        font-size: 16px;
        width: 100%;
        float: left;
        font-weight: 600;
        color: #424242;
        margin-bottom: 5px;
        line-height: 20px
    }

    .sunumProjeContent p {
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 18px;
        color: #424242;
        margin-bottom: 10px
    }

    .sunumProjeContent a {
        background: #3d7ab5;
        height: 35px;
        color: #fff;
        display: inline-block;
        width: 200px;
        text-align: center;
        line-height: 35px;
        border-radius: 5px;
        position: absolute;
        left: 50%;
        margin-left: -100px;
        bottom: 30px;
        transition: all ease-in-out .3s
    }

.sunumProjeListe ul {
    width: 100%;
    float: left;
    margin-bottom: 50px;
    position: relative
}

.tumProjelerBtn {
    background: #df6459;
    width: 250px;
    height: 40px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    left: 50%;
    position: relative;
    margin-left: -125px;
    transition: all ease-in-out .3s
}

    .tumProjelerBtn:hover {
        background: #f85959
    }

.sunumProjeContent a:hover {
    background: #3c259c
}

.tanitimCloseBg {
    width: 100%;
    position: fixed;
    height: 100vh;
    background: rgba(0,0,0,.6);
    top: 0;
    left: 0;
    z-index: 4;
    display: none
}

.tanitimForm .projectForm {
    position: relative;
    z-index: 9
}

.tanitimIcerik {
    position: absolute;
    left: -370px;
    width: 350px;
    top: 0;
    z-index: 5
}

.adimlar img {
    width: 100px;
    float: right;
    margin-top: -10px;
    margin-bottom: 15px;
    margin-right: 10px
}

.adimlar strong {
    font-size: 19px;
    width: calc(100% - 130px);
    float: left;
    line-height: 26px;
    color: #df6459;
    margin-top: 10px
}

.adimlar p {
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 15px;
    color: #3c3c3c
}

.adimFooter {
    width: 100%;
    float: left;
    margin-top: 10px
}

.adimlar p span {
    font-weight: bold
}

.tanitimGec {
    float: left;
    font-size: 12px;
    color: #3c3c3c;
    font-weight: bold;
    cursor: pointer
}

    .tanitimGec:hover {
        border-bottom: 1px solid #3c3c3c
    }

.sonrakiAdim {
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #1b81c4;
    cursor: pointer;
    top: -3px;
    position: relative
}

    .sonrakiAdim span {
        font-size: 16px;
        margin-left: 5px
    }

.adimlar:before {
    border-color: transparent transparent transparent #f5f5f5;
    border-style: solid;
    border-width: 15px;
    content: "";
    position: absolute;
    right: -30px;
    top: 20px
}

.adimlar {
    background: #f5f5f5;
    padding: 15px 25px;
    border-radius: 15px;
    width: 100%;
    float: left;
    top: 0;
    position: absolute;
    transition: all ease-in-out .5s;
    visibility: hidden;
    opacity: 0
}

    .adimlar.open {
        visibility: visible;
        opacity: 1
    }

.adim1 {
    margin-top: 0
}

    .adim1:before {
        top: 20px
    }

.sonrakiAdim svg {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    display: inline-block;
    position: relative;
    right: 0;
    transition: all ease-in-out .3s
}

    .sonrakiAdim svg path {
        fill: #1b81c4
    }

.sonrakiAdim:hover svg {
    right: -5px
}

.adimSvg {
    width: 70px;
    float: right;
    margin-bottom: 10px
}

.adim2 strong {
    width: calc(100% - 100px)
}

.adim2, .adim3 {
    top: 70px
}

.adimSvg svg {
    width: 70px;
    height: 70px
}

.adim4, .adim5 {
    top: 160px
}

.adim6 {
    top: 400px
}

.main-menu ul li a.aktif:after {
    content: "";
    position: fixed;
    width: 100vw;
    height: 2px;
    background: #df6459;
    left: 0;
    top: 140px
}

.sticky .main-menu ul li a.aktif:after {
    top: 90px
}

.haberBread {
    margin-top: -25px
}

.deskTel .InfoIletisimBtn {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    margin-bottom: 0;
    background: rgba(52,198,161,1);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

    .deskTel .InfoIletisimBtn svg {
        transform: rotate(180deg)
    }

    .deskTel .InfoIletisimBtn.active svg {
        transform: rotate(0deg)
    }

.deskTel .iletisimButonlari {
    top: auto;
    bottom: 60px;
    position: fixed;
    right: 0;
    z-index: 999;
    font-family: Roboto
}

.deskTel {
    position: relative;
    width: 100%
}

    .deskTel .iletisimButonlari:before {
        top: auto;
        bottom: -30px;
        border-width: 15px;
        border-color: #e6e6e6 transparent transparent transparent;
        right: 50px;
        left: auto
    }

.yenilikVar {
    width: 100%;
    position: fixed;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index: 8;
    font-family: Gotham Narrow;
    display: none
}

.introOk {
    position: absolute;
    top: 160px;
    left: 48%;
    transform: rotate(25deg)
}

.introBaslik {
    position: absolute;
    margin-top: 210px;
    font-size: 58px;
    color: #fff;
    width: 50%;
    font-weight: 700;
    line-height: 68px
}

.introAciklama {
    position: absolute;
    top: 360px;
    color: #fff;
    font-size: 32px;
    width: 49%;
    line-height: 46px;
    font-weight: 300
}

    .introAciklama strong {
        color: #df6459
    }

.yenilikKapat {
    width: 20px;
    position: absolute;
    top: 180px;
    right: 0;
    opacity: .7;
    cursor: pointer;
    transition: all ease-in-out .3s
}

    .yenilikKapat svg path {
        fill: #fff
    }

    .yenilikKapat:hover {
        opacity: 1
    }

    .yenilikKapat svg {
        width: 20px;
        height: 20px
    }

.loadGif {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .loadGif img {
        width: 40px
    }

.yeniIcon {
    position: absolute;
    width: 25px;
    height: 25px;
    right: -30px;
    top: -6px;
    border-radius: 50%;
    text-align: center;
    font-size: 7px;
    color: #fff;
    line-height: 25px;
    font-weight: bold;
    display: none
}

    .yeniIcon:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(../images/red-star.png);
        background-size: 100% 100%;
        z-index: -1;
        left: 0;
        top: 0;
        -webkit-animation: dondur 5s infinite;
        -moz-animation: dondur 5s infinite;
        -o-animation: dondur 5s infinite;
        animation: dondur 5s infinite
    }

@keyframes dondur {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.fixed .seciliTarihButon, .fixed .saatSlider, .fixed .saatButon {
    height: 85px
}

.fixed .saatAdi {
    margin-top: 5px
}

.fixed .seciliTarihButon {
    padding: 7px
}

.fixed .takvimSaatTab li {
    height: 85px;
    padding-top: 5px
}

#FirmaFormProje #submitted {
    margin-top: 20px
}

.mobilBread {
    margin-bottom: 0 !important
}

#formAc, #formTesekkurler {
    display: none;
    width: 450px;
    background: transparent;
    overflow: hidden
}

    #formAc .projectForm, #formTesekkurler .projectForm {
        width: 100%;
        margin: 0;
        height: 500px
    }

    #formAc .fancybox-close-small, #formTesekkurler .fancybox-close-small {
        background: #f0f1f4;
        border-radius: 50%
    }

.sariBtn {
    width: 100%;
    float: left;
    text-align: center
}

    .sariBtn a {
        display: inline-block
    }

#formAc .formBaslikAciklama p {
    top: -5px;
    position: relative;
    line-height: 20px
}

#haberForm .tesekkurler-form {
    width: 100%;
    position: relative;
    background: transparent;
    padding: 50px 0
}

    #haberForm .tesekkurler-form .tsk-icon svg path {
        fill: #4d1a1a !important
    }

    #haberForm .tesekkurler-form strong, #haberForm .tesekkurler-form p {
        color: #4d1a1a;
        font-weight: 500
    }

#haberForm fieldset {
    padding: 0;
    width: 100%;
    display: inline-block;
    margin: 0
}

#haberForm {
    display: inline-block
}

#haberForm {
    background: #fdba1e;
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
    border: 1px solid #faad05;
    position: relative;
    width: 100%;
    float: left
}

.haberform .form-group {
    float: left;
    width: calc(50% - 10px);
    margin-right: 20px
}

.haberform legend {
    -webkit-animation: fade 2s infinite;
    animation: fade 2s infinite;
    border: none;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 30px;
    color: #4d1a1a;
    float: left;
    width: 100%;
    margin-top: 10px
}

.haberform .form-group:nth-child(odd) {
    margin-right: 0
}

.haberform .form-group input, .haberform .form-group select {
    height: 43px;
    float: left
}

.haberform .form-group:nth-child(6), .haberform .form-group:nth-child(7) {
    width: 100%
}

.haberform .form-group .form-textarea {
    width: 100%;
    height: 80px
}

.haberform .form-group input[type="checkbox"] {
    height: initial
}

.haberform .form-group input#submitted {
    float: none;
    margin: auto
}

.haberform .form-group:nth-child(8) {
    float: left;
    width: 100%;
    margin: 15px 0
}

.haberform .form-group:nth-child(2) span {
    display: none
}

.haberform .form-group input:focus, .haberform .form-group select:focus, .haberform .form-group textarea:focus {
    outline: 1px solid #4d1a1a !important
}

.formBilgi {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px
}

    .formBilgi input {
        float: left !important;
        margin-left: 0 !important;
        margin-right: 10px !important
    }

    .formBilgi a {
        color: #000;
        text-decoration: underline
    }

@-webkit-keyframes fade {
    0% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@media only screen and (max-width:480px) {
    .haberform .form-group {
        width: 100% !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-width:851px) {
    .digerProjeList .kampProjeListItem:nth-child(3n+3) {
        margin-right: 0
    }

    .haberLink a:hover {
        letter-spacing: 2px
    }

    .haberSticky .stickyLogo {
        display: inline-block;
        float: left
    }
}

@media only screen and (min-width:768px) {
    .firsatProjeList li:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .container {
        width: 1000px
    }

    .sideBar {
        width: 240px
    }

    .homeSect {
        width: calc(97% - 240px)
    }

    .pfImage {
        width: calc(100% - 200px);
        min-height: 190px
    }

    .pfSlider {
        min-height: 190px
    }

    .pfIcerik {
        width: 200px;
        padding-bottom: 20px
    }

    .pfLogo {
        width: 100px
    }

    .videoYok {
        height: 330px
    }

        .videoYok img {
            width: 90px
        }

        .videoYok p {
            font-size: 16px;
            line-height: 24px
        }

    .pfLocation {
        padding: 0 15px;
        width: 100%;
        font-size: 12px
    }

        .pfLocation i {
            width: 12px
        }

        .pfLocation strong {
            width: auto;
            padding-left: 10px
        }

    .logo {
        width: 180px
    }

    .projectBnImage {
        min-height: 260px
    }

    .searchForm {
        width: auto;
        margin-left: 40px
    }

    .firsatlarBtn a {
        padding: 0 15px;
        font-size: 12px
    }

        .firsatlarBtn a img {
            width: 15px
        }

    .digerProjeList .projeListImage {
        max-height: 202px
    }

    .telefon a {
        font-size: 17px
    }

    .uye-giris-sol-content ul li {
        margin-top: 30px
    }

    .newsContent h3 {
        font-size: 15px;
        height: 17px;
        line-height: 1.2
    }

    .stickyLogo {
        width: 140px
    }

    .formButtonContact a {
        font-size: 14px
    }

        .formButtonContact a span {
            width: auto;
            padding: 7px 14px;
            font-size: 14px
        }

    .formButtonContact a {
        height: 45px;
        padding-left: 15px
    }

        .formButtonContact a .buttonLeft i {
            width: 17px;
            margin-right: 8px
        }

    .formTitle2 {
        font-size: 16px
    }

    .call_icon {
        width: 100px
    }

    .projectDetailTitle {
        height: 75px
    }

    #FirmaFormProje .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .projectForm.firmaProjectForm {
        height: 500px
    }

    .map.firmaHarita, #map_canvas {
        height: 405px !important
    }

    .butceYokForm .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -16px;
        margin-top: -9px
    }

    .formTitle2 {
        font-size: 18px
    }

    .projectDetailTitle.hauto .call_icon {
        width: auto
    }

    .projeSlogan a strong {
        font-size: 19px;
        line-height: 27px
    }

    .projeSlogan a {
        padding-left: 25px;
        height: 120px
    }

        .projeSlogan a i {
            width: 30px;
            margin-top: 10px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 25px
    }

    .projeSlogan.small a {
        height: 55px
    }

    .userController ul li {
        margin-left: 40px
    }

    .main-menu ul li {
        margin-left: 10px
    }

        .main-menu ul li a {
            padding: 10px 14px;
            font-size: 14px
        }

    .search-form.active {
        width: 150px;
        opacity: 1
    }

    .search-form input {
        font-size: 16px;
        padding-right: 30px
    }

    .aramaContainer {
        width: 870px
    }

    .aramaPageClose svg {
        width: 20px;
        height: 20px
    }

    .aramaPageClose {
        top: 40px
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 60px !important
    }

    .sonAranan svg {
        float: left;
        margin-right: 15px;
        width: 20px;
        height: 20px
    }

    .ucluList .projeListContent p {
        min-height: 70px
    }

    .ucluList .projeListCol {
        min-height: 420px
    }

    .sonAranan p {
        font-size: 16px;
        line-height: 20px
    }

    .select-box__input-text {
        font-size: 20px;
        line-height: 60px
    }

    .aramaBar {
        margin-top: 80px
    }

    .userController ul li a, .nav-alt-bar li a {
        font-size: 14px
    }

    .main-menu {
        margin-top: 25px;
        margin-left: 80px
    }

    .nav-alt-bar li {
        margin-right: 40px
    }

    .haberMenuBar li {
        margin-right: 20px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

        .formTabButons li a svg {
            width: 14px;
            height: 14px;
            margin-right: 5px
        }

    .projectForm {
        padding: 10px 15px;
        height: 482px
    }

    .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
        font-size: 12px
    }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .saatDeger {
        font-size: 14px
    }

    .saatAdi {
        margin-top: 10px
    }

    .seciliTakvimKapat svg {
        width: 7px;
        height: 7px
    }

    .seciliTakvimKapat {
        padding-top: 2px;
        padding-left: 1px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 10px 6px
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -12px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -12px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -12px;
            left: auto
        }

    .projeForm .form-control {
        height: 35px;
        font-size: 12px;
        padding-right: 20px
    }

    .butceYokForm .form-control {
        height: 38px
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .formIzin {
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 35px
    }

    .sidebarTel li {
        height: 40px
    }

        .sidebarTel li svg {
            float: left;
            margin: 9px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 15px;
            margin-top: 13px;
            float: left
        }

        .sidebarTel li a {
            width: 90px;
            height: 25px;
            line-height: 25px;
            margin-top: 7px;
            margin-right: 10px;
            font-size: 13px
        }

    .takvimGaleri {
        margin: 5px 0
    }

    .formTabButons li a span {
        top: -2px
    }

    .projeForm textarea.form-control {
        height: 40px
    }

    .videoYokRow textarea.form-control {
        height: 80px
    }

    .butceYokForm textarea.form-control {
        height: 60px
    }

    .saatTab, .takvimSaatTab {
        margin: 5px 0
    }

        .takvimSaatTab li {
            height: 80px;
            padding-top: 10px
        }

            .takvimSaatTab li span {
                font-size: 12px
            }

    .sonuc {
        font-size: 16px !important
    }

    .takvimSaatTab li span:nth-child(3) {
        width: 50px;
        height: 16px;
        line-height: 14px;
        font-size: 8px !important;
        margin-left: -25px;
        margin-top: 2px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 14px;
        padding: 12px 35px
    }

    .firsat-left-menu {
        width: 31%
    }

        .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
            font-size: 24px;
            margin-bottom: 20px
        }

    .tumBtn {
        font-size: 14px;
        width: 200px
    }

    .firsat-right-pages {
        width: 69%
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 310px;
        padding: 25px 25px 25px 30px
    }

    .firsat-content h3 {
        font-size: 16px
    }

    .firsat-content p {
        font-size: 12px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 14px
    }

    .child-menu-pages {
        height: 370px
    }

    .projeler-page ul li:nth-child(1) {
        height: 310px
    }

    .projeler-page ul li {
        height: 145px
    }

    .projeler-left-menu ul {
        min-height: 220px
    }

    .projeler-page ul li a strong {
        font-size: 20px
    }

    .haberler-page ul li span {
        height: 145px
    }

    .haberler-page ul li strong {
        font-size: 15px
    }

    .haberler-page ul li {
        min-height: 220px
    }

    .haberler-left-menu ul {
        min-height: 215px
    }

    .esunum-list h2 {
        font-size: 24px
    }

    .esunum-list ul li strong {
        font-size: 14px
    }

    .esunum-detayli-bilgi {
        height: 370px
    }

    .projeler-page {
        padding: 0
    }

    .projeler-left-menu ul li a {
        border-radius: 10px;
        padding: 10px 35px
    }

    .projeListContent {
        min-height: 190px
    }

    .projeListCol {
        min-height: 560px
    }

    .digerProjeList .projeListContent h3 {
        font-size: 16px
    }

    .digerProjeList .projeListContent p {
        font-size: 13px
    }

    .digerProjeList .newBilgiAl a {
        width: 100px;
        font-size: 13px
    }

    .digerProjeList .projeListContent {
        min-height: 170px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 14px
    }

    .projeInfo {
        height: 55px;
        margin-top: 0
    }

    .projeInfoLogo {
        height: 55px
    }

    .InfoProjeAdi {
        margin: 18px
    }

    .InfoProjeLoc {
        margin: 17px
    }

    .InfoPaylasBtn, .InfoFavori button {
        width: 90px;
        height: 35px;
        line-height: 33px;
        margin: 9px 0 9px 10px
    }

        .InfoFavori button svg {
            top: 2px
        }

        .InfoPaylasBtn span, .InfoFavori button span {
            top: -1px;
            position: relative
        }

    .InfoIletisimBtn {
        padding: 9px 17px;
        margin: 9px 0 9px 10px
    }

    .iletisimButonlari {
        width: 240px;
        padding: 15px 25px 5px 25px;
        top: 60px
    }

        .iletisimButonlari a {
            height: 45px;
            font-size: 15px
        }

        .iletisimButonlari svg {
            width: 20px;
            height: 20px;
            margin-right: 10px
        }

    .infoPaylasPopup {
        top: 60px;
        right: 120px
    }

    .formBaslikAciklama p {
        font-size: 13px
    }

    .formZamanSlider {
        height: 90px
    }

    .iletisimSecenek li {
        height: 45px
    }

    .fixed .InfoProjeAdi .infoSvg, .fixed .InfoProjeLoc .infoSvg {
        width: 40px;
        height: 40px
    }

    .fixed .InfoProjeAdi span, .fixed .InfoProjeLoc span {
        font-size: 13px;
        line-height: 1.1;
        margin-top: 4px
    }

    .fixIletisimBtn {
        width: 140px;
        height: 35px;
        font-size: 14px;
        margin-top: 9px
    }

    .tesekkurler-form p, .tesekkurler-form p strong {
        font-size: 15px
    }

    .uye-dropdown li a {
        font-size: 14px
    }

    .uye-dropdown {
        width: 180px;
        padding: 10px 20px
    }

    .fixFormClose {
        top: 130px
    }

    .fixFormPage .projectForm {
        max-height: 430px
    }

    .fixFormPage {
        width: 340px
    }

    .tel-col svg {
        width: 15px;
        height: 15px;
        float: left;
        margin: 12px 7px
    }

    .tel-col strong {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col span {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col a {
        height: 37px
    }

    .fixFormPage .gunButon {
        height: 75px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 80px
    }

    .formIzin label, .YasalIzinMetin {
        font-size: 12px;
        line-height: 14px;
        padding-left: 0;
        text-align: left
    }

    .sunumHeaderContent h1 {
        font-size: 80px;
        line-height: 90px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 36px
    }

    .sunumHeaderContent p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px
    }

    .sunumHeaderContent {
        height: 310px
    }

    .sunumHeader {
        height: 600px
    }

    .sunumHizmetler h2 {
        font-size: 40px
    }

    .adimIcerik {
        font-size: 16px;
        line-height: 24px
    }

    .sunumVideoRow {
        height: 650px
    }

    .videoContent {
        width: 650px;
        height: 380px;
        border-radius: 25px;
        margin-left: -325px
    }

    .videoMan {
        right: 70px
    }

    .videoContent:before {
        height: 30px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px
    }

    .videoContent:after {
        height: 30px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

    .sunumProjeContent h3 {
        font-size: 14px;
        line-height: 18px
    }

    .sunumProjeContent p {
        font-size: 13px;
        line-height: 17px
    }

    .sunumProjeListe li {
        width: calc(33.3% - 20px);
        min-height: 410px
    }

        .sunumProjeListe li:nth-child(3n-1) {
            margin-left: 30px;
            margin-right: 30px
        }

    .sunumProjeContent {
        min-height: 210px
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px
        }

    .adim6 {
        top: 340px
    }

    .adim2, .adim3 {
        top: 50px
    }

    .adim4, .adim5 {
        top: 130px
    }

    .introOk {
        width: 180px;
        top: 145px;
        left: 47%
    }

    .introBaslik {
        position: absolute;
        margin-top: 180px;
        font-size: 46px;
        color: #fff;
        width: 50%;
        font-weight: 700;
        line-height: 58px
    }

    .introAciklama {
        top: 320px;
        font-size: 26px;
        width: 48%;
        line-height: 38px
    }
}

@media only screen and (max-width:1100px) {
    .fixFormPage .projectForm {
        max-height: 460px
    }

    .container {
        width: 900px
    }

    .main-menu {
        margin-left: 50px
    }

    .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
        font-size: 20px;
        margin-bottom: 20px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 12px
    }

    .firsat-content h3 {
        font-size: 14px;
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: 180px
    }

    .firsat-content p {
        font-size: 11px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 13px
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 275px;
        padding: 20px 20px 20px 25px
    }

    .tumBtn {
        font-size: 13px;
        width: 180px;
        margin-top: 10px
    }

    .child-menu-pages {
        height: 340px
    }

    .projeler-left-menu ul {
        min-height: 200px
    }

    .projeler-page {
        padding: 0
    }

        .projeler-page ul li:nth-child(1) {
            height: 280px
        }

        .projeler-page ul li, .haberler-page ul li span {
            height: 130px
        }

    .haberler-left-menu ul li a {
        padding: 10px 35px
    }

    .haberler-left-menu ul {
        min-height: 195px
    }

    .haberler-page ul li strong, .esunum-list ul li strong {
        font-size: 13px
    }

    .haberler-page ul li {
        min-height: 200px
    }

    .esunum-list h2 {
        font-size: 20px
    }

    .esunum-detayli-bilgi {
        height: 340px;
        padding: 0 25px
    }

    .projeListCol {
        width: calc(50% - 10px);
        margin-right: 10px
    }

        .projeListCol:nth-child(even) {
            margin-right: 0;
            margin-left: 10px
        }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .projeListContent {
        padding: 15px 15px
    }

    .projeListCol {
        min-height: 520px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0;
        margin-left: 0
    }

    .digerProjeList .projeListCol:nth-child(3n-1) {
        margin-left: 15px;
        margin-right: 15px
    }

    .newProjeOzet p {
        font-size: 14px
    }

    .formBaslikAciklama svg {
        width: 16px;
        height: 16px;
        margin-right: 5px
    }

    .formBaslikAciklama p {
        font-size: 12px;
        line-height: 16px
    }

    .iletisimSecenek li {
        height: 40px;
        font-size: 14px
    }

    .projeForm textarea.form-control {
        height: 35px
    }

    .videoYokRow textarea.form-control {
        height: 60px
    }

    .formZamanSlider {
        margin-bottom: 8px
    }

    .projectForm {
        height: 454px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 13px
    }

    .InfoIletisimBtn span {
        font-size: 13px
    }

    .sunumHeaderContent h1 {
        font-size: 70px;
        line-height: 80px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 34px
    }

    .sunumHeader {
        height: 500px;
        padding-bottom: 50px
    }

    .sunumVideoRow {
        height: 550px
    }

    .videoContent {
        width: 550px;
        height: 340px;
        border-radius: 25px;
        margin-left: -275px
    }

        .videoContent a svg {
            width: 80px;
            height: 80px
        }

    .sunumProjeContent p {
        font-size: 12px;
        line-height: 16px
    }

    .sunumProjeListe li {
        min-height: 390px
    }
}

@media only screen and (max-width:850px) {
    .yenilikVar {
        display: none
    }

    .smsLeft {
        width: 250px
    }

    .projeListCol {
        min-height: 555px
    }

    .projeListLogo {
        padding-left: 25px
    }

    .projeListTitle {
        padding-right: 25px
    }

    .projeListContent {
        padding: 20px 25px
    }

    .smsRight {
        width: calc(100% - 250px)
    }

    .formSmsCheck {
        width: 100%
    }

    .map.firmaHarita {
        height: 330px;
        margin-top: 15px
    }

    .digerProjeList .projeListImage {
        max-height: 215px
    }

    .header {
        height: 140px
    }

    .uye-dropdown {
        right: 65px
    }

    .destekButon {
        display: block;
        background-color: #08a037;
        font-weight: 600;
        color: #fff;
        border-radius: 8px 0 0 0;
        padding: 10px 20px;
        text-align: center;
        cursor: pointer;
        position: fixed;
        bottom: 0;
        right: 0;
        transition: all ease-in-out .4s;
        z-index: 99;
        box-shadow: -2px -2px 10px rgba(0,0,0,.2);
        font-size: 15px
    }

    .fixMobil {
        width: 100%;
        height: 65px;
        position: fixed;
        left: 0;
        background: rgba(82,82,82,.95);
        z-index: 99;
        bottom: -65px;
        transition: all ease-in-out .4s;
        display: inline-block
    }

        .fixMobil ul {
            width: 77%;
            margin: 10px 0 0;
            padding: 0 0 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            float: left
        }

            .fixMobil ul li {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .fixMobil ul li a {
                    padding: 12px;
                    background-color: #818285;
                    border-radius: 360px;
                    width: 46px;
                    height: 46px
                }

                    .fixMobil ul li a span {
                        width: 100%;
                        margin-top: 8px;
                        font-size: 13px;
                        line-height: 1.2;
                        font-weight: 400
                    }

                .fixMobil ul li:nth-child(1) a {
                    background-color: #dd665b
                }

                .fixMobil ul li:nth-child(3) a {
                    background-color: #3579e5
                }

                .fixMobil ul li:nth-child(2) a {
                    background-color: #28ba65
                }

    #socialus-wrapper {
        transition: all ease-in-out .4s;
        bottom: -65px !important;
        right: 6% !important
    }

    .fixMobil.active {
        bottom: 0
    }

    #socialus-wrapper.active {
        bottom: 10px !important
    }

    .destekButon.active {
        bottom: 65px
    }

    #socialus-button {
        border-radius: 360px !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 25px;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: initial !important;
        margin: 0 !important
    }

    .form-panel {
        margin-left: 0;
        margin-top: 25px;
        width: 100%
    }

    .firsatlarBtn, .haberSideBar, .mansetProje, .projeGonder, .searchForm, .sideBarAccordion, .telefon, .topProjects {
        display: none
    }

    .stickyLogo {
        display: none
    }

    .menuActive {
        overflow: hidden
    }

    .menu-trigger.second {
        transition: all .5s 0s;
        width: 100%;
        height: 100%;
        position: relative
    }

        .menu-trigger.second .line {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            height: 3px;
            background: #3d3d3d;
            transition: .3s
        }

            .menu-trigger.second .line.line-1 {
                transition: all .3s .3s,transform .3s 0s
            }

            .menu-trigger.second .line.line-2 {
                top: 50%;
                margin-top: -1px;
                left: 0;
                transition: all .3s .3s
            }

            .menu-trigger.second .line.line-3 {
                bottom: 0;
                top: auto;
                left: 0;
                transition: all .3s .3s,transform .3s 0s
            }

        .menu-trigger.second.active {
            transform: rotate(135deg);
            transition: all .5s .3s
        }

            .menu-trigger.second.active .line-1 {
                top: 50%;
                margin-top: -1px;
                transform: rotate(90deg);
                transition: all .3s,transform .3s .3s
            }

            .menu-trigger.second.active .line-2 {
                opacity: 0;
                transition: all .3s,opacity .3s 0s
            }

            .menu-trigger.second.active .line-3 {
                bottom: 50%;
                margin-bottom: -1px;
                transform: rotate(0);
                transition: all .3s,transform .3s .3s
            }

    .accountMenu, .nav-alt-bar, .main-menu {
        display: none
    }

    .menuButon {
        width: 45px;
        height: 40px;
        position: relative;
        padding: 8px 6px;
        border-radius: 4px;
        float: right;
        margin-top: 24px;
        margin-left: 20px
    }

    .mmTop {
        width: 100%;
        display: inline-block;
        height: 50px;
        float: left;
        display: inline-block
    }

    .mmHome {
        width: 80px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #df6459;
        float: left;
        font-size: 8vw;
        border-right: 1px solid #f5f5f5;
        text-align: center
    }

    .mmQuickMenu {
        width: calc(100% - 130px);
        float: left;
        display: inline-block;
        height: 100%
    }

    .mmClose {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 30px;
        top: 50px
    }

        .mmClose span {
            width: 100%;
            height: 2px;
            background: #3d3d3d;
            float: left;
            position: absolute
        }

            .mmClose span:nth-child(1) {
                transform: rotate(45deg)
            }

            .mmClose span:nth-child(2) {
                transform: rotate(-45deg)
            }

    .mmQuickMenu li {
        height: 100%;
        width: 50%;
        float: left;
        border: 5px solid #fff
    }

        .mmQuickMenu li a {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e8e8e8;
            color: #df6459;
            font-weight: 500;
            font-size: 3.5vw
        }

    .sideBarTab {
        box-shadow: initial
    }

        .sideBarTab a.active {
            box-shadow: initial
        }

    .fixAkilliArama {
        color: #fff;
        font-size: 15px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
        line-height: 50px
    }

        .fixAkilliArama a {
            color: #fff
        }

        .fixAkilliArama span {
            margin-left: 6px;
            font-weight: 400
        }

    .fixTel {
        width: 70px;
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -35px
    }

    .fixIletisimFormu {
        width: 50%;
        float: left;
        text-align: right;
        padding-right: 25px;
        box-sizing: border-box;
        line-height: 50px;
        color: #fff;
        font-weight: 400;
        font-size: 15px
    }

        .fixIletisimFormu span {
            margin-left: 10px
        }

    .fixTel img {
        width: 100%
    }

    .fixIletisimFormu a {
        color: #df6459
    }

    .container {
        width: 95%
    }

    .homeSect {
        margin: 0;
        width: 100%
    }

    .cityList {
        height: calc(100vh - 150px);
        margin-left: 0;
        padding: 0
    }

    .pfCarousel .owl-nav {
        right: 8%
    }

    .footerBottom {
        height: auto;
        padding: 25px 0 120px
    }

    .upButton {
        bottom: 40px;
        right: 5px;
        z-index: 9999
    }

    .sticky .upButton.active {
        bottom: 110px
    }

    .projectCard {
        width: 100%
    }

    .projectForm {
        margin-left: 0;
        margin-top: -1px;
        width: 100%;
        height: auto
    }

        .projectForm.firmaProjectForm {
            height: auto
        }

    .projeSlogan {
        margin-top: 0;
        margin-bottom: 20px
    }

    .projectForm form {
        max-width: 350px;
        width: 100%;
        margin: 20px auto;
        float: none
    }

    .projectCardDetails {
        margin-bottom: 0
    }

    .w50 {
        width: 100%
    }

    .galeriList {
        margin-bottom: 20px
    }

        .galeriList li {
            width: 18%;
            margin: 1%
        }

    .digerProjeList .kampProjeListItem {
        width: 48.5%
    }

        .digerProjeList .kampProjeListItem:nth-child(2n+2) {
            margin-right: 0
        }

    .uye-giris-sol {
        width: 100%
    }

    .uye-giris-sag {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .uye-popup {
        width: 70%
    }

    .uye-popup-bg {
        padding-bottom: 0
    }

    .uye-ol-bg form {
        padding: 25px 0
    }

    .manset {
        width: 100%
    }

    .haberContent {
        margin: 0;
        width: 100%
    }

    main {
        overflow-x: hidden
    }

    .mobileMenu {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        background-color: #f7f7f7;
        transition: all .4s cubic-bezier(.42,0,.1,1.03);
        display: block
    }

    .mobile-menu {
        width: 100%;
        height: 90vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        overflow-y: scroll
    }

    .mmClose span {
        width: 100%;
        height: 2px;
        background: #3d3d3d;
        float: left;
        position: absolute
    }

        .mmClose span:nth-child(1) {
            transform: rotate(45deg)
        }

        .mmClose span:nth-child(2) {
            transform: rotate(-45deg)
        }

    .mobile-menu ul {
        width: 80%;
        text-align: left
    }

        .mobile-menu ul li {
            width: 100%;
            float: left;
            position: relative;
            border-bottom: 1px solid #ccc
        }

    .mobileMenu .logo {
        position: absolute;
        left: 50px;
        top: 10px
    }

    .mobile-menu ul li a {
        color: #3d3d3d;
        font-size: 20px;
        padding: 25px 0;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        padding-left: 30px
    }

        .mobile-menu ul li a.active {
            background: #d8dde7
        }

        .mobile-menu ul li a img {
            position: relative;
            display: inline-block;
            width: 15px;
            margin-left: 10px;
            top: -2px;
            transition: all ease-in-out .3s
        }

        .mobile-menu ul li a.active img {
            transform: rotate(180deg)
        }

        .mobile-menu ul li a ul {
            width: 100%;
            float: left;
            display: inline-block
        }

    .mobile-menu ul li ul {
        width: 100%;
        display: none;
        float: left
    }

        .mobile-menu ul li ul li a {
            font-size: 18px;
            text-transform: capitalize;
            padding: 16px 50px
        }

    .sideBar {
        width: 100%
    }

    .filtreForm {
        display: none
    }

    .sideBarCity {
        box-shadow: inherit;
        padding-top: 1px
    }

    .menuActive .mobileMenu {
        right: 0
    }

    .sideBarTab li a {
        color: #b1b1b1
    }

        .sideBarTab li a img {
            opacity: .5
        }

        .sideBarTab li a.active img {
            opacity: 1
        }

    .proje-all-d {
        top: 35%
    }

    .haberNewsForm {
        display: inline-block;
        margin-top: 15px;
        margin-right: 30px;
        width: calc(100% - 60px);
        z-index: 2
    }

    .search-form {
        display: block;
        position: relative;
        bottom: 0;
        width: calc(100% - 240px) !important;
        right: 0;
        z-index: 9;
        margin-top: 0;
        opacity: 1
    }

        .search-form input {
            width: 100%;
            height: 40px;
            opacity: 1;
            border-radius: 5px;
            transition: all ease-in-out .3s
        }

    .input-group-btn {
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        z-index: 9;
        top: 0
    }

    .mobileMenu .firsatlarBtn {
        display: inline-block;
        width: 100%;
        margin-top: 10px
    }

    .haberMenuBar {
        top: 0;
        display: block
    }

    .haberUser {
        display: inline-block;
        float: left;
        width: 100%;
        height: auto
    }

        .haberUser ul {
            height: auto;
            display: inline-block;
            width: 100%;
            float: left
        }

            .haberUser ul li {
                width: 50%
            }

                .haberUser ul li a {
                    width: 100%;
                    padding: 10px
                }

    .haberMenuBar ul li {
        width: 100%
    }

    .haberMenuBar ul {
        display: inline-block;
        height: inherit;
        width: 100%
    }

        .haberMenuBar ul li a {
            display: inline-block;
            text-align: left;
            height: auto;
            border-bottom: 1px solid #ccc;
            width: 100%;
            padding: 15px 0
        }

    .haberMenuBar .container {
        width: 100%;
        position: static
    }

    .mmCloseHaber {
        position: absolute;
        top: 10px;
        right: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 50px
    }

    .haberMenuBar ul li:first-child {
        position: absolute;
        top: 10px;
        width: auto;
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

        .haberMenuBar ul li:first-child a {
            font-size: 6vw;
            padding: 0;
            border: 0;
            height: 45px;
            display: flex
        }

    .firsatlarBtn a {
        font-size: 4vw
    }

        .firsatlarBtn a img {
            width: 20px
        }

    .headerHaber {
        height: 80px
    }

    .mmHome img {
        width: 60%;
        display: inline-block;
        margin: auto
    }

    .mmClose img, .mmCloseHaber img {
        width: 40%;
        opacity: .4
    }

    .mmHomeHaber {
        position: absolute;
        top: 10px;
        left: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 60px
    }

        .mmHomeHaber a {
            text-align: center;
            width: 100%;
            float: left;
            margin-top: 6px
        }

        .mmHomeHaber img {
            width: 55%;
            display: inline-block
        }

    .modal_content {
        left: 5%;
        transform: translate(0,-50%);
        width: 90%;
        max-height: 90%
    }

    .form.projeGonderAppendTo {
        width: 100%;
        height: 100%
    }

    .modal_body {
        z-index: 9999;
        padding: 20px 0;
        height: 100vh;
        overflow-y: scroll
    }

    .projeFormWp {
        margin-bottom: 25px;
        top: 0
    }

    .breadcrumb {
        padding: 15px 0
    }

    .bizeyazBtn {
        width: 30%
    }

        .bizeyazBtn a {
            font-size: 13px;
            text-align: center
        }

    .takipEt {
        position: absolute;
        right: 0;
        top: 5px;
        height: 45px;
        width: 45px
    }

    .breadcrumb ul {
        width: 100%
    }

        .breadcrumb ul li + li:before {
            width: 4px;
            height: 8px;
            left: -9px;
            top: 5px
        }

    .projectDetailTitle {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        margin-top: 0
    }

    .formButtonWrapper {
        margin-left: 0;
        width: auto;
        display: table;
        margin: auto;
        float: none
    }

    .formTabButons {
        width: 100%;
        margin-left: 0
    }

        .formTabButons li a {
            font-size: 16px;
            padding: 15px 0
        }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 100px;
        padding: 14px 10px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 14px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 25px !important;
        margin: 5px 0
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -15px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -15px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -15px;
            left: auto
        }

        .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
            width: 30px;
            height: 30px;
            font-size: 18px !important
        }

    .saatAdi {
        margin-top: 15px
    }

    .saatDeger {
        font-size: 18px
    }

    .takvimSaatTab li {
        height: 100px;
        padding-top: 12px
    }

        .takvimSaatTab li span {
            font-size: 14px
        }

            .takvimSaatTab li span:nth-child(3) {
                width: 54px;
                height: 20px;
                line-height: 18px;
                font-size: 10px !important;
                margin-left: -27px;
                margin-top: 5px
            }

    .saatTab, .takvimSaatTab {
        margin: 0
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .sidebarTel {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

        .sidebarTel li {
            height: 52px
        }

            .sidebarTel li svg {
                float: left;
                margin: 15px;
                width: 18px
            }

            .sidebarTel li span {
                font-size: 16px;
                margin-top: 19px;
                float: left
            }

            .sidebarTel li a {
                width: 128px;
                height: 35px;
                line-height: 35px;
                margin-top: 8px;
                margin-right: 15px;
                font-size: 15px
            }

    .search-form input {
        width: 100%;
        height: 40px;
        opacity: 1;
        border-radius: 5px;
        transition: all ease-in-out .3s
    }

    .userController ul li {
        margin-right: 0;
        margin-left: 0;
        background: #f7f7f7;
        margin-top: 15px;
        border-top: 1px solid #e4e4e4
    }

    .digerProjeList .projeListCol {
        width: calc(50% - 15px);
        margin-right: 15px !important
    }

        .digerProjeList .projeListCol:nth-child(3n-1) {
            margin-left: 0;
            margin-right: 0
        }

        .digerProjeList .projeListCol:nth-child(even) {
            margin-right: 0 !important;
            margin-left: 15px !important
        }

    .projeInfo {
        height: auto;
        margin-top: 0
    }

    .info-right {
        width: 60%;
        text-align: right
    }

    .fixInfoRight {
        width: 100%;
        text-align: right
    }

    .InfoProjeLoc {
        margin: 17px;
        float: none;
        display: inline-block;
        margin-right: 0
    }

    .InfoProjeAdi {
        margin: 18px;
        float: none;
        display: inline-block
    }

    .InfoFavori, .InfoPaylasBtn {
        float: right;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 5px
    }

        .InfoFavori button {
            margin-top: 0
        }

    .projeInfoLogo {
        height: 80px;
        margin-top: 12px
    }

    .fixed .InfoProjeAdi {
        margin-left: 0;
        float: left;
        margin-bottom: 0;
        text-align: left
    }

    .fixed .InfoProjeLoc {
        float: left;
        text-align: left;
        margin-bottom: 0;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        float: right;
        width: auto
    }

    .fixed .InfoPaylasBtn, .fixed .InfoFavori {
        display: none
    }

    .InfoIletisimBtn {
        float: right;
        display: inline-block;
        margin-top: 0
    }

    .iletisimButonlari {
        top: 110px;
        right: -30px
    }

    .infoPaylasPopup {
        top: 110px;
        right: 215px
    }

    .formBaslikAciklama {
        margin-top: 0;
        text-align: center;
        margin-bottom: 0
    }

        .formBaslikAciklama svg {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            float: none;
            display: inline-block
        }

        .formBaslikAciklama p {
            font-size: 12px;
            line-height: 20px;
            float: none;
            display: inline-block;
            position: relative;
            top: -6px
        }

    .formZamanSlider {
        height: 110px
    }

    .aramaContainer {
        width: 85%
    }

    .ucluList .projeListCol {
        width: calc(50% - 10px);
        margin-left: 0 !important;
        margin-right: 10px !important
    }

        .ucluList .projeListCol:nth-child(2) {
            margin-left: 10px !important;
            margin-right: 0 !important
        }

    .aramaKategori {
        width: 140px
    }

    .aramaButton button {
        width: 100px !important
    }

    .ucluList .projeListCol:nth-child(3) {
        display: none
    }

    .projeForm textarea.form-control {
        height: 50px
    }

    .fixFormPage .gunButon {
        height: 85px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 90px
    }

    .sunumHeaderContent h1 {
        font-size: 60px;
        line-height: 70px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 27px
    }

    .sunumHeaderImg {
        margin-top: 50px
    }

    .sunumHizmetler h2 {
        font-size: 30px
    }

    .adimIcerik {
        font-size: 14px;
        line-height: 20px
    }

    .sunumAdimIcerik ul li {
        padding: 0 25px
    }

    .sunumProjeContent {
        min-height: 250px
    }

    .tanitimIcerik {
        position: absolute;
        left: 50%;
        width: 350px;
        top: -230px;
        margin-left: -175px;
        z-index: 99
    }

    .adimlar:before {
        border-color: #f5f5f5 transparent transparent transparent;
        right: 50%;
        top: auto !important;
        bottom: -29px;
        margin-right: -15px
    }

    .adim4, .adim5 {
        top: 50px
    }

    .adim6 {
        top: 50px
    }

    .deskTel {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .smsLeft {
        width: 100%
    }

    .pfImage {
        min-height: auto
    }

    .smsRight {
        width: 100%;
        padding: 0;
        margin-top: 25px
    }

    .form-text {
        width: 100%
    }

    h1.proje-title {
        font-size: 18px
    }

    .projectBnImage {
        min-height: 135px
    }

    .smsRight form ul li input.form-submit {
        float: initial;
        font-size: 13px;
        width: 165px;
        margin: 0 auto;
        display: table
    }

    .uye-ol-bg form .intl-tel-input {
        margin-bottom: 10px
    }

    #ProjeTalepForm .intl-tel-input {
        width: 70% !important
    }

    .ilgiliProjeler ul li {
        width: 100%;
        margin: 0 0 25px 0
    }

        .ilgiliProjeler ul li:last-child {
            margin-bottom: 0
        }

    .headerHaber .logo {
        width: 100px
    }

    .container {
        width: 90%
    }

    form#ProjeTalepForm {
        padding: 20px
    }

    #ProjeTalepForm .form-group {
        width: 100%;
        margin: 0 0 15px 0
    }

        #ProjeTalepForm .form-group label {
            width: 30%;
            font-size: 14px
        }

        #ProjeTalepForm .form-group input, #ProjeTalepForm .form-group select, #ProjeTalepForm .form-group textarea {
            width: 70%
        }

    .w50form {
        width: 70%
    }

    .pfImage {
        width: 100%
    }

    .pfIcerik {
        position: relative;
        width: 100%;
        padding: 10px;
        display: inline-block
    }

    .son-resim-d {
        width: 25px;
        right: -25px
    }

    .pfLogo {
        float: left;
        margin-bottom: 0;
        width: 120px
    }

    .pfName {
        float: left;
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 5%
    }

    .pfLocation {
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 0
    }

    .title h1 {
        font-size: 20px;
        margin-left: 10px
    }

    .title i, .title svg {
        font-size: 20px
    }

    .title {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0
    }

    .kampProjeListItem {
        width: 100%;
        margin-right: 0
    }

    .firsat {
        width: 200px;
        left: -25px;
        top: -25px
    }

    .footerContact {
        width: 100%
    }

    .footerBox {
        width: 100%;
        padding: 0;
        margin-top: 30px
    }

    .footerMenu {
        width: 100%;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 25px
    }

        .footerMenu span {
            width: 100%
        }

        .footerMenu:last-child {
            margin-bottom: 0
        }

    .footerTop {
        padding: 25px 0
    }

    .copyright {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .footerBottom .container {
        display: table
    }

    .footerSocial {
        width: 100%
    }

        .footerSocial ul {
            float: initial;
            margin: 0 auto;
            display: table
        }

    .kampanyaliProjeler {
        padding-bottom: 0;
        width: 100%;
        padding: 30px 0 50px 0;
        margin-left: 0
    }

    .haberLink a {
        font-size: 4vw
    }

    .navBar {
        height: 60px
    }

    .header {
        height: 95px
    }

    .haberLink {
        height: 40px
    }

    .hatirlamiyorum {
        padding-top: 0;
        line-height: 1.4;
        width: 65% !important
    }

        .hatirlamiyorum a {
            float: left;
            display: inline-block;
            width: calc(100% - 35px)
        }

    .uye-giris-sol-content {
        height: auto;
        padding-bottom: 20px
    }

    .uye-giris-sol ul {
        padding: 30px 30px
    }

    .form-sag, .form-sol {
        width: 100%
    }

    .projeLogo {
        width: 31.33%;
        padding: 10px
    }

    .projeAd {
        width: 66.66%;
        margin-left: 2%;
        margin-right: 0
    }

    .projeLokasyon {
        width: 100%;
        height: auto;
        padding: 10px 0;
        margin-top: 1.5%;
        background-color: #f1f1f1
    }

    .projeAciklama {
        padding: 25px 20px
    }

        .projeAciklama h2 {
            font-size: 22px;
            margin-bottom: 50px
        }

        .projeAciklama h4 {
            font-size: 17px
        }

    .galeriList li {
        width: 31.33%
    }

    .videoList iframe {
        height: 190px
    }

    .digerProjeList .kampProjeListItem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .kampProjeContent h3 {
        line-height: 1.3;
        height: 39px
    }

    .kampProjeContent {
        height: 170px
    }

    #map_canvas {
        height: 250px
    }

    .pfCarousel .owl-nav {
        right: initial;
        left: calc(135px + 30%);
        transform: translateX(-50%);
        bottom: -15px
    }

    .pfCarousel {
        margin-bottom: 30px
    }

    .butceYokForm {
        margin-top: 20px
    }

    .logo {
        width: 170px
    }

    .haberLogo {
        width: 140px
    }

    .navBarHaber {
        height: 70px
    }

    .w100.headerHaber {
        height: 70px
    }

    .haberMenuBar {
        top: 0;
        display: block;
        height: auto;
        border: none;
        width: calc(100% - 60px);
        margin-left: 30px
    }

    .mansetCarousel .items {
        height: 250px
    }

        .mansetCarousel .items h2 {
            font-size: 4vw;
            padding: 0 15px;
            line-height: 1.2
        }

    .mansetCarousel .owl-dots {
        height: 35px
    }

    .mansetCarousel .owl-dot {
        font-size: 13px !important
    }

    .newsCampCarousel .items a .ncTitle {
        padding: 0 10px;
        font-size: 14px
    }

    .newBox {
        width: 100%;
        margin: 20px 0 0
    }

    .haberler {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .haberContent .bgContainerShadowWhite {
        padding: 0 20px 35px
    }

    .haberIcerik h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .haberIcerik h2 {
        font-size: 17px
    }

    .haberIcerik h3 {
        font-size: 20px
    }

    .breadcrumb ul li {
        margin: 3px 5px;
        display: none
    }

    .haberTarih {
        padding-top: 10px
    }

    .firsatProjeList li {
        width: 48%;
        margin-right: 4%
    }

        .firsatProjeList li:nth-child(2n+2) {
            margin-right: 0
        }

    .fpTop h2 {
        font-size: 14px
    }

    .fpTop h3 {
        font-size: 12px
    }

    .downArrow {
        width: 30px
    }

    .fhTitle h2 {
        font-size: 5vw
    }

    .nativeAciklama p {
        font-size: 20px !important
    }

    .firsatContent h2 {
        font-size: 27px;
        line-height: 1.2;
        margin-bottom: 20px
    }

    .firsatContent p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .formDoldurLink a {
        font-size: 20px
    }

    .formDoldurLink {
        margin-bottom: 45px
    }

    .topSlogan {
        font-size: 11px
    }

    .kullanici {
        width: 150px
    }

        .kullanici > a {
            font-size: 12px
        }

    .projectForm form {
        margin-top: 0
    }

    .call_icon {
        width: 80px;
        bottom: 0;
        top: auto
    }

    .formTitle2 {
        font-size: 16px
    }

    .projectDetailTitle.hauto .call_icon {
        width: 90px
    }

    .projectDetailTitle.hauto {
        height: 50px
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 40px
    }

    .formButtonWrapper {
        width: 100%;
        margin-top: 20px;
        display: inline-block
    }

    .formButtonContact.renk2 {
        margin-bottom: 0
    }

    .projeSlogan a {
        height: auto;
        padding-left: 0;
        flex-direction: column;
        padding-top: 11px;
        align-items: flex-end
    }

    .projeSlogan .projeSloganLeft {
        margin-bottom: 15px;
        float: none;
        width: 100%;
        display: flex;
        justify-content: end;
        padding-left: 15px;
        flex-direction: column
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 23px
    }

    .projeSlogan a i {
        margin-left: 0
    }

    .projeSlogan {
        margin-bottom: 0
    }

        .projeSlogan.small .projeSloganLeft {
            padding-left: 0;
            align-items: end
        }

            .projeSlogan.small .projeSloganLeft i {
                margin-left: 0;
                margin-right: 15px;
                width: 25px;
                margin-top: 5px
            }

        .projeSlogan.small a {
            height: auto;
            padding-left: 10px
        }

    .breadcrumb ul li.brandDots {
        display: block;
        color: #818181;
        margin-right: 10px;
        margin-left: 10px
    }

    .breadcrumb ul li:first-child {
        display: block
    }

    .breadcrumb ul li:last-child {
        display: block
    }

    .breadcrumb {
        padding: 0 0;
        margin-top: 15px;
        margin-bottom: 10px
    }

        .breadcrumb ul li a i {
            width: 17px;
            top: 0
        }

    .telBtn {
        font-size: 14px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

    .formTabButons {
        margin-top: 20px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 9px 6px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 12px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .saatDeger {
        font-size: 15px
    }

    .saatAdi {
        margin-top: 12px
    }

    .takvimSaatTab li {
        height: 80px;
        padding-top: 8px
    }

        .takvimSaatTab li span {
            font-size: 12px
        }

    .sonuc {
        font-size: 14px !important
    }

    .sidebarTel li {
        height: 45px
    }

        .sidebarTel li svg {
            margin: 11px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 14px;
            margin-top: 16px
        }

        .sidebarTel li a {
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin-top: 7px;
            margin-right: 6px;
            font-size: 13px
        }

    .topBar span {
        font-size: 11px;
        margin-right: 20px
    }

    .topBar a {
        font-size: 10px;
        width: 75px;
        height: 22px;
        line-height: 20px
    }

    .topBar {
        height: 35px
    }

    .navBar {
        height: 60px;
        top: 35px
    }

    .logo {
        width: 170px;
        margin-top: 10px
    }

    .menuButon {
        width: 40px;
        height: 35px;
        margin-top: 12px
    }

    .menu-trigger.second .line {
        height: 2px
    }

    .mmClose {
        width: 35px;
        height: 35px;
        position: absolute;
        right: 10px;
        top: 30px
    }

    .mobile-menu ul li a {
        font-size: 16px;
        padding: 15px
    }

    .mobile-menu ul li ul li a {
        font-size: 15px;
        text-transform: capitalize;
        padding: 15px 50px
    }

    .mobile-menu {
        align-items: flex-start;
        height: calc(90vh - 100px)
    }

    .header-right {
        float: left;
        margin-top: 70px;
        width: 80%;
        margin-left: 10%
    }

    .aramaBtn {
        width: calc(50% - 7px)
    }

    .girisBtn {
        width: 50%
    }

    .mobileMenu .logo {
        position: absolute;
        left: 5%;
        top: 5px
    }

        .header-right.aktif {
            opacity: 1;
            visibility: visible
        }

    .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListContent, .projeListContent p, .projeListCol {
        min-height: auto
    }

    .digerProjeList .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .sunumStar, .sunumStar:before {
        width: 40px;
        height: 40px
    }

    .digerProjeList .projeListFooter {
        padding: 0 15px 20px 15px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .newBilgiAl {
        margin-top: 3px
    }

    .projeInfoLogo {
        height: 50px;
        margin-top: 5px;
        width: auto;
        text-align: center;
        padding: 0
    }

        .projeInfoLogo img {
            display: inline-block;
            float: none;
            margin: auto
        }

    .info-right {
        width: 60%;
        text-align: right;
        margin-right: 0
    }

    .InfoProjeAdi, .InfoProjeLoc {
        margin: 7px;
        float: left
    }

        .InfoProjeLoc svg, .InfoProjeAdi svg {
            float: left;
            margin-right: 5px;
            width: 13px;
            height: 13px
        }

        .InfoProjeLoc strong, .InfoProjeAdi a {
            font-size: 11px
        }

    .fixInfoRight {
        display: none
    }

    .newProjeOzet {
        height: auto;
        padding: 15px 15px
    }

        .newProjeOzet h1 {
            font-size: 16px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 20px
    }

    .projeSloganLeft span {
        margin-left: 0;
        margin-top: 10px
    }

    .projeSlogan.small a {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden
    }

    .projeSlogan a .projeSloganRight {
        position: absolute;
        float: right;
        bottom: 0;
        width: 150%
    }

    .formRow {
        width: 100%;
        float: left;
        margin-top: 15px
    }

    .formBaslikAciklama svg {
        float: left
    }

    .formBaslikAciklama {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .formBaslikAciklama p {
            font-size: 13px;
            line-height: normal;
            width: calc(100% - 35px);
            float: left;
            text-align: left;
            height: 20px;
            display: flex;
            align-items: center;
            position: relative;
            top: 0
        }

    .formZamanSlider {
        height: 90px
    }

    .projeForm textarea.form-control {
        height: 60px
    }

    .projeInfo.fixed {
        top: 59px;
        border: none;
        border-top: 1px solid #ccc
    }

    .fixed .InfoProjeAdi {
        display: none
    }

    .fixed .InfoProjeLoc .infoSvg {
        width: 35px;
        height: 35px;
        top: -4px
    }

    .fixed .infoSvgBaslik {
        top: -6px;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        display: block
    }

    .fixed .InfoProjeLoc {
        margin-right: 0
    }

    .fixed .fixIletisimBtn {
        display: flex;
        width: 100px;
        font-size: 12px;
        margin-left: 0;
        height: 30px;
        margin-top: 6px
    }

    .girisMenuKapat {
        display: none !important
    }

    .uye-dropdown {
        right: 0;
        position: relative;
        width: 100%;
        float: left;
        top: 20px;
        margin-bottom: 20px;
        box-shadow: none
    }

    .firsat-projeleri {
        display: none
    }

    .aramaPage {
        height: calc(100vh - 90px);
        top: 90px
    }

    .sticky .aramaPage {
        top: 60px;
        height: calc(100% - 60px)
    }

    .aramaKategori {
        width: 100px
    }

    .select-box__input-text {
        font-size: 18px;
        line-height: 50px;
        padding-left: 15px
    }

    .select-box__icon {
        width: 14px;
        opacity: 1
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 50px !important
    }

    .search-form {
        width: calc(100% - 100px) !important;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .input-group-btn {
        width: 120px;
        height: 40px !important;
        position: relative;
        right: 0;
        z-index: 9;
        top: 0;
        border-radius: 4px;
        margin-top: 15px;
        font-size: 14px;
        left: 50%;
        margin-left: -60px
    }

    .search-form input {
        font-size: 14px;
        padding-right: 20px;
        padding-left: 20px
    }

    .aramaButton button {
        width: 100% !important;
        height: 40px !important;
        font-size: 16px
    }

    .sonAranan {
        display: none
    }

    .aramaBaslik {
        font-size: 18px;
        padding-bottom: 10px
    }

        .aramaBaslik .searchButtonAll {
            font-size: 14px;
            line-height: 18px
        }

    .sonucIkon {
        width: 20px;
        height: 20px
    }

        .sonucIkon svg {
            width: 16px;
            height: 16px
        }

    .sonucProjeAdi {
        line-height: 20px;
        margin-right: 10px
    }

    .sonucProjeAdi {
        line-height: 20px;
        margin-left: 10px;
        font-size: 14px
    }

    .projeSonucBolge {
        line-height: 20px;
        font-size: 12px
    }

    .sonucDetay {
        display: none
    }

    .fixFormClose {
        top: 100px
    }

    .fixFormPage {
        top: 50px
    }

        .fixFormPage .gunButon {
            height: 75px;
            padding: 6px 5px
        }

        .fixFormPage .formZamanSlider {
            height: 80px
        }

        .fixFormPage textarea.form-control {
            height: 40px
        }

        .fixFormPage .butceYokForm {
            margin-top: 0
        }

    .sunumHeaderImg, .sunumAdim {
        display: none
    }

    .sunumHeaderContent {
        height: auto;
        width: 100%;
        padding-right: 0
    }

        .sunumHeaderContent h1 {
            font-size: 50px;
            line-height: 60px
        }

        .sunumHeaderContent h2, .sunumProjeListe h2, .sunumHizmetler h2 {
            font-size: 24px
        }

    .sunumHeader {
        height: 450px;
        padding-bottom: 50px
    }

    .sunumAdimIcerik ul li {
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
        text-align: left
    }

    .adimBaslik {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 15px
    }

        .adimBaslik span {
            width: 40px;
            height: 40px;
            background: #fff;
            display: block;
            float: left;
            border-radius: 50%;
            text-align: center;
            font-weight: 900;
            line-height: 40px;
            font-size: 20px;
            margin-right: 15px;
            box-shadow: 0 0 10px rgba(0,0,0,.5)
        }

    .sunumAdimIcerik li:nth-child(1) span, .sunumAdimIcerik li:nth-child(1) strong {
        color: #fc490c
    }

    .sunumAdimIcerik li:nth-child(2) span, .sunumAdimIcerik li:nth-child(2) strong {
        color: #e62e4e
    }

    .sunumAdimIcerik li:nth-child(3) span, .sunumAdimIcerik li:nth-child(3) strong {
        color: #931d80
    }

    .sunumAdimIcerik li:nth-child(4) span, .sunumAdimIcerik li:nth-child(4) strong {
        color: #3c53ae
    }

    .adimBaslik strong {
        font-size: 20px;
        line-height: 40px
    }

    .sunumHizmetler {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .sunumVideoRow {
        height: 280px
    }

    .videoContent {
        width: 86%;
        height: 200px;
        border-radius: 15px;
        margin-left: 0;
        left: 7%;
        bottom: 20px
    }

        .videoContent:before {
            height: 20px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px
        }

        .videoContent:after {
            height: 20px;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px
        }

        .videoContent a svg {
            width: 50px;
            height: 50px
        }

    .videoMan {
        right: 0
    }

    .sunumProjeListe li {
        min-height: auto;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px
    }

    .sunumProjeContent {
        min-height: auto
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px;
            position: relative;
            bottom: 0;
            margin-top: 10px;
            margin-bottom: 10px
        }

    .sunumProjeListe ul {
        margin-bottom: 20px
    }

    .sunumProjeListe {
        padding-bottom: 50px
    }

        .sunumProjeListe h2 {
            margin-top: 50px;
            margin-bottom: 35px
        }

    .tanitimIcerik {
        width: 300px;
        margin-left: -150px
    }

    .adimlar {
        padding: 15px 15px
    }

        .adimlar img, .adimSvg {
            display: none
        }

        .adimlar strong {
            font-size: 16px;
            width: 100%;
            line-height: 20px;
            margin-top: 0;
            margin-bottom: 10px
        }

    .tanitimIcerik {
        top: -150px
    }

    .tanitimCloseBg {
        top: 60px
    }

    .adimlar p {
        width: 100%;
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
        color: #3c3c3c
    }

    .adim4 {
        top: 70px
    }

    .adim5 {
        top: 20px
    }

    .pfSlider {
        min-height: auto
    }

    .haberDetayRow .breadcrumb {
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: inherit
    }

    .native1-bg {
        height: 300px;
        background-size: cover !important;
        background-position: top center !important
    }

    .firsatContent h1 {
        font-size: 16px;
        padding: 0 20px;
        margin: 15px 0
    }

    .scrollDownBtn2 {
        margin: 0 auto 10px;
        display: table;
        width: 20px
    }

    #formAc .formBaslikAciklama p {
        top: -5px;
        position: relative;
        line-height: 20px;
        display: inline-block;
        height: auto;
        margin-left: 10px
    }

        #formAc .formBaslikAciklama p span {
            width: 100%;
            float: left
        }

    .form-control, .send-form {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .haberBgDiger {
        background-size: 105% !important;
        height: 240px;
        background-position: top center !important
    }

    .fixed .seciliTarihButon, .fixed .saatSlider, .fixed .saatButon {
        height: 75px
    }
}

@media only screen and (max-width:350px) {
    .userController ul li {
        margin-right: 10px
    }

    .container {
        width: 95%
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 20px
    }
}

@media only screen and (min-height:850px) {
    .fixFormPage .projectForm {
        max-height: 570px
    }
}

@media only screen and (max-height:800px) {
    .fixFormPage .projectForm {
        max-height: 480px
    }
}

@media only screen and (min-width:851px) {
    .digerProjeList .kampProjeListItem:nth-child(3n+3) {
        margin-right: 0
    }

    .haberLink a:hover {
        letter-spacing: 2px
    }

    .haberSticky .stickyLogo {
        display: inline-block;
        float: left
    }
}

@media only screen and (min-width:768px) {
    .firsatProjeList li:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .container {
        width: 1000px
    }

    .sideBar {
        width: 240px
    }

    .homeSect {
        width: calc(97% - 240px)
    }

    .pfImage {
        width: calc(100% - 200px);
        min-height: 190px
    }

    .pfSlider {
        min-height: 190px
    }

    .pfIcerik {
        width: 200px;
        padding-bottom: 20px
    }

    .pfLogo {
        width: 100px
    }

    .videoYok {
        height: 330px
    }

        .videoYok img {
            width: 90px
        }

        .videoYok p {
            font-size: 16px;
            line-height: 24px
        }

    .pfLocation {
        padding: 0 15px;
        width: 100%;
        font-size: 12px
    }

        .pfLocation i {
            width: 12px
        }

        .pfLocation strong {
            width: auto;
            padding-left: 10px
        }

    .logo {
        width: 180px
    }

    .projectBnImage {
        min-height: 260px
    }

    .searchForm {
        width: auto;
        margin-left: 40px
    }

    .firsatlarBtn a {
        padding: 0 15px;
        font-size: 12px
    }

        .firsatlarBtn a img {
            width: 15px
        }

    .digerProjeList .projeListImage {
        max-height: 202px
    }

    .telefon a {
        font-size: 17px
    }

    .uye-giris-sol-content ul li {
        margin-top: 30px
    }

    .newsContent h3 {
        font-size: 15px;
        height: 17px;
        line-height: 1.2
    }

    .stickyLogo {
        width: 140px
    }

    .formButtonContact a {
        font-size: 14px
    }

        .formButtonContact a span {
            width: auto;
            padding: 7px 14px;
            font-size: 14px
        }

    .formButtonContact a {
        height: 45px;
        padding-left: 15px
    }

        .formButtonContact a .buttonLeft i {
            width: 17px;
            margin-right: 8px
        }

    .formTitle2 {
        font-size: 16px
    }

    .call_icon {
        width: 100px
    }

    .projectDetailTitle {
        height: 75px
    }

    #FirmaFormProje .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .projectForm.firmaProjectForm {
        height: 500px
    }

    .map.firmaHarita, #map_canvas {
        height: 405px !important
    }

    .butceYokForm .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -16px;
        margin-top: -9px
    }

    .formTitle2 {
        font-size: 18px
    }

    .projectDetailTitle.hauto .call_icon {
        width: auto
    }

    .projeSlogan a strong {
        font-size: 19px;
        line-height: 27px
    }

    .projeSlogan a {
        padding-left: 25px;
        height: 120px
    }

        .projeSlogan a i {
            width: 30px;
            margin-top: 10px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 25px
    }

    .projeSlogan.small a {
        height: 55px
    }

    .userController ul li {
        margin-left: 40px
    }

    .main-menu ul li {
        margin-left: 10px
    }

        .main-menu ul li a {
            padding: 10px 14px;
            font-size: 14px
        }

    .search-form.active {
        width: 150px;
        opacity: 1
    }

    .search-form input {
        font-size: 16px;
        padding-right: 30px
    }

    .aramaContainer {
        width: 870px
    }

    .aramaPageClose svg {
        width: 20px;
        height: 20px
    }

    .aramaPageClose {
        top: 40px
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 60px !important
    }

    .sonAranan svg {
        float: left;
        margin-right: 15px;
        width: 20px;
        height: 20px
    }

    .ucluList .projeListContent p {
        min-height: 70px
    }

    .ucluList .projeListCol {
        min-height: 420px
    }

    .sonAranan p {
        font-size: 16px;
        line-height: 20px
    }

    .select-box__input-text {
        font-size: 20px;
        line-height: 60px
    }

    .aramaBar {
        margin-top: 80px
    }

    .userController ul li a, .nav-alt-bar li a {
        font-size: 14px
    }

    .main-menu {
        margin-top: 25px;
        margin-left: 80px
    }

    .nav-alt-bar li {
        margin-right: 40px
    }

    .haberMenuBar li {
        margin-right: 20px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

        .formTabButons li a svg {
            width: 14px;
            height: 14px;
            margin-right: 5px
        }

    .projectForm {
        padding: 10px 15px;
        height: 482px
    }

    .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
        font-size: 12px
    }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .saatDeger {
        font-size: 14px
    }

    .saatAdi {
        margin-top: 10px
    }

    .seciliTakvimKapat svg {
        width: 7px;
        height: 7px
    }

    .seciliTakvimKapat {
        padding-top: 2px;
        padding-left: 1px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 10px 6px
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -12px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -12px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -12px;
            left: auto
        }

    .projeForm .form-control {
        height: 35px;
        font-size: 12px;
        padding-right: 20px
    }

    .butceYokForm .form-control {
        height: 38px
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .formIzin {
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 35px
    }

    .sidebarTel li {
        height: 40px
    }

        .sidebarTel li svg {
            float: left;
            margin: 9px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 15px;
            margin-top: 13px;
            float: left
        }

        .sidebarTel li a {
            width: 90px;
            height: 25px;
            line-height: 25px;
            margin-top: 7px;
            margin-right: 10px;
            font-size: 13px
        }

    .takvimGaleri {
        margin: 5px 0
    }

    .formTabButons li a span {
        top: -2px
    }

    .projeForm textarea.form-control {
        height: 40px
    }

    .videoYokRow textarea.form-control {
        height: 80px
    }

    .butceYokForm textarea.form-control {
        height: 60px
    }

    .saatTab, .takvimSaatTab {
        margin: 5px 0
    }

        .takvimSaatTab li {
            height: 80px;
            padding-top: 10px
        }

            .takvimSaatTab li span {
                font-size: 12px
            }

    .sonuc {
        font-size: 16px !important
    }

    .takvimSaatTab li span:nth-child(3) {
        width: 50px;
        height: 16px;
        line-height: 14px;
        font-size: 8px !important;
        margin-left: -25px;
        margin-top: 2px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 14px;
        padding: 12px 35px
    }

    .firsat-left-menu {
        width: 31%
    }

        .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
            font-size: 24px;
            margin-bottom: 20px
        }

    .tumBtn {
        font-size: 14px;
        width: 200px
    }

    .firsat-right-pages {
        width: 69%
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 310px;
        padding: 25px 25px 25px 30px
    }

    .firsat-content h3 {
        font-size: 16px
    }

    .firsat-content p {
        font-size: 12px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 14px
    }

    .child-menu-pages {
        height: 370px
    }

    .projeler-page ul li:nth-child(1) {
        height: 310px
    }

    .projeler-page ul li {
        height: 145px
    }

    .projeler-left-menu ul {
        min-height: 220px
    }

    .projeler-page ul li a strong {
        font-size: 20px
    }

    .haberler-page ul li span {
        height: 145px
    }

    .haberler-page ul li strong {
        font-size: 15px
    }

    .haberler-page ul li {
        min-height: 220px
    }

    .haberler-left-menu ul {
        min-height: 215px
    }

    .esunum-list h2 {
        font-size: 24px
    }

    .esunum-list ul li strong {
        font-size: 14px
    }

    .esunum-detayli-bilgi {
        height: 370px
    }

    .projeler-page {
        padding: 0
    }

    .projeler-left-menu ul li a {
        border-radius: 10px;
        padding: 10px 35px
    }

    .projeListContent {
        min-height: 190px
    }

    .projeListCol {
        min-height: 560px
    }

    .digerProjeList .projeListContent h3 {
        font-size: 16px
    }

    .digerProjeList .projeListContent p {
        font-size: 13px
    }

    .digerProjeList .newBilgiAl a {
        width: 100px;
        font-size: 13px
    }

    .digerProjeList .projeListContent {
        min-height: 170px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 14px
    }

    .projeInfo {
        height: 55px;
        margin-top: 0
    }

    .projeInfoLogo {
        height: 55px
    }

    .InfoProjeAdi {
        margin: 18px
    }

    .InfoProjeLoc {
        margin: 17px
    }

    .InfoPaylasBtn, .InfoFavori button {
        width: 90px;
        height: 35px;
        line-height: 33px;
        margin: 9px 0 9px 10px
    }

        .InfoFavori button svg {
            top: 2px
        }

        .InfoPaylasBtn span, .InfoFavori button span {
            top: -1px;
            position: relative
        }

    .InfoIletisimBtn {
        padding: 9px 17px;
        margin: 9px 0 9px 10px
    }

    .iletisimButonlari {
        width: 240px;
        padding: 15px 25px 5px 25px;
        top: 60px
    }

        .iletisimButonlari a {
            height: 45px;
            font-size: 15px
        }

        .iletisimButonlari svg {
            width: 20px;
            height: 20px;
            margin-right: 10px
        }

    .infoPaylasPopup {
        top: 60px;
        right: 120px
    }

    .formBaslikAciklama p {
        font-size: 13px
    }

    .formZamanSlider {
        height: 90px
    }

    .iletisimSecenek li {
        height: 45px
    }

    .fixed .InfoProjeAdi .infoSvg, .fixed .InfoProjeLoc .infoSvg {
        width: 40px;
        height: 40px
    }

    .fixed .InfoProjeAdi span, .fixed .InfoProjeLoc span {
        font-size: 13px;
        line-height: 1.1;
        margin-top: 4px
    }

    .fixIletisimBtn {
        width: 140px;
        height: 35px;
        font-size: 14px;
        margin-top: 9px
    }

    .tesekkurler-form p, .tesekkurler-form p strong {
        font-size: 15px
    }

    .uye-dropdown li a {
        font-size: 14px
    }

    .uye-dropdown {
        width: 180px;
        padding: 10px 20px
    }

    .fixFormClose {
        top: 130px
    }

    .fixFormPage .projectForm {
        max-height: 430px
    }

    .fixFormPage {
        width: 340px
    }

    .tel-col svg {
        width: 15px;
        height: 15px;
        float: left;
        margin: 12px 7px
    }

    .tel-col strong {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col span {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col a {
        height: 37px
    }

    .fixFormPage .gunButon {
        height: 75px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 80px
    }

    .formIzin label, .YasalIzinMetin {
        font-size: 12px;
        line-height: 14px;
        padding-left: 0;
        text-align: left
    }

    .sunumHeaderContent h1 {
        font-size: 80px;
        line-height: 90px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 36px
    }

    .sunumHeaderContent p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px
    }

    .sunumHeaderContent {
        height: 310px
    }

    .sunumHeader {
        height: 600px
    }

    .sunumHizmetler h2 {
        font-size: 40px
    }

    .adimIcerik {
        font-size: 16px;
        line-height: 24px
    }

    .sunumVideoRow {
        height: 650px
    }

    .videoContent {
        width: 650px;
        height: 380px;
        border-radius: 25px;
        margin-left: -325px
    }

    .videoMan {
        right: 70px
    }

    .videoContent:before {
        height: 30px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px
    }

    .videoContent:after {
        height: 30px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

    .sunumProjeContent h3 {
        font-size: 14px;
        line-height: 18px
    }

    .sunumProjeContent p {
        font-size: 13px;
        line-height: 17px
    }

    .sunumProjeListe li {
        width: calc(33.3% - 20px);
        min-height: 410px
    }

        .sunumProjeListe li:nth-child(3n-1) {
            margin-left: 30px;
            margin-right: 30px
        }

    .sunumProjeContent {
        min-height: 210px
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px
        }

    .adim6 {
        top: 340px
    }

    .adim2, .adim3 {
        top: 50px
    }

    .adim4, .adim5 {
        top: 130px
    }

    .introOk {
        width: 180px;
        top: 145px;
        left: 47%
    }

    .introBaslik {
        position: absolute;
        margin-top: 180px;
        font-size: 46px;
        color: #fff;
        width: 50%;
        font-weight: 700;
        line-height: 58px
    }

    .introAciklama {
        top: 320px;
        font-size: 26px;
        width: 48%;
        line-height: 38px
    }
}

@media only screen and (max-width:1100px) {
    .fixFormPage .projectForm {
        max-height: 460px
    }

    .container {
        width: 900px
    }

    .main-menu {
        margin-left: 50px
    }

    .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
        font-size: 20px;
        margin-bottom: 20px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 12px
    }

    .firsat-content h3 {
        font-size: 14px;
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: 180px
    }

    .firsat-content p {
        font-size: 11px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 13px
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 275px;
        padding: 20px 20px 20px 25px
    }

    .tumBtn {
        font-size: 13px;
        width: 180px;
        margin-top: 10px
    }

    .child-menu-pages {
        height: 340px
    }

    .projeler-left-menu ul {
        min-height: 200px
    }

    .projeler-page {
        padding: 0
    }

        .projeler-page ul li:nth-child(1) {
            height: 280px
        }

        .projeler-page ul li, .haberler-page ul li span {
            height: 130px
        }

    .haberler-left-menu ul li a {
        padding: 10px 35px
    }

    .haberler-left-menu ul {
        min-height: 195px
    }

    .haberler-page ul li strong, .esunum-list ul li strong {
        font-size: 13px
    }

    .haberler-page ul li {
        min-height: 200px
    }

    .esunum-list h2 {
        font-size: 20px
    }

    .esunum-detayli-bilgi {
        height: 340px;
        padding: 0 25px
    }

    .projeListCol {
        width: calc(50% - 10px);
        margin-right: 10px
    }

        .projeListCol:nth-child(even) {
            margin-right: 0;
            margin-left: 10px
        }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .projeListContent {
        padding: 15px 15px
    }

    .projeListCol {
        min-height: 520px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0;
        margin-left: 0
    }

    .digerProjeList .projeListCol:nth-child(3n-1) {
        margin-left: 15px;
        margin-right: 15px
    }

    .newProjeOzet p {
        font-size: 14px
    }

    .formBaslikAciklama svg {
        width: 16px;
        height: 16px;
        margin-right: 5px
    }

    .formBaslikAciklama p {
        font-size: 12px;
        line-height: 16px
    }

    .iletisimSecenek li {
        height: 40px;
        font-size: 14px
    }

    .projeForm textarea.form-control {
        height: 35px
    }

    .videoYokRow textarea.form-control {
        height: 60px
    }

    .formZamanSlider {
        margin-bottom: 8px
    }

    .projectForm {
        height: 454px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 13px
    }

    .InfoIletisimBtn span {
        font-size: 13px
    }

    .sunumHeaderContent h1 {
        font-size: 70px;
        line-height: 80px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 34px
    }

    .sunumHeader {
        height: 500px;
        padding-bottom: 50px
    }

    .sunumVideoRow {
        height: 550px
    }

    .videoContent {
        width: 550px;
        height: 340px;
        border-radius: 25px;
        margin-left: -275px
    }

        .videoContent a svg {
            width: 80px;
            height: 80px
        }

    .sunumProjeContent p {
        font-size: 12px;
        line-height: 16px
    }

    .sunumProjeListe li {
        min-height: 390px
    }
}

@media only screen and (max-width:850px) {
    .yenilikVar {
        display: none
    }

    .smsLeft {
        width: 250px
    }

    .projeListCol {
        min-height: 555px
    }

    .projeListLogo {
        padding-left: 25px
    }

    .projeListTitle {
        padding-right: 25px
    }

    .projeListContent {
        padding: 20px 25px
    }

    .smsRight {
        width: calc(100% - 250px)
    }

    .formSmsCheck {
        width: 100%
    }

    .map.firmaHarita {
        height: 330px;
        margin-top: 15px
    }

    .digerProjeList .projeListImage {
        max-height: 215px
    }

    .header {
        height: 140px
    }

    .uye-dropdown {
        right: 65px
    }

    .destekButon {
        display: block;
        background-color: #08a037;
        font-weight: 600;
        color: #fff;
        border-radius: 8px 0 0 0;
        padding: 10px 20px;
        text-align: center;
        cursor: pointer;
        position: fixed;
        bottom: 0;
        right: 0;
        transition: all ease-in-out .4s;
        z-index: 99;
        box-shadow: -2px -2px 10px rgba(0,0,0,.2);
        font-size: 15px
    }

    .fixMobil {
        width: 100%;
        height: 65px;
        position: fixed;
        left: 0;
        background: rgba(82,82,82,.95);
        z-index: 99;
        bottom: -65px;
        transition: all ease-in-out .4s;
        display: inline-block
    }

        .fixMobil ul {
            width: 77%;
            margin: 10px 0 0;
            padding: 0 0 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            float: left
        }

            .fixMobil ul li {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .fixMobil ul li a {
                    padding: 12px;
                    background-color: #818285;
                    border-radius: 360px;
                    width: 46px;
                    height: 46px
                }

                    .fixMobil ul li a span {
                        width: 100%;
                        margin-top: 8px;
                        font-size: 13px;
                        line-height: 1.2;
                        font-weight: 400
                    }

                .fixMobil ul li:nth-child(1) a {
                    background-color: #dd665b
                }

                .fixMobil ul li:nth-child(3) a {
                    background-color: #3579e5
                }

                .fixMobil ul li:nth-child(2) a {
                    background-color: #28ba65
                }

    #socialus-wrapper {
        transition: all ease-in-out .4s;
        bottom: -65px !important;
        right: 6% !important
    }

    .fixMobil.active {
        bottom: 0
    }

    #socialus-wrapper.active {
        bottom: 10px !important
    }

    .destekButon.active {
        bottom: 65px
    }

    #socialus-button {
        border-radius: 360px !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 25px;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: initial !important;
        margin: 0 !important
    }

    .form-panel {
        margin-left: 0;
        margin-top: 25px;
        width: 100%
    }

    .firsatlarBtn, .haberSideBar, .mansetProje, .projeGonder, .searchForm, .sideBarAccordion, .telefon, .topProjects {
        display: none
    }

    .stickyLogo {
        display: none
    }

    .menuActive {
        overflow: hidden
    }

    .menu-trigger.second {
        transition: all .5s 0s;
        width: 100%;
        height: 100%;
        position: relative
    }

        .menu-trigger.second .line {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            height: 3px;
            background: #3d3d3d;
            transition: .3s
        }

            .menu-trigger.second .line.line-1 {
                transition: all .3s .3s,transform .3s 0s
            }

            .menu-trigger.second .line.line-2 {
                top: 50%;
                margin-top: -1px;
                left: 0;
                transition: all .3s .3s
            }

            .menu-trigger.second .line.line-3 {
                bottom: 0;
                top: auto;
                left: 0;
                transition: all .3s .3s,transform .3s 0s
            }

        .menu-trigger.second.active {
            transform: rotate(135deg);
            transition: all .5s .3s
        }

            .menu-trigger.second.active .line-1 {
                top: 50%;
                margin-top: -1px;
                transform: rotate(90deg);
                transition: all .3s,transform .3s .3s
            }

            .menu-trigger.second.active .line-2 {
                opacity: 0;
                transition: all .3s,opacity .3s 0s
            }

            .menu-trigger.second.active .line-3 {
                bottom: 50%;
                margin-bottom: -1px;
                transform: rotate(0);
                transition: all .3s,transform .3s .3s
            }

    .accountMenu, .nav-alt-bar, .main-menu {
        display: none
    }

    .menuButon {
        width: 45px;
        height: 40px;
        position: relative;
        padding: 8px 6px;
        border-radius: 4px;
        float: right;
        margin-top: 24px;
        margin-left: 20px
    }

    .mmTop {
        width: 100%;
        display: inline-block;
        height: 50px;
        float: left;
        display: inline-block
    }

    .mmHome {
        width: 80px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #df6459;
        float: left;
        font-size: 8vw;
        border-right: 1px solid #f5f5f5;
        text-align: center
    }

    .mmQuickMenu {
        width: calc(100% - 130px);
        float: left;
        display: inline-block;
        height: 100%
    }

    .mmClose {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 30px;
        top: 50px
    }

        .mmClose span {
            width: 100%;
            height: 2px;
            background: #3d3d3d;
            float: left;
            position: absolute
        }

            .mmClose span:nth-child(1) {
                transform: rotate(45deg)
            }

            .mmClose span:nth-child(2) {
                transform: rotate(-45deg)
            }

    .mmQuickMenu li {
        height: 100%;
        width: 50%;
        float: left;
        border: 5px solid #fff
    }

        .mmQuickMenu li a {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e8e8e8;
            color: #df6459;
            font-weight: 500;
            font-size: 3.5vw
        }

    .sideBarTab {
        box-shadow: initial
    }

        .sideBarTab a.active {
            box-shadow: initial
        }

    .fixAkilliArama {
        color: #fff;
        font-size: 15px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
        line-height: 50px
    }

        .fixAkilliArama a {
            color: #fff
        }

        .fixAkilliArama span {
            margin-left: 6px;
            font-weight: 400
        }

    .fixTel {
        width: 70px;
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -35px
    }

    .fixIletisimFormu {
        width: 50%;
        float: left;
        text-align: right;
        padding-right: 25px;
        box-sizing: border-box;
        line-height: 50px;
        color: #fff;
        font-weight: 400;
        font-size: 15px
    }

        .fixIletisimFormu span {
            margin-left: 10px
        }

    .fixTel img {
        width: 100%
    }

    .fixIletisimFormu a {
        color: #df6459
    }

    .container {
        width: 95%
    }

    .homeSect {
        margin: 0;
        width: 100%
    }

    .cityList {
        height: calc(100vh - 150px);
        margin-left: 0;
        padding: 0
    }

    .pfCarousel .owl-nav {
        right: 8%
    }

    .footerBottom {
        height: auto;
        padding: 25px 0 120px
    }

    .upButton {
        bottom: 40px;
        right: 5px;
        z-index: 9999
    }

    .sticky .upButton.active {
        bottom: 110px
    }

    .projectCard {
        width: 100%
    }

    .projectForm {
        margin-left: 0;
        margin-top: -1px;
        width: 100%;
        height: auto
    }

        .projectForm.firmaProjectForm {
            height: auto
        }

    .projeSlogan {
        margin-top: 0;
        margin-bottom: 20px
    }

    .projectForm form {
        max-width: 350px;
        width: 100%;
        margin: 20px auto;
        float: none
    }

    .projectCardDetails {
        margin-bottom: 0
    }

    .w50 {
        width: 100%
    }

    .galeriList {
        margin-bottom: 20px
    }

        .galeriList li {
            width: 18%;
            margin: 1%
        }

    .digerProjeList .kampProjeListItem {
        width: 48.5%
    }

        .digerProjeList .kampProjeListItem:nth-child(2n+2) {
            margin-right: 0
        }

    .uye-giris-sol {
        width: 100%
    }

    .uye-giris-sag {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .uye-popup {
        width: 70%
    }

    .uye-popup-bg {
        padding-bottom: 0
    }

    .uye-ol-bg form {
        padding: 25px 0
    }

    .manset {
        width: 100%
    }

    .haberContent {
        margin: 0;
        width: 100%
    }

    main {
        overflow-x: hidden
    }

    .mobileMenu {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        background-color: #f7f7f7;
        transition: all .4s cubic-bezier(.42,0,.1,1.03);
        display: block
    }

    .mobile-menu {
        width: 100%;
        height: 90vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        overflow-y: scroll
    }

    .mmClose span {
        width: 100%;
        height: 2px;
        background: #3d3d3d;
        float: left;
        position: absolute
    }

        .mmClose span:nth-child(1) {
            transform: rotate(45deg)
        }

        .mmClose span:nth-child(2) {
            transform: rotate(-45deg)
        }

    .mobile-menu ul {
        width: 80%;
        text-align: left
    }

        .mobile-menu ul li {
            width: 100%;
            float: left;
            position: relative;
            border-bottom: 1px solid #ccc
        }

    .mobileMenu .logo {
        position: absolute;
        left: 50px;
        top: 10px
    }

    .mobile-menu ul li a {
        color: #3d3d3d;
        font-size: 20px;
        padding: 25px 0;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        padding-left: 30px
    }

        .mobile-menu ul li a.active {
            background: #d8dde7
        }

        .mobile-menu ul li a img {
            position: relative;
            display: inline-block;
            width: 15px;
            margin-left: 10px;
            top: -2px;
            transition: all ease-in-out .3s
        }

        .mobile-menu ul li a.active img {
            transform: rotate(180deg)
        }

        .mobile-menu ul li a ul {
            width: 100%;
            float: left;
            display: inline-block
        }

    .mobile-menu ul li ul {
        width: 100%;
        display: none;
        float: left
    }

        .mobile-menu ul li ul li a {
            font-size: 18px;
            text-transform: capitalize;
            padding: 16px 50px
        }

    .sideBar {
        width: 100%
    }

    .filtreForm {
        display: none
    }

    .sideBarCity {
        box-shadow: inherit;
        padding-top: 1px
    }

    .menuActive .mobileMenu {
        right: 0
    }

    .sideBarTab li a {
        color: #b1b1b1
    }

        .sideBarTab li a img {
            opacity: .5
        }

        .sideBarTab li a.active img {
            opacity: 1
        }

    .proje-all-d {
        top: 35%
    }

    .haberNewsForm {
        display: inline-block;
        margin-top: 15px;
        margin-right: 30px;
        width: calc(100% - 60px);
        z-index: 2
    }

    .search-form {
        display: block;
        position: relative;
        bottom: 0;
        width: calc(100% - 240px) !important;
        right: 0;
        z-index: 9;
        margin-top: 0;
        opacity: 1
    }

        .search-form input {
            width: 100%;
            height: 40px;
            opacity: 1;
            border-radius: 5px;
            transition: all ease-in-out .3s
        }

    .input-group-btn {
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        z-index: 9;
        top: 0
    }

    .mobileMenu .firsatlarBtn {
        display: inline-block;
        width: 100%;
        margin-top: 10px
    }

    .haberMenuBar {
        top: 0;
        display: block
    }

    .haberUser {
        display: inline-block;
        float: left;
        width: 100%;
        height: auto
    }

        .haberUser ul {
            height: auto;
            display: inline-block;
            width: 100%;
            float: left
        }

            .haberUser ul li {
                width: 50%
            }

                .haberUser ul li a {
                    width: 100%;
                    padding: 10px
                }

    .haberMenuBar ul li {
        width: 100%
    }

    .haberMenuBar ul {
        display: inline-block;
        height: inherit;
        width: 100%
    }

        .haberMenuBar ul li a {
            display: inline-block;
            text-align: left;
            height: auto;
            border-bottom: 1px solid #ccc;
            width: 100%;
            padding: 15px 0
        }

    .haberMenuBar .container {
        width: 100%;
        position: static
    }

    .mmCloseHaber {
        position: absolute;
        top: 10px;
        right: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 50px
    }

    .haberMenuBar ul li:first-child {
        position: absolute;
        top: 10px;
        width: auto;
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

        .haberMenuBar ul li:first-child a {
            font-size: 6vw;
            padding: 0;
            border: 0;
            height: 45px;
            display: flex
        }

    .firsatlarBtn a {
        font-size: 4vw
    }

        .firsatlarBtn a img {
            width: 20px
        }

    .headerHaber {
        height: 80px
    }

    .mmHome img {
        width: 60%;
        display: inline-block;
        margin: auto
    }

    .mmClose img, .mmCloseHaber img {
        width: 40%;
        opacity: .4
    }

    .mmHomeHaber {
        position: absolute;
        top: 10px;
        left: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 60px
    }

        .mmHomeHaber a {
            text-align: center;
            width: 100%;
            float: left;
            margin-top: 6px
        }

        .mmHomeHaber img {
            width: 55%;
            display: inline-block
        }

    .modal_content {
        left: 5%;
        transform: translate(0,-50%);
        width: 90%;
        max-height: 90%
    }

    .form.projeGonderAppendTo {
        width: 100%;
        height: 100%
    }

    .modal_body {
        z-index: 9999;
        padding: 20px 0;
        height: 100vh;
        overflow-y: scroll
    }

    .projeFormWp {
        margin-bottom: 25px;
        top: 0
    }

    .breadcrumb {
        padding: 15px 0
    }

    .bizeyazBtn {
        width: 30%
    }

        .bizeyazBtn a {
            font-size: 13px;
            text-align: center
        }

    .takipEt {
        position: absolute;
        right: 0;
        top: 5px;
        height: 45px;
        width: 45px
    }

    .breadcrumb ul {
        width: 100%
    }

        .breadcrumb ul li + li:before {
            width: 4px;
            height: 8px;
            left: -9px;
            top: 5px
        }

    .projectDetailTitle {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        margin-top: 0
    }

    .formButtonWrapper {
        margin-left: 0;
        width: auto;
        display: table;
        margin: auto;
        float: none
    }

    .formTabButons {
        width: 100%;
        margin-left: 0
    }

        .formTabButons li a {
            font-size: 16px;
            padding: 15px 0
        }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 100px;
        padding: 14px 10px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 14px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 25px !important;
        margin: 5px 0
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -15px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -15px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -15px;
            left: auto
        }

        .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
            width: 30px;
            height: 30px;
            font-size: 18px !important
        }

    .saatAdi {
        margin-top: 15px
    }

    .saatDeger {
        font-size: 18px
    }

    .takvimSaatTab li {
        height: 100px;
        padding-top: 12px
    }

        .takvimSaatTab li span {
            font-size: 14px
        }

            .takvimSaatTab li span:nth-child(3) {
                width: 54px;
                height: 20px;
                line-height: 18px;
                font-size: 10px !important;
                margin-left: -27px;
                margin-top: 5px
            }

    .saatTab, .takvimSaatTab {
        margin: 0
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .sidebarTel {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

        .sidebarTel li {
            height: 52px
        }

            .sidebarTel li svg {
                float: left;
                margin: 15px;
                width: 18px
            }

            .sidebarTel li span {
                font-size: 16px;
                margin-top: 19px;
                float: left
            }

            .sidebarTel li a {
                width: 128px;
                height: 35px;
                line-height: 35px;
                margin-top: 8px;
                margin-right: 15px;
                font-size: 15px
            }

    .search-form input {
        width: 100%;
        height: 40px;
        opacity: 1;
        border-radius: 5px;
        transition: all ease-in-out .3s
    }

    .userController ul li {
        margin-right: 0;
        margin-left: 0;
        background: #f7f7f7;
        margin-top: 15px;
        border-top: 1px solid #e4e4e4
    }

    .digerProjeList .projeListCol {
        width: calc(50% - 15px);
        margin-right: 15px !important
    }

        .digerProjeList .projeListCol:nth-child(3n-1) {
            margin-left: 0;
            margin-right: 0
        }

        .digerProjeList .projeListCol:nth-child(even) {
            margin-right: 0 !important;
            margin-left: 15px !important
        }

    .projeInfo {
        height: auto;
        margin-top: 0
    }

    .info-right {
        width: 60%;
        text-align: right
    }

    .fixInfoRight {
        width: 100%;
        text-align: right
    }

    .InfoProjeLoc {
        margin: 17px;
        float: none;
        display: inline-block;
        margin-right: 0
    }

    .InfoProjeAdi {
        margin: 18px;
        float: none;
        display: inline-block
    }

    .InfoFavori, .InfoPaylasBtn {
        float: right;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 5px
    }

        .InfoFavori button {
            margin-top: 0
        }

    .projeInfoLogo {
        height: 80px;
        margin-top: 12px
    }

    .fixed .InfoProjeAdi {
        margin-left: 0;
        float: left;
        margin-bottom: 0;
        text-align: left
    }

    .fixed .InfoProjeLoc {
        float: left;
        text-align: left;
        margin-bottom: 0;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        float: right;
        width: auto
    }

    .fixed .InfoPaylasBtn, .fixed .InfoFavori {
        display: none
    }

    .InfoIletisimBtn {
        float: right;
        display: inline-block;
        margin-top: 0
    }

    .iletisimButonlari {
        top: 110px;
        right: -30px
    }

    .infoPaylasPopup {
        top: 110px;
        right: 215px
    }

    .formBaslikAciklama {
        margin-top: 0;
        text-align: center;
        margin-bottom: 0
    }

        .formBaslikAciklama svg {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            float: none;
            display: inline-block
        }

        .formBaslikAciklama p {
            font-size: 12px;
            line-height: 20px;
            float: none;
            display: inline-block;
            position: relative;
            top: -6px
        }

    .formZamanSlider {
        height: 110px
    }

    .aramaContainer {
        width: 85%
    }

    .ucluList .projeListCol {
        width: calc(50% - 10px);
        margin-left: 0 !important;
        margin-right: 10px !important
    }

        .ucluList .projeListCol:nth-child(2) {
            margin-left: 10px !important;
            margin-right: 0 !important
        }

    .aramaKategori {
        width: 140px
    }

    .aramaButton button {
        width: 100px !important
    }

    .ucluList .projeListCol:nth-child(3) {
        display: none
    }

    .projeForm textarea.form-control {
        height: 50px
    }

    .fixFormPage .gunButon {
        height: 85px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 90px
    }

    .sunumHeaderContent h1 {
        font-size: 60px;
        line-height: 70px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 27px
    }

    .sunumHeaderImg {
        margin-top: 50px
    }

    .sunumHizmetler h2 {
        font-size: 30px
    }

    .adimIcerik {
        font-size: 14px;
        line-height: 20px
    }

    .sunumAdimIcerik ul li {
        padding: 0 25px
    }

    .sunumProjeContent {
        min-height: 250px
    }

    .tanitimIcerik {
        position: absolute;
        left: 50%;
        width: 350px;
        top: -230px;
        margin-left: -175px;
        z-index: 99
    }

    .adimlar:before {
        border-color: #f5f5f5 transparent transparent transparent;
        right: 50%;
        top: auto !important;
        bottom: -29px;
        margin-right: -15px
    }

    .adim4, .adim5 {
        top: 50px
    }

    .adim6 {
        top: 50px
    }

    .deskTel {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .smsLeft {
        width: 100%
    }

    .pfImage {
        min-height: auto
    }

    .smsRight {
        width: 100%;
        padding: 0;
        margin-top: 25px
    }

    .form-text {
        width: 100%
    }

    h1.proje-title {
        font-size: 18px
    }

    .projectBnImage {
        min-height: 135px
    }

    .smsRight form ul li input.form-submit {
        float: initial;
        font-size: 13px;
        width: 165px;
        margin: 0 auto;
        display: table
    }

    .uye-ol-bg form .intl-tel-input {
        margin-bottom: 10px
    }

    #ProjeTalepForm .intl-tel-input {
        width: 70% !important
    }

    .ilgiliProjeler ul li {
        width: 100%;
        margin: 0 0 25px 0
    }

        .ilgiliProjeler ul li:last-child {
            margin-bottom: 0
        }

    .headerHaber .logo {
        width: 100px
    }

    .container {
        width: 90%
    }

    form#ProjeTalepForm {
        padding: 20px
    }

    #ProjeTalepForm .form-group {
        width: 100%;
        margin: 0 0 15px 0
    }

        #ProjeTalepForm .form-group label {
            width: 30%;
            font-size: 14px
        }

        #ProjeTalepForm .form-group input, #ProjeTalepForm .form-group select, #ProjeTalepForm .form-group textarea {
            width: 70%
        }

    .w50form {
        width: 70%
    }

    .pfImage {
        width: 100%
    }

    .pfIcerik {
        position: relative;
        width: 100%;
        padding: 10px;
        display: inline-block
    }

    .son-resim-d {
        width: 25px;
        right: -25px
    }

    .pfLogo {
        float: left;
        margin-bottom: 0;
        width: 120px
    }

    .pfName {
        float: left;
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 5%
    }

    .pfLocation {
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 0
    }

    .title h1 {
        font-size: 20px;
        margin-left: 10px
    }

    .title i, .title svg {
        font-size: 20px
    }

    .title {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0
    }

    .kampProjeListItem {
        width: 100%;
        margin-right: 0
    }

    .firsat {
        width: 200px;
        left: -25px;
        top: -25px
    }

    .footerContact {
        width: 100%
    }

    .footerBox {
        width: 100%;
        padding: 0;
        margin-top: 30px
    }

    .footerMenu {
        width: 100%;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 25px
    }

        .footerMenu span {
            width: 100%
        }

        .footerMenu:last-child {
            margin-bottom: 0
        }

    .footerTop {
        padding: 25px 0
    }

    .copyright {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .footerBottom .container {
        display: table
    }

    .footerSocial {
        width: 100%
    }

        .footerSocial ul {
            float: initial;
            margin: 0 auto;
            display: table
        }

    .kampanyaliProjeler {
        padding-bottom: 0;
        width: 100%;
        padding: 30px 0 50px 0;
        margin-left: 0
    }

    .haberLink a {
        font-size: 4vw
    }

    .navBar {
        height: 60px
    }

    .header {
        height: 95px
    }

    .haberLink {
        height: 40px
    }

    .hatirlamiyorum {
        padding-top: 0;
        line-height: 1.4;
        width: 65% !important
    }

        .hatirlamiyorum a {
            float: left;
            display: inline-block;
            width: calc(100% - 35px)
        }

    .uye-giris-sol-content {
        height: auto;
        padding-bottom: 20px
    }

    .uye-giris-sol ul {
        padding: 30px 30px
    }

    .form-sag, .form-sol {
        width: 100%
    }

    .projeLogo {
        width: 31.33%;
        padding: 10px
    }

    .projeAd {
        width: 66.66%;
        margin-left: 2%;
        margin-right: 0
    }

    .projeLokasyon {
        width: 100%;
        height: auto;
        padding: 10px 0;
        margin-top: 1.5%;
        background-color: #f1f1f1
    }

    .projeAciklama {
        padding: 25px 20px
    }

        .projeAciklama h2 {
            font-size: 22px;
            margin-bottom: 50px
        }

        .projeAciklama h4 {
            font-size: 17px
        }

    .galeriList li {
        width: 31.33%
    }

    .videoList iframe {
        height: 190px
    }

    .digerProjeList .kampProjeListItem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .kampProjeContent h3 {
        line-height: 1.3;
        height: 39px
    }

    .kampProjeContent {
        height: 170px
    }

    #map_canvas {
        height: 250px
    }

    .pfCarousel .owl-nav {
        right: initial;
        left: calc(135px + 30%);
        transform: translateX(-50%);
        bottom: -15px
    }

    .pfCarousel {
        margin-bottom: 30px
    }

    .butceYokForm {
        margin-top: 20px
    }

    .logo {
        width: 170px
    }

    .haberLogo {
        width: 140px
    }

    .navBarHaber {
        height: 70px
    }

    .w100.headerHaber {
        height: 70px
    }

    .haberMenuBar {
        top: 0;
        display: block;
        height: auto;
        border: none;
        width: calc(100% - 60px);
        margin-left: 30px
    }

    .mansetCarousel .items {
        height: 250px
    }

        .mansetCarousel .items h2 {
            font-size: 4vw;
            padding: 0 15px;
            line-height: 1.2
        }

    .mansetCarousel .owl-dots {
        height: 35px
    }

    .mansetCarousel .owl-dot {
        font-size: 13px !important
    }

    .newsCampCarousel .items a .ncTitle {
        padding: 0 10px;
        font-size: 14px
    }

    .newBox {
        width: 100%;
        margin: 20px 0 0
    }

    .haberler {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .haberContent .bgContainerShadowWhite {
        padding: 0 20px 35px
    }

    .haberIcerik h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .haberIcerik h2 {
        font-size: 17px
    }

    .haberIcerik h3 {
        font-size: 20px
    }

    .breadcrumb ul li {
        margin: 3px 5px;
        display: none
    }

    .haberTarih {
        padding-top: 10px
    }

    .firsatProjeList li {
        width: 48%;
        margin-right: 4%
    }

        .firsatProjeList li:nth-child(2n+2) {
            margin-right: 0
        }

    .fpTop h2 {
        font-size: 14px
    }

    .fpTop h3 {
        font-size: 12px
    }

    .downArrow {
        width: 30px
    }

    .fhTitle h2 {
        font-size: 5vw
    }

    .nativeAciklama p {
        font-size: 20px !important
    }

    .firsatContent h2 {
        font-size: 27px;
        line-height: 1.2;
        margin-bottom: 20px
    }

    .firsatContent p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .formDoldurLink a {
        font-size: 20px
    }

    .formDoldurLink {
        margin-bottom: 45px
    }

    .topSlogan {
        font-size: 11px
    }

    .kullanici {
        width: 150px
    }

        .kullanici > a {
            font-size: 12px
        }

    .projectForm form {
        margin-top: 0
    }

    .call_icon {
        width: 80px;
        bottom: 0;
        top: auto
    }

    .formTitle2 {
        font-size: 16px
    }

    .projectDetailTitle.hauto .call_icon {
        width: 90px
    }

    .projectDetailTitle.hauto {
        height: 50px
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 40px
    }

    .formButtonWrapper {
        width: 100%;
        margin-top: 20px;
        display: inline-block
    }

    .formButtonContact.renk2 {
        margin-bottom: 0
    }

    .projeSlogan a {
        height: auto;
        padding-left: 0;
        flex-direction: column;
        padding-top: 11px;
        align-items: flex-end
    }

    .projeSlogan .projeSloganLeft {
        margin-bottom: 15px;
        float: none;
        width: 100%;
        display: flex;
        justify-content: end;
        padding-left: 15px;
        flex-direction: column
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 23px
    }

    .projeSlogan a i {
        margin-left: 0
    }

    .projeSlogan {
        margin-bottom: 0
    }

        .projeSlogan.small .projeSloganLeft {
            padding-left: 0;
            align-items: end
        }

            .projeSlogan.small .projeSloganLeft i {
                margin-left: 0;
                margin-right: 15px;
                width: 25px;
                margin-top: 5px
            }

        .projeSlogan.small a {
            height: auto;
            padding-left: 10px
        }

    .breadcrumb ul li.brandDots {
        display: block;
        color: #818181;
        margin-right: 10px;
        margin-left: 10px
    }

    .breadcrumb ul li:first-child {
        display: block
    }

    .breadcrumb ul li:last-child {
        display: block
    }

    .breadcrumb {
        padding: 0 0;
        margin-top: 15px;
        margin-bottom: 10px
    }

        .breadcrumb ul li a i {
            width: 17px;
            top: 0
        }

    .telBtn {
        font-size: 14px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

    .formTabButons {
        margin-top: 20px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 9px 6px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 12px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .saatDeger {
        font-size: 15px
    }

    .saatAdi {
        margin-top: 12px
    }

    .takvimSaatTab li {
        height: 80px;
        padding-top: 8px
    }

        .takvimSaatTab li span {
            font-size: 12px
        }

    .sonuc {
        font-size: 14px !important
    }

    .sidebarTel li {
        height: 45px
    }

        .sidebarTel li svg {
            margin: 11px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 14px;
            margin-top: 16px
        }

        .sidebarTel li a {
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin-top: 7px;
            margin-right: 6px;
            font-size: 13px
        }

    .topBar span {
        font-size: 11px;
        margin-right: 20px
    }

    .topBar a {
        font-size: 10px;
        width: 75px;
        height: 22px;
        line-height: 20px
    }

    .topBar {
        height: 35px
    }

    .navBar {
        height: 60px;
        top: 35px
    }

    .logo {
        width: 170px;
        margin-top: 10px
    }

    .menuButon {
        width: 40px;
        height: 35px;
        margin-top: 12px
    }

    .menu-trigger.second .line {
        height: 2px
    }

    .mmClose {
        width: 35px;
        height: 35px;
        position: absolute;
        right: 10px;
        top: 30px
    }

    .mobile-menu ul li a {
        font-size: 16px;
        padding: 15px
    }

    .mobile-menu ul li ul li a {
        font-size: 15px;
        text-transform: capitalize;
        padding: 15px 50px
    }

    .mobile-menu {
        align-items: flex-start;
        height: calc(90vh - 100px)
    }

    .header-right {
        float: left;
        margin-top: 70px;
        width: 80%;
        margin-left: 10%
    }

    .aramaBtn {
        width: calc(50% - 7px)
    }

    .girisBtn {
        width: 50%
    }

    .mobileMenu .logo {
        position: absolute;
        left: 5%;
        top: 5px
    }

        .header-right.aktif {
            opacity: 1;
            visibility: visible
        }

    .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListContent, .projeListContent p, .projeListCol {
        min-height: auto
    }

    .digerProjeList .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .sunumStar, .sunumStar:before {
        width: 40px;
        height: 40px
    }

    .digerProjeList .projeListFooter {
        padding: 0 15px 20px 15px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .newBilgiAl {
        margin-top: 3px
    }

    .projeInfoLogo {
        height: 50px;
        margin-top: 5px;
        width: auto;
        text-align: center;
        padding: 0
    }

        .projeInfoLogo img {
            display: inline-block;
            float: none;
            margin: auto
        }

    .info-right {
        width: 60%;
        text-align: right;
        margin-right: 0
    }

    .InfoProjeAdi, .InfoProjeLoc {
        margin: 7px;
        float: left
    }

        .InfoProjeLoc svg, .InfoProjeAdi svg {
            float: left;
            margin-right: 5px;
            width: 13px;
            height: 13px
        }

        .InfoProjeLoc strong, .InfoProjeAdi a {
            font-size: 11px
        }

    .fixInfoRight {
        display: none
    }

    .newProjeOzet {
        height: auto;
        padding: 15px 15px
    }

        .newProjeOzet h1 {
            font-size: 16px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 20px
    }

    .projeSloganLeft span {
        margin-left: 0;
        margin-top: 10px
    }

    .projeSlogan.small a {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden
    }

    .projeSlogan a .projeSloganRight {
        position: absolute;
        float: right;
        bottom: 0;
        width: 150%
    }

    .formRow {
        width: 100%;
        float: left;
        margin-top: 15px
    }

    .formBaslikAciklama svg {
        float: left
    }

    .formBaslikAciklama {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .formBaslikAciklama p {
            font-size: 13px;
            line-height: normal;
            width: calc(100% - 35px);
            float: left;
            text-align: left;
            height: 20px;
            display: flex;
            align-items: center;
            position: relative;
            top: 0
        }

    .formZamanSlider {
        height: 90px
    }

    .projeForm textarea.form-control {
        height: 60px
    }

    .projeInfo.fixed {
        top: 59px;
        border: none;
        border-top: 1px solid #ccc
    }

    .fixed .InfoProjeAdi {
        display: none
    }

    .fixed .InfoProjeLoc .infoSvg {
        width: 35px;
        height: 35px;
        top: -4px
    }

    .fixed .infoSvgBaslik {
        top: -6px;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        display: block
    }

    .fixed .InfoProjeLoc {
        margin-right: 0
    }

    .fixed .fixIletisimBtn {
        display: flex;
        width: 100px;
        font-size: 12px;
        margin-left: 0;
        height: 30px;
        margin-top: 6px
    }

    .girisMenuKapat {
        display: none !important
    }

    .uye-dropdown {
        right: 0;
        position: relative;
        width: 100%;
        float: left;
        top: 20px;
        margin-bottom: 20px;
        box-shadow: none
    }

    .firsat-projeleri {
        display: none
    }

    .aramaPage {
        height: calc(100vh - 90px);
        top: 90px
    }

    .sticky .aramaPage {
        top: 60px;
        height: calc(100% - 60px)
    }

    .aramaKategori {
        width: 100px
    }

    .select-box__input-text {
        font-size: 18px;
        line-height: 50px;
        padding-left: 15px
    }

    .select-box__icon {
        width: 14px;
        opacity: 1
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 50px !important
    }

    .search-form {
        width: calc(100% - 100px) !important;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .input-group-btn {
        width: 120px;
        height: 40px !important;
        position: relative;
        right: 0;
        z-index: 9;
        top: 0;
        border-radius: 4px;
        margin-top: 15px;
        font-size: 14px;
        left: 50%;
        margin-left: -60px
    }

    .search-form input {
        font-size: 14px;
        padding-right: 20px;
        padding-left: 20px
    }

    .aramaButton button {
        width: 100% !important;
        height: 40px !important;
        font-size: 16px
    }

    .sonAranan {
        display: none
    }

    .aramaBaslik {
        font-size: 18px;
        padding-bottom: 10px
    }

        .aramaBaslik .searchButtonAll {
            font-size: 14px;
            line-height: 18px
        }

    .sonucIkon {
        width: 20px;
        height: 20px
    }

        .sonucIkon svg {
            width: 16px;
            height: 16px
        }

    .sonucProjeAdi {
        line-height: 20px;
        margin-right: 10px
    }

    .sonucProjeAdi {
        line-height: 20px;
        margin-left: 10px;
        font-size: 14px
    }

    .projeSonucBolge {
        line-height: 20px;
        font-size: 12px
    }

    .sonucDetay {
        display: none
    }

    .fixFormClose {
        top: 100px
    }

    .fixFormPage {
        top: 50px
    }

        .fixFormPage .gunButon {
            height: 75px;
            padding: 6px 5px
        }

        .fixFormPage .formZamanSlider {
            height: 80px
        }

        .fixFormPage textarea.form-control {
            height: 40px
        }

        .fixFormPage .butceYokForm {
            margin-top: 0
        }

    .sunumHeaderImg, .sunumAdim {
        display: none
    }

    .sunumHeaderContent {
        height: auto;
        width: 100%;
        padding-right: 0
    }

        .sunumHeaderContent h1 {
            font-size: 50px;
            line-height: 60px
        }

        .sunumHeaderContent h2, .sunumProjeListe h2, .sunumHizmetler h2 {
            font-size: 24px
        }

    .sunumHeader {
        height: 450px;
        padding-bottom: 50px
    }

    .sunumAdimIcerik ul li {
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
        text-align: left
    }

    .adimBaslik {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 15px
    }

        .adimBaslik span {
            width: 40px;
            height: 40px;
            background: #fff;
            display: block;
            float: left;
            border-radius: 50%;
            text-align: center;
            font-weight: 900;
            line-height: 40px;
            font-size: 20px;
            margin-right: 15px;
            box-shadow: 0 0 10px rgba(0,0,0,.5)
        }

    .sunumAdimIcerik li:nth-child(1) span, .sunumAdimIcerik li:nth-child(1) strong {
        color: #fc490c
    }

    .sunumAdimIcerik li:nth-child(2) span, .sunumAdimIcerik li:nth-child(2) strong {
        color: #e62e4e
    }

    .sunumAdimIcerik li:nth-child(3) span, .sunumAdimIcerik li:nth-child(3) strong {
        color: #931d80
    }

    .sunumAdimIcerik li:nth-child(4) span, .sunumAdimIcerik li:nth-child(4) strong {
        color: #3c53ae
    }

    .adimBaslik strong {
        font-size: 20px;
        line-height: 40px
    }

    .sunumHizmetler {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .sunumVideoRow {
        height: 280px
    }

    .videoContent {
        width: 86%;
        height: 200px;
        border-radius: 15px;
        margin-left: 0;
        left: 7%;
        bottom: 20px
    }

        .videoContent:before {
            height: 20px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px
        }

        .videoContent:after {
            height: 20px;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px
        }

        .videoContent a svg {
            width: 50px;
            height: 50px
        }

    .videoMan {
        right: 0
    }

    .sunumProjeListe li {
        min-height: auto;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px
    }

    .sunumProjeContent {
        min-height: auto
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px;
            position: relative;
            bottom: 0;
            margin-top: 10px;
            margin-bottom: 10px
        }

    .sunumProjeListe ul {
        margin-bottom: 20px
    }

    .sunumProjeListe {
        padding-bottom: 50px
    }

        .sunumProjeListe h2 {
            margin-top: 50px;
            margin-bottom: 35px
        }

    .tanitimIcerik {
        width: 300px;
        margin-left: -150px
    }

    .adimlar {
        padding: 15px 15px
    }

        .adimlar img, .adimSvg {
            display: none
        }

        .adimlar strong {
            font-size: 16px;
            width: 100%;
            line-height: 20px;
            margin-top: 0;
            margin-bottom: 10px
        }

    .tanitimIcerik {
        top: -150px
    }

    .tanitimCloseBg {
        top: 60px
    }

    .adimlar p {
        width: 100%;
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
        color: #3c3c3c
    }

    .adim4 {
        top: 70px
    }

    .adim5 {
        top: 20px
    }

    .pfSlider {
        min-height: auto
    }

    .haberDetayRow .breadcrumb {
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: inherit
    }

    .native1-bg {
        height: 300px;
        background-size: cover !important;
        background-position: top center !important
    }

    .firsatContent h1 {
        font-size: 16px;
        padding: 0 20px;
        margin: 15px 0
    }

    .scrollDownBtn2 {
        margin: 0 auto 10px;
        display: table;
        width: 20px
    }

    #formAc .formBaslikAciklama p {
        top: -5px;
        position: relative;
        line-height: 20px;
        display: inline-block;
        height: auto;
        margin-left: 10px
    }

        #formAc .formBaslikAciklama p span {
            width: 100%;
            float: left
        }

    .form-control, .send-form {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .haberBgDiger {
        background-size: 105% !important;
        height: 240px;
        background-position: top center !important
    }

    .fixed .seciliTarihButon, .fixed .saatSlider, .fixed .saatButon {
        height: 75px
    }
}

@media only screen and (max-width:350px) {
    .userController ul li {
        margin-right: 10px
    }

    .container {
        width: 95%
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 20px
    }
}

@media only screen and (min-height:850px) {
    .fixFormPage .projectForm {
        max-height: 570px
    }
}

@media only screen and (max-height:800px) {
    .fixFormPage .projectForm {
        max-height: 480px
    }
}

@media only screen and (min-width:851px) {
    .digerProjeList .kampProjeListItem:nth-child(3n+3) {
        margin-right: 0
    }

    .haberLink a:hover {
        letter-spacing: 2px
    }

    .haberSticky .stickyLogo {
        display: inline-block;
        float: left
    }
}

@media only screen and (min-width:768px) {
    .firsatProjeList li:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .container {
        width: 1000px
    }

    .sideBar {
        width: 240px
    }

    .homeSect {
        width: calc(97% - 240px)
    }

    .pfImage {
        width: calc(100% - 200px);
        min-height: 190px
    }

    .pfSlider {
        min-height: 190px
    }

    .pfIcerik {
        width: 200px;
        padding-bottom: 20px
    }

    .pfLogo {
        width: 100px
    }

    .videoYok {
        height: 330px
    }

        .videoYok img {
            width: 90px
        }

        .videoYok p {
            font-size: 16px;
            line-height: 24px
        }

    .pfLocation {
        padding: 0 15px;
        width: 100%;
        font-size: 12px
    }

        .pfLocation i {
            width: 12px
        }

        .pfLocation strong {
            width: auto;
            padding-left: 10px
        }

    .logo {
        width: 180px
    }

    .projectBnImage {
        min-height: 260px
    }

    .searchForm {
        width: auto;
        margin-left: 40px
    }

    .firsatlarBtn a {
        padding: 0 15px;
        font-size: 12px
    }

        .firsatlarBtn a img {
            width: 15px
        }

    .digerProjeList .projeListImage {
        max-height: 202px
    }

    .telefon a {
        font-size: 17px
    }

    .uye-giris-sol-content ul li {
        margin-top: 30px
    }

    .newsContent h3 {
        font-size: 15px;
        height: 17px;
        line-height: 1.2
    }

    .stickyLogo {
        width: 140px
    }

    .formButtonContact a {
        font-size: 14px
    }

        .formButtonContact a span {
            width: auto;
            padding: 7px 14px;
            font-size: 14px
        }

    .formButtonContact a {
        height: 45px;
        padding-left: 15px
    }

        .formButtonContact a .buttonLeft i {
            width: 17px;
            margin-right: 8px
        }

    .formTitle2 {
        font-size: 16px
    }

    .call_icon {
        width: 100px
    }

    .projectDetailTitle {
        height: 75px
    }

    #FirmaFormProje .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .projectForm.firmaProjectForm {
        height: 500px
    }

    .map.firmaHarita, #map_canvas {
        height: 405px !important
    }

    .butceYokForm .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -16px;
        margin-top: -9px
    }

    .formTitle2 {
        font-size: 18px
    }

    .projectDetailTitle.hauto .call_icon {
        width: auto
    }

    .projeSlogan a strong {
        font-size: 19px;
        line-height: 27px
    }

    .projeSlogan a {
        padding-left: 25px;
        height: 120px
    }

        .projeSlogan a i {
            width: 30px;
            margin-top: 10px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 25px
    }

    .projeSlogan.small a {
        height: 55px
    }

    .userController ul li {
        margin-left: 40px
    }

    .main-menu ul li {
        margin-left: 10px
    }

        .main-menu ul li a {
            padding: 10px 14px;
            font-size: 14px
        }

    .search-form.active {
        width: 150px;
        opacity: 1
    }

    .search-form input {
        font-size: 16px;
        padding-right: 30px
    }

    .aramaContainer {
        width: 870px
    }

    .aramaPageClose svg {
        width: 20px;
        height: 20px
    }

    .aramaPageClose {
        top: 40px
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 60px !important
    }

    .sonAranan svg {
        float: left;
        margin-right: 15px;
        width: 20px;
        height: 20px
    }

    .ucluList .projeListContent p {
        min-height: 70px
    }

    .ucluList .projeListCol {
        min-height: 420px
    }

    .sonAranan p {
        font-size: 16px;
        line-height: 20px
    }

    .select-box__input-text {
        font-size: 20px;
        line-height: 60px
    }

    .aramaBar {
        margin-top: 80px
    }

    .userController ul li a, .nav-alt-bar li a {
        font-size: 14px
    }

    .main-menu {
        margin-top: 25px;
        margin-left: 80px
    }

    .nav-alt-bar li {
        margin-right: 40px
    }

    .haberMenuBar li {
        margin-right: 20px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

        .formTabButons li a svg {
            width: 14px;
            height: 14px;
            margin-right: 5px
        }

    .projectForm {
        padding: 10px 15px;
        height: 482px
    }

    .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
        font-size: 12px
    }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .saatDeger {
        font-size: 14px
    }

    .saatAdi {
        margin-top: 10px
    }

    .seciliTakvimKapat svg {
        width: 7px;
        height: 7px
    }

    .seciliTakvimKapat {
        padding-top: 2px;
        padding-left: 1px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 10px 6px
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -12px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -12px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -12px;
            left: auto
        }

    .projeForm .form-control {
        height: 35px;
        font-size: 12px;
        padding-right: 20px
    }

    .butceYokForm .form-control {
        height: 38px
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .formIzin {
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 35px
    }

    .sidebarTel li {
        height: 40px
    }

        .sidebarTel li svg {
            float: left;
            margin: 9px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 15px;
            margin-top: 13px;
            float: left
        }

        .sidebarTel li a {
            width: 90px;
            height: 25px;
            line-height: 25px;
            margin-top: 7px;
            margin-right: 10px;
            font-size: 13px
        }

    .takvimGaleri {
        margin: 5px 0
    }

    .formTabButons li a span {
        top: -2px
    }

    .projeForm textarea.form-control {
        height: 40px
    }

    .videoYokRow textarea.form-control {
        height: 80px
    }

    .butceYokForm textarea.form-control {
        height: 60px
    }

    .saatTab, .takvimSaatTab {
        margin: 5px 0
    }

        .takvimSaatTab li {
            height: 80px;
            padding-top: 10px
        }

            .takvimSaatTab li span {
                font-size: 12px
            }

    .sonuc {
        font-size: 16px !important
    }

    .takvimSaatTab li span:nth-child(3) {
        width: 50px;
        height: 16px;
        line-height: 14px;
        font-size: 8px !important;
        margin-left: -25px;
        margin-top: 2px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 14px;
        padding: 12px 35px
    }

    .firsat-left-menu {
        width: 31%
    }

        .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
            font-size: 24px;
            margin-bottom: 20px
        }

    .tumBtn {
        font-size: 14px;
        width: 200px
    }

    .firsat-right-pages {
        width: 69%
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 310px;
        padding: 25px 25px 25px 30px
    }

    .firsat-content h3 {
        font-size: 16px
    }

    .firsat-content p {
        font-size: 12px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 14px
    }

    .child-menu-pages {
        height: 370px
    }

    .projeler-page ul li:nth-child(1) {
        height: 310px
    }

    .projeler-page ul li {
        height: 145px
    }

    .projeler-left-menu ul {
        min-height: 220px
    }

    .projeler-page ul li a strong {
        font-size: 20px
    }

    .haberler-page ul li span {
        height: 145px
    }

    .haberler-page ul li strong {
        font-size: 15px
    }

    .haberler-page ul li {
        min-height: 220px
    }

    .haberler-left-menu ul {
        min-height: 215px
    }

    .esunum-list h2 {
        font-size: 24px
    }

    .esunum-list ul li strong {
        font-size: 14px
    }

    .esunum-detayli-bilgi {
        height: 370px
    }

    .projeler-page {
        padding: 0
    }

    .projeler-left-menu ul li a {
        border-radius: 10px;
        padding: 10px 35px
    }

    .projeListContent {
        min-height: 190px
    }

    .projeListCol {
        min-height: 560px
    }

    .digerProjeList .projeListContent h3 {
        font-size: 16px
    }

    .digerProjeList .projeListContent p {
        font-size: 13px
    }

    .digerProjeList .newBilgiAl a {
        width: 100px;
        font-size: 13px
    }

    .digerProjeList .projeListContent {
        min-height: 170px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 14px
    }

    .projeInfo {
        height: 55px;
        margin-top: 0
    }

    .projeInfoLogo {
        height: 55px
    }

    .InfoProjeAdi {
        margin: 18px
    }

    .InfoProjeLoc {
        margin: 17px
    }

    .InfoPaylasBtn, .InfoFavori button {
        width: 90px;
        height: 35px;
        line-height: 33px;
        margin: 9px 0 9px 10px
    }

        .InfoFavori button svg {
            top: 2px
        }

        .InfoPaylasBtn span, .InfoFavori button span {
            top: -1px;
            position: relative
        }

    .InfoIletisimBtn {
        padding: 9px 17px;
        margin: 9px 0 9px 10px
    }

    .iletisimButonlari {
        width: 240px;
        padding: 15px 25px 5px 25px;
        top: 60px
    }

        .iletisimButonlari a {
            height: 45px;
            font-size: 15px
        }

        .iletisimButonlari svg {
            width: 20px;
            height: 20px;
            margin-right: 10px
        }

    .infoPaylasPopup {
        top: 60px;
        right: 120px
    }

    .formBaslikAciklama p {
        font-size: 13px
    }

    .formZamanSlider {
        height: 90px
    }

    .iletisimSecenek li {
        height: 45px
    }

    .fixed .InfoProjeAdi .infoSvg, .fixed .InfoProjeLoc .infoSvg {
        width: 40px;
        height: 40px
    }

    .fixed .InfoProjeAdi span, .fixed .InfoProjeLoc span {
        font-size: 13px;
        line-height: 1.1;
        margin-top: 4px
    }

    .fixIletisimBtn {
        width: 140px;
        height: 35px;
        font-size: 14px;
        margin-top: 9px
    }

    .tesekkurler-form p, .tesekkurler-form p strong {
        font-size: 15px
    }

    .uye-dropdown li a {
        font-size: 14px
    }

    .uye-dropdown {
        width: 180px;
        padding: 10px 20px
    }

    .fixFormClose {
        top: 130px
    }

    .fixFormPage .projectForm {
        max-height: 430px
    }

    .fixFormPage {
        width: 340px
    }

    .tel-col svg {
        width: 15px;
        height: 15px;
        float: left;
        margin: 12px 7px
    }

    .tel-col strong {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col span {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col a {
        height: 37px
    }

    .fixFormPage .gunButon {
        height: 75px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 80px
    }

    .formIzin label, .YasalIzinMetin {
        font-size: 12px;
        line-height: 14px;
        padding-left: 0;
        text-align: left
    }

    .sunumHeaderContent h1 {
        font-size: 80px;
        line-height: 90px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 36px
    }

    .sunumHeaderContent p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px
    }

    .sunumHeaderContent {
        height: 310px
    }

    .sunumHeader {
        height: 600px
    }

    .sunumHizmetler h2 {
        font-size: 40px
    }

    .adimIcerik {
        font-size: 16px;
        line-height: 24px
    }

    .sunumVideoRow {
        height: 650px
    }

    .videoContent {
        width: 650px;
        height: 380px;
        border-radius: 25px;
        margin-left: -325px
    }

    .videoMan {
        right: 70px
    }

    .videoContent:before {
        height: 30px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px
    }

    .videoContent:after {
        height: 30px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

    .sunumProjeContent h3 {
        font-size: 14px;
        line-height: 18px
    }

    .sunumProjeContent p {
        font-size: 13px;
        line-height: 17px
    }

    .sunumProjeListe li {
        width: calc(33.3% - 20px);
        min-height: 410px
    }

        .sunumProjeListe li:nth-child(3n-1) {
            margin-left: 30px;
            margin-right: 30px
        }

    .sunumProjeContent {
        min-height: 210px
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px
        }

    .adim6 {
        top: 340px
    }

    .adim2, .adim3 {
        top: 50px
    }

    .adim4, .adim5 {
        top: 130px
    }

    .introOk {
        width: 180px;
        top: 145px;
        left: 47%
    }

    .introBaslik {
        position: absolute;
        margin-top: 180px;
        font-size: 46px;
        color: #fff;
        width: 50%;
        font-weight: 700;
        line-height: 58px
    }

    .introAciklama {
        top: 320px;
        font-size: 26px;
        width: 48%;
        line-height: 38px
    }
}

@media only screen and (max-width:1100px) {
    .fixFormPage .projectForm {
        max-height: 460px
    }

    .container {
        width: 900px
    }

    .main-menu {
        margin-left: 50px
    }

    .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
        font-size: 20px;
        margin-bottom: 20px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 12px
    }

    .firsat-content h3 {
        font-size: 14px;
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: 180px
    }

    .firsat-content p {
        font-size: 11px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 13px
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 275px;
        padding: 20px 20px 20px 25px
    }

    .tumBtn {
        font-size: 13px;
        width: 180px;
        margin-top: 10px
    }

    .child-menu-pages {
        height: 340px
    }

    .projeler-left-menu ul {
        min-height: 200px
    }

    .projeler-page {
        padding: 0
    }

        .projeler-page ul li:nth-child(1) {
            height: 280px
        }

        .projeler-page ul li, .haberler-page ul li span {
            height: 130px
        }

    .haberler-left-menu ul li a {
        padding: 10px 35px
    }

    .haberler-left-menu ul {
        min-height: 195px
    }

    .haberler-page ul li strong, .esunum-list ul li strong {
        font-size: 13px
    }

    .haberler-page ul li {
        min-height: 200px
    }

    .esunum-list h2 {
        font-size: 20px
    }

    .esunum-detayli-bilgi {
        height: 340px;
        padding: 0 25px
    }

    .projeListCol {
        width: calc(50% - 10px);
        margin-right: 10px
    }

        .projeListCol:nth-child(even) {
            margin-right: 0;
            margin-left: 10px
        }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .projeListContent {
        padding: 15px 15px
    }

    .projeListCol {
        min-height: 520px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0;
        margin-left: 0
    }

    .digerProjeList .projeListCol:nth-child(3n-1) {
        margin-left: 15px;
        margin-right: 15px
    }

    .newProjeOzet p {
        font-size: 14px
    }

    .formBaslikAciklama svg {
        width: 16px;
        height: 16px;
        margin-right: 5px
    }

    .formBaslikAciklama p {
        font-size: 12px;
        line-height: 16px
    }

    .iletisimSecenek li {
        height: 40px;
        font-size: 14px
    }

    .projeForm textarea.form-control {
        height: 35px
    }

    .videoYokRow textarea.form-control {
        height: 60px
    }

    .formZamanSlider {
        margin-bottom: 8px
    }

    .projectForm {
        height: 454px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 13px
    }

    .InfoIletisimBtn span {
        font-size: 13px
    }

    .sunumHeaderContent h1 {
        font-size: 70px;
        line-height: 80px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 34px
    }

    .sunumHeader {
        height: 500px;
        padding-bottom: 50px
    }

    .sunumVideoRow {
        height: 550px
    }

    .videoContent {
        width: 550px;
        height: 340px;
        border-radius: 25px;
        margin-left: -275px
    }

        .videoContent a svg {
            width: 80px;
            height: 80px
        }

    .sunumProjeContent p {
        font-size: 12px;
        line-height: 16px
    }

    .sunumProjeListe li {
        min-height: 390px
    }
}

@media only screen and (max-width:850px) {
    .yenilikVar {
        display: none
    }

    .smsLeft {
        width: 250px
    }

    .projeListCol {
        min-height: 555px
    }

    .projeListLogo {
        padding-left: 25px
    }

    .projeListTitle {
        padding-right: 25px
    }

    .projeListContent {
        padding: 20px 25px
    }

    .smsRight {
        width: calc(100% - 250px)
    }

    .formSmsCheck {
        width: 100%
    }

    .map.firmaHarita {
        height: 330px;
        margin-top: 15px
    }

    .digerProjeList .projeListImage {
        max-height: 215px
    }

    .header {
        height: 140px
    }

    .uye-dropdown {
        right: 65px
    }

    .destekButon {
        display: block;
        background-color: #08a037;
        font-weight: 600;
        color: #fff;
        border-radius: 8px 0 0 0;
        padding: 10px 20px;
        text-align: center;
        cursor: pointer;
        position: fixed;
        bottom: 0;
        right: 0;
        transition: all ease-in-out .4s;
        z-index: 99;
        box-shadow: -2px -2px 10px rgba(0,0,0,.2);
        font-size: 15px
    }

    .fixMobil {
        width: 100%;
        height: 65px;
        position: fixed;
        left: 0;
        background: rgba(82,82,82,.95);
        z-index: 99;
        bottom: -65px;
        transition: all ease-in-out .4s;
        display: inline-block
    }

        .fixMobil ul {
            width: 77%;
            margin: 10px 0 0;
            padding: 0 0 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            float: left
        }

            .fixMobil ul li {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .fixMobil ul li a {
                    padding: 12px;
                    background-color: #818285;
                    border-radius: 360px;
                    width: 46px;
                    height: 46px
                }

                    .fixMobil ul li a span {
                        width: 100%;
                        margin-top: 8px;
                        font-size: 13px;
                        line-height: 1.2;
                        font-weight: 400
                    }

                .fixMobil ul li:nth-child(1) a {
                    background-color: #dd665b
                }

                .fixMobil ul li:nth-child(3) a {
                    background-color: #3579e5
                }

                .fixMobil ul li:nth-child(2) a {
                    background-color: #28ba65
                }

    #socialus-wrapper {
        transition: all ease-in-out .4s;
        bottom: -65px !important;
        right: 6% !important
    }

    .fixMobil.active {
        bottom: 0
    }

    #socialus-wrapper.active {
        bottom: 10px !important
    }

    .destekButon.active {
        bottom: 65px
    }

    #socialus-button {
        border-radius: 360px !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 25px;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: initial !important;
        margin: 0 !important
    }

    .form-panel {
        margin-left: 0;
        margin-top: 25px;
        width: 100%
    }

    .firsatlarBtn, .haberSideBar, .mansetProje, .projeGonder, .searchForm, .sideBarAccordion, .telefon, .topProjects {
        display: none
    }

    .stickyLogo {
        display: none
    }

    .menuActive {
        overflow: hidden
    }

    .menu-trigger.second {
        transition: all .5s 0s;
        width: 100%;
        height: 100%;
        position: relative
    }

        .menu-trigger.second .line {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            height: 3px;
            background: #3d3d3d;
            transition: .3s
        }

            .menu-trigger.second .line.line-1 {
                transition: all .3s .3s,transform .3s 0s
            }

            .menu-trigger.second .line.line-2 {
                top: 50%;
                margin-top: -1px;
                left: 0;
                transition: all .3s .3s
            }

            .menu-trigger.second .line.line-3 {
                bottom: 0;
                top: auto;
                left: 0;
                transition: all .3s .3s,transform .3s 0s
            }

        .menu-trigger.second.active {
            transform: rotate(135deg);
            transition: all .5s .3s
        }

            .menu-trigger.second.active .line-1 {
                top: 50%;
                margin-top: -1px;
                transform: rotate(90deg);
                transition: all .3s,transform .3s .3s
            }

            .menu-trigger.second.active .line-2 {
                opacity: 0;
                transition: all .3s,opacity .3s 0s
            }

            .menu-trigger.second.active .line-3 {
                bottom: 50%;
                margin-bottom: -1px;
                transform: rotate(0);
                transition: all .3s,transform .3s .3s
            }

    .accountMenu, .nav-alt-bar, .main-menu {
        display: none
    }

    .menuButon {
        width: 45px;
        height: 40px;
        position: relative;
        padding: 8px 6px;
        border-radius: 4px;
        float: right;
        margin-top: 24px;
        margin-left: 20px
    }

    .mmTop {
        width: 100%;
        display: inline-block;
        height: 50px;
        float: left;
        display: inline-block
    }

    .mmHome {
        width: 80px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #df6459;
        float: left;
        font-size: 8vw;
        border-right: 1px solid #f5f5f5;
        text-align: center
    }

    .mmQuickMenu {
        width: calc(100% - 130px);
        float: left;
        display: inline-block;
        height: 100%
    }

    .mmClose {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 30px;
        top: 50px
    }

        .mmClose span {
            width: 100%;
            height: 2px;
            background: #3d3d3d;
            float: left;
            position: absolute
        }

            .mmClose span:nth-child(1) {
                transform: rotate(45deg)
            }

            .mmClose span:nth-child(2) {
                transform: rotate(-45deg)
            }

    .mmQuickMenu li {
        height: 100%;
        width: 50%;
        float: left;
        border: 5px solid #fff
    }

        .mmQuickMenu li a {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e8e8e8;
            color: #df6459;
            font-weight: 500;
            font-size: 3.5vw
        }

    .sideBarTab {
        box-shadow: initial
    }

        .sideBarTab a.active {
            box-shadow: initial
        }

    .fixAkilliArama {
        color: #fff;
        font-size: 15px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
        line-height: 50px
    }

        .fixAkilliArama a {
            color: #fff
        }

        .fixAkilliArama span {
            margin-left: 6px;
            font-weight: 400
        }

    .fixTel {
        width: 70px;
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -35px
    }

    .fixIletisimFormu {
        width: 50%;
        float: left;
        text-align: right;
        padding-right: 25px;
        box-sizing: border-box;
        line-height: 50px;
        color: #fff;
        font-weight: 400;
        font-size: 15px
    }

        .fixIletisimFormu span {
            margin-left: 10px
        }

    .fixTel img {
        width: 100%
    }

    .fixIletisimFormu a {
        color: #df6459
    }

    .container {
        width: 95%
    }

    .homeSect {
        margin: 0;
        width: 100%
    }

    .cityList {
        height: calc(100vh - 150px);
        margin-left: 0;
        padding: 0
    }

    .pfCarousel .owl-nav {
        right: 8%
    }

    .footerBottom {
        height: auto;
        padding: 25px 0 120px
    }

    .upButton {
        bottom: 40px;
        right: 5px;
        z-index: 9999
    }

    .sticky .upButton.active {
        bottom: 110px
    }

    .projectCard {
        width: 100%
    }

    .projectForm {
        margin-left: 0;
        margin-top: -1px;
        width: 100%;
        height: auto
    }

        .projectForm.firmaProjectForm {
            height: auto
        }

    .projeSlogan {
        margin-top: 0;
        margin-bottom: 20px
    }

    .projectForm form {
        max-width: 350px;
        width: 100%;
        margin: 20px auto;
        float: none
    }

    .projectCardDetails {
        margin-bottom: 0
    }

    .w50 {
        width: 100%
    }

    .galeriList {
        margin-bottom: 20px
    }

        .galeriList li {
            width: 18%;
            margin: 1%
        }

    .digerProjeList .kampProjeListItem {
        width: 48.5%
    }

        .digerProjeList .kampProjeListItem:nth-child(2n+2) {
            margin-right: 0
        }

    .uye-giris-sol {
        width: 100%
    }

    .uye-giris-sag {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .uye-popup {
        width: 70%
    }

    .uye-popup-bg {
        padding-bottom: 0
    }

    .uye-ol-bg form {
        padding: 25px 0
    }

    .manset {
        width: 100%
    }

    .haberContent {
        margin: 0;
        width: 100%
    }

    main {
        overflow-x: hidden
    }

    .mobileMenu {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        background-color: #f7f7f7;
        transition: all .4s cubic-bezier(.42,0,.1,1.03);
        display: block
    }

    .mobile-menu {
        width: 100%;
        height: 90vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        overflow-y: scroll
    }

    .mmClose span {
        width: 100%;
        height: 2px;
        background: #3d3d3d;
        float: left;
        position: absolute
    }

        .mmClose span:nth-child(1) {
            transform: rotate(45deg)
        }

        .mmClose span:nth-child(2) {
            transform: rotate(-45deg)
        }

    .mobile-menu ul {
        width: 80%;
        text-align: left
    }

        .mobile-menu ul li {
            width: 100%;
            float: left;
            position: relative;
            border-bottom: 1px solid #ccc
        }

    .mobileMenu .logo {
        position: absolute;
        left: 50px;
        top: 10px
    }

    .mobile-menu ul li a {
        color: #3d3d3d;
        font-size: 20px;
        padding: 25px 0;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        padding-left: 30px
    }

        .mobile-menu ul li a.active {
            background: #d8dde7
        }

        .mobile-menu ul li a img {
            position: relative;
            display: inline-block;
            width: 15px;
            margin-left: 10px;
            top: -2px;
            transition: all ease-in-out .3s
        }

        .mobile-menu ul li a.active img {
            transform: rotate(180deg)
        }

        .mobile-menu ul li a ul {
            width: 100%;
            float: left;
            display: inline-block
        }

    .mobile-menu ul li ul {
        width: 100%;
        display: none;
        float: left
    }

        .mobile-menu ul li ul li a {
            font-size: 18px;
            text-transform: capitalize;
            padding: 16px 50px
        }

    .sideBar {
        width: 100%
    }

    .filtreForm {
        display: none
    }

    .sideBarCity {
        box-shadow: inherit;
        padding-top: 1px
    }

    .menuActive .mobileMenu {
        right: 0
    }

    .sideBarTab li a {
        color: #b1b1b1
    }

        .sideBarTab li a img {
            opacity: .5
        }

        .sideBarTab li a.active img {
            opacity: 1
        }

    .proje-all-d {
        top: 35%
    }

    .haberNewsForm {
        display: inline-block;
        margin-top: 15px;
        margin-right: 30px;
        width: calc(100% - 60px);
        z-index: 2
    }

    .search-form {
        display: block;
        position: relative;
        bottom: 0;
        width: calc(100% - 240px) !important;
        right: 0;
        z-index: 9;
        margin-top: 0;
        opacity: 1
    }

        .search-form input {
            width: 100%;
            height: 40px;
            opacity: 1;
            border-radius: 5px;
            transition: all ease-in-out .3s
        }

    .input-group-btn {
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        z-index: 9;
        top: 0
    }

    .mobileMenu .firsatlarBtn {
        display: inline-block;
        width: 100%;
        margin-top: 10px
    }

    .haberMenuBar {
        top: 0;
        display: block
    }

    .haberUser {
        display: inline-block;
        float: left;
        width: 100%;
        height: auto
    }

        .haberUser ul {
            height: auto;
            display: inline-block;
            width: 100%;
            float: left
        }

            .haberUser ul li {
                width: 50%
            }

                .haberUser ul li a {
                    width: 100%;
                    padding: 10px
                }

    .haberMenuBar ul li {
        width: 100%
    }

    .haberMenuBar ul {
        display: inline-block;
        height: inherit;
        width: 100%
    }

        .haberMenuBar ul li a {
            display: inline-block;
            text-align: left;
            height: auto;
            border-bottom: 1px solid #ccc;
            width: 100%;
            padding: 15px 0
        }

    .haberMenuBar .container {
        width: 100%;
        position: static
    }

    .mmCloseHaber {
        position: absolute;
        top: 10px;
        right: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 50px
    }

    .haberMenuBar ul li:first-child {
        position: absolute;
        top: 10px;
        width: auto;
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

        .haberMenuBar ul li:first-child a {
            font-size: 6vw;
            padding: 0;
            border: 0;
            height: 45px;
            display: flex
        }

    .firsatlarBtn a {
        font-size: 4vw
    }

        .firsatlarBtn a img {
            width: 20px
        }

    .headerHaber {
        height: 80px
    }

    .mmHome img {
        width: 60%;
        display: inline-block;
        margin: auto
    }

    .mmClose img, .mmCloseHaber img {
        width: 40%;
        opacity: .4
    }

    .mmHomeHaber {
        position: absolute;
        top: 10px;
        left: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 60px
    }

        .mmHomeHaber a {
            text-align: center;
            width: 100%;
            float: left;
            margin-top: 6px
        }

        .mmHomeHaber img {
            width: 55%;
            display: inline-block
        }

    .modal_content {
        left: 5%;
        transform: translate(0,-50%);
        width: 90%;
        max-height: 90%
    }

    .form.projeGonderAppendTo {
        width: 100%;
        height: 100%
    }

    .modal_body {
        z-index: 9999;
        padding: 20px 0;
        height: 100vh;
        overflow-y: scroll
    }

    .projeFormWp {
        margin-bottom: 25px;
        top: 0
    }

    .breadcrumb {
        padding: 15px 0
    }

    .bizeyazBtn {
        width: 30%
    }

        .bizeyazBtn a {
            font-size: 13px;
            text-align: center
        }

    .takipEt {
        position: absolute;
        right: 0;
        top: 5px;
        height: 45px;
        width: 45px
    }

    .breadcrumb ul {
        width: 100%
    }

        .breadcrumb ul li + li:before {
            width: 4px;
            height: 8px;
            left: -9px;
            top: 5px
        }

    .projectDetailTitle {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        margin-top: 0
    }

    .formButtonWrapper {
        margin-left: 0;
        width: auto;
        display: table;
        margin: auto;
        float: none
    }

    .formTabButons {
        width: 100%;
        margin-left: 0
    }

        .formTabButons li a {
            font-size: 16px;
            padding: 15px 0
        }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 100px;
        padding: 14px 10px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 14px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 25px !important;
        margin: 5px 0
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -15px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -15px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -15px;
            left: auto
        }

        .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
            width: 30px;
            height: 30px;
            font-size: 18px !important
        }

    .saatAdi {
        margin-top: 15px
    }

    .saatDeger {
        font-size: 18px
    }

    .takvimSaatTab li {
        height: 100px;
        padding-top: 12px
    }

        .takvimSaatTab li span {
            font-size: 14px
        }

            .takvimSaatTab li span:nth-child(3) {
                width: 54px;
                height: 20px;
                line-height: 18px;
                font-size: 10px !important;
                margin-left: -27px;
                margin-top: 5px
            }

    .saatTab, .takvimSaatTab {
        margin: 0
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .sidebarTel {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

        .sidebarTel li {
            height: 52px
        }

            .sidebarTel li svg {
                float: left;
                margin: 15px;
                width: 18px
            }

            .sidebarTel li span {
                font-size: 16px;
                margin-top: 19px;
                float: left
            }

            .sidebarTel li a {
                width: 128px;
                height: 35px;
                line-height: 35px;
                margin-top: 8px;
                margin-right: 15px;
                font-size: 15px
            }

    .search-form input {
        width: 100%;
        height: 40px;
        opacity: 1;
        border-radius: 5px;
        transition: all ease-in-out .3s
    }

    .userController ul li {
        margin-right: 0;
        margin-left: 0;
        background: #f7f7f7;
        margin-top: 15px;
        border-top: 1px solid #e4e4e4
    }

    .digerProjeList .projeListCol {
        width: calc(50% - 15px);
        margin-right: 15px !important
    }

        .digerProjeList .projeListCol:nth-child(3n-1) {
            margin-left: 0;
            margin-right: 0
        }

        .digerProjeList .projeListCol:nth-child(even) {
            margin-right: 0 !important;
            margin-left: 15px !important
        }

    .projeInfo {
        height: auto;
        margin-top: 0
    }

    .info-right {
        width: 60%;
        text-align: right
    }

    .fixInfoRight {
        width: 100%;
        text-align: right
    }

    .InfoProjeLoc {
        margin: 17px;
        float: none;
        display: inline-block;
        margin-right: 0
    }

    .InfoProjeAdi {
        margin: 18px;
        float: none;
        display: inline-block
    }

    .InfoFavori, .InfoPaylasBtn {
        float: right;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 5px
    }

        .InfoFavori button {
            margin-top: 0
        }

    .projeInfoLogo {
        height: 80px;
        margin-top: 12px
    }

    .fixed .InfoProjeAdi {
        margin-left: 0;
        float: left;
        margin-bottom: 0;
        text-align: left
    }

    .fixed .InfoProjeLoc {
        float: left;
        text-align: left;
        margin-bottom: 0;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        float: right;
        width: auto
    }

    .fixed .InfoPaylasBtn, .fixed .InfoFavori {
        display: none
    }

    .InfoIletisimBtn {
        float: right;
        display: inline-block;
        margin-top: 0
    }

    .iletisimButonlari {
        top: 110px;
        right: -30px
    }

    .infoPaylasPopup {
        top: 110px;
        right: 215px
    }

    .formBaslikAciklama {
        margin-top: 0;
        text-align: center;
        margin-bottom: 0
    }

        .formBaslikAciklama svg {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            float: none;
            display: inline-block
        }

        .formBaslikAciklama p {
            font-size: 12px;
            line-height: 20px;
            float: none;
            display: inline-block;
            position: relative;
            top: -6px
        }

    .formZamanSlider {
        height: 110px
    }

    .aramaContainer {
        width: 85%
    }

    .ucluList .projeListCol {
        width: calc(50% - 10px);
        margin-left: 0 !important;
        margin-right: 10px !important
    }

        .ucluList .projeListCol:nth-child(2) {
            margin-left: 10px !important;
            margin-right: 0 !important
        }

    .aramaKategori {
        width: 140px
    }

    .aramaButton button {
        width: 100px !important
    }

    .ucluList .projeListCol:nth-child(3) {
        display: none
    }

    .projeForm textarea.form-control {
        height: 50px
    }

    .fixFormPage .gunButon {
        height: 85px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 90px
    }

    .sunumHeaderContent h1 {
        font-size: 60px;
        line-height: 70px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 27px
    }

    .sunumHeaderImg {
        margin-top: 50px
    }

    .sunumHizmetler h2 {
        font-size: 30px
    }

    .adimIcerik {
        font-size: 14px;
        line-height: 20px
    }

    .sunumAdimIcerik ul li {
        padding: 0 25px
    }

    .sunumProjeContent {
        min-height: 250px
    }

    .tanitimIcerik {
        position: absolute;
        left: 50%;
        width: 350px;
        top: -230px;
        margin-left: -175px;
        z-index: 99
    }

    .adimlar:before {
        border-color: #f5f5f5 transparent transparent transparent;
        right: 50%;
        top: auto !important;
        bottom: -29px;
        margin-right: -15px
    }

    .adim4, .adim5 {
        top: 50px
    }

    .adim6 {
        top: 50px
    }

    .deskTel {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .smsLeft {
        width: 100%
    }

    .pfImage {
        min-height: auto
    }

    .smsRight {
        width: 100%;
        padding: 0;
        margin-top: 25px
    }

    .form-text {
        width: 100%
    }

    h1.proje-title {
        font-size: 18px
    }

    .projectBnImage {
        min-height: 135px
    }

    .smsRight form ul li input.form-submit {
        float: initial;
        font-size: 13px;
        width: 165px;
        margin: 0 auto;
        display: table
    }

    .uye-ol-bg form .intl-tel-input {
        margin-bottom: 10px
    }

    #ProjeTalepForm .intl-tel-input {
        width: 70% !important
    }

    .ilgiliProjeler ul li {
        width: 100%;
        margin: 0 0 25px 0
    }

        .ilgiliProjeler ul li:last-child {
            margin-bottom: 0
        }

    .headerHaber .logo {
        width: 100px
    }

    .container {
        width: 90%
    }

    form#ProjeTalepForm {
        padding: 20px
    }

    #ProjeTalepForm .form-group {
        width: 100%;
        margin: 0 0 15px 0
    }

        #ProjeTalepForm .form-group label {
            width: 30%;
            font-size: 14px
        }

        #ProjeTalepForm .form-group input, #ProjeTalepForm .form-group select, #ProjeTalepForm .form-group textarea {
            width: 70%
        }

    .w50form {
        width: 70%
    }

    .pfImage {
        width: 100%
    }

    .pfIcerik {
        position: relative;
        width: 100%;
        padding: 10px;
        display: inline-block
    }

    .son-resim-d {
        width: 25px;
        right: -25px
    }

    .pfLogo {
        float: left;
        margin-bottom: 0;
        width: 120px
    }

    .pfName {
        float: left;
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 5%
    }

    .pfLocation {
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 0
    }

    .title h1 {
        font-size: 20px;
        margin-left: 10px
    }

    .title i, .title svg {
        font-size: 20px
    }

    .title {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0
    }

    .kampProjeListItem {
        width: 100%;
        margin-right: 0
    }

    .firsat {
        width: 200px;
        left: -25px;
        top: -25px
    }

    .footerContact {
        width: 100%
    }

    .footerBox {
        width: 100%;
        padding: 0;
        margin-top: 30px
    }

    .footerMenu {
        width: 100%;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 25px
    }

        .footerMenu span {
            width: 100%
        }

        .footerMenu:last-child {
            margin-bottom: 0
        }

    .footerTop {
        padding: 25px 0
    }

    .copyright {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .footerBottom .container {
        display: table
    }

    .footerSocial {
        width: 100%
    }

        .footerSocial ul {
            float: initial;
            margin: 0 auto;
            display: table
        }

    .kampanyaliProjeler {
        padding-bottom: 0;
        width: 100%;
        padding: 30px 0 50px 0;
        margin-left: 0
    }

    .haberLink a {
        font-size: 4vw
    }

    .navBar {
        height: 60px
    }

    .header {
        height: 95px
    }

    .haberLink {
        height: 40px
    }

    .hatirlamiyorum {
        padding-top: 0;
        line-height: 1.4;
        width: 65% !important
    }

        .hatirlamiyorum a {
            float: left;
            display: inline-block;
            width: calc(100% - 35px)
        }

    .uye-giris-sol-content {
        height: auto;
        padding-bottom: 20px
    }

    .uye-giris-sol ul {
        padding: 30px 30px
    }

    .form-sag, .form-sol {
        width: 100%
    }

    .projeLogo {
        width: 31.33%;
        padding: 10px
    }

    .projeAd {
        width: 66.66%;
        margin-left: 2%;
        margin-right: 0
    }

    .projeLokasyon {
        width: 100%;
        height: auto;
        padding: 10px 0;
        margin-top: 1.5%;
        background-color: #f1f1f1
    }

    .projeAciklama {
        padding: 25px 20px
    }

        .projeAciklama h2 {
            font-size: 22px;
            margin-bottom: 50px
        }

        .projeAciklama h4 {
            font-size: 17px
        }

    .galeriList li {
        width: 31.33%
    }

    .videoList iframe {
        height: 190px
    }

    .digerProjeList .kampProjeListItem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .kampProjeContent h3 {
        line-height: 1.3;
        height: 39px
    }

    .kampProjeContent {
        height: 170px
    }

    #map_canvas {
        height: 250px
    }

    .pfCarousel .owl-nav {
        right: initial;
        left: calc(135px + 30%);
        transform: translateX(-50%);
        bottom: -15px
    }

    .pfCarousel {
        margin-bottom: 30px
    }

    .butceYokForm {
        margin-top: 20px
    }

    .logo {
        width: 170px
    }

    .haberLogo {
        width: 140px
    }

    .navBarHaber {
        height: 70px
    }

    .w100.headerHaber {
        height: 70px
    }

    .haberMenuBar {
        top: 0;
        display: block;
        height: auto;
        border: none;
        width: calc(100% - 60px);
        margin-left: 30px
    }

    .mansetCarousel .items {
        height: 250px
    }

        .mansetCarousel .items h2 {
            font-size: 4vw;
            padding: 0 15px;
            line-height: 1.2
        }

    .mansetCarousel .owl-dots {
        height: 35px
    }

    .mansetCarousel .owl-dot {
        font-size: 13px !important
    }

    .newsCampCarousel .items a .ncTitle {
        padding: 0 10px;
        font-size: 14px
    }

    .newBox {
        width: 100%;
        margin: 20px 0 0
    }

    .haberler {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .haberContent .bgContainerShadowWhite {
        padding: 0 20px 35px
    }

    .haberIcerik h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .haberIcerik h2 {
        font-size: 17px
    }

    .haberIcerik h3 {
        font-size: 20px
    }

    .breadcrumb ul li {
        margin: 3px 5px;
        display: none
    }

    .haberTarih {
        padding-top: 10px
    }

    .firsatProjeList li {
        width: 48%;
        margin-right: 4%
    }

        .firsatProjeList li:nth-child(2n+2) {
            margin-right: 0
        }

    .fpTop h2 {
        font-size: 14px
    }

    .fpTop h3 {
        font-size: 12px
    }

    .downArrow {
        width: 30px
    }

    .fhTitle h2 {
        font-size: 5vw
    }

    .nativeAciklama p {
        font-size: 20px !important
    }

    .firsatContent h2 {
        font-size: 27px;
        line-height: 1.2;
        margin-bottom: 20px
    }

    .firsatContent p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .formDoldurLink a {
        font-size: 20px
    }

    .formDoldurLink {
        margin-bottom: 45px
    }

    .topSlogan {
        font-size: 11px
    }

    .kullanici {
        width: 150px
    }

        .kullanici > a {
            font-size: 12px
        }

    .projectForm form {
        margin-top: 0
    }

    .call_icon {
        width: 80px;
        bottom: 0;
        top: auto
    }

    .formTitle2 {
        font-size: 16px
    }

    .projectDetailTitle.hauto .call_icon {
        width: 90px
    }

    .projectDetailTitle.hauto {
        height: 50px
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 40px
    }

    .formButtonWrapper {
        width: 100%;
        margin-top: 20px;
        display: inline-block
    }

    .formButtonContact.renk2 {
        margin-bottom: 0
    }

    .projeSlogan a {
        height: auto;
        padding-left: 0;
        flex-direction: column;
        padding-top: 11px;
        align-items: flex-end
    }

    .projeSlogan .projeSloganLeft {
        margin-bottom: 15px;
        float: none;
        width: 100%;
        display: flex;
        justify-content: end;
        padding-left: 15px;
        flex-direction: column
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 23px
    }

    .projeSlogan a i {
        margin-left: 0
    }

    .projeSlogan {
        margin-bottom: 0
    }

        .projeSlogan.small .projeSloganLeft {
            padding-left: 0;
            align-items: end
        }

            .projeSlogan.small .projeSloganLeft i {
                margin-left: 0;
                margin-right: 15px;
                width: 25px;
                margin-top: 5px
            }

        .projeSlogan.small a {
            height: auto;
            padding-left: 10px
        }

    .breadcrumb ul li.brandDots {
        display: block;
        color: #818181;
        margin-right: 10px;
        margin-left: 10px
    }

    .breadcrumb ul li:first-child {
        display: block
    }

    .breadcrumb ul li:last-child {
        display: block
    }

    .breadcrumb {
        padding: 0 0;
        margin-top: 15px;
        margin-bottom: 10px
    }

        .breadcrumb ul li a i {
            width: 17px;
            top: 0
        }

    .telBtn {
        font-size: 14px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

    .formTabButons {
        margin-top: 20px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 9px 6px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 12px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .saatDeger {
        font-size: 15px
    }

    .saatAdi {
        margin-top: 12px
    }

    .takvimSaatTab li {
        height: 80px;
        padding-top: 8px
    }

        .takvimSaatTab li span {
            font-size: 12px
        }

    .sonuc {
        font-size: 14px !important
    }

    .sidebarTel li {
        height: 45px
    }

        .sidebarTel li svg {
            margin: 11px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 14px;
            margin-top: 16px
        }

        .sidebarTel li a {
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin-top: 7px;
            margin-right: 6px;
            font-size: 13px
        }

    .topBar span {
        font-size: 11px;
        margin-right: 20px
    }

    .topBar a {
        font-size: 10px;
        width: 75px;
        height: 22px;
        line-height: 20px
    }

    .topBar {
        height: 35px
    }

    .navBar {
        height: 60px;
        top: 35px
    }

    .logo {
        width: 170px;
        margin-top: 10px
    }

    .menuButon {
        width: 40px;
        height: 35px;
        margin-top: 12px
    }

    .menu-trigger.second .line {
        height: 2px
    }

    .mmClose {
        width: 35px;
        height: 35px;
        position: absolute;
        right: 10px;
        top: 30px
    }

    .mobile-menu ul li a {
        font-size: 16px;
        padding: 15px
    }

    .mobile-menu ul li ul li a {
        font-size: 15px;
        text-transform: capitalize;
        padding: 15px 50px
    }

    .mobile-menu {
        align-items: flex-start;
        height: calc(90vh - 100px)
    }

    .header-right {
        float: left;
        margin-top: 70px;
        width: 80%;
        margin-left: 10%
    }

    .aramaBtn {
        width: calc(50% - 7px)
    }

    .girisBtn {
        width: 50%
    }

    .mobileMenu .logo {
        position: absolute;
        left: 5%;
        top: 5px
    }

        .header-right.aktif {
            opacity: 1;
            visibility: visible
        }

    .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListContent, .projeListContent p, .projeListCol {
        min-height: auto
    }

    .digerProjeList .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .sunumStar, .sunumStar:before {
        width: 40px;
        height: 40px
    }

    .digerProjeList .projeListFooter {
        padding: 0 15px 20px 15px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .newBilgiAl {
        margin-top: 3px
    }

    .projeInfoLogo {
        height: 50px;
        margin-top: 5px;
        width: auto;
        text-align: center;
        padding: 0
    }

        .projeInfoLogo img {
            display: inline-block;
            float: none;
            margin: auto
        }

    .info-right {
        width: 60%;
        text-align: right;
        margin-right: 0
    }

    .InfoProjeAdi, .InfoProjeLoc {
        margin: 7px;
        float: left
    }

        .InfoProjeLoc svg, .InfoProjeAdi svg {
            float: left;
            margin-right: 5px;
            width: 13px;
            height: 13px
        }

        .InfoProjeLoc strong, .InfoProjeAdi a {
            font-size: 11px
        }

    .fixInfoRight {
        display: none
    }

    .newProjeOzet {
        height: auto;
        padding: 15px 15px
    }

        .newProjeOzet h1 {
            font-size: 16px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 20px
    }

    .projeSloganLeft span {
        margin-left: 0;
        margin-top: 10px
    }

    .projeSlogan.small a {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden
    }

    .projeSlogan a .projeSloganRight {
        position: absolute;
        float: right;
        bottom: 0;
        width: 150%
    }

    .formRow {
        width: 100%;
        float: left;
        margin-top: 15px
    }

    .formBaslikAciklama svg {
        float: left
    }

    .formBaslikAciklama {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .formBaslikAciklama p {
            font-size: 13px;
            line-height: normal;
            width: calc(100% - 35px);
            float: left;
            text-align: left;
            height: 20px;
            display: flex;
            align-items: center;
            position: relative;
            top: 0
        }

    .formZamanSlider {
        height: 90px
    }

    .projeForm textarea.form-control {
        height: 60px
    }

    .projeInfo.fixed {
        top: 59px;
        border: none;
        border-top: 1px solid #ccc
    }

    .fixed .InfoProjeAdi {
        display: none
    }

    .fixed .InfoProjeLoc .infoSvg {
        width: 35px;
        height: 35px;
        top: -4px
    }

    .fixed .infoSvgBaslik {
        top: -6px;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        display: block
    }

    .fixed .InfoProjeLoc {
        margin-right: 0
    }

    .fixed .fixIletisimBtn {
        display: flex;
        width: 100px;
        font-size: 12px;
        margin-left: 0;
        height: 30px;
        margin-top: 6px
    }

    .girisMenuKapat {
        display: none !important
    }

    .uye-dropdown {
        right: 0;
        position: relative;
        width: 100%;
        float: left;
        top: 20px;
        margin-bottom: 20px;
        box-shadow: none
    }

    .firsat-projeleri {
        display: none
    }

    .aramaPage {
        height: calc(100vh - 90px);
        top: 90px
    }

    .sticky .aramaPage {
        top: 60px;
        height: calc(100% - 60px)
    }

    .aramaKategori {
        width: 100px
    }

    .select-box__input-text {
        font-size: 18px;
        line-height: 50px;
        padding-left: 15px
    }

    .select-box__icon {
        width: 14px;
        opacity: 1
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 50px !important
    }

    .search-form {
        width: calc(100% - 100px) !important;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .input-group-btn {
        width: 120px;
        height: 40px !important;
        position: relative;
        right: 0;
        z-index: 9;
        top: 0;
        border-radius: 4px;
        margin-top: 15px;
        font-size: 14px;
        left: 50%;
        margin-left: -60px
    }

    .search-form input {
        font-size: 14px;
        padding-right: 20px;
        padding-left: 20px
    }

    .aramaButton button {
        width: 100% !important;
        height: 40px !important;
        font-size: 16px
    }

    .sonAranan {
        display: none
    }

    .aramaBaslik {
        font-size: 18px;
        padding-bottom: 10px
    }

        .aramaBaslik .searchButtonAll {
            font-size: 14px;
            line-height: 18px
        }

    .sonucIkon {
        width: 20px;
        height: 20px
    }

        .sonucIkon svg {
            width: 16px;
            height: 16px
        }

    .sonucProjeAdi {
        line-height: 20px;
        margin-right: 10px
    }

    .sonucProjeAdi {
        line-height: 20px;
        margin-left: 10px;
        font-size: 14px
    }

    .projeSonucBolge {
        line-height: 20px;
        font-size: 12px
    }

    .sonucDetay {
        display: none
    }

    .fixFormClose {
        top: 100px
    }

    .fixFormPage {
        top: 50px
    }

        .fixFormPage .gunButon {
            height: 75px;
            padding: 6px 5px
        }

        .fixFormPage .formZamanSlider {
            height: 80px
        }

        .fixFormPage textarea.form-control {
            height: 40px
        }

        .fixFormPage .butceYokForm {
            margin-top: 0
        }

    .sunumHeaderImg, .sunumAdim {
        display: none
    }

    .sunumHeaderContent {
        height: auto;
        width: 100%;
        padding-right: 0
    }

        .sunumHeaderContent h1 {
            font-size: 50px;
            line-height: 60px
        }

        .sunumHeaderContent h2, .sunumProjeListe h2, .sunumHizmetler h2 {
            font-size: 24px
        }

    .sunumHeader {
        height: 450px;
        padding-bottom: 50px
    }

    .sunumAdimIcerik ul li {
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
        text-align: left
    }

    .adimBaslik {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 15px
    }

        .adimBaslik span {
            width: 40px;
            height: 40px;
            background: #fff;
            display: block;
            float: left;
            border-radius: 50%;
            text-align: center;
            font-weight: 900;
            line-height: 40px;
            font-size: 20px;
            margin-right: 15px;
            box-shadow: 0 0 10px rgba(0,0,0,.5)
        }

    .sunumAdimIcerik li:nth-child(1) span, .sunumAdimIcerik li:nth-child(1) strong {
        color: #fc490c
    }

    .sunumAdimIcerik li:nth-child(2) span, .sunumAdimIcerik li:nth-child(2) strong {
        color: #e62e4e
    }

    .sunumAdimIcerik li:nth-child(3) span, .sunumAdimIcerik li:nth-child(3) strong {
        color: #931d80
    }

    .sunumAdimIcerik li:nth-child(4) span, .sunumAdimIcerik li:nth-child(4) strong {
        color: #3c53ae
    }

    .adimBaslik strong {
        font-size: 20px;
        line-height: 40px
    }

    .sunumHizmetler {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .sunumVideoRow {
        height: 280px
    }

    .videoContent {
        width: 86%;
        height: 200px;
        border-radius: 15px;
        margin-left: 0;
        left: 7%;
        bottom: 20px
    }

        .videoContent:before {
            height: 20px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px
        }

        .videoContent:after {
            height: 20px;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px
        }

        .videoContent a svg {
            width: 50px;
            height: 50px
        }

    .videoMan {
        right: 0
    }

    .sunumProjeListe li {
        min-height: auto;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px
    }

    .sunumProjeContent {
        min-height: auto
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px;
            position: relative;
            bottom: 0;
            margin-top: 10px;
            margin-bottom: 10px
        }

    .sunumProjeListe ul {
        margin-bottom: 20px
    }

    .sunumProjeListe {
        padding-bottom: 50px
    }

        .sunumProjeListe h2 {
            margin-top: 50px;
            margin-bottom: 35px
        }

    .tanitimIcerik {
        width: 300px;
        margin-left: -150px
    }

    .adimlar {
        padding: 15px 15px
    }

        .adimlar img, .adimSvg {
            display: none
        }

        .adimlar strong {
            font-size: 16px;
            width: 100%;
            line-height: 20px;
            margin-top: 0;
            margin-bottom: 10px
        }

    .tanitimIcerik {
        top: -150px
    }

    .tanitimCloseBg {
        top: 60px
    }

    .adimlar p {
        width: 100%;
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
        color: #3c3c3c
    }

    .adim4 {
        top: 70px
    }

    .adim5 {
        top: 20px
    }

    .pfSlider {
        min-height: auto
    }

    .haberDetayRow .breadcrumb {
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: inherit
    }

    .native1-bg {
        height: 300px;
        background-size: cover !important;
        background-position: top center !important
    }

    .firsatContent h1 {
        font-size: 16px;
        padding: 0 20px;
        margin: 15px 0
    }

    .scrollDownBtn2 {
        margin: 0 auto 10px;
        display: table;
        width: 20px
    }

    #formAc .formBaslikAciklama p {
        top: -5px;
        position: relative;
        line-height: 20px;
        display: inline-block;
        height: auto;
        margin-left: 10px
    }

        #formAc .formBaslikAciklama p span {
            width: 100%;
            float: left
        }

    .form-control, .send-form {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .haberBgDiger {
        background-size: 105% !important;
        height: 240px;
        background-position: top center !important
    }

    .fixed .seciliTarihButon, .fixed .saatSlider, .fixed .saatButon {
        height: 75px
    }
}

@media only screen and (max-width:350px) {
    .userController ul li {
        margin-right: 10px
    }

    .container {
        width: 95%
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 20px
    }
}

@media only screen and (min-height:850px) {
    .fixFormPage .projectForm {
        max-height: 570px
    }
}

@media only screen and (max-height:800px) {
    .fixFormPage .projectForm {
        max-height: 480px
    }
}

@media only screen and (min-width:851px) {
    .digerProjeList .kampProjeListItem:nth-child(3n+3) {
        margin-right: 0
    }

    .haberLink a:hover {
        letter-spacing: 2px
    }

    .haberSticky .stickyLogo {
        display: inline-block;
        float: left
    }
}

@media only screen and (min-width:768px) {
    .firsatProjeList li:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .container {
        width: 1000px
    }

    .sideBar {
        width: 240px
    }

    .homeSect {
        width: calc(97% - 240px)
    }

    .pfImage {
        width: calc(100% - 200px);
        min-height: 190px
    }

    .pfSlider {
        min-height: 190px
    }

    .pfIcerik {
        width: 200px;
        padding-bottom: 20px
    }

    .pfLogo {
        width: 100px
    }

    .videoYok {
        height: 330px
    }

        .videoYok img {
            width: 90px
        }

        .videoYok p {
            font-size: 16px;
            line-height: 24px
        }

    .pfLocation {
        padding: 0 15px;
        width: 100%;
        font-size: 12px
    }

        .pfLocation i {
            width: 12px
        }

        .pfLocation strong {
            width: auto;
            padding-left: 10px
        }

    .logo {
        width: 180px
    }

    .projectBnImage {
        min-height: 260px
    }

    .searchForm {
        width: auto;
        margin-left: 40px
    }

    .firsatlarBtn a {
        padding: 0 15px;
        font-size: 12px
    }

        .firsatlarBtn a img {
            width: 15px
        }

    .digerProjeList .projeListImage {
        max-height: 202px
    }

    .telefon a {
        font-size: 17px
    }

    .uye-giris-sol-content ul li {
        margin-top: 30px
    }

    .newsContent h3 {
        font-size: 15px;
        height: 17px;
        line-height: 1.2
    }

    .stickyLogo {
        width: 140px
    }

    .formButtonContact a {
        font-size: 14px
    }

        .formButtonContact a span {
            width: auto;
            padding: 7px 14px;
            font-size: 14px
        }

    .formButtonContact a {
        height: 45px;
        padding-left: 15px
    }

        .formButtonContact a .buttonLeft i {
            width: 17px;
            margin-right: 8px
        }

    .formTitle2 {
        font-size: 16px
    }

    .call_icon {
        width: 100px
    }

    .projectDetailTitle {
        height: 75px
    }

    #FirmaFormProje .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .projectForm.firmaProjectForm {
        height: 500px
    }

    .map.firmaHarita, #map_canvas {
        height: 405px !important
    }

    .butceYokForm .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -16px;
        margin-top: -9px
    }

    .formTitle2 {
        font-size: 18px
    }

    .projectDetailTitle.hauto .call_icon {
        width: auto
    }

    .projeSlogan a strong {
        font-size: 19px;
        line-height: 27px
    }

    .projeSlogan a {
        padding-left: 25px;
        height: 120px
    }

        .projeSlogan a i {
            width: 30px;
            margin-top: 10px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 25px
    }

    .projeSlogan.small a {
        height: 55px
    }

    .userController ul li {
        margin-left: 40px
    }

    .main-menu ul li {
        margin-left: 10px
    }

        .main-menu ul li a {
            padding: 10px 14px;
            font-size: 14px
        }

    .search-form.active {
        width: 150px;
        opacity: 1
    }

    .search-form input {
        font-size: 16px;
        padding-right: 30px
    }

    .aramaContainer {
        width: 870px
    }

    .aramaPageClose svg {
        width: 20px;
        height: 20px
    }

    .aramaPageClose {
        top: 40px
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 60px !important
    }

    .sonAranan svg {
        float: left;
        margin-right: 15px;
        width: 20px;
        height: 20px
    }

    .ucluList .projeListContent p {
        min-height: 70px
    }

    .ucluList .projeListCol {
        min-height: 420px
    }

    .sonAranan p {
        font-size: 16px;
        line-height: 20px
    }

    .select-box__input-text {
        font-size: 20px;
        line-height: 60px
    }

    .aramaBar {
        margin-top: 80px
    }

    .userController ul li a, .nav-alt-bar li a {
        font-size: 14px
    }

    .main-menu {
        margin-top: 25px;
        margin-left: 80px
    }

    .nav-alt-bar li {
        margin-right: 40px
    }

    .haberMenuBar li {
        margin-right: 20px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

        .formTabButons li a svg {
            width: 14px;
            height: 14px;
            margin-right: 5px
        }

    .projectForm {
        padding: 10px 15px;
        height: 482px
    }

    .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
        font-size: 12px
    }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .saatDeger {
        font-size: 14px
    }

    .saatAdi {
        margin-top: 10px
    }

    .seciliTakvimKapat svg {
        width: 7px;
        height: 7px
    }

    .seciliTakvimKapat {
        padding-top: 2px;
        padding-left: 1px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 10px 6px
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -12px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -12px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -12px;
            left: auto
        }

    .projeForm .form-control {
        height: 35px;
        font-size: 12px;
        padding-right: 20px
    }

    .butceYokForm .form-control {
        height: 38px
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .formIzin {
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 35px
    }

    .sidebarTel li {
        height: 40px
    }

        .sidebarTel li svg {
            float: left;
            margin: 9px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 15px;
            margin-top: 13px;
            float: left
        }

        .sidebarTel li a {
            width: 90px;
            height: 25px;
            line-height: 25px;
            margin-top: 7px;
            margin-right: 10px;
            font-size: 13px
        }

    .takvimGaleri {
        margin: 5px 0
    }

    .formTabButons li a span {
        top: -2px
    }

    .projeForm textarea.form-control {
        height: 40px
    }

    .videoYokRow textarea.form-control {
        height: 80px
    }

    .butceYokForm textarea.form-control {
        height: 60px
    }

    .saatTab, .takvimSaatTab {
        margin: 5px 0
    }

        .takvimSaatTab li {
            height: 80px;
            padding-top: 10px
        }

            .takvimSaatTab li span {
                font-size: 12px
            }

    .sonuc {
        font-size: 16px !important
    }

    .takvimSaatTab li span:nth-child(3) {
        width: 50px;
        height: 16px;
        line-height: 14px;
        font-size: 8px !important;
        margin-left: -25px;
        margin-top: 2px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 14px;
        padding: 12px 35px
    }

    .firsat-left-menu {
        width: 31%
    }

        .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
            font-size: 24px;
            margin-bottom: 20px
        }

    .tumBtn {
        font-size: 14px;
        width: 200px
    }

    .firsat-right-pages {
        width: 69%
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 310px;
        padding: 25px 25px 25px 30px
    }

    .firsat-content h3 {
        font-size: 16px
    }

    .firsat-content p {
        font-size: 12px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 14px
    }

    .child-menu-pages {
        height: 370px
    }

    .projeler-page ul li:nth-child(1) {
        height: 310px
    }

    .projeler-page ul li {
        height: 145px
    }

    .projeler-left-menu ul {
        min-height: 220px
    }

    .projeler-page ul li a strong {
        font-size: 20px
    }

    .haberler-page ul li span {
        height: 145px
    }

    .haberler-page ul li strong {
        font-size: 15px
    }

    .haberler-page ul li {
        min-height: 220px
    }

    .haberler-left-menu ul {
        min-height: 215px
    }

    .esunum-list h2 {
        font-size: 24px
    }

    .esunum-list ul li strong {
        font-size: 14px
    }

    .esunum-detayli-bilgi {
        height: 370px
    }

    .projeler-page {
        padding: 0
    }

    .projeler-left-menu ul li a {
        border-radius: 10px;
        padding: 10px 35px
    }

    .projeListContent {
        min-height: 190px
    }

    .projeListCol {
        min-height: 560px
    }

    .digerProjeList .projeListContent h3 {
        font-size: 16px
    }

    .digerProjeList .projeListContent p {
        font-size: 13px
    }

    .digerProjeList .newBilgiAl a {
        width: 100px;
        font-size: 13px
    }

    .digerProjeList .projeListContent {
        min-height: 170px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 14px
    }

    .projeInfo {
        height: 55px;
        margin-top: 0
    }

    .projeInfoLogo {
        height: 55px
    }

    .InfoProjeAdi {
        margin: 18px
    }

    .InfoProjeLoc {
        margin: 17px
    }

    .InfoPaylasBtn, .InfoFavori button {
        width: 90px;
        height: 35px;
        line-height: 33px;
        margin: 9px 0 9px 10px
    }

        .InfoFavori button svg {
            top: 2px
        }

        .InfoPaylasBtn span, .InfoFavori button span {
            top: -1px;
            position: relative
        }

    .InfoIletisimBtn {
        padding: 9px 17px;
        margin: 9px 0 9px 10px
    }

    .iletisimButonlari {
        width: 240px;
        padding: 15px 25px 5px 25px;
        top: 60px
    }

        .iletisimButonlari a {
            height: 45px;
            font-size: 15px
        }

        .iletisimButonlari svg {
            width: 20px;
            height: 20px;
            margin-right: 10px
        }

    .infoPaylasPopup {
        top: 60px;
        right: 120px
    }

    .formBaslikAciklama p {
        font-size: 13px
    }

    .formZamanSlider {
        height: 90px
    }

    .iletisimSecenek li {
        height: 45px
    }

    .fixed .InfoProjeAdi .infoSvg, .fixed .InfoProjeLoc .infoSvg {
        width: 40px;
        height: 40px
    }

    .fixed .InfoProjeAdi span, .fixed .InfoProjeLoc span {
        font-size: 13px;
        line-height: 1.1;
        margin-top: 4px
    }

    .fixIletisimBtn {
        width: 140px;
        height: 35px;
        font-size: 14px;
        margin-top: 9px
    }

    .tesekkurler-form p, .tesekkurler-form p strong {
        font-size: 15px
    }

    .uye-dropdown li a {
        font-size: 14px
    }

    .uye-dropdown {
        width: 180px;
        padding: 10px 20px
    }

    .fixFormClose {
        top: 130px
    }

    .fixFormPage .projectForm {
        max-height: 430px
    }

    .fixFormPage {
        width: 340px
    }

    .tel-col svg {
        width: 15px;
        height: 15px;
        float: left;
        margin: 12px 7px
    }

    .tel-col strong {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col span {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col a {
        height: 37px
    }

    .fixFormPage .gunButon {
        height: 75px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 80px
    }

    .formIzin label, .YasalIzinMetin {
        font-size: 12px;
        line-height: 14px;
        padding-left: 0;
        text-align: left
    }

    .sunumHeaderContent h1 {
        font-size: 80px;
        line-height: 90px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 36px
    }

    .sunumHeaderContent p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px
    }

    .sunumHeaderContent {
        height: 310px
    }

    .sunumHeader {
        height: 600px
    }

    .sunumHizmetler h2 {
        font-size: 40px
    }

    .adimIcerik {
        font-size: 16px;
        line-height: 24px
    }

    .sunumVideoRow {
        height: 650px
    }

    .videoContent {
        width: 650px;
        height: 380px;
        border-radius: 25px;
        margin-left: -325px
    }

    .videoMan {
        right: 70px
    }

    .videoContent:before {
        height: 30px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px
    }

    .videoContent:after {
        height: 30px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

    .sunumProjeContent h3 {
        font-size: 14px;
        line-height: 18px
    }

    .sunumProjeContent p {
        font-size: 13px;
        line-height: 17px
    }

    .sunumProjeListe li {
        width: calc(33.3% - 20px);
        min-height: 410px
    }

        .sunumProjeListe li:nth-child(3n-1) {
            margin-left: 30px;
            margin-right: 30px
        }

    .sunumProjeContent {
        min-height: 210px
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px
        }

    .adim6 {
        top: 340px
    }

    .adim2, .adim3 {
        top: 50px
    }

    .adim4, .adim5 {
        top: 130px
    }

    .introOk {
        width: 180px;
        top: 145px;
        left: 47%
    }

    .introBaslik {
        position: absolute;
        margin-top: 180px;
        font-size: 46px;
        color: #fff;
        width: 50%;
        font-weight: 700;
        line-height: 58px
    }

    .introAciklama {
        top: 320px;
        font-size: 26px;
        width: 48%;
        line-height: 38px
    }
}

@media only screen and (max-width:1100px) {
    .fixFormPage .projectForm {
        max-height: 460px
    }

    .container {
        width: 900px
    }

    .main-menu {
        margin-left: 50px
    }

    .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
        font-size: 20px;
        margin-bottom: 20px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 12px
    }

    .firsat-content h3 {
        font-size: 14px;
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: 180px
    }

    .firsat-content p {
        font-size: 11px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 13px
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 275px;
        padding: 20px 20px 20px 25px
    }

    .tumBtn {
        font-size: 13px;
        width: 180px;
        margin-top: 10px
    }

    .child-menu-pages {
        height: 340px
    }

    .projeler-left-menu ul {
        min-height: 200px
    }

    .projeler-page {
        padding: 0
    }

        .projeler-page ul li:nth-child(1) {
            height: 280px
        }

        .projeler-page ul li, .haberler-page ul li span {
            height: 130px
        }

    .haberler-left-menu ul li a {
        padding: 10px 35px
    }

    .haberler-left-menu ul {
        min-height: 195px
    }

    .haberler-page ul li strong, .esunum-list ul li strong {
        font-size: 13px
    }

    .haberler-page ul li {
        min-height: 200px
    }

    .esunum-list h2 {
        font-size: 20px
    }

    .esunum-detayli-bilgi {
        height: 340px;
        padding: 0 25px
    }

    .projeListCol {
        width: calc(50% - 10px);
        margin-right: 10px
    }

        .projeListCol:nth-child(even) {
            margin-right: 0;
            margin-left: 10px
        }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .projeListContent {
        padding: 15px 15px
    }

    .projeListCol {
        min-height: 520px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0;
        margin-left: 0
    }

    .digerProjeList .projeListCol:nth-child(3n-1) {
        margin-left: 15px;
        margin-right: 15px
    }

    .newProjeOzet p {
        font-size: 14px
    }

    .formBaslikAciklama svg {
        width: 16px;
        height: 16px;
        margin-right: 5px
    }

    .formBaslikAciklama p {
        font-size: 12px;
        line-height: 16px
    }

    .iletisimSecenek li {
        height: 40px;
        font-size: 14px
    }

    .projeForm textarea.form-control {
        height: 35px
    }

    .videoYokRow textarea.form-control {
        height: 60px
    }

    .formZamanSlider {
        margin-bottom: 8px
    }

    .projectForm {
        height: 454px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 13px
    }

    .InfoIletisimBtn span {
        font-size: 13px
    }

    .sunumHeaderContent h1 {
        font-size: 70px;
        line-height: 80px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 34px
    }

    .sunumHeader {
        height: 500px;
        padding-bottom: 50px
    }

    .sunumVideoRow {
        height: 550px
    }

    .videoContent {
        width: 550px;
        height: 340px;
        border-radius: 25px;
        margin-left: -275px
    }

        .videoContent a svg {
            width: 80px;
            height: 80px
        }

    .sunumProjeContent p {
        font-size: 12px;
        line-height: 16px
    }

    .sunumProjeListe li {
        min-height: 390px
    }
}

@media only screen and (max-width:850px) {
    .yenilikVar {
        display: none
    }

    .smsLeft {
        width: 250px
    }

    .projeListCol {
        min-height: 555px
    }

    .projeListLogo {
        padding-left: 25px
    }

    .projeListTitle {
        padding-right: 25px
    }

    .projeListContent {
        padding: 20px 25px
    }

    .smsRight {
        width: calc(100% - 250px)
    }

    .formSmsCheck {
        width: 100%
    }

    .map.firmaHarita {
        height: 330px;
        margin-top: 15px
    }

    .digerProjeList .projeListImage {
        max-height: 215px
    }

    .header {
        height: 140px
    }

    .uye-dropdown {
        right: 65px
    }

    .destekButon {
        display: block;
        background-color: #08a037;
        font-weight: 600;
        color: #fff;
        border-radius: 8px 0 0 0;
        padding: 10px 20px;
        text-align: center;
        cursor: pointer;
        position: fixed;
        bottom: 0;
        right: 0;
        transition: all ease-in-out .4s;
        z-index: 99;
        box-shadow: -2px -2px 10px rgba(0,0,0,.2);
        font-size: 15px
    }

    .fixMobil {
        width: 100%;
        height: 65px;
        position: fixed;
        left: 0;
        background: rgba(82,82,82,.95);
        z-index: 99;
        bottom: -65px;
        transition: all ease-in-out .4s;
        display: inline-block
    }

        .fixMobil ul {
            width: 77%;
            margin: 10px 0 0;
            padding: 0 0 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            float: left
        }

            .fixMobil ul li {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .fixMobil ul li a {
                    padding: 12px;
                    background-color: #818285;
                    border-radius: 360px;
                    width: 46px;
                    height: 46px
                }

                    .fixMobil ul li a span {
                        width: 100%;
                        margin-top: 8px;
                        font-size: 13px;
                        line-height: 1.2;
                        font-weight: 400
                    }

                .fixMobil ul li:nth-child(1) a {
                    background-color: #dd665b
                }

                .fixMobil ul li:nth-child(3) a {
                    background-color: #3579e5
                }

                .fixMobil ul li:nth-child(2) a {
                    background-color: #28ba65
                }

    #socialus-wrapper {
        transition: all ease-in-out .4s;
        bottom: -65px !important;
        right: 6% !important
    }

    .fixMobil.active {
        bottom: 0
    }

    #socialus-wrapper.active {
        bottom: 10px !important
    }

    .destekButon.active {
        bottom: 65px
    }

    #socialus-button {
        border-radius: 360px !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 25px;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: initial !important;
        margin: 0 !important
    }

    .form-panel {
        margin-left: 0;
        margin-top: 25px;
        width: 100%
    }

    .firsatlarBtn, .haberSideBar, .mansetProje, .projeGonder, .searchForm, .sideBarAccordion, .telefon, .topProjects {
        display: none
    }

    .stickyLogo {
        display: none
    }

    .menuActive {
        overflow: hidden
    }

    .menu-trigger.second {
        transition: all .5s 0s;
        width: 100%;
        height: 100%;
        position: relative
    }

        .menu-trigger.second .line {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            height: 3px;
            background: #3d3d3d;
            transition: .3s
        }

            .menu-trigger.second .line.line-1 {
                transition: all .3s .3s,transform .3s 0s
            }

            .menu-trigger.second .line.line-2 {
                top: 50%;
                margin-top: -1px;
                left: 0;
                transition: all .3s .3s
            }

            .menu-trigger.second .line.line-3 {
                bottom: 0;
                top: auto;
                left: 0;
                transition: all .3s .3s,transform .3s 0s
            }

        .menu-trigger.second.active {
            transform: rotate(135deg);
            transition: all .5s .3s
        }

            .menu-trigger.second.active .line-1 {
                top: 50%;
                margin-top: -1px;
                transform: rotate(90deg);
                transition: all .3s,transform .3s .3s
            }

            .menu-trigger.second.active .line-2 {
                opacity: 0;
                transition: all .3s,opacity .3s 0s
            }

            .menu-trigger.second.active .line-3 {
                bottom: 50%;
                margin-bottom: -1px;
                transform: rotate(0);
                transition: all .3s,transform .3s .3s
            }

    .accountMenu, .nav-alt-bar, .main-menu {
        display: none
    }

    .menuButon {
        width: 45px;
        height: 40px;
        position: relative;
        padding: 8px 6px;
        border-radius: 4px;
        float: right;
        margin-top: 24px;
        margin-left: 20px
    }

    .mmTop {
        width: 100%;
        display: inline-block;
        height: 50px;
        float: left;
        display: inline-block
    }

    .mmHome {
        width: 80px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #df6459;
        float: left;
        font-size: 8vw;
        border-right: 1px solid #f5f5f5;
        text-align: center
    }

    .mmQuickMenu {
        width: calc(100% - 130px);
        float: left;
        display: inline-block;
        height: 100%
    }

    .mmClose {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 30px;
        top: 50px
    }

        .mmClose span {
            width: 100%;
            height: 2px;
            background: #3d3d3d;
            float: left;
            position: absolute
        }

            .mmClose span:nth-child(1) {
                transform: rotate(45deg)
            }

            .mmClose span:nth-child(2) {
                transform: rotate(-45deg)
            }

    .mmQuickMenu li {
        height: 100%;
        width: 50%;
        float: left;
        border: 5px solid #fff
    }

        .mmQuickMenu li a {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e8e8e8;
            color: #df6459;
            font-weight: 500;
            font-size: 3.5vw
        }

    .sideBarTab {
        box-shadow: initial
    }

        .sideBarTab a.active {
            box-shadow: initial
        }

    .fixAkilliArama {
        color: #fff;
        font-size: 15px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
        line-height: 50px
    }

        .fixAkilliArama a {
            color: #fff
        }

        .fixAkilliArama span {
            margin-left: 6px;
            font-weight: 400
        }

    .fixTel {
        width: 70px;
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -35px
    }

    .fixIletisimFormu {
        width: 50%;
        float: left;
        text-align: right;
        padding-right: 25px;
        box-sizing: border-box;
        line-height: 50px;
        color: #fff;
        font-weight: 400;
        font-size: 15px
    }

        .fixIletisimFormu span {
            margin-left: 10px
        }

    .fixTel img {
        width: 100%
    }

    .fixIletisimFormu a {
        color: #df6459
    }

    .container {
        width: 95%
    }

    .homeSect {
        margin: 0;
        width: 100%
    }

    .cityList {
        height: calc(100vh - 150px);
        margin-left: 0;
        padding: 0
    }

    .pfCarousel .owl-nav {
        right: 8%
    }

    .footerBottom {
        height: auto;
        padding: 25px 0 120px
    }

    .upButton {
        bottom: 40px;
        right: 5px;
        z-index: 9999
    }

    .sticky .upButton.active {
        bottom: 110px
    }

    .projectCard {
        width: 100%
    }

    .projectForm {
        margin-left: 0;
        margin-top: -1px;
        width: 100%;
        height: auto
    }

        .projectForm.firmaProjectForm {
            height: auto
        }

    .projeSlogan {
        margin-top: 0;
        margin-bottom: 20px
    }

    .projectForm form {
        max-width: 350px;
        width: 100%;
        margin: 20px auto;
        float: none
    }

    .projectCardDetails {
        margin-bottom: 0
    }

    .w50 {
        width: 100%
    }

    .galeriList {
        margin-bottom: 20px
    }

        .galeriList li {
            width: 18%;
            margin: 1%
        }

    .digerProjeList .kampProjeListItem {
        width: 48.5%
    }

        .digerProjeList .kampProjeListItem:nth-child(2n+2) {
            margin-right: 0
        }

    .uye-giris-sol {
        width: 100%
    }

    .uye-giris-sag {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .uye-popup {
        width: 70%
    }

    .uye-popup-bg {
        padding-bottom: 0
    }

    .uye-ol-bg form {
        padding: 25px 0
    }

    .manset {
        width: 100%
    }

    .haberContent {
        margin: 0;
        width: 100%
    }

    main {
        overflow-x: hidden
    }

    .mobileMenu {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        background-color: #f7f7f7;
        transition: all .4s cubic-bezier(.42,0,.1,1.03);
        display: block
    }

    .mobile-menu {
        width: 100%;
        height: 90vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        overflow-y: scroll
    }

    .mmClose span {
        width: 100%;
        height: 2px;
        background: #3d3d3d;
        float: left;
        position: absolute
    }

        .mmClose span:nth-child(1) {
            transform: rotate(45deg)
        }

        .mmClose span:nth-child(2) {
            transform: rotate(-45deg)
        }

    .mobile-menu ul {
        width: 80%;
        text-align: left
    }

        .mobile-menu ul li {
            width: 100%;
            float: left;
            position: relative;
            border-bottom: 1px solid #ccc
        }

    .mobileMenu .logo {
        position: absolute;
        left: 50px;
        top: 10px
    }

    .mobile-menu ul li a {
        color: #3d3d3d;
        font-size: 20px;
        padding: 25px 0;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        padding-left: 30px
    }

        .mobile-menu ul li a.active {
            background: #d8dde7
        }

        .mobile-menu ul li a img {
            position: relative;
            display: inline-block;
            width: 15px;
            margin-left: 10px;
            top: -2px;
            transition: all ease-in-out .3s
        }

        .mobile-menu ul li a.active img {
            transform: rotate(180deg)
        }

        .mobile-menu ul li a ul {
            width: 100%;
            float: left;
            display: inline-block
        }

    .mobile-menu ul li ul {
        width: 100%;
        display: none;
        float: left
    }

        .mobile-menu ul li ul li a {
            font-size: 18px;
            text-transform: capitalize;
            padding: 16px 50px
        }

    .sideBar {
        width: 100%
    }

    .filtreForm {
        display: none
    }

    .sideBarCity {
        box-shadow: inherit;
        padding-top: 1px
    }

    .menuActive .mobileMenu {
        right: 0
    }

    .sideBarTab li a {
        color: #b1b1b1
    }

        .sideBarTab li a img {
            opacity: .5
        }

        .sideBarTab li a.active img {
            opacity: 1
        }

    .proje-all-d {
        top: 35%
    }

    .haberNewsForm {
        display: inline-block;
        margin-top: 15px;
        margin-right: 30px;
        width: calc(100% - 60px);
        z-index: 2
    }

    .search-form {
        display: block;
        position: relative;
        bottom: 0;
        width: calc(100% - 240px) !important;
        right: 0;
        z-index: 9;
        margin-top: 0;
        opacity: 1
    }

        .search-form input {
            width: 100%;
            height: 40px;
            opacity: 1;
            border-radius: 5px;
            transition: all ease-in-out .3s
        }

    .input-group-btn {
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        z-index: 9;
        top: 0
    }

    .mobileMenu .firsatlarBtn {
        display: inline-block;
        width: 100%;
        margin-top: 10px
    }

    .haberMenuBar {
        top: 0;
        display: block
    }

    .haberUser {
        display: inline-block;
        float: left;
        width: 100%;
        height: auto
    }

        .haberUser ul {
            height: auto;
            display: inline-block;
            width: 100%;
            float: left
        }

            .haberUser ul li {
                width: 50%
            }

                .haberUser ul li a {
                    width: 100%;
                    padding: 10px
                }

    .haberMenuBar ul li {
        width: 100%
    }

    .haberMenuBar ul {
        display: inline-block;
        height: inherit;
        width: 100%
    }

        .haberMenuBar ul li a {
            display: inline-block;
            text-align: left;
            height: auto;
            border-bottom: 1px solid #ccc;
            width: 100%;
            padding: 15px 0
        }

    .haberMenuBar .container {
        width: 100%;
        position: static
    }

    .mmCloseHaber {
        position: absolute;
        top: 10px;
        right: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 50px
    }

    .haberMenuBar ul li:first-child {
        position: absolute;
        top: 10px;
        width: auto;
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

        .haberMenuBar ul li:first-child a {
            font-size: 6vw;
            padding: 0;
            border: 0;
            height: 45px;
            display: flex
        }

    .firsatlarBtn a {
        font-size: 4vw
    }

        .firsatlarBtn a img {
            width: 20px
        }

    .headerHaber {
        height: 80px
    }

    .mmHome img {
        width: 60%;
        display: inline-block;
        margin: auto
    }

    .mmClose img, .mmCloseHaber img {
        width: 40%;
        opacity: .4
    }

    .mmHomeHaber {
        position: absolute;
        top: 10px;
        left: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 60px
    }

        .mmHomeHaber a {
            text-align: center;
            width: 100%;
            float: left;
            margin-top: 6px
        }

        .mmHomeHaber img {
            width: 55%;
            display: inline-block
        }

    .modal_content {
        left: 5%;
        transform: translate(0,-50%);
        width: 90%;
        max-height: 90%
    }

    .form.projeGonderAppendTo {
        width: 100%;
        height: 100%
    }

    .modal_body {
        z-index: 9999;
        padding: 20px 0;
        height: 100vh;
        overflow-y: scroll
    }

    .projeFormWp {
        margin-bottom: 25px;
        top: 0
    }

    .breadcrumb {
        padding: 15px 0
    }

    .bizeyazBtn {
        width: 30%
    }

        .bizeyazBtn a {
            font-size: 13px;
            text-align: center
        }

    .takipEt {
        position: absolute;
        right: 0;
        top: 5px;
        height: 45px;
        width: 45px
    }

    .breadcrumb ul {
        width: 100%
    }

        .breadcrumb ul li + li:before {
            width: 4px;
            height: 8px;
            left: -9px;
            top: 5px
        }

    .projectDetailTitle {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        margin-top: 0
    }

    .formButtonWrapper {
        margin-left: 0;
        width: auto;
        display: table;
        margin: auto;
        float: none
    }

    .formTabButons {
        width: 100%;
        margin-left: 0
    }

        .formTabButons li a {
            font-size: 16px;
            padding: 15px 0
        }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 100px;
        padding: 14px 10px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 14px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 25px !important;
        margin: 5px 0
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -15px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -15px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -15px;
            left: auto
        }

        .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
            width: 30px;
            height: 30px;
            font-size: 18px !important
        }

    .saatAdi {
        margin-top: 15px
    }

    .saatDeger {
        font-size: 18px
    }

    .takvimSaatTab li {
        height: 100px;
        padding-top: 12px
    }

        .takvimSaatTab li span {
            font-size: 14px
        }

            .takvimSaatTab li span:nth-child(3) {
                width: 54px;
                height: 20px;
                line-height: 18px;
                font-size: 10px !important;
                margin-left: -27px;
                margin-top: 5px
            }

    .saatTab, .takvimSaatTab {
        margin: 0
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .sidebarTel {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

        .sidebarTel li {
            height: 52px
        }

            .sidebarTel li svg {
                float: left;
                margin: 15px;
                width: 18px
            }

            .sidebarTel li span {
                font-size: 16px;
                margin-top: 19px;
                float: left
            }

            .sidebarTel li a {
                width: 128px;
                height: 35px;
                line-height: 35px;
                margin-top: 8px;
                margin-right: 15px;
                font-size: 15px
            }

    .search-form input {
        width: 100%;
        height: 40px;
        opacity: 1;
        border-radius: 5px;
        transition: all ease-in-out .3s
    }

    .userController ul li {
        margin-right: 0;
        margin-left: 0;
        background: #f7f7f7;
        margin-top: 15px;
        border-top: 1px solid #e4e4e4
    }

    .digerProjeList .projeListCol {
        width: calc(50% - 15px);
        margin-right: 15px !important
    }

        .digerProjeList .projeListCol:nth-child(3n-1) {
            margin-left: 0;
            margin-right: 0
        }

        .digerProjeList .projeListCol:nth-child(even) {
            margin-right: 0 !important;
            margin-left: 15px !important
        }

    .projeInfo {
        height: auto;
        margin-top: 0
    }

    .info-right {
        width: 60%;
        text-align: right
    }

    .fixInfoRight {
        width: 100%;
        text-align: right
    }

    .InfoProjeLoc {
        margin: 17px;
        float: none;
        display: inline-block;
        margin-right: 0
    }

    .InfoProjeAdi {
        margin: 18px;
        float: none;
        display: inline-block
    }

    .InfoFavori, .InfoPaylasBtn {
        float: right;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 5px
    }

        .InfoFavori button {
            margin-top: 0
        }

    .projeInfoLogo {
        height: 80px;
        margin-top: 12px
    }

    .fixed .InfoProjeAdi {
        margin-left: 0;
        float: left;
        margin-bottom: 0;
        text-align: left
    }

    .fixed .InfoProjeLoc {
        float: left;
        text-align: left;
        margin-bottom: 0;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        float: right;
        width: auto
    }

    .fixed .InfoPaylasBtn, .fixed .InfoFavori {
        display: none
    }

    .InfoIletisimBtn {
        float: right;
        display: inline-block;
        margin-top: 0
    }

    .iletisimButonlari {
        top: 110px;
        right: -30px
    }

    .infoPaylasPopup {
        top: 110px;
        right: 215px
    }

    .formBaslikAciklama {
        margin-top: 0;
        text-align: center;
        margin-bottom: 0
    }

        .formBaslikAciklama svg {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            float: none;
            display: inline-block
        }

        .formBaslikAciklama p {
            font-size: 12px;
            line-height: 20px;
            float: none;
            display: inline-block;
            position: relative;
            top: -6px
        }

    .formZamanSlider {
        height: 110px
    }

    .aramaContainer {
        width: 85%
    }

    .ucluList .projeListCol {
        width: calc(50% - 10px);
        margin-left: 0 !important;
        margin-right: 10px !important
    }

        .ucluList .projeListCol:nth-child(2) {
            margin-left: 10px !important;
            margin-right: 0 !important
        }

    .aramaKategori {
        width: 140px
    }

    .aramaButton button {
        width: 100px !important
    }

    .ucluList .projeListCol:nth-child(3) {
        display: none
    }

    .projeForm textarea.form-control {
        height: 50px
    }

    .fixFormPage .gunButon {
        height: 85px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 90px
    }

    .sunumHeaderContent h1 {
        font-size: 60px;
        line-height: 70px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 27px
    }

    .sunumHeaderImg {
        margin-top: 50px
    }

    .sunumHizmetler h2 {
        font-size: 30px
    }

    .adimIcerik {
        font-size: 14px;
        line-height: 20px
    }

    .sunumAdimIcerik ul li {
        padding: 0 25px
    }

    .sunumProjeContent {
        min-height: 250px
    }

    .tanitimIcerik {
        position: absolute;
        left: 50%;
        width: 350px;
        top: -230px;
        margin-left: -175px;
        z-index: 99
    }

    .adimlar:before {
        border-color: #f5f5f5 transparent transparent transparent;
        right: 50%;
        top: auto !important;
        bottom: -29px;
        margin-right: -15px
    }

    .adim4, .adim5 {
        top: 50px
    }

    .adim6 {
        top: 50px
    }

    .deskTel {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .smsLeft {
        width: 100%
    }

    .pfImage {
        min-height: auto
    }

    .smsRight {
        width: 100%;
        padding: 0;
        margin-top: 25px
    }

    .form-text {
        width: 100%
    }

    h1.proje-title {
        font-size: 18px
    }

    .projectBnImage {
        min-height: 135px
    }

    .smsRight form ul li input.form-submit {
        float: initial;
        font-size: 13px;
        width: 165px;
        margin: 0 auto;
        display: table
    }

    .uye-ol-bg form .intl-tel-input {
        margin-bottom: 10px
    }

    #ProjeTalepForm .intl-tel-input {
        width: 70% !important
    }

    .ilgiliProjeler ul li {
        width: 100%;
        margin: 0 0 25px 0
    }

        .ilgiliProjeler ul li:last-child {
            margin-bottom: 0
        }

    .headerHaber .logo {
        width: 100px
    }

    .container {
        width: 90%
    }

    form#ProjeTalepForm {
        padding: 20px
    }

    #ProjeTalepForm .form-group {
        width: 100%;
        margin: 0 0 15px 0
    }

        #ProjeTalepForm .form-group label {
            width: 30%;
            font-size: 14px
        }

        #ProjeTalepForm .form-group input, #ProjeTalepForm .form-group select, #ProjeTalepForm .form-group textarea {
            width: 70%
        }

    .w50form {
        width: 70%
    }

    .pfImage {
        width: 100%
    }

    .pfIcerik {
        position: relative;
        width: 100%;
        padding: 10px;
        display: inline-block
    }

    .son-resim-d {
        width: 25px;
        right: -25px
    }

    .pfLogo {
        float: left;
        margin-bottom: 0;
        width: 120px
    }

    .pfName {
        float: left;
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 5%
    }

    .pfLocation {
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 0
    }

    .title h1 {
        font-size: 20px;
        margin-left: 10px
    }

    .title i, .title svg {
        font-size: 20px
    }

    .title {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0
    }

    .kampProjeListItem {
        width: 100%;
        margin-right: 0
    }

    .firsat {
        width: 200px;
        left: -25px;
        top: -25px
    }

    .footerContact {
        width: 100%
    }

    .footerBox {
        width: 100%;
        padding: 0;
        margin-top: 30px
    }

    .footerMenu {
        width: 100%;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 25px
    }

        .footerMenu span {
            width: 100%
        }

        .footerMenu:last-child {
            margin-bottom: 0
        }

    .footerTop {
        padding: 25px 0
    }

    .copyright {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .footerBottom .container {
        display: table
    }

    .footerSocial {
        width: 100%
    }

        .footerSocial ul {
            float: initial;
            margin: 0 auto;
            display: table
        }

    .kampanyaliProjeler {
        padding-bottom: 0;
        width: 100%;
        padding: 30px 0 50px 0;
        margin-left: 0
    }

    .haberLink a {
        font-size: 4vw
    }

    .navBar {
        height: 60px
    }

    .header {
        height: 95px
    }

    .haberLink {
        height: 40px
    }

    .hatirlamiyorum {
        padding-top: 0;
        line-height: 1.4;
        width: 65% !important
    }

        .hatirlamiyorum a {
            float: left;
            display: inline-block;
            width: calc(100% - 35px)
        }

    .uye-giris-sol-content {
        height: auto;
        padding-bottom: 20px
    }

    .uye-giris-sol ul {
        padding: 30px 30px
    }

    .form-sag, .form-sol {
        width: 100%
    }

    .projeLogo {
        width: 31.33%;
        padding: 10px
    }

    .projeAd {
        width: 66.66%;
        margin-left: 2%;
        margin-right: 0
    }

    .projeLokasyon {
        width: 100%;
        height: auto;
        padding: 10px 0;
        margin-top: 1.5%;
        background-color: #f1f1f1
    }

    .projeAciklama {
        padding: 25px 20px
    }

        .projeAciklama h2 {
            font-size: 22px;
            margin-bottom: 50px
        }

        .projeAciklama h4 {
            font-size: 17px
        }

    .galeriList li {
        width: 31.33%
    }

    .videoList iframe {
        height: 190px
    }

    .digerProjeList .kampProjeListItem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .kampProjeContent h3 {
        line-height: 1.3;
        height: 39px
    }

    .kampProjeContent {
        height: 170px
    }

    #map_canvas {
        height: 250px
    }

    .pfCarousel .owl-nav {
        right: initial;
        left: calc(135px + 30%);
        transform: translateX(-50%);
        bottom: -15px
    }

    .pfCarousel {
        margin-bottom: 30px
    }

    .butceYokForm {
        margin-top: 20px
    }

    .logo {
        width: 170px
    }

    .haberLogo {
        width: 140px
    }

    .navBarHaber {
        height: 70px
    }

    .w100.headerHaber {
        height: 70px
    }

    .haberMenuBar {
        top: 0;
        display: block;
        height: auto;
        border: none;
        width: calc(100% - 60px);
        margin-left: 30px
    }

    .mansetCarousel .items {
        height: 250px
    }

        .mansetCarousel .items h2 {
            font-size: 4vw;
            padding: 0 15px;
            line-height: 1.2
        }

    .mansetCarousel .owl-dots {
        height: 35px
    }

    .mansetCarousel .owl-dot {
        font-size: 13px !important
    }

    .newsCampCarousel .items a .ncTitle {
        padding: 0 10px;
        font-size: 14px
    }

    .newBox {
        width: 100%;
        margin: 20px 0 0
    }

    .haberler {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .haberContent .bgContainerShadowWhite {
        padding: 0 20px 35px
    }

    .haberIcerik h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .haberIcerik h2 {
        font-size: 17px
    }

    .haberIcerik h3 {
        font-size: 20px
    }

    .breadcrumb ul li {
        margin: 3px 5px;
        display: none
    }

    .haberTarih {
        padding-top: 10px
    }

    .firsatProjeList li {
        width: 48%;
        margin-right: 4%
    }

        .firsatProjeList li:nth-child(2n+2) {
            margin-right: 0
        }

    .fpTop h2 {
        font-size: 14px
    }

    .fpTop h3 {
        font-size: 12px
    }

    .downArrow {
        width: 30px
    }

    .fhTitle h2 {
        font-size: 5vw
    }

    .nativeAciklama p {
        font-size: 20px !important
    }

    .firsatContent h2 {
        font-size: 27px;
        line-height: 1.2;
        margin-bottom: 20px
    }

    .firsatContent p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .formDoldurLink a {
        font-size: 20px
    }

    .formDoldurLink {
        margin-bottom: 45px
    }

    .topSlogan {
        font-size: 11px
    }

    .kullanici {
        width: 150px
    }

        .kullanici > a {
            font-size: 12px
        }

    .projectForm form {
        margin-top: 0
    }

    .call_icon {
        width: 80px;
        bottom: 0;
        top: auto
    }

    .formTitle2 {
        font-size: 16px
    }

    .projectDetailTitle.hauto .call_icon {
        width: 90px
    }

    .projectDetailTitle.hauto {
        height: 50px
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 40px
    }

    .formButtonWrapper {
        width: 100%;
        margin-top: 20px;
        display: inline-block
    }

    .formButtonContact.renk2 {
        margin-bottom: 0
    }

    .projeSlogan a {
        height: auto;
        padding-left: 0;
        flex-direction: column;
        padding-top: 11px;
        align-items: flex-end
    }

    .projeSlogan .projeSloganLeft {
        margin-bottom: 15px;
        float: none;
        width: 100%;
        display: flex;
        justify-content: end;
        padding-left: 15px;
        flex-direction: column
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 23px
    }

    .projeSlogan a i {
        margin-left: 0
    }

    .projeSlogan {
        margin-bottom: 0
    }

        .projeSlogan.small .projeSloganLeft {
            padding-left: 0;
            align-items: end
        }

            .projeSlogan.small .projeSloganLeft i {
                margin-left: 0;
                margin-right: 15px;
                width: 25px;
                margin-top: 5px
            }

        .projeSlogan.small a {
            height: auto;
            padding-left: 10px
        }

    .breadcrumb ul li.brandDots {
        display: block;
        color: #818181;
        margin-right: 10px;
        margin-left: 10px
    }

    .breadcrumb ul li:first-child {
        display: block
    }

    .breadcrumb ul li:last-child {
        display: block
    }

    .breadcrumb {
        padding: 0 0;
        margin-top: 15px;
        margin-bottom: 10px
    }

        .breadcrumb ul li a i {
            width: 17px;
            top: 0
        }

    .telBtn {
        font-size: 14px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

    .formTabButons {
        margin-top: 20px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 9px 6px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 12px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .saatDeger {
        font-size: 15px
    }

    .saatAdi {
        margin-top: 12px
    }

    .takvimSaatTab li {
        height: 80px;
        padding-top: 8px
    }

        .takvimSaatTab li span {
            font-size: 12px
        }

    .sonuc {
        font-size: 14px !important
    }

    .sidebarTel li {
        height: 45px
    }

        .sidebarTel li svg {
            margin: 11px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 14px;
            margin-top: 16px
        }

        .sidebarTel li a {
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin-top: 7px;
            margin-right: 6px;
            font-size: 13px
        }

    .topBar span {
        font-size: 11px;
        margin-right: 20px
    }

    .topBar a {
        font-size: 10px;
        width: 75px;
        height: 22px;
        line-height: 20px
    }

    .topBar {
        height: 35px
    }

    .navBar {
        height: 60px;
        top: 35px
    }

    .logo {
        width: 170px;
        margin-top: 10px
    }

    .menuButon {
        width: 40px;
        height: 35px;
        margin-top: 12px
    }

    .menu-trigger.second .line {
        height: 2px
    }

    .mmClose {
        width: 35px;
        height: 35px;
        position: absolute;
        right: 10px;
        top: 30px
    }

    .mobile-menu ul li a {
        font-size: 16px;
        padding: 15px
    }

    .mobile-menu ul li ul li a {
        font-size: 15px;
        text-transform: capitalize;
        padding: 15px 50px
    }

    .mobile-menu {
        align-items: flex-start;
        height: calc(90vh - 100px)
    }

    .header-right {
        float: left;
        margin-top: 70px;
        width: 80%;
        margin-left: 10%
    }

    .aramaBtn {
        width: calc(50% - 7px)
    }

    .girisBtn {
        width: 50%
    }

    .mobileMenu .logo {
        position: absolute;
        left: 5%;
        top: 5px
    }

    .header-right {
           margin-top: 0;
    margin-bottom: 0;
    opacity: 1;
    visibility: visible;
    width: auto;
    }

        .header-right.aktif {
            opacity: 1;
            visibility: visible
        }

    .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListContent, .projeListContent p, .projeListCol {
        min-height: auto
    }

    .digerProjeList .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .sunumStar, .sunumStar:before {
        width: 40px;
        height: 40px
    }

    .digerProjeList .projeListFooter {
        padding: 0 15px 20px 15px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .newBilgiAl {
        margin-top: 3px
    }

    .projeInfoLogo {
        height: 50px;
        margin-top: 5px;
        width: auto;
        text-align: center;
        padding: 0
    }

        .projeInfoLogo img {
            display: inline-block;
            float: none;
            margin: auto
        }

    .info-right {
        width: 60%;
        text-align: right;
        margin-right: 0
    }

    .InfoProjeAdi, .InfoProjeLoc {
        margin: 7px;
        float: left
    }

        .InfoProjeLoc svg, .InfoProjeAdi svg {
            float: left;
            margin-right: 5px;
            width: 13px;
            height: 13px
        }

        .InfoProjeLoc strong, .InfoProjeAdi a {
            font-size: 11px
        }

    .fixInfoRight {
        display: none
    }

    .newProjeOzet {
        height: auto;
        padding: 15px 15px
    }

        .newProjeOzet h1 {
            font-size: 16px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 20px
    }

    .projeSloganLeft span {
        margin-left: 0;
        margin-top: 10px
    }

    .projeSlogan.small a {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden
    }

    .projeSlogan a .projeSloganRight {
        position: absolute;
        float: right;
        bottom: 0;
        width: 150%
    }

    .formRow {
        width: 100%;
        float: left;
        margin-top: 15px
    }

    .formBaslikAciklama svg {
        float: left
    }

    .formBaslikAciklama {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .formBaslikAciklama p {
            font-size: 13px;
            line-height: normal;
            width: calc(100% - 35px);
            float: left;
            text-align: left;
            height: 20px;
            display: flex;
            align-items: center;
            position: relative;
            top: 0
        }

    .formZamanSlider {
        height: 90px
    }

    .projeForm textarea.form-control {
        height: 60px
    }

    .projeInfo.fixed {
        top: 59px;
        border: none;
        border-top: 1px solid #ccc
    }

    .fixed .InfoProjeAdi {
        display: none
    }

    .fixed .InfoProjeLoc .infoSvg {
        width: 35px;
        height: 35px;
        top: -4px
    }

    .fixed .infoSvgBaslik {
        top: -6px;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        display: block
    }

    .fixed .InfoProjeLoc {
        margin-right: 0
    }

    .fixed .fixIletisimBtn {
        display: flex;
        width: 100px;
        font-size: 12px;
        margin-left: 0;
        height: 30px;
        margin-top: 6px
    }

    .girisMenuKapat {
        display: none !important
    }

    .uye-dropdown {
        right: 0;
        position: relative;
        width: 100%;
        float: left;
        top: 20px;
        margin-bottom: 20px;
        box-shadow: none
    }

    .firsat-projeleri {
        display: none
    }

    .aramaPage {
        height: calc(100vh - 90px);
        top: 90px
    }

    .sticky .aramaPage {
        top: 60px;
        height: calc(100% - 60px)
    }

    .aramaKategori {
        width: 100px
    }

    .select-box__input-text {
        font-size: 18px;
        line-height: 50px;
        padding-left: 15px
    }

    .select-box__icon {
        width: 14px;
        opacity: 1
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 50px !important
    }

    .search-form {
        width: calc(100% - 100px) !important;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .input-group-btn {
        width: 120px;
        height: 40px !important;
        position: relative;
        right: 0;
        z-index: 9;
        top: 0;
        border-radius: 4px;
        margin-top: 15px;
        font-size: 14px;
        left: 50%;
        margin-left: -60px
    }

    .search-form input {
        font-size: 14px;
        padding-right: 20px;
        padding-left: 20px
    }

    .aramaButton button {
        width: 100% !important;
        height: 40px !important;
        font-size: 16px
    }

    .sonAranan {
        display: none
    }

    .aramaBaslik {
        font-size: 18px;
        padding-bottom: 10px
    }

        .aramaBaslik .searchButtonAll {
            font-size: 14px;
            line-height: 18px
        }

    .sonucIkon {
        width: 20px;
        height: 20px
    }

        .sonucIkon svg {
            width: 16px;
            height: 16px
        }

    .sonucProjeAdi {
        line-height: 20px;
        margin-right: 10px
    }

    .sonucProjeAdi {
        line-height: 20px;
        margin-left: 10px;
        font-size: 14px
    }

    .projeSonucBolge {
        line-height: 20px;
        font-size: 12px
    }

    .sonucDetay {
        display: none
    }

    .fixFormClose {
        top: 100px
    }

    .fixFormPage {
        top: 50px
    }

        .fixFormPage .gunButon {
            height: 75px;
            padding: 6px 5px
        }

        .fixFormPage .formZamanSlider {
            height: 80px
        }

        .fixFormPage textarea.form-control {
            height: 40px
        }

        .fixFormPage .butceYokForm {
            margin-top: 0
        }

    .sunumHeaderImg, .sunumAdim {
        display: none
    }

    .sunumHeaderContent {
        height: auto;
        width: 100%;
        padding-right: 0
    }

        .sunumHeaderContent h1 {
            font-size: 50px;
            line-height: 60px
        }

        .sunumHeaderContent h2, .sunumProjeListe h2, .sunumHizmetler h2 {
            font-size: 24px
        }

    .sunumHeader {
        height: 450px;
        padding-bottom: 50px
    }

    .sunumAdimIcerik ul li {
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
        text-align: left
    }

    .adimBaslik {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 15px
    }

        .adimBaslik span {
            width: 40px;
            height: 40px;
            background: #fff;
            display: block;
            float: left;
            border-radius: 50%;
            text-align: center;
            font-weight: 900;
            line-height: 40px;
            font-size: 20px;
            margin-right: 15px;
            box-shadow: 0 0 10px rgba(0,0,0,.5)
        }

    .sunumAdimIcerik li:nth-child(1) span, .sunumAdimIcerik li:nth-child(1) strong {
        color: #fc490c
    }

    .sunumAdimIcerik li:nth-child(2) span, .sunumAdimIcerik li:nth-child(2) strong {
        color: #e62e4e
    }

    .sunumAdimIcerik li:nth-child(3) span, .sunumAdimIcerik li:nth-child(3) strong {
        color: #931d80
    }

    .sunumAdimIcerik li:nth-child(4) span, .sunumAdimIcerik li:nth-child(4) strong {
        color: #3c53ae
    }

    .adimBaslik strong {
        font-size: 20px;
        line-height: 40px
    }

    .sunumHizmetler {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .sunumVideoRow {
        height: 280px
    }

    .videoContent {
        width: 86%;
        height: 200px;
        border-radius: 15px;
        margin-left: 0;
        left: 7%;
        bottom: 20px
    }

        .videoContent:before {
            height: 20px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px
        }

        .videoContent:after {
            height: 20px;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px
        }

        .videoContent a svg {
            width: 50px;
            height: 50px
        }

    .videoMan {
        right: 0
    }

    .sunumProjeListe li {
        min-height: auto;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px
    }

    .sunumProjeContent {
        min-height: auto
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px;
            position: relative;
            bottom: 0;
            margin-top: 10px;
            margin-bottom: 10px
        }

    .sunumProjeListe ul {
        margin-bottom: 20px
    }

    .sunumProjeListe {
        padding-bottom: 50px
    }

        .sunumProjeListe h2 {
            margin-top: 50px;
            margin-bottom: 35px
        }

    .tanitimIcerik {
        width: 300px;
        margin-left: -150px
    }

    .adimlar {
        padding: 15px 15px
    }

        .adimlar img, .adimSvg {
            display: none
        }

        .adimlar strong {
            font-size: 16px;
            width: 100%;
            line-height: 20px;
            margin-top: 0;
            margin-bottom: 10px
        }

    .tanitimIcerik {
        top: -150px
    }

    .tanitimCloseBg {
        top: 60px
    }

    .adimlar p {
        width: 100%;
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
        color: #3c3c3c
    }

    .adim4 {
        top: 70px
    }

    .adim5 {
        top: 20px
    }

    .pfSlider {
        min-height: auto
    }

    .haberDetayRow .breadcrumb {
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: inherit
    }

    .native1-bg {
        height: 300px;
        background-size: cover !important;
        background-position: top center !important
    }

    .firsatContent h1 {
        font-size: 16px;
        padding: 0 20px;
        margin: 15px 0
    }

    .scrollDownBtn2 {
        margin: 0 auto 10px;
        display: table;
        width: 20px
    }

    #formAc .formBaslikAciklama p {
        top: -5px;
        position: relative;
        line-height: 20px;
        display: inline-block;
        height: auto;
        margin-left: 10px
    }

        #formAc .formBaslikAciklama p span {
            width: 100%;
            float: left
        }

    .form-control, .send-form {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .haberBgDiger {
        background-size: 105% !important;
        height: 240px;
        background-position: top center !important
    }

    .fixed .seciliTarihButon, .fixed .saatSlider, .fixed .saatButon {
        height: 75px
    }
}

@media only screen and (max-width:350px) {
    .userController ul li {
        margin-right: 10px
    }

    .container {
        width: 95%
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 20px
    }
}

@media only screen and (min-height:850px) {
    .fixFormPage .projectForm {
        max-height: 570px
    }
}

@media only screen and (max-height:800px) {
    .fixFormPage .projectForm {
        max-height: 480px
    }
}

@media only screen and (min-width:851px) {
    .digerProjeList .kampProjeListItem:nth-child(3n+3) {
        margin-right: 0
    }

    .haberLink a:hover {
        letter-spacing: 2px
    }

    .haberSticky .stickyLogo {
        display: inline-block;
        float: left
    }
}

@media only screen and (min-width:768px) {
    .firsatProjeList li:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .container {
        width: 1000px
    }

    .sideBar {
        width: 240px
    }

    .homeSect {
        width: calc(97% - 240px)
    }

    .pfImage {
        width: calc(100% - 200px);
        min-height: 190px
    }

    .pfSlider {
        min-height: 190px
    }

    .pfIcerik {
        width: 200px;
        padding-bottom: 20px
    }

    .pfLogo {
        width: 100px
    }

    .videoYok {
        height: 330px
    }

        .videoYok img {
            width: 90px
        }

        .videoYok p {
            font-size: 16px;
            line-height: 24px
        }

    .pfLocation {
        padding: 0 15px;
        width: 100%;
        font-size: 12px
    }

        .pfLocation i {
            width: 12px
        }

        .pfLocation strong {
            width: auto;
            padding-left: 10px
        }

    .logo {
        width: 180px
    }

    .projectBnImage {
        min-height: 260px
    }

    .searchForm {
        width: auto;
        margin-left: 40px
    }

    .firsatlarBtn a {
        padding: 0 15px;
        font-size: 12px
    }

        .firsatlarBtn a img {
            width: 15px
        }

    .digerProjeList .projeListImage {
        max-height: 202px
    }

    .telefon a {
        font-size: 17px
    }

    .uye-giris-sol-content ul li {
        margin-top: 30px
    }

    .newsContent h3 {
        font-size: 15px;
        height: 17px;
        line-height: 1.2
    }

    .stickyLogo {
        width: 140px
    }

    .formButtonContact a {
        font-size: 14px
    }

        .formButtonContact a span {
            width: auto;
            padding: 7px 14px;
            font-size: 14px
        }

    .formButtonContact a {
        height: 45px;
        padding-left: 15px
    }

        .formButtonContact a .buttonLeft i {
            width: 17px;
            margin-right: 8px
        }

    .formTitle2 {
        font-size: 16px
    }

    .call_icon {
        width: 100px
    }

    .projectDetailTitle {
        height: 75px
    }

    #FirmaFormProje .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .projectForm.firmaProjectForm {
        height: 500px
    }

    .map.firmaHarita, #map_canvas {
        height: 405px !important
    }

    .butceYokForm .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -16px;
        margin-top: -9px
    }

    .formTitle2 {
        font-size: 18px
    }

    .projectDetailTitle.hauto .call_icon {
        width: auto
    }

    .projeSlogan a strong {
        font-size: 19px;
        line-height: 27px
    }

    .projeSlogan a {
        padding-left: 25px;
        height: 120px
    }

        .projeSlogan a i {
            width: 30px;
            margin-top: 10px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 25px
    }

    .projeSlogan.small a {
        height: 55px
    }

    .userController ul li {
        margin-left: 40px
    }

    .main-menu ul li {
        margin-left: 10px
    }

        .main-menu ul li a {
            padding: 10px 14px;
            font-size: 14px
        }

    .search-form.active {
        width: 150px;
        opacity: 1
    }

    .search-form input {
        font-size: 16px;
        padding-right: 30px
    }

    .aramaContainer {
        width: 870px
    }

    .aramaPageClose svg {
        width: 20px;
        height: 20px
    }

    .aramaPageClose {
        top: 40px
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 60px !important
    }

    .sonAranan svg {
        float: left;
        margin-right: 15px;
        width: 20px;
        height: 20px
    }

    .ucluList .projeListContent p {
        min-height: 70px
    }

    .ucluList .projeListCol {
        min-height: 420px
    }

    .sonAranan p {
        font-size: 16px;
        line-height: 20px
    }

    .select-box__input-text {
        font-size: 20px;
        line-height: 60px
    }

    .aramaBar {
        margin-top: 80px
    }

    .userController ul li a, .nav-alt-bar li a {
        font-size: 14px
    }

    .main-menu {
        margin-top: 25px;
        margin-left: 80px
    }

    .nav-alt-bar li {
        margin-right: 40px
    }

    .haberMenuBar li {
        margin-right: 20px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

        .formTabButons li a svg {
            width: 14px;
            height: 14px;
            margin-right: 5px
        }

    .projectForm {
        padding: 10px 15px;
        height: 482px
    }

    .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
        font-size: 12px
    }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .saatDeger {
        font-size: 14px
    }

    .saatAdi {
        margin-top: 10px
    }

    .seciliTakvimKapat svg {
        width: 7px;
        height: 7px
    }

    .seciliTakvimKapat {
        padding-top: 2px;
        padding-left: 1px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 10px 6px
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -12px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -12px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -12px;
            left: auto
        }

    .projeForm .form-control {
        height: 35px;
        font-size: 12px;
        padding-right: 20px
    }

    .butceYokForm .form-control {
        height: 38px
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .formIzin {
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 35px
    }

    .sidebarTel li {
        height: 40px
    }

        .sidebarTel li svg {
            float: left;
            margin: 9px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 15px;
            margin-top: 13px;
            float: left
        }

        .sidebarTel li a {
            width: 90px;
            height: 25px;
            line-height: 25px;
            margin-top: 7px;
            margin-right: 10px;
            font-size: 13px
        }

    .takvimGaleri {
        margin: 5px 0
    }

    .formTabButons li a span {
        top: -2px
    }

    .projeForm textarea.form-control {
        height: 40px
    }

    .videoYokRow textarea.form-control {
        height: 80px
    }

    .butceYokForm textarea.form-control {
        height: 60px
    }

    .saatTab, .takvimSaatTab {
        margin: 5px 0
    }

        .takvimSaatTab li {
            height: 80px;
            padding-top: 10px
        }

            .takvimSaatTab li span {
                font-size: 12px
            }

    .sonuc {
        font-size: 16px !important
    }

    .takvimSaatTab li span:nth-child(3) {
        width: 50px;
        height: 16px;
        line-height: 14px;
        font-size: 8px !important;
        margin-left: -25px;
        margin-top: 2px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 14px;
        padding: 12px 35px
    }

    .firsat-left-menu {
        width: 31%
    }

        .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
            font-size: 24px;
            margin-bottom: 20px
        }

    .tumBtn {
        font-size: 14px;
        width: 200px
    }

    .firsat-right-pages {
        width: 69%
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 310px;
        padding: 25px 25px 25px 30px
    }

    .firsat-content h3 {
        font-size: 16px
    }

    .firsat-content p {
        font-size: 12px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 14px
    }

    .child-menu-pages {
        height: 370px
    }

    .projeler-page ul li:nth-child(1) {
        height: 310px
    }

    .projeler-page ul li {
        height: 145px
    }

    .projeler-left-menu ul {
        min-height: 220px
    }

    .projeler-page ul li a strong {
        font-size: 20px
    }

    .haberler-page ul li span {
        height: 145px
    }

    .haberler-page ul li strong {
        font-size: 15px
    }

    .haberler-page ul li {
        min-height: 220px
    }

    .haberler-left-menu ul {
        min-height: 215px
    }

    .esunum-list h2 {
        font-size: 24px
    }

    .esunum-list ul li strong {
        font-size: 14px
    }

    .esunum-detayli-bilgi {
        height: 370px
    }

    .projeler-page {
        padding: 0
    }

    .projeler-left-menu ul li a {
        border-radius: 10px;
        padding: 10px 35px
    }

    .projeListContent {
        min-height: 190px
    }

    .projeListCol {
        min-height: 560px
    }

    .digerProjeList .projeListContent h3 {
        font-size: 16px
    }

    .digerProjeList .projeListContent p {
        font-size: 13px
    }

    .digerProjeList .newBilgiAl a {
        width: 100px;
        font-size: 13px
    }

    .digerProjeList .projeListContent {
        min-height: 170px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 14px
    }

    .projeInfo {
        height: 55px;
        margin-top: 0
    }

    .projeInfoLogo {
        height: 55px
    }

    .InfoProjeAdi {
        margin: 18px
    }

    .InfoProjeLoc {
        margin: 17px
    }

    .InfoPaylasBtn, .InfoFavori button {
        width: 90px;
        height: 35px;
        line-height: 33px;
        margin: 9px 0 9px 10px
    }

        .InfoFavori button svg {
            top: 2px
        }

        .InfoPaylasBtn span, .InfoFavori button span {
            top: -1px;
            position: relative
        }

    .InfoIletisimBtn {
        padding: 9px 17px;
        margin: 9px 0 9px 10px
    }

    .iletisimButonlari {
        width: 240px;
        padding: 15px 25px 5px 25px;
        top: 60px
    }

        .iletisimButonlari a {
            height: 45px;
            font-size: 15px
        }

        .iletisimButonlari svg {
            width: 20px;
            height: 20px;
            margin-right: 10px
        }

    .infoPaylasPopup {
        top: 60px;
        right: 120px
    }

    .formBaslikAciklama p {
        font-size: 13px
    }

    .formZamanSlider {
        height: 90px
    }

    .iletisimSecenek li {
        height: 45px
    }

    .fixed .InfoProjeAdi .infoSvg, .fixed .InfoProjeLoc .infoSvg {
        width: 40px;
        height: 40px
    }

    .fixed .InfoProjeAdi span, .fixed .InfoProjeLoc span {
        font-size: 13px;
        line-height: 1.1;
        margin-top: 4px
    }

    .fixIletisimBtn {
        width: 140px;
        height: 35px;
        font-size: 14px;
        margin-top: 9px
    }

    .tesekkurler-form p, .tesekkurler-form p strong {
        font-size: 15px
    }

    .uye-dropdown li a {
        font-size: 14px
    }

    .uye-dropdown {
        width: 180px;
        padding: 10px 20px
    }

    .fixFormClose {
        top: 130px
    }

    .fixFormPage .projectForm {
        max-height: 430px
    }

    .fixFormPage {
        width: 340px
    }

    .tel-col svg {
        width: 15px;
        height: 15px;
        float: left;
        margin: 12px 7px
    }

    .tel-col strong {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col span {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col a {
        height: 37px
    }

    .fixFormPage .gunButon {
        height: 75px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 80px
    }

    .formIzin label, .YasalIzinMetin {
        font-size: 12px;
        line-height: 14px;
        padding-left: 0;
        text-align: left
    }

    .sunumHeaderContent h1 {
        font-size: 80px;
        line-height: 90px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 36px
    }

    .sunumHeaderContent p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px
    }

    .sunumHeaderContent {
        height: 310px
    }

    .sunumHeader {
        height: 600px
    }

    .sunumHizmetler h2 {
        font-size: 40px
    }

    .adimIcerik {
        font-size: 16px;
        line-height: 24px
    }

    .sunumVideoRow {
        height: 650px
    }

    .videoContent {
        width: 650px;
        height: 380px;
        border-radius: 25px;
        margin-left: -325px
    }

    .videoMan {
        right: 70px
    }

    .videoContent:before {
        height: 30px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px
    }

    .videoContent:after {
        height: 30px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

    .sunumProjeContent h3 {
        font-size: 14px;
        line-height: 18px
    }

    .sunumProjeContent p {
        font-size: 13px;
        line-height: 17px
    }

    .sunumProjeListe li {
        width: calc(33.3% - 20px);
        min-height: 410px
    }

        .sunumProjeListe li:nth-child(3n-1) {
            margin-left: 30px;
            margin-right: 30px
        }

    .sunumProjeContent {
        min-height: 210px
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px
        }

    .adim6 {
        top: 340px
    }

    .adim2, .adim3 {
        top: 50px
    }

    .adim4, .adim5 {
        top: 130px
    }

    .introOk {
        width: 180px;
        top: 145px;
        left: 47%
    }

    .introBaslik {
        position: absolute;
        margin-top: 180px;
        font-size: 46px;
        color: #fff;
        width: 50%;
        font-weight: 700;
        line-height: 58px
    }

    .introAciklama {
        top: 320px;
        font-size: 26px;
        width: 48%;
        line-height: 38px
    }
}

@media only screen and (max-width:1100px) {
    .fixFormPage .projectForm {
        max-height: 460px
    }

    .container {
        width: 900px
    }

    .main-menu {
        margin-left: 50px
    }

    .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
        font-size: 20px;
        margin-bottom: 20px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 12px
    }

    .firsat-content h3 {
        font-size: 14px;
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: 180px
    }

    .firsat-content p {
        font-size: 11px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 13px
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 275px;
        padding: 20px 20px 20px 25px
    }

    .tumBtn {
        font-size: 13px;
        width: 180px;
        margin-top: 10px
    }

    .child-menu-pages {
        height: 340px
    }

    .projeler-left-menu ul {
        min-height: 200px
    }

    .projeler-page {
        padding: 0
    }

        .projeler-page ul li:nth-child(1) {
            height: 280px
        }

        .projeler-page ul li, .haberler-page ul li span {
            height: 130px
        }

    .haberler-left-menu ul li a {
        padding: 10px 35px
    }

    .haberler-left-menu ul {
        min-height: 195px
    }

    .haberler-page ul li strong, .esunum-list ul li strong {
        font-size: 13px
    }

    .haberler-page ul li {
        min-height: 200px
    }

    .esunum-list h2 {
        font-size: 20px
    }

    .esunum-detayli-bilgi {
        height: 340px;
        padding: 0 25px
    }

    .projeListCol {
        width: calc(50% - 10px);
        margin-right: 10px
    }

        .projeListCol:nth-child(even) {
            margin-right: 0;
            margin-left: 10px
        }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .projeListContent {
        padding: 15px 15px
    }

    .projeListCol {
        min-height: 520px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0;
        margin-left: 0
    }

    .digerProjeList .projeListCol:nth-child(3n-1) {
        margin-left: 15px;
        margin-right: 15px
    }

    .newProjeOzet p {
        font-size: 14px
    }

    .formBaslikAciklama svg {
        width: 16px;
        height: 16px;
        margin-right: 5px
    }

    .formBaslikAciklama p {
        font-size: 12px;
        line-height: 16px
    }

    .iletisimSecenek li {
        height: 40px;
        font-size: 14px
    }

    .projeForm textarea.form-control {
        height: 35px
    }

    .videoYokRow textarea.form-control {
        height: 60px
    }

    .formZamanSlider {
        margin-bottom: 8px
    }

    .projectForm {
        height: 454px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 13px
    }

    .InfoIletisimBtn span {
        font-size: 13px
    }

    .sunumHeaderContent h1 {
        font-size: 70px;
        line-height: 80px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 34px
    }

    .sunumHeader {
        height: 500px;
        padding-bottom: 50px
    }

    .sunumVideoRow {
        height: 550px
    }

    .videoContent {
        width: 550px;
        height: 340px;
        border-radius: 25px;
        margin-left: -275px
    }

        .videoContent a svg {
            width: 80px;
            height: 80px
        }

    .sunumProjeContent p {
        font-size: 12px;
        line-height: 16px
    }

    .sunumProjeListe li {
        min-height: 390px
    }
}

@media only screen and (max-width:850px) {
    .yenilikVar {
        display: none
    }

    .smsLeft {
        width: 250px
    }

    .projeListCol {
        min-height: 555px
    }

    .projeListLogo {
        padding-left: 25px
    }

    .projeListTitle {
        padding-right: 25px
    }

    .projeListContent {
        padding: 20px 25px
    }

    .smsRight {
        width: calc(100% - 250px)
    }

    .formSmsCheck {
        width: 100%
    }

    .map.firmaHarita {
        height: 330px;
        margin-top: 15px
    }

    .digerProjeList .projeListImage {
        max-height: 215px
    }

    .header {
        height: 140px
    }

    .uye-dropdown {
        right: 65px
    }

    .destekButon {
        display: block;
        background-color: #08a037;
        font-weight: 600;
        color: #fff;
        border-radius: 8px 0 0 0;
        padding: 10px 20px;
        text-align: center;
        cursor: pointer;
        position: fixed;
        bottom: 0;
        right: 0;
        transition: all ease-in-out .4s;
        z-index: 99;
        box-shadow: -2px -2px 10px rgba(0,0,0,.2);
        font-size: 15px
    }

    .fixMobil {
        width: 100%;
        height: 65px;
        position: fixed;
        left: 0;
        background: rgba(82,82,82,.95);
        z-index: 99;
        bottom: -65px;
        transition: all ease-in-out .4s;
        display: inline-block
    }

        .fixMobil ul {
            width: 77%;
            margin: 10px 0 0;
            padding: 0 0 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            float: left
        }

            .fixMobil ul li {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .fixMobil ul li a {
                    padding: 12px;
                    background-color: #818285;
                    border-radius: 360px;
                    width: 46px;
                    height: 46px
                }

                    .fixMobil ul li a span {
                        width: 100%;
                        margin-top: 8px;
                        font-size: 13px;
                        line-height: 1.2;
                        font-weight: 400
                    }

                .fixMobil ul li:nth-child(1) a {
                    background-color: #dd665b
                }

                .fixMobil ul li:nth-child(3) a {
                    background-color: #3579e5
                }

                .fixMobil ul li:nth-child(2) a {
                    background-color: #28ba65
                }

    #socialus-wrapper {
        transition: all ease-in-out .4s;
        bottom: -65px !important;
        right: 6% !important
    }

    .fixMobil.active {
        bottom: 0
    }

    #socialus-wrapper.active {
        bottom: 10px !important
    }

    .destekButon.active {
        bottom: 65px
    }

    #socialus-button {
        border-radius: 360px !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 25px;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: initial !important;
        margin: 0 !important
    }

    .form-panel {
        margin-left: 0;
        margin-top: 25px;
        width: 100%
    }

    .firsatlarBtn, .haberSideBar, .mansetProje, .projeGonder, .searchForm, .sideBarAccordion, .telefon, .topProjects {
        display: none
    }

    .stickyLogo {
        display: none
    }

    .menuActive {
        overflow: hidden
    }

    .menu-trigger.second {
        transition: all .5s 0s;
        width: 100%;
        height: 100%;
        position: relative
    }

        .menu-trigger.second .line {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            height: 3px;
            background: #3d3d3d;
            transition: .3s
        }

            .menu-trigger.second .line.line-1 {
                transition: all .3s .3s,transform .3s 0s
            }

            .menu-trigger.second .line.line-2 {
                top: 50%;
                margin-top: -1px;
                left: 0;
                transition: all .3s .3s
            }

            .menu-trigger.second .line.line-3 {
                bottom: 0;
                top: auto;
                left: 0;
                transition: all .3s .3s,transform .3s 0s
            }

        .menu-trigger.second.active {
            transform: rotate(135deg);
            transition: all .5s .3s
        }

            .menu-trigger.second.active .line-1 {
                top: 50%;
                margin-top: -1px;
                transform: rotate(90deg);
                transition: all .3s,transform .3s .3s
            }

            .menu-trigger.second.active .line-2 {
                opacity: 0;
                transition: all .3s,opacity .3s 0s
            }

            .menu-trigger.second.active .line-3 {
                bottom: 50%;
                margin-bottom: -1px;
                transform: rotate(0);
                transition: all .3s,transform .3s .3s
            }

    .accountMenu, .nav-alt-bar, .main-menu {
        display: none
    }

    .menuButon {
        width: 45px;
        height: 40px;
        position: relative;
        padding: 8px 6px;
        border-radius: 4px;
        float: right;
        margin-top: 24px;
        margin-left: 20px
    }

    .mmTop {
        width: 100%;
        display: inline-block;
        height: 50px;
        float: left;
        display: inline-block
    }

    .mmHome {
        width: 80px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #df6459;
        float: left;
        font-size: 8vw;
        border-right: 1px solid #f5f5f5;
        text-align: center
    }

    .mmQuickMenu {
        width: calc(100% - 130px);
        float: left;
        display: inline-block;
        height: 100%
    }

    .mmClose {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 30px;
        top: 50px
    }

        .mmClose span {
            width: 100%;
            height: 2px;
            background: #3d3d3d;
            float: left;
            position: absolute
        }

            .mmClose span:nth-child(1) {
                transform: rotate(45deg)
            }

            .mmClose span:nth-child(2) {
                transform: rotate(-45deg)
            }

    .mmQuickMenu li {
        height: 100%;
        width: 50%;
        float: left;
        border: 5px solid #fff
    }

        .mmQuickMenu li a {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e8e8e8;
            color: #df6459;
            font-weight: 500;
            font-size: 3.5vw
        }

    .sideBarTab {
        box-shadow: initial
    }

        .sideBarTab a.active {
            box-shadow: initial
        }

    .fixAkilliArama {
        color: #fff;
        font-size: 15px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
        line-height: 50px
    }

        .fixAkilliArama a {
            color: #fff
        }

        .fixAkilliArama span {
            margin-left: 6px;
            font-weight: 400
        }

    .fixTel {
        width: 70px;
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -35px
    }

    .fixIletisimFormu {
        width: 50%;
        float: left;
        text-align: right;
        padding-right: 25px;
        box-sizing: border-box;
        line-height: 50px;
        color: #fff;
        font-weight: 400;
        font-size: 15px
    }

        .fixIletisimFormu span {
            margin-left: 10px
        }

    .fixTel img {
        width: 100%
    }

    .fixIletisimFormu a {
        color: #df6459
    }

    .container {
        width: 95%
    }

    .homeSect {
        margin: 0;
        width: 100%
    }

    .cityList {
        height: calc(100vh - 150px);
        margin-left: 0;
        padding: 0
    }

    .pfCarousel .owl-nav {
        right: 8%
    }

    .footerBottom {
        height: auto;
        padding: 25px 0 120px
    }

    .upButton {
        bottom: 40px;
        right: 5px;
        z-index: 9999
    }

    .sticky .upButton.active {
        bottom: 110px
    }

    .projectCard {
        width: 100%
    }

    .projectForm {
        margin-left: 0;
        margin-top: -1px;
        width: 100%;
        height: auto
    }

        .projectForm.firmaProjectForm {
            height: auto
        }

    .projeSlogan {
        margin-top: 0;
        margin-bottom: 20px
    }

    .projectForm form {
        max-width: 350px;
        width: 100%;
        margin: 20px auto;
        float: none
    }

    .projectCardDetails {
        margin-bottom: 0
    }

    .w50 {
        width: 100%
    }

    .galeriList {
        margin-bottom: 20px
    }

        .galeriList li {
            width: 18%;
            margin: 1%
        }

    .digerProjeList .kampProjeListItem {
        width: 48.5%
    }

        .digerProjeList .kampProjeListItem:nth-child(2n+2) {
            margin-right: 0
        }

    .uye-giris-sol {
        width: 100%
    }

    .uye-giris-sag {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .uye-popup {
        width: 70%
    }

    .uye-popup-bg {
        padding-bottom: 0
    }

    .uye-ol-bg form {
        padding: 25px 0
    }

    .manset {
        width: 100%
    }

    .haberContent {
        margin: 0;
        width: 100%
    }

    main {
        overflow-x: hidden
    }

    .mobileMenu {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        background-color: #f7f7f7;
        transition: all .4s cubic-bezier(.42,0,.1,1.03);
        display: block
    }

    .mobile-menu {
        width: 100%;
        height: 90vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        overflow-y: scroll
    }

    .mmClose span {
        width: 100%;
        height: 2px;
        background: #3d3d3d;
        float: left;
        position: absolute
    }

        .mmClose span:nth-child(1) {
            transform: rotate(45deg)
        }

        .mmClose span:nth-child(2) {
            transform: rotate(-45deg)
        }

    .mobile-menu ul {
        width: 80%;
        text-align: left
    }

        .mobile-menu ul li {
            width: 100%;
            float: left;
            position: relative;
            border-bottom: 1px solid #ccc
        }

    .mobileMenu .logo {
        position: absolute;
        left: 50px;
        top: 10px
    }

    .mobile-menu ul li a {
        color: #3d3d3d;
        font-size: 20px;
        padding: 25px 0;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        padding-left: 30px
    }

        .mobile-menu ul li a.active {
            background: #d8dde7
        }

        .mobile-menu ul li a img {
            position: relative;
            display: inline-block;
            width: 15px;
            margin-left: 10px;
            top: -2px;
            transition: all ease-in-out .3s
        }

        .mobile-menu ul li a.active img {
            transform: rotate(180deg)
        }

        .mobile-menu ul li a ul {
            width: 100%;
            float: left;
            display: inline-block
        }

    .mobile-menu ul li ul {
        width: 100%;
        display: none;
        float: left
    }

        .mobile-menu ul li ul li a {
            font-size: 18px;
            text-transform: capitalize;
            padding: 16px 50px
        }

    .sideBar {
        width: 100%
    }

    .filtreForm {
        display: none
    }

    .sideBarCity {
        box-shadow: inherit;
        padding-top: 1px
    }

    .menuActive .mobileMenu {
        right: 0
    }

    .sideBarTab li a {
        color: #b1b1b1
    }

        .sideBarTab li a img {
            opacity: .5
        }

        .sideBarTab li a.active img {
            opacity: 1
        }

    .proje-all-d {
        top: 35%
    }

    .haberNewsForm {
        display: inline-block;
        margin-top: 15px;
        margin-right: 30px;
        width: calc(100% - 60px);
        z-index: 2
    }

    .search-form {
        display: block;
        position: relative;
        bottom: 0;
        width: calc(100% - 240px) !important;
        right: 0;
        z-index: 9;
        margin-top: 0;
        opacity: 1
    }

        .search-form input {
            width: 100%;
            height: 40px;
            opacity: 1;
            border-radius: 5px;
            transition: all ease-in-out .3s
        }

    .input-group-btn {
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        z-index: 9;
        top: 0
    }

    .mobileMenu .firsatlarBtn {
        display: inline-block;
        width: 100%;
        margin-top: 10px
    }

    .haberMenuBar {
        top: 0;
        display: block
    }

    .haberUser {
        display: inline-block;
        float: left;
        width: 100%;
        height: auto
    }

        .haberUser ul {
            height: auto;
            display: inline-block;
            width: 100%;
            float: left
        }

            .haberUser ul li {
                width: 50%
            }

                .haberUser ul li a {
                    width: 100%;
                    padding: 10px
                }

    .haberMenuBar ul li {
        width: 100%
    }

    .haberMenuBar ul {
        display: inline-block;
        height: inherit;
        width: 100%
    }

        .haberMenuBar ul li a {
            display: inline-block;
            text-align: left;
            height: auto;
            border-bottom: 1px solid #ccc;
            width: 100%;
            padding: 15px 0
        }

    .haberMenuBar .container {
        width: 100%;
        position: static
    }

    .mmCloseHaber {
        position: absolute;
        top: 10px;
        right: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 50px
    }

    .haberMenuBar ul li:first-child {
        position: absolute;
        top: 10px;
        width: auto;
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

        .haberMenuBar ul li:first-child a {
            font-size: 6vw;
            padding: 0;
            border: 0;
            height: 45px;
            display: flex
        }

    .firsatlarBtn a {
        font-size: 4vw
    }

        .firsatlarBtn a img {
            width: 20px
        }

    .headerHaber {
        height: 80px
    }

    .mmHome img {
        width: 60%;
        display: inline-block;
        margin: auto
    }

    .mmClose img, .mmCloseHaber img {
        width: 40%;
        opacity: .4
    }

    .mmHomeHaber {
        position: absolute;
        top: 10px;
        left: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 60px
    }

        .mmHomeHaber a {
            text-align: center;
            width: 100%;
            float: left;
            margin-top: 6px
        }

        .mmHomeHaber img {
            width: 55%;
            display: inline-block
        }

    .modal_content {
        left: 5%;
        transform: translate(0,-50%);
        width: 90%;
        max-height: 90%
    }

    .form.projeGonderAppendTo {
        width: 100%;
        height: 100%
    }

    .modal_body {
        z-index: 9999;
        padding: 20px 0;
        height: 100vh;
        overflow-y: scroll
    }

    .projeFormWp {
        margin-bottom: 25px;
        top: 0
    }

    .breadcrumb {
        padding: 15px 0
    }

    .bizeyazBtn {
        width: 30%
    }

        .bizeyazBtn a {
            font-size: 13px;
            text-align: center
        }

    .takipEt {
        position: absolute;
        right: 0;
        top: 5px;
        height: 45px;
        width: 45px
    }

    .breadcrumb ul {
        width: 100%
    }

        .breadcrumb ul li + li:before {
            width: 4px;
            height: 8px;
            left: -9px;
            top: 5px
        }

    .projectDetailTitle {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        margin-top: 0
    }

    .formButtonWrapper {
        margin-left: 0;
        width: auto;
        display: table;
        margin: auto;
        float: none
    }

    .formTabButons {
        width: 100%;
        margin-left: 0
    }

        .formTabButons li a {
            font-size: 16px;
            padding: 15px 0
        }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 100px;
        padding: 14px 10px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 14px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 25px !important;
        margin: 5px 0
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -15px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -15px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -15px;
            left: auto
        }

        .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
            width: 30px;
            height: 30px;
            font-size: 18px !important
        }

    .saatAdi {
        margin-top: 15px
    }

    .saatDeger {
        font-size: 18px
    }

    .takvimSaatTab li {
        height: 100px;
        padding-top: 12px
    }

        .takvimSaatTab li span {
            font-size: 14px
        }

            .takvimSaatTab li span:nth-child(3) {
                width: 54px;
                height: 20px;
                line-height: 18px;
                font-size: 10px !important;
                margin-left: -27px;
                margin-top: 5px
            }

    .saatTab, .takvimSaatTab {
        margin: 0
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .sidebarTel {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

        .sidebarTel li {
            height: 52px
        }

            .sidebarTel li svg {
                float: left;
                margin: 15px;
                width: 18px
            }

            .sidebarTel li span {
                font-size: 16px;
                margin-top: 19px;
                float: left
            }

            .sidebarTel li a {
                width: 128px;
                height: 35px;
                line-height: 35px;
                margin-top: 8px;
                margin-right: 15px;
                font-size: 15px
            }

    .search-form input {
        width: 100%;
        height: 40px;
        opacity: 1;
        border-radius: 5px;
        transition: all ease-in-out .3s
    }

    .userController ul li {
        margin-right: 0;
        margin-left: 0;
        background: #f7f7f7;
        margin-top: 15px;
        border-top: 1px solid #e4e4e4
    }

    .digerProjeList .projeListCol {
        width: calc(50% - 15px);
        margin-right: 15px !important
    }

        .digerProjeList .projeListCol:nth-child(3n-1) {
            margin-left: 0;
            margin-right: 0
        }

        .digerProjeList .projeListCol:nth-child(even) {
            margin-right: 0 !important;
            margin-left: 15px !important
        }

    .projeInfo {
        height: auto;
        margin-top: 0
    }

    .info-right {
        width: 60%;
        text-align: right
    }

    .fixInfoRight {
        width: 100%;
        text-align: right
    }

    .InfoProjeLoc {
        margin: 17px;
        float: none;
        display: inline-block;
        margin-right: 0
    }

    .InfoProjeAdi {
        margin: 18px;
        float: none;
        display: inline-block
    }

    .InfoFavori, .InfoPaylasBtn {
        float: right;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 5px
    }

        .InfoFavori button {
            margin-top: 0
        }

    .projeInfoLogo {
        height: 80px;
        margin-top: 12px
    }

    .fixed .InfoProjeAdi {
        margin-left: 0;
        float: left;
        margin-bottom: 0;
        text-align: left
    }

    .fixed .InfoProjeLoc {
        float: left;
        text-align: left;
        margin-bottom: 0;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        float: right;
        width: auto
    }

    .fixed .InfoPaylasBtn, .fixed .InfoFavori {
        display: none
    }

    .InfoIletisimBtn {
        float: right;
        display: inline-block;
        margin-top: 0
    }

    .iletisimButonlari {
        top: 110px;
        right: -30px
    }

    .infoPaylasPopup {
        top: 110px;
        right: 215px
    }

    .formBaslikAciklama {
        margin-top: 0;
        text-align: center;
        margin-bottom: 0
    }

        .formBaslikAciklama svg {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            float: none;
            display: inline-block
        }

        .formBaslikAciklama p {
            font-size: 12px;
            line-height: 20px;
            float: none;
            display: inline-block;
            position: relative;
            top: -6px
        }

    .formZamanSlider {
        height: 110px
    }

    .aramaContainer {
        width: 85%
    }

    .ucluList .projeListCol {
        width: calc(50% - 10px);
        margin-left: 0 !important;
        margin-right: 10px !important
    }

        .ucluList .projeListCol:nth-child(2) {
            margin-left: 10px !important;
            margin-right: 0 !important
        }

    .aramaKategori {
        width: 140px
    }

    .aramaButton button {
        width: 100px !important
    }

    .ucluList .projeListCol:nth-child(3) {
        display: none
    }

    .projeForm textarea.form-control {
        height: 50px
    }

    .fixFormPage .gunButon {
        height: 85px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 90px
    }

    .sunumHeaderContent h1 {
        font-size: 60px;
        line-height: 70px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 27px
    }

    .sunumHeaderImg {
        margin-top: 50px
    }

    .sunumHizmetler h2 {
        font-size: 30px
    }

    .adimIcerik {
        font-size: 14px;
        line-height: 20px
    }

    .sunumAdimIcerik ul li {
        padding: 0 25px
    }

    .sunumProjeContent {
        min-height: 250px
    }

    .tanitimIcerik {
        position: absolute;
        left: 50%;
        width: 350px;
        top: -230px;
        margin-left: -175px;
        z-index: 99
    }

    .adimlar:before {
        border-color: #f5f5f5 transparent transparent transparent;
        right: 50%;
        top: auto !important;
        bottom: -29px;
        margin-right: -15px
    }

    .adim4, .adim5 {
        top: 50px
    }

    .adim6 {
        top: 50px
    }

    .deskTel {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .smsLeft {
        width: 100%
    }

    .pfImage {
        min-height: auto
    }

    .smsRight {
        width: 100%;
        padding: 0;
        margin-top: 25px
    }

    .form-text {
        width: 100%
    }

    h1.proje-title {
        font-size: 18px
    }

    .projectBnImage {
        min-height: 135px
    }

    .smsRight form ul li input.form-submit {
        float: initial;
        font-size: 13px;
        width: 165px;
        margin: 0 auto;
        display: table
    }

    .uye-ol-bg form .intl-tel-input {
        margin-bottom: 10px
    }

    #ProjeTalepForm .intl-tel-input {
        width: 70% !important
    }

    .ilgiliProjeler ul li {
        width: 100%;
        margin: 0 0 25px 0
    }

        .ilgiliProjeler ul li:last-child {
            margin-bottom: 0
        }

    .headerHaber .logo {
        width: 100px
    }

    .container {
        width: 90%
    }

    form#ProjeTalepForm {
        padding: 20px
    }

    #ProjeTalepForm .form-group {
        width: 100%;
        margin: 0 0 15px 0
    }

        #ProjeTalepForm .form-group label {
            width: 30%;
            font-size: 14px
        }

        #ProjeTalepForm .form-group input, #ProjeTalepForm .form-group select, #ProjeTalepForm .form-group textarea {
            width: 70%
        }

    .w50form {
        width: 70%
    }

    .pfImage {
        width: 100%
    }

    .pfIcerik {
        position: relative;
        width: 100%;
        padding: 10px;
        display: inline-block
    }

    .son-resim-d {
        width: 25px;
        right: -25px
    }

    .pfLogo {
        float: left;
        margin-bottom: 0;
        width: 120px
    }

    .pfName {
        float: left;
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 5%
    }

    .pfLocation {
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 0
    }

    .title h1 {
        font-size: 20px;
        margin-left: 10px
    }

    .title i, .title svg {
        font-size: 20px
    }

    .title {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0
    }

    .kampProjeListItem {
        width: 100%;
        margin-right: 0
    }

    .firsat {
        width: 200px;
        left: -25px;
        top: -25px
    }

    .footerContact {
        width: 100%
    }

    .footerBox {
        width: 100%;
        padding: 0;
        margin-top: 30px
    }

    .footerMenu {
        width: 100%;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 25px
    }

        .footerMenu span {
            width: 100%
        }

        .footerMenu:last-child {
            margin-bottom: 0
        }

    .footerTop {
        padding: 25px 0
    }

    .copyright {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .footerBottom .container {
        display: table
    }

    .footerSocial {
        width: 100%
    }

        .footerSocial ul {
            float: initial;
            margin: 0 auto;
            display: table
        }

    .kampanyaliProjeler {
        padding-bottom: 0;
        width: 100%;
        padding: 30px 0 50px 0;
        margin-left: 0
    }

    .haberLink a {
        font-size: 4vw
    }

    .navBar {
        height: 60px
    }

    .header {
        height: 95px
    }

    .haberLink {
        height: 40px
    }

    .hatirlamiyorum {
        padding-top: 0;
        line-height: 1.4;
        width: 65% !important
    }

        .hatirlamiyorum a {
            float: left;
            display: inline-block;
            width: calc(100% - 35px)
        }

    .uye-giris-sol-content {
        height: auto;
        padding-bottom: 20px
    }

    .uye-giris-sol ul {
        padding: 30px 30px
    }

    .form-sag, .form-sol {
        width: 100%
    }

    .projeLogo {
        width: 31.33%;
        padding: 10px
    }

    .projeAd {
        width: 66.66%;
        margin-left: 2%;
        margin-right: 0
    }

    .projeLokasyon {
        width: 100%;
        height: auto;
        padding: 10px 0;
        margin-top: 1.5%;
        background-color: #f1f1f1
    }

    .projeAciklama {
        padding: 25px 20px
    }

        .projeAciklama h2 {
            font-size: 22px;
            margin-bottom: 50px
        }

        .projeAciklama h4 {
            font-size: 17px
        }

    .galeriList li {
        width: 31.33%
    }

    .videoList iframe {
        height: 190px
    }

    .digerProjeList .kampProjeListItem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .kampProjeContent h3 {
        line-height: 1.3;
        height: 39px
    }

    .kampProjeContent {
        height: 170px
    }

    #map_canvas {
        height: 250px
    }

    .pfCarousel .owl-nav {
        right: initial;
        left: calc(135px + 30%);
        transform: translateX(-50%);
        bottom: -15px
    }

    .pfCarousel {
        margin-bottom: 30px
    }

    .butceYokForm {
        margin-top: 20px
    }

    .logo {
        width: 170px
    }

    .haberLogo {
        width: 140px
    }

    .navBarHaber {
        height: 70px
    }

    .w100.headerHaber {
        height: 70px
    }

    .haberMenuBar {
        top: 0;
        display: block;
        height: auto;
        border: none;
        width: calc(100% - 60px);
        margin-left: 30px
    }

    .mansetCarousel .items {
        height: 250px
    }

        .mansetCarousel .items h2 {
            font-size: 4vw;
            padding: 0 15px;
            line-height: 1.2
        }

    .mansetCarousel .owl-dots {
        height: 35px
    }

    .mansetCarousel .owl-dot {
        font-size: 13px !important
    }

    .newsCampCarousel .items a .ncTitle {
        padding: 0 10px;
        font-size: 14px
    }

    .newBox {
        width: 100%;
        margin: 20px 0 0
    }

    .haberler {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .haberContent .bgContainerShadowWhite {
        padding: 0 20px 35px
    }

    .haberIcerik h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .haberIcerik h2 {
        font-size: 17px
    }

    .haberIcerik h3 {
        font-size: 20px
    }

    .breadcrumb ul li {
        margin: 3px 5px;
        display: none
    }

    .haberTarih {
        padding-top: 10px
    }

    .firsatProjeList li {
        width: 48%;
        margin-right: 4%
    }

        .firsatProjeList li:nth-child(2n+2) {
            margin-right: 0
        }

    .fpTop h2 {
        font-size: 14px
    }

    .fpTop h3 {
        font-size: 12px
    }

    .downArrow {
        width: 30px
    }

    .fhTitle h2 {
        font-size: 5vw
    }

    .nativeAciklama p {
        font-size: 20px !important
    }

    .firsatContent h2 {
        font-size: 27px;
        line-height: 1.2;
        margin-bottom: 20px
    }

    .firsatContent p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .formDoldurLink a {
        font-size: 20px
    }

    .formDoldurLink {
        margin-bottom: 45px
    }

    .topSlogan {
        font-size: 11px
    }

    .kullanici {
        width: 150px
    }

        .kullanici > a {
            font-size: 12px
        }

    .projectForm form {
        margin-top: 0
    }

    .call_icon {
        width: 80px;
        bottom: 0;
        top: auto
    }

    .formTitle2 {
        font-size: 16px
    }

    .projectDetailTitle.hauto .call_icon {
        width: 90px
    }

    .projectDetailTitle.hauto {
        height: 50px
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 40px
    }

    .formButtonWrapper {
        width: 100%;
        margin-top: 20px;
        display: inline-block
    }

    .formButtonContact.renk2 {
        margin-bottom: 0
    }

    .projeSlogan a {
        height: auto;
        padding-left: 0;
        flex-direction: column;
        padding-top: 11px;
        align-items: flex-end
    }

    .projeSlogan .projeSloganLeft {
        margin-bottom: 15px;
        float: none;
        width: 100%;
        display: flex;
        justify-content: end;
        padding-left: 15px;
        flex-direction: column
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 23px
    }

    .projeSlogan a i {
        margin-left: 0
    }

    .projeSlogan {
        margin-bottom: 0
    }

        .projeSlogan.small .projeSloganLeft {
            padding-left: 0;
            align-items: end
        }

            .projeSlogan.small .projeSloganLeft i {
                margin-left: 0;
                margin-right: 15px;
                width: 25px;
                margin-top: 5px
            }

        .projeSlogan.small a {
            height: auto;
            padding-left: 10px
        }

    .breadcrumb ul li.brandDots {
        display: block;
        color: #818181;
        margin-right: 10px;
        margin-left: 10px
    }

    .breadcrumb ul li:first-child {
        display: block
    }

    .breadcrumb ul li:last-child {
        display: block
    }

    .breadcrumb {
        padding: 0 0;
        margin-top: 15px;
        margin-bottom: 10px
    }

        .breadcrumb ul li a i {
            width: 17px;
            top: 0
        }

    .telBtn {
        font-size: 14px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

    .formTabButons {
        margin-top: 20px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 9px 6px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 12px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .saatDeger {
        font-size: 15px
    }

    .saatAdi {
        margin-top: 12px
    }

    .takvimSaatTab li {
        height: 80px;
        padding-top: 8px
    }

        .takvimSaatTab li span {
            font-size: 12px
        }

    .sonuc {
        font-size: 14px !important
    }

    .sidebarTel li {
        height: 45px
    }

        .sidebarTel li svg {
            margin: 11px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 14px;
            margin-top: 16px
        }

        .sidebarTel li a {
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin-top: 7px;
            margin-right: 6px;
            font-size: 13px
        }

    .topBar span {
        font-size: 11px;
        margin-right: 20px
    }

    .topBar a {
        font-size: 10px;
        width: 75px;
        height: 22px;
        line-height: 20px
    }

    .topBar {
        height: 35px
    }

    .navBar {
        height: 60px;
        top: 35px
    }

    .logo {
        width: 170px;
        margin-top: 10px
    }

    .menuButon {
        width: 40px;
        height: 35px;
        margin-top: 12px
    }

    .menu-trigger.second .line {
        height: 2px
    }

    .mmClose {
        width: 35px;
        height: 35px;
        position: absolute;
        right: 10px;
        top: 30px
    }

    .mobile-menu ul li a {
        font-size: 16px;
        padding: 15px
    }

    .mobile-menu ul li ul li a {
        font-size: 15px;
        text-transform: capitalize;
        padding: 15px 50px
    }

    .mobile-menu {
        align-items: flex-start;
        height: calc(90vh - 100px)
    }

    .header-right {
        float: left;
        margin-top: 70px;
        width: 80%;
        margin-left: 10%
    }

    .aramaBtn {
        width: calc(50% - 7px)
    }

    .girisBtn {
        width: 50%
    }

    .mobileMenu .logo {
        position: absolute;
        left: 5%;
        top: 5px
    }

        .header-right.aktif {
            opacity: 1;
            visibility: visible
        }

    .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListContent, .projeListContent p, .projeListCol {
        min-height: auto
    }

    .digerProjeList .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .sunumStar, .sunumStar:before {
        width: 40px;
        height: 40px
    }

    .digerProjeList .projeListFooter {
        padding: 0 15px 20px 15px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .newBilgiAl {
        margin-top: 3px
    }

    .projeInfoLogo {
        height: 50px;
        margin-top: 5px;
        width: auto;
        text-align: center;
        padding: 0
    }

        .projeInfoLogo img {
            display: inline-block;
            float: none;
            margin: auto
        }

    .info-right {
        width: 60%;
        text-align: right;
        margin-right: 0
    }

    .InfoProjeAdi, .InfoProjeLoc {
        margin: 7px;
        float: left
    }

        .InfoProjeLoc svg, .InfoProjeAdi svg {
            float: left;
            margin-right: 5px;
            width: 13px;
            height: 13px
        }

        .InfoProjeLoc strong, .InfoProjeAdi a {
            font-size: 11px
        }

    .fixInfoRight {
        display: none
    }

    .newProjeOzet {
        height: auto;
        padding: 15px 15px
    }

        .newProjeOzet h1 {
            font-size: 16px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 20px
    }

    .projeSloganLeft span {
        margin-left: 0;
        margin-top: 10px
    }

    .projeSlogan.small a {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden
    }

    .projeSlogan a .projeSloganRight {
        position: absolute;
        float: right;
        bottom: 0;
        width: 150%
    }

    .formRow {
        width: 100%;
        float: left;
        margin-top: 15px
    }

    .formBaslikAciklama svg {
        float: left
    }

    .formBaslikAciklama {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .formBaslikAciklama p {
            font-size: 13px;
            line-height: normal;
            width: calc(100% - 35px);
            float: left;
            text-align: left;
            height: 20px;
            display: flex;
            align-items: center;
            position: relative;
            top: 0
        }

    .formZamanSlider {
        height: 90px
    }

    .projeForm textarea.form-control {
        height: 60px
    }

    .projeInfo.fixed {
        top: 59px;
        border: none;
        border-top: 1px solid #ccc
    }

    .fixed .InfoProjeAdi {
        display: none
    }

    .fixed .InfoProjeLoc .infoSvg {
        width: 35px;
        height: 35px;
        top: -4px
    }

    .fixed .infoSvgBaslik {
        top: -6px;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        display: block
    }

    .fixed .InfoProjeLoc {
        margin-right: 0
    }

    .fixed .fixIletisimBtn {
        display: flex;
        width: 100px;
        font-size: 12px;
        margin-left: 0;
        height: 30px;
        margin-top: 6px
    }

    .girisMenuKapat {
        display: none !important
    }

    .uye-dropdown {
        right: 0;
        position: relative;
        width: 100%;
        float: left;
        top: 20px;
        margin-bottom: 20px;
        box-shadow: none
    }

    .firsat-projeleri {
        display: none
    }

    .aramaPage {
        height: calc(100vh - 90px);
        top: 90px
    }

    .sticky .aramaPage {
        top: 60px;
        height: calc(100% - 60px)
    }

    .aramaKategori {
        width: 100px
    }

    .select-box__input-text {
        font-size: 18px;
        line-height: 50px;
        padding-left: 15px
    }

    .select-box__icon {
        width: 14px;
        opacity: 1
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 50px !important
    }

    .search-form {
        width: calc(100% - 100px) !important;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .input-group-btn {
        width: 120px;
        height: 40px !important;
        position: relative;
        right: 0;
        z-index: 9;
        top: 0;
        border-radius: 4px;
        margin-top: 15px;
        font-size: 14px;
        left: 50%;
        margin-left: -60px
    }

    .search-form input {
        font-size: 14px;
        padding-right: 20px;
        padding-left: 20px
    }

    .aramaButton button {
        width: 100% !important;
        height: 40px !important;
        font-size: 16px
    }

    .sonAranan {
        display: none
    }

    .aramaBaslik {
        font-size: 18px;
        padding-bottom: 10px
    }

        .aramaBaslik .searchButtonAll {
            font-size: 14px;
            line-height: 18px
        }

    .sonucIkon {
        width: 20px;
        height: 20px
    }

        .sonucIkon svg {
            width: 16px;
            height: 16px
        }

    .sonucProjeAdi {
        line-height: 20px;
        margin-right: 10px
    }

    .sonucProjeAdi {
        line-height: 20px;
        margin-left: 10px;
        font-size: 14px
    }

    .projeSonucBolge {
        line-height: 20px;
        font-size: 12px
    }

    .sonucDetay {
        display: none
    }

    .fixFormClose {
        top: 100px
    }

    .fixFormPage {
        top: 50px
    }

        .fixFormPage .gunButon {
            height: 75px;
            padding: 6px 5px
        }

        .fixFormPage .formZamanSlider {
            height: 80px
        }

        .fixFormPage textarea.form-control {
            height: 40px
        }

        .fixFormPage .butceYokForm {
            margin-top: 0
        }

    .sunumHeaderImg, .sunumAdim {
        display: none
    }

    .sunumHeaderContent {
        height: auto;
        width: 100%;
        padding-right: 0
    }

        .sunumHeaderContent h1 {
            font-size: 50px;
            line-height: 60px
        }

        .sunumHeaderContent h2, .sunumProjeListe h2, .sunumHizmetler h2 {
            font-size: 24px
        }

    .sunumHeader {
        height: 450px;
        padding-bottom: 50px
    }

    .sunumAdimIcerik ul li {
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
        text-align: left
    }

    .adimBaslik {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 15px
    }

        .adimBaslik span {
            width: 40px;
            height: 40px;
            background: #fff;
            display: block;
            float: left;
            border-radius: 50%;
            text-align: center;
            font-weight: 900;
            line-height: 40px;
            font-size: 20px;
            margin-right: 15px;
            box-shadow: 0 0 10px rgba(0,0,0,.5)
        }

    .sunumAdimIcerik li:nth-child(1) span, .sunumAdimIcerik li:nth-child(1) strong {
        color: #fc490c
    }

    .sunumAdimIcerik li:nth-child(2) span, .sunumAdimIcerik li:nth-child(2) strong {
        color: #e62e4e
    }

    .sunumAdimIcerik li:nth-child(3) span, .sunumAdimIcerik li:nth-child(3) strong {
        color: #931d80
    }

    .sunumAdimIcerik li:nth-child(4) span, .sunumAdimIcerik li:nth-child(4) strong {
        color: #3c53ae
    }

    .adimBaslik strong {
        font-size: 20px;
        line-height: 40px
    }

    .sunumHizmetler {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .sunumVideoRow {
        height: 280px
    }

    .videoContent {
        width: 86%;
        height: 200px;
        border-radius: 15px;
        margin-left: 0;
        left: 7%;
        bottom: 20px
    }

        .videoContent:before {
            height: 20px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px
        }

        .videoContent:after {
            height: 20px;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px
        }

        .videoContent a svg {
            width: 50px;
            height: 50px
        }

    .videoMan {
        right: 0
    }

    .sunumProjeListe li {
        min-height: auto;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px
    }

    .sunumProjeContent {
        min-height: auto
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px;
            position: relative;
            bottom: 0;
            margin-top: 10px;
            margin-bottom: 10px
        }

    .sunumProjeListe ul {
        margin-bottom: 20px
    }

    .sunumProjeListe {
        padding-bottom: 50px
    }

        .sunumProjeListe h2 {
            margin-top: 50px;
            margin-bottom: 35px
        }

    .tanitimIcerik {
        width: 300px;
        margin-left: -150px
    }

    .adimlar {
        padding: 15px 15px
    }

        .adimlar img, .adimSvg {
            display: none
        }

        .adimlar strong {
            font-size: 16px;
            width: 100%;
            line-height: 20px;
            margin-top: 0;
            margin-bottom: 10px
        }

    .tanitimIcerik {
        top: -150px
    }

    .tanitimCloseBg {
        top: 60px
    }

    .adimlar p {
        width: 100%;
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
        color: #3c3c3c
    }

    .adim4 {
        top: 70px
    }

    .adim5 {
        top: 20px
    }

    .pfSlider {
        min-height: auto
    }

    .haberDetayRow .breadcrumb {
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: inherit
    }

    .native1-bg {
        height: 300px;
        background-size: cover !important;
        background-position: top center !important
    }

    .firsatContent h1 {
        font-size: 16px;
        padding: 0 20px;
        margin: 15px 0
    }

    .scrollDownBtn2 {
        margin: 0 auto 10px;
        display: table;
        width: 20px
    }

    #formAc .formBaslikAciklama p {
        top: -5px;
        position: relative;
        line-height: 20px;
        display: inline-block;
        height: auto;
        margin-left: 10px
    }

        #formAc .formBaslikAciklama p span {
            width: 100%;
            float: left
        }

    .form-control, .send-form {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .haberBgDiger {
        background-size: 105% !important;
        height: 240px;
        background-position: top center !important
    }

    .fixed .seciliTarihButon, .fixed .saatSlider, .fixed .saatButon {
        height: 75px
    }
}

@media only screen and (max-width:350px) {
    .userController ul li {
        margin-right: 10px
    }

    .container {
        width: 95%
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 20px
    }
}

@media only screen and (min-height:850px) {
    .fixFormPage .projectForm {
        max-height: 570px
    }
}

@media only screen and (max-height:800px) {
    .fixFormPage .projectForm {
        max-height: 480px
    }
}

@media only screen and (min-width:851px) {
    .digerProjeList .kampProjeListItem:nth-child(3n+3) {
        margin-right: 0
    }

    .haberLink a:hover {
        letter-spacing: 2px
    }

    .haberSticky .stickyLogo {
        display: inline-block;
        float: left
    }
}

@media only screen and (min-width:768px) {
    .firsatProjeList li:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .container {
        width: 1000px
    }

    .sideBar {
        width: 240px
    }

    .homeSect {
        width: calc(97% - 240px)
    }

    .pfImage {
        width: calc(100% - 200px);
        min-height: 190px
    }

    .pfSlider {
        min-height: 190px
    }

    .pfIcerik {
        width: 200px;
        padding-bottom: 20px
    }

    .pfLogo {
        width: 100px
    }

    .videoYok {
        height: 330px
    }

        .videoYok img {
            width: 90px
        }

        .videoYok p {
            font-size: 16px;
            line-height: 24px
        }

    .pfLocation {
        padding: 0 15px;
        width: 100%;
        font-size: 12px
    }

        .pfLocation i {
            width: 12px
        }

        .pfLocation strong {
            width: auto;
            padding-left: 10px
        }

    .logo {
        width: 180px
    }

    .projectBnImage {
        min-height: 260px
    }

    .searchForm {
        width: auto;
        margin-left: 40px
    }

    .firsatlarBtn a {
        padding: 0 15px;
        font-size: 12px
    }

        .firsatlarBtn a img {
            width: 15px
        }

    .digerProjeList .projeListImage {
        max-height: 202px
    }

    .telefon a {
        font-size: 17px
    }

    .uye-giris-sol-content ul li {
        margin-top: 30px
    }

    .newsContent h3 {
        font-size: 15px;
        height: 17px;
        line-height: 1.2
    }

    .stickyLogo {
        width: 140px
    }

    .formButtonContact a {
        font-size: 14px
    }

        .formButtonContact a span {
            width: auto;
            padding: 7px 14px;
            font-size: 14px
        }

    .formButtonContact a {
        height: 45px;
        padding-left: 15px
    }

        .formButtonContact a .buttonLeft i {
            width: 17px;
            margin-right: 8px
        }

    .formTitle2 {
        font-size: 16px
    }

    .call_icon {
        width: 100px
    }

    .projectDetailTitle {
        height: 75px
    }

    #FirmaFormProje .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .projectForm.firmaProjectForm {
        height: 500px
    }

    .map.firmaHarita, #map_canvas {
        height: 405px !important
    }

    .butceYokForm .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -16px;
        margin-top: -9px
    }

    .formTitle2 {
        font-size: 18px
    }

    .projectDetailTitle.hauto .call_icon {
        width: auto
    }

    .projeSlogan a strong {
        font-size: 19px;
        line-height: 27px
    }

    .projeSlogan a {
        padding-left: 25px;
        height: 120px
    }

        .projeSlogan a i {
            width: 30px;
            margin-top: 10px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 25px
    }

    .projeSlogan.small a {
        height: 55px
    }

    .userController ul li {
        margin-left: 40px
    }

    .main-menu ul li {
        margin-left: 10px
    }

        .main-menu ul li a {
            padding: 10px 14px;
            font-size: 14px
        }

    .search-form.active {
        width: 150px;
        opacity: 1
    }

    .search-form input {
        font-size: 16px;
        padding-right: 30px
    }

    .aramaContainer {
        width: 870px
    }

    .aramaPageClose svg {
        width: 20px;
        height: 20px
    }

    .aramaPageClose {
        top: 40px
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 60px !important
    }

    .sonAranan svg {
        float: left;
        margin-right: 15px;
        width: 20px;
        height: 20px
    }

    .ucluList .projeListContent p {
        min-height: 70px
    }

    .ucluList .projeListCol {
        min-height: 420px
    }

    .sonAranan p {
        font-size: 16px;
        line-height: 20px
    }

    .select-box__input-text {
        font-size: 20px;
        line-height: 60px
    }

    .aramaBar {
        margin-top: 80px
    }

    .userController ul li a, .nav-alt-bar li a {
        font-size: 14px
    }

    .main-menu {
        margin-top: 25px;
        margin-left: 80px
    }

    .nav-alt-bar li {
        margin-right: 40px
    }

    .haberMenuBar li {
        margin-right: 20px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

        .formTabButons li a svg {
            width: 14px;
            height: 14px;
            margin-right: 5px
        }

    .projectForm {
        padding: 10px 15px;
        height: 482px
    }

    .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
        font-size: 12px
    }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .saatDeger {
        font-size: 14px
    }

    .saatAdi {
        margin-top: 10px
    }

    .seciliTakvimKapat svg {
        width: 7px;
        height: 7px
    }

    .seciliTakvimKapat {
        padding-top: 2px;
        padding-left: 1px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 10px 6px
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -12px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -12px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -12px;
            left: auto
        }

    .projeForm .form-control {
        height: 35px;
        font-size: 12px;
        padding-right: 20px
    }

    .butceYokForm .form-control {
        height: 38px
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .formIzin {
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 35px
    }

    .sidebarTel li {
        height: 40px
    }

        .sidebarTel li svg {
            float: left;
            margin: 9px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 15px;
            margin-top: 13px;
            float: left
        }

        .sidebarTel li a {
            width: 90px;
            height: 25px;
            line-height: 25px;
            margin-top: 7px;
            margin-right: 10px;
            font-size: 13px
        }

    .takvimGaleri {
        margin: 5px 0
    }

    .formTabButons li a span {
        top: -2px
    }

    .projeForm textarea.form-control {
        height: 40px
    }

    .videoYokRow textarea.form-control {
        height: 80px
    }

    .butceYokForm textarea.form-control {
        height: 60px
    }

    .saatTab, .takvimSaatTab {
        margin: 5px 0
    }

        .takvimSaatTab li {
            height: 80px;
            padding-top: 10px
        }

            .takvimSaatTab li span {
                font-size: 12px
            }

    .sonuc {
        font-size: 16px !important
    }

    .takvimSaatTab li span:nth-child(3) {
        width: 50px;
        height: 16px;
        line-height: 14px;
        font-size: 8px !important;
        margin-left: -25px;
        margin-top: 2px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 14px;
        padding: 12px 35px
    }

    .firsat-left-menu {
        width: 31%
    }

        .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
            font-size: 24px;
            margin-bottom: 20px
        }

    .tumBtn {
        font-size: 14px;
        width: 200px
    }

    .firsat-right-pages {
        width: 69%
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 310px;
        padding: 25px 25px 25px 30px
    }

    .firsat-content h3 {
        font-size: 16px
    }

    .firsat-content p {
        font-size: 12px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 14px
    }

    .child-menu-pages {
        height: 370px
    }

    .projeler-page ul li:nth-child(1) {
        height: 310px
    }

    .projeler-page ul li {
        height: 145px
    }

    .projeler-left-menu ul {
        min-height: 220px
    }

    .projeler-page ul li a strong {
        font-size: 20px
    }

    .haberler-page ul li span {
        height: 145px
    }

    .haberler-page ul li strong {
        font-size: 15px
    }

    .haberler-page ul li {
        min-height: 220px
    }

    .haberler-left-menu ul {
        min-height: 215px
    }

    .esunum-list h2 {
        font-size: 24px
    }

    .esunum-list ul li strong {
        font-size: 14px
    }

    .esunum-detayli-bilgi {
        height: 370px
    }

    .projeler-page {
        padding: 0
    }

    .projeler-left-menu ul li a {
        border-radius: 10px;
        padding: 10px 35px
    }

    .projeListContent {
        min-height: 190px
    }

    .projeListCol {
        min-height: 560px
    }

    .digerProjeList .projeListContent h3 {
        font-size: 16px
    }

    .digerProjeList .projeListContent p {
        font-size: 13px
    }

    .digerProjeList .newBilgiAl a {
        width: 100px;
        font-size: 13px
    }

    .digerProjeList .projeListContent {
        min-height: 200px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 14px
    }

    .projeInfo {
        height: 55px;
        margin-top: 0
    }

    .projeInfoLogo {
        height: 55px
    }

    .InfoProjeAdi {
        margin: 18px
    }

    .InfoProjeLoc {
        margin: 17px
    }

    .InfoPaylasBtn, .InfoFavori button {
        width: 90px;
        height: 35px;
        line-height: 33px;
        margin: 9px 0 9px 10px
    }

        .InfoFavori button svg {
            top: 2px
        }

        .InfoPaylasBtn span, .InfoFavori button span {
            top: -1px;
            position: relative
        }

    .InfoIletisimBtn {
        padding: 9px 17px;
        margin: 9px 0 9px 10px
    }

    .iletisimButonlari {
        width: 240px;
        padding: 15px 25px 5px 25px;
        top: 60px
    }

        .iletisimButonlari a {
            height: 45px;
            font-size: 15px
        }

        .iletisimButonlari svg {
            width: 20px;
            height: 20px;
            margin-right: 10px
        }

    .infoPaylasPopup {
        top: 60px;
        right: 120px
    }

    .formBaslikAciklama p {
        font-size: 13px
    }

    .formZamanSlider {
        height: 90px
    }

    .iletisimSecenek li {
        height: 45px
    }

    .fixed .InfoProjeAdi .infoSvg, .fixed .InfoProjeLoc .infoSvg {
        width: 40px;
        height: 40px
    }

    .fixed .InfoProjeAdi span, .fixed .InfoProjeLoc span {
        font-size: 13px;
        line-height: 1.1;
        margin-top: 4px
    }

    .fixIletisimBtn {
        width: 140px;
        height: 35px;
        font-size: 14px;
        margin-top: 9px
    }

    .tesekkurler-form p, .tesekkurler-form p strong {
        font-size: 15px
    }

    .uye-dropdown li a {
        font-size: 14px
    }

    .uye-dropdown {
        width: 180px;
        padding: 10px 20px
    }

    .fixFormClose {
        top: 130px
    }

    .fixFormPage .projectForm {
        max-height: 430px
    }

    .fixFormPage {
        width: 340px
    }

    .tel-col svg {
        width: 15px;
        height: 15px;
        float: left;
        margin: 12px 7px
    }

    .tel-col strong {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col span {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col a {
        height: 37px
    }

    .fixFormPage .gunButon {
        height: 75px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 80px
    }

    .formIzin label, .YasalIzinMetin {
        font-size: 12px;
        line-height: 14px;
        padding-left: 0;
        text-align: left
    }

    .sunumHeaderContent h1 {
        font-size: 80px;
        line-height: 90px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 36px
    }

    .sunumHeaderContent p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px
    }

    .sunumHeaderContent {
        height: 310px
    }

    .sunumHeader {
        height: 600px
    }

    .sunumHizmetler h2 {
        font-size: 40px
    }

    .adimIcerik {
        font-size: 16px;
        line-height: 24px
    }

    .sunumVideoRow {
        height: 650px
    }

    .videoContent {
        width: 650px;
        height: 380px;
        border-radius: 25px;
        margin-left: -325px
    }

    .videoMan {
        right: 70px
    }

    .videoContent:before {
        height: 30px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px
    }

    .videoContent:after {
        height: 30px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

    .sunumProjeContent h3 {
        font-size: 14px;
        line-height: 18px
    }

    .sunumProjeContent p {
        font-size: 13px;
        line-height: 17px
    }

    .sunumProjeListe li {
        width: calc(33.3% - 20px);
        min-height: 410px
    }

        .sunumProjeListe li:nth-child(3n-1) {
            margin-left: 30px;
            margin-right: 30px
        }

    .sunumProjeContent {
        min-height: 210px
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px
        }

    .adim6 {
        top: 340px
    }

    .adim2, .adim3 {
        top: 50px
    }

    .adim4, .adim5 {
        top: 130px
    }

    .introOk {
        width: 180px;
        top: 145px;
        left: 47%
    }

    .introBaslik {
        position: absolute;
        margin-top: 180px;
        font-size: 46px;
        color: #fff;
        width: 50%;
        font-weight: 700;
        line-height: 58px
    }

    .introAciklama {
        top: 320px;
        font-size: 26px;
        width: 48%;
        line-height: 38px
    }
}

@media only screen and (max-width:1100px) {
    .fixFormPage .projectForm {
        max-height: 460px
    }

    .container {
        width: 900px
    }

    .main-menu {
        margin-left: 50px
    }

    .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
        font-size: 20px;
        margin-bottom: 20px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 12px
    }

    .firsat-content h3 {
        font-size: 14px;
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: 180px
    }

    .firsat-content p {
        font-size: 11px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 13px
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 275px;
        padding: 20px 20px 20px 25px
    }

    .tumBtn {
        font-size: 13px;
        width: 180px;
        margin-top: 10px
    }

    .child-menu-pages {
        height: 340px
    }

    .projeler-left-menu ul {
        min-height: 200px
    }

    .projeler-page {
        padding: 0
    }

        .projeler-page ul li:nth-child(1) {
            height: 280px
        }

        .projeler-page ul li, .haberler-page ul li span {
            height: 130px
        }

    .haberler-left-menu ul li a {
        padding: 10px 35px
    }

    .haberler-left-menu ul {
        min-height: 195px
    }

    .haberler-page ul li strong, .esunum-list ul li strong {
        font-size: 13px
    }

    .haberler-page ul li {
        min-height: 200px
    }

    .esunum-list h2 {
        font-size: 20px
    }

    .esunum-detayli-bilgi {
        height: 340px;
        padding: 0 25px
    }

    .projeListCol {
        width: calc(50% - 10px);
        margin-right: 10px
    }

        .projeListCol:nth-child(even) {
            margin-right: 0;
            margin-left: 10px
        }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .projeListContent {
        padding: 15px 15px
    }

    .projeListCol {
        min-height: 520px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0;
        margin-left: 0
    }

    .digerProjeList .projeListCol:nth-child(3n-1) {
        margin-left: 15px;
        margin-right: 15px
    }

    .newProjeOzet p {
        font-size: 14px
    }

    .formBaslikAciklama svg {
        width: 16px;
        height: 16px;
        margin-right: 5px
    }

    .formBaslikAciklama p {
        font-size: 12px;
        line-height: 16px
    }

    .iletisimSecenek li {
        height: 40px;
        font-size: 14px
    }

    .projeForm textarea.form-control {
        height: 35px
    }

    .videoYokRow textarea.form-control {
        height: 60px
    }

    .formZamanSlider {
        margin-bottom: 8px
    }

    .projectForm {
        height: 454px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 13px
    }

    .InfoIletisimBtn span {
        font-size: 13px
    }

    .sunumHeaderContent h1 {
        font-size: 70px;
        line-height: 80px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 34px
    }

    .sunumHeader {
        height: 500px;
        padding-bottom: 50px
    }

    .sunumVideoRow {
        height: 550px
    }

    .videoContent {
        width: 550px;
        height: 340px;
        border-radius: 25px;
        margin-left: -275px
    }

        .videoContent a svg {
            width: 80px;
            height: 80px
        }

    .sunumProjeContent p {
        font-size: 12px;
        line-height: 16px
    }

    .sunumProjeListe li {
        min-height: 390px
    }
}

@media only screen and (max-width:850px) {
    .yenilikVar {
        display: none
    }

    .smsLeft {
        width: 250px
    }

    .projeListCol {
        min-height: 555px
    }

    .projeListLogo {
        padding-left: 25px
    }

    .projeListTitle {
        padding-right: 25px
    }

    .projeListContent {
        padding: 20px 25px
    }

    .smsRight {
        width: calc(100% - 250px)
    }

    .formSmsCheck {
        width: 100%
    }

    .map.firmaHarita {
        height: 330px;
        margin-top: 15px
    }

    .digerProjeList .projeListImage {
        max-height: 215px
    }

    .header {
        height: 140px
    }

    .uye-dropdown {
        right: 65px
    }

    .destekButon {
        display: block;
        background-color: #08a037;
        font-weight: 600;
        color: #fff;
        border-radius: 8px 0 0 0;
        padding: 10px 20px;
        text-align: center;
        cursor: pointer;
        position: fixed;
        bottom: 0;
        right: 0;
        transition: all ease-in-out .4s;
        z-index: 99;
        box-shadow: -2px -2px 10px rgba(0,0,0,.2);
        font-size: 15px
    }

    .fixMobil {
        width: 100%;
        height: 65px;
        position: fixed;
        left: 0;
        background: rgba(82,82,82,.95);
        z-index: 99;
        bottom: -65px;
        transition: all ease-in-out .4s;
        display: inline-block
    }

        .fixMobil ul {
            width: 77%;
            margin: 10px 0 0;
            padding: 0 0 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            float: left
        }

            .fixMobil ul li {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .fixMobil ul li a {
                    padding: 12px;
                    background-color: #818285;
                    border-radius: 360px;
                    width: 46px;
                    height: 46px
                }

                    .fixMobil ul li a span {
                        width: 100%;
                        margin-top: 8px;
                        font-size: 13px;
                        line-height: 1.2;
                        font-weight: 400
                    }

                .fixMobil ul li:nth-child(1) a {
                    background-color: #dd665b
                }

                .fixMobil ul li:nth-child(3) a {
                    background-color: #3579e5
                }

                .fixMobil ul li:nth-child(2) a {
                    background-color: #28ba65
                }

    #socialus-wrapper {
        transition: all ease-in-out .4s;
        bottom: -65px !important;
        right: 6% !important
    }

    .fixMobil.active {
        bottom: 0
    }

    #socialus-wrapper.active {
        bottom: 10px !important
    }

    .destekButon.active {
        bottom: 65px
    }

    #socialus-button {
        border-radius: 360px !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 25px;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: initial !important;
        margin: 0 !important
    }

    .form-panel {
        margin-left: 0;
        margin-top: 25px;
        width: 100%
    }

    .firsatlarBtn, .haberSideBar, .mansetProje, .projeGonder, .searchForm, .sideBarAccordion, .telefon, .topProjects {
        display: none
    }

    .stickyLogo {
        display: none
    }

    .menuActive {
        overflow: hidden
    }

    .menu-trigger.second {
        transition: all .5s 0s;
        width: 100%;
        height: 100%;
        position: relative
    }

        .menu-trigger.second .line {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            height: 3px;
            background: #3d3d3d;
            transition: .3s
        }

            .menu-trigger.second .line.line-1 {
                transition: all .3s .3s,transform .3s 0s
            }

            .menu-trigger.second .line.line-2 {
                top: 50%;
                margin-top: -1px;
                left: 0;
                transition: all .3s .3s
            }

            .menu-trigger.second .line.line-3 {
                bottom: 0;
                top: auto;
                left: 0;
                transition: all .3s .3s,transform .3s 0s
            }

        .menu-trigger.second.active {
            transform: rotate(135deg);
            transition: all .5s .3s
        }

            .menu-trigger.second.active .line-1 {
                top: 50%;
                margin-top: -1px;
                transform: rotate(90deg);
                transition: all .3s,transform .3s .3s
            }

            .menu-trigger.second.active .line-2 {
                opacity: 0;
                transition: all .3s,opacity .3s 0s
            }

            .menu-trigger.second.active .line-3 {
                bottom: 50%;
                margin-bottom: -1px;
                transform: rotate(0);
                transition: all .3s,transform .3s .3s
            }

    .accountMenu, .nav-alt-bar, .main-menu {
        display: none
    }

    .menuButon {
        width: 45px;
        height: 40px;
        position: relative;
        padding: 8px 6px;
        border-radius: 4px;
        float: right;
        margin-top: 24px;
        margin-left: 20px
    }

    .mmTop {
        width: 100%;
        display: inline-block;
        height: 50px;
        float: left;
        display: inline-block
    }

    .mmHome {
        width: 80px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #df6459;
        float: left;
        font-size: 8vw;
        border-right: 1px solid #f5f5f5;
        text-align: center
    }

    .mmQuickMenu {
        width: calc(100% - 130px);
        float: left;
        display: inline-block;
        height: 100%
    }

    .mmClose {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 30px;
        top: 50px
    }

        .mmClose span {
            width: 100%;
            height: 2px;
            background: #3d3d3d;
            float: left;
            position: absolute
        }

            .mmClose span:nth-child(1) {
                transform: rotate(45deg)
            }

            .mmClose span:nth-child(2) {
                transform: rotate(-45deg)
            }

    .mmQuickMenu li {
        height: 100%;
        width: 50%;
        float: left;
        border: 5px solid #fff
    }

        .mmQuickMenu li a {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e8e8e8;
            color: #df6459;
            font-weight: 500;
            font-size: 3.5vw
        }

    .sideBarTab {
        box-shadow: initial
    }

        .sideBarTab a.active {
            box-shadow: initial
        }

    .fixAkilliArama {
        color: #fff;
        font-size: 15px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
        line-height: 50px
    }

        .fixAkilliArama a {
            color: #fff
        }

        .fixAkilliArama span {
            margin-left: 6px;
            font-weight: 400
        }

    .fixTel {
        width: 70px;
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -35px
    }

    .fixIletisimFormu {
        width: 50%;
        float: left;
        text-align: right;
        padding-right: 25px;
        box-sizing: border-box;
        line-height: 50px;
        color: #fff;
        font-weight: 400;
        font-size: 15px
    }

        .fixIletisimFormu span {
            margin-left: 10px
        }

    .fixTel img {
        width: 100%
    }

    .fixIletisimFormu a {
        color: #df6459
    }

    .container {
        width: 95%
    }

    .homeSect {
        margin: 0;
        width: 100%
    }

    .cityList {
        height: calc(100vh - 150px);
        margin-left: 0;
        padding: 0
    }

    .pfCarousel .owl-nav {
        right: 8%
    }

    .footerBottom {
        height: auto;
        padding: 25px 0 120px
    }

    .upButton {
        bottom: 40px;
        right: 5px;
        z-index: 9999
    }

    .sticky .upButton.active {
        bottom: 110px
    }

    .projectCard {
        width: 100%
    }

    .projectForm {
        margin-left: 0;
        margin-top: -1px;
        width: 100%;
        height: auto
    }

        .projectForm.firmaProjectForm {
            height: auto
        }

    .projeSlogan {
        margin-top: 0;
        margin-bottom: 20px
    }

    .projectForm form {
        max-width: 350px;
        width: 100%;
        margin: 20px auto;
        float: none
    }

    .projectCardDetails {
        margin-bottom: 0
    }

    .w50 {
        width: 100%
    }

    .galeriList {
        margin-bottom: 20px
    }

        .galeriList li {
            width: 18%;
            margin: 1%
        }

    .digerProjeList .kampProjeListItem {
        width: 48.5%
    }

        .digerProjeList .kampProjeListItem:nth-child(2n+2) {
            margin-right: 0
        }

    .uye-giris-sol {
        width: 100%
    }

    .uye-giris-sag {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .uye-popup {
        width: 70%
    }

    .uye-popup-bg {
        padding-bottom: 0
    }

    .uye-ol-bg form {
        padding: 25px 0
    }

    .manset {
        width: 100%
    }

    .haberContent {
        margin: 0;
        width: 100%
    }

    main {
        overflow-x: hidden
    }

    .mobileMenu {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        background-color: #f7f7f7;
        transition: all .4s cubic-bezier(.42,0,.1,1.03);
        display: block
    }

    .mobile-menu {
        width: 100%;
        height: 90vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        overflow-y: scroll
    }

    .mmClose span {
        width: 100%;
        height: 2px;
        background: #3d3d3d;
        float: left;
        position: absolute
    }

        .mmClose span:nth-child(1) {
            transform: rotate(45deg)
        }

        .mmClose span:nth-child(2) {
            transform: rotate(-45deg)
        }

    .mobile-menu ul {
        width: 80%;
        text-align: left
    }

        .mobile-menu ul li {
            width: 100%;
            float: left;
            position: relative;
            border-bottom: 1px solid #ccc
        }

    .mobileMenu .logo {
        position: absolute;
        left: 50px;
        top: 10px
    }

    .mobile-menu ul li a {
        color: #3d3d3d;
        font-size: 20px;
        padding: 25px 0;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        padding-left: 30px
    }

        .mobile-menu ul li a.active {
            background: #d8dde7
        }

        .mobile-menu ul li a img {
            position: relative;
            display: inline-block;
            width: 15px;
            margin-left: 10px;
            top: -2px;
            transition: all ease-in-out .3s
        }

        .mobile-menu ul li a.active img {
            transform: rotate(180deg)
        }

        .mobile-menu ul li a ul {
            width: 100%;
            float: left;
            display: inline-block
        }

    .mobile-menu ul li ul {
        width: 100%;
        display: none;
        float: left
    }

        .mobile-menu ul li ul li a {
            font-size: 18px;
            text-transform: capitalize;
            padding: 16px 50px
        }

    .sideBar {
        width: 100%
    }

    .filtreForm {
        display: none
    }

    .sideBarCity {
        box-shadow: inherit;
        padding-top: 1px
    }

    .menuActive .mobileMenu {
        right: 0
    }

    .sideBarTab li a {
        color: #b1b1b1
    }

        .sideBarTab li a img {
            opacity: .5
        }

        .sideBarTab li a.active img {
            opacity: 1
        }

    .proje-all-d {
        top: 35%
    }

    .haberNewsForm {
        display: inline-block;
        margin-top: 15px;
        margin-right: 30px;
        width: calc(100% - 60px);
        z-index: 2
    }

    .search-form {
        display: block;
        position: relative;
        bottom: 0;
        width: calc(100% - 240px) !important;
        right: 0;
        z-index: 9;
        margin-top: 0;
        opacity: 1
    }

        .search-form input {
            width: 100%;
            height: 40px;
            opacity: 1;
            border-radius: 5px;
            transition: all ease-in-out .3s
        }

    .input-group-btn {
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        z-index: 9;
        top: 0
    }

    .mobileMenu .firsatlarBtn {
        display: inline-block;
        width: 100%;
        margin-top: 10px
    }

    .haberMenuBar {
        top: 0;
        display: block
    }

    .haberUser {
        display: inline-block;
        float: left;
        width: 100%;
        height: auto
    }

        .haberUser ul {
            height: auto;
            display: inline-block;
            width: 100%;
            float: left
        }

            .haberUser ul li {
                width: 50%
            }

                .haberUser ul li a {
                    width: 100%;
                    padding: 10px
                }

    .haberMenuBar ul li {
        width: 100%
    }

    .haberMenuBar ul {
        display: inline-block;
        height: inherit;
        width: 100%
    }

        .haberMenuBar ul li a {
            display: inline-block;
            text-align: left;
            height: auto;
            border-bottom: 1px solid #ccc;
            width: 100%;
            padding: 15px 0
        }

    .haberMenuBar .container {
        width: 100%;
        position: static
    }

    .mmCloseHaber {
        position: absolute;
        top: 10px;
        right: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 50px
    }

    .haberMenuBar ul li:first-child {
        position: absolute;
        top: 10px;
        width: auto;
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

        .haberMenuBar ul li:first-child a {
            font-size: 6vw;
            padding: 0;
            border: 0;
            height: 45px;
            display: flex
        }

    .firsatlarBtn a {
        font-size: 4vw
    }

        .firsatlarBtn a img {
            width: 20px
        }

    .headerHaber {
        height: 80px
    }

    .mmHome img {
        width: 60%;
        display: inline-block;
        margin: auto
    }

    .mmClose img, .mmCloseHaber img {
        width: 40%;
        opacity: .4
    }

    .mmHomeHaber {
        position: absolute;
        top: 10px;
        left: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 60px
    }

        .mmHomeHaber a {
            text-align: center;
            width: 100%;
            float: left;
            margin-top: 6px
        }

        .mmHomeHaber img {
            width: 55%;
            display: inline-block
        }

    .modal_content {
        left: 5%;
        transform: translate(0,-50%);
        width: 90%;
        max-height: 90%
    }

    .form.projeGonderAppendTo {
        width: 100%;
        height: 100%
    }

    .modal_body {
        z-index: 9999;
        padding: 20px 0;
        height: 100vh;
        overflow-y: scroll
    }

    .projeFormWp {
        margin-bottom: 25px;
        top: 0
    }

    .breadcrumb {
        padding: 15px 0
    }

    .bizeyazBtn {
        width: 30%
    }

        .bizeyazBtn a {
            font-size: 13px;
            text-align: center
        }

    .takipEt {
        position: absolute;
        right: 0;
        top: 5px;
        height: 45px;
        width: 45px
    }

    .breadcrumb ul {
        width: 100%
    }

        .breadcrumb ul li + li:before {
            width: 4px;
            height: 8px;
            left: -9px;
            top: 5px
        }

    .projectDetailTitle {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        margin-top: 0
    }

    .formButtonWrapper {
        margin-left: 0;
        width: auto;
        display: table;
        margin: auto;
        float: none
    }

    .formTabButons {
        width: 100%;
        margin-left: 0
    }

        .formTabButons li a {
            font-size: 16px;
            padding: 15px 0
        }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 100px;
        padding: 14px 10px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 14px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 25px !important;
        margin: 5px 0
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -15px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -15px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -15px;
            left: auto
        }

        .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
            width: 30px;
            height: 30px;
            font-size: 18px !important
        }

    .saatAdi {
        margin-top: 15px
    }

    .saatDeger {
        font-size: 18px
    }

    .takvimSaatTab li {
        height: 100px;
        padding-top: 12px
    }

        .takvimSaatTab li span {
            font-size: 14px
        }

            .takvimSaatTab li span:nth-child(3) {
                width: 54px;
                height: 20px;
                line-height: 18px;
                font-size: 10px !important;
                margin-left: -27px;
                margin-top: 5px
            }

    .saatTab, .takvimSaatTab {
        margin: 0
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .sidebarTel {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

        .sidebarTel li {
            height: 52px
        }

            .sidebarTel li svg {
                float: left;
                margin: 15px;
                width: 18px
            }

            .sidebarTel li span {
                font-size: 16px;
                margin-top: 19px;
                float: left
            }

            .sidebarTel li a {
                width: 128px;
                height: 35px;
                line-height: 35px;
                margin-top: 8px;
                margin-right: 15px;
                font-size: 15px
            }

    .search-form input {
        width: 100%;
        height: 40px;
        opacity: 1;
        border-radius: 5px;
        transition: all ease-in-out .3s
    }

    .userController ul li {
        margin-right: 0;
        margin-left: 0;
        background: #f7f7f7;
        margin-top: 15px;
        border-top: 1px solid #e4e4e4
    }

    .digerProjeList .projeListCol {
        width: calc(50% - 15px);
        margin-right: 15px !important
    }

        .digerProjeList .projeListCol:nth-child(3n-1) {
            margin-left: 0;
            margin-right: 0
        }

        .digerProjeList .projeListCol:nth-child(even) {
            margin-right: 0 !important;
            margin-left: 15px !important
        }

    .projeInfo {
        height: auto;
        margin-top: 0
    }

    .info-right {
        width: 60%;
        text-align: right
    }

    .fixInfoRight {
        width: 100%;
        text-align: right
    }

    .InfoProjeLoc {
        margin: 17px;
        float: none;
        display: inline-block;
        margin-right: 0
    }

    .InfoProjeAdi {
        margin: 18px;
        float: none;
        display: inline-block
    }

    .InfoFavori, .InfoPaylasBtn {
        float: right;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 5px
    }

        .InfoFavori button {
            margin-top: 0
        }

    .projeInfoLogo {
        height: 80px;
        margin-top: 12px
    }

    .fixed .InfoProjeAdi {
        margin-left: 0;
        float: left;
        margin-bottom: 0;
        text-align: left
    }

    .fixed .InfoProjeLoc {
        float: left;
        text-align: left;
        margin-bottom: 0;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        float: right;
        width: auto
    }

    .fixed .InfoPaylasBtn, .fixed .InfoFavori {
        display: none
    }

    .InfoIletisimBtn {
        float: right;
        display: inline-block;
        margin-top: 0
    }

    .iletisimButonlari {
        top: 110px;
        right: -30px
    }

    .infoPaylasPopup {
        top: 110px;
        right: 215px
    }

    .formBaslikAciklama {
        margin-top: 0;
        text-align: center;
        margin-bottom: 0
    }

        .formBaslikAciklama svg {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            float: none;
            display: inline-block
        }

        .formBaslikAciklama p {
            font-size: 12px;
            line-height: 20px;
            float: none;
            display: inline-block;
            position: relative;
            top: -6px
        }

    .formZamanSlider {
        height: 110px
    }

    .aramaContainer {
        width: 85%
    }

    .ucluList .projeListCol {
        width: calc(50% - 10px);
        margin-left: 0 !important;
        margin-right: 10px !important
    }

        .ucluList .projeListCol:nth-child(2) {
            margin-left: 10px !important;
            margin-right: 0 !important
        }

    .aramaKategori {
        width: 140px
    }

    .aramaButton button {
        width: 100px !important
    }

    .ucluList .projeListCol:nth-child(3) {
        display: none
    }

    .projeForm textarea.form-control {
        height: 50px
    }

    .fixFormPage .gunButon {
        height: 85px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 90px
    }

    .sunumHeaderContent h1 {
        font-size: 60px;
        line-height: 70px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 27px
    }

    .sunumHeaderImg {
        margin-top: 50px
    }

    .sunumHizmetler h2 {
        font-size: 30px
    }

    .adimIcerik {
        font-size: 14px;
        line-height: 20px
    }

    .sunumAdimIcerik ul li {
        padding: 0 25px
    }

    .sunumProjeContent {
        min-height: 250px
    }

    .tanitimIcerik {
        position: absolute;
        left: 50%;
        width: 350px;
        top: -230px;
        margin-left: -175px;
        z-index: 99
    }

    .adimlar:before {
        border-color: #f5f5f5 transparent transparent transparent;
        right: 50%;
        top: auto !important;
        bottom: -29px;
        margin-right: -15px
    }

    .adim4, .adim5 {
        top: 50px
    }

    .adim6 {
        top: 50px
    }

    .deskTel {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .smsLeft {
        width: 100%
    }

    .pfImage {
        min-height: auto
    }

    .smsRight {
        width: 100%;
        padding: 0;
        margin-top: 25px
    }

    .form-text {
        width: 100%
    }

    h1.proje-title {
        font-size: 18px
    }

    .projectBnImage {
        min-height: 135px
    }

    .smsRight form ul li input.form-submit {
        float: initial;
        font-size: 13px;
        width: 165px;
        margin: 0 auto;
        display: table
    }

    .uye-ol-bg form .intl-tel-input {
        margin-bottom: 10px
    }

    #ProjeTalepForm .intl-tel-input {
        width: 70% !important
    }

    .ilgiliProjeler ul li {
        width: 100%;
        margin: 0 0 25px 0
    }

        .ilgiliProjeler ul li:last-child {
            margin-bottom: 0
        }

    .headerHaber .logo {
        width: 100px
    }

    .container {
        width: 90%
    }

    form#ProjeTalepForm {
        padding: 20px
    }

    #ProjeTalepForm .form-group {
        width: 100%;
        margin: 0 0 15px 0
    }

        #ProjeTalepForm .form-group label {
            width: 30%;
            font-size: 14px
        }

        #ProjeTalepForm .form-group input, #ProjeTalepForm .form-group select, #ProjeTalepForm .form-group textarea {
            width: 70%
        }

    .w50form {
        width: 70%
    }

    .pfImage {
        width: 100%
    }

    .pfIcerik {
        position: relative;
        width: 100%;
        padding: 10px;
        display: inline-block
    }

    .son-resim-d {
        width: 25px;
        right: -25px
    }

    .pfLogo {
        float: left;
        margin-bottom: 0;
        width: 120px
    }

    .pfName {
        float: left;
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 5%
    }

    .pfLocation {
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 0
    }

    .title h1 {
        font-size: 20px;
        margin-left: 10px
    }

    .title i, .title svg {
        font-size: 20px
    }

    .title {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0
    }

    .kampProjeListItem {
        width: 100%;
        margin-right: 0
    }

    .firsat {
        width: 200px;
        left: -25px;
        top: -25px
    }

    .footerContact {
        width: 100%
    }

    .footerBox {
        width: 100%;
        padding: 0;
        margin-top: 30px
    }

    .footerMenu {
        width: 100%;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 25px
    }

        .footerMenu span {
            width: 100%
        }

        .footerMenu:last-child {
            margin-bottom: 0
        }

    .footerTop {
        padding: 25px 0
    }

    .copyright {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .footerBottom .container {
        display: table
    }

    .footerSocial {
        width: 100%
    }

        .footerSocial ul {
            float: initial;
            margin: 0 auto;
            display: table
        }

    .kampanyaliProjeler {
        padding-bottom: 0;
        width: 100%;
        padding: 30px 0 50px 0;
        margin-left: 0
    }

    .haberLink a {
        font-size: 4vw
    }

    .navBar {
        height: 60px
    }

    .header {
        height: 95px
    }

    .haberLink {
        height: 40px
    }

    .hatirlamiyorum {
        padding-top: 0;
        line-height: 1.4;
        width: 65% !important
    }

        .hatirlamiyorum a {
            float: left;
            display: inline-block;
            width: calc(100% - 35px)
        }

    .uye-giris-sol-content {
        height: auto;
        padding-bottom: 20px
    }

    .uye-giris-sol ul {
        padding: 30px 30px
    }

    .form-sag, .form-sol {
        width: 100%
    }

    .projeLogo {
        width: 31.33%;
        padding: 10px
    }

    .projeAd {
        width: 66.66%;
        margin-left: 2%;
        margin-right: 0
    }

    .projeLokasyon {
        width: 100%;
        height: auto;
        padding: 10px 0;
        margin-top: 1.5%;
        background-color: #f1f1f1
    }

    .projeAciklama {
        padding: 25px 20px
    }

        .projeAciklama h2 {
            font-size: 22px;
            margin-bottom: 50px
        }

        .projeAciklama h4 {
            font-size: 17px
        }

    .galeriList li {
        width: 31.33%
    }

    .videoList iframe {
        height: 190px
    }

    .digerProjeList .kampProjeListItem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .kampProjeContent h3 {
        line-height: 1.3;
        height: 39px
    }

    .kampProjeContent {
        height: 170px
    }

    #map_canvas {
        height: 250px
    }

    .pfCarousel .owl-nav {
        right: initial;
        left: calc(135px + 30%);
        transform: translateX(-50%);
        bottom: -15px
    }

    .pfCarousel {
        margin-bottom: 30px
    }

    .butceYokForm {
        margin-top: 20px
    }

    .logo {
        width: 170px
    }

    .haberLogo {
        width: 140px
    }

    .navBarHaber {
        height: 70px
    }

    .w100.headerHaber {
        height: 70px
    }

    .haberMenuBar {
        top: 0;
        display: block;
        height: auto;
        border: none;
        width: calc(100% - 60px);
        margin-left: 30px
    }

    .mansetCarousel .items {
        height: 250px
    }

        .mansetCarousel .items h2 {
            font-size: 4vw;
            padding: 0 15px;
            line-height: 1.2
        }

    .mansetCarousel .owl-dots {
        height: 35px
    }

    .mansetCarousel .owl-dot {
        font-size: 13px !important
    }

    .newsCampCarousel .items a .ncTitle {
        padding: 0 10px;
        font-size: 14px
    }

    .newBox {
        width: 100%;
        margin: 20px 0 0
    }

    .haberler {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .haberContent .bgContainerShadowWhite {
        padding: 0 20px 35px
    }

    .haberIcerik h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .haberIcerik h2 {
        font-size: 17px
    }

    .haberIcerik h3 {
        font-size: 20px
    }

    .breadcrumb ul li {
        margin: 3px 5px;
        display: none
    }

    .haberTarih {
        padding-top: 10px
    }

    .firsatProjeList li {
        width: 48%;
        margin-right: 4%
    }

        .firsatProjeList li:nth-child(2n+2) {
            margin-right: 0
        }

    .fpTop h2 {
        font-size: 14px
    }

    .fpTop h3 {
        font-size: 12px
    }

    .downArrow {
        width: 30px
    }

    .fhTitle h2 {
        font-size: 5vw
    }

    .nativeAciklama p {
        font-size: 20px !important
    }

    .firsatContent h2 {
        font-size: 27px;
        line-height: 1.2;
        margin-bottom: 20px
    }

    .firsatContent p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .formDoldurLink a {
        font-size: 20px
    }

    .formDoldurLink {
        margin-bottom: 45px
    }

    .topSlogan {
        font-size: 11px
    }

    .kullanici {
        width: 150px
    }

        .kullanici > a {
            font-size: 12px
        }

    .projectForm form {
        margin-top: 0
    }

    .call_icon {
        width: 80px;
        bottom: 0;
        top: auto
    }

    .formTitle2 {
        font-size: 16px
    }

    .projectDetailTitle.hauto .call_icon {
        width: 90px
    }

    .projectDetailTitle.hauto {
        height: 50px
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 40px
    }

    .formButtonWrapper {
        width: 100%;
        margin-top: 20px;
        display: inline-block
    }

    .formButtonContact.renk2 {
        margin-bottom: 0
    }

    .projeSlogan a {
        height: auto;
        padding-left: 0;
        flex-direction: column;
        padding-top: 11px;
        align-items: flex-end
    }

    .projeSlogan .projeSloganLeft {
        margin-bottom: 15px;
        float: none;
        width: 100%;
        display: flex;
        justify-content: end;
        padding-left: 15px;
        flex-direction: column
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 23px
    }

    .projeSlogan a i {
        margin-left: 0
    }

    .projeSlogan {
        margin-bottom: 0
    }

        .projeSlogan.small .projeSloganLeft {
            padding-left: 0;
            align-items: end
        }

            .projeSlogan.small .projeSloganLeft i {
                margin-left: 0;
                margin-right: 15px;
                width: 25px;
                margin-top: 5px
            }

        .projeSlogan.small a {
            height: auto;
            padding-left: 10px
        }

    .breadcrumb ul li.brandDots {
        display: block;
        color: #818181;
        margin-right: 10px;
        margin-left: 10px
    }

    .breadcrumb ul li:first-child {
        display: block
    }

    .breadcrumb ul li:last-child {
        display: block
    }

    .breadcrumb {
        padding: 0 0;
        margin-top: 15px;
        margin-bottom: 10px
    }

        .breadcrumb ul li a i {
            width: 17px;
            top: 0
        }

    .telBtn {
        font-size: 14px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

    .formTabButons {
        margin-top: 20px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 9px 6px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 12px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .saatDeger {
        font-size: 15px
    }

    .saatAdi {
        margin-top: 12px
    }

    .takvimSaatTab li {
        height: 80px;
        padding-top: 8px
    }

        .takvimSaatTab li span {
            font-size: 12px
        }

    .sonuc {
        font-size: 14px !important
    }

    .sidebarTel li {
        height: 45px
    }

        .sidebarTel li svg {
            margin: 11px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 14px;
            margin-top: 16px
        }

        .sidebarTel li a {
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin-top: 7px;
            margin-right: 6px;
            font-size: 13px
        }

    .topBar span {
        font-size: 11px;
        margin-right: 20px
    }

    .topBar a {
        font-size: 10px;
        width: 75px;
        height: 22px;
        line-height: 20px
    }

    .topBar {
        height: 35px
    }

    .navBar {
        height: 60px;
        top: 35px
    }

    .logo {
        width: 170px;
        margin-top: 10px
    }

    .menuButon {
        width: 40px;
        height: 35px;
        margin-top: 0
    }

    .menu-trigger.second .line {
        height: 2px
    }

    .mmClose {
        width: 35px;
        height: 35px;
        position: absolute;
        right: 10px;
        top: 30px
    }

    .mobile-menu ul li a {
        font-size: 16px;
        padding: 15px
    }

    .mobile-menu ul li ul li a {
        font-size: 15px;
        text-transform: capitalize;
        padding: 15px 50px
    }

    .mobile-menu {
        align-items: flex-start;
        height: calc(90vh - 100px)
    }

    .header-right {
        float: left;
        margin-top: 70px;
        width: 80%;
        margin-left: 10%
    }

    .aramaBtn {
        width: 40px !important;
        margin-right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
    }

    .girisBtn {
        width: 40px !important;
        height: 40px;
        min-width: 40px;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        float: none;
    }

    .mobileMenu .logo {
        position: absolute;
        left: 5%;
        top: 5px
    }


    .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListContent, .projeListContent p, .projeListCol {
        min-height: auto
    }

    .digerProjeList .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .sunumStar, .sunumStar:before {
        width: 40px;
        height: 40px
    }

    .digerProjeList .projeListFooter {
        padding: 0 15px 20px 15px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .newBilgiAl {
        margin-top: 3px
    }

    .projeInfoLogo {
        height: 50px;
        margin-top: 5px;
        width: auto;
        text-align: center;
        padding: 0
    }

        .projeInfoLogo img {
            display: inline-block;
            float: none;
            margin: auto
        }

    .info-right {
        width: 60%;
        text-align: right;
        margin-right: 0
    }

    .InfoProjeAdi, .InfoProjeLoc {
        margin: 7px;
        float: left
    }

        .InfoProjeLoc svg, .InfoProjeAdi svg {
            float: left;
            margin-right: 5px;
            width: 13px;
            height: 13px
        }

        .InfoProjeLoc strong, .InfoProjeAdi a {
            font-size: 11px
        }

    .fixInfoRight {
        display: none
    }

    .newProjeOzet {
        height: auto;
        padding: 15px 15px
    }

        .newProjeOzet h1 {
            font-size: 16px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 20px
    }

    .projeSloganLeft span {
        margin-left: 0;
        margin-top: 10px
    }

    .projeSlogan.small a {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden
    }

    .projeSlogan a .projeSloganRight {
        position: absolute;
        float: right;
        bottom: 0;
        width: 150%
    }

    .formRow {
        width: 100%;
        float: left;
        margin-top: 15px
    }

    .formBaslikAciklama svg {
        float: left
    }

    .formBaslikAciklama {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .formBaslikAciklama p {
            font-size: 13px;
            line-height: normal;
            width: calc(100% - 35px);
            float: left;
            text-align: left;
            height: 20px;
            display: flex;
            align-items: center;
            position: relative;
            top: 0
        }

    .formZamanSlider {
        height: 90px
    }

    .projeForm textarea.form-control {
        height: 60px
    }

    .projeInfo.fixed {
        top: 59px;
        border: none;
        border-top: 1px solid #ccc
    }

    .fixed .InfoProjeAdi {
        display: none
    }

    .fixed .InfoProjeLoc .infoSvg {
        width: 35px;
        height: 35px;
        top: -4px
    }

    .fixed .infoSvgBaslik {
        top: -6px;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        display: block
    }

    .fixed .InfoProjeLoc {
        margin-right: 0
    }

    .fixed .fixIletisimBtn {
        display: flex;
        width: 100px;
        font-size: 12px;
        margin-left: 0;
        height: 30px;
        margin-top: 6px
    }

    .girisMenuKapat {
        display: none !important
    }

    .uye-dropdown {
        right: 0;
        position: relative;
        width: 100%;
        float: left;
        top: 20px;
        margin-bottom: 20px;
        box-shadow: none
    }

    .firsat-projeleri {
        display: none
    }

    .aramaPage {
        height: calc(100vh - 90px);
        top: 90px
    }

    .sticky .aramaPage {
        top: 60px;
        height: calc(100% - 60px)
    }

    .aramaKategori {
        width: 100px
    }

    .select-box__input-text {
        font-size: 18px;
        line-height: 50px;
        padding-left: 15px
    }

    .select-box__icon {
        width: 14px;
        opacity: 1
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 50px !important
    }

    .search-form {
        width: calc(100% - 100px) !important;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .input-group-btn {
        width: 120px;
        height: 40px !important;
        position: relative;
        right: 0;
        z-index: 9;
        top: 0;
        border-radius: 4px;
        margin-top: 15px;
        font-size: 14px;
        left: 50%;
        margin-left: -60px
    }

    .search-form input {
        font-size: 14px;
        padding-right: 20px;
        padding-left: 20px
    }

    .aramaButton button {
        width: 100% !important;
        height: 40px !important;
        font-size: 16px
    }

    .sonAranan {
        display: none
    }

    .aramaBaslik {
        font-size: 18px;
        padding-bottom: 10px
    }

        .aramaBaslik .searchButtonAll {
            font-size: 14px;
            line-height: 18px
        }

    .sonucIkon {
        width: 20px;
        height: 20px
    }

        .sonucIkon svg {
            width: 16px;
            height: 16px
        }

    .sonucProjeAdi {
        line-height: 20px;
        margin-right: 10px
    }

    .sonucProjeAdi {
        line-height: 20px;
        margin-left: 10px;
        font-size: 14px
    }

    .projeSonucBolge {
        line-height: 20px;
        font-size: 12px
    }

    .sonucDetay {
        display: none
    }

    .fixFormClose {
        top: 100px
    }

    .fixFormPage {
        top: 50px
    }

        .fixFormPage .gunButon {
            height: 75px;
            padding: 6px 5px
        }

        .fixFormPage .formZamanSlider {
            height: 80px
        }

        .fixFormPage textarea.form-control {
            height: 40px
        }

        .fixFormPage .butceYokForm {
            margin-top: 0
        }

    .sunumHeaderImg, .sunumAdim {
        display: none
    }

    .sunumHeaderContent {
        height: auto;
        width: 100%;
        padding-right: 0
    }

        .sunumHeaderContent h1 {
            font-size: 50px;
            line-height: 60px
        }

        .sunumHeaderContent h2, .sunumProjeListe h2, .sunumHizmetler h2 {
            font-size: 24px
        }

    .sunumHeader {
        height: 450px;
        padding-bottom: 50px
    }

    .sunumAdimIcerik ul li {
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
        text-align: left
    }

    .adimBaslik {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 15px
    }

        .adimBaslik span {
            width: 40px;
            height: 40px;
            background: #fff;
            display: block;
            float: left;
            border-radius: 50%;
            text-align: center;
            font-weight: 900;
            line-height: 40px;
            font-size: 20px;
            margin-right: 15px;
            box-shadow: 0 0 10px rgba(0,0,0,.5)
        }

    .sunumAdimIcerik li:nth-child(1) span, .sunumAdimIcerik li:nth-child(1) strong {
        color: #fc490c
    }

    .sunumAdimIcerik li:nth-child(2) span, .sunumAdimIcerik li:nth-child(2) strong {
        color: #e62e4e
    }

    .sunumAdimIcerik li:nth-child(3) span, .sunumAdimIcerik li:nth-child(3) strong {
        color: #931d80
    }

    .sunumAdimIcerik li:nth-child(4) span, .sunumAdimIcerik li:nth-child(4) strong {
        color: #3c53ae
    }

    .adimBaslik strong {
        font-size: 20px;
        line-height: 40px
    }

    .sunumHizmetler {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .sunumVideoRow {
        height: 280px
    }

    .videoContent {
        width: 86%;
        height: 200px;
        border-radius: 15px;
        margin-left: 0;
        left: 7%;
        bottom: 20px
    }

        .videoContent:before {
            height: 20px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px
        }

        .videoContent:after {
            height: 20px;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px
        }

        .videoContent a svg {
            width: 50px;
            height: 50px
        }

    .videoMan {
        right: 0
    }

    .sunumProjeListe li {
        min-height: auto;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px
    }

    .sunumProjeContent {
        min-height: auto
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px;
            position: relative;
            bottom: 0;
            margin-top: 10px;
            margin-bottom: 10px
        }

    .sunumProjeListe ul {
        margin-bottom: 20px
    }

    .sunumProjeListe {
        padding-bottom: 50px
    }

        .sunumProjeListe h2 {
            margin-top: 50px;
            margin-bottom: 35px
        }

    .tanitimIcerik {
        width: 300px;
        margin-left: -150px
    }

    .adimlar {
        padding: 15px 15px
    }

        .adimlar img, .adimSvg {
            display: none
        }

        .adimlar strong {
            font-size: 16px;
            width: 100%;
            line-height: 20px;
            margin-top: 0;
            margin-bottom: 10px
        }

    .tanitimIcerik {
        top: -150px
    }

    .tanitimCloseBg {
        top: 60px
    }

    .adimlar p {
        width: 100%;
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
        color: #3c3c3c
    }

    .adim4 {
        top: 70px
    }

    .adim5 {
        top: 20px
    }

    .pfSlider {
        min-height: auto
    }

    .haberDetayRow .breadcrumb {
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: inherit
    }

    .native1-bg {
        height: 300px;
        background-size: cover !important;
        background-position: top center !important
    }

    .firsatContent h1 {
        font-size: 16px;
        padding: 0 20px;
        margin: 15px 0
    }

    .scrollDownBtn2 {
        margin: 0 auto 10px;
        display: table;
        width: 20px
    }

    #formAc .formBaslikAciklama p {
        top: -5px;
        position: relative;
        line-height: 20px;
        display: inline-block;
        height: auto;
        margin-left: 10px
    }

        #formAc .formBaslikAciklama p span {
            width: 100%;
            float: left
        }

    .form-control, .send-form {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .haberBgDiger {
        background-size: 105% !important;
        height: 240px;
        background-position: top center !important
    }

    .fixed .seciliTarihButon, .fixed .saatSlider, .fixed .saatButon {
        height: 75px
    }

    .navBar .container {
        display: flex
    }

    .aramaBtn > span {
        display: none
    }

    .aramaBtn img {
        top: auto;
        margin-right: 0
    }

    .girisBtn div strong {
        display: none
    }

    .girisBtn div span {
        display: none
    }

    .girisBtn .giris-icn {
        width: auto !important;
        margin-right: 0;
        float: none;
        display: block !important;
        position: relative
    }

    .girisBtn svg {
        position: relative;
        display: none
    }

    .girisBtn > div {
        display: none
    }

    .navBar .container {
        display: flex
    }

    .aramaBtn > span {
        display: none
    }

    .aramaBtn img {
        top: auto;
        margin-right: 0
    }

    .girisBtn div strong {
        display: none
    }

    .girisBtn div span {
        display: none
    }

    .girisBtn .giris-icn {
        width: auto !important;
        margin-right: 0;
        float: none;
        display: block !important;
        position: relative
    }

    .girisBtn svg {
        position: relative;
        display: none
    }

    .girisBtn > div {
        display: none
    }
}

@media only screen and (max-width:350px) {
    .userController ul li {
        margin-right: 10px
    }

    .container {
        width: 95%
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 20px
    }
}

@media only screen and (min-height:850px) {
    .fixFormPage .projectForm {
        max-height: 570px
    }
}

@media only screen and (max-height:800px) {
    .fixFormPage .projectForm {
        max-height: 480px
    }
}

.formError {
    z-index: 990
}

    .formError .formErrorContent {
        z-index: 991
    }

    .formError .formErrorArrow {
        z-index: 996
    }

.ui-dialog .formError {
    z-index: 5000
}

    .ui-dialog .formError .formErrorContent {
        z-index: 5001
    }

    .ui-dialog .formError .formErrorArrow {
        z-index: 5006
    }

.inputContainer {
    position: relative;
    float: left
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left
}

    .formError.inline {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block
    }

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    box-sizing: border-box
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #fff
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative
}

body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #fff
}

.formError .formErrorArrow .line10 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 11px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}

@media only screen and (min-width:851px) {
    .digerProjeList .kampProjeListItem:nth-child(3n+3) {
        margin-right: 0
    }

    .haberLink a:hover {
        letter-spacing: 2px
    }

    .haberSticky .stickyLogo {
        display: inline-block;
        float: left
    }
}

@media only screen and (min-width:768px) {
    .firsatProjeList li:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .container {
        width: 1000px
    }

    .sideBar {
        width: 240px
    }

    .homeSect {
        width: calc(97% - 240px)
    }

    .pfImage {
        width: calc(100% - 200px);
        min-height: 190px
    }

    .pfSlider {
        min-height: 190px
    }

    .pfIcerik {
        width: 200px;
        padding-bottom: 20px
    }

    .pfLogo {
        width: 100px
    }

    .videoYok {
        height: 330px
    }

        .videoYok img {
            width: 90px
        }

        .videoYok p {
            font-size: 16px;
            line-height: 24px
        }

    .pfLocation {
        padding: 0 15px;
        width: 100%;
        font-size: 12px
    }

        .pfLocation i {
            width: 12px
        }

        .pfLocation strong {
            width: auto;
            padding-left: 10px
        }

    .logo {
        width: 180px
    }

    .projectBnImage {
        min-height: 260px
    }

    .searchForm {
        width: auto;
        margin-left: 40px
    }

    .firsatlarBtn a {
        padding: 0 15px;
        font-size: 12px
    }

        .firsatlarBtn a img {
            width: 15px
        }

    .digerProjeList .projeListImage {
        max-height: 202px
    }

    .telefon a {
        font-size: 17px
    }

    .uye-giris-sol-content ul li {
        margin-top: 30px
    }

    .newsContent h3 {
        font-size: 15px;
        height: 17px;
        line-height: 1.2
    }

    .stickyLogo {
        width: 140px
    }

    .formButtonContact a {
        font-size: 14px
    }

        .formButtonContact a span {
            width: auto;
            padding: 7px 14px;
            font-size: 14px
        }

    .formButtonContact a {
        height: 45px;
        padding-left: 15px
    }

        .formButtonContact a .buttonLeft i {
            width: 17px;
            margin-right: 8px
        }

    .formTitle2 {
        font-size: 16px
    }

    .call_icon {
        width: 100px
    }

    .projectDetailTitle {
        height: 75px
    }

    #FirmaFormProje .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .projectForm.firmaProjectForm {
        height: 500px
    }

    .map.firmaHarita, #map_canvas {
        height: 405px !important
    }

    .butceYokForm .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -16px;
        margin-top: -9px
    }

    .formTitle2 {
        font-size: 18px
    }

    .projectDetailTitle.hauto .call_icon {
        width: auto
    }

    .projeSlogan a strong {
        font-size: 19px;
        line-height: 27px
    }

    .projeSlogan a {
        padding-left: 25px;
        height: 120px
    }

        .projeSlogan a i {
            width: 30px;
            margin-top: 10px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 25px
    }

    .projeSlogan.small a {
        height: 55px
    }

    .userController ul li {
        margin-left: 40px
    }

    .main-menu ul li {
        margin-left: 10px
    }

        .main-menu ul li a {
            padding: 10px 14px;
            font-size: 14px
        }

    .search-form.active {
        width: 150px;
        opacity: 1
    }

    .search-form input {
        font-size: 16px;
        padding-right: 30px
    }

    .aramaContainer {
        width: 870px
    }

    .aramaPageClose svg {
        width: 20px;
        height: 20px
    }

    .aramaPageClose {
        top: 40px
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 60px !important
    }

    .sonAranan svg {
        float: left;
        margin-right: 15px;
        width: 20px;
        height: 20px
    }

    .ucluList .projeListContent p {
        min-height: 70px
    }

    .ucluList .projeListCol {
        min-height: 420px
    }

    .sonAranan p {
        font-size: 16px;
        line-height: 20px
    }

    .select-box__input-text {
        font-size: 20px;
        line-height: 60px
    }

    .aramaBar {
        margin-top: 80px
    }

    .userController ul li a, .nav-alt-bar li a {
        font-size: 14px
    }

    .main-menu {
        margin-top: 25px;
        margin-left: 80px
    }

    .nav-alt-bar li {
        margin-right: 40px
    }

    .haberMenuBar li {
        margin-right: 20px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

        .formTabButons li a svg {
            width: 14px;
            height: 14px;
            margin-right: 5px
        }

    .projectForm {
        padding: 10px 15px;
        height: 482px
    }

    .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
        font-size: 12px
    }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .saatDeger {
        font-size: 14px
    }

    .saatAdi {
        margin-top: 10px
    }

    .seciliTakvimKapat svg {
        width: 7px;
        height: 7px
    }

    .seciliTakvimKapat {
        padding-top: 2px;
        padding-left: 1px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 10px 6px
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -12px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -12px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -12px;
            left: auto
        }

    .projeForm .form-control {
        height: 35px;
        font-size: 12px;
        padding-right: 20px
    }

    .butceYokForm .form-control {
        height: 38px
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .formIzin {
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 35px
    }

    .sidebarTel li {
        height: 40px
    }

        .sidebarTel li svg {
            float: left;
            margin: 9px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 15px;
            margin-top: 13px;
            float: left
        }

        .sidebarTel li a {
            width: 90px;
            height: 25px;
            line-height: 25px;
            margin-top: 7px;
            margin-right: 10px;
            font-size: 13px
        }

    .takvimGaleri {
        margin: 5px 0
    }

    .formTabButons li a span {
        top: -2px
    }

    .projeForm textarea.form-control {
        height: 40px
    }

    .videoYokRow textarea.form-control {
        height: 80px
    }

    .butceYokForm textarea.form-control {
        height: 60px
    }

    .saatTab, .takvimSaatTab {
        margin: 5px 0
    }

        .takvimSaatTab li {
            height: 80px;
            padding-top: 10px
        }

            .takvimSaatTab li span {
                font-size: 12px
            }

    .sonuc {
        font-size: 16px !important
    }

    .takvimSaatTab li span:nth-child(3) {
        width: 50px;
        height: 16px;
        line-height: 14px;
        font-size: 8px !important;
        margin-left: -25px;
        margin-top: 2px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 14px;
        padding: 12px 35px
    }

    .firsat-left-menu {
        width: 31%
    }

        .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
            font-size: 24px;
            margin-bottom: 20px
        }

    .tumBtn {
        font-size: 14px;
        width: 200px
    }

    .firsat-right-pages {
        width: 69%
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 310px;
        padding: 25px 25px 25px 30px
    }

    .firsat-content h3 {
        font-size: 16px
    }

    .firsat-content p {
        font-size: 12px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 14px
    }

    .child-menu-pages {
        height: 370px
    }

    .projeler-page ul li:nth-child(1) {
        height: 310px
    }

    .projeler-page ul li {
        height: 145px
    }

    .projeler-left-menu ul {
        min-height: 220px
    }

    .projeler-page ul li a strong {
        font-size: 20px
    }

    .haberler-page ul li span {
        height: 145px
    }

    .haberler-page ul li strong {
        font-size: 15px
    }

    .haberler-page ul li {
        min-height: 220px
    }

    .haberler-left-menu ul {
        min-height: 215px
    }

    .esunum-list h2 {
        font-size: 24px
    }

    .esunum-list ul li strong {
        font-size: 14px
    }

    .esunum-detayli-bilgi {
        height: 370px
    }

    .projeler-page {
        padding: 0
    }

    .projeler-left-menu ul li a {
        border-radius: 10px;
        padding: 10px 35px
    }

    .projeListContent {
        min-height: 190px
    }

    .projeListCol {
        min-height: 560px
    }

    .digerProjeList .projeListContent h3 {
        font-size: 16px
    }

    .digerProjeList .projeListContent p {
        font-size: 13px
    }

    .digerProjeList .newBilgiAl a {
        width: 100px;
        font-size: 13px
    }

    .digerProjeList .projeListContent {
        min-height: 200px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 14px
    }

    .projeInfo {
        height: 55px;
        margin-top: 0
    }

    .projeInfoLogo {
        height: 55px
    }

    .InfoProjeAdi {
        margin: 18px
    }

    .InfoProjeLoc {
        margin: 17px
    }

    .InfoPaylasBtn, .InfoFavori button {
        width: 90px;
        height: 35px;
        line-height: 33px;
        margin: 9px 0 9px 10px
    }

        .InfoFavori button svg {
            top: 2px
        }

        .InfoPaylasBtn span, .InfoFavori button span {
            top: -1px;
            position: relative
        }

    .InfoIletisimBtn {
        padding: 9px 17px;
        margin: 9px 0 9px 10px
    }

    .iletisimButonlari {
        width: 240px;
        padding: 15px 25px 5px 25px;
        top: 60px
    }

        .iletisimButonlari a {
            height: 45px;
            font-size: 15px
        }

        .iletisimButonlari svg {
            width: 20px;
            height: 20px;
            margin-right: 10px
        }

    .infoPaylasPopup {
        top: 60px;
        right: 120px
    }

    .formBaslikAciklama p {
        font-size: 13px
    }

    .formZamanSlider {
        height: 90px
    }

    .iletisimSecenek li {
        height: 45px
    }

    .fixed .InfoProjeAdi .infoSvg, .fixed .InfoProjeLoc .infoSvg {
        width: 40px;
        height: 40px
    }

    .fixed .InfoProjeAdi span, .fixed .InfoProjeLoc span {
        font-size: 13px;
        line-height: 1.1;
        margin-top: 4px
    }

    .fixIletisimBtn {
        width: 140px;
        height: 35px;
        font-size: 14px;
        margin-top: 9px
    }

    .tesekkurler-form p, .tesekkurler-form p strong {
        font-size: 15px
    }

    .uye-dropdown li a {
        font-size: 14px
    }

    .uye-dropdown {
        width: 180px;
        padding: 10px 20px
    }

    .fixFormClose {
        top: 130px
    }

    .fixFormPage .projectForm {
        max-height: 430px
    }

    .fixFormPage {
        width: 340px
    }

    .tel-col svg {
        width: 15px;
        height: 15px;
        float: left;
        margin: 12px 7px
    }

    .tel-col strong {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col span {
        width: calc(100% - 30px);
        font-size: 11px
    }

    .tel-col a {
        height: 37px
    }

    .fixFormPage .gunButon {
        height: 75px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 80px
    }

    .formIzin label, .YasalIzinMetin {
        font-size: 12px;
        line-height: 14px;
        padding-left: 0;
        text-align: left
    }

    .sunumHeaderContent h1 {
        font-size: 80px;
        line-height: 90px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 36px
    }

    .sunumHeaderContent p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px
    }

    .sunumHeaderContent {
        height: 310px
    }

    .sunumHeader {
        height: 600px
    }

    .sunumHizmetler h2 {
        font-size: 40px
    }

    .adimIcerik {
        font-size: 16px;
        line-height: 24px
    }

    .sunumVideoRow {
        height: 650px
    }

    .videoContent {
        width: 650px;
        height: 380px;
        border-radius: 25px;
        margin-left: -325px
    }

    .videoMan {
        right: 70px
    }

    .videoContent:before {
        height: 30px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px
    }

    .videoContent:after {
        height: 30px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

    .sunumProjeContent h3 {
        font-size: 14px;
        line-height: 18px
    }

    .sunumProjeContent p {
        font-size: 13px;
        line-height: 17px
    }

    .sunumProjeListe li {
        width: calc(33.3% - 20px);
        min-height: 410px
    }

        .sunumProjeListe li:nth-child(3n-1) {
            margin-left: 30px;
            margin-right: 30px
        }

    .sunumProjeContent {
        min-height: 210px
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px
        }

    .adim6 {
        top: 340px
    }

    .adim2, .adim3 {
        top: 50px
    }

    .adim4, .adim5 {
        top: 130px
    }

    .introOk {
        width: 180px;
        top: 145px;
        left: 47%
    }

    .introBaslik {
        position: absolute;
        margin-top: 180px;
        font-size: 46px;
        color: #fff;
        width: 50%;
        font-weight: 700;
        line-height: 58px
    }

    .introAciklama {
        top: 320px;
        font-size: 26px;
        width: 48%;
        line-height: 38px
    }
}

@media only screen and (max-width:1100px) {
    .fixFormPage .projectForm {
        max-height: 460px
    }

    .container {
        width: 900px
    }

    .main-menu {
        margin-left: 50px
    }

    .firsat-left-menu span, .projeler-left-menu span, .haberler-left-menu span {
        font-size: 20px;
        margin-bottom: 20px
    }

    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 12px
    }

    .firsat-content h3 {
        font-size: 14px;
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: 180px
    }

    .firsat-content p {
        font-size: 11px
    }

    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 13px
    }

    .firsat-page, .projeler-page, .haberler-page {
        height: 275px;
        padding: 20px 20px 20px 25px
    }

    .tumBtn {
        font-size: 13px;
        width: 180px;
        margin-top: 10px
    }

    .child-menu-pages {
        height: 340px
    }

    .projeler-left-menu ul {
        min-height: 200px
    }

    .projeler-page {
        padding: 0
    }

        .projeler-page ul li:nth-child(1) {
            height: 280px
        }

        .projeler-page ul li, .haberler-page ul li span {
            height: 130px
        }

    .haberler-left-menu ul li a {
        padding: 10px 35px
    }

    .haberler-left-menu ul {
        min-height: 195px
    }

    .haberler-page ul li strong, .esunum-list ul li strong {
        font-size: 13px
    }

    .haberler-page ul li {
        min-height: 200px
    }

    .esunum-list h2 {
        font-size: 20px
    }

    .esunum-detayli-bilgi {
        height: 340px;
        padding: 0 25px
    }

    .projeListCol {
        width: calc(50% - 10px);
        margin-right: 10px
    }

        .projeListCol:nth-child(even) {
            margin-right: 0;
            margin-left: 10px
        }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .projeListContent {
        padding: 15px 15px
    }

    .projeListCol {
        min-height: 520px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0;
        margin-left: 0
    }

    .digerProjeList .projeListCol:nth-child(3n-1) {
        margin-left: 15px;
        margin-right: 15px
    }

    .newProjeOzet p {
        font-size: 14px
    }

    .formBaslikAciklama svg {
        width: 16px;
        height: 16px;
        margin-right: 5px
    }

    .formBaslikAciklama p {
        font-size: 12px;
        line-height: 16px
    }

    .iletisimSecenek li {
        height: 40px;
        font-size: 14px
    }

    .projeForm textarea.form-control {
        height: 35px
    }

    .videoYokRow textarea.form-control {
        height: 60px
    }

    .formZamanSlider {
        margin-bottom: 8px
    }

    .projectForm {
        height: 454px
    }

    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 13px
    }

    .InfoIletisimBtn span {
        font-size: 13px
    }

    .sunumHeaderContent h1 {
        font-size: 70px;
        line-height: 80px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 34px
    }

    .sunumHeader {
        height: 500px;
        padding-bottom: 50px
    }

    .sunumVideoRow {
        height: 550px
    }

    .videoContent {
        width: 550px;
        height: 340px;
        border-radius: 25px;
        margin-left: -275px
    }

        .videoContent a svg {
            width: 80px;
            height: 80px
        }

    .sunumProjeContent p {
        font-size: 12px;
        line-height: 16px
    }

    .sunumProjeListe li {
        min-height: 390px
    }
}

@media only screen and (max-width:850px) {
    .yenilikVar {
        display: none
    }

    .smsLeft {
        width: 250px
    }

    .projeListCol {
        min-height: 555px
    }

    .projeListLogo {
        padding-left: 25px
    }

    .projeListTitle {
        padding-right: 25px
    }

    .projeListContent {
        padding: 20px 25px
    }

    .smsRight {
        width: calc(100% - 250px)
    }

    .formSmsCheck {
        width: 100%
    }

    .map.firmaHarita {
        height: 330px;
        margin-top: 15px
    }

    .digerProjeList .projeListImage {
        max-height: 215px
    }

    .header {
        height: 140px
    }

    .uye-dropdown {
        right: 65px
    }

    .destekButon {
        display: block;
        background-color: #08a037;
        font-weight: 600;
        color: #fff;
        border-radius: 8px 0 0 0;
        padding: 10px 20px;
        text-align: center;
        cursor: pointer;
        position: fixed;
        bottom: 0;
        right: 0;
        transition: all ease-in-out .4s;
        z-index: 99;
        box-shadow: -2px -2px 10px rgba(0,0,0,.2);
        font-size: 15px
    }

    .fixMobil {
        width: 100%;
        height: 65px;
        position: fixed;
        left: 0;
        background: rgba(82,82,82,.95);
        z-index: 99;
        bottom: -65px;
        transition: all ease-in-out .4s;
        display: inline-block
    }

        .fixMobil ul {
            width: 77%;
            margin: 10px 0 0;
            padding: 0 0 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            float: left
        }

            .fixMobil ul li {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .fixMobil ul li a {
                    padding: 12px;
                    background-color: #818285;
                    border-radius: 360px;
                    width: 46px;
                    height: 46px
                }

                    .fixMobil ul li a span {
                        width: 100%;
                        margin-top: 8px;
                        font-size: 13px;
                        line-height: 1.2;
                        font-weight: 400
                    }

                .fixMobil ul li:nth-child(1) a {
                    background-color: #dd665b
                }

                .fixMobil ul li:nth-child(3) a {
                    background-color: #3579e5
                }

                .fixMobil ul li:nth-child(2) a {
                    background-color: #28ba65
                }

    #socialus-wrapper {
        transition: all ease-in-out .4s;
        bottom: -65px !important;
        right: 6% !important
    }

    .fixMobil.active {
        bottom: 0
    }

    #socialus-wrapper.active {
        bottom: 10px !important
    }

    .destekButon.active {
        bottom: 65px
    }

    #socialus-button {
        border-radius: 360px !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 25px;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: initial !important;
        margin: 0 !important
    }

    .form-panel {
        margin-left: 0;
        margin-top: 25px;
        width: 100%
    }

    .firsatlarBtn, .haberSideBar, .mansetProje, .projeGonder, .searchForm, .sideBarAccordion, .telefon, .topProjects {
        display: none
    }

    .stickyLogo {
        display: none
    }

    .menuActive {
        overflow: hidden
    }

    .menu-trigger.second {
        transition: all .5s 0s;
        width: 100%;
        height: 100%;
        position: relative
    }

        .menu-trigger.second .line {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            height: 3px;
            background: #3d3d3d;
            transition: .3s
        }

            .menu-trigger.second .line.line-1 {
                transition: all .3s .3s,transform .3s 0s
            }

            .menu-trigger.second .line.line-2 {
                top: 50%;
                margin-top: -1px;
                left: 0;
                transition: all .3s .3s
            }

            .menu-trigger.second .line.line-3 {
                bottom: 0;
                top: auto;
                left: 0;
                transition: all .3s .3s,transform .3s 0s
            }

        .menu-trigger.second.active {
            transform: rotate(135deg);
            transition: all .5s .3s
        }

            .menu-trigger.second.active .line-1 {
                top: 50%;
                margin-top: -1px;
                transform: rotate(90deg);
                transition: all .3s,transform .3s .3s
            }

            .menu-trigger.second.active .line-2 {
                opacity: 0;
                transition: all .3s,opacity .3s 0s
            }

            .menu-trigger.second.active .line-3 {
                bottom: 50%;
                margin-bottom: -1px;
                transform: rotate(0);
                transition: all .3s,transform .3s .3s
            }

    .accountMenu, .nav-alt-bar, .main-menu {
        display: none
    }

    .menuButon {
        width: 45px;
        height: 40px;
        position: relative;
        padding: 8px 6px;
        border-radius: 4px;
        float: right;
        margin-top: 24px;
        margin-left: 20px
    }

    .mmTop {
        width: 100%;
        display: inline-block;
        height: 50px;
        float: left;
        display: inline-block
    }

    .mmHome {
        width: 80px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #df6459;
        float: left;
        font-size: 8vw;
        border-right: 1px solid #f5f5f5;
        text-align: center
    }

    .mmQuickMenu {
        width: calc(100% - 130px);
        float: left;
        display: inline-block;
        height: 100%
    }

    .mmClose {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 30px;
        top: 50px
    }

        .mmClose span {
            width: 100%;
            height: 2px;
            background: #3d3d3d;
            float: left;
            position: absolute
        }

            .mmClose span:nth-child(1) {
                transform: rotate(45deg)
            }

            .mmClose span:nth-child(2) {
                transform: rotate(-45deg)
            }

    .mmQuickMenu li {
        height: 100%;
        width: 50%;
        float: left;
        border: 5px solid #fff
    }

        .mmQuickMenu li a {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e8e8e8;
            color: #df6459;
            font-weight: 500;
            font-size: 3.5vw
        }

    .sideBarTab {
        box-shadow: initial
    }

        .sideBarTab a.active {
            box-shadow: initial
        }

    .fixAkilliArama {
        color: #fff;
        font-size: 15px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
        line-height: 50px
    }

        .fixAkilliArama a {
            color: #fff
        }

        .fixAkilliArama span {
            margin-left: 6px;
            font-weight: 400
        }

    .fixTel {
        width: 70px;
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -35px
    }

    .fixIletisimFormu {
        width: 50%;
        float: left;
        text-align: right;
        padding-right: 25px;
        box-sizing: border-box;
        line-height: 50px;
        color: #fff;
        font-weight: 400;
        font-size: 15px
    }

        .fixIletisimFormu span {
            margin-left: 10px
        }

    .fixTel img {
        width: 100%
    }

    .fixIletisimFormu a {
        color: #df6459
    }

    .container {
        width: 95%
    }

    .homeSect {
        margin: 0;
        width: 100%
    }

    .cityList {
        height: calc(100vh - 150px);
        margin-left: 0;
        padding: 0
    }

    .pfCarousel .owl-nav {
        right: 8%
    }

    .footerBottom {
        height: auto;
        padding: 25px 0 120px
    }

    .upButton {
        bottom: 40px;
        right: 5px;
        z-index: 9999
    }

    .sticky .upButton.active {
        bottom: 110px
    }

    .projectCard {
        width: 100%
    }

    .projectForm {
        margin-left: 0;
        margin-top: -1px;
        width: 100%;
        height: auto
    }

        .projectForm.firmaProjectForm {
            height: auto
        }

    .projeSlogan {
        margin-top: 0;
        margin-bottom: 20px
    }

    .projectForm form {
        max-width: 350px;
        width: 100%;
        margin: 20px auto;
        float: none
    }

    .projectCardDetails {
        margin-bottom: 0
    }

    .w50 {
        width: 100%
    }

    .galeriList {
        margin-bottom: 20px
    }

        .galeriList li {
            width: 18%;
            margin: 1%
        }

    .digerProjeList .kampProjeListItem {
        width: 48.5%
    }

        .digerProjeList .kampProjeListItem:nth-child(2n+2) {
            margin-right: 0
        }

    .uye-giris-sol {
        width: 100%
    }

    .uye-giris-sag {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .uye-popup {
        width: 70%
    }

    .uye-popup-bg {
        padding-bottom: 0
    }

    .uye-ol-bg form {
        padding: 25px 0
    }

    .manset {
        width: 100%
    }

    .haberContent {
        margin: 0;
        width: 100%
    }

    main {
        overflow-x: hidden
    }

    .mobileMenu {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        background-color: #f7f7f7;
        transition: all .4s cubic-bezier(.42,0,.1,1.03);
        display: block
    }

    .mobile-menu {
        width: 100%;
        height: 90vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        overflow-y: scroll
    }

    .mmClose span {
        width: 100%;
        height: 2px;
        background: #3d3d3d;
        float: left;
        position: absolute
    }

        .mmClose span:nth-child(1) {
            transform: rotate(45deg)
        }

        .mmClose span:nth-child(2) {
            transform: rotate(-45deg)
        }

    .mobile-menu ul {
        width: 80%;
        text-align: left
    }

        .mobile-menu ul li {
            width: 100%;
            float: left;
            position: relative;
            border-bottom: 1px solid #ccc
        }

    .mobileMenu .logo {
        position: absolute;
        left: 50px;
        top: 10px
    }

    .mobile-menu ul li a {
        color: #3d3d3d;
        font-size: 20px;
        padding: 25px 0;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        padding-left: 30px
    }

        .mobile-menu ul li a.active {
            background: #d8dde7
        }

        .mobile-menu ul li a img {
            position: relative;
            display: inline-block;
            width: 15px;
            margin-left: 10px;
            top: -2px;
            transition: all ease-in-out .3s
        }

        .mobile-menu ul li a.active img {
            transform: rotate(180deg)
        }

        .mobile-menu ul li a ul {
            width: 100%;
            float: left;
            display: inline-block
        }

    .mobile-menu ul li ul {
        width: 100%;
        display: none;
        float: left
    }

        .mobile-menu ul li ul li a {
            font-size: 18px;
            text-transform: capitalize;
            padding: 16px 50px
        }

    .sideBar {
        width: 100%
    }

    .filtreForm {
        display: none
    }

    .sideBarCity {
        box-shadow: inherit;
        padding-top: 1px
    }

    .menuActive .mobileMenu {
        right: 0
    }

    .sideBarTab li a {
        color: #b1b1b1
    }

        .sideBarTab li a img {
            opacity: .5
        }

        .sideBarTab li a.active img {
            opacity: 1
        }

    .proje-all-d {
        top: 35%
    }

    .haberNewsForm {
        display: inline-block;
        margin-top: 15px;
        margin-right: 30px;
        width: calc(100% - 60px);
        z-index: 2
    }

    .search-form {
        display: block;
        position: relative;
        bottom: 0;
        width: calc(100% - 240px) !important;
        right: 0;
        z-index: 9;
        margin-top: 0;
        opacity: 1
    }

        .search-form input {
            width: 100%;
            height: 40px;
            opacity: 1;
            border-radius: 5px;
            transition: all ease-in-out .3s
        }

    .input-group-btn {
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        z-index: 9;
        top: 0
    }

    .mobileMenu .firsatlarBtn {
        display: inline-block;
        width: 100%;
        margin-top: 10px
    }

    .haberMenuBar {
        top: 0;
        display: block
    }

    .haberUser {
        display: inline-block;
        float: left;
        width: 100%;
        height: auto
    }

        .haberUser ul {
            height: auto;
            display: inline-block;
            width: 100%;
            float: left
        }

            .haberUser ul li {
                width: 50%
            }

                .haberUser ul li a {
                    width: 100%;
                    padding: 10px
                }

    .haberMenuBar ul li {
        width: 100%
    }

    .haberMenuBar ul {
        display: inline-block;
        height: inherit;
        width: 100%
    }

        .haberMenuBar ul li a {
            display: inline-block;
            text-align: left;
            height: auto;
            border-bottom: 1px solid #ccc;
            width: 100%;
            padding: 15px 0
        }

    .haberMenuBar .container {
        width: 100%;
        position: static
    }

    .mmCloseHaber {
        position: absolute;
        top: 10px;
        right: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 50px
    }

    .haberMenuBar ul li:first-child {
        position: absolute;
        top: 10px;
        width: auto;
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

        .haberMenuBar ul li:first-child a {
            font-size: 6vw;
            padding: 0;
            border: 0;
            height: 45px;
            display: flex
        }

    .firsatlarBtn a {
        font-size: 4vw
    }

        .firsatlarBtn a img {
            width: 20px
        }

    .headerHaber {
        height: 80px
    }

    .mmHome img {
        width: 60%;
        display: inline-block;
        margin: auto
    }

    .mmClose img, .mmCloseHaber img {
        width: 40%;
        opacity: .4
    }

    .mmHomeHaber {
        position: absolute;
        top: 10px;
        left: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7vw;
        color: #8e8e8e;
        width: 60px
    }

        .mmHomeHaber a {
            text-align: center;
            width: 100%;
            float: left;
            margin-top: 6px
        }

        .mmHomeHaber img {
            width: 55%;
            display: inline-block
        }

    .modal_content {
        left: 5%;
        transform: translate(0,-50%);
        width: 90%;
        max-height: 90%
    }

    .form.projeGonderAppendTo {
        width: 100%;
        height: 100%
    }

    .modal_body {
        z-index: 9999;
        padding: 20px 0;
        height: 100vh;
        overflow-y: scroll
    }

    .projeFormWp {
        margin-bottom: 25px;
        top: 0
    }

    .breadcrumb {
        padding: 15px 0
    }

    .bizeyazBtn {
        width: 30%
    }

        .bizeyazBtn a {
            font-size: 13px;
            text-align: center
        }

    .takipEt {
        position: absolute;
        right: 0;
        top: 5px;
        height: 45px;
        width: 45px
    }

    .breadcrumb ul {
        width: 100%
    }

        .breadcrumb ul li + li:before {
            width: 4px;
            height: 8px;
            left: -9px;
            top: 5px
        }

    .projectDetailTitle {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        margin-top: 0
    }

    .formButtonWrapper {
        margin-left: 0;
        width: auto;
        display: table;
        margin: auto;
        float: none
    }

    .formTabButons {
        width: 100%;
        margin-left: 0
    }

        .formTabButons li a {
            font-size: 16px;
            padding: 15px 0
        }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 100px;
        padding: 14px 10px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 14px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 25px !important;
        margin: 5px 0
    }

    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -15px
    }

        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -15px
        }

        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -15px;
            left: auto
        }

        .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
            width: 30px;
            height: 30px;
            font-size: 18px !important
        }

    .saatAdi {
        margin-top: 15px
    }

    .saatDeger {
        font-size: 18px
    }

    .takvimSaatTab li {
        height: 100px;
        padding-top: 12px
    }

        .takvimSaatTab li span {
            font-size: 14px
        }

            .takvimSaatTab li span:nth-child(3) {
                width: 54px;
                height: 20px;
                line-height: 18px;
                font-size: 10px !important;
                margin-left: -27px;
                margin-top: 5px
            }

    .saatTab, .takvimSaatTab {
        margin: 0
    }

    .form-group {
        margin-bottom: 10px;
        float: left
    }

    .sidebarTel {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

        .sidebarTel li {
            height: 52px
        }

            .sidebarTel li svg {
                float: left;
                margin: 15px;
                width: 18px
            }

            .sidebarTel li span {
                font-size: 16px;
                margin-top: 19px;
                float: left
            }

            .sidebarTel li a {
                width: 128px;
                height: 35px;
                line-height: 35px;
                margin-top: 8px;
                margin-right: 15px;
                font-size: 15px
            }

    .search-form input {
        width: 100%;
        height: 40px;
        opacity: 1;
        border-radius: 5px;
        transition: all ease-in-out .3s
    }

    .userController ul li {
        margin-right: 0;
        margin-left: 0;
        background: #f7f7f7;
        margin-top: 15px;
        border-top: 1px solid #e4e4e4
    }

    .digerProjeList .projeListCol {
        width: calc(50% - 15px);
        margin-right: 15px !important
    }

        .digerProjeList .projeListCol:nth-child(3n-1) {
            margin-left: 0;
            margin-right: 0
        }

        .digerProjeList .projeListCol:nth-child(even) {
            margin-right: 0 !important;
            margin-left: 15px !important
        }

    .projeInfo {
        height: auto;
        margin-top: 0
    }

    .info-right {
        width: 60%;
        text-align: right
    }

    .fixInfoRight {
        width: 100%;
        text-align: right
    }

    .InfoProjeLoc {
        margin: 17px;
        float: none;
        display: inline-block;
        margin-right: 0
    }

    .InfoProjeAdi {
        margin: 18px;
        float: none;
        display: inline-block
    }

    .InfoFavori, .InfoPaylasBtn {
        float: right;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 5px
    }

        .InfoFavori button {
            margin-top: 0
        }

    .projeInfoLogo {
        height: 80px;
        margin-top: 12px
    }

    .fixed .InfoProjeAdi {
        margin-left: 0;
        float: left;
        margin-bottom: 0;
        text-align: left
    }

    .fixed .InfoProjeLoc {
        float: left;
        text-align: left;
        margin-bottom: 0;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        float: right;
        width: auto
    }

    .fixed .InfoPaylasBtn, .fixed .InfoFavori {
        display: none
    }

    .InfoIletisimBtn {
        float: right;
        display: inline-block;
        margin-top: 0
    }

    .iletisimButonlari {
        top: 110px;
        right: -30px
    }

    .infoPaylasPopup {
        top: 110px;
        right: 215px
    }

    .formBaslikAciklama {
        margin-top: 0;
        text-align: center;
        margin-bottom: 0
    }

        .formBaslikAciklama svg {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            float: none;
            display: inline-block
        }

        .formBaslikAciklama p {
            font-size: 12px;
            line-height: 20px;
            float: none;
            display: inline-block;
            position: relative;
            top: -6px
        }

    .formZamanSlider {
        height: 110px
    }

    .aramaContainer {
        width: 85%
    }

    .ucluList .projeListCol {
        width: calc(50% - 10px);
        margin-left: 0 !important;
        margin-right: 10px !important
    }

        .ucluList .projeListCol:nth-child(2) {
            margin-left: 10px !important;
            margin-right: 0 !important
        }

    .aramaKategori {
        width: 140px
    }

    .aramaButton button {
        width: 100px !important
    }

    .ucluList .projeListCol:nth-child(3) {
        display: none
    }

    .projeForm textarea.form-control {
        height: 50px
    }

    .fixFormPage .gunButon {
        height: 85px;
        padding: 6px 5px
    }

    .fixFormPage .formZamanSlider {
        height: 90px
    }

    .sunumHeaderContent h1 {
        font-size: 60px;
        line-height: 70px
    }

    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 27px
    }

    .sunumHeaderImg {
        margin-top: 50px
    }

    .sunumHizmetler h2 {
        font-size: 30px
    }

    .adimIcerik {
        font-size: 14px;
        line-height: 20px
    }

    .sunumAdimIcerik ul li {
        padding: 0 25px
    }

    .sunumProjeContent {
        min-height: 250px
    }

    .tanitimIcerik {
        position: absolute;
        left: 50%;
        width: 350px;
        top: -230px;
        margin-left: -175px;
        z-index: 99
    }

    .adimlar:before {
        border-color: #f5f5f5 transparent transparent transparent;
        right: 50%;
        top: auto !important;
        bottom: -29px;
        margin-right: -15px
    }

    .adim4, .adim5 {
        top: 50px
    }

    .adim6 {
        top: 50px
    }

    .deskTel {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .smsLeft {
        width: 100%
    }

    .pfImage {
        min-height: auto
    }

    .smsRight {
        width: 100%;
        padding: 0;
        margin-top: 25px
    }

    .form-text {
        width: 100%
    }

    h1.proje-title {
        font-size: 18px
    }

    .projectBnImage {
        min-height: 135px
    }

    .smsRight form ul li input.form-submit {
        float: initial;
        font-size: 13px;
        width: 165px;
        margin: 0 auto;
        display: table
    }

    .uye-ol-bg form .intl-tel-input {
        margin-bottom: 10px
    }

    #ProjeTalepForm .intl-tel-input {
        width: 70% !important
    }

    .ilgiliProjeler ul li {
        width: 100%;
        margin: 0 0 25px 0
    }

        .ilgiliProjeler ul li:last-child {
            margin-bottom: 0
        }

    .headerHaber .logo {
        width: 100px
    }

    .container {
        width: 90%
    }

    form#ProjeTalepForm {
        padding: 20px
    }

    #ProjeTalepForm .form-group {
        width: 100%;
        margin: 0 0 15px 0
    }

        #ProjeTalepForm .form-group label {
            width: 30%;
            font-size: 14px
        }

        #ProjeTalepForm .form-group input, #ProjeTalepForm .form-group select, #ProjeTalepForm .form-group textarea {
            width: 70%
        }

    .w50form {
        width: 70%
    }

    .pfImage {
        width: 100%
    }

    .pfIcerik {
        position: relative;
        width: 100%;
        padding: 10px;
        display: inline-block
    }

    .son-resim-d {
        width: 25px;
        right: -25px
    }

    .pfLogo {
        float: left;
        margin-bottom: 0;
        width: 120px
    }

    .pfName {
        float: left;
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 5%
    }

    .pfLocation {
        display: inline-block;
        text-align: center;
        width: calc(100% - 120px);
        margin-top: 0
    }

    .title h1 {
        font-size: 20px;
        margin-left: 10px
    }

    .title i, .title svg {
        font-size: 20px
    }

    .title {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0
    }

    .kampProjeListItem {
        width: 100%;
        margin-right: 0
    }

    .firsat {
        width: 200px;
        left: -25px;
        top: -25px
    }

    .footerContact {
        width: 100%
    }

    .footerBox {
        width: 100%;
        padding: 0;
        margin-top: 30px
    }

    .footerMenu {
        width: 100%;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 25px
    }

        .footerMenu span {
            width: 100%
        }

        .footerMenu:last-child {
            margin-bottom: 0
        }

    .footerTop {
        padding: 25px 0
    }

    .copyright {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .footerBottom .container {
        display: table
    }

    .footerSocial {
        width: 100%
    }

        .footerSocial ul {
            float: initial;
            margin: 0 auto;
            display: table
        }

    .kampanyaliProjeler {
        padding-bottom: 0;
        width: 100%;
        padding: 30px 0 50px 0;
        margin-left: 0
    }

    .haberLink a {
        font-size: 4vw
    }

    .navBar {
        height: 60px
    }

    .header {
        height: 95px
    }

    .haberLink {
        height: 40px
    }

    .hatirlamiyorum {
        padding-top: 0;
        line-height: 1.4;
        width: 65% !important
    }

        .hatirlamiyorum a {
            float: left;
            display: inline-block;
            width: calc(100% - 35px)
        }

    .uye-giris-sol-content {
        height: auto;
        padding-bottom: 20px
    }

    .uye-giris-sol ul {
        padding: 30px 30px
    }

    .form-sag, .form-sol {
        width: 100%
    }

    .projeLogo {
        width: 31.33%;
        padding: 10px
    }

    .projeAd {
        width: 66.66%;
        margin-left: 2%;
        margin-right: 0
    }

    .projeLokasyon {
        width: 100%;
        height: auto;
        padding: 10px 0;
        margin-top: 1.5%;
        background-color: #f1f1f1
    }

    .projeAciklama {
        padding: 25px 20px
    }

        .projeAciklama h2 {
            font-size: 22px;
            margin-bottom: 50px
        }

        .projeAciklama h4 {
            font-size: 17px
        }

    .galeriList li {
        width: 31.33%
    }

    .videoList iframe {
        height: 190px
    }

    .digerProjeList .kampProjeListItem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .kampProjeContent h3 {
        line-height: 1.3;
        height: 39px
    }

    .kampProjeContent {
        height: 170px
    }

    #map_canvas {
        height: 250px
    }

    .pfCarousel .owl-nav {
        right: initial;
        left: calc(135px + 30%);
        transform: translateX(-50%);
        bottom: -15px
    }

    .pfCarousel {
        margin-bottom: 30px
    }

    .butceYokForm {
        margin-top: 20px
    }

    .logo {
        width: 170px
    }

    .haberLogo {
        width: 140px
    }

    .navBarHaber {
        height: 70px
    }

    .w100.headerHaber {
        height: 70px
    }

    .haberMenuBar {
        top: 0;
        display: block;
        height: auto;
        border: none;
        width: calc(100% - 60px);
        margin-left: 30px
    }

    .mansetCarousel .items {
        height: 250px
    }

        .mansetCarousel .items h2 {
            font-size: 4vw;
            padding: 0 15px;
            line-height: 1.2
        }

    .mansetCarousel .owl-dots {
        height: 35px
    }

    .mansetCarousel .owl-dot {
        font-size: 13px !important
    }

    .newsCampCarousel .items a .ncTitle {
        padding: 0 10px;
        font-size: 14px
    }

    .newBox {
        width: 100%;
        margin: 20px 0 0
    }

    .haberler {
        width: 100%;
        margin-left: 0;
        margin-top: 25px
    }

    .haberContent .bgContainerShadowWhite {
        padding: 0 20px 35px
    }

    .haberIcerik h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .haberIcerik h2 {
        font-size: 17px
    }

    .haberIcerik h3 {
        font-size: 20px
    }

    .breadcrumb ul li {
        margin: 3px 5px;
        display: none
    }

    .haberTarih {
        padding-top: 10px
    }

    .firsatProjeList li {
        width: 48%;
        margin-right: 4%
    }

        .firsatProjeList li:nth-child(2n+2) {
            margin-right: 0
        }

    .fpTop h2 {
        font-size: 14px
    }

    .fpTop h3 {
        font-size: 12px
    }

    .downArrow {
        width: 30px
    }

    .fhTitle h2 {
        font-size: 5vw
    }

    .nativeAciklama p {
        font-size: 20px !important
    }

    .firsatContent h2 {
        font-size: 27px;
        line-height: 1.2;
        margin-bottom: 20px
    }

    .firsatContent p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .formDoldurLink a {
        font-size: 20px
    }

    .formDoldurLink {
        margin-bottom: 45px
    }

    .topSlogan {
        font-size: 11px
    }

    .kullanici {
        width: 150px
    }

        .kullanici > a {
            font-size: 12px
        }

    .projectForm form {
        margin-top: 0
    }

    .call_icon {
        width: 80px;
        bottom: 0;
        top: auto
    }

    .formTitle2 {
        font-size: 16px
    }

    .projectDetailTitle.hauto .call_icon {
        width: 90px
    }

    .projectDetailTitle.hauto {
        height: 50px
    }

    .btn.btn-lg.btn-block.btn-primary.send-form {
        height: 40px
    }

    .formButtonWrapper {
        width: 100%;
        margin-top: 20px;
        display: inline-block
    }

    .formButtonContact.renk2 {
        margin-bottom: 0
    }

    .projeSlogan a {
        height: auto;
        padding-left: 0;
        flex-direction: column;
        padding-top: 11px;
        align-items: flex-end
    }

    .projeSlogan .projeSloganLeft {
        margin-bottom: 15px;
        float: none;
        width: 100%;
        display: flex;
        justify-content: end;
        padding-left: 15px;
        flex-direction: column
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 23px
    }

    .projeSlogan a i {
        margin-left: 0
    }

    .projeSlogan {
        margin-bottom: 0
    }

        .projeSlogan.small .projeSloganLeft {
            padding-left: 0;
            align-items: end
        }

            .projeSlogan.small .projeSloganLeft i {
                margin-left: 0;
                margin-right: 15px;
                width: 25px;
                margin-top: 5px
            }

        .projeSlogan.small a {
            height: auto;
            padding-left: 10px
        }

    .breadcrumb ul li.brandDots {
        display: block;
        color: #818181;
        margin-right: 10px;
        margin-left: 10px
    }

    .breadcrumb ul li:first-child {
        display: block
    }

    .breadcrumb ul li:last-child {
        display: block
    }

    .breadcrumb {
        padding: 0 0;
        margin-top: 15px;
        margin-bottom: 10px
    }

        .breadcrumb ul li a i {
            width: 17px;
            top: 0
        }

    .telBtn {
        font-size: 14px
    }

    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0
    }

    .formTabButons {
        margin-top: 20px
    }

    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 9px 6px
    }

        .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
            font-size: 12px
        }

    .gunRkm, .seciliGunRkm {
        font-size: 22px !important;
        margin: 3px 0
    }

    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important
    }

    .saatDeger {
        font-size: 15px
    }

    .saatAdi {
        margin-top: 12px
    }

    .takvimSaatTab li {
        height: 80px;
        padding-top: 8px
    }

        .takvimSaatTab li span {
            font-size: 12px
        }

    .sonuc {
        font-size: 14px !important
    }

    .sidebarTel li {
        height: 45px
    }

        .sidebarTel li svg {
            margin: 11px 12px;
            width: 18px
        }

        .sidebarTel li span {
            font-size: 14px;
            margin-top: 16px
        }

        .sidebarTel li a {
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin-top: 7px;
            margin-right: 6px;
            font-size: 13px
        }

    .topBar span {
        font-size: 11px;
        margin-right: 20px
    }

    .topBar a {
        font-size: 10px;
        width: 75px;
        height: 22px;
        line-height: 20px
    }

    .topBar {
        height: 35px
    }

    .navBar {
        height: 60px;
        top: 35px
    }

    .logo {
        width: 170px;
        margin-top: 10px
    }

    .menuButon {
        width: 40px;
        height: 35px;
        margin-top: 12px
    }

    .menu-trigger.second .line {
        height: 2px
    }

    .mmClose {
        width: 35px;
        height: 35px;
        position: absolute;
        right: 10px;
        top: 30px
    }

    .mobile-menu ul li a {
        font-size: 16px;
        padding: 15px
    }

    .mobile-menu ul li ul li a {
        font-size: 15px;
        text-transform: capitalize;
        padding: 15px 50px
    }

    .mobile-menu {
        align-items: flex-start;
        height: calc(90vh - 100px)
    }

    .header-right {
        float: left;
        margin-top: 70px;
        width: 80%;
        margin-left: 10%
    }

    .aramaBtn {
        width: calc(50% - 7px)
    }

    .girisBtn {
        width: 50%
    }

    .mobileMenu .logo {
        position: absolute;
        left: 5%;
        top: 5px
    }

    .header-right {
        margin-top: 0;
        margin-bottom: 0px;
        opacity: 1;
        visibility: visible;
        width: auto;
    }

        .header-right.aktif {
            opacity: 1;
            visibility: visible
        }

    .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListContent, .projeListContent p, .projeListCol {
        min-height: auto
    }

    .digerProjeList .projeListCol {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .projeListLogo {
        padding-left: 15px
    }

    .projeListTitle {
        padding-right: 15px
    }

    .sunumStar, .sunumStar:before {
        width: 40px;
        height: 40px
    }

    .digerProjeList .projeListFooter {
        padding: 0 15px 20px 15px
    }

    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .newBilgiAl {
        margin-top: 3px
    }

    .projeInfoLogo {
        height: 50px;
        margin-top: 5px;
        width: auto;
        text-align: center;
        padding: 0
    }

        .projeInfoLogo img {
            display: inline-block;
            float: none;
            margin: auto
        }

    .info-right {
        width: 60%;
        text-align: right;
        margin-right: 0
    }

    .InfoProjeAdi, .InfoProjeLoc {
        margin: 7px;
        float: left
    }

        .InfoProjeLoc svg, .InfoProjeAdi svg {
            float: left;
            margin-right: 5px;
            width: 13px;
            height: 13px
        }

        .InfoProjeLoc strong, .InfoProjeAdi a {
            font-size: 11px
        }

    .fixInfoRight {
        display: none
    }

    .newProjeOzet {
        height: auto;
        padding: 15px 15px
    }

        .newProjeOzet h1 {
            font-size: 16px
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 20px
    }

    .projeSloganLeft span {
        margin-left: 0;
        margin-top: 10px
    }

    .projeSlogan.small a {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden
    }

    .projeSlogan a .projeSloganRight {
        position: absolute;
        float: right;
        bottom: 0;
        width: 150%
    }

    .formRow {
        width: 100%;
        float: left;
        margin-top: 15px
    }

    .formBaslikAciklama svg {
        float: left
    }

    .formBaslikAciklama {
        margin-top: 5px;
        margin-bottom: 10px
    }

        .formBaslikAciklama p {
            font-size: 13px;
            line-height: normal;
            width: calc(100% - 35px);
            float: left;
            text-align: left;
            height: 20px;
            display: flex;
            align-items: center;
            position: relative;
            top: 0
        }

    .formZamanSlider {
        height: 90px
    }

    .projeForm textarea.form-control {
        height: 60px
    }

    .projeInfo.fixed {
        top: 59px;
        border: none;
        border-top: 1px solid #ccc
    }

    .fixed .InfoProjeAdi {
        display: none
    }

    .fixed .InfoProjeLoc .infoSvg {
        width: 35px;
        height: 35px;
        top: -4px
    }

    .fixed .infoSvgBaslik {
        top: -6px;
        margin-left: 0
    }

    .fixed .fixInfoRight {
        display: block
    }

    .fixed .InfoProjeLoc {
        margin-right: 0
    }

    .fixed .fixIletisimBtn {
        display: flex;
        width: 100px;
        font-size: 12px;
        margin-left: 0;
        height: 30px;
        margin-top: 6px
    }

    .girisMenuKapat {
        display: none !important
    }

    .uye-dropdown {
        right: 0 !important;
        position: absolute !important;
        width: 100% !important;
        float: left;
        top: 70px !important;
        margin-bottom: 20px !important;
        box-shadow: none;
    }
        .uye-dropdown:before {
            right: 60px;
        }
    .menuButon {
        margin-left: 0px !important;
        margin-top:0px !important;
    }

    .firsat-projeleri {
        display: none
    }

    .aramaPage {
        height: calc(100vh - 90px);
        top: 90px
    }

    .sticky .aramaPage {
        top: 60px;
        height: calc(100% - 60px)
    }

    .aramaKategori {
        width: 100px
    }

    .select-box__input-text {
        font-size: 18px;
        line-height: 50px;
        padding-left: 15px
    }

    .select-box__icon {
        width: 14px;
        opacity: 1
    }

    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 50px !important
    }

    .search-form {
        width: calc(100% - 100px) !important;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .input-group-btn {
        width: 120px;
        height: 40px !important;
        position: relative;
        right: 0;
        z-index: 9;
        top: 0;
        border-radius: 4px;
        margin-top: 15px;
        font-size: 14px;
        left: 50%;
        margin-left: -60px
    }

    .search-form input {
        font-size: 14px;
        padding-right: 20px;
        padding-left: 20px
    }

    .aramaButton button {
        width: 100% !important;
        height: 40px !important;
        font-size: 16px
    }

    .sonAranan {
        display: none
    }

    .aramaBaslik {
        font-size: 18px;
        padding-bottom: 10px
    }

        .aramaBaslik .searchButtonAll {
            font-size: 14px;
            line-height: 18px
        }

    .sonucIkon {
        width: 20px;
        height: 20px
    }

        .sonucIkon svg {
            width: 16px;
            height: 16px
        }

    .sonucProjeAdi {
        line-height: 20px;
        margin-right: 10px
    }

    .sonucProjeAdi {
        line-height: 20px;
        margin-left: 10px;
        font-size: 14px
    }

    .projeSonucBolge {
        line-height: 20px;
        font-size: 12px
    }

    .sonucDetay {
        display: none
    }

    .fixFormClose {
        top: 100px
    }

    .fixFormPage {
        top: 50px
    }

        .fixFormPage .gunButon {
            height: 75px;
            padding: 6px 5px
        }

        .fixFormPage .formZamanSlider {
            height: 80px
        }

        .fixFormPage textarea.form-control {
            height: 40px
        }

        .fixFormPage .butceYokForm {
            margin-top: 0
        }

    .sunumHeaderImg, .sunumAdim {
        display: none
    }

    .sunumHeaderContent {
        height: auto;
        width: 100%;
        padding-right: 0
    }

        .sunumHeaderContent h1 {
            font-size: 50px;
            line-height: 60px
        }

        .sunumHeaderContent h2, .sunumProjeListe h2, .sunumHizmetler h2 {
            font-size: 24px
        }

    .sunumHeader {
        height: 450px;
        padding-bottom: 50px
    }

    .sunumAdimIcerik ul li {
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
        text-align: left
    }

    .adimBaslik {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 15px
    }

        .adimBaslik span {
            width: 40px;
            height: 40px;
            background: #fff;
            display: block;
            float: left;
            border-radius: 50%;
            text-align: center;
            font-weight: 900;
            line-height: 40px;
            font-size: 20px;
            margin-right: 15px;
            box-shadow: 0 0 10px rgba(0,0,0,.5)
        }

    .sunumAdimIcerik li:nth-child(1) span, .sunumAdimIcerik li:nth-child(1) strong {
        color: #fc490c
    }

    .sunumAdimIcerik li:nth-child(2) span, .sunumAdimIcerik li:nth-child(2) strong {
        color: #e62e4e
    }

    .sunumAdimIcerik li:nth-child(3) span, .sunumAdimIcerik li:nth-child(3) strong {
        color: #931d80
    }

    .sunumAdimIcerik li:nth-child(4) span, .sunumAdimIcerik li:nth-child(4) strong {
        color: #3c53ae
    }

    .adimBaslik strong {
        font-size: 20px;
        line-height: 40px
    }

    .sunumHizmetler {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .sunumVideoRow {
        height: 280px
    }

    .videoContent {
        width: 86%;
        height: 200px;
        border-radius: 15px;
        margin-left: 0;
        left: 7%;
        bottom: 20px
    }

        .videoContent:before {
            height: 20px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px
        }

        .videoContent:after {
            height: 20px;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px
        }

        .videoContent a svg {
            width: 50px;
            height: 50px
        }

    .videoMan {
        right: 0
    }

    .sunumProjeListe li {
        min-height: auto;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px
    }

    .sunumProjeContent {
        min-height: auto
    }

        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px;
            position: relative;
            bottom: 0;
            margin-top: 10px;
            margin-bottom: 10px
        }

    .sunumProjeListe ul {
        margin-bottom: 20px
    }

    .sunumProjeListe {
        padding-bottom: 50px
    }

        .sunumProjeListe h2 {
            margin-top: 50px;
            margin-bottom: 35px
        }

    .tanitimIcerik {
        width: 300px;
        margin-left: -150px
    }

    .adimlar {
        padding: 15px 15px
    }

        .adimlar img, .adimSvg {
            display: none
        }

        .adimlar strong {
            font-size: 16px;
            width: 100%;
            line-height: 20px;
            margin-top: 0;
            margin-bottom: 10px
        }

    .tanitimIcerik {
        top: -150px
    }

    .tanitimCloseBg {
        top: 60px
    }

    .adimlar p {
        width: 100%;
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
        color: #3c3c3c
    }

    .adim4 {
        top: 70px
    }

    .adim5 {
        top: 20px
    }

    .pfSlider {
        min-height: auto
    }

    .haberDetayRow .breadcrumb {
        margin-top: 0
    }

    .digerProjeList .projeListImage {
        max-height: inherit
    }

    .native1-bg {
        height: 300px;
        background-size: cover !important;
        background-position: top center !important
    }

    .firsatContent h1 {
        font-size: 16px;
        padding: 0 20px;
        margin: 15px 0
    }

    .scrollDownBtn2 {
        margin: 0 auto 10px;
        display: table;
        width: 20px
    }

    #formAc .formBaslikAciklama p {
        top: -5px;
        position: relative;
        line-height: 20px;
        display: inline-block;
        height: auto;
        margin-left: 10px
    }

        #formAc .formBaslikAciklama p span {
            width: 100%;
            float: left
        }

    .form-control, .send-form {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .haberBgDiger {
        background-size: 105% !important;
        height: 240px;
        background-position: top center !important
    }

    .fixed .seciliTarihButon, .fixed .saatSlider, .fixed .saatButon {
        height: 75px
    }

    .header-right {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin-left: 0 !important;
        width: auto !important;
        display: flex !important
    }

        .header-right.aktif {
            opacity: 1;
            visibility: visible
        }
}

@media only screen and (max-width:350px) {
    .userController ul li {
        margin-right: 10px
    }

    .container {
        width: 95%
    }

    .projeSlogan a strong {
        font-size: 15px;
        line-height: 20px
    }
}

@media only screen and (min-height:850px) {
    .fixFormPage .projectForm {
        max-height: 570px
    }
}

@media only screen and (max-height:800px) {
    .fixFormPage .projectForm {
        max-height: 480px
    }
}

.formError {
    z-index: 990
}

    .formError .formErrorContent {
        z-index: 991
    }

    .formError .formErrorArrow {
        z-index: 996
    }

.ui-dialog .formError {
    z-index: 5000
}

    .ui-dialog .formError .formErrorContent {
        z-index: 5001
    }

    .ui-dialog .formError .formErrorArrow {
        z-index: 5006
    }

.inputContainer {
    position: relative;
    float: left
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left
}

    .formError.inline {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block
    }

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    box-sizing: border-box
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #fff
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative
}

body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #fff
}

.formError .formErrorArrow .line10 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 11px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}
.projeListLogo>figure {
    height: 100%;
    display: flex;
    align-items: center;
}
li.filtreMobilIcon {
    display: none;
}

.kampanyaliProjeler .projeListImage img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}

 .projeListContent h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.projeListContent p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.homecampaignImg {
    margin-top: 15px;
}

.homecampaignImg > a {
    display: block;
}

.campaignImgDetail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #69afef;
    padding: 20px 30px;
    box-sizing: border-box;
    gap: 8px;
}

.campaignImgDetail p {
    display: block;
    font-weight: 700;
    color: #ffffff;
    font-size: 20px;
    line-height: 25px;
}

.campaignImgDetail .detail-icon {
    display: block;
}

.campaignImgDetail .detail-img {
    display: block;
}

.campaignImgDetail .detail-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 50px;
    background-color: #b21782;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 5px;
    box-sizing: border-box;
    transition:300ms all;
}

.campaignImgDetail .detail-btn:hover {
    background-color: #830e5e;
}

@media only screen and (max-width: 1300px) {
    .kampanyaliProjeler  .projeListImage img {
        height: 230px;
    }

    .campaignImgDetail p {
        font-size: 18px;
    }

    .campaignImgDetail .detail-icon {
        width: 55px;
    }

    .campaignImgDetail .detail-img {
        width: 285px;
    }

    .campaignImgDetail .detail-btn {
        width: 165px;
        height: 42px;
        font-size: 16px;
    }

}
@media only screen and (max-width: 1100px) {
    .kampanyaliProjeler .projeListImage img {
        height: 204px;
    }

    .campaignImgDetail p {
        font-size: 16px;
        line-height: 21px;
    }

    .campaignImgDetail .detail-btn {
        width: 150px;
        height: 40px;
        font-size: 14px;
    }

    .campaignImgDetail .detail-img {
        width: 250px;
    }
}
@media only screen and (max-width: 850px) {
    .kampanyaliProjeler .projeListImage img {
        height: 235px;
    }

    .campaignImgDetail {
        padding: 15px 15px;
    }

        .campaignImgDetail .detail-btn {
            width: 140px;
            height: 35px;
        }


        .campaignImgDetail p > br {
            display: none;
        }
}
@media only screen and (max-width: 600px) {
    .kampanyaliProjeler .projeListImage img {
        height: auto;
    }
    .projeListContent h3 {
        display: block;
    }

    .projeListContent p {
        display: block;
    }

    .campaignImgDetail {
        flex-direction: column;
        gap: 18px;
    }

        .campaignImgDetail p {
            text-align: center;
        }

        .campaignImgDetail .detail-btn {
            margin-top: 10px;
            width: 100%;
        }
}
@media only screen and (min-width:851px) {
    .digerProjeList .kampProjeListItem:nth-child(3n+3) {
        margin-right: 0
    }

    .haberLink a:hover {
        letter-spacing: 2px
    }

    .haberSticky .stickyLogo {
        display: inline-block;
        float: left
    }

    /*.haberSticky .haberMenuBar {
        position: fixed;
        top: 0;
        box-shadow: 0 2px 20px rgba(0,0,0,.2);
        z-index: 99
    }*/
}

@media only screen and (min-width:768px) {
    .firsatProjeList li:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (max-width:1280px) {
    .container {
        width: 1000px
    }

    .sideBar {
        width: 240px
    }

    .homeSect {
        width: calc(97% - 240px)
    }

    .pfImage {
        width: calc(100% - 200px);
        min-height:190px;
    }
    .pfSlider {
        min-height: 190px;
    }
        .pfIcerik {
        width: 200px;
        padding-bottom: 20px
    }

    .pfLogo {
        width: 100px
    }
    .videoYok {
        height: 330px;
    }
        .videoYok img {
            width: 90px;
        }
        .videoYok p {
            font-size: 16px;
            line-height: 24px;
        }

    .pfLocation {
        padding: 0 15px;
        width: 100%;
        font-size: 12px
    }

        .pfLocation i {
            width: 12px
        }

        .pfLocation strong {
            width: auto;
            padding-left: 10px
        }

    .logo {
        width: 180px
    }
    .projectBnImage{
        min-height:260px;
    }
    .searchForm {
        width: auto;
        margin-left: 40px;
    }

    .firsatlarBtn a {
        padding: 0 15px;
        font-size: 12px
    }

        .firsatlarBtn a img {
            width: 15px
        }
    .digerProjeList .projeListImage {
        max-height: 202px;
    }
    .telefon a {
        font-size: 17px
    }

    .uye-giris-sol-content ul li {
        margin-top: 30px
    }

    .newsContent h3 {
        font-size: 15px;
        height: 17px;
        line-height: 1.2
    }

    .stickyLogo {
        width: 140px
    }


    .formButtonContact a {
        font-size: 14px;
    }

        .formButtonContact a span {
            width: auto;
            padding: 7px 14px;
            font-size: 14px;
        }

    .formButtonContact a {
        height: 45px;
        padding-left: 15px;
    }

        .formButtonContact a .buttonLeft i {
            width: 17px;
            margin-right: 8px;
        }

    .formTitle2 {
        font-size: 16px;
    }

    .call_icon {
        width: 100px;
    }

    .projectDetailTitle {
        height: 75px;
    }
    #FirmaFormProje .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .projectForm.firmaProjectForm {
        height: 500px;
    }
    .map.firmaHarita, #map_canvas {
        height: 405px !important;
    }
    .butceYokForm .projectDetailTitle {
        height: 75px;
        width: calc(100% + 30px);
        margin-left: -16px;
        margin-top: -9px;
    }
    .formTitle2 {
        font-size: 18px;
    }

    .projectDetailTitle.hauto .call_icon {
        width: auto;
    }

    /* left banner first  */

    .projeSlogan a strong {
        font-size: 19px;
        line-height: 27px;
    }



    .projeSlogan a {
        padding-left: 25px;
        height: 120px;
    }

        .projeSlogan a i {
            width: 30px;
            margin-top: 10px;
        }

    .projeSlogan.small a strong {
        font-size: 14px;
        line-height: 25px;
    }

    .projeSlogan.small a {
        height: 55px;
    }
    .userController ul li {
        margin-left: 40px;
    }
    .main-menu ul li {
        margin-left: 10px;
    }
        .main-menu ul li a {
            padding: 10px 14px;
            font-size: 14px;
        }
    .search-form.active {
        width: 150px;
        opacity: 1;
    }
    .search-form input {
        font-size: 16px;
        padding-right: 30px;
    }
    .aramaContainer {
        width: 870px;
    }
    .aramaPageClose svg {
        width: 20px;
        height: 20px;
    }
    .aramaPageClose {
        top: 40px;
    }
    .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
        height: 60px !important;
    }
    .sonAranan svg {
        float: left;
        margin-right: 15px;
        width: 20px;
        height: 20px;
    }
    .ucluList .projeListContent p {
        min-height: 70px;
    }
    .ucluList .projeListCol {
        min-height: 420px;
    }
    .sonAranan p {
        font-size: 16px;
        line-height: 20px;
    }
    .select-box__input-text {
        font-size: 20px;
        line-height: 60px;
    }
    .aramaBar {
        margin-top: 80px;
    }
        .userController ul li a, .nav-alt-bar li a {
        font-size: 14px;
    }
    .main-menu {
        margin-top: 25px;
        margin-left:80px;
    }
    .nav-alt-bar li {
        margin-right: 40px;
    }
    .haberMenuBar li {
        margin-right: 20px;
    }
    .formTabButons li a {
        font-size: 14px;
        padding: 10px 0;
    }
        .formTabButons li a svg {
            width: 14px;
            height: 14px;
            margin-right: 5px;
        }
    .projectForm {
        padding: 10px 15px;
        height: 482px;
    }
    .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
        font-size: 12px;
    }
    .gunRkm, .seciliGunRkm{
        font-size: 22px !important;
        margin: 3px 0;
    }
    .saatDeger{ font-size:14px;}
    .saatAdi{margin-top:10px;}
    .seciliTakvimKapat svg {
        width: 7px;
        height: 7px;
    }
    .seciliTakvimKapat {
        padding-top: 2px;
        padding-left: 1px;
    }
    .gunButon, .seciliTarihButon, .saatButon {
        height: 80px;
        padding: 10px 6px;
    }
    .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
        width: 24px;
        height: 24px;
        font-size: 16px !important;
    }
    .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
        margin-top: -12px;
    }
        .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
            left: -12px;
        }
        .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
            right: -12px;
            left: auto;
        }
    .projeForm .form-control {
        height: 35px;
        font-size: 12px;
        padding-right: 20px;
    }
    .butceYokForm .form-control {
        height: 38px;
    }
    .form-group {
        margin-bottom: 10px;
        float: left;
    }
    .formIzin {
        margin-top: 0;
        margin-bottom: 0px !important;
    }
    .btn.btn-lg.btn-block.btn-primary.send-form{
        height:35px
    }
    .sidebarTel li{
        height:40px;
    }
        .sidebarTel li svg {
            float: left;
            margin: 9px 12px;
            width: 18px;
        }
        .sidebarTel li span {
            font-size: 15px;
            margin-top: 13px;
            float: left;
        }
        .sidebarTel li a {
            width: 90px;
            height: 25px;
            line-height: 25px;
            margin-top: 7px;
            margin-right: 10px;
            font-size: 13px;
        }
    .takvimGaleri {
        margin: 5px 0;
    }
    .formTabButons li a span {
        top: -2px;
    }
    .projeForm textarea.form-control {
        height: 40px;
    }
    .videoYokRow textarea.form-control {
        height: 80px;
    }
    .butceYokForm textarea.form-control {
        height:60px;
    }
        .saatTab, .takvimSaatTab {
            margin: 5px 0px;
        }
        .takvimSaatTab li {
            height: 80px;
            padding-top: 10px;

        }
            .takvimSaatTab li span{ font-size:12px;}
    .sonuc {
        font-size: 16px !important;
    }
    .takvimSaatTab li span:nth-child(3) {
        width: 50px;
        height: 16px;
        line-height: 14px;
        font-size: 8px !important;
    
        margin-left: -25px;
        margin-top: 2px;
    }
        /* left banner last  */
    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 14px;
        padding: 12px 35px;
    }
    .firsat-left-menu {
        width: 31%;
    }
        .firsat-left-menu h2, .projeler-left-menu h2, .haberler-left-menu h2 {
            font-size: 24px;
            margin-bottom: 20px;
        }
    .tumBtn{ font-size:14px; width:200px;}
    .firsat-right-pages {
        width: 69%;
    }
    .firsat-page, .projeler-page, .haberler-page {
        height: 310px;
        padding: 25px 25px 25px 30px;
    }
    .firsat-content h3 {
        font-size: 16px;
    }
    .firsat-content p {
        font-size: 12px;
    }
    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 14px;
    }
    .child-menu-pages{ height:370px;}
    .projeler-page ul li:nth-child(1) {
        height: 310px;
    }
    .projeler-page ul li{
        height:145px;
    }
    .projeler-left-menu ul {
        min-height: 220px;
    }
    .projeler-page ul li a strong {
        font-size: 20px;
    }
    .haberler-page ul li span{
        height:145px;
    }
    .haberler-page ul li strong{
        font-size:15px;
    }
    .haberler-page ul li {
        min-height: 220px;
    }
    .haberler-left-menu ul {
        min-height: 215px;
    }
    .esunum-list h2{ font-size:24px;}
    .esunum-list ul li strong{ font-size:14px;}
    .esunum-detayli-bilgi{
        height:370px;
    }
    .projeler-page{ padding:0;}
    .projeler-left-menu ul li a {
        border-radius: 10px;
        padding: 10px 35px;
    }
    .projeListContent{ min-height:190px;}
    .projeListCol {
        min-height: 560px;
    }
    .digerProjeList .projeListContent h3 {
        font-size: 16px;
    }
    .digerProjeList .projeListContent p {
        font-size: 13px
    }
    .digerProjeList .newBilgiAl a {
        width: 100px;
        font-size: 13px;
    }
    .digerProjeList .projeListContent {
        min-height: 200px;
    }
    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 14px;
    }
    .projeInfo {
        height: 55px;
        margin-top: 0px;
    }
    .projeInfoLogo{ height:55px;}
    .InfoProjeAdi {
        margin: 18px;
    }
    .InfoProjeLoc {
        margin: 17px;
    }
    .InfoPaylasBtn, .InfoFavori button {
        width: 90px;
        height: 35px;
        line-height: 33px;
        margin: 9px 0 9px 10px;
    }
        .InfoFavori button svg {
            top: 2px;
        }
        .InfoPaylasBtn span, .InfoFavori button span {
            top: -1px;
            position: relative;
        }
    .InfoIletisimBtn {
        padding: 9px 17px;
        margin: 9px 0 9px 10px;
    }
    .iletisimButonlari {
        width: 240px;
        padding: 15px 25px 5px 25px;
        top: 60px;
    }
        .iletisimButonlari a {
            height: 45px;
            font-size: 15px;
        }
        .iletisimButonlari svg {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }
    .infoPaylasPopup {
        top: 60px;
        right: 120px;
    }
    .formBaslikAciklama p {
        font-size: 13px;
    }
    .formZamanSlider{ height:90px;}
    .iletisimSecenek li{ height:45px;}
    .fixed .InfoProjeAdi .infoSvg, .fixed .InfoProjeLoc .infoSvg {
        width: 40px;
        height: 40px;
    }
    .fixed .InfoProjeAdi span, .fixed .InfoProjeLoc span {
        font-size: 13px;
        line-height: 1.1;
        margin-top: 4px;
    }
    .fixIletisimBtn {
        width: 140px;
        height: 35px;
        font-size: 14px;
        margin-top: 9px;
    }
    .tesekkurler-form p, .tesekkurler-form p  strong{
        font-size: 15px;
    }
    .uye-dropdown li a {
        font-size: 14px;
    }
    .uye-dropdown {
        width: 180px;
        padding: 10px 20px;
    }
    .fixFormClose{
        top:130px;
    }
    .fixFormPage .projectForm{
        max-height:430px;
    }
    .fixFormPage {
        width: 340px;
    }
    .tel-col svg {
        width: 15px;
        height: 15px;
        float: left;
        margin: 12px 7px;
    }
    .tel-col strong {
        width: calc(100% - 30px);
        font-size: 11px;
    }
    .tel-col span {
        width: calc(100% - 30px);
        font-size: 11px;
    }
    .tel-col a{ height:37px;}
    .fixFormPage .gunButon {
        height: 75px;
        padding: 6px 5px;
    }
    .fixFormPage .formZamanSlider {
        height: 80px;
    }
    .formIzin label, .YasalIzinMetin {
        font-size: 12px;
        line-height: 14px;
        padding-left: 0;
        text-align: left;
    }
    .sunumHeaderContent h1 {
        font-size: 80px;
        line-height: 90px;
    }
    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 36px;
    }
    .sunumHeaderContent p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
    }
    .sunumHeaderContent{ height:310px;}
    .sunumHeader{ height:600px;}
    .sunumHizmetler h2{ font-size:40px;}
    .adimIcerik {
        font-size: 16px;
        line-height: 24px;
    }
    .sunumVideoRow{ height:650px;}
    .videoContent {
        width: 650px;
        height: 380px;
        border-radius: 25px;
        margin-left: -325px;
    }
    .videoMan {
        right: 70px;
    }
    .videoContent:before {
        height: 30px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }
    .videoContent:after {
        height: 30px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }
    .sunumProjeContent h3 {
        font-size: 14px;
        line-height: 18px;
    }
    .sunumProjeContent p {
        font-size: 13px;
        line-height: 17px;
    }
    .sunumProjeListe li {
        width: calc(33.3% - 20px);
        min-height: 410px;
    }
        .sunumProjeListe li:nth-child(3n-1) {
            margin-left: 30px;
            margin-right: 30px;
        }
    .sunumProjeContent {
        min-height: 210px;
    }
        .sunumProjeContent a {
            width: 180px;
            font-size: 14px;
            margin-left: -90px;
        }
    .adim6 {
        top: 340px;
    }
    .adim2, .adim3 {
        top: 50px;
    }
    .adim4, .adim5 {
        top: 130px;
    }
    .introOk {
        width: 180px;
        top: 145px;
        left: 47%;
    }
    .introBaslik {
        position: absolute;
        margin-top: 180px;
        font-size: 46px;
        color: #fff;
        width: 50%;
        font-weight: 700;
        line-height: 58px;
    }
    .introAciklama {
        top: 320px;
        font-size: 26px;
        width: 48%;
        line-height: 38px;
    }
    }
@media only screen and (max-width:1100px) {
    .fixFormPage .projectForm {
        max-height: 460px;
    }
    .container{ width:900px;}
    .main-menu {
        margin-left: 50px;
    }
    .firsat-left-menu h2, .projeler-left-menu h2, .haberler-left-menu h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .firsat-left-menu ul li a, .projeler-left-menu ul li a, .haberler-left-menu ul li a {
        font-size: 12px;
    }
    .firsat-content h3 {
        font-size: 14px;
        margin-top: 0px;
    }
    .digerProjeList .projeListImage {
        max-height: 180px;
    }
    .firsat-content p {
        font-size: 11px;
    }
    .firsat-content a, .tumHaberBtn, .formDoldurBtn, .esunum-detayli-bilgi p, .esunum-detayli-bilgi a {
        font-size: 13px;
    }
    .firsat-page, .projeler-page, .haberler-page {
        height: 275px;
        padding: 20px 20px 20px 25px;
    }
    .tumBtn {
        font-size: 13px;
        width: 180px;
        margin-top: 10px;
    }
    .child-menu-pages {
        height: 340px;
    }
    .projeler-left-menu ul {
        min-height: 200px;
    }
    .projeler-page {
        padding: 0;
    }
    .projeler-page ul li:nth-child(1) {
        height: 280px;
    }
        .projeler-page ul li, .haberler-page ul li span {
            height: 130px;
        }
    .haberler-left-menu ul li a {
        padding: 10px 35px;
    }
    .haberler-left-menu ul {
        min-height: 195px;
    }
    .haberler-page ul li strong, .esunum-list ul li strong {
        font-size: 13px;
    }
    .haberler-page ul li {
        min-height: 200px;
    }
    .esunum-list h2 {
        font-size: 20px;
    }
    .esunum-detayli-bilgi {
        height: 340px;
        padding: 0px 25px;
    }
    .projeListCol {
        width: calc(50% - 10px);
        margin-right: 10px;
    }
        .projeListCol:nth-child(even) {
            margin-right: 0;
            margin-left: 10px;
        }
    .projeListLogo{
        padding-left:15px;
    }
    .projeListTitle{
        padding-right:15px;
    }
    .projeListContent {
        padding: 15px 15px;
    }
    .projeListCol{ min-height:520px;}
    .digerProjeList .projeListCol:nth-child(even) {
        margin-right: 0;
        margin-left: 0px;
    }
    .digerProjeList .projeListCol:nth-child(3n-1) {
        margin-left: 15px;
        margin-right: 15px;
    }
    .newProjeOzet p {
        font-size: 14px;
    }
    .formBaslikAciklama svg {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }
    .formBaslikAciklama p {
        font-size: 12px;
        line-height: 16px;
    }
    .iletisimSecenek li {
        height: 40px;
        font-size: 14px;
    }
    .projeForm textarea.form-control {
        height: 35px;
    }
    .videoYokRow textarea.form-control {
        height: 60px;
    }
    .formZamanSlider {
        margin-bottom: 8px;
    }
    .projectForm {
        height: 454px;
    }
    .InfoProjeLoc strong, .InfoProjeAdi a {
        font-size: 13px;
    }
    .InfoIletisimBtn span {
        font-size: 13px;
    }
    .sunumHeaderContent h1 {
        font-size: 70px;
        line-height: 80px;
    }
    .sunumHeaderContent h2, .sunumProjeListe h2 {
        font-size: 34px;
    }
    .sunumHeader {
        height: 500px;
        padding-bottom: 50px;
    }
    .sunumVideoRow {
        height: 550px;
    }
    .videoContent {
        width: 550px;
        height: 340px;
        border-radius: 25px;
        margin-left: -275px;
    }
        .videoContent a svg {
            width: 80px;
            height: 80px;
        }
    .sunumProjeContent p {
        font-size: 12px;
        line-height: 16px;
    }
    .sunumProjeListe li {
        min-height: 390px;
    }
    
    }


    @media only screen and (max-width:850px) {
        .yenilikVar{
            display:none;
        }
        .smsLeft {
            width: 250px;
        }
        .projeListCol {
            min-height: 555px;
        }
        .projeListLogo {
            padding-left: 25px;
        }

        .projeListTitle {
            padding-right: 25px;
        }

        .projeListContent {
            padding: 20px 25px;
        }
        .smsRight {
            width: calc(100% - 250px);
        }

        .formSmsCheck {
            width: 100%;
        }

        .map.firmaHarita {
            height: 330px;
            margin-top: 15px;
        }
        .digerProjeList .projeListImage {
            max-height: 215px;
        }
        .header {
            height: 140px;
        }
        .uye-dropdown{
            right:65px;
        }
        .destekButon {
            display: block;
            background-color: #08a037;
            font-weight: 600;
            color: #fff;
            border-radius: 8px 0px 0 0;
            padding: 10px 20px;
            text-align: center;
            cursor: pointer;
            position: fixed;
            bottom: 0px;
            right: 0;
            transition: all ease-in-out .4s;
            z-index: 99;
            box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.20);
            font-size: 15px;
        }
       
        .fixMobil {
            width: 100%;
            height: 65px;
            position: fixed;
            left: 0;
            background: rgba(82,82,82,.95);
            z-index: 99;
            bottom: -65px;
            transition: all ease-in-out .4s;
            display: inline-block;
        }

            .fixMobil ul {
                width: 77%;
                margin: 10px 0px 0px;
                padding: 0 0 10px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                float: left;
            }

                .fixMobil ul li {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                    /*.fixMobil ul li a{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;color:#fff;text-align:center}*/
                    .fixMobil ul li a {
                        padding: 12px;
                        background-color: #818285;
                        border-radius: 360px;
                        width: 46px;
                        height: 46px
                    }

                        .fixMobil ul li a span {
                            width: 100%;
                            margin-top: 8px;
                            font-size: 13px;
                            line-height: 1.2;
                            font-weight: 400
                        }

                    .fixMobil ul li:nth-child(1) a {
                        background-color: #dd665b
                    }

                    .fixMobil ul li:nth-child(3) a {
                        background-color: #3579e5
                    }

                    .fixMobil ul li:nth-child(2) a {
                        background-color: #28ba65
                    }

        #socialus-wrapper {
            transition: all ease-in-out .4s;
            bottom: -65px !important;
            right: 6% !important;
        }
        /*.sticky #socialus-wrapper{bottom:10px !important;}*/


        .fixMobil.active {
            bottom: 0
        }

        #socialus-wrapper.active {
            bottom: 10px !important;
        }

        .destekButon.active {
            bottom: 65px;
        }

        #socialus-button {
            border-radius: 360px !important;
            width: 46px !important;
            height: 46px !important;
            font-size: 25px;
            padding: 0px !important;
            display: flex !important;
            align-items: center;
            justify-content: center;
            transition: initial !important;
            margin: 0px !important;
        }

        .form-panel {
            margin-left: 0;
            margin-top: 25px;
            width: 100%
        }

        .firsatlarBtn, .haberSideBar, .mansetProje, .projeGonder, .searchForm, .sideBarAccordion, .telefon, .topProjects {
            display: none
        }

        .stickyLogo {
            display: none
        }

        .menuActive {
            overflow: hidden
        }

        .menu-trigger.second {
            transition: all .5s 0s;
            width: 100%;
            height: 100%;
            position: relative
        }

            .menu-trigger.second .line {
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                height: 3px;
                background: #3d3d3d;
                transition: .3s
            }

                .menu-trigger.second .line.line-1 {
                    transition: all .3s .3s,transform .3s 0s
                }

                .menu-trigger.second .line.line-2 {
                    top: 50%;
                    margin-top: -1px;
                    left: 0;
                    transition: all .3s .3s
                }

                .menu-trigger.second .line.line-3 {
                    bottom: 0;
                    top: auto;
                    left: 0;
                    transition: all .3s .3s,transform .3s 0s
                }

            .menu-trigger.second.active {
                transform: rotate(135deg);
                transition: all .5s .3s
            }

                .menu-trigger.second.active .line-1 {
                    top: 50%;
                    margin-top: -1px;
                    transform: rotate(90deg);
                    transition: all .3s,transform .3s .3s
                }

                .menu-trigger.second.active .line-2 {
                    opacity: 0;
                    transition: all .3s,opacity .3s 0s
                }

                .menu-trigger.second.active .line-3 {
                    bottom: 50%;
                    margin-bottom: -1px;
                    transform: rotate(0);
                    transition: all .3s,transform .3s .3s
                }

        .accountMenu, .nav-alt-bar, .main-menu {
            display: none;
        }

        .menuButon {
            width: 45px;
            height: 40px;
            position: relative;
            padding: 8px 6px;
            border-radius: 4px;
            float: right;
            margin-top: 24px;
            margin-left: 20px;
        }

        .mmTop {
            width: 100%;
            display: inline-block;
            height: 50px;
            float: left;
            display: inline-block
        }

        .mmHome {
            width: 80px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #df6459;
            float: left;
            font-size: 8vw;
            border-right: 1px solid #f5f5f5;
            text-align: center;
        }

        .mmQuickMenu {
            width: calc(100% - 130px);
            float: left;
            display: inline-block;
            height: 100%
        }

        .mmClose {
            width: 50px;
            height: 50px;
            position: absolute;
            right: 30px;
            top: 50px;
        }
            .mmClose span {
                width: 100%;
                height: 2px;
                background: #3d3d3d;
                float: left;
                position: absolute;
            }

                .mmClose span:nth-child(1) {
                    transform: rotate(45deg);
                }

                .mmClose span:nth-child(2) {
                    transform: rotate(-45deg);
                }

        .mmQuickMenu li {
            height: 100%;
            width: 50%;
            float: left;
            border: 5px solid #fff
        }

            .mmQuickMenu li a {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #e8e8e8;
                color: #df6459;
                font-weight: 500;
                font-size: 3.5vw
            }

        .sideBarTab {
            box-shadow: initial
        }

            .sideBarTab a.active {
                box-shadow: initial
            }

        .fixAkilliArama {
            color: #fff;
            font-size: 15px;
            width: 50%;
            float: left;
            box-sizing: border-box;
            padding-left: 20px;
            line-height: 50px
        }

            .fixAkilliArama a {
                color: #fff
            }

            .fixAkilliArama span {
                margin-left: 6px;
                font-weight: 400
            }

        .fixTel {
            width: 70px;
            position: absolute;
            top: -30px;
            left: 50%;
            margin-left: -35px
        }

        .fixIletisimFormu {
            width: 50%;
            float: left;
            text-align: right;
            padding-right: 25px;
            box-sizing: border-box;
            line-height: 50px;
            color: #fff;
            font-weight: 400;
            font-size: 15px
        }

            .fixIletisimFormu span {
                margin-left: 10px
            }

        .fixTel img {
            width: 100%
        }

        .fixIletisimFormu a {
            color: #df6459
        }

        .container {
            width: 95%
        }

        .homeSect {
            margin: 0;
            width: 100%
        }

        .cityList {
            height: calc(100vh - 150px);
            margin-left: 0px;
            padding: 0px;
        }

        .pfCarousel .owl-nav {
            right: 8%
        }

        .footerBottom {
            height: auto;
            padding: 25px 0 120px
        }

        .upButton {
            bottom:40px;
            right: 5px;
            z-index: 9999
        }

        .sticky .upButton.active {
            bottom: 110px;
        }

        .projectCard {
            width: 100%
        }

        .projectForm {
            margin-left: 0;
            margin-top: -1px;
            width: 100%;
            height: auto;
        }
            .projectForm.firmaProjectForm {
                height: auto;
            }
        .projeSlogan {
            margin-top: 0px;
            margin-bottom: 20px;
        }

        .projectForm form {
            max-width: 350px;
            width: 100%;
            margin: 20px auto;
            float:none;
        }

        .projectCardDetails {
            margin-bottom: 0
        }

        .w50 {
            width: 100%
        }

        .galeriList {
            margin-bottom: 20px
        }

            .galeriList li {
                width: 18%;
                margin: 1%
            }

        .digerProjeList .kampProjeListItem {
            width: 48.5%
        }

            .digerProjeList .kampProjeListItem:nth-child(2n+2) {
                margin-right: 0
            }

        .uye-giris-sol {
            width: 100%
        }

        .uye-giris-sag {
            width: 100%;
            margin-left: 0;
            margin-top: 25px
        }

        .uye-popup {
            width: 70%
        }

        .uye-popup-bg {
            padding-bottom: 0
        }

        .uye-ol-bg form {
            padding: 25px 0
        }

        .manset {
            width: 100%
        }

        .haberContent {
            margin: 0;
            width: 100%
        }

        main {
            overflow-x: hidden
        }

        .mobileMenu {
            position: fixed;
            right: -100%;
            top: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            z-index: 9999;
            background-color: #f7f7f7;
            transition: all .4s cubic-bezier(.42,0,.1,1.03);
            display: block;
        }
        .mobile-menu {
            width: 100%;
            height: 90vh;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 80px;
            overflow-y: scroll;
        }

        .mmClose span {
            width: 100%;
            height: 2px;
            background: #3d3d3d;
            float: left;
            position: absolute;
        }

            .mmClose span:nth-child(1) {
                transform: rotate(45deg);
            }

            .mmClose span:nth-child(2) {
                transform: rotate(-45deg);
            }

        .mobile-menu ul {
            width: 80%;
            text-align: left;
        }

            .mobile-menu ul li {
                width: 100%;
                float: left;
                position: relative;
                border-bottom: 1px solid #ccc;
            }
        .mobileMenu .logo {
            position: absolute;
            left: 50px;
            top: 10px;
        }
                .mobile-menu ul li a {
                    color: #3d3d3d;
                    font-size: 20px;
                    padding: 25px 0px;
                    display: block;
                    text-transform: uppercase;
                    font-weight: 600;
                    position: relative;
                    padding-left: 30px;
                }
                    .mobile-menu ul li a.active {
                        background: #d8dde7;
                    }
                    .mobile-menu ul li a img {
                        position: relative;
                        display: inline-block;
                        width: 15px;
                        margin-left: 10px;
                        top: -2px;
                        transition:all ease-in-out .3s;
                    }
                        .mobile-menu ul li a.active img{
                            transform:rotate(180deg);
                        }

                        .mobile-menu ul li a ul {
                            width: 100%;
                            float: left;
                            display: inline-block;
                        }

                .mobile-menu ul li ul {
                    width: 100%;
                    display: none;
                    float: left;
                }

                    .mobile-menu ul li ul li a {
                        font-size: 18px;
                        text-transform: capitalize;
                        padding: 16px 50px;
                    }
        .sideBar {
            width: 100%
        }
        .filtreForm {
            display: none;
        }
        .sideBarCity {
            box-shadow: inherit;
            padding-top: 1px
        }

        .menuActive .mobileMenu {
            right: 0
        }

        .sideBarTab li a {
            color: #b1b1b1
        }

            .sideBarTab li a img {
                opacity: .5
            }

            .sideBarTab li a.active img {
                opacity: 1
            }

        .proje-all-d {
            top: 35%
        }

        .haberNewsForm {
            display: inline-block;
            margin-top: 15px;
            margin-right: 30px;
            width: calc(100% - 60px);
            z-index: 2;
        }

        .search-form {
            display: block;
            position: relative;
            bottom: 0;
            width: calc(100% - 240px) !important;
            right: 0;
            z-index: 9;
            margin-top: 0;
            opacity: 1;
        }

            .search-form input {
                width: 100%;
                height: 40px;
                opacity: 1;
                border-radius: 5px;
                transition: all ease-in-out .3s;
            }

        .input-group-btn {
            width: auto;
            height: auto;
            position: absolute;
            right:0px;
            z-index: 9;
            top: 0px;
        }

        .mobileMenu .firsatlarBtn {
            display: inline-block;
            width: 100%;
            margin-top: 10px
        }

        .haberMenuBar {
            top: 0px;
            display: block;
        }

        .haberUser {
            display: inline-block;
            float: left;
            width: 100%;
            height: auto
        }

            .haberUser ul {
                height: auto;
                display: inline-block;
                width: 100%;
                float: left
            }

                .haberUser ul li {
                    width: 50%
                }

                    .haberUser ul li a {
                        width: 100%;
                        padding: 10px
                    }

        .haberMenuBar ul li {
            width: 100%
        }

        .haberMenuBar ul {
            display: inline-block;
            height: inherit;
            width: 100%
        }

            .haberMenuBar ul li a {
                display: inline-block;
                text-align: left;
                height: auto;
                border-bottom: 1px solid #ccc;
                width: 100%;
                padding: 15px 0
            }

        .haberMenuBar .container {
            width: 100%;
            position: static
        }

        .mmCloseHaber {
            position: absolute;
            top: 10px;
            right: 0;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 7vw;
            color: #8e8e8e;
            width: 50px
        }

        .haberMenuBar ul li:first-child {
            position: absolute;
            top: 10px;
            width: auto;
            opacity: 0;
            pointer-events: none;
            visibility: hidden
        }

            .haberMenuBar ul li:first-child a {
                font-size: 6vw;
                padding: 0;
                border: 0;
                height: 45px;
                display: flex
            }

        .firsatlarBtn a {
            font-size: 4vw
        }

            .firsatlarBtn a img {
                width: 20px
            }

        .headerHaber {
            height: 80px
        }

        .mmHome img {
            width: 60%;
            display: inline-block;
            margin: auto;
        }

        .mmClose img, .mmCloseHaber img {
            width: 40%;
            opacity: .4
        }

        .mmHomeHaber {
            position: absolute;
            top: 10px;
            left: 0;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 7vw;
            color: #8e8e8e;
            width: 60px
        }

            .mmHomeHaber a {
                text-align: center;
                width: 100%;
                float: left;
                margin-top: 6px;
            }

            .mmHomeHaber img {
                width: 55%;
                display: inline-block;
            }

        .modal_content {
            left: 5%;
            transform: translate(0,-50%);
            width: 90%;
            max-height: 90%
        }

        .form.projeGonderAppendTo {
            width: 100%;
            height: 100%
        }

        .modal_body {
            z-index: 9999;
            padding: 20px 0;
            height: 100vh;
            overflow-y: scroll
        }

        .projeFormWp {
            margin-bottom: 25px;
            top: 0
        }

        .breadcrumb {
            padding: 15px 0
        }

        .bizeyazBtn {
            width: 30%
        }

            .bizeyazBtn a {
                font-size: 13px;
                text-align: center
            }

        .takipEt {
            position: absolute;
            right: 0;
            top: 5px;
            height: 45px;
            width: 45px
        }

        .breadcrumb ul {
            width: 100%;
        }
            .breadcrumb ul li + li:before {
                width: 4px;
                height: 8px;
                left: -9px;
                top: 5px;
            }
        .projectDetailTitle {
            width: 100%;
            margin-left: 0px;
            padding-left: 10px;
            margin-top: 0px;
        }

        .formButtonWrapper {
            margin-left: 0px;
            width: auto;
            display: table;
            margin: auto;
            float: none;
        }

        .formTabButons {
            width: 100%;
            margin-left: 0;
        }

            .formTabButons li a {
                font-size: 16px;
                padding: 15px 0;
            }

        .gunButon, .seciliTarihButon, .saatButon {
            height: 100px;
            padding: 14px 10px;
        }

            .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
                font-size: 14px;
            }

        .gunRkm, .seciliGunRkm {
            font-size: 25px !important;
            margin: 5px 0;
        }

        .takvimGaleri .owl-nav, .saatGaleri .owl-nav, .saatGaleriBugun .owl-nav {
            margin-top: -15px;
        }

            .takvimGaleri .owl-nav button.owl-prev, .saatGaleri .owl-nav button.owl-prev, .saatGaleriBugun .owl-nav button.owl-prev {
                left: -15px;
            }

            .takvimGaleri .owl-nav button.owl-next, .saatGaleri .owl-nav button.owl-next, .saatGaleriBugun .owl-nav button.owl-next {
                right: -15px;
                left: auto;
            }

            .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
                width: 30px;
                height: 30px;
                font-size: 18px !important;
            }

        .saatAdi {
            margin-top: 15px;
        }

        .saatDeger {
            font-size: 18px;
        }

        .takvimSaatTab li {
            height: 100px;
            padding-top: 12px;
        }

            .takvimSaatTab li span {
                font-size: 14px;
            }

                .takvimSaatTab li span:nth-child(3) {
                    width: 54px;
                    height: 20px;
                    line-height: 18px;
                    font-size: 10px !important;
                    margin-left: -27px;
                    margin-top: 5px;
                }

        .saatTab, .takvimSaatTab {
            margin: 0;
        }

        .form-group {
            margin-bottom: 10px;
            float: left;
        }

        .sidebarTel {
            width: 100%;
            margin-left: 0;
            margin-top: 10px;
        }

            .sidebarTel li {
                height: 52px;
            }

                .sidebarTel li svg {
                    float: left;
                    margin: 15px;
                    width: 18px;
                }

                .sidebarTel li span {
                    font-size: 16px;
                    margin-top: 19px;
                    float: left;
                }

                .sidebarTel li a {
                    width: 128px;
                    height: 35px;
                    line-height: 35px;
                    margin-top: 8px;
                    margin-right: 15px;
                    font-size: 15px;
                }

        .search-form input {
            width: 100%;
            height: 40px;
            opacity: 1;
            border-radius: 5px;
            transition: all ease-in-out .3s;
        }

        .userController ul li {
            margin-right: 0;
            margin-left: 0;
            background: #f7f7f7;
            margin-top: 15px;
            border-top: 1px solid #e4e4e4;
        }
        .digerProjeList .projeListCol {
            width: calc(50% - 15px);
            margin-right: 15px !important;
        }
            .digerProjeList .projeListCol:nth-child(3n-1) {
                margin-left:0px;
                margin-right: 0px;
            }
            .digerProjeList .projeListCol:nth-child(even) {
                margin-right: 0 !important;
                margin-left: 15px !important;
            }
        .projeInfo {
            height: auto;
            margin-top: 0;
        }
        .info-right {
            width: 60%;
            text-align:right;
        }
        .fixInfoRight {
            width: 100%;
            text-align: right;
        }
        .InfoProjeLoc {
            margin: 17px;
            float: none;
            display: inline-block;
            margin-right: 0px;
        }
        .InfoProjeAdi {
            margin: 18px;
            float: none;
            display: inline-block;
        }
        .InfoFavori, .InfoPaylasBtn {
            float: right;
            display: inline-block;
            margin-top:0px;
            margin-bottom:5px;
        }
            .InfoFavori button {
                margin-top: 0;
            }
        .projeInfoLogo {
            height: 80px;
            margin-top: 12px;
        }
        .fixed .InfoProjeAdi {
            margin-left: 0;
            float: left;
            margin-bottom: 0;
            text-align: left;
        }
        .fixed .InfoProjeLoc {
            float: left;
            text-align: left;
            margin-bottom: 0;
            margin-left: 0;
        }
        .fixed .fixInfoRight {
            float: right;
            width: auto;
        }
        .fixed .InfoPaylasBtn, .fixed .InfoFavori {
            display: none;
        }
        .InfoIletisimBtn {
            float: right;
            display: inline-block;
            margin-top:0px;
        }
        .iletisimButonlari {
            top: 110px;
            right: -30px;
        }
        .infoPaylasPopup {
            top: 110px;
            right: 215px;
        }
        .formBaslikAciklama {
            margin-top: 0px;
            text-align: center;
            margin-bottom: 0px;
        }
            .formBaslikAciklama svg {
                width: 20px;
                height: 20px;
                margin-right: 5px;
                float: none;
                display: inline-block;
            }
            .formBaslikAciklama p {
                font-size: 12px;
                line-height: 20px;
                float: none;
                display: inline-block;
                position: relative;
                top: -6px;
            }
        .formZamanSlider {
            height: 110px;
        }
        .aramaContainer {
            width: 85%;
        }
        .ucluList .projeListCol {
            width: calc(50% - 10px);
            margin-left:0px !important;
            margin-right:10px !important;
        }
            .ucluList .projeListCol:nth-child(2) {
                margin-left: 10px !important;
                margin-right: 0px !important;
            }
        .aramaKategori{ width:140px;}
        .aramaButton button {
            width: 100px !important;
        }
        
            .ucluList .projeListCol:nth-child(3){
                display:none;
            }
        .projeForm textarea.form-control {
            height: 50px;
        }
        .fixFormPage .gunButon {
            height: 85px;
            padding: 6px 5px;
        }
        .fixFormPage .formZamanSlider {
            height: 90px;
        }
        .sunumHeaderContent h1 {
            font-size: 60px;
            line-height: 70px;
        }
        .sunumHeaderContent h2, .sunumProjeListe h2 {
            font-size: 27px;
        }
        .sunumHeaderImg {
            margin-top: 50px;
        }
        .sunumHizmetler h2 {
            font-size: 30px;
        }
        .adimIcerik {
            font-size: 14px;
            line-height: 20px;
        }
        .sunumAdimIcerik ul li {
            padding: 0 25px;
        }
        .sunumProjeContent {
            min-height: 250px;
        }
        .tanitimIcerik {
            position: absolute;
            left: 50%;
            width: 350px;
            top: -230px;
            margin-left: -175px;
            z-index:99;
        }
        .adimlar:before {
            border-color: #f5f5f5 transparent transparent transparent;
            right: 50%;
            top: auto !important;
            bottom: -29px;
            margin-right: -15px;
        }
        .adim4, .adim5 {
            top: 50px;
        }
        .adim6 {
            top: 50px;
        }
        .deskTel {
            display: none;
        }
        }

    @media only screen and (max-width:767px) {
        .smsLeft {
            width: 100%;
        }

        .pfImage {
            min-height: auto;
        }

        .smsRight {
            width: 100%;
            padding: 0px;
            margin-top: 25px;
        }

        .form-text {
            width: 100%;
        }

        h1.proje-title {
            font-size: 18px;
        }

        .projectBnImage {
            min-height: 135px;
        }

        .smsRight form ul li input.form-submit {
            float: initial;
            font-size: 13px;
            width: 165px;
            margin: 0 auto;
            display: table;
        }

        .uye-ol-bg form .intl-tel-input {
            margin-bottom: 10px
        }

        #ProjeTalepForm .intl-tel-input {
            width: 70% !important
        }

        .ilgiliProjeler ul li {
            width: 100%;
            margin: 0 0 25px 0
        }

            .ilgiliProjeler ul li:last-child {
                margin-bottom: 0
            }

        .headerHaber .logo {
            width: 100px
        }

        .container {
            width: 90%
        }



        form#ProjeTalepForm {
            padding: 20px
        }

        #ProjeTalepForm .form-group {
            width: 100%;
            margin: 0 0 15px 0
        }

            #ProjeTalepForm .form-group label {
                width: 30%;
                font-size: 14px
            }

            #ProjeTalepForm .form-group input, #ProjeTalepForm .form-group select, #ProjeTalepForm .form-group textarea {
                width: 70%
            }

        .w50form {
            width: 70%
        }

        .pfImage {
            width: 100%
        }

        .pfIcerik {
            position: relative;
            width: 100%;
            padding: 10px;
            display: inline-block
        }

        .son-resim-d {
            width: 25px;
            right: -25px
        }

        .pfLogo {
            float: left;
            margin-bottom: 0;
            width: 120px
        }

        .pfName {
            float: left;
            display: inline-block;
            text-align: center;
            width: calc(100% - 120px);
            margin-top: 5%
        }

        .pfLocation {
            display: inline-block;
            text-align: center;
            width: calc(100% - 120px);
            margin-top: 0
        }

        .title h1 {
            font-size: 20px;
            margin-left: 10px
        }

        .title i, .title svg {
            font-size: 20px
        }

        .title {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 0px
        }

        .kampProjeListItem {
            width: 100%;
            margin-right: 0
        }

        .firsat {
            width: 200px;
            left: -25px;
            top: -25px
        }

        .footerContact {
            width: 100%
        }

        .footerBox {
            width: 100%;
            padding: 0;
            margin-top: 30px
        }

        .footerMenu {
            width: 100%;
            display: inline-block;
            margin-right: 0;
            margin-bottom: 25px
        }

            .footerMenu h3 {
                width: 100%
            }

            .footerMenu:last-child {
                margin-bottom: 0
            }

        .footerTop {
            padding: 25px 0
        }

        .copyright {
            width: 100%;
            text-align: center;
            margin-bottom: 15px
        }

        .footerBottom .container {
            display: table
        }

        .footerSocial {
            width: 100%
        }

            .footerSocial ul {
                float: initial;
                margin: 0 auto;
                display: table
            }

        .kampanyaliProjeler {
            padding-bottom: 0;
            width: 100%;
            padding: 30px 0px 50px 0px;
            margin-left:0;
        }

        .haberLink a {
            font-size: 4vw
        }

        .navBar {
            height: 60px
        }

        .header {
            height: 95px
        }

        .haberLink {
            height: 40px
        }

        .hatirlamiyorum {
            padding-top: 0;
            line-height: 1.4;
            width: 65% !important
        }

            .hatirlamiyorum a {
                float: left;
                display: inline-block;
                width: calc(100% - 35px)
            }

        .uye-giris-sol-content {
            height: auto;
            padding-bottom: 20px
        }

        .uye-giris-sol ul {
            padding: 30px 30px
        }

        .form-sag, .form-sol {
            width: 100%
        }

        .projeLogo {
            width: 31.33%;
            padding: 10px
        }

        .projeAd {
            width: 66.66%;
            margin-left: 2%;
            margin-right: 0
        }

        .projeLokasyon {
            width: 100%;
            height: auto;
            padding: 10px 0;
            margin-top: 1.5%;
            background-color: #f1f1f1
        }

        .projeAciklama {
            padding: 25px 20px
        }

            .projeAciklama h2 {
                font-size: 22px;
                margin-bottom: 50px
            }

            .projeAciklama h4 {
                font-size: 17px
            }

        .galeriList li {
            width: 31.33%
        }

        .videoList iframe {
            height: 190px
        }

        .digerProjeList .kampProjeListItem {
            width: 100%;
            margin-right: 0;
            margin-bottom: 20px
        }

        .kampProjeContent h3 {
            line-height: 1.3;
            height: 39px
        }

        .kampProjeContent {
            height: 170px
        }

        #map_canvas {
            height: 250px
        }

        .pfCarousel .owl-nav {
            right: initial;
            left: calc(135px + 30%);
            transform: translateX(-50%);
            bottom: -15px;
        }
        .pfCarousel {
            margin-bottom: 30px;
        }
        .butceYokForm {
            margin-top: 20px;
        }

        .logo {
            width: 170px
        }

        .haberLogo {
            width: 140px;
        }

        .navBarHaber {
            height: 70px
        }

        .w100.headerHaber {
            height: 70px
        }

        .haberMenuBar {
            top: 0px;
            display: block;
            height: auto;
            border: none;
            width: calc(100% - 60px);
            margin-left: 30px;
        }

        .mansetCarousel .items {
            height: 250px
        }

            .mansetCarousel .items h2 {
                font-size: 4vw;
                padding: 0 15px;
                line-height: 1.2
            }

        .mansetCarousel .owl-dots {
            height: 35px
        }

        .mansetCarousel .owl-dot {
            font-size: 13px !important
        }

        .newsCampCarousel .items a .ncTitle {
            padding: 0 10px;
            font-size: 14px
        }

        .newBox {
            width: 100%;
            margin: 20px 0 0
        }

        .haberler {
            width: 100%;
            margin-left: 0;
            margin-top: 25px
        }

        .haberContent .bgContainerShadowWhite {
            padding: 0 20px 35px
        }

        .haberIcerik h1 {
            font-size: 24px;
            line-height: 1.2;
            margin-bottom: 15px
        }

        .haberIcerik h2 {
            font-size: 17px
        }

        .haberIcerik h3 {
            font-size: 20px
        }

        .breadcrumb ul li {
            margin: 3px 5px;
            display: none;
        }
        .haberTarih {
            padding-top: 10px
        }

        .firsatProjeList li {
            width: 48%;
            margin-right: 4%
        }

            .firsatProjeList li:nth-child(2n+2) {
                margin-right: 0
            }

        .fpTop h2 {
            font-size: 14px
        }

        .fpTop h3 {
            font-size: 12px
        }

        .downArrow {
            width: 30px
        }

        .fhTitle h2 {
            font-size: 5vw
        }

        .nativeAciklama p {
            font-size: 20px !important
        }

        .firsatContent h2 {
            font-size: 27px;
            line-height: 1.2;
            margin-bottom: 20px
        }

        .firsatContent p {
            margin-bottom: 20px;
            font-size: 16px
        }

        .formDoldurLink a {
            font-size: 20px
        }

        .formDoldurLink {
            margin-bottom: 45px
        }

        .topSlogan {
            font-size: 11px
        }

        .kullanici {
            width: 150px
        }

            .kullanici > a {
                font-size: 12px
            }

        .projectForm form {
            margin-top: 0px;
        }

        .call_icon {
            width: 80px;
            bottom: 0px;
            top: auto;
        }

        .formTitle2 {
            font-size: 16px;
        }

        .projectDetailTitle.hauto .call_icon {
            width: 90px;
        }

        .projectDetailTitle.hauto {
            height: 50px;
        }

        .btn.btn-lg.btn-block.btn-primary.send-form {
            height: 40px;
        }

        .formButtonWrapper {
            width: 100%;
            margin-top: 20px;
            display: inline-block;
        }

        .formButtonContact.renk2 {
            margin-bottom: 0px;
        }

        /* left banner first */

        .projeSlogan a {
            height: auto;
            padding-left: 0px;
            flex-direction: column;
            padding-top: 11px;
            align-items: flex-end;
        }

        .projeSlogan .projeSloganLeft {
            margin-bottom: 15px;
            float: none;
            width: 100%;
            display: flex;
            justify-content: end;
            padding-left: 15px;
            flex-direction: column;
        }

     

        .projeSlogan a strong {
            font-size: 15px;
            line-height: 23px;
        }

        .projeSlogan a i {
            margin-left: 0px;
        }

        .projeSlogan {
            margin-bottom: 0px;
        }


            .projeSlogan.small .projeSloganLeft {
                padding-left: 0px;
                align-items: end;
            }

                .projeSlogan.small .projeSloganLeft i {
                    margin-left: 0px;
                    margin-right: 15px;
                    width: 25px;
                    margin-top: 5px;
                }

            .projeSlogan.small a {
                height: auto;
                padding-left: 10px;
            }

            

        /* left banner last */

        .breadcrumb ul li.brandDots {
            display: block;
            color: #818181;
            margin-right:10px;
            margin-left:10px;
        }

        .breadcrumb ul li:first-child {
            display: block;
        }

        .breadcrumb ul li:last-child {
            display: block;
        }

        .breadcrumb {
            padding: 0px 0px;
            margin-top: 15px;
            margin-bottom: 10px;
        }


            .breadcrumb ul li a i {
                width: 17px;
                top: 0px;
            }

        .telBtn {
            font-size: 14px;
        }

        .formTabButons li a {
            font-size: 14px;
            padding: 10px 0;
        }

        .formTabButons {
            margin-top: 20px;
        }

        .gunButon, .seciliTarihButon, .saatButon {
            height: 80px;
            padding: 9px 6px;
        }

            .gunAdi, .gunAy, .seciliTarihButon span, .saatAdi {
                font-size: 12px;
            }

        .gunRkm, .seciliGunRkm {
            font-size: 22px !important;
            margin: 3px 0;
        }

        .takvimGaleri .owl-nav button, .saatGaleri .owl-nav button, .saatGaleriBugun .owl-nav button, .seciliTakvimKapat {
            width: 24px;
            height: 24px;
            font-size: 16px !important;
        }

        .saatDeger {
            font-size: 15px;
        }

        .saatAdi {
            margin-top: 12px;
        }

        .takvimSaatTab li {
            height: 80px;
            padding-top: 8px;
        }

            .takvimSaatTab li span {
                font-size: 12px;
            }

        .sonuc {
            font-size: 14px !important;
        }

        .sidebarTel li {
            height: 45px;
        }

            .sidebarTel li svg {
                margin: 11px 12px;
                width: 18px;
            }

            .sidebarTel li span {
                font-size: 14px;
                margin-top: 16px;
            }

            .sidebarTel li a {
                width: 100px;
                height: 30px;
                line-height: 30px;
                margin-top: 7px;
                margin-right: 6px;
                font-size: 13px;
            }
        .topBar span {
            font-size: 11px;
            margin-right: 20px;
        }
        .topBar a {
            font-size: 10px;
            width: 75px;
            height: 22px;
            line-height: 20px;
        }
        .topBar {
            height: 35px;
        }
        .navBar {
            height: 60px;
            top: 35px;
        }
        .logo {
            width: 170px;
            margin-top: 10px;
        }
        .menuButon {
            width: 40px;
            height: 35px;
            margin-top: 12px;
        }
        .menu-trigger.second .line{ height:2px;}
        .mmClose {
            width: 35px;
            height: 35px;
            position: absolute;
            right: 10px;
            top: 30px;
        }
        .mobile-menu ul li a {
            font-size: 16px;
            padding: 15px;
        }
        .mobile-menu ul li ul li a {
            font-size: 15px;
            text-transform: capitalize;
            padding: 15px 50px;
        }
        .mobile-menu {
            align-items: flex-start;
            height: calc(90vh - 100px);
        }
        .header-right {
            float: left;
            margin-top: 70px;
            width: 80%;
            margin-left: 10%;
        }
        .aramaBtn {
            width: calc(50% - 7px);
        }
        .girisBtn{ width:50%;}
        .mobileMenu .logo {
            position: absolute;
            left: 5%;
            top: 5px;
        }
        .header-right {
            margin-top: 75px;
            margin-bottom: 15px;
            opacity:0;
            visibility:hidden;
        }
            .header-right.aktif{
                opacity:1;
                visibility:visible;
            }
            .projeListCol {
                width: 100%;
                margin-right: 0 !important;
                margin-left: 0 !important;
            }
        .projeListContent, .projeListContent p, .projeListCol {
            min-height: auto;
        }
        .digerProjeList .projeListCol {
            width: 100%;
            margin-right: 0px !important;
            margin-left: 0px !important;
        }
        .projeListLogo {
            padding-left: 15px;
        }
        .projeListTitle {
            padding-right: 15px;
        }
        .sunumStar, .sunumStar:before {
            width: 40px;
            height: 40px;
        }
        .digerProjeList .projeListFooter {
            padding: 0 15px 20px 15px;
        }
        .digerProjeList .projeListCol:nth-child(even) {
            margin-right: 0 !important;
            margin-left: 0px !important;
        }
        .newBilgiAl {
            margin-top: 3px;
        }
        .projeInfoLogo {
            height: 50px;
            margin-top: 5px;
            width: auto;
            text-align: center;
            padding: 0px;
        }
            .projeInfoLogo img {
                display: inline-block;
                float: none;
                margin: auto;
            }
        .info-right {
            width: 60%;
            text-align: right;
            margin-right: 0px;
        }
        .InfoProjeAdi, .InfoProjeLoc {
            margin: 7px; float:left;
        }
            .InfoProjeLoc svg, .InfoProjeAdi svg {
                float: left;
                margin-right: 5px;
                width: 13px;
                height: 13px;
            }
            .InfoProjeLoc strong, .InfoProjeAdi a {
                font-size: 11px;
            }
        .fixInfoRight {
            display: none;
        }
        .newProjeOzet {
            height: auto;
            padding: 15px 15px;
        }
            .newProjeOzet h1{ font-size:16px;}
        .projeSlogan.small a strong {
            font-size: 14px;
            line-height: 20px;
        }
        .projeSloganLeft span {
            margin-left: 0px;
            margin-top: 10px;
        }
        .projeSlogan.small a {
            padding-left: 15px;
            padding-right: 15px; overflow:hidden;
        }
        .projeSlogan a .projeSloganRight {
            position: absolute;
            float: right;
            bottom: 0;
            width: 150%;
        }
        .formRow {
            width: 100%;
            float: left;
            margin-top: 15px;
        }
        .formBaslikAciklama svg {
            float: left;
        }
        .formBaslikAciklama {
            margin-top: 5px;
            margin-bottom: 10px;
        }
        .formBaslikAciklama p {
            font-size: 13px;
            line-height: normal;
            width: calc(100% - 35px);
            float: left;
            text-align: left;
            height: 20px;
            display: flex;
            align-items: center;
            position: relative;
            top: 0;
        }
        .formZamanSlider {
            height: 90px;
        }
        .projeForm textarea.form-control {
            height: 60px;
        }
        .projeInfo.fixed {
            top: 59px;
            border: none;
            border-top: 1px solid #ccc;
        }
        .fixed .InfoProjeAdi {
            display: none;
        }
        .fixed .InfoProjeLoc .infoSvg {
            width: 35px;
            height: 35px;
            top: -4px;
        }
        .fixed .infoSvgBaslik {
            top: -6px;
            margin-left: 0px;
        }
        .fixed .fixInfoRight {
            display: block;
        }
        .fixed .InfoProjeLoc {
            margin-right: 0;
        }
        .fixed .fixIletisimBtn {
            display: flex;
            width: 100px;
            font-size: 12px;
            margin-left: 0;
            height: 30px;
            margin-top: 6px;
        }
        .girisMenuKapat{ display:none !important;}
        .uye-dropdown {
            right: 0;
            position: relative;
            width: 100%;
            float: left;
            top: 20px;
            margin-bottom: 20px;
            box-shadow: none;
        }
        .firsat-projeleri {
            display: none;
        }
        .aramaPage {
            height: calc(100vh - 90px);
            top: 90px;
        }
        .sticky .aramaPage {
            top: 60px;
            height: calc(100% - 60px);
        }
        .aramaKategori {
            width: 100px;
        }
        .select-box__input-text {
            font-size: 18px;
            line-height: 50px;
            padding-left: 15px;
        }
        .select-box__icon {
            width: 14px; opacity:1;
        }
        .arama-form, .search-form input, .select-box__input-text, .aramaButton, .aramaButton button {
            height: 50px !important;
        }
        .search-form {
            width: calc(100% - 100px) !important;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }
        .input-group-btn {
            width: 120px;
            height: 40px !important;
            position: relative;
            right: 0;
            z-index: 9;
            top: 0;
            border-radius: 4px;
            margin-top: 15px;
            font-size: 14px;
            left: 50%;
            margin-left: -60px;
        }
        .search-form input {
            font-size: 14px;
            padding-right: 20px;
            padding-left: 20px;
        }
        .aramaButton button {
            width: 100% !important;
            height: 40px !important;
            font-size: 16px;
        }
        .sonAranan{
            display:none;
        }
        .aramaBaslik {
            font-size: 18px;
            
            padding-bottom: 10px;
        }
            .aramaBaslik .searchButtonAll {
                font-size: 14px;
                line-height: 18px;
            }
        .sonucIkon {
            width: 20px;
            height: 20px;
        }
            .sonucIkon svg {
                width: 16px;
                height: 16px;
            }
        .sonucProjeAdi {
            line-height: 20px;
            margin-right: 10px;
        }
        .sonucProjeAdi {
            line-height: 20px;
            margin-left: 10px;
            font-size: 14px;
        }
        .projeSonucBolge {
            line-height: 20px;
            font-size: 12px;
        }
        .sonucDetay {
            display: none;
        }
        .fixFormClose {
            top: 100px;
        }
        .fixFormPage{
            top:50px;
        }
            .fixFormPage .gunButon {
                height: 75px;
                padding: 6px 5px;
            }
            .fixFormPage .formZamanSlider {
                height: 80px;
            }
            .fixFormPage textarea.form-control {
                height: 40px;
            }
            .fixFormPage .butceYokForm{
                margin-top:0px;
            }
        .sunumHeaderImg, .sunumAdim {
            display: none;
        }
        .sunumHeaderContent {
            height: auto;
            width: 100%;
            padding-right: 0;
        }
            .sunumHeaderContent h1 {
                font-size: 50px;
                line-height: 60px;
            }
            .sunumHeaderContent h2, .sunumProjeListe h2, .sunumHizmetler h2 {
                font-size: 24px;
            }
        .sunumHeader {
            height: 450px;
            padding-bottom: 50px;
        }
        .sunumAdimIcerik ul li {
            padding: 0;
            width: 100%;
            margin-bottom: 30px;
            text-align:left;
        }
        .adimBaslik {
            display: block;
            width: 100%;
            float: left;
            margin-bottom: 15px;
        }
            .adimBaslik span {
                width: 40px;
                height: 40px;
                background: #fff;
                display: block;
                float: left;
                border-radius: 50%;
                text-align: center;
                font-weight: 900;
                line-height: 40px;
                font-size: 20px;
                margin-right: 15px;
                box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
            }

        .sunumAdimIcerik li:nth-child(1) span, .sunumAdimIcerik li:nth-child(1) strong {
            color: #FC490C;
        }

        .sunumAdimIcerik li:nth-child(2) span, .sunumAdimIcerik li:nth-child(2) strong {
            color: #E62E4E;
        }

        .sunumAdimIcerik li:nth-child(3) span, .sunumAdimIcerik li:nth-child(3) strong {
            color: #931D80;
        }

        .sunumAdimIcerik li:nth-child(4) span, .sunumAdimIcerik li:nth-child(4) strong {
            color: #3C53AE;
        }

        .adimBaslik strong {
            font-size: 20px;
            line-height: 40px;
        }
        .sunumHizmetler {
            padding-top: 100px;
            padding-bottom: 40px;
        }
        .sunumVideoRow {
            height: 280px;
        }
        .videoContent {
            width: 86%;
            height: 200px;
            border-radius: 15px;
            margin-left: 0;
            left: 7%;
            bottom: 20px;
        }
            .videoContent:before {
                height: 20px;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
            }
            .videoContent:after {
                height: 20px;
                border-bottom-left-radius: 15px;
                border-bottom-right-radius: 15px;
            }
            .videoContent a svg {
                width: 50px;
                height: 50px;
            }
        .videoMan {
            right: 0px;
        }
        .sunumProjeListe li {
            min-height: auto;
            width: 100%;
            margin-left: 0 !important;
            margin-right: 0px !important;
            margin-bottom: 30px;
        }
        .sunumProjeContent {
            min-height: auto;
        }
            .sunumProjeContent a {
                width: 180px;
                font-size: 14px;
                margin-left: -90px;
                position: relative;
                bottom: 0;
                margin-top: 10px;
                margin-bottom: 10px;
            }
        .sunumProjeListe ul {
            margin-bottom: 20px;
        }
        .sunumProjeListe {
            padding-bottom: 50px;
        }
            .sunumProjeListe h2 {
                margin-top: 50px;
                margin-bottom: 35px;
            }
        .tanitimIcerik {
            width: 300px;
            margin-left: -150px;
        }
        .adimlar {
            padding: 15px 15px;
        }
            .adimlar img, .adimSvg {
                display: none;
            }
            .adimlar strong {
                font-size: 16px;
                width: 100%;
                line-height: 20px;
                margin-top: 0px;
                margin-bottom: 10px;
            }
        .tanitimIcerik{ top:-150px;}
        .tanitimCloseBg{ top:60px;}
        .adimlar p {
            width: 100%;
            float: left;
            font-size: 13px;
            line-height: 18px;
            margin-bottom: 8px;
            color: #3c3c3c;
        }
        .adim4 {
            top: 70px;
        }
        .adim5 {
            top: 20px;
        }
        .pfSlider {
            min-height: auto;
        }
        .haberDetayRow .breadcrumb {
            margin-top: 0px;
        }
        .digerProjeList .projeListImage {
            max-height: inherit;
        }
        .native1-bg {
            height: 300px;
            background-size: cover !important;
            background-position: top center !important;
        }
        .firsatContent h1 {
            font-size: 16px;
            padding: 0px 20px;
            margin: 15px 0;
        }
        .scrollDownBtn2 {
            margin: 0 auto 10px;
            display: table;
            width: 20px;
        }
        #formAc .formBaslikAciklama p {
            top: -5px;
            position: relative;
            line-height: 20px;
            display: inline-block;
            height: auto;
            margin-left: 10px;
        }
            #formAc .formBaslikAciklama p span {
                width: 100%;
                float: left;
            }
        .form-control, .send-form {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
        .haberBgDiger {
            background-size: 105% !important;
            height: 240px;
            background-position: top center !important;
        }
        .fixed .seciliTarihButon, .fixed .saatSlider, .fixed .saatButon {
            height: 75px;
        }
        }

    @media only screen and (max-width:350px) {
        .userController ul li {
            margin-right: 10px
        }

        .container {
            width: 95%
        }


        /* left banner first */
        .projeSlogan a strong {
            font-size: 15px;
            line-height: 20px;
        }

        /* left banner last */


    }
@media only screen and (min-height:850px) {
    .fixFormPage .projectForm{max-height:570px;}
}
@media only screen and (max-height:800px) {
    .fixFormPage .projectForm {
        max-height: 480px;
    }
}


@media only screen and (max-width: 850px) {
    .filtreForm {
        display: block;
    }
    .sideBarCity {
        display: none;
    }

    .sideBarTab {
        position: relative;
        z-index: 5;
    }

    .sideBarTab a.active {
        border-radius: 0;
        border-bottom: solid 2px #DF6459;
    }


    .sideBarTab li a {
        border: solid 1px #E2E2E2;
        background-color: #ffffff;
        color: #3B3B3B;
    }

    .sideBarTab li {
        width: calc(25% + 7px);
        margin-right: 5px;
    }

        .sideBarTab li:nth-child(4n) {
            margin-right: 0px;
        }

    .sideBar {
        position: relative;
    }

    .sideBarCity {
        position: absolute;
        z-index: 5;
        left: 0px;
        top: 50px;
        background-color: transparent;
        display:none;
    }
    .sideBarTab li a img {
        opacity: 1;
    }
    .cityList {
        height: calc(100vh - 375px);
        background-color: #fff;
        border-radius: 5px;
    }
    .citySearch {
        padding: 0px;
        margin-bottom: 5px;
    }
    .menu-ara {
        border-radius: 5px;
    }
    
    .sideBarTab li.filtreMobilIcon a {
        border-radius: 50%;
    }

    .sideBarTab li.filtreMobilIcon {
        width: 45px;
        display:block
    }


    .shadowMask {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: 4;
        transition: 300ms all;
        background-color: rgb(0 0 0 / 65%);
        display:none;
    }


}