2022-05-14 19:43:00 +02:00
# header . logo h3 , # header . logo ul . social-icons , # header . search-box , # header # navbar ul . navigation , # header # navbar . panel-activation { position : relative ; top : 50 % ; transform : translateY ( -50 % ) ; }
. button , . archive-list button , . contact button , . button-secondary { display : inline-block ; padding : 7 px 20 px ; margin-left : 5 px ; margin-right : 5 px ; margin-bottom : 10 px ; }
. button-small . button , . archive-list button . button-small , . contact button . button-small , . button-small . button-secondary { padding : 3 px 10 px ; font-size : 0.9 rem ; }
html , body { height : 100 % ; }
2022-05-19 11:01:18 +02:00
body { background : #fff ; color : #808080 ; -webkit- font-smoothing : antialiased ; -moz- osx-font-smoothing : grayscale ; }
2022-05-14 19:43:00 +02:00
a { color : #87b672 ; }
a : hover { color : #558042 ; }
b , strong , label , th { font-weight : 600 ; }
# container { min-height : 100 % ; position : relative ; }
. fullwidth # body { padding-left : 0 ; padding-right : 0 ; }
# body { background : #fff ; padding-top : 15 rem ; }
. left { float : left ; }
. right { float : right ; }
@ font-face { font-family : 'novecento_sans_widedemibold' ; src : url ( "../fonts/Novecentosanswide-DemiBold-webfont.eot" ) ; src : url ( "../fonts/Novecentosanswide-DemiBold-webfont.eot?#iefix" ) format ( "embedded-opentype" ) , url ( "../fonts/Novecentosanswide-DemiBold-webfont.woff2" ) format ( "woff2" ) , url ( "../fonts/Novecentosanswide-DemiBold-webfont.woff" ) format ( "woff" ) , url ( "../fonts/Novecentosanswide-DemiBold-webfont.ttf" ) format ( "truetype" ) , url ( "../fonts/Novecentosanswide-DemiBold-webfont.svg#novecento_sans_widedemibold" ) format ( "svg" ) ; font-weight : normal ; font-style : normal ; }
@ font-face { font-family : 'novecento_sans_widenormal' ; src : url ( "../fonts/Novecentosanswide-Normal-webfont.eot" ) ; src : url ( "../fonts/Novecentosanswide-Normal-webfont.eot?#iefix" ) format ( "embedded-opentype" ) , url ( "../fonts/Novecentosanswide-Normal-webfont.woff2" ) format ( "woff2" ) , url ( "../fonts/Novecentosanswide-Normal-webfont.woff" ) format ( "woff" ) , url ( "../fonts/Novecentosanswide-Normal-webfont.ttf" ) format ( "truetype" ) , url ( "../fonts/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal" ) format ( "svg" ) ; font-weight : normal ; font-style : normal ; }
@ font-face { font-family : 'novecento_sans_widemedium' ; src : url ( "../fonts/Novecentosanswide-Medium-webfont.eot" ) ; src : url ( "../fonts/Novecentosanswide-Medium-webfont.eot?#iefix" ) format ( "embedded-opentype" ) , url ( "../fonts/Novecentosanswide-Medium-webfont.woff2" ) format ( "woff2" ) , url ( "../fonts/Novecentosanswide-Medium-webfont.woff" ) format ( "woff" ) , url ( "../fonts/Novecentosanswide-Medium-webfont.ttf" ) format ( "truetype" ) , url ( "../fonts/Novecentosanswide-Medium-webfont.svg#novecento_sans_widemedium" ) format ( "svg" ) ; font-weight : normal ; font-style : normal ; }
@ font-face { font-family : 'Pacifico' ; src : url ( "../fonts/pacifico.ttf" ) format ( "truetype" ) ; font-weight : 400 ; font-style : normal ; }
. default-animation , # body , . modal , . archive-list button , . modular . showcase . button , . modular . showcase . archive-list button , . archive-list . modular . showcase button , . modular . showcase . contact button , . contact . modular . showcase button , . modular . slideme_container . arrow , . modular . slideme_container . pagination . numbers li , . modular . bottom . button , . modular . bottom . archive-list button , . archive-list . modular . bottom button , . modular . bottom . contact button , . contact . modular . bottom button , . contact input , . contact textarea , . contact button , . callout . pricing-container . pricing-item , . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . foot , . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . archive-list button , . archive-list . callout . pricing-container . pricing-item . foot button , . callout . pricing-container . pricing-item . foot . contact button , . contact . callout . pricing-container . pricing-item . foot button , . team . members . social-icons li , . team . members . social-icons li a , . logo h3 , . logo ul . social-icons li , . logo ul . social-icons li a , . notebook . screen . screen-content-hover { transition : all 0.5 s ease ; }
. padding-horiz , . fullwidth # header , . fullwidth # breadcrumbs , . fullwidth . blog-header , . fullwidth . blog-content-item , . fullwidth . content-wrapper , . fullwidth ul . pagination , . fullwidth # body > . modular-row , # body , # header , . footer { padding-left : 14 rem ; padding-right : 14 rem ; }
@ media only all and ( min-width : 60em ) and ( max-width : 74 . 938em ) { . padding-horiz , . fullwidth # header , . fullwidth # breadcrumbs , . fullwidth . blog-header , . fullwidth . blog-content-item , . fullwidth . content-wrapper , . fullwidth ul . pagination , . fullwidth # body > . modular-row , # body , # header , . footer { padding-left : 7 rem ; padding-right : 7 rem ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . padding-horiz , . fullwidth # header , . fullwidth # breadcrumbs , . fullwidth . blog-header , . fullwidth . blog-content-item , . fullwidth . content-wrapper , . fullwidth ul . pagination , . fullwidth # body > . modular-row , # body , # header , . footer { padding-left : 7 rem ; padding-right : 7 rem ; } }
@ media only all and ( max-width : 47 . 938em ) { . padding-horiz , . fullwidth # header , . fullwidth # breadcrumbs , . fullwidth . blog-header , . fullwidth . blog-content-item , . fullwidth . content-wrapper , . fullwidth ul . pagination , . fullwidth # body > . modular-row , # body , # header , . footer { padding-left : 1 rem ; padding-right : 1 rem ; } }
. padding-vert { padding-top : 3 rem ; padding-bottom : 3 rem ; }
# header { position : absolute ; z-index : 10000 ; width : 100 % ; height : 12 rem ; background-color : rgba ( 255 , 255 , 255 , 0.9 ) ; box-shadow : 0 0.05 rem 1 rem rgba ( 0 , 0 , 0 , 0.15 ) ; }
# header > . grid , # header . logo , # header # navbar , # header . social-navigation { height : 50 % ; }
# header . fa { color : #000 ; }
# header . fixed { background : #fff ; padding-left : 14 rem ; padding-right : 14 rem ; position : fixed ; top : 0 ; left : 0 ; width : 100 % ; opacity : 0.9 ; box-shadow : 0 0 px 20 px 0 px rgba ( 0 , 0 , 0 , 0.2 ) ; }
@ media only all and ( max-width : 47 . 938em ) { # header . fixed { padding-left : 10 px ; padding-right : 10 px ; } }
@ media only all and ( max-width : 47 . 938em ) { # header . logo h3 { font-size : 1.9 rem ; } }
# header . search-box { display : block ; float : right ; text-align : right ; }
# header . search-box i { color : #FFFFFF ; position : absolute ; top : 0.5 rem ; right : 0.6 rem ; z-index : -1 ; cursor : pointer ; }
# header . search-box input :: -webkit-search-decoration , # header . search-box input :: -webkit-search-cancel-button { display : none ; }
# header . search-box input [ type = search ] { outline : none ; cursor : pointer ; -webkit- appearance : textfield ; -webkit- box-sizing : content-box ; font-family : inherit ; font-size : 100 % ; border : 0 none ; box-shadow : none ; color : transparent ; background : transparent ; width : 4 rem ; height : 1.3 rem ; margin-bottom : 0 ; font-size : 0.9 rem ; transition : all 0.5 s ; }
# header . search-box input [ type = search ] : focus { width : 10 rem ; background-color : rgba ( 255 , 255 , 255 , 0.3 ) ; cursor : auto ; color : #FFFFFF ; }
# header . search-box input : -moz-placeholder { color : transparent ; }
# header . search-box input :: -webkit-input-placeholder { color : transparent ; }
@ media only all and ( max-width : 59 . 938em ) { # header . search-box { text-align : right ; position : absolute ; right : 10 px ; top : 50 % ; transform : translateY ( 1 rem ) ; }
# header . search-box i { left : 0.6 rem ; }
# header . search-box input [ type = search ] { padding-right : 2 rem ; }
# header . search-box input [ type = search ] : focus { width : 8 rem ; } }
@ media only all and ( max-width : 59 . 938em ) { # header . fixed . search-box { top : 50 % ; transform : translateY ( -50 % ) ; } }
@ media only all and ( max-width : 59 . 938em ) { # header . fixed . panel-activation { top : 50 % !important ; transform : translateY ( -50 % ) !important ; } }
# header # navbar { font-size : 1.1 rem ; }
@ media only all and ( max-width : 47 . 938em ) { # header # navbar { margin-left : -1 rem ; margin-right : -1 rem ; }
# header # navbar . fixed { margin : 0 ; } }
# header # navbar ul { margin : 0 ; padding : 0 ; list-style : none ; }
# header # navbar ul . navigation { display : inline-block ; float : left ; }
# header # navbar ul . navigation li { float : left ; position : relative ; text-transform : uppercase ; }
# header # navbar ul . navigation li a { font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; display : inline-block ; padding : 0.3 rem 0.8 rem ; }
# header # navbar ul . navigation li a . active , # header # navbar ul . navigation li a : hover { color : #87b672 ; }
# header # navbar ul . navigation li : first-child a { padding-left : 0 ; }
# header # navbar ul . navigation li ul { display : none ; padding : 0 ; box-shadow : 0 0.05 rem 1 rem rgba ( 0 , 0 , 0 , 0.15 ) !important ; }
# header # navbar ul . navigation li ul ul { left : 100 % ; top : 0 ; }
# header # navbar ul . navigation li : hover > ul { display : block ; position : absolute ; background : rgba ( 255 , 255 , 255 , 0.9 ) ; width : 10 rem ; }
# header # navbar ul . navigation li : hover li { float : none ; margin : 0 ; padding : 0 ; }
# header # navbar ul . navigation li : hover li a { padding : 0.5 rem 0.8 rem ; display : block ; }
# header # navbar ul . navigation li : hover li a : before , # header # navbar ul . navigation li : hover li a : after { display : none ; }
# header # navbar ul . navigation li : hover li . active > a { background : #87b672 ; color : #fff ; }
@ media only all and ( max-width : 59 . 938em ) { # header # navbar ul . navigation { display : none ; } }
# header # navbar . panel-activation { padding : 1 rem ; display : none ; font-size : 1.8 rem ; cursor : pointer ; float : right ; }
@ media only all and ( max-width : 59 . 938em ) { # header # navbar . panel-activation { display : inline-block ; position : absolute ; left : 0 ; top : 50 % ; transform : translateY ( 0 ) ; } }
. modular . header-image # header . fixed { background : #666 ; transition : background 0.3 s ease-in-out ; }
. header-image . fullwidth # body { padding-left : 0 ; padding-right : 0 ; }
. header-image . fullwidth # body > . listing-row { padding-left : 14 rem ; padding-right : 14 rem ; }
. header-image . listing-row : last-child { margin-bottom : 2 rem ; }
. header-image # body . flush-top { margin-top : -15.5 rem ; padding-top : 16 rem ; }
. header-image # breadcrumbs { margin-top : 1 rem ; }
. header-image # header { background-color : rgba ( 255 , 255 , 255 , 0 ) ; box-shadow : none ; }
. header-image # header # logo h3 , . header-image # header # logo a { color : #FFFFFF ; }
. header-image # header a , . header-image # header . menu-btn { color : #FFFFFF ; }
. header-image # header a : before , . header-image # header a : after { background-color : rgba ( 255 , 255 , 255 , 0.7 ) !important ; }
. header-image # header # navbar ul . navigation ul li a { color : #87b672 ; text-shadow : 1 px 1 px 3 px #656161 ; }
. header-image # header # navbar ul . navigation ul li a : hover { color : #558042 ; }
. header-lite # body { padding-top : 12 rem ; }
. header-lite # header { box-shadow : none ; color : #656161 ; }
. header-lite # header a , . header-lite # header . menu-btn { color : #656161 ; }
. header-lite # header . search-box i { color : #656161 ; }
. header-lite # header . search-box input [ type = search ] : focus { background-color : rgba ( 101 , 97 , 97 , 0.2 ) ; }
. header-lite # header li . active a { color : #87b672 ; }
. header-lite # header . logo ul . social-icons li { background : rgba ( 101 , 97 , 97 , 0.2 ) ; }
. header-lite # header . logo ul . social-icons li . fa { color : white ; }
. header-lite # header . logo ul . social-icons li : hover . fa { color : #656161 ; }
. footer { font-size : 0.9 rem ; background : #333 ; width : 100 % ; padding-top : 2 rem ; }
. footer : after { content : "" ; display : table ; clear : both ; }
2022-05-19 11:01:18 +02:00
. footer a { color : #808080 ; }
2022-05-14 19:43:00 +02:00
. footer h4 , . footer . archive-list label , . archive-list . footer label , . footer . modular . bottom table th , . modular . bottom table . footer th , . footer . contact label , . contact . footer label , . footer . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . footer . name , . footer . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . footer . button , . footer . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list . footer button , . footer . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot . footer button , . footer . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact . footer button , . footer . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot . footer button { line-height : 2 rem ; margin-top : 0 ; text-align : left ; color : #fff ; }
2022-05-19 11:01:18 +02:00
. footer hr { border-color : rgba ( 128 , 128 , 128 , 0.5 ) ; }
2022-05-14 19:43:00 +02:00
@ media only all and ( max-width : 47 . 938em ) { . footer . social-icons { float : none ; clear : both ; width : 100 % ; padding-top : 2 rem ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . footer . social-icons { float : none ; clear : both ; width : 100 % ; padding-top : 2 rem ; } }
. footer . footer-items { margin-top : 2 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . footer . footer-items { margin-top : 0 ; } }
@ supports not ( flex-wrap : wrap ) { . footer . footer-items { overflow : hidden ; } }
. footer . footer-items : after { content : "" ; display : table ; clear : both ; }
. footer . footer-module { display : block ; float : left ; width : 25 % ; vertical-align : top ; padding-right : 2 rem ; }
. footer . footer-module . large { width : 50 % ; }
@ media only all and ( min-width : 30 . 063em ) and ( max-width : 47 . 938em ) { . footer . footer-module { margin-top : 1 rem ; width : 50 % ; } }
@ media only all and ( max-width : 30em ) { . footer . footer-module { margin-top : 1 rem ; width : 100 % ; } }
. footer . footer-module span : after { content : "" ; display : table ; clear : both ; }
. footer . footer-module strong , . footer . footer-module label , . footer . footer-module th { color : #fff ; }
@ media only all and ( max-width : 47 . 938em ) { . footer . footer-module { width : 100 % !important ; float : none ; } }
. footer . logo { border-bottom : 0 none ; color : #fff ; }
. footer . logo : after { content : "" ; display : table ; clear : both ; }
. footer . logo h3 a { color : #fff ; }
. footer . quickmenu { margin : 0 ; padding : 0 ; list-style : none ; }
. footer . quickmenu i { padding-right : 0.5 rem ; color : #fff ; font-size : 0.7 rem ; }
. footer . footer-modules { display : block ; padding-bottom : 1.5 rem ; }
. footer . footer-modules : after { content : "" ; display : table ; clear : both ; }
. footer . footer-copyright { width : 50 % ; font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; display : inline-block ; float : left ; text-align : left ; text-transform : uppercase ; }
@ media only all and ( max-width : 47 . 938em ) { . footer . footer-copyright { width : 100 % ; float : none ; text-align : left ; margin-bottom : 1 rem ; } }
. footer . footer-menu { float : right ; display : inline-block ; width : 50 % ; text-align : right ; text-transform : uppercase ; font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; }
@ media only all and ( max-width : 47 . 938em ) { . footer . footer-menu { width : 100 % ; float : none ; text-align : left ; } }
. footer . footer-menu ul { margin : 0 ; padding : 0 ; list-style : none ; }
. footer . footer-menu ul li { display : inline-block ; }
. footer . footer-menu ul li : after { content : "/" ; margin : 0 0.5 rem ; display : inline-block ; }
. footer . footer-menu ul li : last-child : after { display : none ; }
. footer . newsletter input { display : inline-block ; height : 2.5 rem ; border : 0 none ; }
. footer . newsletter input [ type = text ] { background-color : rgba ( 255 , 255 , 255 , 0.2 ) ; color : #fff ; }
. footer . newsletter input [ type = submit ] { background-color : rgba ( 255 , 255 , 255 , 0.5 ) ; color : #fff ; padding : 0 1.2 rem ; vertical-align : top ; }
body { font-family : "Helvetica Neue" , "HelveticaNeue-Light" , "Helvetica Neue Light" , Helvetica , Arial , "Lucida Grande" , sans-serif ; font-weight : 400 ; }
h1 , h2 , h3 , h4 , . archive-list label , . modular . bottom table th , . contact label , . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . archive-list button , . archive-list . callout . pricing-container . pricing-item . foot button , . callout . pricing-container . pricing-item . foot . contact button , . contact . callout . pricing-container . pricing-item . foot button , h5 , h6 { font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; text-rendering : optimizeLegibility ; }
h1 { font-size : 3.2 rem ; }
@ media only all and ( max-width : 47 . 938em ) { h1 { font-size : 2.5 rem ; line-height : 1.2 ; margin-bottom : 2.5 rem ; text-shadow : 1 px 1 px 3 px #656161 ; } }
h2 { font-weight : normal ; text-transform : uppercase ; font-size : 1.4 rem ; }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { h2 { font-size : -1 rem ; } }
@ media only all and ( max-width : 47 . 938em ) { h2 { font-size : -1.1 rem ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { h3 { font-size : -0.9 rem ; } }
@ media only all and ( max-width : 47 . 938em ) { h3 { font-size : -1 rem ; } }
h4 , . archive-list label , . modular . bottom table th , . contact label , . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . archive-list button , . archive-list . callout . pricing-container . pricing-item . foot button , . callout . pricing-container . pricing-item . foot . contact button , . contact . callout . pricing-container . pricing-item . foot button { font-size : 1.2 rem ; font-weight : bold ; text-align : center ; text-transform : uppercase ; color : #656161 ; }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { h4 , . archive-list label , . modular . bottom table th , . contact label , . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . archive-list button , . archive-list . callout . pricing-container . pricing-item . foot button , . callout . pricing-container . pricing-item . foot . contact button , . contact . callout . pricing-container . pricing-item . foot button { font-size : 1.35 rem ; } }
@ media only all and ( max-width : 47 . 938em ) { h4 , . archive-list label , . modular . bottom table th , . contact label , . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . archive-list button , . archive-list . callout . pricing-container . pricing-item . foot button , . callout . pricing-container . pricing-item . foot . contact button , . contact . callout . pricing-container . pricing-item . foot button { font-size : 1.25 rem ; } }
h1 { text-align : center ; font-weight : normal ; }
h3 { letter-spacing : -1 px ; }
h1 + h2 { margin : -2 rem 0 2 rem 0 ; font-size : 1.4 rem ; line-height : 1 ; text-align : center ; font-family : "Helvetica Neue" , "HelveticaNeue-Light" , "Helvetica Neue Light" , Helvetica , Arial , "Lucida Grande" , sans-serif ; font-weight : 300 ; }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { h1 + h2 { font-size : 1.3 rem ; } }
@ media only all and ( max-width : 47 . 938em ) { h1 + h2 { font-size : 1 rem ; } }
h2 + h3 { margin : 0.5 rem 0 2 rem 0 ; font-size : 1.3 rem ; line-height : 1 ; text-align : center ; font-family : "Helvetica Neue" , "HelveticaNeue-Light" , "Helvetica Neue Light" , Helvetica , Arial , "Lucida Grande" , sans-serif ; font-weight : normal ; }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { h2 + h3 { font-size : 1.2 rem ; } }
@ media only all and ( max-width : 47 . 938em ) { h2 + h3 { font-size : 1.1 rem ; } }
blockquote { border-left : 10 px solid #F0F2F4 ; }
blockquote p { font-size : 1.1 rem ; color : #999 ; }
blockquote cite { display : block ; text-align : right ; color : #666 ; font-size : 1.2 rem ; }
blockquote > blockquote > blockquote { margin : 0 ; }
blockquote > blockquote > blockquote p { padding : 15 px ; display : block ; font-size : 1 rem ; margin-top : 0 rem ; margin-bottom : 0 rem ; }
blockquote > blockquote > blockquote > p { margin-left : -71 px ; border-left : 10 px solid #F0AD4E ; background : #FCF8F2 ; color : #df8a13 ; }
blockquote > blockquote > blockquote > blockquote > p { margin-left : -94 px ; border-left : 10 px solid #D9534F ; background : #FDF7F7 ; color : #b52b27 ; }
blockquote > blockquote > blockquote > blockquote > blockquote > p { margin-left : -118 px ; border-left : 10 px solid #5BC0DE ; background : #F4F8FA ; color : #28a1c5 ; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > p { margin-left : -142 px ; border-left : 10 px solid #5CB85C ; background : #F1F9F1 ; color : #3d8b3d ; }
code , kbd , pre , samp { font-family : "Inconsolata" , monospace ; }
code { background : #f9f2f4 ; color : #9c1d3d ; }
pre { padding : 2 rem ; background : #f6f6f6 ; border : 1 px solid #CBCBCB ; border-radius : 3 px ; }
pre code { color : #237794 ; background : inherit ; }
hr { border-bottom : 1 px solid #CBCBCB ; }
. page-title { margin-top : -25 px ; padding : 25 px ; float : left ; clear : both ; background : #87b672 ; color : #fff ; }
. label { vertical-align : middle ; background : #87b672 ; border-radius : 100 % ; color : #fff ; height : 1 rem ; min-width : 1 rem ; line-height : 1 rem ; display : inline-block ; text-align : center ; font-size : 0.7 rem ; font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; margin-right : 0.75 rem ; }
fieldset { border : 1 px solid #CBCBCB ; }
textarea , input [ type = "email" ] , input [ type = "number" ] , input [ type = "password" ] , input [ type = "search" ] , input [ type = "tel" ] , input [ type = "text" ] , input [ type = "url" ] , input [ type = "color" ] , input [ type = "date" ] , input [ type = "datetime" ] , input [ type = "datetime-local" ] , input [ type = "month" ] , input [ type = "time" ] , input [ type = "week" ] , select [ multiple = multiple ] { background-color : white ; border : 1 px solid #CBCBCB ; box-shadow : inset 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.06 ) ; }
textarea : hover , input [ type = "email" ] : hover , input [ type = "number" ] : hover , input [ type = "password" ] : hover , input [ type = "search" ] : hover , input [ type = "tel" ] : hover , input [ type = "text" ] : hover , input [ type = "url" ] : hover , input [ type = "color" ] : hover , input [ type = "date" ] : hover , input [ type = "datetime" ] : hover , input [ type = "datetime-local" ] : hover , input [ type = "month" ] : hover , input [ type = "time" ] : hover , input [ type = "week" ] : hover , select [ multiple = multiple ] : hover { border-color : #b2b1b1 ; }
textarea : focus , input [ type = "email" ] : focus , input [ type = "number" ] : focus , input [ type = "password" ] : focus , input [ type = "search" ] : focus , input [ type = "tel" ] : focus , input [ type = "text" ] : focus , input [ type = "url" ] : focus , input [ type = "color" ] : focus , input [ type = "date" ] : focus , input [ type = "datetime" ] : focus , input [ type = "datetime-local" ] : focus , input [ type = "month" ] : focus , input [ type = "time" ] : focus , input [ type = "week" ] : focus , select [ multiple = multiple ] : focus { border-color : #87b672 ; box-shadow : inset 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.06 ) , 0 0 5 px rgba ( 121 , 173 , 97 , 0.7 ) ; }
. form-field . required { color : #F3443F ; font-size : 2 rem ; line-height : 2 rem ; vertical-align : top ; height : 1.5 rem ; display : inline-block ; }
form . buttons { text-align : center ; }
form input { font-weight : 400 ; }
table { border : 1 px solid #d8d8d8 ; }
th { background : #e5e4e4 ; padding : 0.5 rem ; }
td { padding : 0.5 rem ; border : 1 px solid #d8d8d8 ; }
. button , . archive-list button , . contact button { background : #87b672 ; color : #fff ; border : 1 px solid #87b672 ; }
. button : hover , . archive-list button : hover , . contact button : hover { background : #fff ; color : #87b672 ; }
. button : active , . archive-list button : active , . contact button : active { box-shadow : 0 1 px 0 #679b50 ; }
. button-secondary { background : #F6635E ; color : #fff ; border : 1 px solid #F6635E ; }
. button-secondary : hover { background : #fff ; color : #F6635E ; }
. button-secondary : active { box-shadow : 0 1 px 0 #f32b24 ; }
. bullets { margin : 1.7 rem 0 ; margin-left : -0.85 rem ; margin-right : -0.85 rem ; overflow : auto ; }
. bullet { float : left ; padding : 0 0.85 rem ; }
. two-column-bullet { width : 50 % ; }
@ media only all and ( max-width : 47 . 938em ) { . two-column-bullet { width : 100 % ; } }
. three-column-bullet { width : 33.3333333333 % ; }
@ media only all and ( max-width : 47 . 938em ) { . three-column-bullet { width : 100 % ; } }
. four-column-bullet { width : 25 % ; }
@ media only all and ( max-width : 47 . 938em ) { . four-column-bullet { width : 100 % ; } }
. bullet-icon { float : left ; background : #87b672 ; padding : 0.875 rem ; width : 3.5 rem ; height : 3.5 rem ; border-radius : 50 % ; color : #fff ; font-size : 1.75 rem ; text-align : center ; }
. bullet-icon-1 { background : #87b672 ; }
. bullet-icon-2 { background : #9eb672 ; }
. bullet-icon-3 { background : #b67292 ; }
. bullet-content { margin-left : 4.55 rem ; }
. sb-slidebar { background-color : #333 !important ; }
# panel { padding-top : 1 rem ; color : #ddd ; }
# panel . navigation { list-style : none ; padding : 0 ; margin-left : 0 ; }
# panel . navigation li { border-bottom : 1 px solid #3d3d3d ; }
# panel . navigation li a { color : #ddd ; display : block ; padding : 0.5 rem 1 rem ; font-weight : 600 ; }
# panel . navigation li a : hover { color : white ; background-color : #262626 ; }
# panel . navigation li a : last-child { border-bottom : 0 ; }
2022-05-19 11:01:18 +02:00
# panel . navigation li . active > a { background : #fff ; color : #808080 ; }
2022-05-14 19:43:00 +02:00
2022-05-19 11:01:18 +02:00
# panel . navigation li . active > a : hover { color : #808080 ; }
2022-05-14 19:43:00 +02:00
# panel . navigation li : first-child { border-top : 1 px solid #3d3d3d ; }
# panel . navigation li ul { list-style : none ; padding : 0 ; }
# panel . navigation li ul li { border : 0 !important ; }
# panel . navigation li ul li a { color : #c4c3c3 ; padding : 0.2 rem 1 rem 0.2 rem 2 rem ; font-size : 0.9 rem ; }
# panel . navigation li ul li li a { padding-left : 3 rem ; }
# panel . navigation li ul li li a li a { padding-left : 4 rem ; }
# panel . navigation li ul li . active > a { background : #ccc ; }
. portfolio-modal . close-modal { position : absolute ; top : 0 ; right : 0 ; width : 5 rem ; height : 5 rem ; background-color : transparent ; cursor : pointer ; font-size : 3 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . portfolio-modal . close-modal { display : none ; } }
. modal { display : none ; opacity : 0 ; overflow : hidden ; position : fixed ; top : 0 ; right : 0 ; bottom : 0 ; left : 0 ; z-index : 1050 ; -webkit- overflow-scrolling : touch ; outline : 0 ; background : #fff ; text-align : center ; }
@ media only all and ( max-width : 47 . 938em ) { . modal h1 { margin-bottom : 0.5 rem ; }
. modal p , . modal ul { margin : 1 rem 0 ; }
. modal ul { margin-top : 0 ; } }
. modal . in { opacity : 1 ; }
. modal . client-details { list-style-type : none ; }
. modal . client-details li { display : inline-block ; }
. modal . client-details li strong , . modal . client-details li label , . modal . client-details li th { color : #87b672 ; font-weight : normal ; }
. modal . modal-content { margin : 0 auto ; width : 35 rem ; min-height : 100 % ; margin-top : 10 rem ; }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . modal . modal-content { width : 100 % ; } }
@ media only all and ( max-width : 47 . 938em ) { . modal . modal-content { margin-top : 0 ; width : 100 % ; } }
. modal . modal-content img { max-height : 15 rem ; }
. blog-header { padding-top : 1 rem !important ; padding-bottom : 1 rem ; margin-top : 0 !important ; }
. blog-header . blog-header-image { background-size : cover !important ; }
. blog-header . blog-header-image h1 , . blog-header . blog-header-image h2 { color : #FFFFFF ; text-align : left ; }
. blog-header h1 { font-size : 2.5 rem ; margin-top : 0 ; margin-bottom : 0 ; text-transform : uppercase ; }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . blog-header h1 { font-size : 2 rem ; } }
@ media only all and ( max-width : 47 . 938em ) { . blog-header h1 { font-size : 1.5 rem ; line-height : 1.2 ; } }
. blog-header + . blog-content { padding-top : 3 rem ; }
. list-item { border-bottom : 1 px solid #dadada ; margin-bottom : 3 rem ; }
. list-item : last-child { border-bottom : 0 ; }
. list-item . list-blog-header { position : relative ; }
. list-item . list-blog-header h4 , . list-item . list-blog-header . archive-list label , . archive-list . list-item . list-blog-header label , . list-item . list-blog-header . modular . bottom table th , . modular . bottom table . list-item . list-blog-header th , . list-item . list-blog-header . contact label , . contact . list-item . list-blog-header label , . list-item . list-blog-header . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . list-item . list-blog-header . name , . list-item . list-blog-header . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . list-item . list-blog-header . button , . list-item . list-blog-header . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list . list-item . list-blog-header button , . list-item . list-blog-header . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot . list-item . list-blog-header button , . list-item . list-blog-header . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact . list-item . list-blog-header button , . list-item . list-blog-header . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot . list-item . list-blog-header button { text-align : left ; margin-bottom : 1.5 rem ; }
. list-item . list-blog-header h4 a , . list-item . list-blog-header . archive-list label a , . archive-list . list-item . list-blog-header label a , . list-item . list-blog-header . modular . bottom table th a , . modular . bottom table . list-item . list-blog-header th a , . list-item . list-blog-header . contact label a , . contact . list-item . list-blog-header label a , . list-item . list-blog-header . callout . pricing-container . pricing-item . name a , . callout . pricing-container . pricing-item . list-item . list-blog-header . name a , . list-item . list-blog-header . callout . pricing-container . pricing-item . foot . button a , . callout . pricing-container . pricing-item . foot . list-item . list-blog-header . button a , . list-item . list-blog-header . callout . pricing-container . pricing-item . foot . archive-list button a , . callout . pricing-container . pricing-item . foot . archive-list . list-item . list-blog-header button a , . list-item . list-blog-header . archive-list . callout . pricing-container . pricing-item . foot button a , . archive-list . callout . pricing-container . pricing-item . foot . list-item . list-blog-header button a , . list-item . list-blog-header . callout . pricing-container . pricing-item . foot . contact button a , . callout . pricing-container . pricing-item . foot . contact . list-item . list-blog-header button a , . list-item . list-blog-header . contact . callout . pricing-container . pricing-item . foot button a , . contact . callout . pricing-container . pricing-item . foot . list-item . list-blog-header button a { color : #656161 ; }
. list-item . list-blog-header h4 a : hover , . list-item . list-blog-header . archive-list label a : hover , . archive-list . list-item . list-blog-header label a : hover , . list-item . list-blog-header . modular . bottom table th a : hover , . modular . bottom table . list-item . list-blog-header th a : hover , . list-item . list-blog-header . contact label a : hover , . contact . list-item . list-blog-header label a : hover , . list-item . list-blog-header . callout . pricing-container . pricing-item . name a : hover , . callout . pricing-container . pricing-item . list-item . list-blog-header . name a : hover , . list-item . list-blog-header . callout . pricing-container . pricing-item . foot . button a : hover , . callout . pricing-container . pricing-item . foot . list-item . list-blog-header . button a : hover , . list-item . list-blog-header . callout . pricing-container . pricing-item . foot . archive-list button a : hover , . callout . pricing-container . pricing-item . foot . archive-list . list-item . list-blog-header button a : hover , . list-item . list-blog-header . archive-list . callout . pricing-container . pricing-item . foot button a : hover , . archive-list . callout . pricing-container . pricing-item . foot . list-item . list-blog-header button a : hover , . list-item . list-blog-header . callout . pricing-container . pricing-item . foot . contact button a : hover , . callout . pricing-container . pricing-item . foot . contact . list-item . list-blog-header button a : hover , . list-item . list-blog-header . contact . callout . pricing-container . pricing-item . foot button a : hover , . contact . callout . pricing-container . pricing-item . foot . list-item . list-blog-header button a : hover { color : #87b672 ; }
. list-item . list-blog-header img { display : block ; margin-top : 1 rem ; border-radius : 0 ; }
2022-05-19 11:01:18 +02:00
. list-item . list-blog-date , . list-item . list-blog-author { text-align : center ; background-color : rgba ( 101 , 97 , 97 , 0.1 ) ; padding : 0.7 rem 1 rem ; margin-bottom : 0.2 rem ; margin-right : 0.5 rem ; font-size : 1 rem ; text-transform : uppercase ; color : #808080 ; font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; }
2022-05-14 19:43:00 +02:00
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . list-item . list-blog-date , . list-item . list-blog-author { display : block ; width : 100 % ; clear : both ; } }
@ media only all and ( max-width : 47 . 938em ) { . list-item . list-blog-date , . list-item . list-blog-author { display : block ; width : 100 % ; clear : both ; } }
2022-08-12 17:29:55 +02:00
. blog-content-item . list-blog-padding > p : nth-child ( 2 ) { font-size : 1.4 rem ; }
2022-05-14 19:43:00 +02:00
. tags { margin : 0 ; padding : 0 ; display : inline ; background-color : rgba ( 101 , 97 , 97 , 0.1 ) ; padding : 0.7 rem 1 rem ; margin-bottom : 0.2 rem ; list-style : none ; text-align : center ; }
. tags li { display : inline-block ; font-size : 1 rem ; text-transform : uppercase ; font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; }
2022-05-19 11:01:18 +02:00
. tags li a { color : #808080 ; }
2022-05-14 19:43:00 +02:00
. tags li a : after { content : "," ; }
. tags li : last-child a : after { display : none ; }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . tags { display : block ; width : 100 % ; clear : both ; } }
@ media only all and ( max-width : 47 . 938em ) { . tags { display : block ; width : 100 % ; clear : both ; } }
. archives , . related-pages { margin : 0 ; padding : 0 ; list-style : none ; }
. archives li , . related-pages li { line-height : 2 rem ; }
. archives li : last-child , . related-pages li : last-child { border-bottom : 0 ; }
2022-05-19 11:01:18 +02:00
. archives a , . related-pages a { color : #808080 ; }
2022-05-14 19:43:00 +02:00
. archives a : hover , . related-pages a : hover { color : #87b672 ; }
. related-pages li a { display : block ; }
. related-pages . score { display : block ; float : right ; color : #999 ; font-size : 85 % ; }
. syndicate a { margin-bottom : 1 rem ; }
div # breadcrumbs { padding-left : 0 ; }
@ media only all and ( max-width : 47 . 938em ) { div # breadcrumbs { display : none ; } }
# sidebar { padding-left : 3 rem ; }
@ media only all and ( max-width : 47 . 938em ) { # sidebar { padding-left : 0 ; } }
# sidebar . sidebar-content { margin-bottom : 3 rem ; }
# sidebar . sidebar-content h4 , # sidebar . sidebar-content . archive-list label , . archive-list # sidebar . sidebar-content label , # sidebar . sidebar-content . modular . bottom table th , . modular . bottom table # sidebar . sidebar-content th , # sidebar . sidebar-content . contact label , . contact # sidebar . sidebar-content label , # sidebar . sidebar-content . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item # sidebar . sidebar-content . name , # sidebar . sidebar-content . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot # sidebar . sidebar-content . button , # sidebar . sidebar-content . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list # sidebar . sidebar-content button , # sidebar . sidebar-content . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot # sidebar . sidebar-content button , # sidebar . sidebar-content . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact # sidebar . sidebar-content button , # sidebar . sidebar-content . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot # sidebar . sidebar-content button { margin-bottom : 1 rem ; text-align : left ; }
# sidebar . sidebar-content p , # sidebar . sidebar-content ul { margin-top : 1 rem ; }
ul . pagination { margin : 0 0 3 rem ; text-align : center ; }
. prev-next { margin-top : 5 rem ; text-align : center ; }
. archive-list h4 , . archive-list label , . archive-list . modular . bottom table th , . modular . bottom table . archive-list th , . archive-list . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . archive-list . name , . archive-list . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . archive-list . button , . callout . pricing-container . pricing-item . foot . archive-list button , . archive-list . callout . pricing-container . pricing-item . foot button { text-align : left ; }
. archive-list input { width : 50 % ; line-height : 2 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . archive-list input { min-width : 80 % ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . archive-list input { min-width : 70 % ; } }
. archive-list textarea { min-width : 80 % ; min-height : 25 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . archive-list textarea { min-width : 100 % ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . archive-list textarea { min-width : 90 % ; } }
2022-05-19 11:01:18 +02:00
. archive-list input , . archive-list textarea { border : 0 none ; background : rgba ( 128 , 128 , 128 , 0.2 ) ; box-shadow : none ; }
2022-05-14 19:43:00 +02:00
. archive-list label { font-size : 1 rem ; }
. archive-list button { font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; text-transform : uppercase ; }
# error { text-align : center ; display : -ms- flexbox ; display : flex ; -ms- flex-align : center ; align-items : center ; -ms- flex-pack : center ; justify-content : center ; height : 100 % ; padding-bottom : 12 rem ; }
# error h1 { font-size : 5 rem ; }
# error p { margin : 1 rem 0 ; }
. error # body { padding-top : 16 rem ; }
. simplesearch h1 { margin-bottom : 0 ; }
. simplesearch . center { text-align : center ; }
. simplesearch input { display : inline-block ; max-width : 30 rem ; font-size : 2 rem ; }
. simplesearch . search-image { margin-top : 1 rem ; }
. simplesearch . search-image img { border-radius : 4 px ; }
@ media only all and ( max-width : 47 . 938em ) { . simplesearch . search-image img { display : none ; } }
@ media only all and ( max-width : 47 . 938em ) { . simplesearch . search-item { margin-left : 0 ; } }
2022-05-19 11:01:18 +02:00
. simplesearch . search-details { float : right ; margin-top : -2.5 rem ; font-weight : bold ; font-size : 1 rem ; color : #b3b3b3 ; }
2022-05-14 19:43:00 +02:00
@ media only all and ( max-width : 47 . 938em ) { . simplesearch . search-details { float : none ; margin-top : -0.2 rem ; margin-bottom : 1 rem ; } }
. simplesearch hr { border-bottom : 1 px solid #eee ; }
. grav-lightslider . lSSlideOuter . lSPager . lSpg > li a { z-index : 1 ; }
# body > script : first-child + . grav-lightslider { margin-top : -3 rem ; }
. modular . header-image # header { background-color : rgba ( 255 , 255 , 255 , 0 ) ; box-shadow : none ; }
. modular . header-image # header # logo h3 { color : #FFFFFF ; }
. modular . header-image # header # navbar a { color : #FFFFFF ; }
. modular . slideme_container { overflow : hidden ; margin-top : -15 rem ; padding-top : 15 rem ; height : 34.7 rem ; }
. modular . slideme_container : after { content : "" ; display : table ; clear : both ; }
. modular . showcase { position : relative ; z-index : 1 ; padding-bottom : 10 rem ; background-color : #666 ; background-size : cover ; background-position : center ; text-align : center ; color : #FFFFFF ; }
. modular . showcase h1 { font-size : 2.2 rem ; text-shadow : 1 px 1 px 3 px #656161 ; margin-top : 0 ; padding-left : 14 rem ; padding-right : 14 rem ; text-transform : uppercase ; }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . modular . showcase h1 { font-size : 1.5 rem ; } }
@ media only all and ( max-width : 47 . 938em ) { . modular . showcase h1 { font-size : 1.3 rem ; line-height : 1.2 ; padding-left : 0 ; padding-right : 0 ; margin-left : 4 rem ; margin-right : 4 rem ; } }
. modular . showcase h1 strong , . modular . showcase h1 label , . modular . showcase h1 th { color : #87b672 ; }
. modular . showcase h2 { text-shadow : 1 px 1 px 3 px #656161 ; text-transform : none ; padding-left : 14 rem ; padding-right : 14 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . showcase h2 { padding-left : 0 ; padding-right : 0 ; margin-left : 4 rem ; margin-right : 4 rem ; } }
. modular . showcase . button , . modular . showcase . archive-list button , . archive-list . modular . showcase button , . modular . showcase . contact button , . contact . modular . showcase button { color : #FFFFFF ; font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; padding : 0.3 rem 1 rem ; background : rgba ( 255 , 255 , 255 , 0 ) ; border : 2 px solid #FFFFFF ; border-radius : 0 ; box-shadow : none ; font-size : 1 rem ; }
. modular . showcase . button : hover , . modular . showcase . archive-list button : hover , . archive-list . modular . showcase button : hover , . modular . showcase . contact button : hover , . contact . modular . showcase button : hover { background : rgba ( 255 , 255 , 255 , 0.2 ) ; }
. modular . slideme_container . arrow { position : absolute ; display : block ; padding-bottom : 0 ; padding-left : 0.8 rem ; padding-right : 0.8 rem ; padding-top : 0 ; cursor : pointer ; z-index : 50 ; text-align : center ; line-height : 3.8 rem ; background : #fff ; top : 50 % ; border-radius : 100 % ; font-size : 2.5 rem ; opacity : 0.5 ; color : #000 ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . slideme_container . arrow { font-size : 1.5 rem ; line-height : 2.8 rem ; } }
. modular . slideme_container . arrow : hover { opacity : 1 ; }
. modular . slideme_container . arrow . prev { left : 4 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . slideme_container . arrow . prev { left : 1 rem ; } }
. modular . slideme_container . arrow . next { right : 4 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . slideme_container . arrow . next { right : 1 rem ; } }
. modular . slideme_container . arrow : disabled { opacity : 0.1 ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . slideme_container . arrow { width : 2.7 rem ; height : 2.7 rem ; } }
. modular . slideme_container . arrow . next : before { content : '\f054' ; font-family : FontAwesome ; margin-left : 0.4 rem ; }
. modular . slideme_container . arrow . prev : before { content : '\f053' ; font-family : FontAwesome ; margin-right : 0.5 rem ; }
. modular . slideme_container . pagination { text-align : center ; z-index : 10 ; position : absolute ; left : 0 ; right : 0 ; vertical-align : middle ; bottom : 5 % ; }
. modular . slideme_container . pagination . numbers li { transition-duration : 0.2 s ; background : #fff ; width : 0.5 rem ; height : 0.5 rem ; display : inline-block ; border-radius : 100 % ; cursor : pointer ; margin : 0 0.2 rem ; vertical-align : middle ; }
. modular . slideme_container . pagination . numbers li . current { width : 1 rem ; height : 1 rem ; }
. modular . features { padding : 4 rem 0 ; padding-bottom : 1 rem ; text-align : center ; }
. modular . features : after { content : "" ; display : table ; clear : both ; }
. modular . features h2 { margin : 0 ; line-height : 100 % ; color : #656161 ; }
. modular . features hr { margin-top : 4 rem ; }
. modular . features p { margin : 1 rem 0 ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . features p { font-size : 1 rem ; } }
. modular . features . button , . modular . features . archive-list button , . archive-list . modular . features button , . modular . features . contact button , . contact . modular . features button { background-color : #87b672 ; color : #FFFFFF ; font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; border-radius : 0 ; box-shadow : none ; font-size : 1 rem ; }
. modular . features . feature-items { margin-top : 2 rem ; }
@ supports not ( flex-wrap : wrap ) { . modular . features . feature-items { overflow : hidden ; } }
. modular . features . feature { display : block ; float : left ; width : 25 % ; vertical-align : top ; margin-top : 2 rem ; margin-bottom : 1 rem ; }
@ media only all and ( min-width : 30 . 063em ) and ( max-width : 47 . 938em ) { . modular . features . feature { margin-top : 1 rem ; width : 50 % ; } }
@ media only all and ( max-width : 30em ) { . modular . features . feature { margin-top : 1 rem ; width : 100 % ; } }
. modular . features . feature i . fa { font-size : 2 rem ; }
. modular . features . feature h4 , . modular . features . feature . archive-list label , . archive-list . modular . features . feature label , . modular . features . feature . bottom table th , . modular . bottom table . features . feature th , . modular . features . feature . contact label , . contact . modular . features . feature label , . modular . features . feature . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . modular . features . feature . name , . modular . features . feature . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . modular . features . feature . button , . modular . features . feature . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list . modular . features . feature button , . modular . features . feature . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot . modular . features . feature button , . modular . features . feature . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact . modular . features . feature button , . modular . features . feature . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot . modular . features . feature button { margin : 0 ; font-size : 1.1 rem ; }
. modular . features . feature p { display : inline-block ; font-size : 1 rem ; margin : 0.2 rem 0 1 rem ; }
. modular . features . big { text-align : center ; }
. modular . features . big . feature { width : 33.33 % ; }
@ media only all and ( max-width : 30em ) { . modular . features . big . feature { margin-top : 1 rem ; width : 100 % ; } }
. modular . features . big i . fa { font-size : 4.5 rem ; margin-bottom : 1.5 rem ; }
. modular . features . big . feature-content { padding-right : 2 rem ; text-align : justify ; }
. modular . features . big . feature-content . icon-offset { margin-left : 1 rem ; }
. modular . features . big . feature-content h4 , . modular . features . big . feature-content . archive-list label , . archive-list . modular . features . big . feature-content label , . modular . features . big . feature-content . bottom table th , . modular . bottom table . features . big . feature-content th , . modular . features . big . feature-content . contact label , . contact . modular . features . big . feature-content label , . modular . features . big . feature-content . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . modular . features . big . feature-content . name , . modular . features . big . feature-content . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . modular . features . big . feature-content . button , . modular . features . big . feature-content . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list . modular . features . big . feature-content button , . modular . features . big . feature-content . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot . modular . features . big . feature-content button , . modular . features . big . feature-content . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact . modular . features . big . feature-content button , . modular . features . big . feature-content . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot . modular . features . big . feature-content button { font-size : 1.2 rem ; }
. modular . features . big . feature-content p { padding : 0 ; }
. modular . bottom { text-align : center ; padding-bottom : 4 rem ; }
. modular . bottom : after { content : "" ; display : table ; clear : both ; }
. modular . bottom h2 { padding-top : 3 rem ; margin : 0 ; line-height : 100 % ; color : #656161 ; }
. modular . bottom p { margin : 1 rem 0 ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . bottom p { font-size : 1 rem ; } }
. modular . bottom . button , . modular . bottom . archive-list button , . archive-list . modular . bottom button , . modular . bottom . contact button , . contact . modular . bottom button { background-color : #87b672 ; color : #FFFFFF ; font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; border-radius : 0 ; box-shadow : none ; font-size : 1 rem ; border : 0 none ; }
. modular . bottom . button : hover , . modular . bottom . archive-list button : hover , . archive-list . modular . bottom button : hover , . modular . bottom . contact button : hover , . contact . modular . bottom button : hover { background-color : #558042 ; }
. modular . bottom . borderbottom { padding-bottom : 0 ; }
. modular . bottom . borderbottom hr { padding-top : 3 rem ; }
. modular . bottom table { border : 0 none ; }
. modular . bottom table th { background : none ; text-align : left ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . bottom table th { display : none ; } }
. modular . bottom table td { text-align : left ; vertical-align : top ; border : 0 none ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . bottom table td { display : block ; } }
. modular . bottom . services { padding-top : 2 rem ; }
. modular . bottom . services . service { width : 50 % ; text-align : left ; display : block ; float : left ; }
@ media only all and ( max-width : 47 . 938em ) { . modular . bottom . services . service { width : 100 % ; } }
. modular . bottom . services . service . fa { margin-top : 0.5 rem ; width : 7 rem ; height : 6 rem ; font-size : 6 rem ; float : left ; }
. modular . bottom . services . service p { margin-left : 7 rem ; margin-top : 0.5 rem ; margin-right : 1 rem ; }
. modular . bottom . services . service h4 , . modular . bottom . services . service . archive-list label , . archive-list . modular . bottom . services . service label , . modular . bottom . services . service table th , . modular . bottom table . services . service th , . modular . bottom . services . service . contact label , . contact . modular . bottom . services . service label , . modular . bottom . services . service . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . modular . bottom . services . service . name , . modular . bottom . services . service . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . modular . bottom . services . service . button , . modular . bottom . services . service . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list . modular . bottom . services . service button , . modular . bottom . services . service . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot . modular . bottom . services . service button , . modular . bottom . services . service . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact . modular . bottom . services . service button , . modular . bottom . services . service . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot . modular . bottom . services . service button { text-align : left ; margin-bottom : 0 ; }
. about hr { margin : 3 rem 0 ; }
. contact h4 , . contact . modular . bottom table th , . modular . bottom table . contact th , . contact label , . contact . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . contact . name , . contact . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . contact . button , . callout . pricing-container . pricing-item . foot . contact button , . contact . callout . pricing-container . pricing-item . foot button { text-align : left ; }
. contact input { width : 50 % ; line-height : 2 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . contact input { min-width : 80 % ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . contact input { min-width : 70 % ; } }
. contact textarea { min-width : 80 % ; min-height : 25 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . contact textarea { min-width : 100 % ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . contact textarea { min-width : 90 % ; } }
2022-06-11 21:47:44 +02:00
. contact . dropzone { width : 80 % ; }
@ media only all and ( max-width : 47 . 938em ) { . contact . dropzone { min-width : 100 % ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . contact . dropzone { min-width : 90 % ; } }
2022-06-12 16:51:13 +02:00
. contact . dropzone . dz-preview . dz-error-message { top : 160 px ; }
2022-05-19 11:01:18 +02:00
. contact input , . contact textarea { border : 0 none ; background : rgba ( 128 , 128 , 128 , 0.2 ) ; box-shadow : none ; }
2022-05-14 19:43:00 +02:00
2022-05-19 11:01:18 +02:00
. contact input : focus , . contact textarea : focus { border-radius : 0 !important ; box-shadow : none ; background : rgba ( 128 , 128 , 128 , 0.11 ) ; }
2022-05-14 19:43:00 +02:00
. contact label { font-size : 1 rem ; }
. contact button { font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; text-transform : uppercase ; display : block ; }
. contact # simple_form-success , . contact # simple_form-submit { display : inline-block ; }
. contact # simple_form-success strong , . contact # simple_form-success label , . contact # simple_form-success th , . contact # simple_form-submit strong , . contact # simple_form-submit label , . contact # simple_form-submit th { margin-left : 1 rem ; }
. contact # simple_form-success . close , . contact # simple_form-submit . close { display : none ; }
. callout { background : #EEEEEE ; padding : 2 rem 0.938 rem ; padding-top : 2 rem ; padding-bottom : 0 ; text-align : center ; overflow : hidden ; clear : both ; position : relative ; }
@ media only all and ( max-width : 59 . 938em ) { . callout { text-align : center ; } }
. callout . callout-line { background : #fff ; width : 100 % ; height : 7 rem ; position : absolute ; left : 0 ; bottom : 0 ; z-index : 0 ; }
. callout . pricing-container { position : relative ; z-index : 10 ; margin-top : 2 rem ; min-height : 31 rem ; text-align : center ; }
. callout . pricing-container : after { content : "" ; display : table ; clear : both ; }
2022-06-10 10:13:36 +02:00
. callout . pricing-container . pricing-item { -webkit- transform : translateZ ( 0 ) ; display : inline - grid ; width : 80 % ; margin-left : 0 rem ; margin-right : 3 rem ; margin-bottom : 2 rem ; position : relative ; }
2022-05-14 19:43:00 +02:00
@ media only all and ( max-width : 47 . 938em ) { . callout . pricing-container . pricing-item { width : 100 % ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . callout . pricing-container . pricing-item { width : 100 % ; } }
@ media only all and ( min-width : 60em ) and ( max-width : 74 . 938em ) { . callout . pricing-container . pricing-item { width : 22.5 % ; } }
2022-06-10 10:13:36 +02:00
. callout . pricing-container . pricing-item : hover { transform : scale ( 1 , 1.03 ) ; }
2022-05-14 19:43:00 +02:00
. callout . pricing-container . pricing-item div { background : #f7f7f7 ; }
. callout . pricing-container . pricing-item . name { background : #87b672 ; color : #fff ; padding : 0.5 rem 0 ; }
2022-06-10 10:13:36 +02:00
. callout . pricing-container . pricing-item . info { padding-top : 1 rem ; padding-bottom : 1 rem ; border-bottom : #EEEEEE 1 px solid ; text-align : left ; padding-left : 1 rem ; padding-right : 1 rem ; }
2022-05-14 19:43:00 +02:00
. callout . pricing-container . pricing-item . price { font-weight : bold ; color : #656161 ; font-size : 2.5 rem ; font-family : "novecento_sans_widedemibold" , "Helvetica" , "Tahoma" , "Geneva" , "Arial" , sans-serif ; font-weight : normal ; border-bottom : #EEEEEE 1 px solid ; line-height : 5 rem ; }
. callout . pricing-container . pricing-item . foot { background : #87b672 ; color : #fff ; text-align : center ; padding : 1 rem 0 ; }
. callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . archive-list button , . archive-list . callout . pricing-container . pricing-item . foot button , . callout . pricing-container . pricing-item . foot . contact button , . contact . callout . pricing-container . pricing-item . foot button { margin : 0 ; padding : 0 ; width : 9 rem ; font-size : 1 rem ; line-height : 2.5 rem ; color : #fff ; display : inline-block ; background : rgba ( 255 , 255 , 255 , 0.25 ) ; }
. callout . pricing-container . pricing-item . foot . button : hover , . callout . pricing-container . pricing-item . foot . archive-list button : hover , . archive-list . callout . pricing-container . pricing-item . foot button : hover , . callout . pricing-container . pricing-item . foot . contact button : hover , . contact . callout . pricing-container . pricing-item . foot button : hover { background : rgba ( 255 , 255 , 255 , 0.15 ) ; }
. callout . pricing-container . pricing-item sup { font-size : 2 rem ; }
. team { background : #EEEEEE ; padding : 4 rem 0 ; text-align : center ; }
. team : after { content : "" ; display : table ; clear : both ; }
. team h2 { color : #656161 ; margin : 0 ; line-height : 100 % ; }
. team p { margin : 1 rem 0 ; }
. team . members { width : 100 % ; text-align : left ; padding-top : 2 rem ; }
. team . members . member { display : inline-block ; float : left ; width : 29 % ; margin : 0 1 rem ; margin-bottom : 2 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . team . members . member { display : block ; width : 100 % ; text-align : center ; margin : 0 ; margin-bottom : 2 rem ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . team . members . member { display : block ; width : 44 % ; margin-bottom : 2 rem ; } }
. team . members . member h4 , . team . members . member . archive-list label , . archive-list . team . members . member label , . team . members . member . modular . bottom table th , . modular . bottom table . team . members . member th , . team . members . member . contact label , . contact . team . members . member label , . team . members . member . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . team . members . member . name , . team . members . member . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . team . members . member . button , . team . members . member . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list . team . members . member button , . team . members . member . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot . team . members . member button , . team . members . member . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact . team . members . member button , . team . members . member . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot . team . members . member button { text-align : left ; margin-bottom : 0 ; }
@ media only all and ( max-width : 47 . 938em ) { . team . members . member h4 , . team . members . member . archive-list label , . archive-list . team . members . member label , . team . members . member . modular . bottom table th , . modular . bottom table . team . members . member th , . team . members . member . contact label , . contact . team . members . member label , . team . members . member . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . team . members . member . name , . team . members . member . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . team . members . member . button , . team . members . member . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list . team . members . member button , . team . members . member . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot . team . members . member button , . team . members . member . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact . team . members . member button , . team . members . member . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot . team . members . member button { text-align : center ; } }
. team . members . member hr { margin : 1 rem 0 ; }
. team . members . social-icons { line-height : 2 rem ; margin : 0 ; list-style : none ; }
@ media only all and ( max-width : 47 . 938em ) { . team . members . social-icons { text-align : center ; display : -ms- inline - flexbox ; display : inline-flex ; } }
. team . members . social-icons li { float : left ; width : 2.1 rem ; height : 2.1 rem ; background : #fff ; border-radius : 100 % ; text-align : center ; margin-right : 0.8 rem ; }
. team . members . social-icons li a { color : #000 ; display : block ; margin-top : 0.1 rem ; }
. team . members . social-icons li : hover { background : rgba ( 255 , 255 , 255 , 0.5 ) ; }
. team . members . social-icons li : hover i { color : #87b672 ; }
. portfolio { padding : 2 rem 0.938 rem ; padding-top : 2 rem ; padding-bottom : 1 rem ; text-align : center ; }
@ media only all and ( max-width : 59 . 938em ) { . portfolio { text-align : center ; } }
. portfolio h2 { color : #656161 ; }
. portfolio . notebooks { margin-top : 4 rem ; }
. portfolio . notebooks . notebook-row { box-shadow : inset 0 px -90 px 0 px -20 px #f7f7f7 ; margin-left : -14 rem ; margin-right : -14 rem ; padding-left : 14 rem ; padding-right : 14 rem ; background : #EEEEEE ; padding-bottom : 2 rem ; }
@ media only all and ( max-width : 47 . 938em ) { . portfolio . notebooks . notebook-row { margin-left : -10 rem ; margin-right : -10 rem ; } }
. portfolio . notebooks . notebook-row . notebook { min-width : 24 % ; }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . portfolio . notebooks . notebook-row . notebook { width : 100 % ; } }
@ media only all and ( min-width : 60em ) and ( max-width : 74 . 938em ) { . portfolio . notebooks . notebook-row . notebook { min-width : 24 % ; float : none ; } }
@ media only all and ( max-width : 30em ) { . portfolio . notebooks . notebook-row . notebook { width : 170 % ; margin-left : -4.7 rem ; } }
. portfolio . notebooks . notebook-row . notebook h4 , . portfolio . notebooks . notebook-row . notebook . archive-list label , . archive-list . portfolio . notebooks . notebook-row . notebook label , . portfolio . notebooks . notebook-row . notebook . modular . bottom table th , . modular . bottom table . portfolio . notebooks . notebook-row . notebook th , . portfolio . notebooks . notebook-row . notebook . contact label , . contact . portfolio . notebooks . notebook-row . notebook label , . portfolio . notebooks . notebook-row . notebook . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . portfolio . notebooks . notebook-row . notebook . name , . portfolio . notebooks . notebook-row . notebook . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . portfolio . notebooks . notebook-row . notebook . button , . portfolio . notebooks . notebook-row . notebook . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list . portfolio . notebooks . notebook-row . notebook button , . portfolio . notebooks . notebook-row . notebook . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot . portfolio . notebooks . notebook-row . notebook button , . portfolio . notebooks . notebook-row . notebook . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact . portfolio . notebooks . notebook-row . notebook button , . portfolio . notebooks . notebook-row . notebook . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot . portfolio . notebooks . notebook-row . notebook button { text-align : left ; margin-bottom : 0 ; }
. portfolio . notebooks . notebook-row . notebook p { margin-top : 0 ; }
. portfolio . notebooks . notebook-row . notebook . desc { width : 20 rem ; margin-left : 2 rem ; }
@ media only all and ( min-width : 60em ) and ( max-width : 74 . 938em ) { . portfolio . notebooks . notebook-row . notebook . desc { width : 100 % ; } }
2022-05-26 13:43:18 +02:00
@ media only all and ( max-width : 47 . 938em ) { . portfolio . notebooks . notebook-row . notebook . desc { width : 80 % ; } }
2022-05-14 19:43:00 +02:00
2022-05-26 13:43:18 +02:00
@ media only all and ( max-width : 30em ) { . portfolio . notebooks . notebook-row . notebook . desc { width : 80 % ; } }
2022-05-14 19:43:00 +02:00
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . portfolio . notebooks . notebook-row . notebook . desc { width : 100 % ; } }
. logo { border-bottom : 1 px solid #eaeaea ; }
. logo h3 { font-size : 2.5 rem ; font-family : "Pacifico" , "monospace" ; line-height : 2 rem ; margin : 0 ; float : left ; }
2022-05-19 11:01:18 +02:00
. logo h3 a { color : #808080 ; }
2022-05-14 19:43:00 +02:00
. logo h4 , . logo . archive-list label , . archive-list . logo label , . logo . modular . bottom table th , . modular . bottom table . logo th , . logo . contact label , . contact . logo label , . logo . callout . pricing-container . pricing-item . name , . callout . pricing-container . pricing-item . logo . name , . logo . callout . pricing-container . pricing-item . foot . button , . callout . pricing-container . pricing-item . foot . logo . button , . logo . callout . pricing-container . pricing-item . foot . archive-list button , . callout . pricing-container . pricing-item . foot . archive-list . logo button , . logo . archive-list . callout . pricing-container . pricing-item . foot button , . archive-list . callout . pricing-container . pricing-item . foot . logo button , . logo . callout . pricing-container . pricing-item . foot . contact button , . callout . pricing-container . pricing-item . foot . contact . logo button , . logo . contact . callout . pricing-container . pricing-item . foot button , . contact . callout . pricing-container . pricing-item . foot . logo button { text-align : left ; }
. logo ul { margin : 0 ; padding : 0 ; list-style : none ; }
. logo ul . social-icons { float : right ; line-height : 2 rem ; margin : 0 ; }
. logo ul . social-icons li { float : left ; width : 2.1 rem ; height : 2.1 rem ; background : #fff ; border-radius : 100 % ; text-align : center ; margin-right : 0.8 rem ; }
. logo ul . social-icons li a { color : #000 ; display : block ; margin-top : 0.1 rem ; }
. logo ul . social-icons li : hover { background : rgba ( 255 , 255 , 255 , 0.5 ) ; }
. notebook { display : inline-block ; text-align : left ; min-width : 33 % ; position : relative ; z-index : 10 ; }
@ media only all and ( min-width : 60em ) and ( max-width : 74 . 938em ) { . notebook { width : 100 % ; float : none ; } }
@ media only all and ( min-width : 48em ) and ( max-width : 59 . 938em ) { . notebook { width : 100 % ; float : none ; } }
@ media only all and ( max-width : 47 . 938em ) { . notebook { width : 100 % ; float : none ; } }
@ media only all and ( max-width : 30em ) { . notebook { width : 150 % ; margin-left : -5.1 rem ; float : none ; } }
. notebook . screen : before { content : "" ; position : absolute ; border-radius : 50 % ; background : #E5EBED ; height : 0.25 rem ; width : 0.25 rem ; margin : 0.3125 rem 0 0 8.625 rem ; }
. notebook . screen { background : #464C51 ; border-radius : 0.5 rem 0.5 rem 0 0 ; height : 11.72 rem ; width : 18.28 rem ; margin : 0 auto ; }
. notebook . screen . screen-content { height : 10.1 rem ; width : 16.73 rem ; position : absolute ; z-index : 1 ; margin-top : 0.8 rem ; margin-left : 0.8 rem ; background-size : cover ; background-repeat : no-repeat ; }
. notebook . screen . screen-content-hover { height : 10.1 rem ; width : 16.73 rem ; position : absolute ; z-index : 2 ; opacity : 0 ; margin-top : 0.8 rem ; margin-left : 0.8 rem ; font-size : 2 rem ; color : #464C51 ; background-color : #87b672 ; }
. notebook . screen . screen-content-hover . fa-arrow-up-right-from-square { margin-top : 2.5 rem ; margin-left : 4.7 rem ; }
. notebook . screen . screen-content-hover : hover { opacity : 0.8 ; }
. notebook . screen : after { content : "" ; position : absolute ; background : #161B21 ; height : 10 rem ; width : 16.63 rem ; border-radius : 0.125 rem ; margin : 0.875 rem 0 0 0.8125 rem ; transition : background 1 s ease-in-out ; }
. notebook . keyboard { background : #DFDCDC ; border-radius : 0 0 0.3125 rem 0.3125 rem ; height : 1.25 rem ; width : 21.88 rem ; margin : 0 auto ; }
. notebook . keyboard : after { content : "" ; position : absolute ; background : #757979 ; height : 0.375 rem ; width : 3.125 rem ; margin : 0 0 0 9.375 rem ; border-radius : 0 0 0.5 rem 0.5 rem ; }
. keyboard : before { content : "" ; position : absolute ; height : 0.5 rem ; width : 23.13 rem ; margin : 0.4375 rem 0 0 -0.625 rem ; z-index : -1 ; border-radius : 100 % ; }
2022-08-12 17:29:55 +02:00
/ * # sourceMappingURL = data : application / json ; charset = utf8 ; base64 , eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuY3NzIiwic291cmNlcyI6WyJ0ZW1wbGF0ZS5zY3NzIiwidmVuZG9yL2JvdXJib24vX2JvdXJib24uc2NzcyIsInZlbmRvci9ib3VyYm9uL3NldHRpbmdzL19wcmVmaXhlci5zY3NzIiwidmVuZG9yL2JvdXJib24vc2V0dGluZ3MvX3B4LXRvLWVtLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9oZWxwZXJzL19jb252ZXJ0LXVuaXRzLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9oZWxwZXJzL19ncmFkaWVudC1wb3NpdGlvbnMtcGFyc2VyLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9oZWxwZXJzL19pcy1udW0uc2NzcyIsInZlbmRvci9ib3VyYm9uL2hlbHBlcnMvX2xpbmVhci1hbmdsZS1wYXJzZXIuc2NzcyIsInZlbmRvci9ib3VyYm9uL2hlbHBlcnMvX2xpbmVhci1ncmFkaWVudC1wYXJzZXIuc2NzcyIsInZlbmRvci9ib3VyYm9uL2hlbHBlcnMvX2xpbmVhci1wb3NpdGlvbnMtcGFyc2VyLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9oZWxwZXJzL19saW5lYXItc2lkZS1jb3JuZXItcGFyc2VyLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9oZWxwZXJzL19yYWRpYWwtYXJnLXBhcnNlci5zY3NzIiwidmVuZG9yL2JvdXJib24vaGVscGVycy9fcmFkaWFsLXBvc2l0aW9ucy1wYXJzZXIuc2NzcyIsInZlbmRvci9ib3VyYm9uL2hlbHBlcnMvX3JhZGlhbC1ncmFkaWVudC1wYXJzZXIuc2NzcyIsInZlbmRvci9ib3VyYm9uL2hlbHBlcnMvX3JlbmRlci1ncmFkaWVudHMuc2NzcyIsInZlbmRvci9ib3VyYm9uL2hlbHBlcnMvX3NoYXBlLXNpemUtc3RyaXBwZXIuc2NzcyIsInZlbmRvci9ib3VyYm9uL2hlbHBlcnMvX3N0ci10by1udW0uc2NzcyIsInZlbmRvci9ib3VyYm9uL2Z1bmN0aW9ucy9fYXNzaWduLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9mdW5jdGlvbnMvX2NvbG9yLWxpZ2h0bmVzcy5zY3NzIiwidmVuZG9yL2JvdXJib24vZnVuY3Rpb25zL19mbGV4LWdyaWQuc2NzcyIsInZlbmRvci9ib3VyYm9uL2Z1bmN0aW9ucy9fZ29sZGVuLXJhdGlvLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9mdW5jdGlvbnMvX2dyaWQtd2lkdGguc2NzcyIsInZlbmRvci9ib3VyYm9uL2Z1bmN0aW9ucy9fbW9kdWxhci1zY2FsZS5zY3NzIiwidmVuZG9yL2JvdXJib24vZnVuY3Rpb25zL19weC10by1lbS5zY3NzIiwidmVuZG9yL2JvdXJib24vZnVuY3Rpb25zL19weC10by1yZW0uc2NzcyIsInZlbmRvci9ib3VyYm9uL2Z1bmN0aW9ucy9fc3RyaXAtdW5pdHMuc2NzcyIsInZlbmRvci9ib3VyYm9uL2Z1bmN0aW9ucy9fdGludC1zaGFkZS5zY3NzIiwidmVuZG9yL2JvdXJib24vZnVuY3Rpb25zL190cmFuc2l0aW9uLXByb3BlcnR5LW5hbWUuc2NzcyIsInZlbmRvci9ib3VyYm9uL2Z1bmN0aW9ucy9fdW5wYWNrLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9jc3MzL19hbmltYXRpb24uc2NzcyIsInZlbmRvci9ib3VyYm9uL2NzczMvX2FwcGVhcmFuY2Uuc2NzcyIsInZlbmRvci9ib3VyYm9uL2NzczMvX2JhY2tmYWNlLXZpc2liaWxpdHkuc2NzcyIsInZlbmRvci9ib3VyYm9uL2NzczMvX2JhY2tncm91bmQuc2NzcyIsInZlbmRvci9ib3VyYm9uL2NzczMvX2JhY2tncm91bmQtaW1hZ2Uuc2NzcyIsInZlbmRvci9ib3VyYm9uL2NzczMvX2JvcmRlci1pbWFnZS5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9fYm9yZGVyLXJhZGl1cy5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9fYm94LXNpemluZy5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9fY2FsYy5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9fY29sdW1ucy5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9fZmlsdGVyLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9jc3MzL19mbGV4LWJveC5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9fZm9udC1mYWNlLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9jc3MzL19oeXBoZW5zLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9jc3MzL19oaWRwaS1tZWRpYS1xdWVyeS5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9faW1hZ2UtcmVuZGVyaW5nLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9jc3MzL19rZXlmcmFtZXMuc2NzcyIsInZlbmRvci9ib3VyYm9uL2NzczMvX2xpbmVhci1ncmFkaWVudC5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9fcGVyc3BlY3RpdmUuc2NzcyIsInZlbmRvci9ib3VyYm9uL2NzczMvX3JhZGlhbC1ncmFkaWVudC5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9fdHJhbnNmb3JtLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9jc3MzL190cmFuc2l0aW9uLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9jc3MzL191c2VyLXNlbGVjdC5zY3NzIiwidmVuZG9yL2JvdXJib24vY3NzMy9fcGxhY2Vob2xkZXIuc2NzcyIsInZlbmRvci9ib3VyYm9uL2FkZG9ucy9fYnV0dG9uLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9hZGRvbnMvX2NsZWFyZml4LnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9hZGRvbnMvX2RpcmVjdGlvbmFsLXZhbHVlcy5zY3NzIiwidmVuZG9yL2JvdXJib24vYWRkb25zL19lbGxpcHNpcy5zY3NzIiwidmVuZG9yL2JvdXJib24vYWRkb25zL19mb250LWZhbWlseS5zY3NzIiwidmVuZG9yL2JvdXJib24vYWRkb25zL19oaWRlLXRleHQuc2NzcyIsInZlbmRvci9ib3VyYm9uL2FkZG9ucy9faHRtbDUtaW5wdXQtdHlwZXMuc2NzcyIsInZlbmRvci9ib3VyYm9uL2FkZG9ucy9fcG9zaXRpb24uc2NzcyIsInZlbmRvci9ib3VyYm9uL2FkZG9ucy9fcHJlZml4ZXIuc2NzcyIsInZlbmRvci9ib3VyYm9uL2FkZG9ucy9fcmV0aW5hLWltYWdlLnNjc3MiLCJ2ZW5kb3IvYm91cmJvbi9hZGRvbnMvX3NpemUuc2NzcyIsInZlbmRvci9ib3VyYm9uL2FkZG9ucy9fdGltaW5nLWZ1bmN0aW9ucy5zY3NzIiwidmVuZG9yL2JvdXJib24vYWRkb25zL190cmlhbmdsZS5zY3NzIiwidmVuZG9yL2JvdXJib24vYWRkb25zL193b3JkLXdyYXAuc2NzcyIsInZlbmRvci9ib3VyYm9uL19ib3VyYm9uLWRlcHJlY2F0ZWQtdXBjb21pbmcuc2NzcyIsImNvbmZpZ3VyYXRpb24vbnVjbGV1cy9fYmFzZS5zY3NzIiwiY29uZmlndXJhdGlvbi9udWNsZXVzL19jb3JlLnNj