/*! CSS Used from: https://tamarello.hr/assets/css/bootstrap.min.css */
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Poppins,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
*,::after,::before{box-sizing:border-box;}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;}
footer,header,nav,section{display:block;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Poppins,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff;}
h1,h2,h3,h4{margin-top:0;margin-bottom:.5rem;}
p{margin-top:0;margin-bottom:1rem;}
ul{margin-top:0;margin-bottom:1rem;}
a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;}
a:hover{color:#0056b3;text-decoration:underline;}
img{vertical-align:middle;border-style:none;}
table{border-collapse:collapse;}
th{text-align:inherit;}
button{border-radius:0;}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}
button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
button,input{overflow:visible;}
button{text-transform:none;}
[type=submit],button,html [type=button]{-webkit-appearance:button;}
textarea{overflow:auto;resize:vertical;}
h1,h2,h3,h4{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit;}
h1{font-size:2.5rem;}
h2{font-size:2rem;}
h3{font-size:1.75rem;}
h4{font-size:1.5rem;}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){
.container{max-width:540px;}
}
@media (min-width:768px){
.container{max-width:720px;}
}
@media (min-width:992px){
.container{max-width:960px;}
}
@media (min-width:1200px){
.container{max-width:1140px;}
}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-12,.col-lg-12,.col-lg-4,.col-lg-6,.col-lg-7,.col-lg-8,.col-md-10,.col-md-12,.col-md-6{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;}
@media (min-width:768px){
.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
@media (min-width:992px){
.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13;}
}
.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;}
.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;}
.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;}
.table-bordered{border:1px solid #dee2e6;}
.table-bordered td,.table-bordered th{border:1px solid #dee2e6;}
.table-bordered thead th{border-bottom-width:2px;}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05);}
@media (max-width:991.98px){
.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}
}
.collapse{display:none;}
.nav-link{display:block;padding:.5rem 1rem;}
.nav-link:focus,.nav-link:hover{text-decoration:none;}
.navbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem;}
.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap;}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none;}
.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none;}
.navbar-nav .nav-link{padding-right:0;padding-left:0;}
.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;}
.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none;}
.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer;}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%;}
@media (min-width:992px){
.navbar-expand-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;}
.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto;}
.navbar-expand-lg .navbar-toggler{display:none;}
}
.navbar-light .navbar-brand{color:rgba(0,0,0,.9);}
.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9);}
.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5);}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7);}
.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9);}
.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1);}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;}
.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;}
.align-self-center{-ms-flex-item-align:center!important;align-self:center!important;}
.p-0{padding:0!important;}
.ml-auto{margin-left:auto!important;}
.text-center{text-align:center!important;}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
a:not(.btn){text-decoration:underline;}
thead{display:table-header-group;}
img,tr{page-break-inside:avoid;}
h2,h3,p{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
body{min-width:992px!important;}
.container{min-width:992px!important;}
.navbar{display:none;}
.table{border-collapse:collapse!important;}
.table td,.table th{background-color:#fff!important;}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important;}
}
/*! CSS Used from: https://tamarello.hr/assets/css/fontawesome.min.css */
.fa,.fab,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fa-book:before{content:"\f02d";}
.fa-calendar-alt:before{content:"\f073";}
.fa-check:before{content:"\f00c";}
.fa-chevron-right:before{content:"\f054";}
.fa-clipboard-list:before{content:"\f46d";}
.fa-clock:before{content:"\f017";}
.fa-comments:before{content:"\f086";}
.fa-envelope:before{content:"\f0e0";}
.fa-envelope-open:before{content:"\f2b6";}
.fa-eye:before{content:"\f06e";}
.fa-facebook-f:before{content:"\f39e";}
.fa-file-alt:before{content:"\f15c";}
.fa-history:before{content:"\f1da";}
.fa-info-circle:before{content:"\f05a";}
.fa-linkedin-in:before{content:"\f0e1";}
.fa-map-marked-alt:before{content:"\f5a0";}
.fa-minus:before{content:"\f068";}
.fa-palette:before{content:"\f53f";}
.fa-phone:before{content:"\f095";}
.fa-plus:before{content:"\f067";}
.fa-plus-square:before{content:"\f0fe";}
.fa-retweet:before{content:"\f079";}
.fa-search:before{content:"\f002";}
.fa-sitemap:before{content:"\f0e8";}
.fa-star:before{content:"\f005";}
.fa-tasks:before{content:"\f0ae";}
.fa-user:before{content:"\f007";}
.fa-user-friends:before{content:"\f500";}
.fab{font-family:"Font Awesome 5 Brands";}
.fa,.fas{font-family:"Font Awesome 5 Free";}
.fa,.fas{font-weight:900;}
/*! CSS Used from: https://tamarello.hr/assets/css/flaticon.css */
[class^=flaticon-]:before,[class^=flaticon-]:after{font-family:Flaticon;font-style:normal;}
.flaticon-speech-bubble:before{content:"\f104";}
.flaticon-clock:before{content:"\f109";}
.flaticon-technical-support:before{content:"\f11f";}
.flaticon-social-care:before{content:"\f120";}
.flaticon-support-1:before{content:"\f121";}
.flaticon-support-2:before{content:"\f122";}
/*! CSS Used from: https://tamarello.hr/assets/css/aos.css */
body[data-aos-duration="1000"] [data-aos]{transition-duration:1s;}
[data-aos]{pointer-events:none;}
[data-aos].aos-animate{pointer-events:auto;}
body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275);}
@media screen{
html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none;}
html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);}
html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);}
html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);}
}
/*! CSS Used from: https://tamarello.hr/assets/css/style.css */
.mybtn3{padding:10px 30px;background:#fff;border-radius:4px;font-size:16px;display:inline-block;border:1px solid transparent;position:relative;text-transform:uppercase;z-index:3;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .4s;cursor:pointer;outline:none!important;overflow:hidden;}
.mybtn3 span{position:relative;font-weight:500;z-index:6;transition-delay:0s;}
.mybtn3:before,.mybtn3:after{content:"";width:0;height:100%;background:#fff;position:absolute;left:0;top:0;transition:width .4s;z-index:1;opacity:.4;}
.mybtn3:after{transition-delay:0s;background:#fff;opacity:1;}
.mybtn3:hover:before,.mybtn3:hover:after{width:100%;}
.mybtn3:hover:after{transition-delay:.2s;}
.mybtn3:hover span{transition-delay:.2s;}
.mybtn-bg{background:#ea384d;border-color:#ea384d;color:#fff;}
.mybtn-bg span{color:#fff;}
.mybtn-bg:hover span{color:#ea384d;}
.navbar-light .navbar-toggler{border:0;}
.navbar-light .navbar-toggler:focus{outline:0;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:.4rem;padding-left:.4rem;}
.bottomtotop i{width:50px;height:50px;line-height:50px;position:fixed;font-size:14px;text-align:center;background-image:linear-gradient(55deg,#0250c5 0%,#0e2c44 100%);border-radius:50%;color:#fff;cursor:pointer;transform:rotate(-90deg);bottom:15px;right:15px;box-shadow:0 0 21px 0 rgba(0,0,0,.2);z-index:999;transition:all linear .3s;}
.section-title{text-align:center;margin-bottom:56px;}
.section-title.extra .title{margin-bottom:24px;}
.section-title .title{font-size:40px;line-height:50px;margin-bottom:13px;color:#242424;font-weight:700;}
.section-title p{max-width:650px;font-size:16px;line-height:26px;color:#555;margin:0 auto;}
.input-field{width:100%;height:50px;padding:0 20px;border-radius:3px;color:#555;margin-bottom:20px;}
.input-field.borderd{border:1px solid rgba(0,0,0,.15);}
.input-field.borderd:focus{border:1px solid #0e2c44;}
.input-field.textarea{min-height:140px;padding:15px 20px;resize:none;}
.feature-circle-inner{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;background-color:#fff;border-radius:50%;position:relative;}
.feature-circle-inner:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:30px;height:30px;background:#fff;border-radius:50%;animation:pulse-border 1500ms ease-out infinite;z-index:-9;}
.feature-circle-inner i{font-size:12px;font-weight:900;color:#0250c5;}
.google_map_wrapper{border:10px solid #fff;box-shadow:0 5px 25px rgba(0,0,0,.08);}
html{font-family:poppins,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}
body{font-family:poppins,sans-serif;font-size:16px;margin:0;color:#555;overflow-x:hidden;}
h1{font-size:60px;line-height:1.0833333333;}
h2{font-size:52px;line-height:1.4444444444;}
h3{font-size:26px;line-height:1.0833333333;}
h4{font-size:22px;line-height:1.2380952381;}
h1,h2,h3,h4{color:#242424;font-family:poppins,sans-serif;}
p{font-size:16px;color:#555;line-height:1.625;-webkit-hyphens:auto;hyphens:auto;}
a{color:#242424;text-decoration:none;}
a,a:hover,a:focus,a:active{text-decoration:none;outline:none;}
a i{padding:0 2px;}
img{max-width:100%;}
li{list-style:none;}
ul{padding-left:0;}
input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;box-shadow:none;border:1px solid #ddd;}
.navigation{position:fixed;top:0;left:0;width:100%;z-index:999;border-bottom:1px solid rgba(255,255,255,.2);}
.navigation.stiky-nav{background:#fff;border-bottom:0;border-bottom:0;box-shadow:0 5px 20px rgba(0,0,0,.15);}
.navigation.stiky-nav .navbar .navbar-brand img{filter:unset;}
.navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link{color:#242424;}
.navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before{background-image:linear-gradient(55deg,#0250c5 0%,#0e2c44 100%);}
.navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,.navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before{background-image:linear-gradient(55deg,#0250c5 0%,#0e2c44 100%);}
.navigation .navbar{padding:0;}
.navigation .navbar .navbar-brand{font-size:30px;line-height:50px;font-weight:700;padding:0;margin-top:-2px;text-transform:uppercase;color:#242424;}
.navigation .navbar .navbar-brand img{max-width:170px;filter:brightness(0) invert(1);}
.navigation .navbar #mainmenu ul .nav-item .nav-link{color:#fff;position:relative;padding:25px 10px;font-size:16px;line-height:26px;font-weight:600;}
.navigation .navbar #mainmenu ul .nav-item .nav-link::before{position:absolute;content:" ";width:3px;height:3px;left:50%;border-radius:50px;bottom:0;opacity:0;transform:translateX(-50%);background:#fff;transition:.5s;}
.navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,.navigation .navbar #mainmenu ul .nav-item .nav-link.active::before{position:absolute;content:" ";width:70%;height:3px;left:50%;transform:translate(-50%);bottom:0;opacity:1;background:#fff;}
.hero-area{position:relative;padding:150px 0 291px;background:url(https://tamarello.hr/assets/images/heroarea.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;}
.hero-area .left-content .content .title{font-size:56px;line-height:66px;color:#fff;font-weight:700;}
.hero-area .left-content .content .subtitle{font-size:18px;line-height:28px;color:#ffff;margin-top:26px;}
.about{padding:110px 0 120px;position:relative;}
.about .box{text-align:center;background:#f7f9ff;overflow:hidden;position:relative;transition:all .3s ease-in;}
.about .box::after{position:absolute;content:"";bottom:0;left:0;height:4px;width:0%;background-image:linear-gradient(55deg,#0250c5 0%,#0e2c44 100%);transition:all .3s ease-in;}
.about .box .inner-box{width:100%;position:relative;z-index:99;padding:27px 25px 35px;transition:.3s ease-in;}
.about .box .inner-box .icon{font-size:55px;}
.about .box .inner-box .icon i{background-image:linear-gradient(55deg,#0250c5 0%,#0e2c44 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease-in;}
.about .box .inner-box .title{font-size:24px;line-height:34px;font-weight:600;color:#242424;margin:9px 0 22px;transition:all .3s ease-in;}
.about .box .inner-box .text{margin-bottom:0;transition:all .3s ease-in;}
.about .box:hover{transform:translateY(-5px)!important;box-shadow:0 20px 20px 2px rgba(0,0,0,.1);}
.about .box:hover::after{width:100%;}
.whaybest{position:relative;padding:110px 0 83px;background:#f7f9ff;}
.whaybest .row-one{margin-bottom:55px;}
.whaybest .info .info-title{font-size:40px;line-height:50px;font-weight:700;color:#242424;margin-bottom:23px;display:block;}
.whaybest .about-img{text-align:center;padding:0;align-self:center;}
.whaybest .about-img img{padding:0;animation:shapeani3 5s linear infinite;}
.whaybest .feature-list{padding-left:0;margin-top:59px;display:flex;flex-wrap:wrap;}
.whaybest .feature-list li{max-width:50%;flex:50%;padding-left:15px;padding-right:15px;list-style:none;cursor:pointer;margin-bottom:8px;}
.whaybest .feature-list li:last-child{margin-bottom:0;}
.whaybest .feature-list li .icon{margin-bottom:14px;}
.whaybest .feature-list li .icon i{background-image:linear-gradient(55deg,#ca3f0f 0%,#0e2c44 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:55px;line-height:65px;}
.whaybest .feature-list li .content{flex:1;}
.whaybest .feature-list li .content h4{font-size:24px;line-height:34px;font-weight:600;margin-bottom:5px;}
.whaybest .feature-list li .content p{font-size:16px;line-height:26px;}
.whaybest .feature-list li:hover .icon::after{border-color:#0e2c44;animation:shapeani2 10s linear infinite;}
.feature{padding:110px 0 95px;position:relative;}
.feature .section-title{margin-bottom:47px;}
.feature .left-feature .feature-box .icon{margin-left:20px;}
.feature .left-feature .feature-box .details{text-align:right;}
.feature .right-feature .feature-box .icon{margin-right:20px;}
.feature .right-feature .feature-box .details{text-align:left;}
.feature .feature-box{margin-bottom:30px;background:#fff;display:flex;transition:all .3s ease-in;position:relative;}
.feature .feature-box .icon-area{display:flex;}
.feature .feature-box .icon-area .icon{align-self:center;}
.feature .feature-box .icon{width:70px;height:70px;margin-right:20px;text-align:center;line-height:70px;font-size:55px;border-radius:50%;position:relative;}
.feature .feature-box .icon i{background-image:linear-gradient(55deg,#ca3f0f 0%,#0e2c44 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.feature .feature-box .details{flex:1;}
.feature .feature-box .details .title{font-size:24px;line-height:34px;font-weight:600;color:#242424;margin:26px 0 19px;}
.feature .feature-box .details .text{font-size:16px;line-height:26px;margin-bottom:8px;}
.feature .feature-box .feature-circle{opacity:0;transition:all .3s ease-in;z-index:95;}
.feature .feature-box:hover .feature-circle{opacity:1;}
.feature .feature-box2 .feature-circle{position:absolute;right:-90px;top:80px;}
.feature .feature-box3 .feature-circle{position:absolute;right:-90px;top:-5px;}
.feature .feature-box4 .feature-circle{position:absolute;left:-120px;right:auto;top:110px;}
.feature .feature-box5 .feature-circle{position:absolute;left:-100px;top:80px;}
.feature .feature-box6 .feature-circle{position:absolute;left:-130px;top:50px;}
.pricing{padding:110px 0 120px;position:relative;}
.pricing .product-slider .item .single-product{background:0 0;text-align:center;}
.pricing .product-slider .item .single-product .img{text-align:center;background:0 0;padding:30px 30px 24px;position:relative;width:100%;height:100%;overflow:hidden;}
.pricing .product-slider .item .single-product .img .links{display:inline-block;position:absolute;top:101%;left:0;text-align:center;width:100%;height:100%;background:rgba(0,0,0,.5);transition:all .3s ease-in;opacity:0;}
.pricing .product-slider .item .single-product .content{padding:25px 27px;}
.pricing .product-slider .item .single-product .content .title{font-size:20px;line-height:30px;font-weight:600;margin-bottom:0;}
.pricing .product-slider .item .single-product:hover .img .links{top:0;opacity:1;}
.contact{padding:110px 0 90px;position:relative;}
.contact .info-box{background:#fff;margin-bottom:30px;padding:30px 30px 22px;position:relative;cursor:pointer;text-align:center;box-shadow:0 5px 25px rgba(0,0,0,.08);}
.contact .info-box .left{margin-bottom:25px;}
.contact .info-box .left .icon{font-size:30px;width:70px;height:70px;border-radius:50%;text-align:center;line-height:70px;display:inline-block;position:relative;}
.contact .info-box .left .icon::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px dashed #0250c5;animation:shapeani2 10s linear infinite;}
.contact .info-box .left .icon i{background-image:linear-gradient(55deg,#0250c5 0%,#0e2c44 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.contact .info-box .right{text-align:center;}
.contact .info-box .right .content p{margin-bottom:0;}
.contact .info-box:hover .left .icon::after{border:1px dashed #0e2c44;}
.contact .contact-form-wrapper{background:#fff;box-shadow:0 5px 25px rgba(0,0,0,.08);padding:40px 25px;transition:.3s ease-in;}
.contact .contact-form-wrapper #contact-form textarea{margin-bottom:9px;}
.contact .google_map_wrapper{padding:0!important;}
.contact .google_map_wrapper iframe{width:100%!important;height:405px!important;margin:0;padding:0;}
.compare-section{padding:90px 0;}
.compare-section .compare-table th,.compare-section .compare-table td{font-size:14px;vertical-align:middle;}
.compare-section .compare-table .price{font-size:24px;font-weight:700;background-image:linear-gradient(55deg,#0250c5 0%,#0e2c44 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.compare-section .compare-table thead .product-title{font-size:18px;line-height:28px;margin-bottom:0;color:#242424;}
.compare-section .compare-table thead .product-subtitle{font-size:14px;font-weight:400;color:#555;line-height:24px;margin-bottom:0;}
.compare-section .compare-table tbody th{width:150px;color:#242424;}
.compare-section .compare-table tfoot td{vertical-align:middle;}
.footer{overflow:hidden;position:relative;padding:30px 0 0;background:url(https://tamarello.hr/assets/images/foot.webp);background-repeat:no-repeat;background-size:cover;background-repeat:no-repeat;}
.footer .footer-info-area{text-align:center;}
.footer .footer-info-area .footer-logo{margin-bottom:23px;display:block;}
.footer .footer-info-area .footer-logo .logo-link{font-size:40px;line-height:50px;font-weight:700;text-transform:uppercase;}
.footer .footer-info-area .footer-logo img{max-width:180px;}
.footer .footer-info-area .text{margin-bottom:24px;}
.footer .fotter-social-links{text-align:center;margin-top:35px;}
.footer .fotter-social-links ul{padding-left:0;margin-left:0;}
.footer .fotter-social-links ul li{display:inline-block;}
.footer .fotter-social-links ul li a{font-size:14px;width:35px;height:35px;display:inline-block;border-radius:50%;text-align:center;line-height:36px;margin:0 3px;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.18);transition:all .3s ease-in;}
.footer .fotter-social-links ul li a.facebook{background:#0069f7;border-color:#0069f7;}
.footer .fotter-social-links ul li a.linkedin{background:#007bb5;border-color:#007bb5;}
.footer .copy-bg{padding:20px 0;border-top:1px solid rgba(0,0,0,.15);margin-top:84px;}
.footer .copy-bg p{font-size:16px;line-height:26px;margin-bottom:0;}
.footer .copy-bg a{font-size:16px;line-height:26px;margin-bottom:0;transition:.3s ease-in;}
.footer .copy-bg a:hover{color:#0250c5;}
.home7 .mybtn-bg{background:#ca3f0f;border-color:#ca3f0f;}
.home7 .mybtn-bg:hover span{color:#ca3f0f;}
.home7 .contact .contact-form-wrapper .mybtn3.mybtn-bg{margin-top:10px;}
.home7 .hero-area{position:relative;background:0 0;overflow:hidden;background:url(https://tamarello.hr/assets/images/hbg3.webp);background-repeat:no-repeat;background-attachment:fixed;background-position:center 0;}
.home7 .hero-area::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-image:linear-gradient(165deg,#000000 0%,#0e2c4400 100%);opacity:.9;}
.home7 .about .gap-30{row-gap:30px;}
.home7 .about{position:relative;}
.home7 .about .box{margin-bottom:0;height:100%;background:#fff;box-shadow:5px 5px 20px 0 rgba(0,0,0,.1);border-radius:30px 0 30px 0;}
.home7 .about .box .inner-box .icon i{background-image:linear-gradient(55deg,#ca3f0f 0%,#0e2c44 100%);}
.home7 .about .box::after{background-image:linear-gradient(55deg,#ca3f0f 0%,#0e2c44 100%);opacity:1;width:100%;height:0%;top:0;left:0;transition:all .3s ease-in;}
.home7 .about .box:hover{transform:translateY(0px)!important;}
.home7 .about .box:hover::after{height:100%;}
.home7 .about .box:hover .icon i{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.home7 .about .box:hover .title{color:#fff;}
.home7 .about .box:hover .text{color:#fff;}
.home7 .contact .info-box .left .icon i{background-image:linear-gradient(55deg,#ca3f0f 0%,#0e2c44 100%);}
.home7 .contact .info-box .left .icon::after{border:1px dashed #ca3f0f;animation:shapeani2 10s linear infinite;}
.home7 .footer .footer-info-area .text p,.home7 .footer .copy-bg p,.home7 .footer .copy-bg p a{color:#fff;}
.home7 .bottomtotop i{background-image:linear-gradient(55deg,#ca3f0f 0%,#0e2c44 100%);}
.home7 .compare-section .compare-table .price{background-image:linear-gradient(55deg,#ca3f0f 0%,#0e2c44 100%);}
.home7 .footer .copy-bg{position:relative;border-top:1px solid rgba(255,255,255,.15);}
.home7 .footer .footer-info-area .footer-logo img{max-width:170px;filter:brightness(0) invert(1);}
.home7 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,.home7 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before{background-image:linear-gradient(55deg,#ca3f0f 0%,#0e2c44 100%);}
.home7 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before{background-image:linear-gradient(55deg,#ca3f0f 0%,#0e2c44 100%);}
.home7 .footer{position:relative;background:url(https://tamarello.hr/assets/images/foot.webp);background-attachment:fixed;background-position-x:center;background-repeat:no-repeat;background-position-y:440px;background-size:cover;}
.home7 .footer::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-image:linear-gradient(140deg,#000000 20%,#0e2c4400 100%);opacity:.9;}
.home7 .pricing .mybtn-bg{top:50%;transform:translateY(-50%);}
:root{--background:linear-gradient(55deg, #ca3f0f 0%, #0e2c44 100%);--white-text:#fff;--hover-text:#fff;--button-background:#fff;--button-background-hover:#000;--button-text:#007af7;}
.cookie-container{display:flex;align-content:center;align-items:center;padding:1rem 2rem;background:var(--background);color:var(--white-text);position:fixed;bottom:0;font-size:1rem;gap:2rem;opacity:1;visibility:visible;flex-wrap:wrap;width:100%;}
.cookie-container a{color:var(--white-color);}
.cookie-text{color:var(--white-color);margin-bottom:0;}
.cookie-text a{text-decoration:underline;}
.cookie-container a:hover{color:var(--hover-text);}
.cookie-container .cookie-text{flex:8 768px;}
.cookie-container .agree{flex:1 150px;text-align:center;}
.agree button{background:var(--background);color:var(--white-text);border:none;padding:.4rem 1.2rem;cursor:pointer;border-radius:20px;font-size:1rem;}
.agree button:hover{background:var(--button-background-hover);color:var(--white-text);}
/*! CSS Used from: https://tamarello.hr/assets/css/responsive.css */
@media only screen and (max-width:1199px){
.footer .copy-bg{margin-top:0;}
.hero-area .left-content .content .title{font-size:48px;line-height:58px;}
.hero-area{padding:195px 0 272px;}
.feature .feature-box .feature-circle{display:none;}
.contact{padding:90px 0 100px;}
.whaybest .info .info-title,.section-title .title{font-size:34px;line-height:43px;}
.whaybest .about-img{padding:0;}
.feature .feature-box .details .title,.about .box .inner-box .title,.whaybest .feature-list li .content h4{font-size:20px;line-height:30px;}
}
@media only screen and (max-width:991px){
.col-lg-6{text-align:center!important;}
img{max-width:100%!important;}
.center-feature img{max-width:100%!important;}
.feature .left-feature .feature-box .icon{margin-left:0;}
.feature .right-feature .feature-box .icon{margin-right:0;}
.feature-box .details{text-align:center!important;}
.feature-box .icon-area{margin:0 auto;}
.right-feature .feature-box{text-align:center!important;flex-direction:column;}
.left-feature .feature-box{text-align:center!important;flex-direction:column-reverse;}
.footer .copy-bg{margin-top:0;}
.navigation .navbar{padding:5px 15px;}
.navigation .navbar #mainmenu ul li a{padding:10px!important;display:inline-block;}
.navbar #mainmenu ul li a.active::after{bottom:6px;}
.hero-area{padding:188px 0 123px;}
.center-feature{margin:5px 0 34px;}
.navigation .navbar .navbar-brand img{filter:unset;}
.navigation{background:#fff;}
.navigation .navbar #mainmenu ul .nav-item .nav-link{color:#242424;}
.navigation .navbar #mainmenu ul .nav-item .nav-link::before{background-image:-webkit-linear-gradient(35deg,#0250c5 0%,#0e2c44 100%);background-image:-o-linear-gradient(35deg,#0250c5 0%,#0e2c44 100%);background-image:linear-gradient(55deg,#0250c5 0%,#0e2c44 100%);}
.navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,.navigation .navbar #mainmenu ul .nav-item .nav-link.active::before{background-image:-webkit-linear-gradient(35deg,#0250c5 0%,#0e2c44 100%);background-image:-o-linear-gradient(35deg,#0250c5 0%,#0e2c44 100%);background-image:linear-gradient(55deg,#0250c5 0%,#0e2c44 100%);}
#mainmenu ul.navbar-nav{height:250px;overflow:auto;}
.about .box{margin-bottom:30px;}
.whaybest .about-img img{animation:unset;max-width:350px;display:inline-block;margin-bottom:42px;}
.center-feature img{max-width:350px;margin:14px 0;}
.feature .left-feature .feature-box .icon{margin-right:0;}
.whaybest .about-img{text-align:center;width:100%;padding:0;}
.whaybest{padding:120px 0 97px;}
.whaybest .feature-list{margin-top:50px;}
.whaybest .feature-list li{margin-bottom:22px;}
.whaybest .row-one{margin-bottom:77px;}
.feature .section-title{margin-bottom:54px;}
.feature{padding:100px 0 88px;}
.pricing .product-slider .item .single-product .img img{max-width:220px;}
.contact{padding:100px 0;}
.google_map_wrapper{margin-top:30px;}
}
@media only screen and (max-width:767px){
.footer .copy-bg{margin-top:0;}
.hero-area .left-content .content .title{font-size:54px;line-height:64px;}
.center-feature img,.whaybest .about-img img{max-width:100%;width:100%;}
}
@media only screen and (max-width:575px){
.hero-area .left-content .content .title{font-size:40px;line-height:50px;}
.section-title .title,.whaybest .info .info-title{font-size:30px;line-height:40px;}
.feature .feature-box .details .title,.pricing .product-slider .item .single-product .content .title{font-size:20px;line-height:30px;}
}
@media only screen and (max-width:500px){
.center-feature{padding:0 30px;}
}
@media only screen and (max-width:414px){
.col-lg-6{text-align:center!important;}
img{max-width:100%!important;}
.center-feature img{max-width:100%!important;}
.feature .left-feature .feature-box .icon{margin-left:0;}
.feature .right-feature .feature-box .icon{margin-right:0;}
.feature-box .details{text-align:center!important;}
.feature-box .icon-area{margin:0 auto;}
.right-feature .feature-box{text-align:center!important;flex-direction:column;}
.left-feature .feature-box{text-align:center!important;flex-direction:column-reverse;}
.whaybest .feature-list li{max-width:100%;flex:100%;}
.hero-area{padding:160px 0 94px;}
.hero-area .left-content .content .title{font-size:30px;line-height:42px;}
.section-title .title,.whaybest .info .info-title{font-size:25px;line-height:35px;}
.footer .fotter-social-links ul li a{font-size:16px;width:40px;height:40px;line-height:40px;}
.about .box .inner-box .icon{font-size:46px;}
}
@media only screen and (max-width:360px){
.center-feature{padding:0;}
}
/*! CSS Used keyframes */
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);opacity:0;}}
@keyframes shapeani3{0%{transform:translateY(15px);}50%{transform:translateY(-15px);}100%{transform:translateY(15px);}}
@keyframes shapeani2{from{transform:rotate(0);}to{transform:rotate(360deg);}}
/*! CSS Used fontfaces */
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(https://tamarello.hr/assets/fonts/fa-brands-400.eot);src:url(https://tamarello.hr/assets/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://tamarello.hr/assets/fonts/fa-brands-400.woff2) format("woff2"),url(https://tamarello.hr/assets/fonts/fa-brands-400.woff) format("woff"),url(https://tamarello.hr/assets/fonts/fa-brands-400.ttf) format("truetype"),url(https://tamarello.hr/assets/fonts/fa-brands-400.svg#fontawesome) format("svg");}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(https://tamarello.hr/assets/fonts/fa-regular-400.eot);src:url(https://tamarello.hr/assets/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://tamarello.hr/assets/fonts/fa-regular-400.woff2) format("woff2"),url(https://tamarello.hr/assets/fonts/fa-regular-400.woff) format("woff"),url(https://tamarello.hr/assets/fonts/fa-regular-400.ttf) format("truetype"),url(https://tamarello.hr/assets/fonts/fa-regular-400.svg#fontawesome) format("svg");}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(https://tamarello.hr/assets/fonts/fa-solid-900.eot);src:url(https://tamarello.hr/assets/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://tamarello.hr/assets/fonts/fa-solid-900.woff2) format("woff2"),url(https://tamarello.hr/assets/fonts/fa-solid-900.woff) format("woff"),url(https://tamarello.hr/assets/fonts/fa-solid-900.ttf) format("truetype"),url(https://tamarello.hr/assets/fonts/fa-solid-900.svg#fontawesome) format("svg");}
.cookie-container.hide {
	opacity: 0;
	visibility: hidden;
  display: none;
}