@charset "utf-8";
@charset "utf-8";
a,i,textarea{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}iframe,img,table{max-width:100%}table td,table th{vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,nav,pre,section{display:block}.space10,.space100,.space1000,.space20,.space200,.space30,.space300,.space40,.space400,.space50,.space500,.space60,.space70,.space90{float:left;clear:both;width:100%}.space10,.space100,.space1000,.space20,.space200,.space30,.space300,.space40,.space400,.space50,.space500,.space60,.space70,.space90,textarea{width:100%}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{background:0 0;border:0;margin:0;padding:0;vertical-align:baseline;outline:0}table,table td,table th,table tr{border:1px solid #eee}blockquote{quotes:none}blockquote:after,blockquote:before{content:'';content:none}ol,ul{margin:30px}ol li,ul li{margin-bottom:5px}img{vertical-align:middle;height: auto;}del{text-decoration:line-through}a,i{transition:all .3s ease;border:none}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:700;color:#333;margin-bottom:20px}h1{font-size:45px}h2{font-size:36px}h3{font-size:30px}h4{font-size:24px}h5{font-size:20px}h6,table th{font-size:16px}table{text-align:left;border-collapse:collapse;border-spacing:0;margin-bottom:15px;color:#999}table th{color:#333;background:0 0;font-weight:400;padding:15px 10px}table td{padding:10px}code,pre{padding:10px 10px 0;border-left:3px solid #6FBF71;border-bottom:1px solid transparent;background:#f7f7f7;}pre{word-break:break-all;word-wrap:break-word}pre code{white-space:pre-wrap}p{letter-spacing:1px}.space10{margin-bottom:10px}.space20{margin-bottom:20px}.space30{margin-bottom:30px}.space40{margin-bottom:40px}.space50{margin-bottom:50px}.space60{margin-bottom:60px}.space70{margin-bottom:70px}.space80{width:100%;float:left;clear:both;margin-bottom:80px}.space90{margin-bottom:90px}.space100{margin-bottom:100px}.space200{margin-bottom:200px}.space300{margin-bottom:300px}.space400{margin-bottom:400px}.space500{margin-bottom:500px}.space1000{margin-bottom:1000px}textarea{border-radius:0;font-size:13px;color:#333;resize:vertical;font-family:Raleway,Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;line-height:1.4;padding:10px!important;border:1px solid #eee;transition:all .3s ease}.uneditable-input,input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week]{border-radius:0;font-size:13px;color:#333;letter-spacing:.5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-family:Raleway,Arial,Helvetica,sans-serif;line-height:1.6;padding:10px!important;height:44px;vertical-align:middle;border:1px solid #eee;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.uneditable-input:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,textarea:focus{border-color:#ccc;background:#eee}input[type=submit]{padding:13px 15px;height:44px;line-height:1;text-transform:uppercase;font-size:13px;font-weight:600;text-decoration:none;letter-spacing:.5px;border:none;cursor:pointer;color:#FFF;background:#777;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}input[type=submit]:hover{background:#444}select{padding:8px;border:2px solid #eee}input[type=button]{cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.clearfix,.clearfix:after,.container{clear:both}.container,.row{height:auto}.container,.fn-col-12{width:100%}.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}.container{max-width:1250px;margin-left:auto;margin-right:auto;padding:0 40px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container.full{max-width:100%}.fn-sidebar,[class*=fn-col]{float:left;margin-right:4%}[class*=fn-col].float-right{float:right}.fn-col-12,.fn-sidebar.last,[class*=fn-col].last,[class*=fn-col].no-space{margin-right:0}.fn-col-9{width:74%}.fn-col-8{width:65.3333%}.fn-col-6{width:48%}.fn-col-4{width:30.6666%}.fn-col-3{width:22%}.fn-sidebar{width:30.6666%}.fn-col-9.no-space{width:78%}.fn-col-8.no-space{width:69.3333%}.fn-col-6.no-space{width:52%}.fn-col-4.no-space{width:34.6666%}.fn-col-3.no-space{width:26%}@media (max-width:1040px){.fn-sidebar{width:100%;clear:both;margin-right:0;padding:50px 0}.fn-col-8.fix{width:100%}.container{padding:0 20px}}@media (max-width:768px){.fn-col-12,.fn-col-3,.fn-col-4,.fn-col-6,.fn-col-8,.fn-col-9{width:100%}}@media (max-width:480px){.container{padding:0 10px}}@font-face {
font-family: 'fontello';
src: url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/font/fontello.eot?61999460);
src: url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/font/fontello.eot?61999460#iefix) format('embedded-opentype'),
url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/font/fontello.woff2?61999460) format('woff2'),
url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/font/fontello.woff?61999460) format('woff'),
url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/font/fontello.ttf?61999460) format('truetype'),
url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/font/fontello.svg?61999460#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="xcon-"]:before, [class*=" xcon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.xcon-dribbble-circled-1:before { content: '\e800'; } .xcon-dribbble-1:before { content: '\e801'; } .xcon-facebook-circled-1:before { content: '\e802'; } .xcon-facebook-1:before { content: '\e803'; } .xcon-flickr-circled-1:before { content: '\e804'; } .xcon-flickr-1:before { content: '\e805'; } .xcon-github-circled-1:before { content: '\e806'; } .xcon-github-1:before { content: '\e807'; } .xcon-lastfm-circled-1:before { content: '\e808'; } .xcon-lastfm-1:before { content: '\e809'; } .xcon-linkedin-circled-1:before { content: '\e80a'; } .xcon-linkedin-1:before { content: '\e80b'; } .xcon-pinterest-circled-1:before { content: '\e80c'; } .xcon-pinterest-1:before { content: '\e80d'; } .xcon-skype-outline:before { content: '\e80e'; } .xcon-skype-1:before { content: '\e80f'; } .xcon-tumbler-circled:before { content: '\e810'; } .xcon-tumbler:before { content: '\e811'; } .xcon-twitter-circled-1:before { content: '\e812'; } .xcon-twitter-1:before { content: '\e813'; } .xcon-vimeo-circled-1:before { content: '\e814'; } .xcon-vimeo-1:before { content: '\e815'; } .xcon-behance-1:before { content: '\e816'; } .xcon-blogger:before { content: '\e817'; } .xcon-delicious:before { content: '\e818'; } .xcon-cc:before { content: '\e819'; } .xcon-deviantart:before { content: '\e81a'; } .xcon-digg:before { content: '\e81b'; } .xcon-dribbble-3:before { content: '\e81c'; } .xcon-facebook-3:before { content: '\e81d'; } .xcon-flickr-2:before { content: '\e81e'; } .xcon-foursquare:before { content: '\e81f'; } .xcon-friendfeed:before { content: '\e820'; } .xcon-friendfeed-rect:before { content: '\e821'; } .xcon-github-3:before { content: '\e822'; } .xcon-github-text:before { content: '\e823'; } .xcon-googleplus:before { content: '\e824'; } .xcon-instagram-2:before { content: '\e825'; } .xcon-linkedin-3:before { content: '\e826'; } .xcon-path:before { content: '\e827'; } .xcon-picasa-1:before { content: '\e828'; } .xcon-pinterest-2:before { content: '\e829'; } .xcon-reddit:before { content: '\e82a'; } .xcon-skype-2:before { content: '\e82b'; } .xcon-slideshare:before { content: '\e82c'; } .xcon-stackoverflow:before { content: '\e82d'; } .xcon-stumbleupon-1:before { content: '\e82e'; } .xcon-twitter-3:before { content: '\e82f'; } .xcon-vimeo-2:before { content: '\e830'; } .xcon-tumblr-1:before { content: '\e831'; } .xcon-vkontakte-1:before { content: '\e832'; } .xcon-wordpress:before { content: '\e833'; } .xcon-youtube:before { content: '\e834'; } .xcon-music:before { content: '\e835'; } .xcon-mail:before { content: '\e836'; } .xcon-heart-empty:before { content: '\e837'; } .xcon-star:before { content: '\e838'; } .xcon-star-empty:before { content: '\e839'; } .xcon-star-half:before { content: '\e83a'; } .xcon-user:before { content: '\e83b'; } .xcon-camera:before { content: '\e83c'; } .xcon-video:before { content: '\e83d'; } .xcon-videocam:before { content: '\e83e'; } .xcon-th-large:before { content: '\e83f'; } .xcon-th-list:before { content: '\e840'; } .xcon-ok:before { content: '\e841'; } .xcon-cancel:before { content: '\e842'; } .xcon-lock:before { content: '\e843'; } .xcon-cog:before { content: '\e844'; } .xcon-location:before { content: '\e845'; } .xcon-folder:before { content: '\e846'; } .xcon-right-open:before { content: '\e847'; } .xcon-left-open:before { content: '\e848'; } .xcon-up-open:before { content: '\e849'; } .xcon-down-open:before { content: '\e84a'; } .xcon-down-big:before { content: '\e84b'; } .xcon-left-big:before { content: '\e84c'; } .xcon-right-big:before { content: '\e84d'; } .xcon-up-big:before { content: '\e84e'; } .xcon-window:before { content: '\e84f'; } .xcon-layout:before { content: '\e850'; } .xcon-alert:before { content: '\e851'; } .xcon-volume-up:before { content: '\e852'; } .xcon-android:before { content: '\e853'; } .xcon-github-circled-3:before { content: '\e854'; } .xcon-right-hand:before { content: '\e855'; } .xcon-icq:before { content: '\e856'; } .xcon-rocket:before { content: '\e857'; } .xcon-basket:before { content: '\e858'; } .xcon-info:before { content: '\e859'; } .xcon-dribbble-circled-2:before { content: '\f04f'; } .xcon-dribbble-2:before { content: '\f050'; } .xcon-facebook-circled-2:before { content: '\f051'; } .xcon-facebook-2:before { content: '\f052'; } .xcon-github-circled-alt:before { content: '\f053'; } .xcon-github-circled-2:before { content: '\f054'; } .xcon-github-2:before { content: '\f055'; } .xcon-github-circled-alt2:before { content: '\f056'; } .xcon-twitter-circled-2:before { content: '\f057'; } .xcon-twitter-2:before { content: '\f058'; } .xcon-gplus-circled-1:before { content: '\f059'; } .xcon-gplus-1:before { content: '\f05a'; } .xcon-linkedin-circled-2:before { content: '\f05b'; } .xcon-linkedin-2:before { content: '\f05c'; } .xcon-instagram-1:before { content: '\f05d'; } .xcon-instagram-circled:before { content: '\f05e'; } .xcon-soundcloud-1:before { content: '\f089'; } .xcon-soundcloud-circled:before { content: '\f08a'; } .xcon-mail-alt:before { content: '\f0e0'; } .xcon-star-half-alt:before { content: '\f123'; } .xcon-direction:before { content: '\f124'; } .xcon-help:before { content: '\f128'; } .xcon-windows:before { content: '\f17a'; } .xcon-vkontakte-2:before { content: '\f189'; } .xcon-slack:before { content: '\f198'; } .xcon-wechat:before { content: '\f1d7'; } .xcon-whatsapp:before { content: '\f232'; } .xcon-telegram:before { content: '\f2c6'; } .xcon-snowflake-o:before { content: '\f2dc'; } .xcon-github:before { content: '\f300'; } .xcon-github-circled:before { content: '\f301'; } .xcon-flickr:before { content: '\f303'; } .xcon-flickr-circled:before { content: '\f304'; } .xcon-vimeo:before { content: '\f306'; } .xcon-vimeo-circled:before { content: '\f307'; } .xcon-twitter:before { content: '\f309'; } .xcon-twitter-circled:before { content: '\f30a'; } .xcon-facebook:before { content: '\f30c'; } .xcon-facebook-circled:before { content: '\f30d'; } .xcon-facebook-squared:before { content: '\f30e'; } .xcon-gplus:before { content: '\f30f'; } .xcon-gplus-circled:before { content: '\f310'; } .xcon-pinterest:before { content: '\f312'; } .xcon-pinterest-circled:before { content: '\f313'; } .xcon-tumblr:before { content: '\f315'; } .xcon-tumblr-circled:before { content: '\f316'; } .xcon-linkedin:before { content: '\f318'; } .xcon-linkedin-circled:before { content: '\f319'; } .xcon-dribbble:before { content: '\f31b'; } .xcon-dribbble-circled:before { content: '\f31c'; } .xcon-stumbleupon:before { content: '\f31e'; } .xcon-stumbleupon-circled:before { content: '\f31f'; } .xcon-lastfm:before { content: '\f321'; } .xcon-lastfm-circled:before { content: '\f322'; } .xcon-rdio:before { content: '\f324'; } .xcon-rdio-circled:before { content: '\f325'; } .xcon-spotify:before { content: '\f327'; } .xcon-spotify-circled:before { content: '\f328'; } .xcon-qq:before { content: '\f32a'; } .xcon-instagram:before { content: '\f32d'; } .xcon-dropbox:before { content: '\f330'; } .xcon-evernote:before { content: '\f333'; } .xcon-flattr:before { content: '\f336'; } .xcon-skype:before { content: '\f339'; } .xcon-skype-circled:before { content: '\f33a'; } .xcon-renren:before { content: '\f33c'; } .xcon-sina-weibo:before { content: '\f33f'; } .xcon-paypal:before { content: '\f342'; } .xcon-picasa:before { content: '\f345'; } .xcon-soundcloud:before { content: '\f348'; } .xcon-mixi:before { content: '\f34b'; } .xcon-behance:before { content: '\f34e'; } .xcon-google-circles:before { content: '\f351'; } .xcon-vkontakte:before { content: '\f354'; } .xcon-smashing:before { content: '\f357'; }.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0}.justified-gallery>.entry-visible>img,.justified-gallery>.entry-visible>a>img{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px;background-color:#000;border-radius:6px}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}@font-face {
font-family: 'lg';
src: url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/lg/lg.eot?n1z373);
src: url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/lg/lg.eot?#iefixn1z373) format("embedded-opentype"), url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/lg/lg.woff?n1z373) format("woff"), url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/lg/lg.ttf?n1z373) format("truetype"), url(//jiskratomas.cz/wp-content/themes/arlo/framework/css/lg/lg.svg?n1z373#lg) format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 0px solid transparent;
margin-bottom: 5px;
position: relative;
}
.lg-outer .lg-thumb-item:before{
content: "";
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
background: rgba(0,0,0,.7);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #555;
}
.lg-outer .lg-thumb-item.active:before, .lg-outer .lg-thumb-item:hover:before {
background: rgba(0,0,0,0);
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 5;
position: relative;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(//jiskratomas.cz/wp-content/themes/arlo/framework/img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(//jiskratomas.cz/wp-content/themes/arlo/framework/img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(//jiskratomas.cz/wp-content/themes/arlo/framework/img/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(//jiskratomas.cz/wp-content/themes/arlo/framework/img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(//jiskratomas.cz/wp-content/themes/arlo/framework/img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #999;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(//jiskratomas.cz/wp-content/themes/arlo/framework/img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}a.woocommerce-privacy-policy-link{
text-decoration: none;
color: #d24e1a;
}
a.woocommerce-privacy-policy-link:hover{
color: #316397;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
color: #fff;
background-color: #316397;
font-weight: 300;
font-family: 'Rubik';
height: 40px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #fff;
background-color: #d24e1a;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
color: #fff;
background-color: #316397;
font-family: 'Rubik';
font-weight: 300;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
color: #fff;
background-color: #d24e1a;
}
thumbnail_container.woocommerce .star-rating{
height: 1.3em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
padding: .5em 1em 0;
}
.woocommerce ul.products li.product .original_img{
position: absolute;
left: 0;
top: 0;
background-color: #eee;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.woocommerce div.product form.cart .variations label{
font-weight: 400;
letter-spacing: 0px;
}
.woocommerce ul.products li.product a{
display: block;
text-decoration: none;
}
.woocommerce ul.products li.product a.overlay{
position: absolute;
width: 100%;
height: 100%;
display: block;
text-decoration: none;
top: 0px;
left: 0px;
z-index: 35;
}
.woocommerce ul.products li.product a > img{
opacity: 0;
}
.woocommerce ul.products li.product span.onsale{
font-size:11px;
right: auto;
text-transform:uppercase;
letter-spacing:1px;
z-index:50;
display:block;
color:#fff;
text-align:center;
position:absolute;
padding:5px 12px 5px 12px !important;
width:auto;
top:1em;
left:1em;
border:none;
line-height: 1;
min-height: auto;
min-width: auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.woocommerce span.onsale{
font-size:11px;
right: auto;
text-transform:uppercase;
letter-spacing:1px;
z-index:50;
display:block;
color:#fff;
text-align:center;
position:absolute;
padding:5px 12px 5px 12px !important;
width:auto;
top:1em;
left:1em;
border:none;
line-height: 1;
min-height: auto;
min-width: auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.cart-loading{
color:#fff;
position:absolute;
text-align:center;
top:50%;
margin-top:-25px;
left:50%;
margin-left:-25px;
width:50px;
height:50px;
background-color: #0e2424;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
display:none;
z-index:999;
}
.added-to-cart-check .cart-loading{
display:block;
}
.cart-loading i{
font-size:16px;
margin:0;
padding:0;
line-height:50px;
text-align:center;
}
.woocommerce ul.products > li .arlo_fn_cart_buttons {
width:auto;
margin:0px;
clear:both;
text-align:center;
position:absolute;
right:5px;
bottom:0px;
overflow:hidden;
height:45px;
z-index:45;
}
.woocommerce ul.products > li .arlo_fn_cart_buttons a.button{
width:40px;
height:40px;
line-height:40px;
margin: 0px;
padding:0px;
text-decoration: none;
position:relative;
bottom:-50px;
font-size: 17px;
background-color: #0e2424;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.woocommerce ul.products > li .thumbnail_container:hover .arlo_fn_cart_buttons a.button{
bottom:0px;
}
.woocommerce ul.products > li .arlo_fn_cart_buttons a.button:hover{
color: #fff;
}
.woocommerce ul.products > li .arlo_fn_cart_buttons a.button:after{
display: none;
}
.woocommerce ul.products > li .arlo_fn_cart_buttons .show_details_button{
margin-left:5px;
}
.woocommerce ul.products > li .arlo_fn_cart_buttons .added_to_cart{
display:none;
}
.thumbnail_container{
position:relative;
overflow: hidden;
}
.thumbnail_container .original_img{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 30;
}
.woocommerce ul.products li.product a img{
margin: 0;
}
.woocommerce ul.products > li .title_wrap{
padding:20px 0px;
text-align:left;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
font-size: 18px;
color: #14141c;
}
.woocommerce ul.products > li .title_wrap a h3,
.woocommerce ul.products > li .title_wrap a h2{
margin-bottom:2px;
letter-spacing:-0.25px;
font-size:18px;
font-weight:400;
}
.woocommerce ul.products > li .title_wrap a span.price{
color:#777;
font-size:14px;
letter-spacing:0px;
}
.woocommerce ul.products > li .arlo_fn_cart_buttons .add_to_cart_button{
border:none !important;
color:#fff !important;
}
.product-title{
height:70px;
text-align:left;
position:relative;
}
.woocommerce ul.products > li .title_wrap a span.price span.amount{
font-size:14px;
text-decoration:none;
position:relative;
}
.woocommerce ul.products > li .title_wrap a span.price del{display: inline-block;}
.woocommerce ul.products > li .title_wrap a span.price del span.amount{
font-weight:normal;
margin-right:3px;
}
.woocommerce ul.products > li .title_wrap a span.price del span.amount:after{
content:'-';
margin-left:5px;
font-weight:normal;
text-decoration:none;
}
.woocommerce ul.products > li .title_wrap a span.price ins{
text-decoration:none;
}
.woocommerce ul.products > li .title_wrap a span.price{
color:#777;
font-size:14px;
letter-spacing:0px;
}
.arlo_fn_wrap_sorting p.woocommerce-result-count{
color:#777;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
display:inline-block;
margin: 0;
line-height: 38px;
}
.arlo_fn_wrap_sorting form.woocommerce-ordering{
display:inline-block;
margin:0px 0px 0px 20px;
}
.arlo_fn_woo .arlo_fn_wrap_sorting{
margin-bottom:20px;
float: right;
width: 100%;
}
.arlo_fn_woo h1.page-title{
display:none;
}
.woocommerce-pagination{
width:auto;
float:left;
clear:both;
margin:10px 0px 20px 0px;
}
.woocommerce nav.woocommerce-pagination ul{
list-style-type:none;
padding:0px !important;
border: none;
}
.woocommerce-pagination{
margin: 0px;
}
.woocommerce nav.woocommerce-pagination{
width: 100%;
float: left;
clear: both;
text-align: left;
margin-bottom: 91px;
}
.arlo_fn_sidebar_page .arlo_fn_leftsidebar nav.woocommerce-pagination{
margin-bottom: 0px;
}
.arlo_fn_sidebar_page .arlo_fn_leftsidebar ul.products li.product{
width: 30.8% !important;
margin-right: 3.8% !important;
clear: none !important;
float: left !important;
}
.arlo_fn_sidebar_page .arlo_fn_leftsidebar ul.products li.product:nth-of-type(3n){
margin-right: 0px !important;
}
.woocommerce nav.woocommerce-pagination ul{
list-style-type: none;
margin: 0px;
margin-left: -3px;
}
.woocommerce nav.woocommerce-pagination ul li{
margin: 0px;
text-align: center;
border: none;
float: left;
margin-left: 3px;
display: block;
margin-bottom: 3px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
text-decoration: none;
letter-spacing: 0px;
color: #777;
background-color: #e9eff4;
display: block;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
font-weight: 600;
font-size: 14px;
padding: 0px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce nav.woocommerce-pagination ul li a{
color: #777;
background-color: #e9eff4;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
color: #fff;
background-color: #316397;
}
.woocommerce nav.woocommerce-pagination ul li.next a{
background-color: transparent;
width: auto;
margin-left: 12px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.arlo_fn_product_single{
width: 100%;
float: left;
clear: both;
margin-top: 70px;
}
.woocommerce .woocommerce-breadcrumb{
display: none;
}
.product_meta{
clear: both;
margin: 0px auto;
padding: 40px 20px;
margin-bottom: 50px;
width: 100%;
text-align: left;
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.single-product-summary-wrap{
width: 100%;
float: left;
background: transparent;
clear: both;
margin-bottom: 50px;
display: flex;
flex-direction: row;
}
.woocommerce div.product div.images{
width: 70%;
padding: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0;
}
.woocommerce div.product div.summary{
width: 30%;
padding: 100px 0;
padding-left: 3%;
margin: 0px;
background: transparent;
display: flex;
flex-direction: column;
justify-content: center;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce div.product .product_title{
font-size: 24px;
color: #14141c;
line-height: 1.2;
letter-spacing: -0.25px;
left: 0px;
}
.woocommerce-product-details__short-description p{
line-height: 1.7;
font-size: 14px;
letter-spacing: 0px;
color: #777;
margin-bottom: 40px;
}
.woocommerce div.product p.price{
margin-bottom: 40px;
}
.frenify_thumb_wrap{
width: 100%;
float: left;
text-align: center;
}
.frenify_thumb_wrap ul{
padding: 0;
list-style-type: none;
margin: 35px 0px 0px -5px;
}
.frenify_thumb_wrap ul li{
width: 105px;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 0px;
display: inline-block;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce-tabs.wc-tabs-wrapper{
width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.single_product_related_wrap{
width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tagged_as,
.posted_in,
.sku_wrapper{
font-size: 14px;
line-height: 1.7;
letter-spacing: 0px;
display: inline-block;
vertical-align: middle;
font-weight: 400;
text-transform: uppercase;
margin-right: 10px;
}
.sku_wrapper .sku{
font-weight: 600;
color: #777;
text-transform: none;
}
.tagged_as a,
.posted_in a{
text-decoration: none;
font-weight: 600;
text-transform: capitalize;
color: #777;
margin-left: 5px;
}
.tagged_as a:hover,
.posted_in a:hover{
color: #316397;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
margin: 0;
padding: 0;
margin-bottom: 40px;
text-align: left;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
padding: 0px 20px 0px 0px;
margin-left: 0px;
border: none;
background-color: transparent;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
color: #14141c;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 1;
display: block;
padding: 10px 0px;
border-bottom: 1px solid transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
color: #316397;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel p{
line-height: 1.7;
font-size: 14px;
letter-spacing: 0px;
color: #777;
margin-bottom: 20px;
}
.comment-reply-title{
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 20px;
display: block;
color: #14141c;
}
.comment-form-rating label{
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #777;
}
.woocommerce #review_form #respond p{
margin-bottom: 30px;
}
.woocommerce #review_form #respond p:last-child{
margin-bottom: 0;
}
p.comment-form-author label,
p.comment-form-email label,
p.comment-form-comment label{
display: block;
font-size: 14px;
letter-spacing: 0px;
line-height: 1.2;
color: #777;
margin-bottom: 10px;
}
p.comment-form-author span.required,
p.comment-form-email span.required,
p.comment-form-comment span.required{
color: #c10a28;
display: inline-block;
margin-left: 7px;
margin-top: -8px;
position: relative;
}
.woocommerce #review_form #respond textarea{
max-width: 600px;
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
height: auto;
}
p.comment-form-author input,
p.comment-form-email input{
width: 340px;
font-size: 15px;
padding: 0px 15px !important;
height: 44px;
line-height: 1;
color: #777;
background-color: #f5f5f5;
vertical-align: bottom;
border: 1px solid #e5e5e5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce #respond input#submit{
font-size: 14px;
padding: 1px 25px 0px 25px !important;
height: 44px;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
display: inline-block;
letter-spacing: .5px;
line-height: 1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.woocommerce div.product .woocommerce-tabs .panel{
margin-bottom: 120px;
}
.woocommerce div.product p.price{
color: #777;
font-size: 18px;
letter-spacing: 0px;
}
.woocommerce .quantity .qty{
width: 90px;
min-width: auto;
line-height: 1;
color: #000;
height: 40px;
padding: 0px 10px !important;
border: 1px solid #e5e5e5;
background-color: #f5f5f5;
}
.woocommerce div.product form.cart{
margin-bottom: 0;
}
.woocommerce div.product form.cart div.quantity{
margin-right: 10px;
margin-bottom: 10px;
}
.woocommerce div.product form.cart .button{
width: auto;
line-height: 1;
font-size: 14px;
font-weight: 500;
text-decoration: none;
display: inline-block;
letter-spacing: .5px;
height: 40px;
padding: 0px 20px !important;
color: #fff;
background-color: #316397;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: all .5s ease;
}
.woocommerce div.product form.cart .button:hover{
color: #fff;
background-color: #ad3110;
}
.woocommerce #reviews #comments ol.commentlist{
padding: 0px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
padding: 0px;
width: 40px;
height: 40px;
border: none;
top: 20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.woocommerce .woocommerce-product-rating .star-rating{
margin-right: 20px;
margin-bottom: 20px;
}
a.woocommerce-review-link{
display: inline-block;
text-decoration: none;
line-height: 1;
letter-spacing: .5px;
font-size: 14px;
color: #316397;
}
a.woocommerce-review-link:hover{
color: #d24e1a;
}
.woocommerce #reviews #comments ol.commentlist li{
border-bottom: 1px solid #eee;
padding:20px 0px;
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li:first-child{
border-top: 1px solid #eee;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.woocommerce #reviews #comments{
margin-bottom: 40px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
font-size: 14px;
}
.single_product_related_wrap h2{
font-size: 18px;
line-height: 1.2;
letter-spacing: 0px;
color: #14141c;
margin-bottom: 40px;
}
.woocommerce div.product form.cart .variations tr{
border: none;
}
.woocommerce div.product form.cart .variations td.label{
padding: 10px 20px 10px 0px;
line-height: 1;
vertical-align: middle;
}
.woocommerce div.product form.cart .reset_variations{
position: relative;
text-decoration: none;
color: #777;
}
.woocommerce div.product form.cart .woocommerce-variation-description p{
line-height: 1.7;
font-size: 14px;
letter-spacing: 0px;
color: #777;
margin-bottom: 5px;
}
.woocommerce div.product form.cart .variations{
margin-bottom: 20px;
}
.woocommerce .woocommerce-variation-price{
margin-bottom: 0;
}
.woocommerce-variation.single_variation{
display: none;
padding: 10px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 40px;
}
span.woocommerce-Price-amount.amount{
color: #777;
font-size: 18px;
letter-spacing: 0px;
}
.woocommerce table.shop_attributes{
border: none;
}
.woocommerce table.shop_attributes tr{
border: 1px solid #e5e5e5;
}
.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th{
border: 1px solid #e5e5e5;
padding: 15px 10px;
line-height: 1;
vertical-align: middle;
color: #777;
font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs .panel table.shop_attributes p{
padding: 0;
margin: 0;
}
.woocommerce .fn_cart-empty{
max-width: 650px;
padding: 100px 50px 70px 50px;
position: relative;
text-align: left;
border: 1px solid #e5e5e5;
background-color: #e9eff4;
margin-top: 75px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce .fn_cart-empty:after{
content: '';
width: 110px;
height: 110px;
display: inline-block;
line-height: 110px;
font-size: 60px;
top: 0px;
left: 55px;
margin-top: -55px;
color: #333;
position: absolute;
background-color: #e9eff4;
border: 1px solid #e5e5e5;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce .fn_cart-empty:before{
width: 40px;
height: 40px;
content: '';
left: 90px;
top: -22px;
position: absolute;
z-index: 22;
background-image: url(//jiskratomas.cz/wp-content/themes/arlo/framework/img/cart.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.woocommerce .fn_cart-empty span{
line-height: 1.7;
letter-spacing: 0px;
color: #777;
} 
.woocommerce .fn_cart-empty a.button{
display: inline-block;
text-decoration: none;
line-height: 1;
letter-spacing: 0px;
margin-left: 10px;
padding: 0;
background: none;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
height: auto;
color: #d24e1a;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.woocommerce .fn_cart-empty a.button:hover{
background-color: transparent;
}
.woocommerce a.remove{
background-color: #333;
color: transparent !important;
font-size: 14px;
padding: 0;
width: 20px;
height: 20px;
font-weight: 600;
position: relative;
}
.woocommerce a.remove:after{
content: '';
background-color: #fff;
width: 1px;
height: 9px;
position: absolute;
left: 9px;
left: 9.5px;
top: 6px;
transform: rotate(135deg);
border-radius: 3px;
}
.woocommerce a.remove:before{
content: '';
background-color: #fff;
width: 1px;
height: 9px;
position: absolute;
left: 9px;
left: 9.5px;
top: 6px;
transform: rotate(45deg);
border-radius: 3px;
}
.woocommerce a.remove:hover{
background-color: #000;
}
.woocommerce table.shop_table td.product-name a{
text-decoration: none;
line-height: 1;
letter-spacing: .5px;
font-size: 15px;
position: relative;
padding: 0;
background: none;
font-weight: 400;
color: #14141c;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.woocommerce table.shop_table td.product-name a:hover{
border-bottom-color: transparent;
}
.woocommerce-cart table.cart td.actions .coupon .input-text#coupon_code{
width: auto;
height: 40px;
border: 1px solid #e5e5e5;
background-color: #f5f5f5;
color: #000;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
padding: 20px;
box-shadow: 0 3px 4px rgba(0,0,0,0.1);
border: 1px solid #eee;
}
.woocommerce-cart table.cart td.actions input[type=submit]{
font-size: 14px;
padding: 1px 20px 0px 20px !important;
height: 44px;
text-transform: capitalize;
font-weight: 600;
text-decoration: none;
display: inline-block;
letter-spacing: .5px;
line-height: 1;
color: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.woocommerce table.shop_table td{
border: none;
}
.woocommerce table.shop_table tr,
.woocommerce table.shop_table{
border: 1px solid #e5e5e5;
border-collapse: collapse;
}
.woocommerce table.shop_table th{
border: none;
padding: 20px 12px;
}
.woocommerce table.shop_table td.product-remove{
border: none;
border-top: 1px solid #e5e5e5;
}
.woocommerce table.shop_table td{
padding: 20px 12px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{
width: 100%;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img{
max-height: 50px;
width: auto;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{
margin-top: 65px;
}
.woocommerce table.shop_table{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
display: inline-block;
font-size: 14px;
padding: 0px 20px;
height: 40px;
text-transform: capitalize;
font-weight: 500;
text-decoration: none;
letter-spacing: .5px;
line-height: 40px;
margin: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce-page .cart-collaterals .cart_totals h2{
font-size: 24px;
line-height: 1.3;
letter-spacing: 0px;
color: #777;
margin-bottom: 20px;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th{
border-top: 1px solid #e5e5e5;
}
.arlo_fn_woo_myaccount{
width: 100%;
float: left;
clear: both;
position: relative;
margin-bottom: 20px;
}
.arlo_fn_woo_myaccount > div{
width: 100%;
float: none;
clear: both;
position: relative;
z-index: 20;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.arlo_fn_woo_myaccount .inner{
width: 100%;
float: left;
clear: both;
background-color: #e9eff4;
border: 1px solid #e5e5e5;
box-sizing: border-box;
}
.arlo_fn_woo_myaccount .uneditable-input,
.arlo_fn_woo_myaccount textarea,
.arlo_fn_woo_myaccount input[type=number],
.arlo_fn_woo_myaccount input[type=email],
.arlo_fn_woo_myaccount input[type=url],
.arlo_fn_woo_myaccount input[type=search],
.arlo_fn_woo_myaccount input[type=tel],
.arlo_fn_woo_myaccount input[type=color],
.arlo_fn_woo_myaccount input[type=text],
.arlo_fn_woo_myaccount input[type=password],
.arlo_fn_woo_myaccount input[type=datetime],
.arlo_fn_woo_myaccount input[type=datetime-local],
.arlo_fn_woo_myaccount input[type=date],
.arlo_fn_woo_myaccount input[type=month],
.arlo_fn_woo_myaccount input[type=time],
.arlo_fn_woo_myaccount input[type=week]{
background-color: #f5f5f5;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
width: 30%;
border-right: 1px solid #e5e5e5;
padding: 50px 0px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce-account .woocommerce-MyAccount-content{
width: 70%;
padding: 60px 20px;
border-left: 1px solid #e5e5e5;
left: -1px;
position: relative;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce-account .woocommerce-MyAccount-navigation ul{
margin: 0;
list-style-type: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{
display: block;
padding: 0px 20px;
width: 100%;
margin: 10px 0px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce-account .woocommerce-MyAccount-navigation a{
padding: 5px 0px;
display: block;
text-decoration: none;
letter-spacing: .5px;
line-height: 1;
color: #777;
font-weight: 300;
font-family: 'Rubik';
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
color: #d24e1a;
}
.woocommerce-account .woocommerce-MyAccount-content p{
letter-spacing: 0px;
color: #777;
clear: none;
}
.woocommerce-account .woocommerce-MyAccount-content p a{
text-decoration: none;
line-height: 1.7;
letter-spacing: 0px;
position: relative;
font-weight: 500;
color: #d24e1a;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.woocommerce-account .woocommerce-MyAccount-content p a:hover{
color: #316397;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
border: 1px solid transparent;
clear: both;
margin: 10px 0px;
min-height: 35px;
background-color: #f5f5f5;
color: #777;
line-height: 1.7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.woocommerce-error{
border-color: #e5e5e5;
}
.woocommerce-info{
border-color: #e5e5e5;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
background-color: transparent;
}
h3#order_review_heading{
margin-bottom: 0px;
}
.woocommerce table.cart td.actions .coupon input[type="submit"]{height: 40px;}
.woocommerce-message a.button.wc-forward{
border: none;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
font-family: 'Rubik';
background-color: #316397;
color: #fff;
line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
.woocommerce-message a.button.wc-forward:hover{
color: #fff;
background-color: #ad3110;
}
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message{
margin: 10px;
}
.woocommerce-account .addresses .title h3{
font-size: 20px;
}
.woocommerce-account .addresses .title .edit{
text-decoration: none;
color: #777;
border-bottom: 1px solid #777;
}
.woocommerce-account .addresses .title .edit:hover{
border-bottom-color: transparent;
}
.woocommerce-account address{
line-height: 1.6;
font-size: 15px;
letter-spacing: 0px;
color: #777;
}
.woocommerce-Addresses{
margin-top: 40px;
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a{
text-decoration: none;
color: #777;
border-bottom: 1px solid #777;
padding-bottom: 1px;
display: inline-block;
}
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover{
border-bottom-color: transparent;
}
.woocommerce-account .woocommerce-error a,
.woocommerce-account .woocommerce-info a,
.woocommerce-account .woocommerce-message a{
text-decoration: none;
color: #777;
display: inline-block;
}
.woocommerce-account .woocommerce-info a{
color: #fff;
line-height: 40px;
padding-top: 0;
padding-bottom: 0;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
font-size: 14px;
border-radius: 3px;
}
.woocommerce-account .woocommerce-error a:hover,
.woocommerce-account .woocommerce-info a:hover,
.woocommerce-account .woocommerce-message a:hover{
border-bottom-color: transparent;
}
.woocommerce form .form-row{
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce form .form-row label{
font-size: 14px;
letter-spacing: 0px;
line-height: 1.2;
color: #777;
margin-bottom: 10px;
}
.woocommerce .arlo_fn_woo_myaccount form .form-row input.input-text,
.woocommerce .arlo_fn_woo_myaccount form .form-row textarea{
margin-bottom: 20px;
}
.woocommerce .arlo_fn_woo_myaccount form legend{
display: block;
font-size: 18px;
line-height: 1.3;
margin-bottom: 20px;
color: #777;
}
.woocommerce form.login{
padding: 0px;
border: none;
float: left;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.woocommerce-checkout-review-order input#place_order{
background-color: transparent;
border: 1px solid #ccc;
color: #555;
}
.woocommerce-checkout-review-order input#place_order:hover{
border-color: #000;
color: #000;
background-color: #f5f5f5;
}
.arlo_fn_woo_login{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_woo_login  form.login{margin: 0px;}
.arlo_fn_woo_login > div{
max-width: 650px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.arlo_fn_woo_login_inner{
width: 100%;
float: left;
position: relative;
background-color: #e9eff4;
border: 1px solid #e5e5e5;
text-align: center;
padding: 100px 50px 70px 50px;
margin-top: 55px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.arlo_fn_woo_login_inner p a{
display: inline-block;
text-decoration: none;
line-height: 1;
letter-spacing: 0px;
font-size: 14px;
position: relative;
padding: 0;
background: none;
font-weight: 600;
text-transform: uppercase;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.arlo_fn_woo_login_inner p a:hover{
border-bottom-color: transparent;
text-decoration: underline;
}
.arlo_fn_woo_login_inner > div p{
width: 50%;
float: left;
padding-right: 20px;
margin-bottom: 20px;
text-align: left;
color: #555;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.arlo_fn_woo_login_inner > div p:first-child{
width: 100%;
margin-bottom: 40px;
padding: 0;
}
.woocommerce-LostPassword.lost_password{
margin-top: 10px;
}
.woocommerce form.login .form-row{
width: 50%;
padding: 0;
margin: 0;
clear: none;
float: left;
text-align: left;
margin-bottom: 20px;
padding-right: 20px;
}
.woocommerce form.login input.button{
font-size: 14px;
padding: 1px 20px 0px 20px !important;
height: 44px;
text-transform: capitalize;
font-weight: 400;
text-decoration: none;
display: inline-block;
letter-spacing: .5px;
line-height: 1;
color: #fff;
background-color: #000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 1px 1px 3px rgba(235,16,16,0.3);
-moz-box-shadow: 1px 1px 3px rgba(235,16,16,0.3);
box-shadow: 1px 1px 3px rgba(235,16,16,0.3);
}
.arlo_fn_woo_login_inner:after{
content: '';
width: 110px;
height: 110px;
display: inline-block;
line-height: 110px;
font-size: 60px;
top: 0px;
left: 55px;
margin-top: -55px;
color: #333;
position: absolute;
background-color: #e9eff4;
border: 1px solid #e5e5e5;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.arlo_fn_woo_login_inner:before{
width: 40px;
height: 40px;
content: '';
left: 95px;
top: -22px;
position: absolute;
z-index: 22;
background-image: url(//jiskratomas.cz/wp-content/themes/arlo/framework/img/login.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.woocommerce form .form-row .required{
text-decoration: none;
}
.woocommerce #customer_details,
.woocommerce #order_review{
width: 100%;
float: left;
padding: 0;
margin: 50px 0px;
background-color: transparent;
border: none;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.woocommerce p.stars.selected a.active~a::before,
.woocommerce .star-rating::before,
.woocommerce p.stars a::before{
color: #aaa;
}
.woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a:not(.active)::before,
.woocommerce p.stars.selected a.active::before,
.woocommerce .star-rating span::before{
color: #316397;
}
h3#order_review_heading{
width: 100%;
float: left;
clear: both;
}
h3#order_review_heading,
.woocommerce-additional-fields h3,
.woocommerce-billing-fields h3{
font-size: 24px;
font-weight: 400;
color: #14141c;
line-height: 1.3;
}
.woocommerce form .form-row textarea{
min-height: 120px;
}
.arlo_fn_wrapper_all .woocommerce-billing-fields input[type="email"],
.arlo_fn_wrapper_all .woocommerce-additional-fields textarea,
.arlo_fn_wrapper_all .woocommerce-billing-fields input[type="tel"],
.arlo_fn_wrapper_all .woocommerce-billing-fields input[type="text"]{
background-color: transparent;
border-radius: 3px;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{padding: 0px;}
.woocommerce table.my_account_orders .button{
line-height: 40px;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
display: inline-block;
margin-right: 5px;
}
@media (max-width: 1200px){
.woocommerce div.product div.summary{padding-left: 0;padding-right: 0;}
.woocommerce div.product div.summary,
.woocommerce div.product div.images{width: 100%;clear: both;}
}
@media (max-width: 1040px){
.arlo_fn_product_single{margin-top: 20px;}
.product_meta,
.single_product_related_wrap,
.woocommerce-tabs.wc-tabs-wrapper{padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 768px){
.woocommerce form.woocommerce-checkout .form-row{
width: 100%;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
.arlo_fn_woo_login_inner > div p,
.woocommerce form.login .form-row{width: 100%;padding: 0;}
.woocommerce .product-remove{height: 30px;}
.woocommerce a.remove{float:right;}
.woocommerce-account .woocommerce-MyAccount-navigation{width: 100%;border: none;border-bottom: 1px solid #ccc;}
.woocommerce-account .woocommerce-MyAccount-content{width: 100%;border: none;}
.arlo_fn_woo_myaccount .inner{border: 1px solid #ccc;}
.frenify_thumb_wrap ul{margin-bottom: 35px;}
.woocommerce div.product div.summary{padding: 40px 20px;}
.woocommerce div.product .woocommerce-tabs .panel,
.product_meta,
.single-product-summary-wrap{margin-bottom: 50px;}
.woocommerce table.shop_table tr{margin-bottom: 20px;}
.woocommerce table.shop_table{border: none;}
}
@media (max-width: 550px){	
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{width: 100%;}
}
@media (max-width: 480px){
.frenify_thumb_wrap ul li{width: 50%;float: left;}
.woocommerce div.product div.summary{padding-left: 0;padding-right: 0;}
.frenify_thumb_wrap ul{margin-bottom: 0;margin-top: 0;}
.woocommerce #customer_details, .woocommerce #order_review{padding: 40px 20px;}
.arlo_fn_woo_login_inner,
.woocommerce .fn_cart-empty{padding: 100px 20px 50px 20px;}
.woocommerce-cart table.cart td.actions .coupon .input-text#coupon_code,
.woocommerce-cart table.cart td.actions .coupon input[type="submit"]{width: 100%;margin-bottom: 10px;}
.woocommerce-account .woocommerce-MyAccount-content p{width: 100%;padding: 0;}
.product_meta,
.single_product_related_wrap,
.woocommerce-tabs.wc-tabs-wrapper{padding-left: 10px;padding-right: 10px;padding-top: 25px;padding-bottom: 25px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width: 100%;}
.arlo_fn_woo .arlo_fn_wrap_sorting{margin-bottom: 30px;}
.arlo_fn_wrap_sorting p.woocommerce-result-count{width: 100%;clear: both;display: block;}
.arlo_fn_wrap_sorting form.woocommerce-ordering{float: left;margin-left: 0px;}
}
@media(max-width: 1300px) and (min-width: 1201px){
.arlo_fn_sidebar_page .arlo_fn_leftsidebar ul.products li.product{
width: 48.1% !important;
}
.arlo_fn_sidebar_page .arlo_fn_leftsidebar ul.products li.product:nth-of-type(3n){
margin-right: 3.8% !important;
}
.arlo_fn_sidebar_page .arlo_fn_leftsidebar ul.products li.product:nth-of-type(2n){
margin-right: 0px !important;
}
}
@media(max-width: 550px) and (min-width: 321px){
.arlo_fn_sidebar_page .arlo_fn_leftsidebar ul.products li.product{
width: 48.1% !important;
}
.arlo_fn_sidebar_page .arlo_fn_leftsidebar ul.products li.product:nth-of-type(3n){
margin-right: 3.8% !important;
}
.arlo_fn_sidebar_page .arlo_fn_leftsidebar ul.products li.product:nth-of-type(2n){
margin-right: 0px !important;
}
}
@media(max-width: 320px){
.arlo_fn_sidebar_page .arlo_fn_leftsidebar ul.products li.product{
width: 100% !important;
margin-right: 0% !important;
}
}
.select2-container--default .select2-selection--single{
background-color: #f5f5f5;
border-color: #e5e5e5;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
border-color: #e5e5e5;
border-radius: 3px;
height: 28px;
}
.select2-dropdown{
border-color: #e5e5e5;
}
.woocommerce div.product form.cart .group_table td{
padding-left: 1em;
padding-right: 1em;
}
.up-sells.upsells.products h2{
font-size: 18px;
line-height: 1.2;
letter-spacing: 0px;
margin-bottom: 40px;
}
.woocommerce del{
opacity: .4;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label a{
text-decoration: none;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
height: 40px;
line-height: 40px;
color: #777;
font-size: 14px;
padding-right: 46px;
}
.woocommerce .select2-results__option{
font-size: 14px;
}
.woocommerce .select2-container .select2-selection--single{
height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
height: 38px;
background: rgba(0, 0, 0, 0.05);
width: 38px;
border-left: 1px solid #e5e5e5;
}
.woocommerce div.product form.cart .group_table td{
padding-top: .5em;
padding-bottom: .5em;
vertical-align: middle;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
margin-right: 0px;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-right-width: 0px !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text#coupon_code{
margin-right: 0px;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important;
border-right-width: 0px !important;
}
.woocommerce-cart table.cart td.actions .coupon button{
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
font-weight: 500;
text-transform: capitalize;
padding: 0px 20px;
}
button.button[name="update_cart"]{
text-transform: capitalize;
font-weight: 500;
padding: 0px 20px !important;
line-height: 40px;
}
.woocommerce table.shop_table td.product-name a{
font-size: 16px;
}
.woocommerce table.shop_table td.product-name a:hover{
text-decoration: underline;
}
.woocommerce table.shop_table td.product-remove{
padding-left: 20px;
}
.privacy-policy .arlo_fn_all_pages,
.woocommerce-cart .arlo_fn_without_sidebar_page .inner{
margin-bottom: 70px;
}
.arlo_fn_cartbox.be_careful{
margin-left: 0;
left: auto;
right: 0;
}
.arlo_fn_cartbox.opened{
transform: translateY(20px);
opacity: 1;
visibility: visible;
}
.arlo_fn_cartbox{
width: 300px;
display: block;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
left: 0;
margin-left: -150px;
background-color: #fff;
border: 1px solid #f5f5f5;
border-right: 3px;
overflow: hidden;
box-shadow: 0px 3px 4px rgba(0,0,0,0.3);
z-index: 33;
transform: translateY(40px);
opacity: 0;
visibility: hidden;
transition: all .3s ease;
}
.arlo_fn_cartbox .fn_cartbox{
padding: 20px;
}
.arlo_fn_cartbox .fn_cartbox_subtotal,
.arlo_fn_cartbox .fn_cartbox_footer,
.arlo_fn_cartbox .fn_cartbox,
.arlo_fn_cartbox .fn_cartbox_item,
.arlo_fn_cartbox .fn_cartbox_top{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_cartbox .fn_cartbox_top{
border-bottom: 1px solid #eee;
max-height: 335px;
overflow-y: scroll;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
}
.arlo_fn_cartbox .fn_cartbox_top::-webkit-scrollbar{
display: none;
}
.arlo_fn_cartbox .fn_cartbox_top{
-ms-overflow-style: none;
}
.arlo_fn_cartbox .fn_cartbox_item{
margin-bottom: 20px;
position: relative;
}
.arlo_fn_cartbox .fn_cartbox_item_img{
float: left;
margin-right: 15px;
}
.arlo_fn_cartbox .fn_cartbox_item_img img{
max-width: 60px;
border-radius: 2px;
}
.arlo_fn_cartbox .fn_cartbox_item_img img.woocommerce-placeholder{
border: 1px solid #eee;
}
.arlo_fn_cartbox .fn_cartbox_item_title{
display: block;
font-size: 14px;
line-height: 20px;
margin: 0;
}
.fn_cartbox_list:after{
clear: both;
display: table;
content: '';
}
.arlo_fn_cartbox span.fn_cartbox_item_title{
margin-bottom: 5px;
}
.arlo_fn_cartbox div.fn_cartbox_item_title{
padding-right: 25px;
}
.arlo_fn_cartbox .fn_cartbox_item_title > span a{
text-decoration: none;
color: #ff4b36;
position: relative;
border-bottom: 1px solid transparent;
transition: all .3s ease;
font-family: 'Raleway';
font-weight: 500;
}
.arlo_fn_cartbox .fn_cartbox_item_title > span a:hover{
border-bottom-color: #ff4b36;
}
.arlo_fn_cartbox .fn_cartbox_item_price{
display: block;
font-size: 14px;
line-height: 20px;
color: #999;
}
.arlo_fn_cartbox .fn_cartbox_item_price span{
color: #999;
font-size: 14px;
}
.arlo_fn_cartbox .fn_cartbox_footer{
padding: 16px 0 0 0;
}
.arlo_fn_cartbox .fn_cartbox_subtotal span{
font-size: 14px;
color: #000;
font-weight: 600;
display: block;
float: left;
font-family: 'Raleway';
}
.arlo_fn_cartbox .fn_cartbox_subtotal .fn_right{
float: right;
}
.arlo_fn_cartbox .fn_cartbox_links a{
display: block;
height: 35px;
line-height: 35px;
padding: 0 5px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: none;
font-size: 14px;
font-family: 'Raleway';
color: #eee;
background: #000;
border-radius: 3px;
transition: all .3s ease;
}
.arlo_fn_cartbox .fn_cartbox_links a:hover{
background-color: #ff4b36;
color: #fff;
}
.arlo_fn_cartbox .fn_cartbox_links > span{
width: 100%;
display: block;
margin-bottom: 10px;
}
.arlo_fn_cartbox .fn_cartbox_links > span:last-child{
margin-bottom: 0;
}
.arlo_fn_cartbox .fn_cartbox_subtotal{
margin-bottom: 14px;
}
.arlo_fn_cartbox .fn_cartbox_delete_item{
width: 20px;
height: 20px;
top: 0;
right: 0;
position: absolute;
display: block;
background-color: #f2f2f2;
border-radius: 3px;
transition: all 300ms ease;
}
.arlo_fn_cartbox .fn_cartbox_delete_item:hover{
background-color: #000;
}
.arlo_fn_cartbox .fn_cartbox_delete_item:hover:before,
.arlo_fn_cartbox .fn_cartbox_delete_item:hover:after{
background-color: #fff;
}
.arlo_fn_cartbox .fn_cartbox_delete_item:after{
content: '';
background-color: #000;
width: 1px;
height: 9px;
position: absolute;
left: 9px;
top: 6px;
transform: rotate(45deg);
border-radius: 3px;
}
.arlo_fn_cartbox .fn_cartbox_delete_item:before{
content: '';
background-color: #000;
width: 1px;
height: 9px;
position: absolute;
left: 9px;
top: 6px;
transform: rotate(135deg);
border-radius: 3px;
}
.arlo_fn_cartbox .fn_cartbox_empty{
width: 100%;
float: left;
clear: both;
padding: 20px;
}
.arlo_fn_cartbox .fn_cartbox_updatebox{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,.9);
padding: 20px;
display: flex;
z-index: 11;
justify-content: center;
align-items: center;
}
.arlo_fn_cartbox .fn_cartbox_updatebox p,
.arlo_fn_cartbox .fn_cartbox_empty p{
font-size: 14px;
margin: 0;
padding: 0;
color: #999;
}
a.fn_cartbox_updater,
.arlo_fn_cartbox .fn_cartbox_empty a{
display: block;
height: 35px;
line-height: 35px;
padding: 0 5px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: none;
font-size: 14px;
font-family: 'Raleway';
color: #eee;
background: #000;
border-radius: 3px;
transition: all .3s ease;
margin-top: 9px;
text-transform: capitalize;
}
a.fn_cartbox_updater:hover,
.arlo_fn_cartbox .fn_cartbox_empty a:hover{
background-color: #ff4b36;
color: #fff;
}
.arlo_fn_hidden_info{
z-index: -5555 !important;
position: absolute !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
}
.woocommerce.widget_shopping_cart .buttons a{
line-height: 40px;
padding:  0 15px;
}body.rtl{
direction: rtl;
}.arlo_fn_nav_extra_button{
margin: 0;
padding: 0;
}
.arlo_fn_nav_extra_button a{
text-decoration: none;
height: 40px;
font-size: 14px;
color: #00ff96;
text-transform: uppercase;
font-family: 'Quicksand';
font-weight: 500;
border: 1px solid #00ff96;
background-color: rgba(0,255,150,0.2);
position: relative;
overflow: hidden;
display: block;
min-width: max-content;
min-width: intrinsic;
min-width: -moz-max-content;
min-width: -webkit-max-content;
}
.arlo_fn_nav_extra_button a:hover{  }
.arlo_fn_nav_extra_button span{
display: flex;
align-items: center;
height: 100%;
width: 100%;
transition: all .3s ease;
top: 0;
left: 0;
padding: 0 20px;
position: relative;
}
.arlo_fn_nav_extra_button a .a3{
opacity: 0;
}
.arlo_fn_nav_extra_button a .a2{
position: absolute;
transform: translateY(100%);
}
.arlo_fn_nav_extra_button a .a1{
position: absolute;
}
.arlo_fn_nav_extra_button a:hover .a2{
transform: translateY(0);
}
.arlo_fn_nav_extra_button a:hover .a1{
transform: translateY(-100%);
}  ul.nav__hor{
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
ul.nav__hor > li{
margin: 0;
padding: 0;
list-style-type: none;
margin-right: 40px;
position: relative;
}
ul.nav__hor > li:last-child{
margin-right: 0;
}
ul.nav__hor > li.middle_logo{
margin-left: 30px;
margin-right: 70px;
}
ul.nav__hor > li > a{
display: block;
line-height: 100px;
text-decoration: none;
color: #333;
font-family: 'Quicksand';
font-weight: 500;
position: relative;
}
ul.nav__hor > li.menu-item-has-children > a{
padding-right: 14px;
}
ul.nav__hor > li.menu-item-has-children > a:after{
content: '';
position: absolute;
top: 50%;
right: 0;
border: 4px solid transparent;
border-top-color: #333;
}
ul.nav__hor > li.opened > a,
ul.nav__hor > li > a:hover{
color: #000;
}
ul.nav__hor > li:hover .arlo_fn_smallsub{
opacity: 1;
visibility: visible;
transform: translateY(0px) scale(1);
}
.arlo_fn_smallsub{
transform: translateY(20px) scale(0.95);
width: 200px;
position: absolute;
left: -15px;
top: 100%;
z-index: 55;
background-color: #111;
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
}
.arlo_fn_smallsub ul{
margin: 0;
padding: 15px 0;
list-style-type: none;
}
.arlo_fn_smallsub ul li{
position: relative;
margin: 0;
padding: 0 15px;
margin-bottom: 5px;
}
.arlo_fn_smallsub ul li:last-child{
margin-bottom: 0;
}
.arlo_fn_smallsub ul li a{
display: block;
margin: 0;
padding: 0;
text-decoration: none;
color: #ccc;
font-family: 'Quicksand';
font-size: 16px;
font-weight: 500;
}
.arlo_fn_smallsub ul li:hover > a{
text-decoration: underline;
}
.arlo_fn_smallsub ul ul{
position: absolute;
width: 200px;
background-color: #111;
left: 100%;
top: 0;
transform: translateY(-15px);
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
}
.arlo_fn_smallsub ul li:hover > ul{
opacity: 1;
visibility: visible;
}
.arlo_fn_smallsub ul li.menu-item-has-children > a:after{
content: '';
position: absolute;
top: 50%;
margin-top: -4px;
right: 10px;
border: 4px solid transparent;
border-left-color: #ccc;
}
.arlo_fn_wrapper_all[data-submenu-skin="light"] .arlo_fn_moving_lang ul,
.arlo_fn_wrapper_all[data-submenu-skin="light"] .arlo_fn_smallsub ul ul,
.arlo_fn_wrapper_all[data-submenu-skin="light"] .arlo_fn_smallsub,
.arlo_fn_wrapper_all[data-submenu-skin="light"] .arlo_fn_megamenu{
background-color: #fff;
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.arlo_fn_wrapper_all[data-submenu-skin="light"] .arlo_fn_megamenu ul.arlo_fn_submenu > li a{
color: #666;
}
.arlo_fn_wrapper_all[data-submenu-skin="light"] .arlo_fn_moving_lang li span,
.arlo_fn_wrapper_all[data-submenu-skin="light"] .arlo_fn_moving_lang li a,
.arlo_fn_wrapper_all[data-submenu-skin="light"] .arlo_fn_smallsub ul li a,
.arlo_fn_wrapper_all[data-submenu-skin="light"] .arlo_fn_megamenu ul.arlo_fn_submenu > li > a{
color: #111;
}   body.open_search_popup .arlo_fn_searchpopup{
transform: translateY(0);
opacity: 1;
visibility: visible;
z-index: 55;
}
.arlo_fn_searchpopup{
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 3;
background-color: #111;
top: 0;
left: 0;
margin-top: 100px;
right: 0;
transform: translateY(-100%);
transition: all 500ms ease;
}
.arlo_fn_searchpopup .search_box{
position: relative;
}
.arlo_fn_searchpopup .search_box input[type="text"]::-webkit-input-placeholder { color: #ddd;
}
.arlo_fn_searchpopup .search_box input[type="text"]::-moz-placeholder { color: #ddd;
}
.arlo_fn_searchpopup .search_box input[type="text"]:-ms-input-placeholder { color: #ddd;
}
.arlo_fn_searchpopup .search_box input[type="text"]:-moz-placeholder { color: #ddd;
}
.arlo_fn_searchpopup .search_box input[type="text"]{
width: 100%;
min-width: 100%;
padding: 0 50px 0 0 !important;
height: 100px;
line-height: 100px;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline-color: transparent !important;
font-family: 'Open Sans';
color: #eee;
font-size: 30px;
}
.arlo_fn_searchpopup .search_box input[type="submit"]{
width: 38px !important;
height: 100px !important;
top: 0;
padding: 0 !important;
margin: 0 !important;
cursor: pointer;
background-color: transparent !important;
position: absolute;
right: -8px;
z-index: 10;
}
.arlo_fn_searchpopup .search_box a{
display: block;
width: 38px !important;
height: 100px !important;
top: 0;
padding: 0 !important;
margin: 0 !important;
cursor: pointer;
background-color: transparent !important;
position: absolute;
right: -8px;
z-index: 5;
color: #ccc;
}
.arlo_fn_searchpopup .search_box .arlo_fn_svg{
width: 22px;
height: 22px;
left: 50%;
top: 50%;
margin: -11px 0 0 -11px;
position: absolute;
}
.arlo_fn_searchpopup .search_box:after{
height: 2px;
left: -8px;
right: -8px;
background-color: rgba(255,255,255,.1);
position: absolute;
content: '';
bottom: 0;
}
.arlo_fn_searchpopup .search_box:before{
height: 2px;
left: 50%;
right: 50%;
background-color: rgba(255,255,255,.3);
position: absolute;
content: '';
bottom: 0;
transition: all 300ms ease;
}
.arlo_fn_searchpopup.focused .search_box:before{
right: -8px;
left: -8px;
}
.arlo_fn_searchpopup .search_inner{
position: relative;
width: 100%;
padding: 100px 0;
}
.arlo_fn_searchpopup .search_closer{
cursor: pointer;
position: absolute;
display: block;
height: 20px;
line-height: 20px;
right: 50px;
z-index: 5;
top: 50px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #ccc;
font-family: 'Quicksand', sans-serif;
letter-spacing: 0;
font-size: 14px;
transition: all 300ms ease;
}
.arlo_fn_searchpopup .search_closer:hover{
color: #fff;
}
.arlo_fn_searchpopup .search_closer.closed .s_btn,
.arlo_fn_searchpopup .search_closer:hover .s_btn{
background-color: #ff4b36;
}
.arlo_fn_searchpopup .search_closer .s_text{
position: relative;
display: block;
padding-left: 7px;
padding-right: 27px;
}
.arlo_fn_searchpopup .search_closer .s_btn{
width: 20px;
height: 20px;
top: 0;
right: 0;
position: absolute;
display: block;
background-color: #282828;
border-radius: 3px;
transition: all 300ms ease;
}
.arlo_fn_searchpopup .search_closer .s_btn:after{
content: '';
background-color: #fff;
width: 1px;
height: 9px;
position: absolute;
left: 9px;
top: 6px;
transform: rotate(45deg);
border-radius: 3px;
}
.arlo_fn_searchpopup .search_closer .s_btn:before{
content: '';
background-color: #fff;
width: 1px;
height: 9px;
position: absolute;
left: 9px;
top: 6px;
transform: rotate(135deg);
border-radius: 3px;
}   .arlo_fn_megasub{
display: none;
}
.arlo_fn_megamenu{
position: absolute;
left: 0;
right: 0;
top: 100%;
background-color: #111;
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
transform: translateY(20px) scale(0.95);
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
padding: 54px 0;
z-index: 33;
}
.arlo_fn_megamenu.opened{
opacity: 1;
visibility: visible;
transform: translateY(0px) scale(1);
}
.arlo_fn_megamenu .contained{
width: 100%;
max-width: 1250px;
padding: 0 40px;
margin: 0 auto;
}
.arlo_fn_megamenu ul.arlo_fn_submenu{
padding: 0;
margin: 0;
list-style-type: none;
margin-left: -40px;
}
.arlo_fn_megamenu ul.arlo_fn_submenu > li{
width: 25%;
margin: 0;
padding: 0;
float: left;
padding-left: 40px;
}
.arlo_fn_megamenu ul.arlo_fn_submenu > li a{
font-weight: 500;
font-size: 16px;
font-family: 'Quicksand';
color: #666;
text-decoration: none;
}
.arlo_fn_megamenu ul.arlo_fn_submenu > li > a{
font-weight: 600;
color: #ccc;
}
.arlo_fn_megamenu ul.arlo_fn_submenu > li a:hover{
text-decoration: underline;
}
.arlo_fn_megamenu ul.arlo_fn_grandchild-menu{
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 17px;
}
.arlo_fn_megamenu[data-cols="col3"] ul.arlo_fn_submenu > li{
width: 33.3333%;
}
.arlo_fn_megamenu[data-cols="col5"] ul.arlo_fn_submenu > li{
width: 20%;
}   .arlo_fn_buy_nav a.buy_icon,
.arlo_fn_search_nav a{
display: block;
position: absolute;
width: 34px;
height: 34px;
top: 50%;
left: 50%;
margin: -17px 0 0 -17px;
text-decoration: none;
}
.arlo_fn_buy_nav a.buy_icon span{
display: block;
width: 20px;
height: 20px;
position: absolute;
top: -5px;
right: -9px;
background: #f2f2f2;
color: #333339;
text-align: center;
border-radius: 100%;
font-size: 10px;
font-weight: 500;
letter-spacing: 0;
line-height: 20px;
overflow: hidden;
border: 1px solid #e2e2e2;
}
.arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_search_nav a .arlo_fn_svg{
width: 18px;
height: 18px;
position: absolute;
color: #333;
top: 50%;
left: 50%;
margin: -9px 0 0 -9px;
}
.arlo_fn_buy_nav,
.arlo_fn_search_nav{
width: 18px;
height: 18px;
display: block;
position: relative;
}
.arlo_fn_search_nav{
margin-right: 29px;
}   .full .container{
padding: 0;
max-width: 100% !important;
width: 100%;
margin: 0 auto;
} .arlo_fn_one_line{
width: 100%;
float: left;
clear: both;
background-color: #fff;
position: relative;
z-index: 66;
}
.arlo_fn_one_line.full{
padding: 0 50px;
}
.arlo_fn_one_line:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: #eee;
}
.fn_logo img{
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-o-user-select: none;
-moz-user-select: none;
max-width: 250px;
max-height: 90px;
}
.arlo_fn_one_line .fn_logo a{
display: block;
}
.arlo_fn_one_line[data-line="disabled"]:after{
display: none;
}
@media(max-width: 1270px){
.arlo_fn_one_line.full{
max-width: 1250px;
padding: 0 40px;
}
}
@media(max-width: 1040px){
.arlo_fn_one_line{display: none;}
} .arlo_fn_hamburger{
position: relative;
cursor: pointer;
width: 30px;
height: 30px;
}
.arlo_fn_one_line .hamburger{
height: 16px;
position: absolute;
left: 50%;
top: 50%;
margin: -7px 0 0 -15px;
}
.arlo_fn_one_line .hamburger.hamburger--collapse-r,
.arlo_fn_one_line .hamburger.hamburger--collapse{
margin-top: -8px;
}
.arlo_fn_one_line .hamburger .hamburger-inner::before,
.arlo_fn_one_line .hamburger .hamburger-inner::after,
.arlo_fn_one_line .hamburger .hamburger-inner{
background-color: #333;
}
[data-height="one"] .hamburger-inner,
[data-height="one"] .hamburger-inner::before,
[data-height="one"] .hamburger-inner::after{
height: 1px;
}
.arlo_fn_hamburger[data-bg="color"]{
width: 50px;
height: 50px;
}
.arlo_fn_hamburger[data-bg="color"][data-round="circle"]{border-radius: 100%;}
.arlo_fn_hamburger[data-bg="color"][data-round="rounded"]{border-radius: 3px;} .fn_hamburger{
width: 30px;
height: 16px;
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -15px;
transition: all 300ms ease;
}
.fn_hamburger > span{
display: block;
position: absolute;
padding: 0;
margin: 0;
transition: all 300ms ease;
overflow: hidden;
width: 30px;
height: 2px;
left: 0;
top: 0;
}
.fn_hamburger > span:after,
.fn_hamburger > span:before{
content: '';
position: absolute;
background-color: #333;
width: 0;
height: 2px;
top: 0;
transition: all 300ms ease;
}
.fn_hamburger span.a{top: 0px;}
.fn_hamburger span.b{top: 7px;}
.fn_hamburger span.c{top: 14px;}
.arlo_fn_hamburger .fn_hamburger.is-active,
.hamburger{
opacity: 0;
}
.arlo_fn_hamburger[data-layout="1"] .hamburger{
opacity: 1;
}
.arlo_fn_hamburger .hamburger.is-active{
opacity: 1;
}
.arlo_fn_hamburger[data-height="one"] .fn_hamburger > span:after,
.arlo_fn_hamburger[data-height="one"] .fn_hamburger > span:before{
height: 1px;
}
.arlo_fn_hamburger[data-layout="2"] .fn_hamburger span.a:after{left: 0;width: 30px;}
.arlo_fn_hamburger[data-layout="2"] .fn_hamburger span.b:after{width: 30px;left: 0;}
.arlo_fn_hamburger[data-layout="2"] .fn_hamburger span.c:after{width: 20px;left: 0;}
.arlo_fn_hamburger[data-layout="2"]:hover .fn_hamburger span.a:after{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="2"]:hover .fn_hamburger span.c:after{width: 30px;}
.arlo_fn_hamburger[data-layout="3"] .fn_hamburger span.a:after{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="3"] .fn_hamburger span.b:after{width: 30px;left: 0;}
.arlo_fn_hamburger[data-layout="3"] .fn_hamburger span.c:after{width: 20px;left: 0;}
.arlo_fn_hamburger[data-layout="3"]:hover .fn_hamburger span.a:after{left: 0;}
.arlo_fn_hamburger[data-layout="3"]:hover .fn_hamburger span.c:after{left: 10px;}
.arlo_fn_hamburger[data-layout="4"] .fn_hamburger span.a:after{width: 20px;left: 0px;}
.arlo_fn_hamburger[data-layout="4"] .fn_hamburger span.b:after{width: 30px;left: 0;}
.arlo_fn_hamburger[data-layout="4"] .fn_hamburger span.c:after{width: 20px;left: 0;}
.arlo_fn_hamburger[data-layout="4"]:hover .fn_hamburger span.a:after{left: 10px;}
.arlo_fn_hamburger[data-layout="4"]:hover .fn_hamburger span.b:after{width: 20px;}
.arlo_fn_hamburger[data-layout="4"]:hover .fn_hamburger span.c:after{left: 10px;}
.arlo_fn_hamburger[data-layout="5"] .fn_hamburger span.a:after{width: 20px;left: 5px;}
.arlo_fn_hamburger[data-layout="5"] .fn_hamburger span.b:after{width: 30px;left: 0;}
.arlo_fn_hamburger[data-layout="5"] .fn_hamburger span.c:after{width: 20px;left: 5px;}
.arlo_fn_hamburger[data-layout="5"]:hover .fn_hamburger span.a:after{left: 0px;width: 30px;}
.arlo_fn_hamburger[data-layout="5"]:hover .fn_hamburger span.b:after{width: 20px;left: 5px;}
.arlo_fn_hamburger[data-layout="5"]:hover .fn_hamburger span.c:after{left: 0px;width: 30px;}
.arlo_fn_hamburger[data-layout="6"] .fn_hamburger span.a:after{width: 30px;left: 0px;}
.arlo_fn_hamburger[data-layout="6"] .fn_hamburger span.b:after{width: 20px;left: 0;}
.arlo_fn_hamburger[data-layout="6"] .fn_hamburger span.c:after{width: 30px;left: 0px;}
.arlo_fn_hamburger[data-layout="6"]:hover .fn_hamburger span.a:after{left: 10px;width: 20px;}
.arlo_fn_hamburger[data-layout="6"]:hover .fn_hamburger span.b:after{width: 30px;left: 0px;}
.arlo_fn_hamburger[data-layout="6"]:hover .fn_hamburger span.c:after{left: 10px;width: 20px;}
.arlo_fn_hamburger[data-layout="7"] .fn_hamburger span.a:after{width: 30px;left: 0px;}
.arlo_fn_hamburger[data-layout="7"] .fn_hamburger span.b:after{width: 20px;left: 5px;}
.arlo_fn_hamburger[data-layout="7"] .fn_hamburger span.c:after{width: 30px;left: 0px;}
.arlo_fn_hamburger[data-layout="7"]:hover .fn_hamburger span.a:after{left: 5px;width: 20px;}
.arlo_fn_hamburger[data-layout="7"]:hover .fn_hamburger span.b:after{width: 30px;left: 0px;}
.arlo_fn_hamburger[data-layout="7"]:hover .fn_hamburger span.c:after{left: 5px;width: 20px;}
.arlo_fn_hamburger[data-layout="8"] .fn_hamburger span.a:after{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="8"] .fn_hamburger span.b:after{width: 30px;left: 0px;}
.arlo_fn_hamburger[data-layout="8"] .fn_hamburger span.c:after{width: 30px;left: 0px;}
.arlo_fn_hamburger[data-layout="8"]:hover .fn_hamburger span.a:after{left: 0px;width: 30px;}
.arlo_fn_hamburger[data-layout="8"]:hover .fn_hamburger span.b:after{width: 30px;left: 0px;}
.arlo_fn_hamburger[data-layout="8"]:hover .fn_hamburger span.c:after{left: 0px;width: 20px;}
.arlo_fn_hamburger[data-layout="9"] .fn_hamburger span.a:after{width: 7px;left: 0px;}
.arlo_fn_hamburger[data-layout="9"] .fn_hamburger span.a:before{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="9"] .fn_hamburger span.b:after{width: 15px;left: 0px;}
.arlo_fn_hamburger[data-layout="9"] .fn_hamburger span.b:before{width: 15px;left: 15px;}
.arlo_fn_hamburger[data-layout="9"] .fn_hamburger span.c:after{width: 20px;left: 0px;}
.arlo_fn_hamburger[data-layout="9"] .fn_hamburger span.c:before{width: 7px;left: 23px;}
.arlo_fn_hamburger[data-layout="9"]:hover .fn_hamburger span.a:after{width: 20px;}
.arlo_fn_hamburger[data-layout="9"]:hover .fn_hamburger span.a:before{width: 7px;left: 23px;}
.arlo_fn_hamburger[data-layout="9"]:hover .fn_hamburger span.b:after{width: 15px;}
.arlo_fn_hamburger[data-layout="9"]:hover .fn_hamburger span.b:before{width: 12px;left: 18px;}
.arlo_fn_hamburger[data-layout="9"]:hover .fn_hamburger span.c:after{width: 7px;}
.arlo_fn_hamburger[data-layout="9"]:hover .fn_hamburger span.c:before{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="10"] .fn_hamburger span.a:after{width: 7px;left: 0px;}
.arlo_fn_hamburger[data-layout="10"] .fn_hamburger span.a:before{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="10"] .fn_hamburger span.c:after{width: 15px;left: 0px;}
.arlo_fn_hamburger[data-layout="10"] .fn_hamburger span.c:before{width: 15px;left: 15px;}
.arlo_fn_hamburger[data-layout="10"] .fn_hamburger span.b:after{width: 20px;left: 0px;}
.arlo_fn_hamburger[data-layout="10"] .fn_hamburger span.b:before{width: 7px;left: 23px;}
.arlo_fn_hamburger[data-layout="10"]:hover .fn_hamburger span.a:after{width: 20px;}
.arlo_fn_hamburger[data-layout="10"]:hover .fn_hamburger span.a:before{width: 7px;left: 23px;}
.arlo_fn_hamburger[data-layout="10"]:hover .fn_hamburger span.c:after{width: 15px;}
.arlo_fn_hamburger[data-layout="10"]:hover .fn_hamburger span.c:before{width: 12px;left: 18px;}
.arlo_fn_hamburger[data-layout="10"]:hover .fn_hamburger span.b:after{width: 7px;}
.arlo_fn_hamburger[data-layout="10"]:hover .fn_hamburger span.b:before{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="11"] .fn_hamburger span.a:after{width: 20px;left: 0px;}
.arlo_fn_hamburger[data-layout="11"] .fn_hamburger span.a:before{width: 7px;left: 23px;}
.arlo_fn_hamburger[data-layout="11"] .fn_hamburger span.c:after{width: 20px;left: 0px;}
.arlo_fn_hamburger[data-layout="11"] .fn_hamburger span.c:before{width: 7px;left: 23px;}
.arlo_fn_hamburger[data-layout="11"] .fn_hamburger span.b:after{width: 7px;left: 0px;}
.arlo_fn_hamburger[data-layout="11"] .fn_hamburger span.b:before{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="11"]:hover .fn_hamburger span.a:after{width: 7px;}
.arlo_fn_hamburger[data-layout="11"]:hover .fn_hamburger span.a:before{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="11"]:hover .fn_hamburger span.c:after{width: 7px;}
.arlo_fn_hamburger[data-layout="11"]:hover .fn_hamburger span.c:before{width: 20px;left: 10px;}
.arlo_fn_hamburger[data-layout="11"]:hover .fn_hamburger span.b:after{width: 20px;}
.arlo_fn_hamburger[data-layout="11"]:hover .fn_hamburger span.b:before{width: 7px;left: 23px;}   .arlo_fn_two_lines{
width: 100%;
float: left;
clear: both;
position: relative;
z-index: 5;
}
.arlo_fn_two_lines .one_line_in{
width: 100%;
display: flex;
flex-direction: row;
min-height: 100px;
justify-content: space-between;
position: relative;
}
.arlo_fn_two_lines .tt_center_item,
.arlo_fn_two_lines .tt_center,
.arlo_fn_two_lines .tt_right,
.arlo_fn_two_lines .tt_right_item,
.arlo_fn_two_lines .tt_left_item,
.arlo_fn_two_lines .tt_left{
display: flex;
flex-direction: row;
align-items: center;
}
.arlo_fn_two_lines .tt_center_item,
.arlo_fn_two_lines .tt_left_item{margin-right: 30px;}
.arlo_fn_two_lines .tt_center_item:last-child,
.arlo_fn_two_lines .tt_left_item:last-child{margin-right: 0;}
.arlo_fn_two_lines .tt_right_item{margin-left: 30px;}
.arlo_fn_two_lines .tt_right_item:first-child{margin-left: 0;}
.arlo_fn_two_lines .tt_right{margin-left: 30px;}
.arlo_fn_two_lines .tt_left{margin-right: 30px;}
.arlo_fn_two_lines .tt_right{
justify-content: flex-end;
}
.arlo_fn_two_lines .one_line_in .fn_logo{margin-left: 0;}
.arlo_fn_two_lines .tt_right,
.arlo_fn_two_lines .tt_left{ }
.arlo_fn_two_lines.full .second_top,
.arlo_fn_two_lines.full .second_bottom{
padding: 0 50px;
}
.arlo_fn_two_lines .second_top{
width: 100%;
float: left;
clear: both;
position: relative;
background-color: #956597;
}
.arlo_fn_two_lines .second_bottom{
width: 100%;
float: left;
clear: both;
position: relative;
background-color: #fff;
z-index: 2;
}
.arlo_fn_two_lines[data-line="disabled"] .second_bottom:after{display: none;}
.arlo_fn_two_lines .second_bottom:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: #eee;
}
.arlo_fn_two_lines .second_top_in{
width: 100%;
display: flex;
margin: 0;
flex-direction: row;
min-height: 40px;
justify-content: space-between;
position: relative;
}
.arlo_fn_two_lines .second_info{
padding-right: 40px;
position: relative;
}
.arlo_fn_two_lines .tt_right{
justify-content: flex-end;
}
.arlo_fn_two_lines .second_info:last-child{
padding-right: 0;
}
.arlo_fn_two_lines .second_info:last-child:after{
display: none;
}
.arlo_fn_two_lines .second_info:after{
position: absolute;
content: '';
top: 0;
bottom: 0;
background-color: rgba(255,255,255,.4);
right: 20px;
width: 1px;
}
.arlo_fn_two_lines .second_info a{
display: block;
text-decoration: none;
color: #fff;
letter-spacing: 0;
font-size: 14px;
font-family: 'Quicksand';
line-height: 20px;
}
.arlo_fn_two_lines .second_info a:hover{
text-decoration: underline;
}
.arlo_fn_two_lines .second_bottom_in{
width: 100%;
display: flex;
margin: 0;
flex-direction: row;
min-height: 40px;
justify-content: space-between;
position: relative;
}
.arlo_fn_two_lines .arlo_fn_custom_lang_switcher span.click,
.arlo_fn_two_lines .arlo_fn_custom_lang_switcher > a,
.arlo_fn_two_lines .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_two_lines .arlo_fn_search_nav a .arlo_fn_svg{
color: #fff;
}
.arlo_fn_two_lines .arlo_fn_social_list{
margin-top: 3px;
}
.arlo_fn_two_lines .hamburger{
height: 16px;
position: absolute;
left: 50%;
top: 50%;
margin: -7px 0 0 -15px;
} .arlo_fn_two_lines[data-info-pos="left"][data-helper-pos="left"] .st_right{margin-left: 0;}
.arlo_fn_two_lines[data-info-pos="right"][data-helper-pos="left"] .st_right{margin-left: 0;margin-right: 30px;}
.arlo_fn_two_lines[data-info-pos="right"][data-helper-pos="left"] .second_top_in{flex-direction: row-reverse;}
.arlo_fn_two_lines[data-info-pos="right"][data-helper-pos="left"] .st_left{margin-right: 0;margin-left: auto;}
.arlo_fn_two_lines[data-info-pos="right"][data-helper-pos="right"] .second_top_in{justify-content: flex-end;}
.arlo_fn_two_lines[data-info-pos="right"][data-helper-pos="right"] .st_right{margin-left: 0;}
.arlo_fn_two_lines[data-trigger-pos="after_logo"] .sb_left{flex-direction: row-reverse;}
.arlo_fn_two_lines[data-trigger-pos="after_logo"] .sb_right{flex-direction: row-reverse;}
.arlo_fn_two_lines[data-trigger-pos="after_logo"] .arlo_fn_hamburger{margin-right: 0;margin-left: 30px;}
.arlo_fn_two_lines[data-logo-pos="left_alone"] .arlo_fn_hamburger{margin-right: 0;margin-left: 0;}
.arlo_fn_two_lines[data-logo-pos="right_alone"] .arlo_fn_hamburger{margin-right: 0;margin-left: 0;}
.arlo_fn_two_lines[data-logo-pos="right_alone"] .sb_right{justify-content: flex-end;}
.arlo_fn_two_lines[data-logo-pos="left_alone"] .sb_right{justify-content: flex-end;}
.arlo_fn_two_lines[data-menu-pos="left"] ul.nav__hor{justify-content: flex-start;}
.arlo_fn_two_lines[data-menu-pos="right"] ul.nav__hor{justify-content: flex-end;}
.arlo_fn_two_lines[data-menu-pos="right"] .sb_left,
.arlo_fn_two_lines[data-menu-pos="right"] .sb_right,
.arlo_fn_two_lines[data-menu-pos="left"] .sb_left,
.arlo_fn_two_lines[data-menu-pos="left"] .sb_right{width: auto;min-width: auto;}
body.open_search_popup .arlo_fn_two_lines[data-topbar-menu-pos="topbar_top"] .second_bottom{opacity: 0;}
@media(max-width: 1270px){
.arlo_fn_two_lines.full .second_top,
.arlo_fn_two_lines.full .second_bottom{
max-width: 1250px;
padding: 0 40px;
}
}
@media(max-width: 1040px){
.arlo_fn_two_lines{display: none;}
}   .arlo_fn_one_line .one_line_in{
width: 100%;
display: flex;
flex-direction: row;
min-height: 100px;
justify-content: space-between;
position: relative;
}
.arlo_fn_one_line .tt_center_item,
.arlo_fn_one_line .tt_center,
.arlo_fn_one_line .tt_right,
.arlo_fn_one_line .tt_right_item,
.arlo_fn_one_line .tt_left_item,
.arlo_fn_one_line .tt_left{
display: flex;
flex-direction: row;
align-items: center;
}
.arlo_fn_one_line .tt_center_item,
.arlo_fn_one_line .tt_left_item{margin-right: 30px;}
.arlo_fn_one_line .tt_center_item:last-child,
.arlo_fn_one_line .tt_left_item:last-child{margin-right: 0;}
.arlo_fn_one_line .tt_right_item{margin-left: 30px;}
.arlo_fn_one_line .tt_right_item:first-child{margin-left: 0;}
.arlo_fn_one_line .tt_right{margin-left: 30px;}
.arlo_fn_one_line .tt_left{margin-right: 30px;}
.arlo_fn_one_line .tt_right{
justify-content: flex-end;
}
.arlo_fn_one_line .one_line_in .fn_logo{margin-left: 0;}
.arlo_fn_one_line .tt_right,
.arlo_fn_one_line .tt_left{ }
.arlo_fn_one_line .tt_right *:last-child{
margin-right: 0;
}   .arlo_fn_three_lines{
width: 100%;
float: left;
clear: both;
position: relative;
z-index: 5;
}
.arlo_fn_three_lines .hamburger{
height: 16px;
position: absolute;
left: 50%;
top: 50%;
margin: -7px 0 0 -15px;
}
.arlo_fn_three_lines.full .third_top,
.arlo_fn_three_lines.full .third_middle,
.arlo_fn_three_lines.full .third_bottom{
padding: 0 50px;
}
.arlo_fn_three_lines .third_top{
width: 100%;
float: left;
clear: both;
background-color: #956597;
position: relative;
}
.arlo_fn_three_lines .third_middle{
width: 100%;
float: left;
clear: both;
position: relative;
background-color: #fff;
z-index: 1;
}
.arlo_fn_three_lines[data-line="disabled"] .third_bottom:after{display: none;}
.arlo_fn_three_lines[data-line="disabled"] .third_middle:after{display: none;}
.arlo_fn_three_lines .third_middle:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: #eee;
}
.arlo_fn_three_lines .third_bottom{
width: 100%;
float: left;
clear: both;
position: relative;
background-color: #fff;
z-index: 2;
}
.arlo_fn_three_lines .third_bottom:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: #eee;
}
.arlo_fn_three_lines .third_bottom_in{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
min-height: 100px;
justify-content: space-between;
position: relative;
}
.arlo_fn_three_lines .third_middle_in{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
min-height: 100px;
justify-content: space-between;
position: relative;
}
.arlo_fn_three_lines .third_top_in{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
min-height: 40px;
justify-content: space-between;
position: relative;
padding: 5px 0;
}
.arlo_fn_three_lines .tt_center,
.arlo_fn_three_lines .tt_center_item,
.arlo_fn_three_lines .tt_right,
.arlo_fn_three_lines .tt_right_item,
.arlo_fn_three_lines .tt_left_item,
.arlo_fn_three_lines .tt_left{
display: flex;
flex-direction: row;
align-items: center;
}
.arlo_fn_three_lines .tt_center{
opacity: 0;
}
.arlo_fn_three_lines .fn_opacity .tt_center{
opacity: 1;
}
.arlo_fn_three_lines .tt_center_item,
.arlo_fn_three_lines .tt_left_item{margin-right: 30px;}
.arlo_fn_three_lines .tt_center_item:last-child,
.arlo_fn_three_lines .tt_left_item:last-child{margin-right: 0;}
.arlo_fn_three_lines .tt_right_item{margin-left: 30px;}
.arlo_fn_three_lines .tt_right_item:first-child{margin-left: 0;}
.arlo_fn_three_lines .tt_right{margin-left: 30px;}
.arlo_fn_three_lines .tt_left{margin-right: 30px;}
.arlo_fn_three_lines .third_info{
padding-right: 40px;
position: relative;
}
.arlo_fn_three_lines .tt_right{
justify-content: flex-end;
}
.arlo_fn_three_lines .third_info:last-child{
padding-right: 0;
}
.arlo_fn_three_lines .third_info:last-child:after{
display: none;
}
.arlo_fn_three_lines .third_info:after{
position: absolute;
content: '';
top: 0;
bottom: 0;
background-color: rgba(255,255,255,.4);
right: 20px;
width: 1px;
}
.arlo_fn_three_lines .third_info a{
display: block;
text-decoration: none;
color: #fff;
letter-spacing: 0;
font-size: 14px;
font-family: 'Quicksand';
line-height: 20px;
}
.arlo_fn_three_lines .third_info a:hover{
text-decoration: underline;
}
@media(max-width: 1040px){
.arlo_fn_three_lines{display: none;}
}
.arlo_fn_triggermenu[data-animation="alpha"]{ }
body.admin-bar .arlo_fn_triggermenu{
top: 32px;
}
.arlo_fn_triggermenu.opened{
opacity: 1;
visibility: visible;
transform: translateX(0) translateZ(0);
}
.arlo_fn_triggermenu{
opacity: 0;
visibility: hidden;
transform: translateX(-100%) translateZ(0);
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 999999;
transition: all .7s ease;
background-color: #080812;
}
.arlo_fn_triggermenu .menu_full{
width: 100%;
height: 100%;
position: relative;
display: flex;
}
.arlo_fn_triggermenu .menu_wrapper{
width: 100%;
max-width: 800px;
margin: 0 auto;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 95px 0;
}
.arlo_fn_triggermenu .menu_in{
width: 100%;
height: 100%;
}
.arlo_fn_triggermenu .trigger_closer{
position: absolute;
right: 30px;
top: 30px;
cursor: pointer;
line-height: 20px;
height: 20px;
margin: 0;
padding: 0;
display: block;
z-index: 5;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #ccc;
font-family: 'Quicksand', sans-serif;
letter-spacing: 0;
font-size: 14px;
transition: all 300ms ease;
}
.arlo_fn_triggermenu .trigger_closer:hover{
color: #fff;
}
.arlo_fn_triggermenu .trigger_closer .text{
font-size: 16px;
position: relative;
display: block;
padding-left: 7px;
padding-right: 27px;
}
.arlo_fn_triggermenu .trigger_closer:hover .icon{
background-color: #ff4b36;
}
.arlo_fn_triggermenu .trigger_closer .icon{
width: 20px;
height: 20px;
top: 0;
right: 0;
position: absolute;
display: block;
background-color: #282828;
border-radius: 3px;
transition: all 300ms ease;
}
.arlo_fn_triggermenu .trigger_closer .icon:after{
content: '';
background-color: #fff;
width: 1px;
height: 9px;
position: absolute;
left: 9px;
top: 6px;
transform: rotate(45deg);
border-radius: 3px;
}
.arlo_fn_triggermenu .trigger_closer .icon:before{
content: '';
background-color: #fff;
width: 1px;
height: 9px;
position: absolute;
left: 9px;
top: 6px;
transform: rotate(135deg);
border-radius: 3px;
}
.arlo_fn_triggermenu ul.nav__ver{
margin: 0;
padding: 0;
list-style-type: none;
}
.arlo_fn_triggermenu ul.nav__ver > li{
margin: 0;
padding: 0;
width: 100%;
position: relative;
display: flex;
flex-direction: column;
margin-bottom: 40px;
}
.arlo_fn_triggermenu ul.nav__ver > li:last-child{
margin-bottom: 0;
}
.arlo_fn_triggermenu ul.nav__ver > li > a{
font-size: 90px;
text-decoration: none;
font-family: 'Poppins';
font-weight: 400;
line-height: 0.8;
text-transform: uppercase;
position: relative;
display: flex;
color: #fff;
transform: translateZ(0);
}
.arlo_fn_triggermenu .fn_menu_description{
display: block !important;
order: -1;
font-size: 14px;
font-family: 'Roboto';
position: relative;
margin-bottom: 11px;
color: #999;
transition: all .4s ease;
transform: translateZ(0);
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.arlo_fn_triggermenu ul.nav__ver > li > a .fn_menu_counter{
display: block;
margin: 0;
font-size: 16px;
font-family: 'Roboto';
position: absolute;
bottom: 100%;
left: 100%;
margin-bottom: -2px;
margin-left: 10px;
line-height: 1;
transition: all .4s ease;
}
.arlo_fn_triggermenu ul.nav__ver > li > a .fn_btn{
display: block;
position: relative;
overflow: hidden;
}
.arlo_fn_triggermenu ul.nav__ver > li > a .fn_btnn{
position: relative;
display: block;
float: left;
}
.arlo_fn_triggermenu ul.nav__ver > li > a .fn_btn span.fn_a3{
opacity: 0;
}
.arlo_fn_triggermenu ul.nav__ver > li > a .fn_btn .fn_a3,
.arlo_fn_triggermenu ul.nav__ver > li > a .fn_btn .fn_a2,
.arlo_fn_triggermenu ul.nav__ver > li > a .fn_btn .fn_a1{
display: block;
transition: all .4s ease;
top: 0;
left: 0;
position: relative;
transform: translateZ(0);
}
.arlo_fn_triggermenu ul.nav__ver > li > a .fn_btn span.fn_a1{
position: absolute;
}
.arlo_fn_triggermenu ul.nav__ver > li > a .fn_btn span.fn_a2{
transform: translateY(100%) translateZ(0);
position: absolute;
opacity: 0;
}
.arlo_fn_triggermenu ul.nav__ver > li.hovered > a .fn_btn span.fn_a2,
.arlo_fn_triggermenu ul.nav__ver > li:hover > a .fn_btn span.fn_a2{
transform: translateY(0) translateZ(0);
opacity: 1;
}
.arlo_fn_triggermenu ul.nav__ver > li.hovered > a .fn_btn span.fn_a1,
.arlo_fn_triggermenu ul.nav__ver > li:hover > a .fn_btn span.fn_a1{
transform: translateY(100%) translateZ(0);
opacity: 0;
}
.arlo_fn_triggermenu ul.nav__ver > li.hovered > a .fn_menu_counter,
.arlo_fn_triggermenu ul.nav__ver > li:hover > a .fn_menu_counter{
opacity: 0;
margin-left: 20px;
transform: scale(0.4) translateZ(0);
}
.arlo_fn_triggermenu .fn_desc{
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
overflow: hidden;
width: 0;
transition: all .4s ease;
z-index: 5;
}
.arlo_fn_triggermenu .fn_desc_wrap{
position: relative;
display: inline-block;
line-height: 21px;
}
.arlo_fn_triggermenu .fn_v_desc{
position: relative;
z-index: 1;
transition: all .4s ease;
line-height: 21px;
}
.arlo_fn_triggermenu .fn_desc span{
min-width: max-content;
min-width: intrinsic;
min-width: -moz-max-content;
min-width: -webkit-max-content;
display: block;
position: absolute;
top: 0;
left: 0;
color: #c400ce;
line-height: 21px;
}
.arlo_fn_triggermenu ul.nav__ver > li.hovered .fn_v_desc,
.arlo_fn_triggermenu ul.nav__ver > li:hover .fn_v_desc{
opacity: 0;
}
.arlo_fn_triggermenu ul.nav__ver > li.hovered .fn_desc,
.arlo_fn_triggermenu ul.nav__ver > li:hover .fn_desc{
transition: all .4s .4s ease;
width: 100%;
} .arlo_fn_triggermenu[data-menu-stroke="stroke_stroke"] ul.nav__ver > li > a .fn_btn span.fn_a2,
.arlo_fn_triggermenu[data-menu-stroke="stroke_stroke"] ul.nav__ver > li > a .fn_btn span.fn_a1,
.arlo_fn_triggermenu[data-menu-stroke="color_stroke"] ul.nav__ver > li > a .fn_btn span.fn_a2,
.arlo_fn_triggermenu[data-menu-stroke="stroke_color"] ul.nav__ver > li > a .fn_btn span.fn_a1{
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
}
.arlo_fn_triggermenu[data-menu-stroke="color_stroke"] ul.nav__ver > li > a .fn_menu_counter,
.arlo_fn_triggermenu[data-menu-stroke="stroke_stroke"] ul.nav__ver > li > a .fn_menu_counter,
.arlo_fn_triggermenu[data-menu-stroke="stroke_color"] ul.nav__ver > li > a .fn_menu_counter{
-webkit-text-stroke-width: 0;
-webkit-text-stroke-color: transparent;
} .arlo_fn_triggermenu[data-col-align="center"] .menu_wrapper{justify-content: center;}
.arlo_fn_triggermenu[data-col-align="bottom"] .menu_wrapper{justify-content: flex-end;align-items: flex-end;} .arlo_fn_triggermenu[data-row-align="center"] .menu_wrapper{align-items: center;}
.arlo_fn_triggermenu[data-row-align="right"] .menu_wrapper{align-items: flex-end;}
.arlo_fn_triggermenu[data-row-align="right"] ul.nav__ver > li.hovered > a .fn_menu_counter,
.arlo_fn_triggermenu[data-row-align="right"] ul.nav__ver > li:hover > a .fn_menu_counter{
margin-left: auto;
margin-right: 20px;
} .arlo_fn_triggermenu[data-text-align="center"] .menu_wrapper{text-align: center;}
.arlo_fn_triggermenu[data-text-align="center"]  ul.nav__ver > li > a .fn_btnn{margin: 0 auto;}
.arlo_fn_triggermenu[data-text-align="right"]  ul.nav__ver > li > a .fn_btnn{margin: 0 0 0 auto;}
.arlo_fn_triggermenu[data-text-align="right"] .menu_wrapper{text-align: right;}
.arlo_fn_triggermenu[data-text-align="right"] ul.nav__ver > li > a .fn_menu_counter{
left: auto;
right: 100%;
margin-left: auto;
margin-right: 10px;
}
.arlo_fn_triggermenu[data-text-align="right"] ul.nav__ver > li.hovered > a .fn_menu_counter,
.arlo_fn_triggermenu[data-text-align="right"] ul.nav__ver > li:hover > a .fn_menu_counter{
margin-left: auto;
margin-right: 20px;
} .arlo_fn_triggermenu[data-desc-pos="bottom"] .fn_menu_description{
order: 2;
margin-bottom: 0;
margin-top: 11px;
} .arlo_fn_triggermenu[data-text-animation="top_bottom"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a1,
.arlo_fn_triggermenu[data-text-animation="top_bottom"] ul.nav__ver > li:hover > a .fn_btn span.fn_a1{transform: translateY(-100%) translateZ(0);}
.arlo_fn_triggermenu[data-text-animation="bottom_top"] ul.nav__ver > li > a .fn_btn span.fn_a2{transform: translateY(-100%) translateZ(0);}
.arlo_fn_triggermenu[data-text-animation="bottom_top"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a2,
.arlo_fn_triggermenu[data-text-animation="bottom_top"] ul.nav__ver > li:hover > a .fn_btn span.fn_a2{transform: translateY(0) translateZ(0);}
.arlo_fn_triggermenu[data-text-animation="top_top"] ul.nav__ver > li > a .fn_btn span.fn_a2{transform: translateY(-100%) translateZ(0);}
.arlo_fn_triggermenu[data-text-animation="top_top"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a2,
.arlo_fn_triggermenu[data-text-animation="top_top"] ul.nav__ver > li:hover > a .fn_btn span.fn_a2{transform: translateY(0) translateZ(0);}
.arlo_fn_triggermenu[data-text-animation="top_top"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a1,
.arlo_fn_triggermenu[data-text-animation="top_top"] ul.nav__ver > li:hover > a .fn_btn span.fn_a1{transform: translateY(-100%) translateZ(0);}
.arlo_fn_triggermenu[data-text-animation="leave_left"] ul.nav__ver > li > a .fn_btn span.fn_a1{
transition: all .3s .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_left"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a1,
.arlo_fn_triggermenu[data-text-animation="leave_left"] ul.nav__ver > li:hover > a .fn_btn span.fn_a1{
opacity: 0;
transform: translateY(0) translateZ(0);
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_left"] ul.nav__ver > li > a .fn_btn span.fn_a2{
width: 0;
opacity: 1 !important;
transform: translateY(0) translateZ(0);
overflow: hidden;
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_left"] ul.nav__ver > li > a .fn_btn span.fn_a2 span{
min-width: max-content;
min-width: intrinsic;
min-width: -moz-max-content;
min-width: -webkit-max-content;
display: block;
}
.arlo_fn_triggermenu[data-text-animation="leave_left"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a2,
.arlo_fn_triggermenu[data-text-animation="leave_left"] ul.nav__ver > li:hover > a .fn_btn span.fn_a2{
width: 100%;
transition: all .3s .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_right"] ul.nav__ver > li > a .fn_btn span.fn_a1{
transition: all .3s .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_right"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a1,
.arlo_fn_triggermenu[data-text-animation="leave_right"] ul.nav__ver > li:hover > a .fn_btn span.fn_a1{
opacity: 0;
transform: translateY(0) translateZ(0);
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_right"] ul.nav__ver > li > a .fn_btn span.fn_a2{
width: 0;
left: auto;
right: 0;
opacity: 1 !important;
transform: translateY(0) translateZ(0);
overflow: hidden;
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_right"] ul.nav__ver > li > a .fn_btn span.fn_a2 span{
min-width: max-content;
min-width: intrinsic;
min-width: -moz-max-content;
min-width: -webkit-max-content;
display: block;
transform: translateX(-100%) translateZ(0);
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_right"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a2 span,
.arlo_fn_triggermenu[data-text-animation="leave_right"] ul.nav__ver > li:hover > a .fn_btn span.fn_a2 span{
transform: translateX(0) translateZ(0);
transition: all .3s .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_right"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a2,
.arlo_fn_triggermenu[data-text-animation="leave_right"] ul.nav__ver > li:hover > a .fn_btn span.fn_a2{
width: 100%;
transition: all .3s .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_top"] ul.nav__ver > li > a .fn_btn span.fn_a1{
transition: all .3s .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_top"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a1,
.arlo_fn_triggermenu[data-text-animation="leave_top"] ul.nav__ver > li:hover > a .fn_btn span.fn_a1{
opacity: 0;
transform: translateY(0) translateZ(0);
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_top"] ul.nav__ver > li > a .fn_btn span.fn_a2{
width: 100%;
height: 0;
left: 0;
right: 0;
opacity: 1 !important;
transform: translateY(0) translateZ(0);
overflow: hidden;
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_top"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a2,
.arlo_fn_triggermenu[data-text-animation="leave_top"] ul.nav__ver > li:hover > a .fn_btn span.fn_a2{
height: 100%;
transition: all .3s .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_bottom"] ul.nav__ver > li > a .fn_btn span.fn_a1{
transition: all .3s .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_bottom"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a1,
.arlo_fn_triggermenu[data-text-animation="leave_bottom"] ul.nav__ver > li:hover > a .fn_btn span.fn_a1{
opacity: 0;
transform: translateY(0) translateZ(0);
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_bottom"] ul.nav__ver > li > a .fn_btn span.fn_a2{
width: 100%;
height: 0;
left: 0;
right: 0;
top: 100%;
bottom: 0;
opacity: 1 !important;
transform: translateY(0) translateZ(0);
overflow: hidden;
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_bottom"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a2,
.arlo_fn_triggermenu[data-text-animation="leave_bottom"] ul.nav__ver > li:hover > a .fn_btn span.fn_a2{
height: 100%;
transition: all .3s .3s ease;
top: 0;
}
.arlo_fn_triggermenu[data-text-animation="leave_bottom"] ul.nav__ver > li > a .fn_btn span.fn_a2 span{
min-width: max-content;
min-width: intrinsic;
min-width: -moz-max-content;
min-width: -webkit-max-content;
display: block;
transform: translateY(-100%) translateZ(0);
transition: all .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="leave_bottom"] ul.nav__ver > li.hovered > a .fn_btn span.fn_a2 span,
.arlo_fn_triggermenu[data-text-animation="leave_bottom"] ul.nav__ver > li:hover > a .fn_btn span.fn_a2 span{
transform: translateY(0) translateZ(0);
transition: all .3s .3s ease;
}
.arlo_fn_triggermenu[data-text-animation="simple"] ul.nav__ver > li > a .fn_btn span.fn_a2{
display: none;
}
.arlo_fn_triggermenu[data-text-animation="simple"] ul.nav__ver > li > a .fn_btn span.fn_a1{
transform: translateY(0) translateZ(0) !important;
opacity: 1 !important;
}
s
.arlo_fn_triggermenu .arlo_fn_smallsub{
display: none;
} #arlo_fn_moving_trigger{
opacity: 0;
visibility: hidden;
position: fixed;
z-index: 2222222;
left: 1150px;
top: 550px;
width: 240px;
padding-left: 10px;
background-color: transparent;
transform: translateY(-10px);
transition: top .5s ease;
}
#arlo_fn_moving_trigger.opened{
opacity: 1;
visibility: visible;
}
#arlo_fn_moving_trigger ul{
margin: 0px;
list-style-type: none;
width: 240px;
background-color: rgba(255,255,255,.02);
padding: 20px 0px;
box-sizing: border-box;
}
#arlo_fn_moving_trigger ul:hover > li > a{
opacity: .8;
}
#arlo_fn_moving_trigger ul:hover > li:hover > a{
opacity: 1;
}
#arlo_fn_moving_trigger ul ul{
position: absolute;
left: 100%;
top: 0px;
opacity: 0;
visibility: hidden;
transform: translateY(0px);
transition: all .5s ease;
}
#arlo_fn_moving_trigger ul li{
position: relative;
padding: 0px 30px;
margin: 0px;
}
#arlo_fn_moving_trigger ul li:hover > a {
transform: translateX(10px);
}
#arlo_fn_moving_trigger > ul > li{
transform: translateY(15px);
opacity: 0;
transition: all .3s ease;
}
#arlo_fn_moving_trigger ul a{
display: block;
text-decoration: none;
letter-spacing: .5px;
color: #999;
position: relative;
font-size: 16px;
line-height: 35px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
#arlo_fn_moving_trigger li.menu-item-has-children > a:after{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-left-color: #999;
right: 1px;
top: 11px;
}
#arlo_fn_moving_trigger ul li:hover > ul{
opacity: 1;
visibility: visible;
transform: translateY(-20px);
}
#arlo_fn_moving_trigger ul li:hover > a,
#arlo_fn_moving_trigger ul a:hover{
color: #aaa;
} .arlo_fn_header_sticky .arlo_fn_smallsub{
display: block;
}
.arlo_fn_header_sticky.opened{
opacity: 1;
visibility: visible;
}
body.admin-bar .arlo_fn_header_sticky{
top: 32px;
}
.arlo_fn_header_sticky{
width: 100%;
float: left;
clear: both;
left: 0;
right: 0;
top: 0;
background-color: #fff;
z-index: 999;
position: fixed !important;
opacity: 0; 
visibility: hidden;
transition: all .3s ease;
}
.arlo_fn_header_sticky .sticky_list{
width: 100%;
float: left;
clear: both;
position: relative;
}
.arlo_fn_header_sticky .sticky_list:after{
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #eee
}
.arlo_fn_header_sticky ul.nav__hor{
width: 100%;
}
.arlo_fn_wrapper_all[data-nav-type="sidebar"] .arlo_fn_header_sticky{
display: none !important;
}
@media(max-width:1040px){
.arlo_fn_header_sticky{display: none !important;}
}   .arlo_fn_one_line[data-skin="light"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_one_line[data-skin="light"] .arlo_fn_search_nav a .arlo_fn_svg{color: #333;}
.arlo_fn_one_line[data-skin="light"] ul.nav__hor > li > a{color: #333;}
.arlo_fn_one_line[data-skin="light"] ul.nav__hor.opened > li > a,
.arlo_fn_one_line[data-skin="light"] ul.nav__hor > li:hover > a{color: #000;}
.arlo_fn_one_line[data-skin="light"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #333 !important;}
.arlo_fn_one_line[data-skin="light"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #333 !important;color: #333 !important;}
.arlo_fn_one_line[data-skin="light"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #333;}
.arlo_fn_one_line[data-skin="light"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #000 !important;color: #fff !important;}
.arlo_fn_one_line[data-skin="light"] .arlo_fn_hamburger[data-bg="color"]{background-color: #000;}
[data-skin="light"] .fn_hamburger > span:after,
[data-skin="light"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="light"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="light"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="light"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="light"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="light"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="light"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="light"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="light"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="light"] .hamburger .hamburger-inner{background-color: #333;}
[data-skin="light"] [data-bg="color"] .fn_hamburger > span:after,
[data-skin="light"] [data-bg="color"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="light"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="light"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="light"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="light"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="light"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="light"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="light"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="light"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="light"] [data-bg="color"] .hamburger .hamburger-inner{background-color: #fff;}   .arlo_fn_one_line[data-skin="dark"]{background-color: #000;}
.arlo_fn_one_line[data-skin="dark"]:after{background-color: #111;}
.arlo_fn_one_line[data-skin="dark"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_one_line[data-skin="dark"] .arlo_fn_search_nav a .arlo_fn_svg{color: #ccc;}
.arlo_fn_one_line[data-skin="dark"] ul.nav__hor > li > a{color: #ccc;}
.arlo_fn_one_line[data-skin="dark"] ul.nav__hor.opened > li > a,
.arlo_fn_one_line[data-skin="dark"] ul.nav__hor > li:hover > a{color: #fff;}
.arlo_fn_one_line[data-skin="dark"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #ccc !important;}
.arlo_fn_one_line[data-skin="dark"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #ccc !important;color: #ccc !important;}
.arlo_fn_one_line[data-skin="dark"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #ccc;}
.arlo_fn_one_line[data-skin="dark"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #fff !important;color: #000 !important;}
.arlo_fn_one_line[data-skin="dark"] .arlo_fn_hamburger[data-bg="color"]{background-color: #fff;}
[data-skin="dark"] .fn_hamburger > span:after,
[data-skin="dark"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="dark"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="dark"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="dark"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="dark"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="dark"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="dark"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="dark"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="dark"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="dark"] .hamburger .hamburger-inner{background-color: #ccc;}
[data-skin="dark"] [data-bg="color"] .fn_hamburger > span:after,
[data-skin="dark"] [data-bg="color"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="dark"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="dark"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="dark"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="dark"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="dark"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="dark"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="dark"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="dark"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="dark"] [data-bg="color"] .hamburger .hamburger-inner{background-color: #000;}   .arlo_fn_one_line[data-skin="translight"]{background-color: rgba(255,255,255,0.7);}
.arlo_fn_one_line[data-skin="translight"]:after{display: none;}
.arlo_fn_one_line[data-skin="translight"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_one_line[data-skin="translight"] .arlo_fn_search_nav a .arlo_fn_svg{color: #333;}
.arlo_fn_one_line[data-skin="translight"] ul.nav__hor > li > a{color: #333;}
.arlo_fn_one_line[data-skin="translight"] ul.nav__hor.opened > li > a,
.arlo_fn_one_line[data-skin="translight"] ul.nav__hor > li:hover > a{color: #000;}
.arlo_fn_one_line[data-skin="translight"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #333 !important;}
.arlo_fn_one_line[data-skin="translight"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #333 !important;color: #333 !important;}
.arlo_fn_one_line[data-skin="translight"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #333;}
.arlo_fn_one_line[data-skin="translight"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #000 !important;color: #fff !important;}
.arlo_fn_one_line[data-skin="translight"] .arlo_fn_hamburger[data-bg="color"]{background-color: #000;}
[data-skin="translight"] .fn_hamburger > span:after,
[data-skin="translight"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="translight"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="translight"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="translight"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="translight"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="translight"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="translight"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="translight"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="translight"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="translight"] .hamburger .hamburger-inner{background-color: #333;}
[data-skin="translight"] [data-bg="color"] .fn_hamburger > span:after,
[data-skin="translight"] [data-bg="color"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="translight"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="translight"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="translight"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="translight"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="translight"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="translight"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="translight"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="translight"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="translight"] [data-bg="color"] .hamburger .hamburger-inner{background-color: #fff;}   .arlo_fn_one_line[data-skin="transdark"]{background-color: rgba(0,0,0,0.7);}
.arlo_fn_one_line[data-skin="transdark"]:after{display: none;}
.arlo_fn_one_line[data-skin="transdark"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_one_line[data-skin="transdark"] .arlo_fn_search_nav a .arlo_fn_svg{color: #ccc;}
.arlo_fn_one_line[data-skin="transdark"] ul.nav__hor > li > a{color: #ccc;}
.arlo_fn_one_line[data-skin="transdark"] ul.nav__hor.opened > li > a,
.arlo_fn_one_line[data-skin="transdark"] ul.nav__hor > li:hover > a{color: #fff;}
.arlo_fn_one_line[data-skin="transdark"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #ccc !important;}
.arlo_fn_one_line[data-skin="transdark"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #ccc !important;color: #ccc !important;}
.arlo_fn_one_line[data-skin="transdark"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #ccc;}
.arlo_fn_one_line[data-skin="transdark"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #fff !important;color: #000 !important;}
.arlo_fn_one_line[data-skin="transdark"] .arlo_fn_hamburger[data-bg="color"]{background-color: #fff;}
[data-skin="transdark"] .fn_hamburger > span:after,
[data-skin="transdark"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="transdark"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="transdark"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="transdark"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="transdark"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="transdark"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="transdark"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="transdark"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="transdark"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="transdark"] .hamburger .hamburger-inner{background-color: #ccc;}
[data-skin="transdark"] [data-bg="color"] .fn_hamburger > span:after,
[data-skin="transdark"] [data-bg="color"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="transdark"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="transdark"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="transdark"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="transdark"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="transdark"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="transdark"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="transdark"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="transdark"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="transdark"] [data-bg="color"] .hamburger .hamburger-inner{background-color: #000;}   .arlo_fn_one_line[data-skin="nonedark"]{background-color: transparent;}
.arlo_fn_one_line[data-skin="nonedark"]:after{display: none;}
.arlo_fn_one_line[data-skin="nonedark"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_one_line[data-skin="nonedark"] .arlo_fn_search_nav a .arlo_fn_svg{color: #333;}
.arlo_fn_one_line[data-skin="nonedark"] ul.nav__hor > li > a{color: #333;}
.arlo_fn_one_line[data-skin="nonedark"] ul.nav__hor.opened > li > a,
.arlo_fn_one_line[data-skin="nonedark"] ul.nav__hor > li:hover > a{color: #000;}
.arlo_fn_one_line[data-skin="nonedark"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #333 !important;}
.arlo_fn_one_line[data-skin="nonedark"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #333 !important;color: #333 !important;}
.arlo_fn_one_line[data-skin="nonedark"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #333;}
.arlo_fn_one_line[data-skin="nonedark"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #000 !important;color: #fff !important;}
.arlo_fn_one_line[data-skin="nonedark"] .arlo_fn_hamburger[data-bg="color"]{background-color: #000;}
[data-skin="nonedark"] .fn_hamburger > span:after,
[data-skin="nonedark"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="nonedark"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="nonedark"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="nonedark"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="nonedark"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="nonedark"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="nonedark"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="nonedark"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="nonedark"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="nonedark"] .hamburger .hamburger-inner{background-color: #333;}
[data-skin="nonedark"] [data-bg="color"] .fn_hamburger > span:after,
[data-skin="nonedark"] [data-bg="color"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="nonedark"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="nonedark"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="nonedark"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="nonedark"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="nonedark"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="nonedark"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="nonedark"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="nonedark"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="nonedark"] [data-bg="color"] .hamburger .hamburger-inner{background-color: #fff;}   .arlo_fn_one_line[data-skin="nonelight"]{background-color: transparent;}
.arlo_fn_one_line[data-skin="nonelight"]:after{display: none;}
.arlo_fn_one_line[data-skin="nonelight"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_one_line[data-skin="nonelight"] .arlo_fn_search_nav a .arlo_fn_svg{color: #ccc;}
.arlo_fn_one_line[data-skin="nonelight"] ul.nav__hor > li > a{color: #ccc;}
.arlo_fn_one_line[data-skin="nonelight"] ul.nav__hor.opened > li > a,
.arlo_fn_one_line[data-skin="nonelight"] ul.nav__hor > li:hover > a{color: #fff;}
.arlo_fn_one_line[data-skin="nonelight"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #ccc !important;}
.arlo_fn_one_line[data-skin="nonelight"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #ccc !important;color: #ccc !important;}
.arlo_fn_one_line[data-skin="nonelight"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #ccc;}
.arlo_fn_one_line[data-skin="nonelight"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #fff !important;color: #000 !important;}
.arlo_fn_one_line[data-skin="nonelight"] .arlo_fn_hamburger[data-bg="color"]{background-color: #fff;}
[data-skin="nonelight"] .fn_hamburger > span:after,
[data-skin="nonelight"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="nonelight"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="nonelight"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="nonelight"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="nonelight"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="nonelight"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="nonelight"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="nonelight"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="nonelight"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="nonelight"] .hamburger .hamburger-inner{background-color: #ccc;}
[data-skin="nonelight"] [data-bg="color"] .fn_hamburger > span:after,
[data-skin="nonelight"] [data-bg="color"] .fn_hamburger > span:before,
.arlo_fn_one_line[data-skin="nonelight"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_one_line[data-skin="nonelight"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_one_line[data-skin="nonelight"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_two_lines[data-skin="nonelight"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_two_lines[data-skin="nonelight"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_two_lines[data-skin="nonelight"] [data-bg="color"] .hamburger .hamburger-inner,
.arlo_fn_three_lines[data-skin="nonelight"] [data-bg="color"] .hamburger .hamburger-inner::before,
.arlo_fn_three_lines[data-skin="nonelight"] [data-bg="color"] .hamburger .hamburger-inner::after,
.arlo_fn_three_lines[data-skin="nonelight"] [data-bg="color"] .hamburger .hamburger-inner{background-color: #000;}   .arlo_fn_two_lines[data-skin="dark"] .second_top{background-color: #222;}
.arlo_fn_two_lines[data-skin="dark"] .second_bottom{background-color: #000;}
.arlo_fn_two_lines[data-skin="dark"] .second_bottom:after{background-color: #111;}
.arlo_fn_two_lines[data-skin="dark"] .second_info a{color: #fff;}
.arlo_fn_two_lines[data-skin="dark"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_two_lines[data-skin="dark"] .arlo_fn_search_nav a .arlo_fn_svg{color: #ccc;}
.arlo_fn_two_lines[data-skin="dark"] ul.nav__hor > li > a{color: #ccc;}
.arlo_fn_two_lines[data-skin="dark"] ul.nav__hor.opened > li > a,
.arlo_fn_two_lines[data-skin="dark"] ul.nav__hor > li:hover > a{color: #fff;}
.arlo_fn_two_lines[data-skin="dark"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #ccc !important;}
.arlo_fn_two_lines[data-skin="dark"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #ccc !important;color: #ccc !important;}
.arlo_fn_two_lines[data-skin="dark"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #ccc;}
.arlo_fn_two_lines[data-skin="dark"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #fff !important;color: #000 !important;}
.arlo_fn_two_lines[data-skin="dark"] .arlo_fn_hamburger[data-bg="color"]{background-color: #fff;}   .arlo_fn_two_lines[data-skin="light"] .second_top{background-color: #f5f5f5;}
.arlo_fn_two_lines[data-skin="light"] .second_bottom{background-color: #fff;}
.arlo_fn_two_lines[data-skin="light"] .second_bottom:after{background-color: #eee;}
.arlo_fn_two_lines[data-skin="light"] .second_info a{color: #000;}
.arlo_fn_two_lines[data-skin="light"] .second_info:after{background-color: rgba(0,0,0,0.4);}
.arlo_fn_two_lines[data-skin="light"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_two_lines[data-skin="light"] .arlo_fn_search_nav a .arlo_fn_svg{color: #333;}
.arlo_fn_two_lines[data-skin="light"] ul.nav__hor > li > a{color: #333;}
.arlo_fn_two_lines[data-skin="light"] ul.nav__hor.opened > li > a,
.arlo_fn_two_lines[data-skin="light"] ul.nav__hor > li:hover > a{color: #000;}
.arlo_fn_two_lines[data-skin="light"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #333 !important;}
.arlo_fn_two_lines[data-skin="light"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #333 !important;color: #333 !important;}
.arlo_fn_two_lines[data-skin="light"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #333;}
.arlo_fn_two_lines[data-skin="light"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #000 !important;color: #fff !important;}
.arlo_fn_two_lines[data-skin="light"] .arlo_fn_hamburger[data-bg="color"]{background-color: #000;}   .arlo_fn_two_lines[data-skin="transdark"] .second_top{background-color: rgba(34,34,34,0.70);}
.arlo_fn_two_lines[data-skin="transdark"] .second_bottom{background-color: rgba(0,0,0,0.70);}
.arlo_fn_two_lines[data-skin="transdark"] .second_bottom:after{display: none;}
.arlo_fn_two_lines[data-skin="transdark"] .second_info a{color: #fff;}
.arlo_fn_two_lines[data-skin="transdark"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_two_lines[data-skin="transdark"] .arlo_fn_search_nav a .arlo_fn_svg{color: #ccc;}
.arlo_fn_two_lines[data-skin="transdark"] ul.nav__hor > li > a{color: #ccc;}
.arlo_fn_two_lines[data-skin="transdark"] ul.nav__hor.opened > li > a,
.arlo_fn_two_lines[data-skin="transdark"] ul.nav__hor > li:hover > a{color: #fff;}
.arlo_fn_two_lines[data-skin="transdark"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #ccc !important;}
.arlo_fn_two_lines[data-skin="transdark"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #ccc !important;color: #ccc !important;}
.arlo_fn_two_lines[data-skin="transdark"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #ccc;}
.arlo_fn_two_lines[data-skin="transdark"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #fff !important;color: #000 !important;}
.arlo_fn_two_lines[data-skin="transdark"] .arlo_fn_hamburger[data-bg="color"]{background-color: #fff;}   .arlo_fn_two_lines[data-skin="translight"] .second_top{background-color: rgba(245,245,245,0.7);}
.arlo_fn_two_lines[data-skin="translight"] .second_bottom{background-color: rgba(255,255,255,0.7);}
.arlo_fn_two_lines[data-skin="translight"] .second_bottom:after{display: none;}
.arlo_fn_two_lines[data-skin="translight"] .second_info a{color: #000;}
.arlo_fn_two_lines[data-skin="translight"] .second_info:after{background-color: rgba(0,0,0,0.4);}
.arlo_fn_two_lines[data-skin="translight"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_two_lines[data-skin="translight"] .arlo_fn_search_nav a .arlo_fn_svg{color: #333;}
.arlo_fn_two_lines[data-skin="translight"] ul.nav__hor > li > a{color: #333;}
.arlo_fn_two_lines[data-skin="translight"] ul.nav__hor.opened > li > a,
.arlo_fn_two_lines[data-skin="translight"] ul.nav__hor > li:hover > a{color: #000;}
.arlo_fn_two_lines[data-skin="translight"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #333 !important;}
.arlo_fn_two_lines[data-skin="translight"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #333 !important;color: #333 !important;}
.arlo_fn_two_lines[data-skin="translight"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #333;}
.arlo_fn_two_lines[data-skin="translight"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #000 !important;color: #fff !important;}
.arlo_fn_two_lines[data-skin="translight"] .arlo_fn_hamburger[data-bg="color"]{background-color: #000;}   .arlo_fn_two_lines[data-skin="nonelight"] .second_top{background-color: transparent;}
.arlo_fn_two_lines[data-skin="nonelight"] .second_bottom{background-color: transparent;}
.arlo_fn_two_lines[data-skin="nonelight"] .second_bottom:after{display: none;}
.arlo_fn_two_lines[data-skin="nonelight"] .second_info a{color: #fff;}
.arlo_fn_two_lines[data-skin="nonelight"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_two_lines[data-skin="nonelight"] .arlo_fn_search_nav a .arlo_fn_svg{color: #ccc;}
.arlo_fn_two_lines[data-skin="nonelight"] ul.nav__hor > li > a{color: #ccc;}
.arlo_fn_two_lines[data-skin="nonelight"] ul.nav__hor.opened > li > a,
.arlo_fn_two_lines[data-skin="nonelight"] ul.nav__hor > li:hover > a{color: #fff;}
.arlo_fn_two_lines[data-skin="nonelight"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #ccc !important;}
.arlo_fn_two_lines[data-skin="nonelight"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #ccc !important;color: #ccc !important;}
.arlo_fn_two_lines[data-skin="nonelight"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #ccc;}
.arlo_fn_two_lines[data-skin="nonelight"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #fff !important;color: #000 !important;}
.arlo_fn_two_lines[data-skin="nonelight"] .arlo_fn_hamburger[data-bg="color"]{background-color: #fff;}   .arlo_fn_two_lines[data-skin="nonedark"] .second_top{background-color: transparent;}
.arlo_fn_two_lines[data-skin="nonedark"] .second_bottom{background-color: transparent;}
.arlo_fn_two_lines[data-skin="nonedark"] .second_bottom:after{display: none;}
.arlo_fn_two_lines[data-skin="nonedark"] .second_info a{color: #000;}
.arlo_fn_two_lines[data-skin="nonedark"] .second_info:after{background-color: rgba(0,0,0,0.4);}
.arlo_fn_two_lines[data-skin="nonedark"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_two_lines[data-skin="nonedark"] .arlo_fn_search_nav a .arlo_fn_svg{color: #333;}
.arlo_fn_two_lines[data-skin="nonedark"] ul.nav__hor > li > a{color: #333;}
.arlo_fn_two_lines[data-skin="nonedark"] ul.nav__hor.opened > li > a,
.arlo_fn_two_lines[data-skin="nonedark"] ul.nav__hor > li:hover > a{color: #000;}
.arlo_fn_two_lines[data-skin="nonedark"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #333 !important;}
.arlo_fn_two_lines[data-skin="nonedark"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #333 !important;color: #333 !important;}
.arlo_fn_two_lines[data-skin="nonedark"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #333;}
.arlo_fn_two_lines[data-skin="nonedark"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #000 !important;color: #fff !important;}
.arlo_fn_two_lines[data-skin="nonedark"] .arlo_fn_hamburger[data-bg="color"]{background-color: #000;}
.arlo_fn_three_lines[data-skin="dark"] .third_top{background-color: #222;}
.arlo_fn_three_lines[data-skin="dark"] .third_middle{background-color: #000;}
.arlo_fn_three_lines[data-skin="dark"] .third_bottom{background-color: #000;}
.arlo_fn_three_lines[data-skin="dark"] .third_middle:after{background-color: #111;}
.arlo_fn_three_lines[data-skin="dark"] .third_bottom:after{background-color: #111;}
.arlo_fn_three_lines[data-skin="dark"] .third_info a{color: #fff;}
.arlo_fn_three_lines[data-skin="dark"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_three_lines[data-skin="dark"] .arlo_fn_search_nav a .arlo_fn_svg{color: #ccc;}
.arlo_fn_three_lines[data-skin="dark"] ul.nav__hor > li > a{color: #ccc;}
.arlo_fn_three_lines[data-skin="dark"] ul.nav__hor.opened > li > a,
.arlo_fn_three_lines[data-skin="dark"] ul.nav__hor > li:hover > a{color: #fff;}
.arlo_fn_three_lines[data-skin="dark"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #ccc !important;}
.arlo_fn_three_lines[data-skin="dark"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #ccc !important;color: #ccc !important;}
.arlo_fn_three_lines[data-skin="dark"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #ccc;}
.arlo_fn_three_lines[data-skin="dark"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #fff !important;color: #000 !important;}
.arlo_fn_three_lines[data-skin="dark"] .arlo_fn_hamburger[data-bg="color"]{background-color: #fff;}   .arlo_fn_three_lines[data-skin="light"] .third_top{background-color: #f5f5f5;}
.arlo_fn_three_lines[data-skin="light"] .third_middle{background-color: #eee;}
.arlo_fn_three_lines[data-skin="light"] .third_bottom{background-color: #eee;}
.arlo_fn_three_lines[data-skin="light"] .third_middle:after{background-color: #ddd;}
.arlo_fn_three_lines[data-skin="light"] .third_bottom:after{background-color: #ddd;}
.arlo_fn_three_lines[data-skin="light"] .third_info:after{background-color: rgba(0,0,0,0.4);}
.arlo_fn_three_lines[data-skin="light"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_three_lines[data-skin="light"] .arlo_fn_search_nav a .arlo_fn_svg{color: #333;}
.arlo_fn_three_lines[data-skin="light"] ul.nav__hor > li > a{color: #333;}
.arlo_fn_three_lines[data-skin="light"] ul.nav__hor.opened > li > a,
.arlo_fn_three_lines[data-skin="light"] ul.nav__hor > li:hover > a{color: #000;}
.arlo_fn_three_lines[data-skin="light"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #333 !important;}
.arlo_fn_three_lines[data-skin="light"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #333 !important;color: #333 !important;}
.arlo_fn_three_lines[data-skin="light"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #333;}
.arlo_fn_three_lines[data-skin="light"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #000 !important;color: #fff !important;}
.arlo_fn_three_lines[data-skin="light"] .arlo_fn_hamburger[data-bg="color"]{background-color: #000;}   .arlo_fn_three_lines[data-skin="transdark"] .third_top{background-color: rgba(34,34,34,0.70);}
.arlo_fn_three_lines[data-skin="transdark"] .third_middle{background-color: rgba(0,0,0,0.70);}
.arlo_fn_three_lines[data-skin="transdark"] .third_bottom{background-color: rgba(0,0,0,0.70);}
.arlo_fn_three_lines[data-skin="transdark"] .third_middle:after{background-color: #222;}
.arlo_fn_three_lines[data-skin="transdark"] .third_bottom:after{background-color: #222;}
.arlo_fn_three_lines[data-skin="transdark"] .third_info a{color: #fff;}
.arlo_fn_three_lines[data-skin="transdark"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_three_lines[data-skin="transdark"] .arlo_fn_search_nav a .arlo_fn_svg{color: #ccc;}
.arlo_fn_three_lines[data-skin="transdark"] ul.nav__hor > li > a{color: #ccc;}
.arlo_fn_three_lines[data-skin="transdark"] ul.nav__hor.opened > li > a,
.arlo_fn_three_lines[data-skin="transdark"] ul.nav__hor > li:hover > a{color: #fff;}
.arlo_fn_three_lines[data-skin="transdark"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #ccc !important;}
.arlo_fn_three_lines[data-skin="transdark"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #ccc !important;color: #ccc !important;}
.arlo_fn_three_lines[data-skin="transdark"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #ccc;}
.arlo_fn_three_lines[data-skin="transdark"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #fff !important;color: #000 !important;}
.arlo_fn_three_lines[data-skin="transdark"] .arlo_fn_hamburger[data-bg="color"]{background-color: #fff;}   .arlo_fn_three_lines[data-skin="translight"] .third_top{background-color: rgba(245,245,245,0.7);}
.arlo_fn_three_lines[data-skin="translight"] .third_middle{background-color: rgba(255,255,255,0.7);}
.arlo_fn_three_lines[data-skin="translight"] .third_bottom{background-color: rgba(255,255,255,0.7);}
.arlo_fn_three_lines[data-skin="translight"] .third_middle:after{background-color: #ccc;}
.arlo_fn_three_lines[data-skin="translight"] .third_bottom:after{background-color: #ccc;}
.arlo_fn_three_lines[data-skin="translight"] .third_info a{color: #000;}
.arlo_fn_three_lines[data-skin="translight"] .third_info:after{background-color: rgba(0,0,0,0.4);}
.arlo_fn_three_lines[data-skin="translight"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_three_lines[data-skin="translight"] .arlo_fn_search_nav a .arlo_fn_svg{color: #333;}
.arlo_fn_three_lines[data-skin="translight"] ul.nav__hor > li > a{color: #333;}
.arlo_fn_three_lines[data-skin="translight"] ul.nav__hor.opened > li > a,
.arlo_fn_three_lines[data-skin="translight"] ul.nav__hor > li:hover > a{color: #000;}
.arlo_fn_three_lines[data-skin="translight"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #333 !important;}
.arlo_fn_three_lines[data-skin="translight"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #333 !important;color: #333 !important;}
.arlo_fn_three_lines[data-skin="translight"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #333;}
.arlo_fn_three_lines[data-skin="translight"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #000 !important;color: #fff !important;}
.arlo_fn_three_lines[data-skin="translight"] .arlo_fn_hamburger[data-bg="color"]{background-color: #000;}   .arlo_fn_three_lines[data-skin="nonelight"] .third_top{background-color: transparent;}
.arlo_fn_three_lines[data-skin="nonelight"] .third_middle{background-color: transparent;}
.arlo_fn_three_lines[data-skin="nonelight"] .third_bottom{background-color: transparent;}
.arlo_fn_three_lines[data-skin="nonelight"] .third_middle:after{background-color: #ccc;}
.arlo_fn_three_lines[data-skin="nonelight"] .third_bottom:after{background-color: #ccc;}
.arlo_fn_three_lines[data-skin="nonelight"] .third_info a{color: #fff;}
.arlo_fn_three_lines[data-skin="nonelight"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_three_lines[data-skin="nonelight"] .arlo_fn_search_nav a .arlo_fn_svg{color: #ccc;}
.arlo_fn_three_lines[data-skin="nonelight"] ul.nav__hor > li > a{color: #ccc;}
.arlo_fn_three_lines[data-skin="nonelight"] ul.nav__hor.opened > li > a,
.arlo_fn_three_lines[data-skin="nonelight"] ul.nav__hor > li:hover > a{color: #fff;}
.arlo_fn_three_lines[data-skin="nonelight"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #ccc !important;}
.arlo_fn_three_lines[data-skin="nonelight"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #ccc !important;color: #ccc !important;}
.arlo_fn_three_lines[data-skin="nonelight"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #ccc;}
.arlo_fn_three_lines[data-skin="nonelight"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #fff !important;color: #000 !important;}
.arlo_fn_three_lines[data-skin="nonelight"] .arlo_fn_hamburger[data-bg="color"]{background-color: #fff;}   .arlo_fn_three_lines[data-skin="nonedark"] .third_top{background-color: transparent;}
.arlo_fn_three_lines[data-skin="nonedark"] .third_middle{background-color: transparent;}
.arlo_fn_three_lines[data-skin="nonedark"] .third_bottom{background-color: transparent;}
.arlo_fn_three_lines[data-skin="nonedark"] .third_middle:after{background-color: #222;}
.arlo_fn_three_lines[data-skin="nonedark"] .third_bottom:after{background-color: #222;}
.arlo_fn_three_lines[data-skin="nonedark"] .third_info a{color: #000;}
.arlo_fn_three_lines[data-skin="nonedark"] .third_info:after{background-color: rgba(0,0,0,0.4);}
.arlo_fn_three_lines[data-skin="nonedark"] .arlo_fn_buy_nav a.buy_icon .arlo_fn_svg,
.arlo_fn_three_lines[data-skin="nonedark"] .arlo_fn_search_nav a .arlo_fn_svg{color: #333;}
.arlo_fn_three_lines[data-skin="nonedark"] ul.nav__hor > li > a{color: #333;}
.arlo_fn_three_lines[data-skin="nonedark"] ul.nav__hor.opened > li > a,
.arlo_fn_three_lines[data-skin="nonedark"] ul.nav__hor > li:hover > a{color: #000;}
.arlo_fn_three_lines[data-skin="nonedark"] .arlo_fn_social_list[data-social-type="abbr"] ul li a{color: #333 !important;}
.arlo_fn_three_lines[data-skin="nonedark"] .arlo_fn_social_list[data-social-type="icon"] ul li a{border-color: #333 !important;color: #333 !important;}
.arlo_fn_three_lines[data-skin="nonedark"] ul.nav__hor > li.menu-item-has-children > a:after{border-top-color: #333;}
.arlo_fn_three_lines[data-skin="nonedark"] .arlo_fn_social_list[data-social-type="icon"][data-social-bg="bg"] ul li a{background-color: #000 !important;color: #fff !important;}
.arlo_fn_three_lines[data-skin="nonedark"] .arlo_fn_hamburger[data-bg="color"]{background-color: #000;}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-7px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-7px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-6px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0,7px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-7px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0,7px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-7px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-6px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-7px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-7px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(7px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(7px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-7px,-7px,0) rotate(-45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-7px,7px,0) rotate(45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(7px,-7px,0) rotate(45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(7px,7px,0) rotate(-45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(7px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(7px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-7px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-7px,0,0) rotate(45deg) scale(.7,1)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-14px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-6px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner::after{top:-14px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-8px,0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner::before{top:7px;transition:opacity 125ms 275ms ease}.hamburger--elastic .hamburger-inner::after{top:14px;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,6px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-14px,0) rotate(-270deg);transition-delay:75ms}.hamburger--elastic-r .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner::before{top:7px;transition:opacity 125ms 275ms ease}.hamburger--elastic-r .hamburger-inner::after{top:14px;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,6px,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-14px,0) rotate(270deg);transition-delay:75ms}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::after{top:7px;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::after{top:7px;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--minus .hamburger-inner::after{bottom:-7px}.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom 80ms 0s ease-out,top 80ms 0s ease-out,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s 80ms linear}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:7px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:14px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,6px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-14px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:7px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider-r .hamburger-inner::after{top:14px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,6px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-14px,0) rotate(90deg)}.hamburger--spin .hamburger-inner::after{bottom:-7px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r .hamburger-inner::after{bottom:-7px}.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spring .hamburger-inner{top:1px;transition:background-color 0s .13s linear}.hamburger--spring .hamburger-inner::before{top:7px;transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner::after{top:14px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner::before{top:-3px;transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:-3px;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:1px;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner::after{top:-14px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-8px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)}.hamburger--stand .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand-r .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}.hamburger--vortex .hamburger-inner::after{bottom:-7px}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner::after{bottom:-7px}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}
 .arlo_fn_dev_popup{
position: fixed;
right: 0;
top: 200px;
z-index: 77;
width: 51px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
border: 1px solid #e0e0e0;
}
.arlo_fn_dev_popup .fn_tooltip:after{
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 4px;
border-color: transparent transparent transparent #23d044;
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -5px;
}
.arlo_fn_dev_popup .fn_tooltip{
padding: 0 20px;
display: block;
position: absolute;
right: 100%;
border-radius: 3px;
background-color: #23d044;
font-family: 'Heebo';
font-size: 13px;
color: #fff;
text-transform: uppercase;
box-shadow: 0 2px 5px rgba(0,0,0,0.15);
font-weight: 600;
height: 30px;
line-height: 30px;
top: 50%;
margin-top: -15px;
margin-right: 7px;
opacity: 0;
visibility: hidden;
transition: all .3s ease;
transform: translateY(20px);
}
.arlo_fn_dev_popup .arlo_fn_svg{
width: 21px;
height: 21px;
color: #444;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
position: absolute;
}
.arlo_fn_dev_popup .fn_price_item{
height: 44px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.arlo_fn_dev_popup .fn_demo_item{
height: 51px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.arlo_fn_dev_popup .fn_demo_item a{
bottom: -1px;
}
.arlo_fn_dev_popup .fn_demo_item .fn_tooltip{
transform: translateY(-20px);
}
.arlo_fn_dev_popup .fn_text{
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 45px;
color: #444;
font-weight: 800;
letter-spacing: 0;
font-family: 'Heebo';
font-size: 20px;
}
.arlo_fn_dev_popup .fn_text span{
font-size: 12px;
position: relative;
top: -6px;
}
.arlo_fn_dev_popup .fn_item{
z-index: 3;
width: 100%;
position: relative;
border-bottom: 1px solid #e0e0e0;
transition: all .3s ease;
}
.arlo_fn_dev_popup .fn_item:last-child{
border-bottom: none;
}
.arlo_fn_dev_popup a{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 5;
}
.arlo_fn_dev_popup .fn_item:hover{
background-color: #f5f5f5;
}
.arlo_fn_dev_popup .fn_item:hover .fn_tooltip{
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
   .arlo_fn_preloader{
position: fixed;
background-color: #fff;
z-index: 9999999;
height: 100%;
width: 100%;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}  
.arlo_fn_preloader .spinner_wrap{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 33333;
}
.arlo_fn_wrapper_all.preloader_loaded .arlo_fn_preloader {
opacity: 0;
visibility: hidden;
}
.arlo_fn_preloader:before,
.arlo_fn_preloader:after{
content: "";
position: absolute;
height: 50%;
width: 100%;
background-color: #000;
-webkit-transition: .7s all ease;
-o-transition: .7s all ease;
transition: .7s all ease;
}
.arlo_fn_preloader:before{
top: 0;
left: 0; 
}
.arlo_fn_preloader:after{
bottom: 0;
left: 0; 
}
.arlo_fn_wrapper_all.preloader_loaded .arlo_fn_preloader:before, 
.arlo_fn_wrapper_all.preloader_loaded .arlo_fn_preloader:after{height: 0%;}
.arlo_fn_spinner {
width: 70px;
height: 70px;
background-color: #fff;
border-radius: 100%;  
-webkit-animation: arlo-scaleout 1.0s infinite ease-in-out;
animation: arlo-scaleout 1.0s infinite ease-in-out;
}
.arlo_fn_preloader.fn_light{
background-color: #000;
}
.arlo_fn_preloader.fn_light:after,
.arlo_fn_preloader.fn_light:before{
background-color: #fff;
}
.arlo_fn_preloader.fn_light .arlo_fn_spinner{
background-color: #000;
}
@-webkit-keyframes arlo-scaleout {
0% { transform: scale(0); }
100% {
transform: scale(1.0);
opacity: 0;
}
}
@keyframes arlo-scaleout {
0% { 
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
@media(max-width: 1040px){
.arlo_fn_preloader{
display: none !important;
}
}  body, html {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
body:after{
clear: both;
display: table;
content: '';
}
html{
height: auto;
}
body{
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.5px;
font-weight: 300;
-ms-word-wrap: break-word;
word-wrap: break-word;
color: #6f6f6f;
overflow: visible;
}
@media(max-width:1200px){
body{
overflow-x: hidden;
}
}
.arlo_fn_svg{
width: 20px;
height: 20px;
fill: currentcolor;
}
.arlo_fn_svg{
width: 20px;
height: 20px;
fill: currentcolor;
}
a i{
transition: none;
}
ol, ul{
margin: 30px;
}
ol ol,
ol ul,
ul ol,
ul ul{
margin: 15px;
}
textarea,
input,
button{outline: none;}
:focus{
outline-color: transparent;
outline-style: none;
}
dl{
margin-bottom: 20px;
}
input[type=button],
input[type=submit],
button{
font-family: 'Raleway';
}
blockquote:after{
clear: both;
display: table;
content: '';
}
code, pre{
border-left: 3px solid #ff4b36;
font-style: italic;
margin: 10px 0px 23px 0px;
padding: 12px 12px 12px 5%;
background-color: transparent !important;
line-height: 1.7;
color: #000;
box-sizing: border-box;
font-size: 20px;
}
blockquote{
border-left: 3px solid #ff4b36;
font-style: italic;
margin: 10px 0px 23px 0px;
padding: 12px 12px 12px 5%;
clear: both;
float: left;
width: 100%;
background-color: transparent !important;
line-height: 1.7;
color: #000;
box-sizing: border-box;
font-size: 20px;
}
blockquote p{
margin-bottom: 20px;
}
blockquote p:last-child{
margin-bottom: 0px;
}
code, pre{
display: inline-block;
overflow-x: visible;
padding: 3px 7px;
margin: 5px 0px;
-ms-word-wrap: break-word;
white-space: pre-wrap;
word-wrap: break-word;
}
p+pre{
margin: 20px 0px;
}
.uneditable-input,
textarea,
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week]{
color: #777;
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
height: 40px;
font-size: 14px;
}
input[type=button],
input[type=submit]{
border: none;
height: 44px;
font-weight: 500;
font-size: 14px;
padding: 0px 25px !important;
text-transform: uppercase;
letter-spacing: .5px;
background-color: #316397;
color: #fff;
}
input[type=button]:hover,
input[type=submit]:hover{
background-color: #d24e1a;
color: #fff;
}
textarea{height: auto;max-width: 600px;}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a{
color: #041230;
}
h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover{
color: #316397;
}
h1, h2, h3, h4, h5, h6{
font-weight: 400;
font-family: 'Raleway';
line-height: 1.2;
}
p{margin-bottom: 20px;letter-spacing: 0px;}  #wp-calendar caption{
margin-bottom: 15px;
}
.widget_block{
color:#6f6f6f;
margin-bottom: 32px;
width: 100%;
float: left;
clear: both;
}
.widget_block:after{
clear: both;
display: table;
content: '';
}
.widget_block:last-child{
margin-bottom: 0;
}
.widget_block ul{margin: 0;margin-left: 20px;}
.widget_recent_entries a{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.widget_media_image{
margin-bottom: 0;
}
.wp-block-group__inner-container > h2,
.wid-title span{
display: block;
margin-bottom: 24px;
line-height: 1.5;
font-family: 'Raleway', sans-serif;
letter-spacing: 0px;
position: relative;
text-transform: capitalize;
color: #000;
font-size: 23px;
font-weight: 500;
padding-bottom: 13px;
}
.widget_block span.post-date{
display: block;
}
.wp-block-group__inner-container > h2:after,
.wid-title span:after{
content: '';
position: absolute;
width: 100px;
height: 2px;
background-color: #ccc;
top: 100%;
left: 0;
}
.wp-block-group__inner-container > h2:before,
.wid-title span:before{
content: '';
position: absolute;
width: 50px;
height: 2px;
background-color: #ccc;
top: 100%;
left: 0;
margin-top: 7px;
}
.textwidget p{
margin: 0px;
padding: 0px;
line-height: 1.7;
letter-spacing: 0px;
color: #777;
}
.widget_nav_menu ul{
list-style-type: none;
margin: 0px;
}
.widget_nav_menu ul li{
margin: 0px 0px 0px 0px;
width: 100%;
float: left;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.widget_nav_menu ul li:last-child{
border-bottom: none;
}
.widget_nav_menu ul li.menu-item-has-children > a{
position: relative;
}
.widget_nav_menu ul li.menu-item-has-children.opened > a:before{
transform: rotate(90deg);
margin-top: -8px;
}
.widget_nav_menu ul li.menu-item-has-children > a:before{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-left-color: #666;
right: 1px;
top: 50%;
margin-top: -5px;
transition: all .3s ease;
transform-origin: left center;
}
.widget_nav_menu ul li a{
display: block;
font-size: 16px;
text-decoration: none;
letter-spacing: 0px;
line-height: 45px;
color: #6f6f6f;
font-weight: 400 !important;
}
.arlo_fn_sidebar .widget_nav_menu ul li.opened > a,
.widget_nav_menu ul li a:hover{
color: #ff4b36;
}
.widget_nav_menu ul ul{
display: none;
}
.widget_businesshours p{
margin: 0px;
padding: 0px;
line-height: 1.7;
letter-spacing: 0px;
color: #777;
margin-bottom: 15px;
}
.widget_businesshours .fn_days ul{
list-style-type: none;
margin: 0px;
}
.widget_businesshours .fn_days span{
line-height: 1.7;
float: left;
font-size: 14px;
color: #777;
letter-spacing: 0px;
}
.widget_businesshours .fn_days li{
float: left;
clear: both;
width: 100%;
margin: 0px;
padding: 3px 0px;
position: relative;
border-bottom: 1px dashed #ccc;
}
.widget_businesshours .fn_days li:last-child{
border-bottom-color: transparent;
}
.widget_businesshours .fn_days .hours{
float: right;
font-weight: 400;
margin-left: 20px;
color: #fff;
}
.widget_block ul{
list-style-type: none;
margin: 0px;
}
.widget_block li{
margin-bottom: 5px;
color: #777;
}
.widget_block.widget_rss li{
margin-bottom: 15px;
}
.widget_block li:last-child{
margin: 0px;
}
.widget_block.widget_meta a,
.widget_block.widget_recent_entries a,
.widget_block.widget_pages a,
.widget_block.widget_archive a,
.widget_block.widget_categories a{
text-decoration: none;
}
.widget_block a{
text-decoration: underline;
color: #6f6f6f;
font-weight: 400;
}
.widget_block label{
margin-right: 10px;
}
.widget_block img{
margin: 10px 0px;
}
.widget_block p{
margin: 10px 0px;
}
table{
border-radius: 3px;
}
select,
.widget_block select{
overflow: hidden;
max-width: 220px;
min-width: 220px;
background-color: #f5f5f5;
border-color: #e5e5e5;
border-radius: 4px;
border-width: 1px;
cursor: pointer;
color: #777;
height: 40px;
}
@media(max-width: 480px){
select,
.widget_block select{
min-width: auto;
}
}
.arlo_fn_sidebar .widget_nav_menu ul li{
width: 100%;
padding-right: 0px;
}
.widget_block ul ul{
padding-left: 15px;
list-style-type: circle;
margin: 5px 0px;
list-style-position: inside;
}
.widget_block.widget_categories ul ul{
display: block;
width: 100%;
border-top: 1px solid #e5e5e5;
}
.widget_block.widget_nav_menu ul a{
width: 100%;
}
.widget_block.widget_nav_menu ul ul{
list-style-type: none;
list-style-position: inherit;
margin: 0px;
padding: 0px;
padding-left: 15px;
width: 100%;
}
.widget_search input[type=text]{
margin: 0;
padding: 0px 10px !important;
background-color: transparent;
width: 100%;
color: #6f6f6f;
height: 50px;
padding-left: 15px !important;
padding-right: 40px !important;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.03);
transition: all .5s ease;
border-radius: 5px;
border: 1px solid #eee;
overflow: hidden;
}
.widget_search form:hover input[type=text],
.widget_search input[type=text]:hover{
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.07);
}
.widget_search .search2{
position: relative;
}
.widget_search .search2 form:after{
clear: both;
display: table;
content: '';
}
.widget_search input[type=submit]{
height: 50px;
padding: 0px !important;
color: #fff;
width: 50px;
background-color: rgba(0, 0, 0, 0.05) !important;
text-transform: uppercase;
margin-bottom: 0px !important;
position: absolute;
right: 0px;
top: 0px;
z-index: 5;
cursor: pointer;
border-left: 1px solid #ebebeb;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.widget_search input[type=submit]:hover{
background-color: rgba(0, 0, 0, 0.1) !important;
}
.widget_search a.fn_search{
color: #666 !important;
width: 50px;
height: 50px;
position: absolute;
z-index: 1;
right: 0px;
top: 0px;
}
.widget_search a.fn_search .arlo_fn_svg{
width: 20px;
height: 20px;
position: absolute;
top: 15px;
left: 15px;
}
.widget_search input{float: left;}
.widget_search label{
display: block;
margin-bottom: 10px;
margin-right: 0px;
}
.widget_search input{margin-bottom: 10px;float: left;}
.widget_search label{
display: block;
margin-bottom: 10px;
margin-right: 0px;
}
.widget_tag_cloud .tagcloud{
margin-left: -5px;
}
.widget_tag_cloud a{
text-decoration: none;
color: #000;
display: block;
padding: 5px 20px;
text-transform: capitalize;
font-size: 13px !important;
border: 1px solid rgba(0,0,0,.2);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
float: left;
margin: 0px 0px 5px 5px;
}
.widget_tag_cloud a:hover{
background-color: #000;
color: #fff !important;
}
.widget_tag_cloud .tagcloud:after{
clear: both;
display: table;
content: '';
}
.widget_media_gallery img{
margin: 0px;
border: none !important;
}
.widget_media_gallery .gallery-item{
padding: 5px;
margin: 0px !important;
}
.arlo_fn_widget_estimate{
width: 100%;
float: left;
clear: both;
position: relative;
}
.arlo_fn_widget_estimate img{
margin: 0px;
opacity: 0;
visibility: hidden;
position: relative;
}
.arlo_fn_widget_estimate .img_holder{
width: 100%;
float: left;
clear: both;
position: relative;
height: 460px;
}
.arlo_fn_widget_estimate .helper1{
z-index: 15;
position: absolute;
border-left: 80px solid #d24e1a;
border-top: 55px solid transparent;
left: 0px;
bottom: 0px;
}
.arlo_fn_widget_estimate .helper2{
z-index: 15;
position: absolute;
border-right: 220px solid #d24e1a;
border-top: 55px solid transparent;
right: 0px;
bottom: 0px;
}
.arlo_fn_widget_estimate .helper3{
z-index: 10;
position: absolute;
border-left: 80px solid #000;
border-top: 80px solid transparent;
opacity: .2;
left: 0px;
bottom: 0px;
}
.arlo_fn_widget_estimate .helper4{
z-index: 10;
position: absolute;
border-right: 220px solid #000;
border-top: 80px solid transparent;
opacity: .2;
right: 0px;
bottom: 0px;
}
.arlo_fn_widget_estimate .helper5{
z-index: 5;
position: absolute;
border-left: 80px solid #d24e1a;
border-top: 80px solid transparent;
left: 0px;
bottom: 0px;
}
.arlo_fn_widget_estimate .helper6{
z-index: 5;
content: '';
position: absolute;
border-right: 220px solid #d24e1a;
border-top: 80px solid transparent;
right: 0px;
bottom: 0px;
}
.arlo_fn_widget_estimate .abs_img{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: black;
z-index: 2;
}
.arlo_fn_widget_estimate:after{
z-index: 2;
position: absolute;
content: '';
right: 0px;
bottom: 0px;
width: 50px;
height: 85px;
background-color: rgba(255,255,255,.1);
}
.arlo_fn_widget_estimate:before{
z-index: 1;
position: absolute;
content: '';
right: 0px;
bottom: 0px;
width: 100px;
height: 170px;
background-color: rgba(255,255,255,.1);
}
.arlo_fn_widget_estimate .bfwe_inner{
width: 100%;
float: left;
clear: both;
position: relative;
z-index: 5;
padding: 43px 40px 50px 40px;
background-color: #d24e1a;
}
.arlo_fn_widget_estimate .bfwe_inner p{
padding: 0px;
margin: 0px;
color: #fff;
font-size: 22px;
line-height: 30px;
font-weight: 400;
letter-spacing: 0px;
margin-bottom: 23px;
}
.arlo_fn_widget_estimate .bfwe_inner a{
text-decoration: none;
display: inline-block;
background-color: #e9eff4;
padding: 14px 25px;
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.5px;
color: #041230;
text-transform: uppercase;
border-radius: 2px;
font-weight: 500;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
font-family: 'Raleway';
}
.arlo_fn_widget_estimate .bfwe_inner a:hover{
background-color: #111422;
color: #fff;
}
.arlo_fn_sidebar .null-instagram-feed{
width: 100%;
float: left;
clear: both;
overflow: hidden;
}
.arlo_fn_sidebar .null-instagram-feed img{margin: 0px;}
.arlo_fn_sidebar .null-instagram-feed .owl-nav{
position: absolute;
bottom: 10px;
left: 10px;
}
.arlo_fn_sidebar .null-instagram-feed .owl-carousel .owl-nav button.owl-next,
.arlo_fn_sidebar .null-instagram-feed .owl-carousel .owl-nav button.owl-prev{
height: 44px;
width: 44px;
border-radius: 2px;
position: relative;
margin-left: 3px;
}
.arlo_fn_sidebar .null-instagram-feed .owl-carousel .owl-nav button.owl-next span,
.arlo_fn_sidebar .null-instagram-feed .owl-carousel .owl-nav button.owl-prev span{
display: none;
}
.arlo_fn_sidebar .null-instagram-feed .owl-carousel .owl-nav button.owl-next:after,
.arlo_fn_sidebar .null-instagram-feed .owl-carousel .owl-nav button.owl-prev:after{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
top: 18px;
left: 14px;
}
.arlo_fn_sidebar .null-instagram-feed .owl-carousel .owl-nav button.owl-next:after{
border-left-color: #fff;
left: 20px;
}
.arlo_fn_sidebar .null-instagram-feed .owl-carousel .owl-nav button.owl-prev:after{
border-right-color: #fff;
}
.arlo_fn_widget_brochure{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_widget_brochure .fn_brochures li{
float: left;
clear: both;
width: 100%;
margin: 0px;
margin-bottom: 5px;
}
.arlo_fn_widget_brochure .br_item{
float: left;
clear: both;
width: 100%;
padding: 18px 30px 18px 75px;
background-color: #111422;
position: relative;
}
.arlo_fn_widget_brochure .br_item a{
text-decoration: none;
display: block;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
z-index: 15;
position: absolute;
}
.arlo_fn_widget_brochure .icon{
position: absolute;
width: 48px;
height: 48px;
top: 5px;
left: 5px;
bottom: 0px;
color: #ccc;
z-index: 3;
background-color: rgba(255,255,255,0.08);
}
.arlo_fn_widget_brochure .arlo_fn_svg{
position: absolute;
width: 26px;
height: 26px;
top: 50%;
left: 50%;
margin: -13px 0px 0px -13px;
transition: all .3s ease;
}
.arlo_fn_widget_brochure li:hover .br_item:after{border-left-color: #fff;}
.arlo_fn_widget_brochure li:hover .text,
.arlo_fn_widget_brochure li:hover .icon{
color: #fff;
}
.arlo_fn_widget_brochure .text{
font-weight: 600;
letter-spacing: 0px;
font-size: 14px;
color: #ccc;
transition: all .3s ease;
display: block;
position: relative;
line-height: 1.6;
font-family: 'Montserrat';
}
.arlo_fn_widget_brochure .br_item:after{
content: '';
position: absolute;
right: 15px;
top: 50%;
margin-top: -5px;
border: 5px solid transparent;
border-left-color: #ccc;
z-index: 3;
transition: all .3s ease;
}
.widget_block.widget_categories li,
.widget_block.widget_archive li{
margin: 0px 0px 0px 0px;
width: 100%;
float: left;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.widget_block.widget_categories li:last-child,
.widget_block.widget_archive li:last-child{
border-bottom: none;
margin-bottom: 0;
}
.widget_block.widget_categories a,
.widget_block.widget_archive a{
line-height: 45px;
text-transform: capitalize;
}
.widget_block.widget_categories ul ul a{
line-height: 40px;
}  .aligncenter	{ display:block;  margin:0 auto; margin-bottom: 30px;}
.alignright		{ float:right;  margin-left:30px; margin-bottom: 30px;}
.alignleft		{ float:left;  margin-right:30px; margin-bottom: 30px;}
.floatleft		{ float:left}
.floatright		{ float:right}
.textcenter		{ text-align:center}
.textright		{ text-align:right}
.textleft		{ text-align:left}
.wp-caption		{ text-align:center; margin-bottom:20px; max-width:100%;}
.wp-caption img	{ margin:0;  padding:0;  border:0 none}
.wp-caption p.wp-caption-text{font-size:12px!important; padding:0;  margin:10px 15px 0 15px !important; font-style:italic;  line-height:1.4!important; letter-spacing:0.5px; font-weight:400; }
.wp-caption.alignleft p.wp-caption-text	{text-align:left;}
.wp-caption.alignright p.wp-caption-text{text-align:right;}
.wp-smiley		{margin:0 !important; max-height:1em}
blockquote.left	{margin-right:40px; text-align:left; margin-left:0; width:50%; float:left;}
blockquote.right{margin-left:40px; text-align:left; margin-right:0; width:50%; float:right}
.mc_signup_submit #mc_signup_submit{
margin-top:0;
width:100%;
}
.bypostauthor{
margin: 0px;
padding: 0px;
}
.gallery-caption{
margin: 0px;
font-size: 13px;
font-style: italic;
color: #999;
padding: 5px 0px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}
.sticky{height: auto;}
.arlo_fn_wrapper_all{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_wrapper_all,
.arlo_fn_wrapper_all *{
box-sizing: border-box;
}
.arlo_fn_wfh{
width: 100%;
float: left;
clear: both;
position: relative;
z-index: 1;
} .arlo_fn_footer{
width: 100%;
float: left;
clear: both;
position: relative;
overflow: hidden;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.arlo_fn_footer .footer_bottom{
width: 100%;
float: left;
clear: both;
position: relative;
background-color: #fff;
}
.arlo_fn_footer .footer_bottom_in{
width: 100%;
float: left;
clear: both;
position: relative;
padding: 63px 0px 63px 0px;
}
.arlo_fn_footer .bottom_widget{
width: 100%;
float: left;
clear: both;
margin-bottom: 2px;
}
.arlo_fn_footer .bottom_widget .widget_nav_menu ul{
margin-left: -30px;
}
.arlo_fn_footer .bottom_widget .widget_nav_menu ul li{
width: auto;
float: left;
padding-left: 30px;
padding-right: 0px;
}
.arlo_fn_footer .bottom_widget .widget_nav_menu ul li a{
font-size: 16px;
text-transform: uppercase;
}
.arlo_fn_footer .footer_copyright{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_footer .footer_copyright p{
margin: 0px;
padding: 0px;
color: #777;
font-family: 'Muli';
font-size: 18px;
}
.arlo_fn_footer .footer_copyright a{
color: #999;
text-decoration: none;
font-weight: 600;
border-bottom: 1px dotted transparent;
}
.arlo_fn_footer .footer_copyright a:hover{
border-bottom-color: #999;
}
.arlo_fn_footer .footer_widget{
width: 100%;
float: left;
clear: both;
position: relative;
z-index: 2;
padding: 83px 0px 49px 0px;
box-sizing: border-box;
}
.arlo_fn_footer .footer_widget .inner{
width: 100%;
float: left;
clear: both;
position: relative;
}
.arlo_fn_footer ul.widget_area{
margin: 0;
padding: 0;
list-style-type: none;
margin-left: -80px;
}
.arlo_fn_footer ul.widget_area > li{
width: 33.3333%;
float: left;
padding-left: 80px;
margin-bottom: 40px;
box-sizing: border-box;
} .arlo_fn_footer table,
.arlo_fn_footer table td,
.arlo_fn_footer table th,
.arlo_fn_footer table tr{border-color: #444}
.arlo_fn_footer .widget_businesshours .fn_days .day{
color: #555;
}
.arlo_fn_footer .widget_block a:hover,
.arlo_fn_footer .wid-title span,
.arlo_fn_footer .widget_nav_menu ul li a:hover{
color: #555;
}
.arlo_fn_footer .widget_businesshours .fn_days li:last-child{
border-bottom-color: transparent;
}
.arlo_fn_footer .bottom_widget .widget_nav_menu ul li a{
font-weight: 500 !important;
}
.arlo_fn_wrapper_all[data-footer-widget="disable"] .arlo_fn_footer .footer_widget{
display: none;
}
.arlo_fn_wrapper_all[data-footer-copyright="disable"] .arlo_fn_footer .footer_copyright{
display: none;
}
.arlo_fn_wrapper_all[data-footer-copyright="disable"][data-footer-widget="disable"] .arlo_fn_footer{
display: none;
} .arlo_fn_footer .widget_oih_opt_in_widget div{
background-color: transparent !important;
}
.arlo_fn_footer .widget_oih_opt_in_widget .oih-loading-spinner > div{
background-color: #fff !important;
}
.arlo_fn_footer .opt-in-hound-opt-in-content-wrapper,
.arlo_fn_footer .opt-in-hound-opt-in-form-wrapper,
.arlo_fn_footer .opt-in-hound-opt-in-success-message-wrapper{
padding: 0px;
}
.arlo_fn_footer .opt-in-hound-opt-in-wrapper.opt-in-hound-narrow .opt-in-hound-opt-in-form-input,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper.opt-in-hound-opt-in-form-position-right .opt-in-hound-opt-in-form-input,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper.opt-in-hound-opt-in-form-fields-orientation-stacked .opt-in-hound-opt-in-form-input{
margin-bottom: 0px;
}
.arlo_fn_footer .opt-in-hound-opt-in-promo{
display: none !important;
}
.arlo_fn_footer .opt-in-hound-opt-in-form{
display: flex !important;
flex-direction: row !important;
}
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-input{padding-right: 0px;}
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-button{
flex: 0 150px;
}
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h1,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h2,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h3,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h4,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h5,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h6,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper p,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-success-message-wrapper h1,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-success-message-wrapper h2,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-success-message-wrapper h3,
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-success-message-wrapper p{
font-size: 18px;
font-weight: 500;
letter-spacing: 0px;
margin: 0px;
color: #555;
text-align: right !important;
}
.arlo_fn_footer .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form-errors{
text-align: right !important;
}
.arlo_fn_footer .widget_oih_opt_in_widget input[type=email]::-webkit-input-placeholder{
color: #555 !important;
}
.arlo_fn_footer .widget_oih_opt_in_widget input[type=email]::-moz-placeholder{
color: #555 !important;
}
.arlo_fn_footer .widget_oih_opt_in_widget input[type=email]:-ms-input-placeholder{
color: #555 !important;
}
.arlo_fn_footer .widget_oih_opt_in_widget input[type=email]:-moz-placeholder{
color: #555 !important;
}
.arlo_fn_footer .widget_oih_opt_in_widget input[type=email]{
height: 44px !important;
background-color: rgba(245,245,245,0.05) !important;
border: 1px solid rgba(0,0,0,.1) !important;
border-right-width: 0px !important;
border-radius: 0px !important;
padding: 0px 20px !important;
color: #555 !important;
}
.arlo_fn_footer .widget_oih_opt_in_widget button{
height: 44px !important;
background-color: #ff4b36 !important;
border-radius: 0px !important;
padding: 0px 25px !important;
font-size: 14px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
color: #fff !important;
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important;
letter-spacing: 0.5px;
}
.arlo_fn_footer .widget_oih_opt_in_widget button:hover{
background-color: #316397 !important;
}
.arlo_fn_footer .top_footer{
width: 100%;
float: left;
clear: both;
position: relative;
}
.arlo_fn_footer .top_footer:after{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(8,18,37,1);
opacity: .9;
content: '';
}
.arlo_fn_footer .top_footer_img{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: -1;
}
.arlo_fn_footer .subscribe_f{
width: 100%;
float: left;
clear: both;
position: relative;
padding: 40px 0px;
z-index: 2;
}
.arlo_fn_footer .subscribe_f:after{
bottom: 0px;
left: 0px;
right: 0px;
height: 1px;
background-color: rgba(255,255,255,.1);
position: absolute;
content: '';
}
.arlo_fn_footer .subscribe_in{
width: 100%;
float: left;
clear: both;
display: flex;
flex-direction: row;
align-items: center;
}
.arlo_fn_footer .subscribe_in .s_left{
padding-right: 50px;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
}
.arlo_fn_footer .subscribe_in .s_left .arlo_fn_svg{
width: 50px;
height: 50px;
min-width: 50px;
margin-right: 20px;
fill: currentcolor;
color: #d24e1a;
}
.arlo_fn_footer .subscribe_in .s_left p{
margin: 0px;
padding: 0px;
color: #555;
font-size: 16px;
font-weight: 400;
}
.arlo_fn_footer .subscribe_in > div{
width: 50%;
box-sizing: border-box;
}
.arlo_fn_portfolio_justified .j_content{
width: 100%;
float: left;
clear: both;
} .arlo_fn_footer .footer_widget[data-cols="1"] ul.widget_area > li{width: 100%;}
.arlo_fn_footer .footer_widget[data-cols="2"] ul.widget_area > li{width: 50%;}
.arlo_fn_footer .footer_widget[data-cols="3"] ul.widget_area > li{width: 33.3333%;}
.arlo_fn_footer .footer_widget[data-cols="4"] ul.widget_area > li{width: 25%;}
@media(max-width: 1040px){
.arlo_fn_footer .footer_widget[data-cols="3"] ul.widget_area > li,
.arlo_fn_footer .footer_widget[data-cols="4"] ul.widget_area > li{width: 50%;}
}
@media(max-width: 768px){
.arlo_fn_footer .footer_widget[data-cols="2"] ul.widget_area > li,
.arlo_fn_footer .footer_widget[data-cols="3"] ul.widget_area > li,
.arlo_fn_footer .footer_widget[data-cols="4"] ul.widget_area > li{width: 100%;}
}
.arlo_fn_footer .es_spinner_image img{filter: invert(1);}
.arlo_fn_footer .subscribe_in .s_left{width: 100%;}
.arlo_fn_footer .subscribe_in .es-field-wrap{margin: 0;}
.arlo_fn_footer .subscribe_in .widget_email-subscribers-form form{
display: flex;
flex-direction: row;
}
.arlo_fn_footer .subscribe_in .widget_email-subscribers-form input[type="submit"]{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: none;
}
.arlo_fn_footer .subscribe_in .widget_email-subscribers-form input[type="email"]{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-width: 250px;
}
.arlo_fn_footer .widget_block img{margin: 0;}
.arlo_fn_footer .widget_block #text-2{margin: 0;}
.arlo_fn_footer ul.widget_area .widget_media_image{
margin-bottom: 17px;
}
.arlo_fn_footer .widget_block{margin-bottom: 50px;}
.arlo_fn_footer .widget_block:last-child{margin-bottom: 0;}
.arlo_fn_footer .es-field-wrap{
margin-bottom: 20px;
}
.arlo_fn_footer .widget_email-subscribers-form	input[type="submit"]{
background-color: #1e1e24;
font-family: 'Muli';
padding: 0 40px !important;
line-height: 50px;
height: 50px;
border: none;
box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
color: #eee;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
border-radius: 3px;
}
.arlo_fn_footer .widget_email-subscribers-form	input[type="email"]{
height: 50px;
padding: 0 17px !important;
width: 100%;
line-height: 50px;
border-radius: 3px;
background-color: #26262c;
border: none;
font-family: 'Muli';
font-size: 16px;
color: #777;
}
.arlo_fn_footer .textwidget p{
margin: 0;
font-size: 16px;
line-height: 1.5;
font-family: 'Muli';
}
.arlo_fn_footer .widget_nav_menu li{
width: 50%;
float: left;
clear: none;
}
.arlo_fn_footer .widget_nav_menu ul li a:first-letter{
text-transform: uppercase;
}
.arlo_fn_footer .widget_tag_cloud .tagcloud{
margin-left: -7px;
}
.arlo_fn_footer .widget_tag_cloud a{
border-color: rgba(238,238,238,.1);
border-radius: 2px;
color: #999;
font-family: 'Muli';
font-size: 11px !important;
padding: 0px 9px;
line-height: 23px;
text-transform: uppercase;
margin: 0 0 7px 7px;
}
.arlo_fn_footer .widget_nav_menu ul li a{
font-size: 16px;
line-height: 1.5;
color: #777;
font-family: 'Muli';
}
.arlo_fn_footer .textwidget a{
font-weight: 600;
text-decoration: none;
color: #aaa;
}
.arlo_fn_footer .textwidget a:hover{
color: #ccc;
}
.arlo_fn_footer .wid-title span:after,
.arlo_fn_footer .wid-title span:before{
content: none;
}
.arlo_fn_footer .wid-title span{
padding: 0;
font-size: 16px;
color: #999;
font-family: 'Montserrat';
text-transform: uppercase;
margin-bottom: 18px;
font-weight: 500;
}  a.arlo_fn_totop{
position: absolute;
width: 51px;
height: 51px;
top: 50%;
margin-top: -25px;
right: 0px;
z-index: 25;
overflow: hidden;
display: block;
text-align: center;
cursor: pointer;
transition: all .3s ease;
}
a.arlo_fn_totop.arlo_fn_fixed_totop{
position: fixed;
top: auto;
left: auto;
width: 38px;
height: 38px;
margin-top: 0;
right: 50px;
bottom: 50px;
transform: translateY(20px);
z-index: 333;
opacity: 0;
visibility: hidden;
}
a.arlo_fn_totop.arlo_fn_fixed_totop.scrolled{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
a.arlo_fn_totop.arlo_fn_fixed_totop .top{
background-color: #ff4b36;
width: 38px;
height: 38px;
border: none;
left: 0;
border-radius: 3px;
}
a.arlo_fn_totop.arlo_fn_fixed_totop .top:after{
border-bottom-color: #fff;
left: 13px;
bottom: 15px;
border-width: 6px;
border-bottom-width: 8px;
}
a.arlo_fn_totop .top{
display: block;
position: absolute;
}
a.arlo_fn_totop .top:after {
content: '';
width: 0px;
position: absolute;
display: block;
border: 5px solid transparent;
}
a.arlo_fn_totop.arlo_fn_footer_totop .text{
display: none;
}
a.arlo_fn_totop.arlo_fn_footer_totop .top{
background-color: transparent;
width: 50px;
height: 50px;
border: 1px solid rgba(255,255,255,.2);
border-radius: 3px;
left: 0;
}
a.arlo_fn_totop.arlo_fn_footer_totop .top:hover{
border-color: rgba(255,255,255,.5);
}
a.arlo_fn_totop.arlo_fn_footer_totop .top:after{
border-bottom-color: #bbb;
left: 18px;
bottom: 20px;
border-width: 6px;
border-bottom-width: 8px;
}
.arlo_fn_footer[data-b-widget="disable"][data-copy="disable"] a.arlo_fn_totop{
top: auto;
margin-top: auto;
bottom: 0px;
right: 0px;
position: fixed;
opacity: 0;
visibility: hidden;
}
.arlo_fn_footer[data-b-widget="disable"][data-copy="disable"] .footer_bottom_in{
padding: 0px;
}
.arlo_fn_footer[data-b-widget="disable"][data-copy="disable"] a.arlo_fn_totop.scrolled{
opacity: 1;
visibility: visible;
bottom: 15px;
} img.retina_logo_dark,
img.desktop_logo_custom,
img.retina_logo_dark,
img.desktop_logo,
img.retina_logo{
display: none;
}
.arlo_fn_header{
width: 400px;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
z-index: 100;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_fn_header .header_inner{
width: 100%;
height: 100%;
clear: both;
float: left;
}
.arlo_fn_header .menu_logo{
padding: 60px;
}
.arlo_fn_header .menu_logo a{
text-decoration: none;
}
.arlo_fn_header .menu_nav{
padding: 0px 60px 0px 60px;
height: calc(100vh - 245px - 188px);
}
.arlo_fn_header .menu_nav > div{
display: table;
height: 100%;
width: 100%;
}
.arlo_fn_header .menu_nav > div > ul{
display: table-cell;
vertical-align: middle;
}
.arlo_fn_header .menu_nav ul.vert_nav{
margin: 0;
list-style-type: none;
padding: 0;
}
.arlo_fn_header .menu_nav ul.vert_nav li{
margin: 0;
padding: 0;
}
.arlo_fn_header .menu_nav ul.vert_nav li > a{
text-decoration: none;
color: #000;
font-family: "Raleway";
text-transform: capitalize;
font-weight: 500;
display: block;
position: relative;
padding: 13px 0px;
font-size: 16px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_fn_header .menu_nav ul.vert_nav li > a:hover{
color: #ff4b36;
}
.arlo_fn_header .menu_nav ul.vert_nav li > a:before{
position: absolute;
content: "";
width: 100%;
height: 2px;
background-color: rgba(0,0,0,.1);
left: 0px;
bottom: 0px;
}
.arlo_fn_header .menu_nav ul.vert_nav li:last-child > a:before{display: none;}
.arlo_fn_header .menu_nav ul.vert_nav li > a:after{
position: absolute;
content: "";
width: 0%;
height: 2px;
background-color: rgba(0,0,0,.08);
left: 0px;
bottom: 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_fn_header .menu_nav ul.vert_nav li:last-child > a:after{display: none;}
.arlo_fn_header .menu_nav ul.vert_nav li > a:hover:after{width: 100%;}
.arlo_fn_header .menu_nav ul.vert_nav li.hovered > a:after{width: 100%;}
.arlo_fn_wrapper{
width: 100%;
float: left;
clear: both;
position: relative;
padding-left: 400px;
transition: padding .3s ease;
z-index: 3;
}
.arlo_fn_header ul.sub-menu{
margin: 0;
padding: 0;
opacity: 0;
visibility: hidden;
position: absolute;
left: 100%;
top: 0px;
height: 0px;
overflow: hidden;
}
.arlo_fn_header ul.vert_nav li{
position: relative;
}
.arlo_fn_header ul.vert_nav li.menu-item-has-children:after {
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-left-color: #666;
right: 1px;
top: 18px;
}
.arlo_fn_header .menu_logo{
position: relative;
z-index: 10;
}
.arlo_fn_header .header_closer{
width: 38px;
height: 38px;
background-color: #ff4b36;
position: absolute;
right: 0px;
bottom: 20%;
transition: all .3s ease;
cursor: pointer;
z-index: 333333;
}
.arlo_fn_header .header_closer:after{
cursor: pointer;
display: block;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 7px 5px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 14px;
left: 15px;
transform: rotate(0deg);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_fn_header[data-align="center"] .menu_logo{text-align: center;}
.arlo_fn_header[data-align="center"] .menu_nav{text-align: center;}
.arlo_fn_header[data-align="center"] .arlo_fn_social_list ul{justify-content: center;}
.arlo_fn_header[data-align="right"] .menu_logo{text-align: right;}
.arlo_fn_header[data-align="right"] .menu_nav{text-align: right;}
.arlo_fn_header[data-align="right"] .arlo_fn_social_list ul{justify-content: flex-end;}
.arlo_fn_header[data-align="right"] .arlo_fn_tagline .tline_search input[type=text]{
padding: 0 28px 0 0 !important;
text-align: right;
}
.arlo_fn_header[data-align="right"] .arlo_fn_tagline.focused .tline_search input[type=text]{
padding-left: 28px !important;
padding-right: 0px !important;
}
.arlo_fn_header[data-align="right"] .arlo_fn_tagline .tline_search input[type=submit]{
left: auto;
right: 0;
}
.arlo_fn_header[data-align="right"] .arlo_fn_tagline .tline_search a{
left: auto;
right: 0;
transform: rotate(90deg);
}
.arlo_fn_header[data-align="right"] .arlo_fn_tagline .tline_search a.left{
left: auto;
right: 100%;
}
.arlo_fn_header[data-align="right"] .arlo_fn_tagline.focused .tline_search a.left{
margin-right: -20px;
} .arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_header{
background-color: #000;
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] img.desktop_logo_dark{
display: none;
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] img.desktop_logo{
display: block;
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_header .menu_nav ul.vert_nav li > a{
color: #fff;
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_header .menu_nav ul.vert_nav li > a:before{
background-color: rgba(255,255,255,.1);
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_header .menu_nav ul.vert_nav li > a:after{
background-color: rgba(255,255,255,.08);
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_header .menu_nav ul.vert_nav li.hovered > a,
.arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_header .menu_nav ul.vert_nav li > a:hover{
color: #ff4b36;
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_tagline .tline_search input[type=text]{
border-bottom-color: rgba(255,255,255,.1);
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_tagline .tline_search:after{
background-color: rgba(255,255,255,.08);
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_tagline .social_list ul li a{
color: #fff;
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] .arlo_fn_tagline .social_list ul li a:hover{
color: #ff4b36;
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] #arlo_fn_fixedsub ul{
background-color: #000;
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] #arlo_fn_fixedsub ul a{
color: #fff;
}
.arlo_fn_wrapper_all[data-nav-skin="dark"] #arlo_fn_fixedsub ul li:hover > a,
.arlo_fn_wrapper_all[data-nav-skin="dark"] #arlo_fn_fixedsub ul a:hover{
color: #ff4b36;
}
.arlo_fn_wrapper_all[data-nav-skin="custom"] img.desktop_logo,
.arlo_fn_wrapper_all[data-nav-skin="custom"] img.desktop_logo_dark{
display: none;
}
.arlo_fn_wrapper_all[data-nav-skin="custom"] img.desktop_logo_custom{
display: block;
} .arlo_fn_mobilemenu_wrap{
width: 100%;
float: left;
clear: both;
display: none;
overflow: hidden;
}
.arlo_fn_mobilemenu_wrap .fn_menu_description{display: none;}
.arlo_fn_mobilemenu_wrap .hamburger{
opacity: 1;
}
.arlo_fn_mobilemenu_wrap ul{
list-style-type: none;
margin: 0px;
}
.arlo_fn_mobilemenu_wrap .logo_hamb{
width: 100%;
float: left;
clear: both;
padding: 20px;
background-color: #0f0f16;
box-sizing: border-box;
}
.arlo_fn_mobilemenu_wrap .logo_hamb .in{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.arlo_fn_mobilemenu_wrap .menu_logo a{
text-decoration: none;
display: block;
cursor: pointer;
}
.arlo_fn_mobilemenu_wrap .menu_logo a img{
max-width: 225px;
max-height: 40px;
}
.arlo_fn_mobilemenu_wrap .mobilemenu{
width: 100%;
float: left;
clear: both;
padding: 40px 20px 30px 20px;
background-color: #090909;
display: none;
box-sizing: border-box;
}
.arlo_fn_mobilemenu_wrap .vert_menu_list ul{
margin: 20px 0px 10px 0px;
list-style-type: none;
margin-left: 20px;
display: none;
position: relative;
overflow: hidden;
}
.arlo_fn_mobilemenu_wrap .vert_menu_list a{
text-decoration: none;
color: #ccc;
font-size: 18px;
line-height: 27px;
text-transform: uppercase;
display: block;
position: relative;
font-family: 'Raleway';
}
.arlo_fn_mobilemenu_wrap .vert_menu_list a:hover{
color: #fff;
}
.arlo_fn_mobilemenu_wrap .vert_menu_list ul a{
text-transform: none;
}
.arlo_fn_mobilemenu_wrap .vert_menu_list li{
margin: 0px;
position: relative;
margin-bottom: 10px;
}
.arlo_fn_mobilemenu_wrap .vert_menu_list li.menu-item-has-children > a:after{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-left-color: #666;
right: 1px;
top: 50%;
margin-top: -5px;
transition: all .3s ease;
transform-origin: left center;
}
.arlo_fn_mobilemenu_wrap .vert_menu_list li.active.menu-item-has-children > a:after{
transform: rotate(90deg);
margin-top: -8px;
}
.arlo_fn_mobilemenu_wrap .vert_menu_list li.menu-item-has-children:hover > a:after,
.arlo_fn_mobilemenu_wrap .vert_menu_list li.active.menu-item-has-children > a:after{
border-left-color: #fff;
}
.arlo_fn_mobilemenu_wrap .vert_menu_list li.active.menu-item-has-children > a{
color: #fff;
}
.arlo_fn_mobilemenu_wrap .menu_logo{
margin-right: 20px;
} .arlo_fn_wrapper_all.menu_opened .arlo_fn_tagline,
.arlo_fn_wrapper_all.menu_opened .arlo_fn_header{
left: -400px;
}
.arlo_fn_wrapper_all.menu_opened .arlo_fn_wrapper{
padding-left: 0;
}
.arlo_fn_wrapper_all.menu_opened .arlo_fn_header .header_closer{
right: -38px;
}
.arlo_fn_wrapper_all.menu_opened .arlo_fn_header .header_closer:after{
transform: rotate(-180deg);
left: 16px;
} .container{
transition: max-width .3s ease;
} .arlo_fn_tagline{
position: fixed;
left: 0px;
bottom: 0px;
padding: 60px 60px 54px 60px;
width: 400px;
box-sizing: border-box;
z-index: 999;
transition: bottom 300ms linear;
}
.arlo_fn_tagline .tline_search{
width: 100%;
float: left;
clear: both;
position: relative;
}
.arlo_fn_tagline .tline_search a{
position: absolute;
z-index: 1;
display: block;
width: 16px;
height: 32px;
top: 0px;
left: 0px;
color: #999;
text-decoration: none;
transition: all .3s ease;
}
.arlo_fn_tagline .tline_search a.right{
transition-delay: .3s;
}
.arlo_fn_tagline .tline_search a.left{
left: 100%;
opacity: 0;
visibility: hidden;
transition-delay: 0s;
}
.arlo_fn_tagline .tline_search svg,
.arlo_fn_tagline .tline_search img{
position: absolute;
width: 16px;
height: 16px;
top: 8px;
left: 0px;
}
.arlo_fn_tagline .tline_search input[type=text]{
height: 32px;
padding: 0px 0px 0px 28px !important;
line-height: 30px;
border: 2px solid transparent;
border-bottom-color: rgba(0,0,0,.05);
background-color: transparent;
width: 100%;
font-size: 14px;
color: #6f6f6f;
}
.arlo_fn_tagline .tline_search input[type=submit]{
background-color: transparent !important;
height: 32px;
width: 16px;
position: absolute;
left: 148px;
left: 0px;
top: 0px;
padding: 0px !important;
z-index: 2;
}
.arlo_fn_tagline.focused .tline_search input[type=text]{
padding-left: 0px !important;
padding-right: 28px !important;
}
.arlo_fn_tagline .tline_search:after{
content: '';
position: absolute;
width: 0px;
bottom: 0px;
left: 0px;
height: 2px;
background-color: rgba(0,0,0,.05);
transition: width .3s ease;
}
.arlo_fn_tagline.focused .tline_search:after{
width: 100%;
transition-delay: .3s;
}
.arlo_fn_tagline.focused .tline_search a.right{
opacity: 0;
visibility: hidden;
left: -16px;
transition-delay: 0s;
}
.arlo_fn_tagline.focused input[type=submit]{
margin-left: -20px;
left: 100%;
}
.arlo_fn_tagline.focused .tline_search a.left{
margin-left: -20px;
opacity: 1;
visibility: visible;
transition-delay: .3s;
}
.arlo_fn_tagline .tline_slogan{
width: 100%;
float: left;
clear: both;
position: relative;
font-size: 14px;
letter-spacing: 0px;
line-height: 1.5;
color: #ccc;
}
.arlo_fn_tagline .tline_slogan span{
color: #ff8f03;
display: inline-block;
margin-right: 7px;
}
.arlo_fn_wrapper_all .arlo_fn_tagline{
left: 0px;
bottom: 0px;
transition: all .3s ease;
}
.arlo_fn_tagline > div{
margin-bottom: 15px;
}
.arlo_fn_tagline > div:last-child{
margin-bottom: 0px;
}
.arlo_fn_tagline .social_list ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arlo_fn_tagline .social_list ul li{
padding: 0;
margin: 0px 10px 0px 0px;
display: inline-block;
}
.arlo_fn_tagline .social_list ul li a{
text-decoration: none;
color: #000;
transition: all .3s ease;
}
.arlo_fn_tagline .social_list ul li a:hover{color: #ff4b36;}
.forheight:after{
clear: both;
display: table;
content: '';
} .arlo_fn_sidebarpage .inner,
.arlo_fn_sidebarpage .s_inner{
width: 100%;
display: flex;
flex-direction: row;
}
.arlo_fn_sidebarpage .inner.no_height .arlo_fn_rightsidebar,
.arlo_fn_sidebarpage .s_inner.no_height .arlo_fn_rightsidebar{
width: 0;
padding: 0;
margin: 0;
opacity: 0;
visibility: hidden;
}
.arlo_fn_sidebarpage .inner.no_height .arlo_fn_leftsidebar,
.arlo_fn_sidebarpage .s_inner.no_height .arlo_fn_leftsidebar{
padding-right: 0px;
}
.arlo_fn_sidebarpage .arlo_fn_leftsidebar{
width: 100%;
padding-right: 50px;
padding-bottom: 70px;
}
.arlo_fn_sidebarpage .arlo_fn_rightsidebar{
min-width: 300px;
max-width: 30%;
padding-bottom: 70px;
}
.single .blog_single_title{
padding-top: 0;
padding-bottom: 50px;
}
.single .arlo_fn_sidebarpage .arlo_fn_rightsidebar{
margin-top: 70px;
} #arlo_fn_fixedsub{
opacity: 0;
visibility: hidden;
position: fixed;
z-index: 2222222;
left: 50%;
top: 550px;
width: 290px;
background-color: #202020;
transform: translateY(-10px);
transition: all .5s ease;
}
.admin-bar #arlo_fn_fixedsub{
transform: translateY(-42px);
}
#arlo_fn_fixedsub.opened{
opacity: 1;
visibility: visible;
}
#arlo_fn_fixedsub ul{
margin: 0px;
list-style-type: none;
width: 290px;
background-color: #fff;
padding: 20px 0px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
box-sizing: border-box;
}
#arlo_fn_fixedsub ul:hover > li > a{
opacity: .8;
}
#arlo_fn_fixedsub ul:hover > li:hover > a{
opacity: 1;
}
#arlo_fn_fixedsub ul ul{
position: absolute;
left: 100%;
top: 0px;
opacity: 0;
visibility: hidden;
transform: translateY(0px);
transition: all .5s ease;
}
#arlo_fn_fixedsub ul li{
position: relative;
padding: 0px 30px;
margin: 0px;
}
#arlo_fn_fixedsub ul a{
display: block;
text-decoration: none;
letter-spacing: .5px;
color: #000;
position: relative;
font-size: 14px;
line-height: 35px !important;
font-weight: 500;
font-family: 'Raleway', sans-serif;
}
#arlo_fn_fixedsub li.menu-item-has-children > a:after{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-left-color: #666;
right: 1px;
top: 11px;
}
#arlo_fn_fixedsub ul li:hover > ul{
opacity: 1;
visibility: visible;
transform: translateY(-20px);
}
.arlo_fn_header .menu_nav ul.vert_nav li.hovered > a,
.arlo_fn_header .menu_nav ul.vert_nav li > a:hover{
color: #ff4b36;
}
#arlo_fn_fixedsub ul li:hover > a,
#arlo_fn_fixedsub ul a:hover{
color: #ff4b36;
}  .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger-box {
width: 30px;
height: 16px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 2px;
background-color: #000;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before{
top: -7px;
}
.hamburger-inner::after{
bottom: -7px;
}
.hamburger{
padding: 0px;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.hamburger-box{display: block;}
.hamburger .hamburger-inner::before,
.hamburger .hamburger-inner::after,
.hamburger .hamburger-inner{
background-color: #ccc;
width: 30px; } .arlo_fn_pagetitle{
width: 100%;
height: auto;
clear: both;
float: left;
padding: 86px 0px;
}
.arlo_fn_pagetitle h3{
margin: 0;
padding: 0;
font-size: 35px;
font-weight: 600;
color: #000;
position: relative;
}
.index_page.arlo_fn_pagetitle h3:before{
position: absolute;
content: "";
width: 60px;
height: 3px;
background-color: #ff4b36;
left: 0px;
bottom: -10px;
} .arlo_fn_searchpagelist{
width: 100%;
float: left;
clear: both;
margin-bottom: 30px;
}
.arlo_fn_searchpagelist_item{
width: 100%;
float: left;
clear: both;
padding: 30px;
margin-bottom: 20px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);
transition: all .5s ease;
border-radius: 5px;
border: 1px solid #eee;
}
.arlo_fn_searchpagelist_item:hover{box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);}
.arlo_fn_searchpagelist_item.fn_has_post_thumb .fn_thumb_results{
display: block;
}
.arlo_fn_searchpagelist_item.fn_has_post_thumb .fn_results{
display: none;
}
.arlo_fn_searchpagelist_item .fn_thumb_results{
width: 100%;
float: left;
clear: both;
display: none;
padding-left: 170px;
min-height: 170px;
position: relative;
padding-top: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arlo_fn_searchpagelist_item .fn_thumb_results .img_holder{
position: absolute;
left: 0px;
top: 0px;
width: 140px;
height: 140px;
overflow: hidden;
border-radius: 100%;
}
.arlo_fn_searchpagelist_item .fn_thumb_results .title_img{
width: 100%;
float: left;
clear: both;
box-sizing: border-box;
}
.arlo_fn_searchpagelist_item .fn_thumb_results .content_holder{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_searchpagelist_item .fn_results{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_searchpagelist article{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_searchpagelist_item h1{
font-size: 24px;
line-height: 1.2;
letter-spacing: 0px;
margin-bottom: 10px;
}
.arlo_fn_searchpagelist_item h1 a{
text-decoration: none;
}
.arlo_fn_searchpagelist_item .sub{
display: block;
line-height: 1.7;
color: #777;
font-size: 15px;
margin-bottom: 40px;
}
.arlo_fn_searchpagelist_item p{
line-height: 1.7;
letter-spacing: 0px;
color: #777;
margin-bottom: 40px;
}
.arlo_fn_searchpagelist_item a.read_more{
display: inline-block;
text-decoration: none;
line-height: 1;
letter-spacing: .5px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
color: #ff8f03;
border-bottom: 1px solid transparent;
padding-bottom: 3px;
transition: all .5s ease;
}
.arlo_fn_searchpagelist_item a.read_more:hover{
border-bottom: 1px solid;
}
.arlo_fn_searchpage_nothing{
max-width: 650px;
}
.arlo_fn_searchpage_nothing > div{
width: 100%;
float: left;
position: relative;
background-color: #e9eff4;
border: 1px solid #e5e5e5;
text-align: left;
padding: 100px 50px 70px 50px;
margin-top: 55px;
margin-bottom: 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arlo_fn_searchpage_nothing p{
line-height: 1.7;
color: #777;
letter-spacing: 0px;
margin-bottom: 20px;
font-weight: 400;
}
.arlo_fn_searchpage_nothing > div:after{
content: '';
width: 110px;
height: 110px;
display: inline-block;
line-height: 110px;
font-size: 60px;
top: -55px;
left: 50px;
color: #333;
position: absolute;
background-color: #e9eff4;
border: 1px solid #e5e5e5;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arlo_fn_searchpage_nothing > div:before{
width: 40px;
height: 40px;
content: '';
left: 85px;
top: -22px;
position: absolute;
z-index: 22;
background-image: url(//jiskratomas.cz/wp-content/themes/arlo/framework/img/home.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.arlo_fn_searchpage_nothing a.gotohome{
display: inline-block;
text-decoration: none;
line-height: 1;
letter-spacing: .5px;
position: relative;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.arlo_fn_searchpage_nothing a.for_icon{
position: absolute;
width: 110px;
height: 110px;
display: inline-block;
line-height: 110px;
font-size: 60px;
top: -55px;
left: 50px;
z-index: 55;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.arlo_fn_searchpage_nothing .search2{
width: 100%;
float: left;
clear: both;
position: relative;
}
.arlo_fn_searchpage_nothing .search2 input[type=text]{
height: 40px;
padding: 0px 40px 0px 10px !important;
border: 1px solid #e5e5e5;
background-color: #f5f5f5;
width: 240px;
position: relative;
}
.arlo_fn_searchpage_nothing .search2 input.fs{
height: 40px;
padding: 0px !important;
color: #fff;
width: 40px;
background-color: transparent !important;
text-transform: uppercase;
margin-bottom: 0px !important;
position: absolute;
left: 200px;
top: 0px;
z-index: 5;
cursor: pointer;
}
.arlo_fn_searchpage_nothing .search2 img,
.arlo_fn_searchpage_nothing .search2 svg{
width: 20px;
height: 20px;
position: absolute;
top: 10px;
left: 10px;
}
.arlo_fn_searchpage_nothing .search2 a.fn_search{
color: #666;
width: 40px;
height: 40px;
position: absolute;
z-index: 1;
left: 200px;
top: 0px;
}  .arlo_fn_error_page{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_error_page{
padding: 150px 0px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arlo_fn_error_page .error_wrap{
width: 100%;
max-width: 550px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arlo_fn_error_page .error_box{
width: 100%;
float: left;
clear: both;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arlo_fn_error_page .search_holder div{
width: 50%;
float: left;
}
.arlo_fn_error_page .search_holder div:last-child{
padding-left: 20px;
}
.arlo_fn_error_page .search_holder input{
width: 100%;
min-width: 100%;
height: 50px;
text-align: center;
}
.arlo_fn_error_page .search_holder input[type=text]{
background-color: transparent;
border: 1px solid rgba(0,0,0,.2);
}
.arlo_fn_error_page .error_box h1{
font-size: 80px;
letter-spacing: 2px;
line-height: 1;
margin-bottom: 23px;
color: #ff8f03;
font-weight: 500;
}
.arlo_fn_error_page .error_box h3{
margin: 0px;
padding: 0px;
font-size: 36px;
letter-spacing: 0px;
font-weight: 500;
line-height: 1;
margin-bottom: 37px;
}
.arlo_fn_error_page .error_box p{
margin-bottom: 44px;
color: #777;
}  .arlo_fn_comment_wrapper{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_comment{
width: 100%;
float: left;
clear: both;
background-color: #f1f1f1;
overflow: hidden;
margin: 100px 0px;
padding: 9px 40px 0;
padding-bottom: 0;
}
.comment-navigation{
margin: 30px 0px 10px -15px;
float: left;
position: relative;
}
.comment-navigation:after{
clear: both;
display: table;
content: '';
}
.comment-navigation div{
display: block;
float: left;
padding-left: 15px;
}
.comment-navigation a{
text-decoration: none;
display: inline-block;
position: relative;
}
.arlo_fn_comment .comment_list{
width: 100%;
float: left;
clear: both;
position: relative;
padding-bottom: 27px;
margin-top: 35px; }
.arlo_fn_comment .comment-respond:first-child{
margin-top: 38px;
}
.arlo_fn_comment .comment_list:before{
right: -40px;
left: -40px;
top: 100%;
height: 5px;
background-color: #fff;
position: absolute;
z-index: 2;
content: '';
}
.arlo_fn_comment p{
margin: 0px;
padding: 0px;
}
.arlo_fn_comment p.nocomments{
margin-bottom: 40px;
}
.arlo_fn_comment h3.comment-title{
line-height: 1.2;
letter-spacing: 0px;
font-size: 23px;
font-weight: 500;
color: #000;
margin-bottom: 20px;
position: relative;
padding-bottom: 14px;
}
.arlo_fn_comment h3.comment-title:after{
content: '';
position: absolute;
width: 100px;
height: 2px;
background-color: #ccc;
top: 100%;
left: 0;
}
.arlo_fn_comment h3.comment-title:before{
content: '';
position: absolute;
width: 50px;
height: 2px;
background-color: #ccc;
top: 100%;
left: 0;
margin-top: 7px;
}
.arlo_fn_comment ul.commentlist{
margin: 0px;
list-style-type: none;
}
.arlo_fn_comment ul.commentlist > li:first-child{
border-top-color: transparent;
}
.arlo_fn_comment ul.commentlist > li{
width: 100%;
clear: both;
margin: 0px;
padding: 20px 0px 20px 0px;
border-top: 1px solid rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arlo_fn_comment div.comment-body{
position: relative;
width: 100%;
padding: 6px 0px 3px 90px;
clear: both;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arlo_fn_comment div.comment-avatar{
position: absolute;
top: 0px;
left: 0px;
width: 60px;
height: 60px;
}
.arlo_fn_comment div.comment-avatar img{
width: 60px;
height: 60px;
position: relative;
z-index: 10;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.arlo_fn_comment span.author{
display: block;
line-height: 1.2;
letter-spacing: 0px;
font-size: 18px;
font-weight: 400;
color: #041230;
margin-bottom: 7px;
}
.arlo_fn_comment span.author a{
color: #041230;
text-decoration: none;
}
.arlo_fn_comment span.author a:hover{
color: #ff4b36;
}
.arlo_fn_comment span.time{
line-height: 1.2;
font-size: 14px;
letter-spacing: 0px;
color: #777;
position: relative;
display: inline-block;
}
.arlo_fn_comment a.comment-reply-link{
text-decoration: none;
display: inline-block;
position: relative;
color: #d24e1a;
}
.arlo_fn_comment .edit-link{
display: inline-block;
margin: 0px 10px;
}
.arlo_fn_comment a.comment-edit-link{
text-decoration: none;
display: inline-block;
position: relative;
line-height: 1.2;
margin: 0px 10px;
color: #d24e1a;
}
.arlo_fn_comment a.comment-edit-link:after{
content: '[';
position: absolute;
right: 100%;
top: 0px;
}
.arlo_fn_comment a.comment-edit-link:before{
content: ']';
position: absolute;
left: 100%;
top: 0px;
}
.arlo_fn_comment div.comment-text{
margin-top: 29px;
}
.arlo_fn_comment div.comment-text p{
margin: 0px;
padding: 0px;
line-height: 1.7;
letter-spacing: 0px;
color: #777;
margin-bottom: 34px;
}
.arlo_fn_comment div.comment-text p:last-child{
margin-bottom: 0px;
}
.arlo_fn_comment div.comment-text p > a{
text-decoration: none;
display: inline-block;
color: #d24e1a;
}
.arlo_fn_comment div.comment-text p > a:hover{
text-decoration: underline;
}
.arlo_fn_comment div.comment-text .fn_reply{
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row;
}
.arlo_fn_comment div.comment-text .comment-reply-link{
display: inline-block;
border-radius: 0px;
background-color: #081225;
color: #fff;
text-decoration: none;
font-size: 14px;
line-height: 24px;
padding: 0px 8px;
}
.arlo_fn_comment .comment-respond{
width: 100%;
float: left;
clear: both;
margin: 52px 0px 50px;
padding-top: 0px !important;
position: relative;
}
.arlo_fn_comment h3.comment-reply-title{
line-height: 1.2;
letter-spacing: 0px;
font-size: 23px;
font-weight: 500;
color: #041230;
margin-bottom: 30px;
padding-bottom: 14px;
text-transform: none;
position: relative;
top: -3px;
}
.arlo_fn_comment h3.comment-reply-title:after{
content: '';
position: absolute;
width: 100px;
height: 2px;
background-color: #ccc;
top: 100%;
left: 0;
}
.arlo_fn_comment h3.comment-reply-title:before{
content: '';
position: absolute;
width: 50px;
height: 2px;
background-color: #ccc;
top: 100%;
left: 0;
margin-top: 7px;
}
.arlo_fn_comment h3.comment-reply-title a{
text-decoration: none;
display: inline-block;
position: relative;
line-height: 1.2;
margin-left: 20px;
padding: 0px 1px;
font-weight: 500 !important;
color: #f4b21c;
}
.arlo_fn_comment h3.comment-reply-title a:after{
content: '[';
position: absolute;
right: 100%;
top: 0px;
}
.arlo_fn_comment h3.comment-reply-title a:before{
content: ']';
position: absolute;
left: 100%;
top: 0px;
}
.arlo_fn_comment .logged-in-as{
margin-bottom: 18px;
color: #d24e1a;
}
.arlo_fn_comment .logged-in-as a:first-child{
text-decoration: none;
display: inline-block;
line-height: 1;
color: #d24e1a;
}
.arlo_fn_comment .logged-in-as a:last-child:hover,
.arlo_fn_comment .logged-in-as a:hover{
text-decoration: underline;
}
.arlo_fn_comment .logged-in-as a:last-child{
text-decoration: none;
display: inline-block;
position: relative;
line-height: 1.2;
margin: 0px 10px;
color: #d24e1a;
}
.arlo_fn_comment .logged-in-as a:last-child:after{
content: '[';
position: absolute;
right: 100%;
top: 0px;
}
.arlo_fn_comment .logged-in-as a:last-child:before{
content: ']';
position: absolute;
left: 100%;
top: 0px;
}
.arlo_fn_comment .input-holder{
width: 100%;
float: left;
clear: both;
margin-bottom: 20px;
}
.arlo_fn_comment .input-holder label{
display: block;
font-size: 14px;
letter-spacing: 0px;
line-height: 1.7;
color: #777;
margin-bottom: 10px;
}
.arlo_fn_comment .input-holder span{
display: inline-block;
margin-left: 1px;
margin-top: -4px;
color: #ff4b36;
}
.arlo_fn_comment .input-holder textarea{
width: 100%;
min-width: 100%;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.05);
}
.arlo_fn_comment .input-holder input.com-text{
width: 340px;
font-size: 15px;
padding: 0px 15px !important;
height: 40px;
line-height: 1;
color: #6f6f6f;
background-color: #fff;
vertical-align: bottom;
border: 1px solid rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arlo_fn_comment .form-submit{
display: block;
clear: both;
}
.arlo_fn_comment .form-submit input.submit{
font-size: 14px;
padding: 1px 20px 0px 20px !important;
height: 44px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
letter-spacing: .5px;
line-height: 1;
border-radius: 0px;
}
.arlo_fn_comment ul.children{
padding: 0px 0px 0px 20px;
margin: 0px;
clear: both;
list-style-type: none;
border-top: 1px solid rgba(0,0,0,0.05);
padding-left: 0;
margin-left: 20px;
margin-top: 20px;
}
.arlo_fn_comment ul.children > li{
padding: 20px 0px 0px 0px;
margin: 0px;
}  .arlo_fn_breadcrumbs{
width: 100%;
float: left;
clear: both;
position: relative;
padding-top: 13px;
padding-bottom: 2px;
}
.arlo_fn_breadcrumbs ul{
margin: 0px;
list-style-type: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.arlo_fn_breadcrumbs ul li{
float: left;
}
.arlo_fn_breadcrumbs a,
.arlo_fn_breadcrumbs span.bread-current{
font-size: 14px;
color: #666;
text-decoration: none;
letter-spacing: 0px;
line-height: 1.5;
}
.arlo_fn_breadcrumbs a{
font-weight: 600;
}
.arlo_fn_breadcrumbs a:hover{
color: #d24e1a;
}
.arlo_fn_breadcrumbs .separator span{
width: 33px;
height: 24px;
display: block;
position: relative;
}
.arlo_fn_breadcrumbs .separator span:after{
width: 9px;
height: 2px;
display: block;
content: '';
position: absolute;
background-color: #ddd;
left: 13px;
top: 8px;
transform: rotate(45deg);
}
.arlo_fn_breadcrumbs .separator span:before{
width: 9px;
height: 2px;
display: block;
content: '';
position: absolute;
background-color: #ddd;
left: 13px;
top: 14px;
transform: rotate(135deg);
}  ul.arlo_fn_postlist,
ul.arlo_fn_archive_list{
list-style-type: none;
margin: 0px;
margin-left: -50px;
transition: height .3s ease;
}
ul.arlo_fn_postlist .arlo_fn_post,
ul.arlo_fn_archive_list .arlo_fn_post{
width: 100%;
float: left;
clear: both;
position: relative;
box-shadow: 0px 3px 4px rgba(0,0,0,0.05);
transition:  all .5s ease;
}
ul.arlo_fn_archive_list .arlo_fn_post:hover{
box-shadow: 0 3px 4px rgba(0,0,0,.2);
}
ul.arlo_fn_postlist li,
ul.arlo_fn_archive_list li{
width: 50%;
float: left;
padding-left: 50px;
margin-bottom: 50px;
box-sizing: border-box;
}
.arlo_fn_leftsidebar ul.arlo_fn_postlist li{
width: 100% !important;
}
ul.arlo_fn_postlist li{
width: 100%;
}
ul.arlo_fn_postlist li > div:after{
clear: both;
display: table;
content: '';
}
ul.arlo_fn_postlist li > div{
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);
transition: all .5s ease;
border-radius: 5px;
border: 1px solid #eee;
}
ul.arlo_fn_postlist li > div:hover{box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);}
ul.arlo_fn_postlist li > div.sticky .title_holder{
background-color: #fffbfb;
}
ul.arlo_fn_postlist h3,
ul.arlo_fn_archive_list h3{
font-size: 25px;
margin: 0px;
letter-spacing: 0px;
line-height: 1.3;
margin-bottom: 26px;
}
ul.arlo_fn_postlist h3 a,
ul.arlo_fn_archive_list h3 a{
color: #000;
text-decoration: none;
font-weight: 500;
}
ul.arlo_fn_postlist h3 a:hover,
ul.arlo_fn_archive_list h3 a:hover{
color: #ff4b36;
}
ul.arlo_fn_postlist p,
ul.arlo_fn_archive_list p{
line-height: 1.7;
color: #666;
margin: 0px;
padding: 0px;
letter-spacing: 0px;
}
ul.arlo_fn_postlist .read_more,
ul.arlo_fn_archive_list .read_more{
position: absolute;
left: 0px;
bottom: 0px;
max-width: calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: -webkit-calc(100% - 20px);
z-index: 10;
}
ul.arlo_fn_postlist .read_more a,
ul.arlo_fn_archive_list .read_more a{
font-weight: 600;
letter-spacing: 0px;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
display: block;
padding: 0px 62px 0px 50px;
height: 40px;
color: #fff;
line-height: 40px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #d24e1a;
font-family: 'Montserrat';
}
ul.arlo_fn_postlist .read_more a:hover,
ul.arlo_fn_archive_list .read_more a:hover{
background-color: #316397;
}
ul.arlo_fn_postlist .read_more:after,
ul.arlo_fn_archive_list .read_more:after{
content: '';
position: absolute;
width: 35px;
height: 40px;
transform: skewX(27deg);
right: 0px;
bottom: 0px;
z-index: 20;
background-color: #fff;
margin-right: -24px;
}
ul.arlo_fn_postlist .title_holder,
ul.arlo_fn_archive_list .title_holder{
border: 1px solid #e5e5e5;
padding: 44px 40px 42px 40px;
background-color: #fff;
width: 100%;
float: left;
clear: both;
position: relative;
min-height: 260px;
overflow: hidden;
box-sizing: border-box;
}
ul.arlo_fn_postlist .title_holder:after,
ul.arlo_fn_archive_list .title_holder:after{
content: '';
position: absolute;
width: 100px;
height: 150px;
bottom: 0px;
right: 0px;
background-color: rgba(0,0,0,0.03);
z-index: 1;
}
ul.arlo_fn_postlist .title_holder:before,
ul.arlo_fn_archive_list .title_holder:before{
content: '';
position: absolute;
width: 50px;
height: 80px;
bottom: 0px;
right: 0px;
background-color: rgba(0,0,0,0.03);
z-index: 1;
}
body.post-type-archive-arlo-project ul.arlo_fn_archive_list .title_holder{
padding-bottom: 85px;
}
ul.arlo_fn_postlist .img_holder,
ul.arlo_fn_archive_list .img_holder{
width: 100%;
float: left;
clear: both;
}
ul.arlo_fn_postlist .has-post-thumbnail .title_holder,
ul.arlo_fn_archive_list .has-post-thumbnail .title_holder{
border: none;
}
ul.arlo_fn_postlist p,
ul.arlo_fn_archive_list.blog_archive p{
margin-bottom: 25px;
}
ul.arlo_fn_postlist p.t_header,
ul.arlo_fn_archive_list.blog_archive p.t_header{
margin: 0;
padding: 0;
font-size: 13px;
letter-spacing: 0px;
color: #666;
clear: both;
width: 100%;
text-transform: uppercase;
margin-bottom: 12px;
border-bottom: 1px solid rgba(0,0,0,.1);
padding-bottom: 13px;
}
ul.arlo_fn_postlist p.t_header a,
ul.arlo_fn_archive_list.blog_archive p.t_header a{
text-transform: uppercase;
}
ul.arlo_fn_postlist p.t_header .t_category,
ul.arlo_fn_postlist p.t_header .t_author,
ul.arlo_fn_archive_list.blog_archive p.t_header .t_category,
ul.arlo_fn_archive_list.blog_archive p.t_header .t_author{
position: relative;
}
ul.arlo_fn_postlist p.t_header .t_category:after,
ul.arlo_fn_postlist p.t_header .t_author:after,
ul.arlo_fn_archive_list.blog_archive p.t_header .t_category:after,
ul.arlo_fn_archive_list.blog_archive p.t_header .t_author:after{
content: '';
position: absolute;
width: 1px;
height: 9px;
background-color: #666;
margin-top: 3px;
top: 0;
left: 100%;
margin-left: 9px;
}
ul.arlo_fn_postlist p.t_header .t_category:after,
ul.arlo_fn_archive_list.blog_archive p.t_header .t_category:after{
left: auto;
right: 100%;
margin-left: auto;
margin-right: 9px;
}
ul.arlo_fn_postlist p.t_header .t_time,
ul.arlo_fn_postlist p.t_header .t_category,
ul.arlo_fn_archive_list.blog_archive p.t_header .t_time,
ul.arlo_fn_archive_list.blog_archive p.t_header .t_category{
margin-left: 20px;
}
ul.arlo_fn_postlist p.t_header a,
ul.arlo_fn_archive_list.blog_archive p.t_header a{
text-decoration: none;
color: #ff4b36;
position: relative;
border-bottom: 1px solid transparent;
transition: all .3s ease;
}
ul.arlo_fn_postlist p.t_header a:hover,
ul.arlo_fn_archive_list.blog_archive p.t_header a:hover{
border-bottom-color: #ff4b36;
}
ul.arlo_fn_postlist .read_holder,
ul.arlo_fn_archive_list.blog_archive p.read_holder{
margin-bottom: 0px;
}
ul.arlo_fn_postlist .read_holder p{
margin: 0;
padding: 0;
}
ul.arlo_fn_postlist .title_holder,
ul.arlo_fn_archive_list.blog_archive .title_holder{
padding: 44px 40px 42px 40px;
min-height: 120px;
border-radius: 3px;
}
ul.arlo_fn_postlist .read_holder a,
ul.arlo_fn_archive_list.blog_archive p.read_holder a{
display: inline-block;
color: #ff4b36;
text-decoration: none;
font-size: 16px;
line-height: 24px;
border-bottom: 1px solid transparent;
}
ul.arlo_fn_postlist .read_holder a:hover,
ul.arlo_fn_archive_list.blog_archive p.read_holder a:hover{
border-bottom-color: #ff4b36;
}
ul.arlo_fn_postlist .title_holder:before,
ul.arlo_fn_postlist .title_holder:after,
ul.arlo_fn_archive_list.blog_archive .title_holder:before,
ul.arlo_fn_archive_list.blog_archive .title_holder:after{
display: none;
}
.search .arlo_fn_content .container .arlo_fn_search_boxed > *:last-child,
.archive .inner > *:last-child:not(.widget_area){
margin-bottom: 100px;
}  .arlo_fn_pagination{
width: 100%;
float: left;
clear: both;
margin: 60px 0px 100px;
}
.arlo_fn_pagination:after{
clear: both;
display: table;
content: '';
}
.arlo_fn_pagination ul{
margin: 0px;
list-style-type: none;
margin-left: -3px;
}
.arlo_fn_pagination ul:after{
clear: both;
display: table;
content: '';
}
.arlo_fn_pagination li{
float: left;
margin-left: 5px;
margin-bottom: 5px;
}
.arlo_fn_pagination li.view{
margin-left: 20px;
}
.arlo_fn_pagination li span,
.arlo_fn_pagination li a{
display: block;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
font-weight: 700;
font-size: 14px;
}
.arlo_fn_pagination li a{
text-decoration: none;
transition: all .5s ease;
color: #fff;
background-color: #6f6f6f;
}
.arlo_fn_pagination li span,
.arlo_fn_pagination li a:hover{
color: #fff;
background-color: #f4b21c;
}
.arlo_fn_pagination li p{
margin: 0px;
padding: 0px;
line-height: 38px;
color: #777;
letter-spacing: 0px;
font-weight: 600;
font-size: 14px;
}
.arlo_fn_wrapper_all[data-pagination-text="disable"] .arlo_fn_pagination li.view{display: none;} .arlo_fn_wfh > .arlo_fn_password_protected{
max-width: 1250px;
padding-left: 40px;
padding-right: 40px;
margin: 0px auto;
float: none;
}
.arlo_fn_wfh > .arlo_fn_password_protected:after{
clear: both;
display: table;
content: '';
}
.arlo_fn_password_protected h1{
font-size: 80px;
letter-spacing: 2px;
line-height: 1;
margin-bottom: 23px;
font-weight: 500;
}
.arlo_fn_password_protected h3{
margin: 0px;
padding: 0px;
font-size: 36px;
letter-spacing: 0px;
font-weight: 500;
line-height: 1;
margin-bottom: 37px;
}
.arlo_fn_password_protected form div{
width: 50%;
float: left;
}
.arlo_fn_password_protected form div:last-child{
padding-left: 20px;
}
.arlo_fn_password_protected input{
width: 100%;
min-width: 100%;
height: 50px;
text-align: center;
}
.arlo_fn_password_protected input[type=password]{
background-color: transparent;
border: 1px solid rgba(0,0,0,.2);
}
@media(max-width: 1040px){
.arlo_fn_wfh .arlo_fn_password_protected{padding-left: 20px;padding-right: 20px;}
}
@media(max-width: 480px){
.arlo_fn_wfh .arlo_fn_password_protected{padding-left: 10px;padding-right: 10px;}
}
.arlo_fn_password_protected{
width: 100%;
float: left;
clear: both;
padding: 125px 0px 150px 0px;
box-sizing: border-box;
}
.arlo_fn_password_protected .in{
width: 100%;
max-width: 650px;
}
.arlo_fn_password_protected .in p{
margin-bottom: 30px;
color: #777;
line-height: 1.7;
font-weight: 400;
}
.arlo_fn_password_protected .message_holder{
width: 100%;
float: left;
clear: both;
position: relative;
text-align: left;
}
.arlo_fn_password_protected .post-password-form > div{
width: 50%;
float: left;
}
.arlo_fn_password_protected .post-password-form input{
width: 100%;
min-width: 100%;
height: 40px;
}
.arlo_fn_password_protected .post-password-form input[type=password]{
text-align: center;
border: 1px solid #e5e5e5;
background-color: #f9f9f9;
}
.arlo_fn_password_protected .icon_holder{
position: absolute;
top: 0px;
width: 100%;
left: 55px;
text-align: left;
height: 0px;
}
.arlo_fn_password_protected .icon_holder i{
display: none;
} .blog_single_title{
width: 100%;
float: left;
clear: both;
}
.post_content{
width: 100%;
float: left;
clear: both;
}
.blog_single_title p.t_header{
margin: 0;
padding: 0;
font-size: 13px;
letter-spacing: 0px;
color: #666;
clear: both;
position: relative;
width: 100%;
text-transform: uppercase;
margin-bottom: 33px; padding-bottom: 13px;
}
.blog_single_title p.t_header:after{
content: '';
position: absolute;
width: 100px;
height: 2px;
background-color: #ccc;
top: 100%;
left: 0;
}
.blog_single_title p.t_header:before{
content: '';
position: absolute;
width: 50px;
height: 2px;
background-color: #ccc;
top: 100%;
left: 0;
margin-top: 7px;
}
.blog_single_title p.t_header a{
text-transform: uppercase;
}
.blog_single_title p.t_header .t_category,
.blog_single_title p.t_header .t_author{
position: relative;
}
.blog_single_title p.t_header .t_category:after,
.blog_single_title p.t_header .t_author:after{
content: '';
position: absolute;
width: 1px;
height: 9px;
background-color: #666;
margin-top: 3px;
top: 0;
left: 100%;
margin-left: 9px;
}
.blog_single_title p.t_header .t_category:after{
left: auto;
right: 100%;
margin-left: auto;
margin-right: 9px;
}
.blog_single_title p.t_header .t_time,
.blog_single_title p.t_header .t_category{
margin-left: 20px;
}
.blog_single_title p.t_header a{
text-decoration: none;
color: #ff4b36;
position: relative;
border-bottom: 1px solid transparent;
transition: all .3s ease;
}
.blog_single_title p.t_header a:hover{
border-bottom-color: #ff4b36;
} .arlo_fn_tags{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_tags label{
float: left;
line-height: 31px;
padding: 0;
font-size: 14px;
margin-right: 30px;
font-weight: 600;
color: #000;
text-transform: uppercase;
margin-top: 5px;
}
.arlo_fn_tags a{
font-weight: 400;
text-decoration: none;
color: #000;
display: block;
float: left;
margin: 5px 5px 0 0;
padding: 5px 20px;
text-transform: capitalize;
font-size: 13px;
border: 1px solid rgba(0,0,0,.2);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.arlo_fn_tags a:hover{
color: #fff;
background-color: #000;
} .arlo_fn_blog_single:after{
clear: both;
display: table;
content: '';
}
.arlo_fn_blog_single{
margin-top: 70px;
}
.arlo_fn_blog_single .fn-format-img{
width: 100%;
float: left;
clear: both;
margin-bottom: 44px;
position: relative;
}
.arlo_fn_blog_single .fn-format-audio{
width: 100%;
float: left;
clear: both;
margin-bottom: 44px;
}
.arlo_fn_blog_single .fn-format-gallery{
width: 100%;
float: left;
clear: both;
margin-bottom: 44px;
}
.arlo_fn_blog_single .fn-format-gallery img{
height: 0px;
position: absolute;
}
.arlo_fn_blog_single .fn-format-gallery .item{
height: 500px;
min-height: calc(100vh - 200px);
position: relative;
cursor: pointer;
}
.arlo_fn_blog_single .fn-format-gallery .owl-nav button{
width: 30px;
height: 30px;
position: absolute;
top: 50%;
z-index: 5;
left: 30px;
left: -30px;
margin-top: -15px;
background-color: rgba(0,0,0,0.5);
border-radius: 3px;
color: #fff;
transition: all .5s ease;
opacity: 0;
visibility: hidden;
}
.arlo_fn_blog_single .fn-format-gallery .owl-carousel:hover .owl-nav button{
left: 30px;
opacity: 1;
visibility: visible;
}
.arlo_fn_blog_single .fn-format-gallery .owl-carousel:hover .owl-nav button.owl-next{
right: 30px;
left: auto;
}
.arlo_fn_blog_single .fn-format-gallery .owl-nav button:hover{
background-color: #000;
}
.arlo_fn_blog_single .fn-format-gallery .owl-nav button:after{
content: "\e094";
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.arlo_fn_blog_single .fn-format-gallery .owl-nav button span{
display: none;
}
.arlo_fn_blog_single .fn-format-gallery .owl-nav button.owl-next{
left: auto;
right: -30px;
}
.arlo_fn_blog_single .fn-format-gallery .owl-nav button.owl-next:after{
content: "\e095";
}
.arlo_fn_blog_single .fn-format-gallery .img_overlay{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index: 3;
}
.arlo_fn_blog_single .fn-format-link{
width: 100%;
float: left;
clear: both;
margin-bottom: 44px;
line-height: 1.7;
color: #777;
font-size: 14px;
padding: 20px;
background-color: #e9eff4;
box-sizing: border-box;
}
.arlo_fn_blog_single .fn-format-link a{
text-decoration: none;
color: #777;
font-weight: 600;
}
.arlo_fn_blog_single .fn-format-link a:hover{
color: #f4b21c;
}
.arlo_fn_blog_single .fn-format-quote{
width: 100%;
float: left;
clear: both;
margin-bottom: 44px;
}
.arlo_fn_blog_single .fn-format-quote blockquote b{
font-style: normal;
}
.arlo_fn_blog_single .fn-format-video{
width: 100%;
float: left;
clear: both;
margin-bottom: 44px;
}
.arlo_fn_blog_single .fn-format-video iframe{
min-width: 100%;
}  .arlo_fn_portfolio_category_filter{
width: auto;
float: left;
clear: both;
margin-bottom: 40px;
position: relative;
z-index: 25;
height: 50px;
}
.arlo_fn_portfolio_category_filter:after{
clear: both;
display: table;
content: '';
}
.arlo_fn_portfolio_category_filter > a{
display: inline-block;
text-decoration: none;
color: #fff;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
height: 50px;
line-height: 50px;
padding: 0px 90px 0px 30px;
position: relative;
min-width: 160px;
overflow: hidden;
letter-spacing: .5px;
background-color: #d24e1a;
font-family: 'Montserrat';
}
.arlo_fn_portfolio_category_filter > a:after{
content: '';
position: absolute;
width: 100px;
height: 50px;
transform: skewX(-25deg);
background-color: #fff;
top: 0px;
left: 100%;
margin-left: -50px;
z-index: 5;
opacity: .15;
}
.arlo_fn_portfolio_category_filter > a:before{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-top-color: #fff;
right: 20px;
top: 22px;
z-index: 10;
}
.arlo_fn_portfolio_category_filter ul{
list-style-type: none;
margin: 0px;
position: absolute;
padding: 20px 30px;
width: 100%;
background-color: #0f111f;
box-sizing: border-box;
top: 100%;
left: 0px;
opacity: 0;
visibility: hidden;
transition: all .5s ease;
}
.arlo_fn_portfolio_category_filter ul:after{
top: 0px;
left: 0px;
right: 0px;
height: 1px;
background-color: rgba(255,255,255,0.3);
content: '';
position: absolute;
}
.arlo_fn_portfolio_category_filter ul.opened{
opacity: 1;
visibility: visible;
}
.arlo_fn_portfolio_category_filter li{
margin: 0px;
}
.arlo_fn_portfolio_category_filter ul a{
display: block;
text-decoration: none;
letter-spacing: .5px;
color: #fff;
position: relative;
font-size: 14px;
line-height: 35px;
text-transform: capitalize;
font-weight: 500;
font-family: 'Montserrat';
}
.arlo_fn_portfolio_category_filter ul:hover a:hover{
opacity: 1;
}
.arlo_fn_portfolio_category_filter ul a.active{
opacity: 1 !important;
font-size: 16px;
}
.arlo_fn_portfolio_category_filter ul:hover a{
opacity: 0.5;
}
.arlo_fn_portfolio_category_filter span.spinner{
height:20px;
width:20px; 
position:absolute;
left: 100%;
margin-left: 20px;
top: 12px;
border:3px solid rgba(0,0,0,0.2);
border-top:3px solid rgba(0,0,0,0.9);
opacity:0;
z-index:50;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-animation:spinner .6s infinite linear;
-moz-animation:spinner .6s infinite linear;
-o-animation:spinner .6s infinite linear;
animation:spinner .6s infinite linear
}
@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}
@-moz-keyframes spinner{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}
@-o-keyframes spinner{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}
@keyframes spinner{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}
.arlo_fn_portfolio_category_filter span.spinner.active{
opacity: 1;
}
.arlo_fn_portfolio_page .portfolio_list_in{
width: 100%;
float: left;
clear: both;
opacity: 1;
}
.arlo_fn_portfolio_page .portfolio_list_in.active{opacity: .7;}  .arlo_fn_ajax_pagination{
width: 100%;
float: left;
clear: both;
margin: 0px 0px 0px 0px;
}
ul.ajax_pagination{
margin: 0px;
list-style-type: none;
margin-left: -10px;
}
ul.ajax_pagination li{
float: left;
margin-left: 10px;
}
ul.ajax_pagination a{
display: block;
text-decoration: none;
width: auto;
height: 40px;
padding: 0px 20px;
color: #fff;
line-height: 40px;
cursor: pointer;
position: relative;
text-transform: uppercase;
font-size: 12px;
transition: all .3s ease;
font-weight: 600;
background-color: #f4b21c;
font-family: 'Montserrat';
border-radius: 2px;
}
ul.ajax_pagination a.prev{
padding-left: 35px;
}
ul.ajax_pagination a.inactive.prev:after{
border-right-color: #777;
}
ul.ajax_pagination a.prev:after{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-right-color: #fff;
top: 15px;
left: 15px;
transition: all .3s ease;
}
ul.ajax_pagination a.next{
padding-right: 35px;
}
ul.ajax_pagination a.inactive.next:after{
border-left-color: #777;
}
ul.ajax_pagination a.next:after{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-left-color: #fff;
top: 15px;
right: 15px;
transition: all .3s ease;
}
ul.ajax_pagination a.inactive{
color: #777;
background-color: #ddd;
cursor: default;
}  ul.arlo_fn_portfolio_list{
margin: 0px;
list-style-type: none;
margin-left: -50px;
}
ul.arlo_fn_portfolio_list li{
width: 50%;
margin: 0px;
padding: 0px;
float: left;
padding-left: 50px;
margin-bottom: 50px;
box-sizing: border-box;
}
ul.arlo_fn_portfolio_list .item{
width: 100%;
float: left;
clear: both;
position: relative;
padding-bottom: 10px;
box-sizing: border-box;
}
ul.arlo_fn_portfolio_list .item.no_img{
padding-right: 0px;
}
ul.arlo_fn_portfolio_list .item:after{
left: 30px;
right: 30px;
height: 10px;
bottom: 0px;
background-color: #d24e1a;
content: '';
position: absolute;
z-index: -1;
}
ul.arlo_fn_portfolio_list .img_holder{
width: 100%;
float: left;
clear: both;
position: relative;
z-index: 1;
}
ul.arlo_fn_portfolio_list .img_holder a{
z-index: 10;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0,0,0,0.5);
transition: all .3s ease;
}
ul.arlo_fn_portfolio_list .img_holder a:after{
content: '';
background-color: #d24e1a;
left: 59px;
top: 40px;
width: 2px;
height: 0px;
position: absolute;
z-index: 22;
transition: all .3s ease;
}
ul.arlo_fn_portfolio_list .img_holder a:before{
content: '';
background-color: #d24e1a;
left: 50px;
top: 49px;
width: 0px;
height: 2px;
position: absolute;
z-index: 22;
transition: all .3s ease;
transition-delay: .3s;
}
ul.arlo_fn_portfolio_list img{
position: relative;
z-index: -5;
opacity: 0;
min-width: 100%;
min-height: 270px;
}
ul.arlo_fn_portfolio_list .img_abs{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 5;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
ul.arlo_fn_portfolio_list .title_holder{
width: 100%;
float: left;
clear: both;
position: absolute;
z-index: 10;
left: 0px;
bottom: 10px;
padding: 34px 50px 36px 50px;
box-sizing: border-box;
}
ul.arlo_fn_portfolio_list .title_holder h3{
margin: 0px;
padding: 0px;
font-size: 24px;
letter-spacing: 0px;
font-weight: 300;
margin-bottom: 10px;
}
ul.arlo_fn_portfolio_list .title_holder h3 a{
color: #eee;
text-decoration: none;
}
ul.arlo_fn_portfolio_list .title_holder h3 a:hover{
color: #fff;
}
ul.arlo_fn_portfolio_list .title_holder p{
margin: 0px;
padding: 0px;
line-height: 1;
font-family: 'Montserrat';
}
ul.arlo_fn_portfolio_list .title_holder p a{
position: relative;
display: inline-block;
text-transform: uppercase;
color: #fff;
font-weight: 600;
letter-spacing: 0px;
font-size: 14px;
line-height: 18px;
padding-right: 25px;
text-decoration: none;
}
ul.arlo_fn_portfolio_list .title_holder a.hover_link{
opacity: 0;
visibility: hidden;
display: block;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 33;
}
ul.arlo_fn_portfolio_list .title_holder svg,
ul.arlo_fn_portfolio_list .title_holder img{
width: 15px;
height: 15px;
position: absolute;
right: 0px;
top: 50%;
margin-top: -7px;
}
ul.arlo_fn_portfolio_list .item:hover .img_holder a{
background-color: rgba(15,15,22,.9);
}
ul.arlo_fn_portfolio_list .item:hover .img_holder a:after{
height: 20px;
}
ul.arlo_fn_portfolio_list .item:hover .img_holder a:before{
width: 20px;
}
ul.arlo_fn_portfolio_list .item:hover .title_holder a.hover_link{
opacity: 1;
visibility: visible;
}
.arlo_fn_without_sidebar_page{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_without_sidebar_page .inner{
width: 100%;
float: left;
clear: both;
} .arlo_fn_prevnext{
margin-top: 40px;
width: 100%;
float: left;
clear: both;
}
.arlo_fn_prevnext:after{
clear: both;
display: table;
content: '';
}
.arlo_fn_prevnext ul{
margin: 0px;
list-style-type: none;
margin-left: -10px;
}
.arlo_fn_prevnext li{
float: left;
margin-left: 10px;
}
.arlo_fn_prevnext .h_prev,
.arlo_fn_prevnext .h_next{
display: none;
}
.arlo_fn_prevnext span,
.arlo_fn_prevnext a{
display: block;
text-decoration: none;
width: auto;
height: 40px;
padding: 0px 20px;
color: #fff;
line-height: 40px;
cursor: pointer;
position: relative;
text-transform: uppercase;
font-size: 12px;
transition: all .3s ease;
font-weight: 600;
border-radius: 2px;
}
.arlo_fn_prevnext .h_prev span,
.arlo_fn_prevnext .prev a{
padding-left: 35px;
}
.arlo_fn_prevnext .h_prev span:after{
border-right-color: #777  !important;
}
.arlo_fn_prevnext .h_prev span:after,
.arlo_fn_prevnext .prev a:after{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-right-color: #fff;
top: 15px;
left: 15px;
transition: all .3s ease;
}
.arlo_fn_prevnext .h_next span,
.arlo_fn_prevnext .next a{
padding-right: 35px;
}
.arlo_fn_prevnext .h_next span:after,
.arlo_fn_prevnext .next a.inactive:after{
border-left-color: #777 !important;
}
.arlo_fn_prevnext .h_next span:after,
.arlo_fn_prevnext .next a:after{
width: 0px;
height: 0px;
content: '';
position: absolute;
border: 5px solid transparent;
border-left-color: #fff;
top: 15px;
right: 15px;
transition: all .3s ease;
}
.arlo_fn_prevnext span{
color: #777;
background-color: #ddd;
cursor: default;
}
.arlo_fn_prevnext[data-switch="prev"] .prev a{
background-color: #d24e1a;
}
.arlo_fn_prevnext[data-switch="next"] .next a{
background-color: #d24e1a;
}
.arlo_fn_prevnext[data-switch="yes"] a{
background-color: #d24e1a;
}
.arlo_fn_prevnext[data-switch="next"] .h_prev{display: block;}
.arlo_fn_prevnext[data-switch="next"] .prev{display: none;}
.arlo_fn_prevnext[data-switch="prev"] .h_next{display: block;}
.arlo_fn_prevnext[data-switch="prev"] .next{display: none;}
@media(max-width: 1400px){
.arlo_fn_tagline,
.arlo_fn_header{
width: 350px;
}
.arlo_fn_wrapper{
padding-left: 350px;
}
.arlo_fn_wrapper_all.menu_opened .arlo_fn_header{
left: -350px;
}
}
@media(max-width: 1040px){
.arlo_fn_moving_lang.opened{display: none !important;}
.arlo_fn_wrapper_all .arlo_fn_tagline,
.arlo_fn_header{
display: none !important;
}
.arlo_fn_wrapper{
padding-left: 0;
}
.arlo_fn_mobilemenu_wrap{
display: block;
}
}
@media(max-width: 768px){
ul.arlo_fn_archive_list li{
width: 100%;
}
a.arlo_fn_totop{display: none;}
.arlo_fn_sidebarpage .inner,
.arlo_fn_sidebarpage .s_inner{
flex-wrap: wrap;
}
.arlo_fn_sidebarpage .arlo_fn_leftsidebar{
padding-right: 0;
}
.arlo_fn_sidebarpage .arlo_fn_rightsidebar{
width: 100%;
padding-top: 0 !important;
max-width: 100%;
min-width: 100%;
}
.arlo_fn_comment{padding: 0px 20px;}
.arlo_fn_comment .comment-respond{padding-top: 50px;}
.arlo_fn_comment ul.commentlist > li{padding-left: 0px;}
.arlo_fn_comment div.comment-body{padding: 0px;padding-top: 10px;}
.arlo_fn_comment .comment-data{padding-left: 80px;min-height: 50px;}
.arlo_fn_comment .title_holder h3,
.arlo_fn_comment .add_comment_wrap .title_holder h3{font-size: 24px;}
.arlo_fn_comment .add_comment_wrap{padding-top: 40px;}
.arlo_fn_comment .add_comment_wrap form input[type=text]{width: 100%;}
}
@media(max-width: 480px){
ul.arlo_fn_postlist .title_holder,
ul.arlo_fn_archive_list .title_holder,
ul.arlo_fn_archive_list.blog_archive .title_holder{
padding: 24px 20px 22px 20px;
}
ul.arlo_fn_postlist p,
ul.arlo_fn_archive_list.blog_archive p{
margin-bottom: 15px;
}
ul.arlo_fn_archive_list h3{
margin-bottom: 16px;
}
ul.arlo_fn_postlist p.t_header,
ul.arlo_fn_archive_list.blog_archive p.t_header{
padding-bottom: 3px;
}
.arlo_fn_comment .input-holder input.com-text{width: 100%;min-width: 100%;}
.arlo_fn_comment .title_holder h3{text-align: center;}
.arlo_fn_comment .comment_single{padding-left: 0px;}
.arlo_fn_comment .comment_single .person_info{position: relative;top: auto;max-width: inherit;}
.arlo_fn_comment .comment_single .person_comment .inner h3,
.arlo_fn_comment .comment_single .person_comment .inner > span{text-align: center;}
.arlo_fn_comment .comment_single_wrap{padding: 0px 20px 24px 20px;}
.arlo_fn_comment .comment_single .person_comment .inner p{text-align: justify;}
.arlo_fn_comment .add_comment_wrap form input[type=submit]{width: 100%;}
}
@media (max-width: 320px) {
.arlo_fn_comment .form-submit input.submit{width: 100%;}
.arlo_fn_comment .comment_single_wrap{padding-left: 10px;padding-right: 10px;}
} @media (-webkit-min-device-pixel-ratio: 1.1),(min-device-pixel-ratio: 1.1),(min-resolution: 120dpi) { }
@media(min-width: 1200px){
.arlo_fn_wrapper_all.menu_opened  ul.arlo_fn_postlist li,
.arlo_fn_wrapper_all.menu_opened  ul.arlo_fn_archive_list li{
width: 33.3333%;
}
.arlo_fn_wrapper_all.menu_opened .arlo_fn_sidebarpage ul.arlo_fn_postlist li,
.arlo_fn_wrapper_all.menu_opened .arlo_fn_sidebarpage ul.arlo_fn_archive_list li{
width: 50%;
}
} @media(max-width: 768px){
.fn_cs_main_title .title_holder h3{
font-size: 30px;
}
}  .arlo_fn_pagelinks{
width: 100%;
float: left;
clear: both;
margin: 20px 0px;
}
.arlo_fn_pagelinks:after{
clear: both;
display: table;
content: '';
}
.arlo_fn_pagelinks span.title{
float: left;
line-height: 44px;
display: block;
margin-bottom: 3px;
margin-right: 10px;
color: #777;
}
.arlo_fn_pagelinks a,
.arlo_fn_pagelinks span.number{
display: block;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
border-radius: 2px;
font-weight: 600;
font-size: 14px;
float: left;
color: #fff;
margin-right: 3px;
margin-bottom: 3px;
transition: all .5s ease;
background-color: #a42727;
}
.arlo_fn_pagelinks span.number:hover{
background-color: #a42727;
color: #fff;
}
.arlo_fn_pagelinks a{
text-decoration: none;
}
.arlo_fn_pagelinks a span.number{
color: #777;
background-color: #ddd;
} .arlo_fn_footer .bottom_widget .widget_nav_menu ul li a{
text-transform: capitalize;
}
.arlo_fn_footer .bottom_widget{
position: relative;
margin-bottom: 18px;
padding-bottom: 9px;
}
.arlo_fn_footer .bottom_widget:after{
content: '';
position: absolute;
width: 100px;
height: 1px;
background-color: rgba(255,255,255,.1);
top: 100%;
left: 0;
}
.arlo_fn_footer .bottom_widget:before{
content: '';
position: absolute;
margin-top: 6px;
width: 50px;
height: 1px;
background-color: rgba(255,255,255,.1);
top: 100%;
left: 0;
}
.arlo_fn_footer .footer_bottom{
background-color: #14131b;
}
.arlo_fn_footer .footer_bottom{
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.single .arlo_fn_pagetitle h3{
font-weight: 500;
font-size: 30px;
}
.fn_cs_triple_blog_shadow .inner .title_holder h3{
font-weight: 500;
}
p.comment-form-cookies-consent{
display: none !important;
}
.arlo_fn_all_pages_inner,
.arlo_fn_all_pages{
width: 100%;
float: left;
clear: both;
}
@media only screen and (max-width: 1200px) and (min-width: 481px){
.arlo_fn_wrapper_all:not(.menu_opened) ul.arlo_fn_portfolio_list .title_holder{padding: 34px 40px 36px 40px;}
}
@media(max-width: 768px){
ul.arlo_fn_portfolio_list li{width: 100%;}
}
@media(max-width: 480px){
ul.arlo_fn_portfolio_list .title_holder{padding: 24px 20px 26px 20px;}
ul.arlo_fn_portfolio_list .title_holder h3{font-size: 20px;}
} .arlo_fn_wrapper_all .arlo_fn_social_list ul{
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: auto;
margin-left: -3px;
}
.arlo_fn_wrapper_all .arlo_fn_social_list ul li{
list-style-type: none;
padding: 0;
margin: 3px 0px 3px 3px;
display: block;
}
.arlo_fn_wrapper_all .arlo_fn_social_list ul li a{
text-decoration: none;
transition: all 300ms ease;
color: #333;
font-size: 12px;
display: block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
}
.arlo_fn_social_list ul li a:hover{
color: #ff4b36;
}
.arlo_fn_social_list[data-social-bg="border"] ul li a{
border: 1px solid #333;
}
.arlo_fn_social_list[data-social-bg="none"] ul li a{
text-align: left;
}
.arlo_fn_social_list[data-social-round="circle"] ul li a{border-radius: 100%;}
.arlo_fn_social_list[data-social-round="rounded"] ul li a{border-radius: 3px;}
.arlo_fn_social_list[data-social-type="abbr"] ul{margin-left: -10px;}
.arlo_fn_social_list[data-social-type="abbr"] ul li{
margin-left: 10px;
position: relative;
}
.arlo_fn_wrapper_all .arlo_fn_social_list[data-social-type="abbr"] ul li a{
font-family: 'Quicksand';
font-size: 14px;
width: auto;
font-weight: 500;
line-height: 20px;
height: 20px;
border: none;
}
.arlo_fn_social_list[data-social-type="abbr"] ul li:after{
content: none;
position: absolute;
font-family: 'Quicksand';
font-weight: 500;
font-size: 14px;
left: 100%;
width: 10px;
line-height: 20px;
top: 0;
text-align: center;
color: inherit;
}
.arlo_fn_social_list[data-social-type="abbr"][data-social-separator="dash"] ul li:after{content: '-';}
.arlo_fn_social_list[data-social-type="abbr"][data-social-separator="slash"] ul li:after{content: '/';}
.arlo_fn_social_list[data-social-type="abbr"] ul li:last-child:after{content: none !important;}
.arlo_fn_social_list[data-social-size="medium"][data-social-type="icon"] ul{margin-left: -10px;}
.arlo_fn_social_list[data-social-size="medium"][data-social-type="icon"] ul li{margin-left: 10px;margin-bottom: 5px;margin-top: 5px;}
.arlo_fn_social_list[data-social-size="medium"][data-social-type="icon"] ul li a{font-size: 15px;width: 30px;height: 30px;line-height: 31px;}
.arlo_fn_social_list[data-social-size="big"][data-social-type="icon"] ul{margin-left: -10px;}
.arlo_fn_social_list[data-social-size="big"][data-social-type="icon"] ul li{margin-left: 10px;margin-bottom: 5px;margin-top: 5px;}
.arlo_fn_social_list[data-social-size="big"][data-social-type="icon"] ul li a{font-size: 20px;width: 35px;height: 35px;line-height: 36px;}
.arlo_fn_social_list[data-social-size="medium"][data-social-type="abbr"] ul li a{font-size: 16px;}
.arlo_fn_social_list[data-social-size="big"][data-social-type="abbr"] ul li a{font-size: 18px;} .arlo_fn_wrapper_all[data-nav-type="one_line"] .arlo_fn_wrapper{padding-left: 0;}
.arlo_fn_wrapper_all[data-nav-type="two_lines"] .arlo_fn_wrapper{padding-left: 0;}
.arlo_fn_wrapper_all[data-nav-type="three_lines"] .arlo_fn_wrapper{padding-left: 0;}
.arlo_fn_moving_lang{
z-index: 55555;
position: fixed;
opacity: 0;
visibility: hidden;
transition: all .3s ease;
transform: translateY(20px) scale(0.8);
transform-origin: bottom center;
}
.arlo_fn_moving_lang.opened{
opacity: 1;
visibility: visible;
transform: translateY(0px) scale(1);
transition: all .5s ease;
}
.arlo_fn_moving_lang ul{
margin: 0px;
list-style-type: none;
min-width: max-content;
min-width: intrinsic;
min-width: -moz-max-content;
min-width: -webkit-max-content;
width: 63px;
background-color: #111;
text-align: center;
padding: 9px 12px;
border-radius: 3px;
}
.arlo_fn_custom_lang_switcher{
position: relative;
margin-right: 29px;
}
.arlo_fn_custom_lang_switcher ul{
opacity: 0;
visibility: hidden;
list-style-type: none;
margin: 0px;
position: absolute;
min-width: max-content;
min-width: intrinsic;
min-width: -moz-max-content;
min-width: -webkit-max-content;
width: 90px;
background-color: #111;
top: 100%;
left: 0px;
padding: 5px 12px;
border-radius: 5px;
transition: all .5s ease;
margin-top: 5px;
}
.arlo_fn_moving_lang a,
.arlo_fn_custom_lang_switcher a{
color: #eee;
text-decoration: none;
}
.arlo_fn_moving_lang a span,
.arlo_fn_custom_lang_switcher a span{
display: inline-block;
color: #eee;
}
.arlo_fn_moving_lang li,
.arlo_fn_custom_lang_switcher li{
margin: 0;
}
.arlo_fn_moving_lang li.active,
.arlo_fn_custom_lang_switcher li.active{
opacity: .5;
}
.arlo_fn_custom_lang_switcher span.click .abs_lan_img{
display: none;
}
.abs_lan_img{
display: inline-block;
width: 18px;
height: 12px;
margin-right: 7px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.arlo_fn_moving_lang li img,
.arlo_fn_custom_lang_switcher li img{
margin-right: 7px;
position: relative;
top: -2px;
}
.arlo_fn_moving_lang li span,
.arlo_fn_moving_lang li a{
text-decoration: none;
color: #fff;
font-size: 14px;
font-family: 'Quicksand', sans-serif;
letter-spacing: 0;
}
.arlo_fn_custom_lang_switcher span.click{
font-family: 'Quicksand', sans-serif;
letter-spacing: 0;
font-size: 14px;
color: #333;
cursor: pointer;
font-weight: 500;
padding: 0;
display: block;
}
.arlo_fn_moving_lang.frenify_url li.active,
.arlo_fn_custom_lang_switcher.frenify_url li.active{
cursor: default;
}
.arlo_fn_moving_lang.frenify_url li,
.arlo_fn_custom_lang_switcher.frenify_url li{
cursor: pointer;
} .fn_dark_mode ul.arlo_fn_postlist .read_more:after, 
.fn_dark_mode ul.arlo_fn_archive_list .read_more:after,
.fn_dark_mode .arlo_fn_pagination li a,
.fn_dark_mode .arlo_fn_searchpagelist_item,
.fn_dark_mode .arlo_fn_woo_myaccount .inner,
.fn_dark_mode .arlo_fn_comment,
.fn_dark_mode ul.arlo_fn_postlist .title_holder,
.fn_dark_mode ul.arlo_fn_archive_list .title_holder{
background-color: #111;
}
.fn_dark_mode ul.arlo_fn_postlist .title_holder,
.fn_dark_mode ul.arlo_fn_archive_list .title_holder{
border-color: #1d1d1d;
box-shadow: 0px 3px 4px rgba(255, 255, 255, 0.05);
}
.fn_dark_mode .arlo_fn_searchpagelist_item,
.fn_dark_mode ul.arlo_fn_postlist li > div{
border-color: #1d1d1d;
overflow: hidden;
box-shadow: 0px 3px 4px rgba(255, 255, 255, 0.05);
}
.fn_dark_mode ul.arlo_fn_postlist li > div:hover{box-shadow: 0 3px 4px rgba(255, 255, 255, 0.2);}
.woocommerce-account .fn_dark_mode .woocommerce-MyAccount-content{
border-left-color: #1d1d1d;
}
.woocommerce-account .fn_dark_mode  .woocommerce-MyAccount-navigation{
border-right-color: #1d1d1d;
}
.woocommerce .fn_dark_mode .col2-set .col-2,
.woocommerce-page .fn_dark_mode .col2-set .col-2,
.woocommerce .fn_dark_mode .col2-set .col-1,
.woocommerce-page .fn_dark_mode .col2-set .col-1,
.fn_dark_mode .woocommerce-info,
.fn_dark_mode .arlo_fn_woo_myaccount .inner{
border-color: #1d1d1d;
}
.fn_dark_mode .arlo_fn_searchpage_nothing > div:after,
.fn_dark_mode .arlo_fn_searchpage_nothing > div,
.fn_dark_mode .arlo_fn_searchpage_nothing .search2 input[type=text],
.fn_dark_mode .arlo_fn_error_page .search_holder input[type=text],
.fn_dark_mode .arlo_fn_woo_login_inner:after,
.fn_dark_mode .uneditable-input,
.fn_dark_mode textarea,
.fn_dark_mode input[type=number],
.fn_dark_mode input[type=email],
.fn_dark_mode input[type=url],
.fn_dark_mode input[type=search],
.fn_dark_mode input[type=tel],
.fn_dark_mode input[type=color],
.fn_dark_mode input[type=text],
.fn_dark_mode input[type=password],
.fn_dark_mode input[type=datetime],
.fn_dark_mode input[type=datetime-local],
.fn_dark_mode input[type=date],
.fn_dark_mode input[type=month],
.fn_dark_mode input[type=time],
.fn_dark_mode input[type=week],
.fn_dark_mode .arlo_fn_woo_myaccount .uneditable-input,
.fn_dark_mode .arlo_fn_woo_myaccount textarea,
.fn_dark_mode .arlo_fn_woo_myaccount input[type=number],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=email],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=url],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=search],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=tel], .arlo_fn_woo_myaccount input[type=color],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=text],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=password],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=datetime],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=datetime-local],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=date],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=month], .arlo_fn_woo_myaccount input[type=time],
.fn_dark_mode .arlo_fn_woo_myaccount input[type=week]{
background-color: #111;
border-color: #1d1d1d;
color: #eee;
}
.fn_dark_mode .woocommerce-info{
background-color: #111;
}
.fn_dark_mode .arlo_fn_searchpagelist_item p{
color: #aaa;
}
.fn_dark_mode .widget_tag_cloud a{
color: #ccc;
border-color: #1d1d1d;
background-color: #111;
}
.fn_dark_mode .widget_block.widget_categories li,
.fn_dark_mode .widget_block.widget_archive li{
border-bottom-color: rgba(255,255,255,.1);
}
.fn_dark_mode .arlo_fn_breadcrumbs .separator span:before,
.fn_dark_mode .arlo_fn_breadcrumbs .separator span:after{
background-color: #ccc;
}
.fn_dark_mode .arlo_fn_comment h3.comment-title:after,
.fn_dark_mode .arlo_fn_comment h3.comment-title:before,
.fn_dark_mode .arlo_fn_comment h3.comment-reply-title:after,
.fn_dark_mode .arlo_fn_comment h3.comment-reply-title:before,
.fn_dark_mode .blog_single_title p.t_header:after,
.fn_dark_mode .blog_single_title p.t_header:before,
.fn_dark_mode .wid-title span:before,
.fn_dark_mode .wp-block-group__inner-container > h2:after,
.fn_dark_mode .wp-block-group__inner-container > h2:before,
.fn_dark_mode .wid-title span:after{
background-color: #333;
}
.fn_dark_mode blockquote,
.fn_dark_mode table th,
.fn_dark_mode .comment-reply-title,
.woocommerce .fn_dark_mode div.product .woocommerce-tabs .panel strong,
.woocommerce .fn_dark_mode div.product .woocommerce-tabs ul.tabs li a,
.fn_dark_mode .single_product_related_wrap h2,
.woocommerce .fn_dark_mode div.product .product_title,
.woocommerce .fn_dark_mode ul.products li.product .woocommerce-loop-category__title,
.woocommerce .fn_dark_mode ul.products li.product .woocommerce-loop-product__title,
.woocommerce .fn_dark_mode ul.products li.product h3,
.fn_dark_mode h1,
.fn_dark_mode h2,
.fn_dark_mode h3,
.fn_dark_mode h4,
.fn_dark_mode h5,
.fn_dark_mode h6,
.fn_dark_mode h1>a,
.fn_dark_mode h2>a,
.fn_dark_mode h3>a,
.fn_dark_mode h4>a,
.fn_dark_mode h5>a,
.fn_dark_mode h6>a,
.fn_dark_mode .wid-title span,
.fn_dark_mode .arlo_fn_widget_estimate .bfwe_inner a,
.fn_dark_mode .arlo_fn_footer .widget_tag_cloud .tagcloud a,
.fn_dark_mode .arlo_fn_pagetitle h3,
.fn_dark_mode .blog_single_title .title_holder h3,
.fn_dark_mode .arlo_fn_comment span.author,
.fn_dark_mode .arlo_fn_comment span.author a,
.fn_dark_mode .arlo_fn_comment h3.comment-reply-title,
.fn_dark_mode ul.arlo_fn_postlist .sticky_icon,
.fn_dark_mode ul.arlo_fn_archive_list h3 a,
.fn_dark_mode .arlo_fn_portfolio_details .title_holder h3,
.fn_dark_mode .arlo_fn_error_page .error_box h3,
.fn_dark_mode h1 a,
.woocommerce-account .fn_dark_mode .addresses .title h3,
.fn_dark_mode .arlo_fn_breadcrumbs a,
.fn_dark_mode .arlo_fn_comment h3.comment-reply-title,
.fn_dark_mode .arlo_fn_comment span.author a,
.fn_dark_mode .arlo_fn_comment h3.comment-title,
.fn_dark_mode .arlo_fn_pagetitle h3,
.fn_dark_mode .blog_single_title .title_holder h3,
.fn_dark_mode .single .arlo_fn_pagetitle h3,
.fn_dark_mode .wid-title span,
.fn_dark_mode .arlo_fn_pagetitle h3,
.fn_dark_mode ul.arlo_fn_postlist h3 a,
.fn_dark_mode ul.arlo_fn_archive_list h3 a{
color: #ccc;
}
.fn_dark_mode .wp-block-search__button{
background-color: #444;
border: none;
color: #eee;
}
.fn_dark_mode .wp-block-search__button:hover{
background-color: #555;
}
.fn_dark_mode .widget_search input[type=text]{
box-shadow: 0px 3px 4px rgba(255, 255, 255, 0.05);
border-color: #1d1d1d;
}
.fn_dark_mode .widget_search input[type=submit]{
background-color: rgba(255,255,255,.05) !important;
border-left-color: #1d1d1d;
}
.fn_dark_mode .widget_search input[type=submit]:hover{
background-color: rgba(255,255,255,.1) !important;
}
.fn_dark_mode .widget_search form:hover input[type=text],
.fn_dark_mode .widget_search input[type=text]:hover{
box-shadow: 0 3px 4px rgba(255, 255, 255, 0.07);
}
.fn_dark_mode .arlo_fn_comment .input-holder textarea{
background-color: #0b0b0b;
border-color: rgba(255,255,255,.05);
}
.fn_dark_mode .arlo_fn_woo_login_inner{
background-color: #070707;
border: 1px solid #1d1d1d;
}
.fn_dark_mode .arlo_fn_searchpage_nothing > div:before,
.fn_dark_mode .arlo_fn_woo_login_inner:before{
filter: contrast(0.5);
}
.fn_dark_mode table,
.fn_dark_mode table td,
.fn_dark_mode table th,
.fn_dark_mode table tr{
border-color: #1d1d1d;
}
.fn_dark_mode select,
.fn_dark_mode .widget_block select,
.woocommerce .fn_dark_mode #review_form #respond textarea,
.fn_dark_mode .product_meta,
.fn_dark_mode .select2-container--default .select2-selection--single{
background-color: #111;
border-color: #1d1d1d;
}
.woocommerce .fn_dark_mode .select2-container--default .select2-selection--single .select2-selection__arrow{
border-left-color: #1d1d1d;
}
.woocommerce .fn_dark_mode nav.woocommerce-pagination ul li a{
background-color: #111;
}
.fn_dark_mode .woocommerce-error,
.fn_dark_mode .woocommerce-info,
.fn_dark_mode .woocommerce-message{
background-color: #111;
}
.fn_dark_mode .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow,
.fn_dark_mode .woocommerce  table.shop_table tr,
.fn_dark_mode .woocommerce table.shop_table{
border-color: #1d1d1d;
}
.fn_dark_mode .woocommerce table.shop_table td.product-remove{
border: none;
}
.fn_dark_mode .woocommerce .quantity .qty{
background-color: #111;
color: #ccc;
border-color: #1d1d1d;
}
.woocommerce-cart .fn_dark_mode table.cart td.actions .coupon .input-text#coupon_code{
background-color: #111;
color: #ccc;
border-color: #1d1d1d;
}
.fn_dark_mode #add_payment_method .cart-collaterals .cart_totals tr td,
.fn_dark_mode #add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .fn_dark_mode .cart-collaterals .cart_totals tr td,
.woocommerce-cart .fn_dark_mode .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .fn_dark_mode .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .fn_dark_mode .cart-collaterals .cart_totals tr th{
border-color: #1d1d1d;
}
.fn_dark_mode #add_payment_method #payment ul.payment_methods,
.woocommerce-cart .fn_dark_mode #payment ul.payment_methods,
.woocommerce-checkout .fn_dark_mode #payment ul.payment_methods{
border-bottom-color: #1d1d1d;
}
.fn_dark_mode .woocommerce #order_review,
.fn_dark_mode .woocommerce .col2-set .col-2,
.woocommerce-page.fn_dark_mode  .col2-set .col-2,
.fn_dark_mode .woocommerce .col2-set .col-1,
.woocommerce-page .fn_dark_mode .col2-set .col-1{
background-color: #111;
} .arlo_fn_line{
position: fixed;
z-index: 0;
background-color: transparent;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.arlo_fn_line span{
width: 1px;
position: absolute;
display: block;
margin: 0;
padding: 0;
top: 0;
bottom: 0;
background-color: rgba(255,255,255,0.05);
}
.arlo_fn_line span.fn_line_a{left:25%;}
.arlo_fn_line span.fn_line_b{left:50%;}
.arlo_fn_line span.fn_line_c{left:75%;} .arlo_fn_project_post_protected .arlo_fn_password_protected{
padding: 0 !important;
} .arlo_fn_search_common{
width: 100%;
float: left;
clear: both;
margin: 135px 0 150px 0;
}
.arlo_fn_search_common > .title_holder{
width: 100%;
float: left;
clear: both;
text-align: center;
margin-bottom: 140px;
}
.arlo_fn_search_common > .title_holder h3{
margin: 0;
padding: 0;
font-size: 72px;
letter-spacing: -0.25px;
font-family: 'Rubik';
font-weight: 400;
color: #222;
line-height: 1.1;
margin-bottom: 7px;
}
.arlo_fn_search_common > .title_holder p{
margin: 0;
padding: 0;
font-family: 'Muli';
color: #666;
font-size: 16px;
line-height: 1.6;
}
.arlo_fn_search_common .search_list{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_search_common .search_list ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arlo_fn_search_common .search_list li{
margin: 0;
padding: 0;
width: 100%;
float: left;
list-style-type: inherit;
}
.arlo_fn_search_common .not_found{
width: 100%;
float: left;
clear: both;
text-align: center;
}
.arlo_fn_search_common .not_found p{
margin: 0;
padding: 0;
font-family: 'Muli';
color: #666;
font-size: 16px;
line-height: 1.6;
margin-bottom: 20px;
}
.arlo_fn_search_common .not_found .s_search_in{
width: 100%;
max-width: 400px;
margin: 0 auto;
position: relative;
}
.arlo_fn_search_common .not_found .s_search_in a.fn_search .arlo_fn_svg{
width: 20px;
height: 20px;
position: absolute;
top: 15px;
left: 15px;
}
.arlo_fn_search_common .not_found .s_search_in a.fn_search{
color: #666 !important;
width: 50px;
height: 50px;
position: absolute;
z-index: 1;
right: 0px;
top: 0px;
}
.arlo_fn_search_common .not_found .s_search_in input[type="submit"]{
height: 50px;
padding: 0px !important;
color: #fff;
width: 50px;
background-color: rgba(0, 0, 0, 0.05) !important;
text-transform: uppercase;
margin-bottom: 0px !important;
position: absolute;
right: 0px;
top: 0px;
z-index: 5;
cursor: pointer;
border-left: 1px solid #ebebeb;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.arlo_fn_search_common .not_found .s_search_in input[type="text"]{
width: 100%;
margin: 0;
padding: 0px 10px !important;
background-color: transparent;
color: #6f6f6f;
height: 50px;
padding-left: 15px !important;
padding-right: 40px !important;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.03);
transition: all .5s ease;
border-radius: 5px;
border: 1px solid #eee;
overflow: hidden;
}
.arlo_fn_search_common .search_item{
width: 100%;
display: flex;
flex-direction: row;
margin-bottom: 40px;
}
.arlo_fn_search_common .attachment_holder{
width: 420px;
min-width: 420px;
height: 335px;
margin-right: 70px;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.arlo_fn_search_common .attachment_holder:hover .abs_img{
transform: scale(1.2);
}
.arlo_fn_search_common .attachment_holder .abs_img{
z-index: 5;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: all 1s ease;
}
.arlo_fn_search_common .attachment_holder a{
text-decoration: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 15;
}
.arlo_fn_search_common .attachment_holder img{
min-width: 420px;
opacity: 0;
}
.arlo_fn_search_common .search_item .title_holder{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.arlo_fn_search_common .search_item .title_holder .date_holder{
margin-bottom: 6px;
}
.arlo_fn_search_common .search_item .title_holder .date_holder .sub{
font-size: 16px;
font-family: 'Muli';
color: #777;
display: block;
margin: 0;
padding: 0;
}
.arlo_fn_search_common .search_item .title_holder .heading_holder h3{
margin: 0;
padding: 0;
font-family: 'Rubik';
font-size: 30px;
line-height: 1.3;
font-weight: 400;
}
.arlo_fn_search_common .search_item .title_holder .heading_holder h3 a{
text-decoration: none;
color: #222;
}
.arlo_fn_search_common .search_item .title_holder .heading_holder h3 a:hover{
color: #fea202;
}
.arlo_fn_search_common .search_item .title_holder .heading_holder{
margin-bottom: 17px;
}
.arlo_fn_search_common .search_item .title_holder .desc_holder p{
margin: 0;
padding: 0;
font-size: 16px;
line-height: 24px;
color: #666;
font-family: 'Muli';
}
.arlo_fn_search_common .search_item .title_holder .desc_holder{
margin-bottom: 17px;
}
.arlo_fn_search_common .search_item .title_holder .read_holder a{
display: block;
float: left;
max-width: 100%;
text-decoration: none;
padding-right: 33px;
font-size: 18px;
line-height: 26px;
height: 26px;
color: #fea202;
font-family: 'Muli';
font-weight: 500;
position: relative;
}
.arlo_fn_search_common .search_item .title_holder .read_holder a:hover span{
right: -10px;
}
.arlo_fn_search_common .search_item .title_holder .read_holder a span{
width: 20px;
height: 1px;
background-color: #fea202;
top: 50%;
display: block;
position: absolute;
right: 0;
transition: all .3s ease;
}
.arlo_fn_search_common .search_item .title_holder .read_holder a span:after{
width: 10px;
height: 1px;
transform: rotate(40deg);
position: absolute;
right: -1px;
top: -3px;
content: '';
background-color: #fea202;
}
.arlo_fn_search_common .search_item .title_holder .read_holder a span:before{
width: 10px;
height: 1px;
transform: rotate(-40deg);
position: absolute;
right: -1px;
top: 3px;
content: '';
background-color: #fea202;
}
.arlo_fn_search_common.arlo_fn_search_masonry .search_list ul{
margin-left: -70px;
}
.arlo_fn_search_common.arlo_fn_search_masonry .search_list li{
width: 50%;
padding-left: 70px;
margin-bottom: 70px;
}
.arlo_fn_search_common.arlo_fn_search_masonry .attachment_holder{
margin-right: 0;
width: 100%;
min-width: 100%;
height: auto;
margin-bottom: 35px;
}
.arlo_fn_search_common.arlo_fn_search_masonry .search_item{
margin: 0;
}
.arlo_fn_search_common.arlo_fn_search_masonry .attachment_holder img{
opacity: 1;
min-width: 100%;
transition: all 1s ease;
}
.arlo_fn_search_common.arlo_fn_search_masonry .attachment_holder:hover img{
transform: scale(1.2);
}
.arlo_fn_search_common.arlo_fn_search_masonry .search_item{
flex-direction: column;
}
@media(max-width: 768px){.arlo_fn_search_common.arlo_fn_search_masonry .search_list li{width: 100%;}}
@media(max-width: 1040px){
.arlo_fn_search_common.arlo_fn_search_full .search_item{flex-direction: column;}
.arlo_fn_search_common.arlo_fn_search_full .attachment_holder{
width: 100%;
min-width: 100%;
height: auto;
margin: 0;
margin-bottom: 40px;
}
.arlo_fn_search_common.arlo_fn_search_full .attachment_holder img{
min-width: 100%;
}
}
.arlo_fn_pagination.fn_type_2{
margin-bottom: 0;
margin-top: 30px;
}
.arlo_fn_pagination.fn_type_3{
margin-bottom: 0;
margin-top: 30px;
}
.arlo_fn_pagination.fn_type_3 li > span,
.arlo_fn_pagination.fn_type_3 li a{
width: 32px;
height: 32px;
line-height: 32px;
font-size: 18px;
font-weight: 500;
border-radius: 3px;
background-color: #eee;
color: #0e0e10;
position: relative;
}
.arlo_fn_pagination.fn_type_3 li a:hover,
.arlo_fn_pagination.fn_type_3 li.active > a,
.arlo_fn_pagination.fn_type_3 li.active > span{
color: #fff;
background-color: #222;
}
.arlo_fn_pagination.fn_type_3 li.next a:hover span,
.arlo_fn_pagination.fn_type_3 li.next a:hover span:after,
.arlo_fn_pagination.fn_type_3 li.next a:hover span:before,
.arlo_fn_pagination.fn_type_3 li.prev a:hover span,
.arlo_fn_pagination.fn_type_3 li.prev a:hover span:after,
.arlo_fn_pagination.fn_type_3 li.prev a:hover span:before{
background-color: #fff;
}
.arlo_fn_pagination.fn_type_3 li.next a{
width: auto;
padding: 0 43px 0 12px;
}
.arlo_fn_pagination.fn_type_3 li.prev a{
width: auto;
padding: 0 12px 0 43px;
}
.arlo_fn_pagination.fn_type_3 li.next a:hover span{
right: 8px;
}
.arlo_fn_pagination.fn_type_3 li.next a span{
width: 20px;
height: 1px;
background-color: #0e0e10;
top: 50%;
display: block;
position: absolute;
right: 13px;
transition: all .3s ease;
}
.arlo_fn_pagination.fn_type_3 li.next a span:after{
width: 10px;
height: 1px;
transform: rotate(40deg);
position: absolute;
right: -1px;
top: -3px;
content: '';
background-color: #0e0e10;
}
.arlo_fn_pagination.fn_type_3 li.next a span:before{
width: 10px;
height: 1px;
transform: rotate(-40deg);
position: absolute;
right: -1px;
top: 3px;
content: '';
background-color: #0e0e10;
}
.arlo_fn_pagination.fn_type_3 li.prev a:hover span{
left: 8px;
}
.arlo_fn_pagination.fn_type_3 li.prev a span{
width: 20px;
height: 1px;
background-color: #0e0e10;
top: 50%;
display: block;
position: absolute;
left: 13px;
transition: all .3s ease;
}
.arlo_fn_pagination.fn_type_3 li.prev a span:after{
width: 10px;
height: 1px;
transform: rotate(40deg);
position: absolute;
left: -1px;
top: 3px;
content: '';
background-color: #0e0e10;
}
.arlo_fn_pagination.fn_type_3 li.prev a span:before{
width: 10px;
height: 1px;
transform: rotate(-40deg);
position: absolute;
left: -1px;
top: -3px;
content: '';
background-color: #0e0e10;
}
.arlo_fn_pagination.fn_type_2 ul{
margin-left: -15px;
}
.arlo_fn_pagination.fn_type_2 li{
margin-left: 15px;
}
.arlo_fn_pagination.fn_type_2 li span,
.arlo_fn_pagination.fn_type_2 li a{
font-size: 18px;
width: auto;
height: 26px;
line-height: 26px;
background-color: transparent;
color: #222;
font-family: 'Muli';
font-weight: 600;
text-align: left;
overflow: visible;
position: relative;
}
.arlo_fn_pagination.fn_type_2 li a:hover,
.arlo_fn_pagination.fn_type_2 li.active a,
.arlo_fn_pagination.fn_type_2 li.active > span{
color: #fea202;
}
.arlo_fn_pagination.fn_type_2 li.next a:hover span,
.arlo_fn_pagination.fn_type_2 li.next a:hover span:after,
.arlo_fn_pagination.fn_type_2 li.next a:hover span:before,
.arlo_fn_pagination.fn_type_2 li.prev a:hover span,
.arlo_fn_pagination.fn_type_2 li.prev a:hover span:after,
.arlo_fn_pagination.fn_type_2 li.prev a:hover span:before{
background-color: #fea202;
}
.arlo_fn_pagination.fn_type_2 li a:after{
left: -4px;
right: -4px;
content: '';
position: absolute;
top: 0;
bottom: 0;
}
.arlo_fn_pagination.fn_type_2 li a:hover,
.arlo_fn_pagination.fn_type_2 li > span:hover{
background-color: transparent;
}
.arlo_fn_pagination.fn_type_2 li.next a{
padding-right: 33px;
}
.arlo_fn_pagination.fn_type_2 li.next a:hover span{
right: -5px;
}
.arlo_fn_pagination.fn_type_2 li.next a span{
width: 20px;
height: 1px;
background-color: #222;
top: 50%;
display: block;
position: absolute;
right: 0;
transition: all .3s ease;
}
.arlo_fn_pagination.fn_type_2 li.next a span:after{
width: 10px;
height: 1px;
transform: rotate(40deg);
position: absolute;
right: -1px;
top: -3px;
content: '';
background-color: #222;
}
.arlo_fn_pagination.fn_type_2 li.next a span:before{
width: 10px;
height: 1px;
transform: rotate(-40deg);
position: absolute;
right: -1px;
top: 3px;
content: '';
background-color: #222;
}
.arlo_fn_pagination.fn_type_2 li.prev a{
padding-left: 33px;
}
.arlo_fn_pagination.fn_type_2 li.prev a:hover span{
left: -5px;
}
.arlo_fn_pagination.fn_type_2 li.prev a span{
width: 20px;
height: 1px;
background-color: #222;
top: 50%;
display: block;
position: absolute;
left: 0;
transition: all .3s ease;
}
.arlo_fn_pagination.fn_type_2 li.prev a span:after{
width: 10px;
height: 1px;
transform: rotate(40deg);
position: absolute;
left: -1px;
top: 3px;
content: '';
background-color: #222;
}
.arlo_fn_pagination.fn_type_2 li.prev a span:before{
width: 10px;
height: 1px;
transform: rotate(-40deg);
position: absolute;
left: -1px;
top: -3px;
content: '';
background-color: #222;
} .arlo_fn_portfolio_grid{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_portfolio_grid .inner{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_portfolio_grid .inner ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-left: -70px;
}
.arlo_fn_portfolio_grid .inner ul li{
margin: 0;
padding: 0;
width: 50%;
float: left;
padding-left: 70px;
margin-bottom: 62px;
}
.arlo_fn_portfolio_grid .item .img_holder,
.arlo_fn_portfolio_grid .item .title_holder,
.arlo_fn_portfolio_grid .item{
width: 100%;
float: left;
clear: both;
position: relative;
}
.arlo_fn_portfolio_grid .item .img_holder{
border-radius: 3px;
overflow: hidden;
box-shadow: 0px 5px 40px rgba(0,0,0,0.1);
}
.arlo_fn_portfolio_grid .item .img_holder img{
min-width: 100%;
opacity: 0;
}
.arlo_fn_portfolio_grid .item .img_holder a{
text-decoration: none;
z-index: 5;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.arlo_fn_portfolio_grid .item .img_holder .img_abs{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 1s ease;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.arlo_fn_portfolio_grid .item .img_holder:hover .img_abs{
transform: scale(1.2);
}
.arlo_fn_portfolio_grid .item .title_holder{
padding: 16px 0 0 0;
}
.arlo_fn_portfolio_grid .item .title_holder p{
margin: 0;
padding: 0;
font-size: 16px;
font-family: 'Muli';
font-weight: 500;
color: #666;
margin-bottom: 9px;
line-height: 1.2;
}
.arlo_fn_portfolio_grid .item .title_holder p a{
text-decoration: none;
color: #666;
text-transform: capitalize;
}
.arlo_fn_portfolio_grid .item .title_holder p a:hover{
text-decoration: underline;
}
.arlo_fn_portfolio_grid .item .title_holder h3{
margin: 0;
padding: 0;
font-size: 30px;
font-family: 'Rubik';
font-weight: 400;
line-height: 1.2;
}
.arlo_fn_portfolio_grid .item .title_holder h3 a{
color: #222;
text-decoration: none;
}
.arlo_fn_portfolio_grid .item .title_holder h3 a:hover{
color: #ff4b36;
}
@media(max-width: 768px){
.arlo_fn_portfolio_grid .inner ul li{width: 100%;}
}
.arlo_fn_portfolio_masonry{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_portfolio_masonry .inner{
width: 100%;
float: left;
clear: both;
}
.arlo_fn_portfolio_masonry .inner ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-left: -70px;
}
.arlo_fn_portfolio_masonry .inner ul li{
margin: 0;
padding: 0;
width: 50%;
float: left;
padding-left: 70px;
margin-bottom: 62px;
}
.arlo_fn_portfolio_masonry .item .img_holder,
.arlo_fn_portfolio_masonry .item .title_holder,
.arlo_fn_portfolio_masonry .item{
width: 100%;
float: left;
clear: both;
position: relative;
}
.arlo_fn_portfolio_masonry .item .img_holder{
border-radius: 3px;
overflow: hidden;
box-shadow: 0px 5px 40px rgba(0,0,0,0.1);
}
.arlo_fn_portfolio_masonry .item .img_holder img{
min-width: 100%;
transition: all 1s ease;
}
.arlo_fn_portfolio_masonry .item .img_holder a{
text-decoration: none;
z-index: 5;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.arlo_fn_portfolio_masonry .item .img_holder:hover img{
transform: scale(1.2);
}
.arlo_fn_portfolio_masonry .item .title_holder{
padding: 16px 0 0 0;
}
.arlo_fn_portfolio_masonry .item .title_holder p{
margin: 0;
padding: 0;
font-size: 16px;
font-family: 'Muli';
font-weight: 500;
color: #666;
margin-bottom: 9px;
line-height: 1.2;
}
.arlo_fn_portfolio_masonry .item .title_holder p a{
text-decoration: none;
color: #666;
}
.arlo_fn_portfolio_masonry .item .title_holder p a:hover{
text-decoration: underline;
}
.arlo_fn_portfolio_masonry .item .title_holder h3{
margin: 0;
padding: 0;
font-size: 30px;
font-family: 'Rubik';
font-weight: 400;
line-height: 1.2;
}
.arlo_fn_portfolio_masonry .item .title_holder h3 a{
color: #222;
text-decoration: none;
}
.arlo_fn_portfolio_masonry .item .title_holder h3 a:hover{
color: #ff4b36;
}
@media(max-width: 768px){
.arlo_fn_portfolio_masonry .inner ul li{width: 100%;}
} .arlo_fn_portfolio_block_filter{
margin: 0px 0px 62px 0px;
width: 100%;
float: left;
clear: both;
}
.arlo_fn_portfolio_block_filter li a:after{
position: absolute;
content: "/";
left: 100%;
margin-left: 27px;
color: #777;
}
.arlo_fn_portfolio_block_filter li a{
text-decoration: none;
color: #777;
font-family: "Roboto";
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
position: relative;
}
.arlo_fn_portfolio_block_filter li a.active{
font-weight: 600;
}
.arlo_fn_portfolio_block_filter li a.active,
.arlo_fn_portfolio_block_filter li a:hover{
color: #ff4b36;
}
.arlo_fn_portfolio_block_filter li{
padding: 0;
margin: 0px 53px 0px 0px;
display: inline-block;
}
.arlo_fn_portfolio_block_filter li:last-child a:after{
content: none;
}
.arlo_fn_portfolio_block_filter li:last-child{
margin-right: 0;
}
.arlo_fn_portfolio_block_filter ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.fn_cs_agency_filter .posts_filter{
margin: 0px 0px 62px 0px;
list-style-type: none;
}
.fn_cs_agency_filter .posts_filter li{
margin: 0px 53px 0px 0px;
display: inline-block;
}
.fn_cs_agency_filter .posts_filter li a{
text-decoration: none;
color: #777;
font-family: "Roboto";
font-size: 18px;
font-weight: 400;
position: relative;
}
.fn_cs_agency_filter .posts_filter li a:before{
position: absolute;
content: "/";
left: 100%;
margin-left: 27px;
}
.fn_cs_agency_filter .posts_filter li:last-child a:before{
display: none;
}
.fn_cs_agency_filter{
width: 100%;
height: auto;
clear: both;
float: left;
}
.fn_cs_agency_filter .posts_list{
margin: 0px 0px 77px 0px;
list-style-type: none;
}
.fn_cs_agency_filter .posts_list:after{
content: "";
clear: both;
display: table;
}
.fn_cs_agency_filter .posts_list .item{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
margin-bottom: 44px;
}
.fn_cs_agency_filter .posts_list .item .img_holder{
float: left;
position: relative;
width: 100%;
}
.fn_cs_agency_filter .posts_list .item .abs_img{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 10px;
}
.fn_cs_agency_filter{
transition: all .3s ease;
}
.arlo_fn_portfolio_block.go .fn_cs_agency_filter{
opacity: .5;
}
.fn_cs_agency_filter .posts_list .item .abs_img a{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: block;
z-index: 5;
}
.fn_cs_agency_filter .posts_list .title_holder{
padding-top: 35px;
float: left;
width: 100%;
}
.fn_cs_agency_filter .posts_list .title_holder p{
margin-bottom: 2px;
padding: 0px;
}
.fn_cs_agency_filter .posts_list .title_holder p a{ 
font-family: "Muli";
font-size: 16px;
font-weight: 500;
color: #777;
text-decoration: none;
text-transform: capitalize;
}
.fn_cs_agency_filter .posts_list .title_holder h3{
margin: 0px;
padding: 0px;
}
.fn_cs_agency_filter .posts_list .title_holder h3 a{ 
font-family: "Roboto";
font-size: 24px;
font-weight: 400;
color: #1e1e1e;
text-decoration: none;
transition: all .3s ease;
}
.fn_cs_agency_filter .posts_list .title_holder h3 a:hover{
color: #ff4b36;
}
.fn_cs_rows_wrapper{
margin: 0px 0px 0px -70px;
height: auto;
clear: both;
display: flex;
}
.fn_cs_rows_wrapper .first_row{
width: 66.6666%;
padding-left: 70px;
}
.fn_cs_rows_wrapper .first_row img{
min-width: 100%;
opacity: 0;
height: 635px;
}
.fn_cs_agency_filter .img_holder img{
opacity: 0;
min-width: 100%;
max-width: 100%;
}
.fn_cs_rows_wrapper .second_row{
width: 33.3333%;
padding-left: 70px;
}
.fn_cs_cols_wrapper{
width: 100%;
height: auto;
clear: both;
}
.fn_cs_cols_wrapper ul{
margin: 0px 0px 0px -70px;
list-style-type: none;
}
.fn_cs_cols_wrapper ul li{
margin: 0px;
padding-left: 70px;
width: 33.3333%;
float: left;
}
.fn_cs_agency_filter .my_pagination{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 180px;
}
.fn_cs_agency_filter .my_pagination ul{
margin: 0px;
list-style-type: none;
}
.fn_cs_agency_filter .my_pagination ul li{
margin: 0px 5px 5px 0px;
display: inline-block;
}
.fn_cs_agency_filter .my_pagination ul li:last-child{
margin-left: 24px;
}
.fn_cs_agency_filter .my_pagination ul li a{
text-decoration: none;
display: inline-block;
width: 32px;
height: 32px;
border-radius: 3px;
background-color: #eeeeee;
line-height: 32px;
text-align: center;
color: #1e1e1e;
font-family: "Muli";
font-size: 18px;
font-weight: 500;
}
.fn_cs_agency_filter .my_pagination ul li.current a{
color: #fff;
background-color: #16161c;
}
.fn_cs_agency_filter .my_pagination ul li p{
font-family: "Muli";
font-weight: 400;
color: #777777;
font-size: 16px;
}
@media(max-width:1040px){
.fn_cs_rows_wrapper{
flex-direction: column;
align-items: baseline;
margin: 0px;
}
.fn_cs_rows_wrapper .first_row{
padding-left: 0px;
width: 100%;
}
.fn_cs_rows_wrapper .second_row{
padding-left: 0px;
width: 100%;
}
.fn_cs_cols_wrapper ul{
margin: 0px;
}
.fn_cs_cols_wrapper ul li{
width: 100%;
padding-left: 0px;
}
}
.wpcf7 form .wpcf7-response-output{
margin: 20px 0px 0px 0px !important;
float: left;
} .arlo_fn_footer.arlo_agency2 .widget_nav_menu li{
width: 100%;
}
.arlo_fn_footer.arlo_agency2 .widget_nav_menu ul li{
border: none;
}
.arlo_fn_footer.arlo_agency2 .widget_nav_menu ul li a{
line-height: 30px;
color: #444;
}
.arlo_fn_footer.arlo_agency2 .widget_email-subscribers-form input[type="email"]{
background-color: #ddd;
}
.arlo_fn_footer.arlo_agency2 .widget_email-subscribers-form input[type="submit"]{
border-radius: 50px;
}
.arlo_fn_footer.arlo_agency2 .wid-title span{
text-transform: capitalize;
margin-bottom: 25px;
}
.arlo_fn_footer.arlo_agency2 .widget_block.widget_categories li,
.arlo_fn_footer.arlo_agency2 .widget_block.widget_archive li{
border: none;
}
.arlo_fn_footer.arlo_agency2 .widget_block.widget_meta a, 
.arlo_fn_footer.arlo_agency2 .widget_block.widget_recent_entries a, 
.arlo_fn_footer.arlo_agency2 .widget_block.widget_pages a, 
.arlo_fn_footer.arlo_agency2 .widget_block.widget_archive a, 
.arlo_fn_footer.arlo_agency2 .widget_block.widget_categories a{
line-height: 30px;
color: #444;
font-family: "Muli";
font-weight: 400;
font-size: 16px;
}
.arlo_fn_footer.arlo_agency2 .footer_widget{padding: 0px;}
.arlo_fn_footer.arlo_agency2 .footer_widget .inner{
border-bottom: 1px solid #ddd;
padding: 195px 0px 50px 0px;
}
.arlo_fn_footer.arlo_agency2 .footer_bottom_in{padding: 60px 0px 170px 0px;}
.arlo_fn_footer.arlo_agency2 .widget_block li{margin-bottom: 0px;}
.arlo_fn_footer.arlo_agency2 .widget_block a{
transition: all .3s ease;
position: relative;
}
.arlo_fn_footer.arlo_agency2 .widget_block a:hover{color: #e51d3e;} .arlo_fn_footer.arlo_business1[data-triple="enable"] .footer_bottom{
border-top: 1px solid rgba(255,255,255,.1);
}
.arlo_fn_footer.arlo_business1 .widget_email-subscribers-form input[type="email"]{
background-color: rgba(255,255,255,.1);
border: 1px solid rgba(255,255,255,.04);
}
.arlo_fn_footer.arlo_business1 .widget_email-subscribers-form input[type="submit"]{
background-color: #26e4d3;
color: #111;
}
.arlo_fn_footer.arlo_business1 .wid-title span{
color: #fff;
}
.arlo_fn_footer.arlo_business1 .textwidget p{
color: #999;
}
.arlo_fn_footer.arlo_business1 .widget_nav_menu ul li a{
color: #999;
}
.arlo_fn_footer.arlo_business1 .widget_nav_menu ul li a:hover{
color: #eee;
}
.arlo_fn_footer.arlo_business1 .footer_widget{
padding: 200px 0 150px 0;
}
.arlo_fn_footer.arlo_business1 a.arlo_fn_totop{
width: 30px;
height: 30px;
}
.arlo_fn_footer.arlo_business1 a.arlo_fn_totop.arlo_fn_footer_totop .top{
width: 30px;
height: 30px;
background: #26e4d3;
}
.arlo_fn_footer.arlo_business1 .widget_tag_cloud a:hover{
background-color: #26e4d3;
color: #111 !important;
}
.arlo_fn_footer.arlo_business1 a.arlo_fn_totop.arlo_fn_footer_totop .top:after{
border-bottom-color: #111;
left: 9px;
bottom: 11px;
border-width: 5px;
border-bottom-width: 7px;
} .arlo_fn_wfh .emaillist form{
display: flex;
width: 100%;
flex-direction: row;
}
.arlo_fn_wfh .es-field-wrap{
width: 100%;
}
.arlo_fn_wfh .emaillist input[type="email"]{
width: 105%;
height: 50px !important;
background-color: rgba(255,255,255,.1);
border: 1px solid rgba(255,255,255,.2);
border-radius: 0;
padding: 0 30px 0 20px !important;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
color: #fff;
}
.arlo_fn_wfh .emaillist input[type="submit"]{
height: 50px !important;
background-color: #26e4d3;
border-radius: 3px;
padding: 0 35px;
line-height: 48px;
position: relative;
color: #111;
text-transform: capitalize;
font-family: 'Muli';
font-size: 15px;
font-weight: 600;
}
.arlo_fn_widget_subscribers input{
height: 50px;
padding: 0 17px !important;
width: 100%;
line-height: 50px;
border-radius: 3px;
background-color: rgba(255,255,255,.05);
border: none;
font-family: 'Muli';
font-size: 16px;
color: #eee;
margin-bottom: 20px;
}
.arlo_fn_widget_subscribers input:focus{
background-color: rgba(255,255,255,.1);
}
.arlo_fn_widget_subscribers a{
text-decoration: none;
display: inline-block;
background-color: #1e1e24;
font-family: 'Muli';
padding: 0 40px !important;
line-height: 46px;
height: 50px;
border: 2px solid transparent;
box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
color: #eee !important;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
border-radius: 3px;
}
.arlo_fn_widget_subscribers a:hover{
border-color: #0653DF;
}
.arlo_fn_widget_subscribers a:focus{
background-color: rgba(255,255,255,.1);
}
.arlo_fn_widget_subscribers .message{
display: none;
font-size: 14px;
margin-bottom: 20px;
}
.arlo_fn_widget_subscribers .message.error{
color: #f14f5d;
}
.arlo_fn_widget_subscribers .message.success{
color: #3cb878;
}
.wp-block-search .wp-block-search__input{
margin-bottom: 0;
}
.wp-block-search__button{
cursor: pointer;
}
.arlo_fn_footer .footer_bottom:after{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.arlo_fn_footer .container{
position: relative;
z-index: 5;
}
.arlo_fn_rightsidebar .arlo_fn_widget_subscribers input{
border: 1px solid #ccc;
color: #333;
}
.arlo_fn_rightsidebar .arlo_fn_widget_subscribers input:focus{
border-color: #333;
}
.arlo_fn_rightsidebar .arlo_fn_widget_subscribers a{
border: none;
}
.arlo_fn_rightsidebar .arlo_fn_widget_subscribers a:hover{
background-color: #333;
}