@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(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/font/fontello.eot?78150778);src:url(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/font/fontello.eot?78150778#iefix) format('embedded-opentype'),url(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/font/fontello.woff2?78150778) format('woff2'),url(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/font/fontello.woff?78150778) format('woff'),url(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/font/fontello.ttf?78150778) format('truetype'),url(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/font/fontello.svg?78150778#fontello) format('svg');font-weight:400;font-style:normal}[class*=" xcon-"]:before,[class^=xcon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;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-vk:before{content:'\e800'}.xcon-glass:before{content:'\e801'}.xcon-music:before{content:'\e802'}.xcon-search:before{content:'\e803'}.xcon-mail:before{content:'\e804'}.xcon-star-empty:before{content:'\e805'}.xcon-heart-empty:before{content:'\e806'}.xcon-users:before{content:'\e807'}.xcon-video:before{content:'\e808'}.xcon-camera-alt:before{content:'\e809'}.xcon-picture:before{content:'\e80a'}.xcon-ok:before{content:'\e80b'}.xcon-cancel:before{content:'\e80c'}.xcon-plus:before{content:'\e80d'}.xcon-lock:before{content:'\e80e'}.xcon-lock-open:before{content:'\e80f'}.xcon-pin:before{content:'\e810'}.xcon-eye-off:before{content:'\e811'}.xcon-eye:before{content:'\e812'}.xcon-tag:before{content:'\e813'}.xcon-tags:before{content:'\e814'}.xcon-thumbs-up:before{content:'\e815'}.xcon-thumbs-down:before{content:'\e816'}.xcon-pencil:before{content:'\e817'}.xcon-comment:before{content:'\e818'}.xcon-location:before{content:'\e819'}.xcon-phone:before{content:'\e81a'}.xcon-cog:before{content:'\e81b'}.xcon-wrench:before{content:'\e81c'}.xcon-basket:before{content:'\e81d'}.xcon-calendar:before{content:'\e81e'}.xcon-volume-off:before{content:'\e81f'}.xcon-volume-down:before{content:'\e820'}.xcon-headphones:before{content:'\e821'}.xcon-zoom-in:before{content:'\e822'}.xcon-zoom-out:before{content:'\e823'}.xcon-left-open:before{content:'\e824'}.xcon-right-open:before{content:'\e825'}.xcon-down-open:before{content:'\e826'}.xcon-up-open:before{content:'\e827'}.xcon-cloud:before{content:'\e828'}.xcon-flash:before{content:'\e829'}.xcon-umbrella:before{content:'\e82a'}.xcon-chart-bar:before{content:'\e82b'}.xcon-megaphone:before{content:'\e82c'}.xcon-truck:before{content:'\e82d'}.xcon-mail-1:before{content:'\e82e'}.xcon-email:before{content:'\e82f'}.xcon-gplus-2:before{content:'\e830'}.xcon-flickr-1:before{content:'\e831'}.xcon-odnoklassniki-1:before{content:'\e832'}.xcon-emo-happy:before{content:'\e833'}.xcon-emo-wink:before{content:'\e834'}.xcon-emo-wink2:before{content:'\e835'}.xcon-emo-unhappy:before{content:'\e836'}.xcon-emo-sleep:before{content:'\e837'}.xcon-emo-tongue:before{content:'\e838'}.xcon-emo-surprised:before{content:'\e839'}.xcon-emo-devil:before{content:'\e83a'}.xcon-emo-thumbsup:before{content:'\e83b'}.xcon-emo-coffee:before{content:'\e83c'}.xcon-emo-sunglasses:before{content:'\e83d'}.xcon-emo-displeased:before{content:'\e83e'}.xcon-emo-beer:before{content:'\e83f'}.xcon-firefox:before{content:'\e840'}.xcon-chrome:before{content:'\e841'}.xcon-opera:before{content:'\e842'}.xcon-ie:before{content:'\e843'}.xcon-emo-grin:before{content:'\e844'}.xcon-emo-angry:before{content:'\e845'}.xcon-emo-saint:before{content:'\e846'}.xcon-emo-squint:before{content:'\e847'}.xcon-emo-laugh:before{content:'\e848'}.xcon-videocam:before{content:'\e849'}.xcon-info-outline:before{content:'\e84a'}.xcon-ok-1:before{content:'\e84b'}.xcon-ok-2:before{content:'\e84c'}.xcon-volume-up:before{content:'\e84d'}.xcon-gplus-3:before{content:'\f05a'}.xcon-link-ext:before{content:'\f08e'}.xcon-facebook-1:before{content:'\f09a'}.xcon-mail-alt:before{content:'\f0e0'}.xcon-chat-empty:before{content:'\f0e6'}.xcon-bell-alt:before{content:'\f0f3'}.xcon-doc-text:before{content:'\f0f6'}.xcon-ambulance:before{content:'\f0f9'}.xcon-fighter-jet:before{content:'\f0fb'}.xcon-angle-left:before{content:'\f104'}.xcon-angle-right:before{content:'\f105'}.xcon-angle-up:before{content:'\f106'}.xcon-angle-down:before{content:'\f107'}.xcon-direction:before{content:'\f124'}.xcon-help:before{content:'\f128'}.xcon-attention-alt:before{content:'\f12a'}.xcon-mic:before{content:'\f130'}.xcon-mute:before{content:'\f131'}.xcon-rocket:before{content:'\f135'}.xcon-html5:before{content:'\f13b'}.xcon-euro:before{content:'\f153'}.xcon-pound:before{content:'\f154'}.xcon-dollar:before{content:'\f155'}.xcon-rupee:before{content:'\f156'}.xcon-yen:before{content:'\f157'}.xcon-rouble:before{content:'\f158'}.xcon-won:before{content:'\f159'}.xcon-bitcoin:before{content:'\f15a'}.xcon-youtube-play:before{content:'\f16a'}.xcon-dropbox-1:before{content:'\f16b'}.xcon-down:before{content:'\f175'}.xcon-up:before{content:'\f176'}.xcon-left:before{content:'\f177'}.xcon-right:before{content:'\f178'}.xcon-apple:before{content:'\f179'}.xcon-android:before{content:'\f17b'}.xcon-dribbble-1:before{content:'\f17d'}.xcon-female:before{content:'\f182'}.xcon-male:before{content:'\f183'}.xcon-sun:before{content:'\f185'}.xcon-moon:before{content:'\f186'}.xcon-vkontakte:before{content:'\f189'}.xcon-wheelchair:before{content:'\f193'}.xcon-graduation-cap:before{content:'\f19d'}.xcon-building-filled:before{content:'\f1ad'}.xcon-child:before{content:'\f1ae'}.xcon-cab:before{content:'\f1b9'}.xcon-database:before{content:'\f1c0'}.xcon-file-pdf:before{content:'\f1c1'}.xcon-file-word:before{content:'\f1c2'}.xcon-file-excel:before{content:'\f1c3'}.xcon-file-powerpoint:before{content:'\f1c4'}.xcon-file-archive:before{content:'\f1c6'}.xcon-file-audio:before{content:'\f1c7'}.xcon-file-video:before{content:'\f1c8'}.xcon-git:before{content:'\f1d3'}.xcon-paper-plane:before{content:'\f1d8'}.xcon-sliders:before{content:'\f1de'}.xcon-share:before{content:'\f1e0'}.xcon-wifi:before{content:'\f1eb'}.xcon-bell-off:before{content:'\f1f6'}.xcon-trash:before{content:'\f1f8'}.xcon-copyright:before{content:'\f1f9'}.xcon-at:before{content:'\f1fa'}.xcon-chart-area:before{content:'\f1fe'}.xcon-chart-pie:before{content:'\f200'}.xcon-chart-line:before{content:'\f201'}.xcon-bicycle:before{content:'\f206'}.xcon-bus:before{content:'\f207'}.xcon-motorcycle:before{content:'\f21c'}.xcon-bed:before{content:'\f236'}.xcon-viacoin:before{content:'\f237'}.xcon-train:before{content:'\f238'}.xcon-trademark:before{content:'\f25c'}.xcon-odnoklassniki:before{content:'\f263'}.xcon-safari:before{content:'\f267'}.xcon-chrome-1:before{content:'\f268'}.xcon-firefox-1:before{content:'\f269'}.xcon-opera-1:before{content:'\f26a'}.xcon-internet-explorer:before{content:'\f26b'}.xcon-500px:before{content:'\f26e'}.xcon-bluetooth-b:before{content:'\f294'}.xcon-github:before{content:'\f300'}.xcon-flickr:before{content:'\f303'}.xcon-vimeo:before{content:'\f306'}.xcon-twitter:before{content:'\f309'}.xcon-facebook:before{content:'\f30c'}.xcon-odnoklassniki-rect:before{content:'\f30d'}.xcon-gplus:before{content:'\f30f'}.xcon-pinterest:before{content:'\f312'}.xcon-youtube:before{content:'\f313'}.xcon-tumblr:before{content:'\f315'}.xcon-linkedin:before{content:'\f318'}.xcon-dribbble:before{content:'\f31b'}.xcon-stumbleupon:before{content:'\f31e'}.xcon-lastfm:before{content:'\f321'}.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-renren:before{content:'\f33c'}.xcon-sina-weibo:before{content:'\f33f'}.xcon-paypal:before{content:'\f342'}.xcon-picasa:before{content:'\f345'}.xcon-mixi:before{content:'\f34b'}.xcon-behance:before{content:'\f34e'}.xcon-vkontakte-1:before{content:'\f354'}.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(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/lg/lg.eot?n1z373);
src: url(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/lg/lg.eot?#iefixn1z373) format("embedded-opentype"), url(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/lg/lg.woff?n1z373) format("woff"), url(//www.fridayfabric.com/wp-content/themes/arlo/framework/css/lg/lg.ttf?n1z373) format("truetype"), url(//www.fridayfabric.com/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(//www.fridayfabric.com/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(//www.fridayfabric.com/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(//www.fridayfabric.com/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(//www.fridayfabric.com/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(//www.fridayfabric.com/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(//www.fridayfabric.com/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(//www.fridayfabric.com/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(//www.fridayfabric.com/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 .contained{
display: none;
}
.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% { -webkit-transform: scale(0) }
100% {
-webkit-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;
}
html{
height: auto;
}
body{
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 2;
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;
}
.single .content_holder p{
margin-bottom: 20px;
}
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;
}
.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;
}
.wid-title span:after{
content: '';
position: absolute;
width: 100px;
height: 2px;
background-color: #ccc;
top: 100%;
left: 0;
}
.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]{
padding: 0px 10px !important;
background-color: transparent;
border: 1px solid rgba(0,0,0,.2);
width: 100%;
color: #6f6f6f;
height: 50px;
padding-left: 15px !important;
padding-right: 40px !important;
}
.widget_search .search2{
position: relative;
}
.widget_search input[type=submit]{
height: 50px;
padding: 0px !important;
color: #fff;
width: 50px;
background-color: transparent !important;
text-transform: uppercase;
margin-bottom: 0px !important;
position: absolute;
right: 0px;
top: 0px;
z-index: 5;
cursor: pointer;
}
.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;
} .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: 61px 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: #6f6f6f;
}
.arlo_fn_footer .footer_copyright a{
color: #6f6f6f;
text-decoration: none;
font-weight: 600;
border-bottom: 1px dotted transparent;
}
.arlo_fn_footer .footer_copyright a:hover{
border-bottom-color: #777;
}
.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{
list-style-type: none;
margin: 0px;
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 .footer_widget .inner:after{
position: absolute;
content: '';
height: 6px;
background-color: rgba(255,255,255,.05);
top: 100%;
margin-top: 43px;
right: 100%;
left: -3000px;
}
.arlo_fn_footer .footer_widget .inner:before{
position: absolute;
content: '';
height: 6px;
background-color: rgba(255,255,255,.05);
top: 100%;
margin-top: 43px;
left: 0px;
right: 6px;
margin-right: 0;
}
.arlo_fn_footer ul.widget_area:after{
content: '';
position: absolute;
right:0px;
top: 100%;
margin-top: 43px;
border-top: 6px solid transparent;
border-left: 6px solid rgba(255,255,255,.05);
} .arlo_fn_footer .widget_tag_cloud .tagcloud a{color: #041230;}
.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(0,0,0,.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 img,
.arlo_fn_footer .subscribe_in .s_left 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;
}  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 .5s ease;
}
a.arlo_fn_totop .top{
display: block;
width: 38px;
height: 38px;
background-color: #ff4b36;
position: absolute;
left: 7px;
top: 0px;
border-radius: 0px;
}
a.arlo_fn_totop .text {
position: absolute;
left: 0px;
right: 0px;
top: 43px;
text-transform: uppercase;
font-size: 10px;
line-height: 1;
color: #999;
letter-spacing: 0px;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all .3s ease;
font-family: 'Montserrat';
}
a.arlo_fn_totop .top:after {
content: '';
width: 0px;
position: absolute;
display: block;
border: 5px solid transparent;
border-bottom-width: 7px;
border-bottom-color: #fff;
left: 14px;
bottom: 15px;
}
a.arlo_fn_totop:hover .text{
color: #111;
}
.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);
}
.menu-main-menu-container{
display: table;
height: 100%;
width: 100%;
}
.menu-main-menu-container > ul{
display: table-cell;
vertical-align: middle;
}
.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;
}
.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_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 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 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 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 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 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: 18px;
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: -8px;
}
.hamburger-inner::after{
bottom: -10px;
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after{
top: -16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
-moz-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
-ms-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
-o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before{
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-ms-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner{
-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
-moz-transform: translate3d(0, -10px, 0) rotate(45deg);
-ms-transform: translate3d(0, -10px, 0) rotate(45deg);
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after{
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
-moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
-ms-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
-o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before{
top: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.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;
-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_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 0 30px rgba(0, 0, 0, 0.05);
transition: all .5s ease;
}
.arlo_fn_searchpagelist_item:hover{box-shadow: 0 0 30px rgba(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;
transition: all .5s ease;
}
.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(//www.fridayfabric.com/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: 20px 40px;
box-sizing: border-box;
}
.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;
margin-bottom: 24px;
}
.arlo_fn_comment .comment_list:before{
right: -40px;
left: -40px;
top: 100%;
height: 1px;
background-color: rgba(0,0,0,0.03);
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 .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: 46px 0px;
padding-top: 0px !important;
position: relative;
margin-bottom: 30px;
margin-top: 25px;
}
.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{
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 0px 15px rgba(0,0,0,0.06);
transition:  all .5s ease;
}
ul.arlo_fn_archive_list .arlo_fn_post:hover{
box-shadow: 0 0 30px 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;
}
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: 0px 0px 15px rgba(0,0,0,0.06);
transition:  all .5s ease;
}
ul.arlo_fn_postlist li > div:hover{box-shadow: 0 0 30px rgba(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: none;
}
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 > *:last-child,
.archive .inner > *:last-child{
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: 44px;
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: 1;
padding: 12px 0px;
font-size: 14px;
margin-right: 30px;
font-weight: 600;
color: #000;
text-transform: uppercase;
}
.arlo_fn_tags a{
font-weight: 400;
text-decoration: none;
color: #000;
display: block;
float: left;
margin: 0 5px 5px 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 p a{
color: #d24e1a;
}
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_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;
}
a.arlo_fn_totop .text{
display: none;
}
a.arlo_fn_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 .top:hover{
border-color: rgba(255,255,255,.5);
}
a.arlo_fn_totop .top:after{
border-bottom-color: #bbb;
left: 18px;
bottom: 20px;
border-width: 6px;
border-bottom-width: 8px;
}
.arlo_fn_footer .widget_nav_menu ul li a{
color: #bbb;
}
.arlo_fn_footer .footer_copyright p{
color: #bbb;
}
.arlo_fn_footer .footer_bottom{
background-color: #14131b;
}
.arlo_fn_footer .footer_bottom{
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#text-2{
margin-bottom: 47px;
}
#recent-posts-3{
margin-bottom: 54px;
}
#archives-3{
margin-bottom: 48px;
}
#tag_cloud-2{
margin-bottom: 60px;
}
#search-2{
margin-bottom: 55px;
}
.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;}
}