@charset "utf-8";@font-face{font-family:"MuseoSans100";src:url(Assets/Fonts/MuseoSansRounded-100.otf);}
@font-face{font-family:"MuseoSans500";src:url(Assets/Fonts/MuseoSansRounded-500.otf);}
body, html{font-family:"MuseoSans100", Helvetica, Arial, sans-serif;font-size:16px;}
body:after{display:none;content:url(Assets/Homepage/brlogHomepage2.png) url(Assets/Homepage/FooterWebshop2.png);}
.cc-revoke{display:none !important;}
.container{font-size:16px;}
.NoHover{color:inherit;text-decoration:none;}
.NoHover:hover{color:white;text-decoration:none;}
.NoHover:visited{color:white;text-decoration:none;}
a:link{color:#0092ff;text-decoration:none;}
a:visited{color:#0092ff;}
a:hover{color:#86bcff;text-decoration:underline;}
.EngBTT{color:#0092ff;text-decoration:none;font-size:18px;display:inline-block;cursor:pointer;}
.HrBTT{color:white;text-decoration:none;font-size:18px;display:inline-block;cursor:pointer;}
.EngBTT:hover{color:#86bcff;}
.HrBTT:hover{color:#86bcff;}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.MuseoBold500{font-family:"MuseoSans500";}
.Museo100{font-family:"MuseoSans100";}
.bTekst{color:#FFFFFF;}
.gTekst{color:#b8b8b8;}
.lpTekst{color:#5ceaff;}
.XSNaslov{display:inline-block;text-align:left;font-size:24px;font-family:"MuseoSans500";}
.extraMiniNaslov{position:relative;font-size:18px;}
.miniNaslov{font-size:22px;}
.maliNaslov{font-size:40px;font-family:"MuseoSans100";}
.srednjiNaslov{font-size:80px;font-family:"MuseoSans100";}
.velikiNaslov{font-size:85px;font-family:"MuseoSans100";}
.centrirano{text-align:center;}
#HomeLine{max-width:440px;}
.DottedLineWhite{display:inline-block;height:4px;width:100%;background:url("Assets/Homepage/dottedLine.png") repeat-x left center;}
.DottedLineDark{display:inline-block;height:4px;width:100%;background:url("Assets/Homepage/dottedLineDark.png") no-repeat center center;}
.BGposLeft{background-position:left center;}
#HomePageContainer{position:absolute;width:100%;}
#SplashScreenModul{position:relative;overflow:hidden;width:100%;height:926px;}
#PlanetaBackground{position:absolute;top:0;width:100%;height:926px;background:url("Assets/Homepage/planetBG.jpg") no-repeat top center;background-color:#040420;}
#socialFirstScreen{position:absolute;right:30px;top:80px;width:42px;z-index:111;}
.socialIco{cursor:pointer;display:inline-block;}
#FBIco{width:40px;height:40px;background:url("Assets/Homepage/FB_BTT.png") no-repeat center center;}
#FBIco:hover{background:url("Assets/Homepage/FB_BTT2.png") no-repeat center center;}
#YTIco{width:40px;height:40px;background:url("Assets/Homepage/YT_BTT.png") no-repeat center center;}
#YTIco:hover{background:url("Assets/Homepage/YT_BTT2.png") no-repeat center center;}
#IGIco{width:40px;height:40px;background:url("Assets/Homepage/IG_BTT.png") no-repeat center center;}
#IGIco:hover{background:url("Assets/Homepage/IG_BTT2.png") no-repeat center center;}
#LNIco{width:40px;height:40px;background:url("Assets/Homepage/LinkedIn_BTT.png") no-repeat center center;}
#LNIco:hover{background:url("Assets/Homepage/LinkedIn_BTT2.png") no-repeat center center;}
#HomePageCopyCont{position:absolute;left:50%;margin-left:-600px;top:165px;}
#naslovnaTekstBlock{font-family:"MuseoSans100";font-size:16px;letter-spacing:1.1px;padding:35px;max-width:390px;}
#OblaciSplashScreen{position:absolute;bottom:-25px;width:100%;height:243px;background:url("Assets/Homepage/OblaciSplashScreen.png") repeat-x center center;}
#pandanaut{position:absolute;top:215px;width:543px;height:499px;margin:auto;left:50%;margin-left:65px;}
#innerNaut{position:absolute;width:100%;height:100%;background:url("Assets/Homepage/pandanaut.png") no-repeat center center;}
#KacigaShow{top:-169px;left:-47px;position:absolute;width:100%;height:100%;background:url("Assets/Homepage/KacigaShow.png") no-repeat center center;}
#lens1{top:-184px;left:-75px;}
#lens2{top:-144px;left:0px;}
.lensFlare{position:absolute;width:100%;height:100%;background:url("Assets/Homepage/lensFlare.png") no-repeat center center;background-blend-mode:screen;mix-blend-mode:screen;z-index:99;}
.lensFlare2{top:-180px;left:63px;position:absolute;width:100%;height:100%;background:url("Assets/Homepage/LensFlare2.png") no-repeat center center;background-blend-mode:screen;mix-blend-mode:screen;z-index:99;}
#spaceShip{top:600px;right:-150px;position:absolute;width:163px;height:57px;background:url("Assets/Homepage/spaceShip.png") no-repeat center center;overflow:visible;}
#spaceBeam{opacity:0;top:35px;left:-15px;position:absolute;width:301px;height:467px;background:url("Assets/Homepage/SpaceBeam.png") no-repeat center center;}
#seaBlob{opacity:0;top:350px;left:40px;position:absolute;width:277px;height:194px;background:url("Assets/Homepage/seaBlob.png") no-repeat center center;}
#StrelicaDCont{opacity:1;position:absolute;width:100%;height:800px;}
.StrelicaD{opacity:1;top:480px;left:50px;position:absolute;width:98px;height:53px;background:url("Assets/Homepage/StrelicaD.png") no-repeat center center;z-index:99;}
#brlogHomepageLink{cursor:pointer;position:absolute;right:20px;bottom:230px;width:165px;height:86px;background:url("Assets/Homepage/brlogHomepage.png") no-repeat center center;z-index:99;}
#brlogHomepageLink:hover{background:url("Assets/Homepage/brlogHomepage2.png") no-repeat center center;}
#MobNavCont{display:none;position:fixed;width:100%;height:100%;background-color:#7faf00;z-index:300;overflow:hidden;text-align:center;}
#MobNavInnerCont{width:100%;text-align:center;position:absolute;top:25%;font-size:38px;color:white;}
.mobNavItem{cursor:pointer;font-style:"MuseoSans100";padding-top:10px;transition:1s;-webkit-transition:1s;}
.mobNavItem:hover{text-decoration:underline;}
#MobLanguageCont{position:absolute;bottom:-150px;width:100%;}
#mobileCloseBTT{cursor:pointer;top:30px;right:30px;position:absolute;width:63px;height:63px;background:url("Assets/Homepage/mobileCloseBTT.png") no-repeat center center;z-index:200;}
.HomeButton{cursor:pointer;}
.anchor{display:block;position:relative;top:-100px;visibility:hidden;}
#MobileMenuCont{display:none;position:fixed;width:100px;right:0;height:50px;z-index:199;}
#MobMenuBTT{cursor:pointer;top:30px;right:30px;position:absolute;width:63px;height:63px;background:url("Assets/Homepage/mobMenuBTT.png") no-repeat center center;z-index:199;}
#MobMenuBTT::after{content:'';position:absolute;width:63px;height:0px;background:url("Assets/Homepage/mobMenuBTTHover.png") no-repeat top center;opacity:0;z-index:200;transition:0.25s;transition:0.25s;}
#MobMenuBTT:hover:after{opacity:1;background:url("Assets/Homepage/mobMenuBTTHover.png") no-repeat top center;height:63px;}
.navButton{cursor:pointer;}
.NAVunderline{position:absolute;top:35px;max-width:60px;width:0%;left:0%;height:5px;background-color:#82bb25;}
#NavLGCont{font-size:20px;font-family:"MuseoSans100";color:white;position:fixed;width:100%;height:70px;z-index:150;}
#NavInnerCont{position:absolute;left:52%;width:620px;margin-top:50px;}
#NavFlex .col{padding-right:35px;text-align:center;display:inline-block;position:relative;}
#HomepageNavLogo{top:30px;left:30px;position:absolute;width:159px;height:69px;background:url("Assets/Homepage/TSLogo.png") no-repeat center center;z-index:101;}
#LogoW{top:30px;left:30px;position:absolute;width:152px;height:69px;background:url("Assets/Homepage/TSLogoW.png") no-repeat center center;}
#TSLogo50{opacity:0;top:6px;left:40px;position:absolute;width:111px;height:45px;background:url("Assets/Homepage/TSLogo50.png") no-repeat center center;}
.TSLogo50Small{top:6px;left:40px;position:absolute;width:111px;height:45px;background:url("Assets/Homepage/TSLogo50.png") no-repeat center center;}
#AddedMobLine{color:white;position:absolute;top:0;background-color:rgba(7, 10, 39, 1);width:100%;height:58px;z-index:100;}
#LanguageCont{position:absolute;top:15px;right:15px;width:100px;}
.TSbtn{display:inline-block;position:relative;cursor:pointer;font-size:16px;font-family:"MuseoSans100";max-width:200px;width:200px;-webkit-border-radius:8;-moz-border-radius:8;border-radius:8px;color:white;padding:7px 15px 7px 15px;border:dotted #ffffff 1px;text-decoration:none;z-index:120;}
.TSbtnBlack{width:180px;display:inline-block;border:dotted #000 1px;color:black;}
.DisabledButton{pointer-events:none;opacity:0.5 !important;}
.TSbtn:hover{opacity:1;color:white;z-index:120;}
.TSbtn::after{display:inline-block;content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;-webkit-border-radius:8;-moz-border-radius:8;border-radius:8px;background-color:#86bcff !important;z-index:-1;transition:0.25s;opacity:1;}
.TSbtn:hover:after{height:100%;color:white;background-color:#1776d6 !important;}
.SpecPadAbout{padding-left:15px !important;}
.TekstBlok{font-size:16px;text-align:left;padding-bottom:40px;}
#AboutUsModul{margin-top:120px;}
#AboutUsNaut{background:url("Assets/Homepage/AboutUsNaut.png") no-repeat top center;width:100%;height:400px;background-size:contain;}
@media(max-width:991px){#BrendoviDobavljaci1{background:url("Assets/Homepage/logoDob1.png") no-repeat center center !important;height:190px;background-size:contain !important;}
#BrendoviDobavljaci2{background:url("Assets/Homepage/logoDob2.png") no-repeat center center !important;height:190px;background-size:contain !important;}}
@media(max-width:991px){#BrendoviDobavljaci1{height:150px !important;}
#BrendoviDobavljaci2{height:150px !important;}}
#BrendoviDobavljaci1{background:url("Assets/Homepage/logoDob1.png") no-repeat left center;height:190px;background-size:contain;}
#BrendoviDobavljaci2{background:url("Assets/Homepage/logoDob2.png") no-repeat right center;height:190px;background-size:contain;}
#BrendoviKupci1{background:url("Assets/Homepage/logoKup1.png") no-repeat center center;width:100%;height:180px;background-size:contain;}
#BrendoviKupci2{background:url("Assets/Homepage/logoKup2.png") no-repeat center center;width:100%;height:180px;background-size:contain;}
@media(max-width:991px){#BrendoviKupci1{height:150px !important;}
#BrendoviKupci2{height:150px !important;}}
.LogosCont{-webkit-border-radius:6;-moz-border-radius:6;border-radius:6px;color:white;padding:7px 15px 7px 15px;border:dotted #d5d5d5 2px;text-decoration:none;}
#PopCont{display:none;position:fixed;width:100%;height:100%;z-index:999;text-align:center;}
#PopBack{opacity:0;position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);}
#PopWrapper{margin-left:10px;margin-right:10px;position:relative;top:18%;display:inline-block;max-height:550px;height:100%;}
#PopInner{height:100%;text-align:left;background-color:#edede3;overflow-y:scroll;}
#PopCloseBTT{cursor:pointer;position:absolute;top:10px;right:23px;height:48px;width:48px;background:url("Assets/Homepage/PopCloseBTT.png") no-repeat center center;transition:0.2s;z-index:200;}
#PopCloseBTT:hover{background:url("Assets/Homepage/PopCloseBTT_Hov.png") no-repeat center center;}
#PopBottom{position:absolute;height:50px;width:100%;bottom:-50px;background-color:#1b3453;overflow:visible;pointer-events:none;}
#PopGraphic{width:209px;height:227px;position:absolute;bottom:10px;right:10px;z-index:200;background:url("Assets/Homepage/PopNaut.png") no-repeat center center;pointer-events:none;}
.PopRow{padding-top:80px;padding-left:30px;padding-right:30px;}
#LDottAngle{position:absolute;top:140px;right:80px;margin-top:10px;margin-bottom:10px;display:inline-block;background:url("Assets/Homepage/leftDottedAngle.png") no-repeat center center;width:86px;height:90px;}
#RDottAngle{position:absolute;top:140px;left:80px;margin-top:10px;margin-bottom:10px;display:inline-block;background:url("Assets/Homepage/rightDottedAngle.png") no-repeat center center;width:86px;height:90px;}
.ServicesDottedLine1{margin-top:10px;margin-bottom:10px;display:inline-block;background:url("Assets/Homepage/ServicesDottedLine1.png") no-repeat center center;width:4px;height:50px;}
#ServicesModul{width:100%;min-height:930px;position:relative;background:url("Assets/Homepage/servicesBG.jpg") no-repeat center bottom;background-color:#0f3a5b;}
#cloudCont{overflow:hidden;width:100%;height:100%;position:absolute;}
#ServicesSatelite{position:absolute;margin-top:-30px;width:100%;height:232px;background:url("Assets/Homepage/ServicesSatelite.png") no-repeat center bottom;z-index:111;}
#ServicesToranj{position:absolute;bottom:0px;left:60%;width:155px;height:333px;background:url("Assets/Homepage/ServicesToranj.png") no-repeat center bottom;z-index:0;}
.radioWave{opacity:0;position:absolute;bottom:0px;left:-190px;background:url("Assets/Homepage/ServicesStreak.png") no-repeat center center;width:578px;height:607px;}
.radioWaveLeft{left:-220px;bottom:-10px;}
#ServicesNaut{position:absolute;bottom:-76px;left:240px;width:335px;height:374px;background:url("Assets/Homepage/ServicesNaut.png") no-repeat center bottom;}
#ServicesBrdo1{position:absolute;opacity:0.3;bottom:0px;left:-530px;width:850px;height:426px;background:url("Assets/Homepage/brdo1.png") no-repeat center bottom;}
#ServicesBrdo2{position:absolute;opacity:0.3;bottom:0px;right:-400px;width:685px;height:331px;background:url("Assets/Homepage/brdo2.png") no-repeat center bottom;}
#ServicesMiddleCont{text-align:center;top:190px;position:absolute;right:-100px;width:200px;}
#gloriousMoon{position:absolute;top:50px;left:80%;background:url("Assets/Homepage/gloriousMoon.png") no-repeat bottom center;width:112px;height:117px;}
#comet{top:430px;left:50%;margin-left:-50px;}
#comet2{top:250px;left:50%;margin-left:-50px;}
#comet3{top:500px;left:50%;margin-left:-50px;}
.baseComet{opacity:0;position:absolute;background:url("Assets/Homepage/comet.png") no-repeat bottom center;width:272px;height:300px;mix-blend-mode:screen;}
#cloud1{display:none;position:absolute;top:-90px;left:10%;background:url("Assets/Homepage/cloud1.png") no-repeat bottom center;width:208px;height:361px;}
#cloud2{display:none;position:absolute;top:-90px;left:80%;background:url("Assets/Homepage/cloud2.png") no-repeat bottom center;width:168px;height:258px;z-index:99;}
#StrelicaDesno{position:absolute;top:8px;left:450px;background:url("Assets/Homepage/StrelicaDesno.png") no-repeat bottom center;width:46px;height:85px;}
.sgArrowHolder{position:absolute;right:12px;top:6px;z-index:99;width:39px;}
.sgArrow{background:url("Assets/Homepage/sgArrow.png") repeat-x bottom left;width:21px;height:39px;}
.ProdBGHover{width:0%;top:0;position:absolute;height:100%;background-color:#1776d6;}
.productNaslov{position:relative;padding:10px;padding-left:20px;z-index:90;}
.productTekstBlock{position:absolute;bottom:0;width:100%;background-color:rgba(19, 85, 132, 0.7);min-height:50px;}
#PandaBot{background:url("Assets/Homepage/PandaBot.png") no-repeat bottom center;width:100%;height:271px;margin-left:25px;z-index:99;}
.productHolder{cursor:pointer;position:relative;width:100%;height:278px;margin-bottom:10px;}
.flex-grid{display:flex;}
.flex-grid .col{flex:1;margin-right:10px;position:relative;}
.halfProductHolder{position:relative;display:inline-block;width:48%;height:278px;}
.hlProduct1{background:url("Assets/Homepage/featuredBrands/Bing.jpg") no-repeat center bottom;background-size:cover;}
.hlProduct2{background:url("Assets/Homepage/featuredBrands/Batman.jpg") no-repeat center bottom;margin-right:0px !important;background-size:cover;}
.product1{background:url("Assets/Homepage/featuredBrands/Squishmallow.jpg") no-repeat center bottom;background-size:cover;}
.product2{background:url("Assets/Homepage/featuredBrands/Pokemon.jpg") no-repeat center bottom;background-size:cover;}
.product5{background:url("Assets/Homepage/Masha.jpg") no-repeat center bottom;}
#featuredExtndCont{width:100%;padding-top:50px;padding-bottom:50px;background-color:#dee4e7;}
#FooterLogo{top:0px;left:30px;position:absolute;width:159px;height:69px;background:url("Assets/Homepage/FooterTSLogo.png") no-repeat center center;z-index:101;}
#footerIlustracijaRow{position:relative;text-align:center;height:537px;background-color:#dee4e7;width:100%;}
#SeaMonsterMain{pointer-events:none;position:absolute;bottom:0;left:50%;margin-left:-750px;width:1599px;height:423px;background:url("Assets/Homepage/MainSeaMonster.png") no-repeat center center;}
#GravityGun{position:absolute;bottom:155px;left:50%;margin-left:-765px;width:392px;height:236px;background:url("Assets/Homepage/GravityGun.png") no-repeat center center;}
.MuzzleClass{position:absolute;width:176px;height:111px;background:url("/Assets/Homepage/muzzle.gif") no-repeat center center;z-index:100;}
#Muzzle{bottom:162px;left:50%;margin-left:160px;display:none;}
#KristalSparks{bottom:50px;left:50%;margin-left:-20px;}
#KristalSparks2{bottom:0px;left:50%;margin-left:-140px;background:url("/Assets/Homepage/muzzle2.gif") no-repeat center center;}
.lensFlareSmaller{position:absolute;width:100%;height:100%;background:url("Assets/Homepage/lensFlareTransparent.png") no-repeat center center;z-index:99;}
#lens1F{bottom:150px;left:50%;margin-left:-508px;}
#Kristal{position:absolute;bottom:-200px;left:50%;margin-left:210px;width:167px;height:166px;z-index:80;}
#KristalInner{position:absolute;bottom:0px;left:0;margin-left:0px;width:167px;height:166px;background:url("Assets/Homepage/kristal2.png") no-repeat center center;z-index:80;}
#Kristal2Blur{position:absolute;bottom:480px;left:50%;margin-left:160px;width:253px;height:492px;background:url("Assets/Homepage/Kristal2Blur.png") no-repeat center center;z-index:81;display:none;}
#Krak{position:absolute;bottom:-112px;left:50%;margin-left:-475px;z-index:99;width:807px;height:410px;background:url("Assets/Homepage/Krak.png") no-repeat center center;}
#footerAltRow{text-align:center;margin-top:70px;height:340px;background-color:#dee4e7;width:100%;}
#FooterWebShopLink{display:inline-block;margin-top:70px;cursor:pointer;width:396px;height:246px;z-index:199;background:url("Assets/Homepage/FooterWebshop.png") no-repeat center center;transition:0.25s;}
#FooterWebShopLink:hover{background:url("Assets/Homepage/FooterWebshop2.png") no-repeat center center;}
#footerEndRow{position:relative;background-color:#1c3453;height:115px;width:100%;z-index:90;}
.img-resize{max-width:100%;height:auto;}
.pad10TopBot{padding-top:15px;padding-bottom:35px;}
@media screen and (max-width:1470px){#NavInnerCont{left:30%;}
}
@media screen and (max-width:1250px){#HomePageCopyCont{margin-left:30px;left:0%;}
}
@media screen and (max-width:990px){#footerIlustracijaRow{height:680px;}
#SeaMonsterMain{margin-left:-460px;}
#FooterWebShopLink{margin-top:60px !important;}
#MobileMenuCont{display:inline-block;}
.notOnTablet{display:none;}
#ServicesNaut{left:10%;z-index:99;}
#ServicesToranj{left:60%;z-index:80;bottom:0px;}
.mobilePaddingRND{padding-bottom:330px !important;}
#socialFirstScreen{top:20px;right:110px;width:90px;}
}
@media screen and (max-width:800px){.TSLogo50Small{margin-top:7px;}
#brlogHomepageLink{bottom:185px;}
#AddedMobLine{height:70px;}
.LeftMobPad{padding-left:20px !important;}
#PopWrapper{top:10%;display:inline-block;max-height:600px;height:100%;}
#BrendoviKupci3{background-size:contain;}
#BrendoviKupci4{background-size:contain;}
.notOnMobile{display:none;}
.LRMobPadding{max-width:280px;display:inline-block;text-align:left;}
.mobileCenter{display:inline-block;width:100%;text-align:center;}
#HomePageCopyCont{max-width:360px;}
.velikiNaslov{font-size:80px;font-family:"MuseoSans100";}
#pandanaut{top:350px;left:50%;margin-left:-250px;}
#PlanetaBackground{height:1300px;}
#SplashScreenModul{height:1300px;}
#naslovnaTekstBlock{padding-top:580px;padding-left:15px;}
.StrelicaD{top:1000px;}
}
@media screen and (max-width:600px){.RespSrednjiNaslov{font-size:50px !important;}
}
.logoCont{padding-top:90px}
@media screen and (max-width:768px){.logoCont{padding-top:0px !important;}
}