/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url(../vendor/fontawesome-webfont_674f50d2.eot);src:url(../vendor/fontawesome-webfont_674f50d2.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../vendor/fontawesome-webfont_af7ae505.woff2) format('woff2'),url(../vendor/fontawesome-webfont_fee66e71.woff) format('woff'),url(../vendor/fontawesome-webfont_b06871f2.ttf) format('truetype'),url(../vendor/fontawesome-webfont_912ec66d.svg#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\F000"}.fa-music:before{content:"\F001"}.fa-search:before{content:"\F002"}.fa-envelope-o:before{content:"\F003"}.fa-heart:before{content:"\F004"}.fa-star:before{content:"\F005"}.fa-star-o:before{content:"\F006"}.fa-user:before{content:"\F007"}.fa-film:before{content:"\F008"}.fa-th-large:before{content:"\F009"}.fa-th:before{content:"\F00A"}.fa-th-list:before{content:"\F00B"}.fa-check:before{content:"\F00C"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\F00D"}.fa-search-plus:before{content:"\F00E"}.fa-search-minus:before{content:"\F010"}.fa-power-off:before{content:"\F011"}.fa-signal:before{content:"\F012"}.fa-gear:before,.fa-cog:before{content:"\F013"}.fa-trash-o:before{content:"\F014"}.fa-home:before{content:"\F015"}.fa-file-o:before{content:"\F016"}.fa-clock-o:before{content:"\F017"}.fa-road:before{content:"\F018"}.fa-download:before{content:"\F019"}.fa-arrow-circle-o-down:before{content:"\F01A"}.fa-arrow-circle-o-up:before{content:"\F01B"}.fa-inbox:before{content:"\F01C"}.fa-play-circle-o:before{content:"\F01D"}.fa-rotate-right:before,.fa-repeat:before{content:"\F01E"}.fa-refresh:before{content:"\F021"}.fa-list-alt:before{content:"\F022"}.fa-lock:before{content:"\F023"}.fa-flag:before{content:"\F024"}.fa-headphones:before{content:"\F025"}.fa-volume-off:before{content:"\F026"}.fa-volume-down:before{content:"\F027"}.fa-volume-up:before{content:"\F028"}.fa-qrcode:before{content:"\F029"}.fa-barcode:before{content:"\F02A"}.fa-tag:before{content:"\F02B"}.fa-tags:before{content:"\F02C"}.fa-book:before{content:"\F02D"}.fa-bookmark:before{content:"\F02E"}.fa-print:before{content:"\F02F"}.fa-camera:before{content:"\F030"}.fa-font:before{content:"\F031"}.fa-bold:before{content:"\F032"}.fa-italic:before{content:"\F033"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-align-left:before{content:"\F036"}.fa-align-center:before{content:"\F037"}.fa-align-right:before{content:"\F038"}.fa-align-justify:before{content:"\F039"}.fa-list:before{content:"\F03A"}.fa-dedent:before,.fa-outdent:before{content:"\F03B"}.fa-indent:before{content:"\F03C"}.fa-video-camera:before{content:"\F03D"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\F03E"}.fa-pencil:before{content:"\F040"}.fa-map-marker:before{content:"\F041"}.fa-adjust:before{content:"\F042"}.fa-tint:before{content:"\F043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\F044"}.fa-share-square-o:before{content:"\F045"}.fa-check-square-o:before{content:"\F046"}.fa-arrows:before{content:"\F047"}.fa-step-backward:before{content:"\F048"}.fa-fast-backward:before{content:"\F049"}.fa-backward:before{content:"\F04A"}.fa-play:before{content:"\F04B"}.fa-pause:before{content:"\F04C"}.fa-stop:before{content:"\F04D"}.fa-forward:before{content:"\F04E"}.fa-fast-forward:before{content:"\F050"}.fa-step-forward:before{content:"\F051"}.fa-eject:before{content:"\F052"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-plus-circle:before{content:"\F055"}.fa-minus-circle:before{content:"\F056"}.fa-times-circle:before{content:"\F057"}.fa-check-circle:before{content:"\F058"}.fa-question-circle:before{content:"\F059"}.fa-info-circle:before{content:"\F05A"}.fa-crosshairs:before{content:"\F05B"}.fa-times-circle-o:before{content:"\F05C"}.fa-check-circle-o:before{content:"\F05D"}.fa-ban:before{content:"\F05E"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrow-down:before{content:"\F063"}.fa-mail-forward:before,.fa-share:before{content:"\F064"}.fa-expand:before{content:"\F065"}.fa-compress:before{content:"\F066"}.fa-plus:before{content:"\F067"}.fa-minus:before{content:"\F068"}.fa-asterisk:before{content:"\F069"}.fa-exclamation-circle:before{content:"\F06A"}.fa-gift:before{content:"\F06B"}.fa-leaf:before{content:"\F06C"}.fa-fire:before{content:"\F06D"}.fa-eye:before{content:"\F06E"}.fa-eye-slash:before{content:"\F070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\F071"}.fa-plane:before{content:"\F072"}.fa-calendar:before{content:"\F073"}.fa-random:before{content:"\F074"}.fa-comment:before{content:"\F075"}.fa-magnet:before{content:"\F076"}.fa-chevron-up:before{content:"\F077"}.fa-chevron-down:before{content:"\F078"}.fa-retweet:before{content:"\F079"}.fa-shopping-cart:before{content:"\F07A"}.fa-folder:before{content:"\F07B"}.fa-folder-open:before{content:"\F07C"}.fa-arrows-v:before{content:"\F07D"}.fa-arrows-h:before{content:"\F07E"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\F080"}.fa-twitter-square:before{content:"\F081"}.fa-facebook-square:before{content:"\F082"}.fa-camera-retro:before{content:"\F083"}.fa-key:before{content:"\F084"}.fa-gears:before,.fa-cogs:before{content:"\F085"}.fa-comments:before{content:"\F086"}.fa-thumbs-o-up:before{content:"\F087"}.fa-thumbs-o-down:before{content:"\F088"}.fa-star-half:before{content:"\F089"}.fa-heart-o:before{content:"\F08A"}.fa-sign-out:before{content:"\F08B"}.fa-linkedin-square:before{content:"\F08C"}.fa-thumb-tack:before{content:"\F08D"}.fa-external-link:before{content:"\F08E"}.fa-sign-in:before{content:"\F090"}.fa-trophy:before{content:"\F091"}.fa-github-square:before{content:"\F092"}.fa-upload:before{content:"\F093"}.fa-lemon-o:before{content:"\F094"}.fa-phone:before{content:"\F095"}.fa-square-o:before{content:"\F096"}.fa-bookmark-o:before{content:"\F097"}.fa-phone-square:before{content:"\F098"}.fa-twitter:before{content:"\F099"}.fa-facebook-f:before,.fa-facebook:before{content:"\F09A"}.fa-github:before{content:"\F09B"}.fa-unlock:before{content:"\F09C"}.fa-credit-card:before{content:"\F09D"}.fa-feed:before,.fa-rss:before{content:"\F09E"}.fa-hdd-o:before{content:"\F0A0"}.fa-bullhorn:before{content:"\F0A1"}.fa-bell:before{content:"\F0F3"}.fa-certificate:before{content:"\F0A3"}.fa-hand-o-right:before{content:"\F0A4"}.fa-hand-o-left:before{content:"\F0A5"}.fa-hand-o-up:before{content:"\F0A6"}.fa-hand-o-down:before{content:"\F0A7"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-globe:before{content:"\F0AC"}.fa-wrench:before{content:"\F0AD"}.fa-tasks:before{content:"\F0AE"}.fa-filter:before{content:"\F0B0"}.fa-briefcase:before{content:"\F0B1"}.fa-arrows-alt:before{content:"\F0B2"}.fa-group:before,.fa-users:before{content:"\F0C0"}.fa-chain:before,.fa-link:before{content:"\F0C1"}.fa-cloud:before{content:"\F0C2"}.fa-flask:before{content:"\F0C3"}.fa-cut:before,.fa-scissors:before{content:"\F0C4"}.fa-copy:before,.fa-files-o:before{content:"\F0C5"}.fa-paperclip:before{content:"\F0C6"}.fa-save:before,.fa-floppy-o:before{content:"\F0C7"}.fa-square:before{content:"\F0C8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\F0C9"}.fa-list-ul:before{content:"\F0CA"}.fa-list-ol:before{content:"\F0CB"}.fa-strikethrough:before{content:"\F0CC"}.fa-underline:before{content:"\F0CD"}.fa-table:before{content:"\F0CE"}.fa-magic:before{content:"\F0D0"}.fa-truck:before{content:"\F0D1"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-square:before{content:"\F0D3"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-plus:before{content:"\F0D5"}.fa-money:before{content:"\F0D6"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-up:before{content:"\F0D8"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-columns:before{content:"\F0DB"}.fa-unsorted:before,.fa-sort:before{content:"\F0DC"}.fa-sort-down:before,.fa-sort-desc:before{content:"\F0DD"}.fa-sort-up:before,.fa-sort-asc:before{content:"\F0DE"}.fa-envelope:before{content:"\F0E0"}.fa-linkedin:before{content:"\F0E1"}.fa-rotate-left:before,.fa-undo:before{content:"\F0E2"}.fa-legal:before,.fa-gavel:before{content:"\F0E3"}.fa-dashboard:before,.fa-tachometer:before{content:"\F0E4"}.fa-comment-o:before{content:"\F0E5"}.fa-comments-o:before{content:"\F0E6"}.fa-flash:before,.fa-bolt:before{content:"\F0E7"}.fa-sitemap:before{content:"\F0E8"}.fa-umbrella:before{content:"\F0E9"}.fa-paste:before,.fa-clipboard:before{content:"\F0EA"}.fa-lightbulb-o:before{content:"\F0EB"}.fa-exchange:before{content:"\F0EC"}.fa-cloud-download:before{content:"\F0ED"}.fa-cloud-upload:before{content:"\F0EE"}.fa-user-md:before{content:"\F0F0"}.fa-stethoscope:before{content:"\F0F1"}.fa-suitcase:before{content:"\F0F2"}.fa-bell-o:before{content:"\F0A2"}.fa-coffee:before{content:"\F0F4"}.fa-cutlery:before{content:"\F0F5"}.fa-file-text-o:before{content:"\F0F6"}.fa-building-o:before{content:"\F0F7"}.fa-hospital-o:before{content:"\F0F8"}.fa-ambulance:before{content:"\F0F9"}.fa-medkit:before{content:"\F0FA"}.fa-fighter-jet:before{content:"\F0FB"}.fa-beer:before{content:"\F0FC"}.fa-h-square:before{content:"\F0FD"}.fa-plus-square:before{content:"\F0FE"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angle-down:before{content:"\F107"}.fa-desktop:before{content:"\F108"}.fa-laptop:before{content:"\F109"}.fa-tablet:before{content:"\F10A"}.fa-mobile-phone:before,.fa-mobile:before{content:"\F10B"}.fa-circle-o:before{content:"\F10C"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-spinner:before{content:"\F110"}.fa-circle:before{content:"\F111"}.fa-mail-reply:before,.fa-reply:before{content:"\F112"}.fa-github-alt:before{content:"\F113"}.fa-folder-o:before{content:"\F114"}.fa-folder-open-o:before{content:"\F115"}.fa-smile-o:before{content:"\F118"}.fa-frown-o:before{content:"\F119"}.fa-meh-o:before{content:"\F11A"}.fa-gamepad:before{content:"\F11B"}.fa-keyboard-o:before{content:"\F11C"}.fa-flag-o:before{content:"\F11D"}.fa-flag-checkered:before{content:"\F11E"}.fa-terminal:before{content:"\F120"}.fa-code:before{content:"\F121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\F122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\F123"}.fa-location-arrow:before{content:"\F124"}.fa-crop:before{content:"\F125"}.fa-code-fork:before{content:"\F126"}.fa-unlink:before,.fa-chain-broken:before{content:"\F127"}.fa-question:before{content:"\F128"}.fa-info:before{content:"\F129"}.fa-exclamation:before{content:"\F12A"}.fa-superscript:before{content:"\F12B"}.fa-subscript:before{content:"\F12C"}.fa-eraser:before{content:"\F12D"}.fa-puzzle-piece:before{content:"\F12E"}.fa-microphone:before{content:"\F130"}.fa-microphone-slash:before{content:"\F131"}.fa-shield:before{content:"\F132"}.fa-calendar-o:before{content:"\F133"}.fa-fire-extinguisher:before{content:"\F134"}.fa-rocket:before{content:"\F135"}.fa-maxcdn:before{content:"\F136"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-html5:before{content:"\F13B"}.fa-css3:before{content:"\F13C"}.fa-anchor:before{content:"\F13D"}.fa-unlock-alt:before{content:"\F13E"}.fa-bullseye:before{content:"\F140"}.fa-ellipsis-h:before{content:"\F141"}.fa-ellipsis-v:before{content:"\F142"}.fa-rss-square:before{content:"\F143"}.fa-play-circle:before{content:"\F144"}.fa-ticket:before{content:"\F145"}.fa-minus-square:before{content:"\F146"}.fa-minus-square-o:before{content:"\F147"}.fa-level-up:before{content:"\F148"}.fa-level-down:before{content:"\F149"}.fa-check-square:before{content:"\F14A"}.fa-pencil-square:before{content:"\F14B"}.fa-external-link-square:before{content:"\F14C"}.fa-share-square:before{content:"\F14D"}.fa-compass:before{content:"\F14E"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\F150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\F151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\F152"}.fa-euro:before,.fa-eur:before{content:"\F153"}.fa-gbp:before{content:"\F154"}.fa-dollar:before,.fa-usd:before{content:"\F155"}.fa-rupee:before,.fa-inr:before{content:"\F156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\F157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\F158"}.fa-won:before,.fa-krw:before{content:"\F159"}.fa-bitcoin:before,.fa-btc:before{content:"\F15A"}.fa-file:before{content:"\F15B"}.fa-file-text:before{content:"\F15C"}.fa-sort-alpha-asc:before{content:"\F15D"}.fa-sort-alpha-desc:before{content:"\F15E"}.fa-sort-amount-asc:before{content:"\F160"}.fa-sort-amount-desc:before{content:"\F161"}.fa-sort-numeric-asc:before{content:"\F162"}.fa-sort-numeric-desc:before{content:"\F163"}.fa-thumbs-up:before{content:"\F164"}.fa-thumbs-down:before{content:"\F165"}.fa-youtube-square:before{content:"\F166"}.fa-youtube:before{content:"\F167"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-youtube-play:before{content:"\F16A"}.fa-dropbox:before{content:"\F16B"}.fa-stack-overflow:before{content:"\F16C"}.fa-instagram:before{content:"\F16D"}.fa-flickr:before{content:"\F16E"}.fa-adn:before{content:"\F170"}.fa-bitbucket:before{content:"\F171"}.fa-bitbucket-square:before{content:"\F172"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-long-arrow-down:before{content:"\F175"}.fa-long-arrow-up:before{content:"\F176"}.fa-long-arrow-left:before{content:"\F177"}.fa-long-arrow-right:before{content:"\F178"}.fa-apple:before{content:"\F179"}.fa-windows:before{content:"\F17A"}.fa-android:before{content:"\F17B"}.fa-linux:before{content:"\F17C"}.fa-dribbble:before{content:"\F17D"}.fa-skype:before{content:"\F17E"}.fa-foursquare:before{content:"\F180"}.fa-trello:before{content:"\F181"}.fa-female:before{content:"\F182"}.fa-male:before{content:"\F183"}.fa-gittip:before,.fa-gratipay:before{content:"\F184"}.fa-sun-o:before{content:"\F185"}.fa-moon-o:before{content:"\F186"}.fa-archive:before{content:"\F187"}.fa-bug:before{content:"\F188"}.fa-vk:before{content:"\F189"}.fa-weibo:before{content:"\F18A"}.fa-renren:before{content:"\F18B"}.fa-pagelines:before{content:"\F18C"}.fa-stack-exchange:before{content:"\F18D"}.fa-arrow-circle-o-right:before{content:"\F18E"}.fa-arrow-circle-o-left:before{content:"\F190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\F191"}.fa-dot-circle-o:before{content:"\F192"}.fa-wheelchair:before{content:"\F193"}.fa-vimeo-square:before{content:"\F194"}.fa-turkish-lira:before,.fa-try:before{content:"\F195"}.fa-plus-square-o:before{content:"\F196"}.fa-space-shuttle:before{content:"\F197"}.fa-slack:before{content:"\F198"}.fa-envelope-square:before{content:"\F199"}.fa-wordpress:before{content:"\F19A"}.fa-openid:before{content:"\F19B"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\F19C"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\F19D"}.fa-yahoo:before{content:"\F19E"}.fa-google:before{content:"\F1A0"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-square:before{content:"\F1A2"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-stumbleupon:before{content:"\F1A4"}.fa-delicious:before{content:"\F1A5"}.fa-digg:before{content:"\F1A6"}.fa-pied-piper-pp:before{content:"\F1A7"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-drupal:before{content:"\F1A9"}.fa-joomla:before{content:"\F1AA"}.fa-language:before{content:"\F1AB"}.fa-fax:before{content:"\F1AC"}.fa-building:before{content:"\F1AD"}.fa-child:before{content:"\F1AE"}.fa-paw:before{content:"\F1B0"}.fa-spoon:before{content:"\F1B1"}.fa-cube:before{content:"\F1B2"}.fa-cubes:before{content:"\F1B3"}.fa-behance:before{content:"\F1B4"}.fa-behance-square:before{content:"\F1B5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-recycle:before{content:"\F1B8"}.fa-automobile:before,.fa-car:before{content:"\F1B9"}.fa-cab:before,.fa-taxi:before{content:"\F1BA"}.fa-tree:before{content:"\F1BB"}.fa-spotify:before{content:"\F1BC"}.fa-deviantart:before{content:"\F1BD"}.fa-soundcloud:before{content:"\F1BE"}.fa-database:before{content:"\F1C0"}.fa-file-pdf-o:before{content:"\F1C1"}.fa-file-word-o:before{content:"\F1C2"}.fa-file-excel-o:before{content:"\F1C3"}.fa-file-powerpoint-o:before{content:"\F1C4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\F1C5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\F1C6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\F1C7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\F1C8"}.fa-file-code-o:before{content:"\F1C9"}.fa-vine:before{content:"\F1CA"}.fa-codepen:before{content:"\F1CB"}.fa-jsfiddle:before{content:"\F1CC"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\F1CD"}.fa-circle-o-notch:before{content:"\F1CE"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\F1D0"}.fa-ge:before,.fa-empire:before{content:"\F1D1"}.fa-git-square:before{content:"\F1D2"}.fa-git:before{content:"\F1D3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\F1D4"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-qq:before{content:"\F1D6"}.fa-wechat:before,.fa-weixin:before{content:"\F1D7"}.fa-send:before,.fa-paper-plane:before{content:"\F1D8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\F1D9"}.fa-history:before{content:"\F1DA"}.fa-circle-thin:before{content:"\F1DB"}.fa-header:before{content:"\F1DC"}.fa-paragraph:before{content:"\F1DD"}.fa-sliders:before{content:"\F1DE"}.fa-share-alt:before{content:"\F1E0"}.fa-share-alt-square:before{content:"\F1E1"}.fa-bomb:before{content:"\F1E2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\F1E3"}.fa-tty:before{content:"\F1E4"}.fa-binoculars:before{content:"\F1E5"}.fa-plug:before{content:"\F1E6"}.fa-slideshare:before{content:"\F1E7"}.fa-twitch:before{content:"\F1E8"}.fa-yelp:before{content:"\F1E9"}.fa-newspaper-o:before{content:"\F1EA"}.fa-wifi:before{content:"\F1EB"}.fa-calculator:before{content:"\F1EC"}.fa-paypal:before{content:"\F1ED"}.fa-google-wallet:before{content:"\F1EE"}.fa-cc-visa:before{content:"\F1F0"}.fa-cc-mastercard:before{content:"\F1F1"}.fa-cc-discover:before{content:"\F1F2"}.fa-cc-amex:before{content:"\F1F3"}.fa-cc-paypal:before{content:"\F1F4"}.fa-cc-stripe:before{content:"\F1F5"}.fa-bell-slash:before{content:"\F1F6"}.fa-bell-slash-o:before{content:"\F1F7"}.fa-trash:before{content:"\F1F8"}.fa-copyright:before{content:"\F1F9"}.fa-at:before{content:"\F1FA"}.fa-eyedropper:before{content:"\F1FB"}.fa-paint-brush:before{content:"\F1FC"}.fa-birthday-cake:before{content:"\F1FD"}.fa-area-chart:before{content:"\F1FE"}.fa-pie-chart:before{content:"\F200"}.fa-line-chart:before{content:"\F201"}.fa-lastfm:before{content:"\F202"}.fa-lastfm-square:before{content:"\F203"}.fa-toggle-off:before{content:"\F204"}.fa-toggle-on:before{content:"\F205"}.fa-bicycle:before{content:"\F206"}.fa-bus:before{content:"\F207"}.fa-ioxhost:before{content:"\F208"}.fa-angellist:before{content:"\F209"}.fa-cc:before{content:"\F20A"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\F20B"}.fa-meanpath:before{content:"\F20C"}.fa-buysellads:before{content:"\F20D"}.fa-connectdevelop:before{content:"\F20E"}.fa-dashcube:before{content:"\F210"}.fa-forumbee:before{content:"\F211"}.fa-leanpub:before{content:"\F212"}.fa-sellsy:before{content:"\F213"}.fa-shirtsinbulk:before{content:"\F214"}.fa-simplybuilt:before{content:"\F215"}.fa-skyatlas:before{content:"\F216"}.fa-cart-plus:before{content:"\F217"}.fa-cart-arrow-down:before{content:"\F218"}.fa-diamond:before{content:"\F219"}.fa-ship:before{content:"\F21A"}.fa-user-secret:before{content:"\F21B"}.fa-motorcycle:before{content:"\F21C"}.fa-street-view:before{content:"\F21D"}.fa-heartbeat:before{content:"\F21E"}.fa-venus:before{content:"\F221"}.fa-mars:before{content:"\F222"}.fa-mercury:before{content:"\F223"}.fa-intersex:before,.fa-transgender:before{content:"\F224"}.fa-transgender-alt:before{content:"\F225"}.fa-venus-double:before{content:"\F226"}.fa-mars-double:before{content:"\F227"}.fa-venus-mars:before{content:"\F228"}.fa-mars-stroke:before{content:"\F229"}.fa-mars-stroke-v:before{content:"\F22A"}.fa-mars-stroke-h:before{content:"\F22B"}.fa-neuter:before{content:"\F22C"}.fa-genderless:before{content:"\F22D"}.fa-facebook-official:before{content:"\F230"}.fa-pinterest-p:before{content:"\F231"}.fa-whatsapp:before{content:"\F232"}.fa-server:before{content:"\F233"}.fa-user-plus:before{content:"\F234"}.fa-user-times:before{content:"\F235"}.fa-hotel:before,.fa-bed:before{content:"\F236"}.fa-viacoin:before{content:"\F237"}.fa-train:before{content:"\F238"}.fa-subway:before{content:"\F239"}.fa-medium:before{content:"\F23A"}.fa-yc:before,.fa-y-combinator:before{content:"\F23B"}.fa-optin-monster:before{content:"\F23C"}.fa-opencart:before{content:"\F23D"}.fa-expeditedssl:before{content:"\F23E"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\F240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\F241"}.fa-battery-2:before,.fa-battery-half:before{content:"\F242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\F243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\F244"}.fa-mouse-pointer:before{content:"\F245"}.fa-i-cursor:before{content:"\F246"}.fa-object-group:before{content:"\F247"}.fa-object-ungroup:before{content:"\F248"}.fa-sticky-note:before{content:"\F249"}.fa-sticky-note-o:before{content:"\F24A"}.fa-cc-jcb:before{content:"\F24B"}.fa-cc-diners-club:before{content:"\F24C"}.fa-clone:before{content:"\F24D"}.fa-balance-scale:before{content:"\F24E"}.fa-hourglass-o:before{content:"\F250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\F251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\F252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\F253"}.fa-hourglass:before{content:"\F254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\F255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\F256"}.fa-hand-scissors-o:before{content:"\F257"}.fa-hand-lizard-o:before{content:"\F258"}.fa-hand-spock-o:before{content:"\F259"}.fa-hand-pointer-o:before{content:"\F25A"}.fa-hand-peace-o:before{content:"\F25B"}.fa-trademark:before{content:"\F25C"}.fa-registered:before{content:"\F25D"}.fa-creative-commons:before{content:"\F25E"}.fa-gg:before{content:"\F260"}.fa-gg-circle:before{content:"\F261"}.fa-tripadvisor:before{content:"\F262"}.fa-odnoklassniki:before{content:"\F263"}.fa-odnoklassniki-square:before{content:"\F264"}.fa-get-pocket:before{content:"\F265"}.fa-wikipedia-w:before{content:"\F266"}.fa-safari:before{content:"\F267"}.fa-chrome:before{content:"\F268"}.fa-firefox:before{content:"\F269"}.fa-opera:before{content:"\F26A"}.fa-internet-explorer:before{content:"\F26B"}.fa-tv:before,.fa-television:before{content:"\F26C"}.fa-contao:before{content:"\F26D"}.fa-500px:before{content:"\F26E"}.fa-amazon:before{content:"\F270"}.fa-calendar-plus-o:before{content:"\F271"}.fa-calendar-minus-o:before{content:"\F272"}.fa-calendar-times-o:before{content:"\F273"}.fa-calendar-check-o:before{content:"\F274"}.fa-industry:before{content:"\F275"}.fa-map-pin:before{content:"\F276"}.fa-map-signs:before{content:"\F277"}.fa-map-o:before{content:"\F278"}.fa-map:before{content:"\F279"}.fa-commenting:before{content:"\F27A"}.fa-commenting-o:before{content:"\F27B"}.fa-houzz:before{content:"\F27C"}.fa-vimeo:before{content:"\F27D"}.fa-black-tie:before{content:"\F27E"}.fa-fonticons:before{content:"\F280"}.fa-reddit-alien:before{content:"\F281"}.fa-edge:before{content:"\F282"}.fa-credit-card-alt:before{content:"\F283"}.fa-codiepie:before{content:"\F284"}.fa-modx:before{content:"\F285"}.fa-fort-awesome:before{content:"\F286"}.fa-usb:before{content:"\F287"}.fa-product-hunt:before{content:"\F288"}.fa-mixcloud:before{content:"\F289"}.fa-scribd:before{content:"\F28A"}.fa-pause-circle:before{content:"\F28B"}.fa-pause-circle-o:before{content:"\F28C"}.fa-stop-circle:before{content:"\F28D"}.fa-stop-circle-o:before{content:"\F28E"}.fa-shopping-bag:before{content:"\F290"}.fa-shopping-basket:before{content:"\F291"}.fa-hashtag:before{content:"\F292"}.fa-bluetooth:before{content:"\F293"}.fa-bluetooth-b:before{content:"\F294"}.fa-percent:before{content:"\F295"}.fa-gitlab:before{content:"\F296"}.fa-wpbeginner:before{content:"\F297"}.fa-wpforms:before{content:"\F298"}.fa-envira:before{content:"\F299"}.fa-universal-access:before{content:"\F29A"}.fa-wheelchair-alt:before{content:"\F29B"}.fa-question-circle-o:before{content:"\F29C"}.fa-blind:before{content:"\F29D"}.fa-audio-description:before{content:"\F29E"}.fa-volume-control-phone:before{content:"\F2A0"}.fa-braille:before{content:"\F2A1"}.fa-assistive-listening-systems:before{content:"\F2A2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\F2A3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\F2A4"}.fa-glide:before{content:"\F2A5"}.fa-glide-g:before{content:"\F2A6"}.fa-signing:before,.fa-sign-language:before{content:"\F2A7"}.fa-low-vision:before{content:"\F2A8"}.fa-viadeo:before{content:"\F2A9"}.fa-viadeo-square:before{content:"\F2AA"}.fa-snapchat:before{content:"\F2AB"}.fa-snapchat-ghost:before{content:"\F2AC"}.fa-snapchat-square:before{content:"\F2AD"}.fa-pied-piper:before{content:"\F2AE"}.fa-first-order:before{content:"\F2B0"}.fa-yoast:before{content:"\F2B1"}.fa-themeisle:before{content:"\F2B2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\F2B3"}.fa-fa:before,.fa-font-awesome:before{content:"\F2B4"}.fa-handshake-o:before{content:"\F2B5"}.fa-envelope-open:before{content:"\F2B6"}.fa-envelope-open-o:before{content:"\F2B7"}.fa-linode:before{content:"\F2B8"}.fa-address-book:before{content:"\F2B9"}.fa-address-book-o:before{content:"\F2BA"}.fa-vcard:before,.fa-address-card:before{content:"\F2BB"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\F2BC"}.fa-user-circle:before{content:"\F2BD"}.fa-user-circle-o:before{content:"\F2BE"}.fa-user-o:before{content:"\F2C0"}.fa-id-badge:before{content:"\F2C1"}.fa-drivers-license:before,.fa-id-card:before{content:"\F2C2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\F2C3"}.fa-quora:before{content:"\F2C4"}.fa-free-code-camp:before{content:"\F2C5"}.fa-telegram:before{content:"\F2C6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\F2C7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\F2C8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\F2C9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\F2CA"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\F2CB"}.fa-shower:before{content:"\F2CC"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\F2CD"}.fa-podcast:before{content:"\F2CE"}.fa-window-maximize:before{content:"\F2D0"}.fa-window-minimize:before{content:"\F2D1"}.fa-window-restore:before{content:"\F2D2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\F2D3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\F2D4"}.fa-bandcamp:before{content:"\F2D5"}.fa-grav:before{content:"\F2D6"}.fa-etsy:before{content:"\F2D7"}.fa-imdb:before{content:"\F2D8"}.fa-ravelry:before{content:"\F2D9"}.fa-eercast:before{content:"\F2DA"}.fa-microchip:before{content:"\F2DB"}.fa-snowflake-o:before{content:"\F2DC"}.fa-superpowers:before{content:"\F2DD"}.fa-wpexplorer:before{content:"\F2DE"}.fa-meetup:before{content:"\F2E0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1440px; margin: 0 auto; } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } .row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -.5rem; margin-left: -.5rem; } .row.reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-xs-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xs-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xs-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xs-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xs-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xs-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xs-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xs-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xs-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 8.33333%; } .col-xs-offset-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 16.66667%; } .col-xs-offset-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 25%; } .col-xs-offset-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 33.33333%; } .col-xs-offset-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 41.66667%; } .col-xs-offset-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 50%; } .col-xs-offset-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 58.33333%; } .col-xs-offset-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 66.66667%; } .col-xs-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 75%; } .col-xs-offset-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 83.33333%; } .col-xs-offset-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 91.66667%; } .col-xs-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 100%; } .col-xs { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (min-width: 568px) { .container { width: 568px; } .col-sm { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-sm-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 8.33333%; } .col-sm-offset-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 16.66667%; } .col-sm-offset-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 25%; } .col-sm-offset-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 33.33333%; } .col-sm-offset-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 41.66667%; } .col-sm-offset-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 50%; } .col-sm-offset-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 58.33333%; } .col-sm-offset-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 66.66667%; } .col-sm-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 75%; } .col-sm-offset-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 83.33333%; } .col-sm-offset-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 91.66667%; } .col-sm-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 100%; } .col-sm { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 768px) { .container { width: 768px; } .col-md { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-md-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 8.33333%; } .col-md-offset-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 16.66667%; } .col-md-offset-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 25%; } .col-md-offset-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 33.33333%; } .col-md-offset-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 41.66667%; } .col-md-offset-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 50%; } .col-md-offset-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 58.33333%; } .col-md-offset-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 66.66667%; } .col-md-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 75%; } .col-md-offset-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 83.33333%; } .col-md-offset-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 91.66667%; } .col-md-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 100%; } .col-md { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-md { -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 960px) { .container { width: 960px; } .col-lg { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-lg-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 8.33333%; } .col-lg-offset-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 16.66667%; } .col-lg-offset-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 25%; } .col-lg-offset-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 33.33333%; } .col-lg-offset-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 41.66667%; } .col-lg-offset-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 50%; } .col-lg-offset-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 58.33333%; } .col-lg-offset-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 66.66667%; } .col-lg-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 75%; } .col-lg-offset-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 83.33333%; } .col-lg-offset-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 91.66667%; } .col-lg-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 100%; } .col-lg { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-lg { -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1200px) { .container { width: 1200px; } .col-xlg { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-xlg-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xlg-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xlg-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xlg-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xlg-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xlg-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xlg-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xlg-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xlg-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xlg-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xlg-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xlg-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xlg-offset-1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 8.33333%; } .col-xlg-offset-2 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 16.66667%; } .col-xlg-offset-3 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 25%; } .col-xlg-offset-4 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 33.33333%; } .col-xlg-offset-5 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 41.66667%; } .col-xlg-offset-6 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 50%; } .col-xlg-offset-7 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 58.33333%; } .col-xlg-offset-8 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 66.66667%; } .col-xlg-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 75%; } .col-xlg-offset-10 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 83.33333%; } .col-xlg-offset-11 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 91.66667%; } .col-xlg-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .5rem; padding-left: .5rem; margin-left: 100%; } .col-xlg { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-xlg { -webkit-box-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: start; } .center-xlg { -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-xlg { -webkit-box-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: end; } .top-xlg { -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .middle-xlg { -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } .bottom-xlg { -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .around-xlg { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .between-xlg { -webkit-box-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .first-xlg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-xlg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: .15s; -o-transition-duration: .15s; transition-duration: .15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: .7; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--3dx .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dx .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dx-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dx-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dxy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg) rotateY(180deg); transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--arrow.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowalt .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease,-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease,-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.1s ease,-o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),-o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease,-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease,-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.1s ease,-o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),-o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease,-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease,-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease,-o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),-o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease,-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease,-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease,-o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),-o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease,-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease,-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.1s ease,-o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),-o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease,-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease,-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.1s ease,-o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),-o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease,-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease,-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease,-o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),-o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease,-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease,-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease,-o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),-o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowturn.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .hamburger--boring.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; -webkit-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 .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-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),-webkit-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),-o-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); 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),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.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; -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.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-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),-webkit-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),-o-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); 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),-webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; -webkit-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),-webkit-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),-webkit-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),-o-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); 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),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-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); transform: translate3d(0, -10px, 0) rotate(45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 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; -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); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-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),-webkit-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),-o-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); 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),-webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--elastic .hamburger-inner { top: 2px; -webkit-transition-duration: 0.275s; -o-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; -webkit-transition: opacity 0.125s 0.275s ease; -o-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: -o-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -o-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(135deg); transform: translate3d(0, 10px, 0) rotate(135deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg); transform: translate3d(0, -20px, 0) rotate(-270deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic-r .hamburger-inner { top: 2px; -webkit-transition-duration: 0.275s; -o-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; -webkit-transition: opacity 0.125s 0.275s ease; -o-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: -o-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -o-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg); transform: translate3d(0, 10px, 0) rotate(-135deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(270deg); transform: translate3d(0, -20px, 0) rotate(270deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -o-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear,left 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear,left 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: top 0.05s 0.125s linear,left 0.125s 0.175s ease-in,-o-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),-o-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; -webkit-transition: top 0.05s 0.125s linear,right 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear,right 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: top 0.05s 0.125s linear,right 0.125s 0.175s ease-in,-o-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),-o-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg); transform: translate3d(80px, 80px, 0) rotate(45deg); -webkit-transition: left 0.125s ease-out,top 0.05s 0.125s linear,-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out,top 0.05s 0.125s linear,-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.125s ease-out,top 0.05s 0.125s linear,-o-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1),-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1),-o-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg); transform: translate3d(-80px, 80px, 0) rotate(-45deg); -webkit-transition: right 0.125s ease-out,top 0.05s 0.125s linear,-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out,top 0.05s 0.125s linear,-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.125s ease-out,top 0.05s 0.125s linear,-o-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1),-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1),-o-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -o-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear,left 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear,left 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: top 0.05s 0.125s linear,left 0.125s 0.175s ease-in,-o-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),-o-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; -webkit-transition: top 0.05s 0.125s linear,right 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear,right 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: top 0.05s 0.125s linear,right 0.125s 0.175s ease-in,-o-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in,-webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),-o-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg); transform: translate3d(80px, -80px, 0) rotate(-45deg); -webkit-transition: left 0.125s ease-out,top 0.05s 0.125s linear,-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out,top 0.05s 0.125s linear,-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.125s ease-out,top 0.05s 0.125s linear,-o-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1),-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1),-o-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg); transform: translate3d(-80px, -80px, 0) rotate(45deg); -webkit-transition: right 0.125s ease-out,top 0.05s 0.125s linear,-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out,top 0.05s 0.125s linear,-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.125s ease-out,top 0.05s 0.125s linear,-o-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1),-webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1),-o-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; -o-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; -o-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s 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: 10px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, -o-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -o-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg); transform: translate3d(0, -20px, 0) rotate(-90deg); } .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, -o-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -o-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0); transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(90deg); transform: translate3d(0, -20px, 0) rotate(90deg); } .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; -o-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in,-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in,-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.25s ease-in,-o-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out,-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out,-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out,-o-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r .hamburger-inner { -webkit-transition-duration: 0.22s; -o-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in,-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in,-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.25s ease-in,-o-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: bottom 0.1s ease-out,-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out,-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out,-o-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring .hamburger-inner { top: 2px; -webkit-transition: background-color 0s 0.13s linear; -o-transition: background-color 0s 0.13s linear; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 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.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 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.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; background-color: transparent; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-o-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-o-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 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.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-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 0s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-o-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear,-webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear,-webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: background-color 0s 0.075s linear,-o-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s 0.075s linear,-webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in,-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in,-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.075s 0.075s ease-in,-o-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in,-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in,-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.075s ease-in,-o-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); background-color: transparent; -webkit-transition: background-color 0s 0.15s linear,-webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear,-webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: background-color 0s 0.15s linear,-o-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s 0.15s linear,-webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out,-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out,-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.075s 0.1s ease-out,-o-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out,-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out,-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s 0.1s ease-out,-o-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear,-webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear,-webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: background-color 0s 0.075s linear,-o-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s 0.075s linear,-webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in,-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in,-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.075s 0.075s ease-in,-o-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in,-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in,-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.075s ease-in,-o-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); background-color: transparent; -webkit-transition: background-color 0s 0.15s linear,-webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear,-webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: background-color 0s 0.15s linear,-o-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s 0.15s linear,-webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out,-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out,-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.075s 0.1s ease-out,-o-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out,-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out,-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s 0.1s ease-out,-o-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; -o-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; -o-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease,-webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease,-webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.12s ease,-o-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19),-o-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; -o-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease,-webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease,-webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s ease,-o-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),-o-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--vortex .hamburger-inner { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, -o-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform, -o-transform; } .hamburger--vortex.is-active .hamburger-inner { -webkit-transform: rotate(765deg); -o-transform: rotate(765deg); transform: rotate(765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .hamburger--vortex-r .hamburger-inner { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, -o-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform, -o-transform; } .hamburger--vortex-r.is-active .hamburger-inner { -webkit-transform: rotate(-765deg); -o-transform: rotate(-765deg); transform: rotate(-765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; 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; -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: height, -o-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform, -o-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } @font-face { font-family: 'nunito-light'; src: url(../fonts/Nunito/Nunito-Light.ttf); font-weight: normal; font-style: normal; } @font-face { font-family: 'nunito-regular'; src: url(../fonts/Nunito/Nunito-Regular.ttf); font-weight: normal; font-style: normal; } @font-face { font-family: 'nunito-semibold'; src: url(../fonts/Nunito/Nunito-SemiBold.ttf); font-weight: 600; font-style: normal; } @font-face { font-family: 'nunito-bold'; src: url(../fonts/Nunito/Nunito-Bold.ttf); font-weight: bold; font-style: normal; } @font-face { font-family: 'roboto-regular'; src: url(../fonts/Roboto/Roboto-Regular.ttf); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-bold'; src: url(../fonts/Roboto/Roboto-Bold.ttf); font-weight: bold; font-style: normal; } @font-face { font-family: 'roboto-medium'; src: url(../fonts/Roboto/Roboto-Medium.ttf); font-weight: bold; font-style: normal; } @font-face { font-family: 'rubik-regular'; src: url(../fonts/rubik/Rubik-Regular.ttf); font-weight: bold; font-style: normal; } @font-face { font-family: 'rubik-medium'; src: url(../fonts/rubik/Rubik-Medium.ttf); font-weight: bold; font-style: normal; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { margin: 0; padding: 0; overflow-x: hidden; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus { outline: 0; } :last-child { margin-bottom: 0; } :first-child { margin-top: 0; } a { background-color: transparent; } a, input, button { -webkit-tap-highlight-color: fade(#000, 0%); } a { color: #000; text-decoration: none; cursor: pointer; } a:hover { color: #000; text-decoration: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } :not(pre)>code, :not(pre)>kbd, :not(pre)>samp { white-space: nowrap; padding: 0; } em { font-style: italic; } ins { text-decoration: none; } q { font-style: italic; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; height: auto; border: 0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } blockquote, figure { margin: 0; } p, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0; } *+p, *+ul, *+ol, *+dl, *+blockquote, *+pre, *+address, *+fieldset, *+figure { margin-top: 20px; } h1, h2, h3, h4, h5, h6 { margin: 0; } *+h1, *+h2, *+h3, *+h4, *+h5, *+h6 { margin-top: 20px; } ul, ol { padding-left: 30px; } ul>li>ul, ul>li>ol, ol>li>ul, ol>li>ol { margin: 0; } dt { font-weight: bold; } dd { margin-left: 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; margin: 0; border: 0; border-top: 1px solid #000; } *+hr { margin-top: 20px; } address { font-style: normal; } pre { overflow: auto; } pre>code { margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } progress { vertical-align: baseline; } audio:not([controls]) { display: none; } [hidden], template { display: none; } iframe { border: 0; } .main { padding: 0; position: relative; z-index: 99; } @media only screen and (min-width: 960px) { .main { padding-top: 147px; } } @media only screen and (max-width: 768px) and (min-width: 1px) { .main { padding-top: 45px; } } .wrapper { max-width: 1440px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .info-bar-container { position: absolute; left: 0; width: 100%; bottom: -48px; z-index: -1; height: 50px; } @media (max-width: 630px) { .info-bar-container { height: 110px; } } @media only screen and (max-width: 578px) and (min-width: 1px) { .info-bar-container { bottom: -80px; } } @media only screen and (max-width: 456px) and (min-width: 1px) { .info-bar-container { bottom: -110px; } } @media only screen and (max-width: 416px) and (min-width: 1px) { .info-bar-container { bottom: -48px; } } @media only screen and (max-width: 388px) and (min-width: 1px) { .info-bar-container { bottom: -80px; } } .info-bar { padding: 8px 10.5vw; position: relative; background: white; width: 100%; z-index: 1; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; } @media only screen and (max-width: 416px) and (min-width: 1px) { .info-bar { padding: 8px 3.5vw; } } .info-bar .cnt img { display: inline-block; vertical-align: middle; margin-right: 10px; } @media only screen and (max-width: 416px) and (min-width: 1px) { .info-bar .cnt img { display: none; } } .info-bar .cnt p { display: inline-block; vertical-align: middle; margin-top: 0; margin-right: 10px; font-size: 15px; } @media only screen and (max-width: 416px) and (min-width: 1px) { .info-bar .cnt p { font-size: 12px; } } .info-bar .cnt p a { font-family: "nunito-bold"; color: #0078AE; } .info-bar .cnt p a:hover { text-decoration: underline; } .info-bar .cnt p.update { font-size: 12px; color: #757575; margin-right: 0; } .section { position: relative; vertical-align: top; } .section.large-padding { padding: 100px 0; } .section.medium-padding { padding: 60px 0; } .section.small-padding { padding: 40px 0; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } #banner { z-index: -9; } #banner svg { position: absolute; top: 0; left: 0; height: 100%; } #banner.image-banner { width: 100%; position: relative; padding: 18px 11vw 90px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { #banner.image-banner { padding: 18px 3vw 90px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { #banner.image-banner { padding: 14vh 7vw 30px; } } #banner.image-banner .bg { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; left: 0; z-index: -2; } #banner.image-banner .bg .ie-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-linear-gradient(271deg, rgba(0,110,179,0.6) 0%, rgba(0,110,179,0.05) 13%, rgba(0,110,179,0) 50%, rgba(0,91,148,0.5) 64%, rgba(0,91,148,0.9) 99%); background-image: -o-linear-gradient(271deg, rgba(0,110,179,0.6) 0%, rgba(0,110,179,0.05) 13%, rgba(0,110,179,0) 50%, rgba(0,91,148,0.5) 64%, rgba(0,91,148,0.9) 99%); background-image: linear-gradient(179deg, rgba(0,110,179,0.6) 0%, rgba(0,110,179,0.05) 13%, rgba(0,110,179,0) 50%, rgba(0,91,148,0.5) 64%, rgba(0,91,148,0.9) 99%); z-index: -1; } #banner.image-banner .bg .ie-overlay:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7; background-image: -webkit-linear-gradient(329deg, #004AAB 0%, #0074AD 52%, #0080BF 100%); background-image: -o-linear-gradient(329deg, #004AAB 0%, #0074AD 52%, #0080BF 100%); background-image: linear-gradient(121deg, #004AAB 0%, #0074AD 52%, #0080BF 100%); z-index: -1; } #banner.image-banner .bg .ie-overlay:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-linear-gradient(269deg, rgba(41,57,80,0.45) 5%, rgba(48,63,85,0.25) 45%, rgba(41,57,80,0.25) 60%, rgba(41,57,80,0.45) 94%); background-image: -o-linear-gradient(269deg, rgba(41,57,80,0.45) 5%, rgba(48,63,85,0.25) 45%, rgba(41,57,80,0.25) 60%, rgba(41,57,80,0.45) 94%); background-image: linear-gradient(-179deg, rgba(41,57,80,0.45) 5%, rgba(48,63,85,0.25) 45%, rgba(41,57,80,0.25) 60%, rgba(41,57,80,0.45) 94%); z-index: -1; } #banner.image-banner .text-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 120px; position: relative; z-index: 99; } #banner.image-banner .text-cnt h2 { margin-bottom: 40px; font-size: 46px; font-family: "nunito-light"; color: #FFFFFF; line-height: 46px; text-shadow: 0 2px 12px rgba(116,116,116,0.5); } @media only screen and (max-width: 1024px) and (min-width: 768px) { #banner.image-banner .text-cnt h2 { -ms-flex-preferred-size: 55%; flex-basis: 55%; max-width: 55%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { #banner.image-banner .text-cnt h2 { font-size: 30px; line-height: 36px; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } } #banner.image-banner .text-cnt p { font-family: "roboto-regular"; font-size: 18px; color: #FFFFFF; line-height: 28px; text-shadow: 0 2px 12px rgba(116,116,116,0.5); margin-top: 0; padding-right: 0; max-width: 400px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { #banner.image-banner .text-cnt p { -ms-flex-preferred-size: 55%; flex-basis: 55%; max-width: 55%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { #banner.image-banner .text-cnt p { font-size: 15px; line-height: 21px; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #banner.image-banner .text-cnt.row { display: block; } #banner.image-banner .text-cnt.row p { width: 100%; } } #banner.image-banner-with-button { width: 100%; position: relative; padding: 18px 11vw 60px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { #banner.image-banner-with-button { padding: 18px 3vw 60px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { #banner.image-banner-with-button { padding: 14vh 7vw 30px; } } #banner.image-banner-with-button .bg { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 30%; background-size: cover; position: absolute; top: 0; left: 0; z-index: -2; } #banner.image-banner-with-button .bg .ie-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-linear-gradient(271deg, rgba(0,110,179,0.6) 0%, rgba(0,110,179,0.05) 13%, rgba(0,110,179,0) 50%, rgba(0,91,148,0.5) 64%, rgba(0,91,148,0.9) 99%); background-image: -o-linear-gradient(271deg, rgba(0,110,179,0.6) 0%, rgba(0,110,179,0.05) 13%, rgba(0,110,179,0) 50%, rgba(0,91,148,0.5) 64%, rgba(0,91,148,0.9) 99%); background-image: linear-gradient(179deg, rgba(0,110,179,0.6) 0%, rgba(0,110,179,0.05) 13%, rgba(0,110,179,0) 50%, rgba(0,91,148,0.5) 64%, rgba(0,91,148,0.9) 99%); z-index: -1; } #banner.image-banner-with-button .bg .ie-overlay:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7; background-image: -webkit-linear-gradient(329deg, #004AAB 0%, #0074AD 52%, #0080BF 100%); background-image: -o-linear-gradient(329deg, #004AAB 0%, #0074AD 52%, #0080BF 100%); background-image: linear-gradient(121deg, #004AAB 0%, #0074AD 52%, #0080BF 100%); z-index: -1; } #banner.image-banner-with-button .bg .ie-overlay:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-linear-gradient(269deg, rgba(41,57,80,0.45) 5%, rgba(48,63,85,0.25) 45%, rgba(41,57,80,0.25) 60%, rgba(41,57,80,0.45) 94%); background-image: -o-linear-gradient(269deg, rgba(41,57,80,0.45) 5%, rgba(48,63,85,0.25) 45%, rgba(41,57,80,0.25) 60%, rgba(41,57,80,0.45) 94%); background-image: linear-gradient(-179deg, rgba(41,57,80,0.45) 5%, rgba(48,63,85,0.25) 45%, rgba(41,57,80,0.25) 60%, rgba(41,57,80,0.45) 94%); z-index: -1; } #banner.image-banner-with-button .text-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 120px; position: relative; z-index: 99; } #banner.image-banner-with-button .text-cnt h2 { margin-bottom: 40px; font-size: 46px; font-family: "nunito-light"; color: #FFFFFF; line-height: 46px; text-shadow: 0 2px 12px rgba(116,116,116,0.5); } @media only screen and (max-width: 1024px) and (min-width: 768px) { #banner.image-banner-with-button .text-cnt h2 { -ms-flex-preferred-size: 55%; flex-basis: 55%; max-width: 55%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { #banner.image-banner-with-button .text-cnt h2 { font-size: 30px; line-height: 36px; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } } #banner.image-banner-with-button .text-cnt p { font-family: "roboto-regular"; font-size: 18px; color: #FFFFFF; line-height: 28px; text-shadow: 0 2px 12px rgba(116,116,116,0.5); margin-top: 0; padding-right: 0; max-width: 400px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { #banner.image-banner-with-button .text-cnt p { -ms-flex-preferred-size: 55%; flex-basis: 55%; max-width: 55%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { #banner.image-banner-with-button .text-cnt p { font-size: 15px; line-height: 21px; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } } #banner.image-banner-with-button .transparent-btn, #banner.image-banner-with-button .page-template-template-404 #main-cnt .text-404 .transparent-btn, .page-template-template-404 #main-cnt .text-404 #banner.image-banner-with-button .transparent-btn, #banner.image-banner-with-button .page-template-template-404 #main-cnt .text-404 a, .page-template-template-404 #main-cnt .text-404 #banner.image-banner-with-button a, #banner.image-banner-with-button .error404 #main-cnt .text-404 .transparent-btn, .error404 #main-cnt .text-404 #banner.image-banner-with-button .transparent-btn, #banner.image-banner-with-button .error404 #main-cnt .text-404 a, .error404 #main-cnt .text-404 #banner.image-banner-with-button a { max-width: 250px; padding: 8px 20px; } #banner.text-banner { background: url(../images/text-banner.png) 50% no-repeat; background-size: cover; padding: 4vh 11vw 18vh; } @media only screen and (max-width: 500px) and (min-width: 1px) { #banner.text-banner { background: url(../images/mobile-text-banner.png) no-repeat; background-size: cover; padding: 17vh 11vw 20vh; } } #banner.text-banner .text-cnt { margin-top: 85px; } #banner.text-banner .text-cnt h2 { font-family: "nunito-light"; font-size: 46px; color: #FFFFFF; line-height: 50px; text-shadow: 0 2px 12px rgba(116,116,116,0.5); } .breadcrumbs { position: relative; z-index: 9; max-width: 590px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .breadcrumbs { display: none; } } .breadcrumbs ul { list-style: none; padding-left: 0; } .breadcrumbs ul li { display: inline-block; vertical-align: middle; padding-right: 0; position: relative; } .breadcrumbs ul li a, .breadcrumbs ul li>span { opacity: 0.8; font-family: "roboto-regular"; font-size: 15px; color: #fff !important; font-weight: normal !important; line-height: 24px; display: inline-block; vertical-align: middle; padding-left: 5px; } .breadcrumbs ul li a span, .breadcrumbs ul li>span span { padding-right: 5px; } .breadcrumbs ul li:after { content: '\203A'; display: inline-block; vertical-align: middle; color: #fff; } .breadcrumbs ul li:last-child:after { display: none; } #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) and (min-width: 1px) { #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #main-cnt .sidebar { background: #EDF1F5; padding: 48px 5vw 48px 9.5vw; } @media only screen and (max-width: 1024px) and (min-width: 1px) { #main-cnt .sidebar { padding: 48px 4vw 48px 7vw; } } @media only screen and (max-width: 767px) and (min-width: 1px) { #main-cnt .sidebar { padding: 4vh 7vw 12vh 7vw; } } #main-cnt .sidebar ul { list-style: none; padding-left: 0; } #main-cnt .sidebar ul li { margin-bottom: 10px; position: relative; } @media only screen and (max-width: 767px) and (min-width: 1px) { #main-cnt .sidebar ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0; } } #main-cnt .sidebar ul li.active>a { font-family: "roboto-medium"; color: #000; } #main-cnt .sidebar ul li a { font-size: 16px; font-family: "roboto-regular"; color: #353535; line-height: 30px; -webkit-transition: 0ms all; -o-transition: 0ms all; transition: 0ms all; } #main-cnt .sidebar ul li a:hover { color: #000; text-decoration: underline; } #main-cnt .sidebar ul li.active>a { font-family: "roboto-medium"; position: relative; } #main-cnt .sidebar ul li.active>a:before { content: ''; width: 3px; height: 100%; background: #FF8F1C; border-radius: 5px; display: inline-block; position: absolute; top: 50%; left: -12px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 767px) and (min-width: 1px) { #main-cnt .sidebar ul li.active>a:before { display: none; } } #main-cnt .sidebar ul a>img { margin-left: 5px; margin-bottom: 5px; } #main-cnt .sidebar ul .parent-link .sub-nav { display: none; } #main-cnt .sidebar ul .parent-link.active .sub-nav { display: block; } #main-cnt .sidebar .sub-nav { margin-top: 10px; padding-left: 15px; } @media only screen and (max-width: 767px) and (min-width: 1px) { #main-cnt .sidebar .sub-nav { margin-top: 0; padding-left: 0; border-bottom: none; } } #main-cnt .sidebar li.child-link a { font-weight: normal !important; } #main-cnt .sidebar li.mobile-child-link { position: relative; text-indent: 40px; } #main-cnt .sidebar li.mobile-child-link:before { content: '-'; position: absolute; left: -20px; top: 0px; } #main-cnt .sidebar li.mobile-child-link.active { position: relative; text-indent: inherit; } #main-cnt .sidebar li.mobile-child-link.active:before { content: '-'; position: absolute; left: 0; top: 0px; } #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 20px; } .expandable-list { text-align: left !important; } .expandable-list h2 { font-size: 30px; color: #2E4152; letter-spacing: 0.2px; line-height: 40px; margin-bottom: 3rem; } @media (max-width: 767px) { .expandable-list h2 { font-size: 28px; line-height: 30px; } } .expandable-list .list-item { border-bottom: 1px solid #B1B1B1; } .expandable-list .list-item:first-child { border-top: 1px solid #B1B1B1; } .expandable-list .list-item button { width: 100%; background: transparent; border: none; cursor: pointer; opacity: .8; padding: 15px 0; position: relative; text-align: left; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; -webkit-appearance: none; } .expandable-list .list-item button h3 { font-size: 22px; color: #2E4152; letter-spacing: 0; line-height: 30px; } @media (max-width: 767px) { .expandable-list .list-item button h3 { font-size: 21px; line-height: 28px; } } .expandable-list .list-item button:after { content: ''; width: 0; height: 0; border-top: 7px solid #B1B1B1; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .expandable-list .list-item .text-cnt { display: none; padding: 10px 0 25px; } .expandable-list .list-item .text-cnt p { font-size: 16px; color: #000000; line-height: 24px; } .expandable-list .list-item.expanded button { opacity: 1; } .expandable-list .list-item.expanded button h3 { font-family: "nunito-bold"; } .expandable-list .list-item.expanded button:after { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } a.underline:hover { -webkit-text-decoration: underline #1565C0; text-decoration: underline #1565C0; } img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a img.alignright { float: right; margin: 0 0 1em 1em; } a img.alignleft { float: left; margin: 0 1em 1em 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } #breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } body { background: #fff; overflow-x: hidden; color: #000; -webkit-font-smoothing: antialiased; font-size: 15px; line-height: 30px; font-family: "nunito-regular"; } body.no-scroll { height: 100vh; overflow-y: hidden; position: fixed; width: 100%; } a { -webkit-transition: .6s; -o-transition: .6s; transition: .6s; color: #000; } video::-webkit-media-controls { display: none !important; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { font-family: "nunito-semibold"; font-size: 56px; line-height: 70px; } h2 { font-family: "nunito-semibold"; font-size: 42px; line-height: 48px; } h3 { font-family: "nunito-semibold"; font-size: 30px; line-height: 40px; } h4 { font-family: "nunito-semibold"; font-size: 22px; line-height: 30px; } p.subtitle { font-size: 16px; font-weight: bold; font-weight: bold; margin-bottom: 0; } .large-medium { font-family: "roboto-medium"; font-size: 20px; line-height: 30px; } .large { font-family: "roboto-regular"; font-size: 18px; line-height: 22px; } .caption { font-family: "roboto-medium"; font-size: 13px; line-height: 20px; } .small-text { font-family: "roboto-regular"; font-size: 13px; line-height: 20px; } blockquote { font-size: 24px; font-style: italic; line-height: 41px; margin: 28px 0; padding: 0 40px; border-left: 2px #ccc solid; } .intro-text { font-size: 20px; line-height: 34px; margin-bottom: 20px; } .invisible { visibility: hidden; } .hidden { display: none; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .alignright { float: right; margin: 20px 0 20px 20px !important; } .alignleft { float: left; margin: 20px 20px 20px 0 !important; } .wp-caption-text { font-size: 14px; line-height: 18px; color: #555; padding: 10px 0 30px 0; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .animated { -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } .button { border: 1px #fff solid; background-color: transparent; color: #fff; font-weight: bold; letter-spacing: 2px; font-size: 10px; height: 36px; border-radius: 3px; width: 130px; text-transform: uppercase; text-align: center; line-height: 36px; position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .button:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s, -o-transform .5s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .button.large { height: 60px; line-height: 60px; } .button:hover { color: #fa8600; } .button:hover:before { -webkit-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .button-row { margin: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .button-row>* { margin-right: 20px; } .button-row.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button-row.center>* { margin: 0 10px; } .button-row.large-spacing { margin: 115px 0; } .banner-btn { padding: 11px 25px; } @media only screen and (max-width: 1024px) and (min-width: 620px) { .banner-btn { padding: 11px 40px; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .banner-btn { padding: 11px 40%; white-space: nowrap; } } .large-btn { padding: 14px 23px; } .dark-transparent-btn { border: 2px solid #FFFFFF; background: transparent; border-radius: 50px; font-family: "nunito-semibold"; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 24px; display: inline-block; margin-top: 40px; max-width: 400px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .dark-transparent-btn { font-size: 14px; } } .dark-transparent-btn:hover { background: rgba(0,131,245,0.5); border: 2px solid #03B54D; color: #0072D6; -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); } .dark-transparent-btn:focus { background: rgba(0,84,158,0.5); border: 2px solid #FFFFFF; -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); } .blue-btn, .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_button.button { display: block; width: 100%; max-width: 400px; border: none; font-family: "nunito-semibold"; background-color: #0072D6; color: #FFFFFF; letter-spacing: 0.2px; text-align: center; padding: 14px 28px !important; font-size: 16px; border-radius: 50px; -webkit-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; cursor: pointer; } .blue-btn:hover, .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_button.button:hover { color: #fff; background: #0083F5 !important; } .blue-btn:focus, .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_button.button:focus { background: #0063BA !important; -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2); color: #FFFFFF; } .green-btn { display: block; width: 100%; max-width: 400px; border: none; font-family: "nunito-semibold"; background-color: #00A344; color: #FFFFFF; letter-spacing: 0.2px; text-align: center; padding: 14px 28px; font-size: 16px; border-radius: 50px; -webkit-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; cursor: pointer; } .green-btn:hover { color: #fff; background: #03B54D; } .green-btn:focus { background: #008839; -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2); color: #FFFFFF; } .blue-transparent-btn { display: block; width: 100%; max-width: 400px; border: 2px solid #0072D6; background-color: transparent; color: #0072D6; font-family: "nunito-semibold"; letter-spacing: 0.2px; text-align: center; padding: 14px 28px; font-size: 16px; border-radius: 50px; -webkit-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; cursor: pointer; text-align: center; } .blue-transparent-btn:hover { color: #0072D6; background: rgba(0,131,255,0.08); } .blue-transparent-btn:focus { background: rgba(0,99,186,0.2); -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2); color: #0072D6; } .transparent-btn, .page-template-template-404 #main-cnt .text-404 .transparent-btn, .page-template-template-404 #main-cnt .text-404 a, .error404 #main-cnt .text-404 .transparent-btn, .error404 #main-cnt .text-404 a { max-width: 400px; padding: 14px 28px; border: 2px solid #FFFFFF; background: transparent; border-radius: 50px; font-family: "nunito-semibold"; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 24px; display: inline-block; margin-top: 40px; -webkit-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; } @media only screen and (max-width: 767px) and (min-width: 1px) { .transparent-btn, .page-template-template-404 #main-cnt .text-404 .transparent-btn, .page-template-template-404 #main-cnt .text-404 a, .error404 #main-cnt .text-404 .transparent-btn, .error404 #main-cnt .text-404 a { font-size: 14px; } } .transparent-btn:hover, .page-template-template-404 #main-cnt .text-404 .transparent-btn:hover, .page-template-template-404 #main-cnt .text-404 a:hover, .error404 #main-cnt .text-404 .transparent-btn:hover, .error404 #main-cnt .text-404 a:hover { background: rgba(0,131,245,0.5); border: 2px solid #FFFFFF; color: #fff; -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); } .transparent-btn:focus, .page-template-template-404 #main-cnt .text-404 .transparent-btn:focus, .page-template-template-404 #main-cnt .text-404 a:focus, .error404 #main-cnt .text-404 .transparent-btn:focus, .error404 #main-cnt .text-404 a:focus { background: rgba(0,84,158,0.5); color: #fff; border: 2px solid #FFFFFF; -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); } .help-btn { max-width: 400px; background: #00A344; font-family: "nunito-bold"; font-size: 14px; color: #FFFFFF; padding: 21px 34px; text-align: center; line-height: 34px; border: none; border-radius: 50px; -webkit-appearance: none; -webkit-box-shadow: 0 6px 10px 2px rgba(0,0,0,0.15); box-shadow: 0 6px 10px 2px rgba(0,0,0,0.15); } .help-btn img { margin-right: 10px; } .help-btn:hover { background: #03B54D; color: #fff; } .help-btn:focus { background: #008839; -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2); } .gform_next_button, .gform_previous_button { display: inline-block !important; width: 100% !important; max-width: 125px !important; height: 50px !important; border: none !important; font-family: "nunito-semibold" !important; background-color: #0072D6 !important; color: #fff !important; letter-spacing: 0.2px !important; text-align: center !important; padding: 8px 28px !important; font-size: 16px !important; border-radius: 50px !important; -webkit-transition: 0.6s all !important; -o-transition: 0.6s all !important; transition: 0.6s all !important; cursor: pointer !important; } .gform_next_button:hover, .gform_previous_button:hover { color: #fff !important; background: #0083F5 !important; } .gform_next_button:focus, .gform_previous_button:focus { background: #0063BA !important; -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2) !important; box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2) !important; color: #fff !important; } .gform_next_button { text-indent: 0px !important; } .gform_previous_button { text-indent: -7px !important; } .form-wrapper { margin: 20px auto; padding: 40px 0; text-align: left; } .form-wrapper h1 { margin: 0 0 20px 0; } optgroup { font: inherit; font-weight: bold; } input::-moz-focus-inner { border: 0; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } input:-ms-input-placeholder { opacity: 1; color: #000; } input::-moz-placeholder { opacity: 1; color: #000; } input::-webkit-input-placeholder { opacity: 1; color: #000; } fieldset { border: 0; margin: 0; padding: 0; } :invalid { -webkit-box-shadow: none; box-shadow: none; } ::-ms-clear { display: none; } form>:last-child { margin-bottom: 0; } select, textarea, input:not([type]), 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"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { width: 100%; } [class*="col-"]>select, [class*="col-"]>textarea, [class*="col-"]>input:not([type]), [class*="col-"]>input[type="text"], [class*="col-"]>input[type="password"], [class*="col-"]>input[type="datetime"], [class*="col-"]>input[type="datetime-local"], [class*="col-"]>input[type="date"], [class*="col-"]>input[type="month"], [class*="col-"]>input[type="time"], [class*="col-"]>input[type="week"], [class*="col-"]>input[type="number"], [class*="col-"]>input[type="email"], [class*="col-"]>input[type="url"], [class*="col-"]>input[type="search"], [class*="col-"]>input[type="tel"], [class*="col-"]>input[type="color"] { width: 100%; display: block; } input[type="checkbox"], input[type="radio"] { width: auto; display: inline-block; } legend { width: 100%; border: 0; padding: 0; } legend:after { content: ""; display: block; width: 100%; } textarea, select[multiple], select[size] { height: auto; } label { display: inline-block; vertical-align: middle; cursor: pointer; position: relative; text-transform: none; font-family: "roboto-regular"; font-weight: 400; font-size: 16px; letter-spacing: 2px; margin: 0; } .form-error label.error { font-size: 12px; } .form-success label.success { font-size: 12px; } .gform_fields, .gform_fields ul { list-style: none; padding: 0; margin: 0; } .gform_fields li { position: relative; margin-bottom: 20px; } .gform_fields>li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } input[type="text"], input[type="email"], input[type="password"] { border: 1px solid #888; height: 44px; line-height: 44px; font-size: 17px; padding: 0 20px; border-radius: 5px; color: #000; background: #FAFBFC; -webkit-box-shadow: inset 0 2px 6px rgba(255,255,255,0.15); box-shadow: inset 0 2px 6px rgba(255,255,255,0.15); font-family: "roboto-regular"; } input[type="text"].error, input[type="email"].error, input[type="password"].error { border: 1px solid #ED3024; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus { outline: none; } input[type="text"].valid, input[type="email"].valid, input[type="password"].valid { background-color: #fff; } #search { background: #fff; } select { background: #FAFBFC; border: 1px solid #888; height: 44px; font-size: 14px; font-family: 'roboto-regular'; } .selectric { background: #fff; border: 1px solid #888; border-radius: 0px; } .selectric .label { font-size: 17px; color: #fff; } .selectric .button:after { -webkit-transition: .6s; -o-transition: .6s; transition: .6s; } .selectric-open .button:after { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .selectric-scroll li.highlighted { background: #f2f2f2; } .selectric-scroll li { margin: 0; } .selectric-scroll li:hover { background: #f2f2f2; } textarea { font-family: "roboto-regular"; background: #FAFBFC; border: 1px solid #888; height: 140px; padding: 10px; color: #000; font-size: 17px; border-radius: 5px; } input[type="button"], input[type="submit"] { display: inline-block; width: auto; background: #0078AE; border: none; border-radius: 75px; font-size: 18px !important; color: #FFFFFF; text-align: center; line-height: 24px; padding: 14px 28px !important; letter-spacing: 0.2px; font-family: "nunito-semibold" !important; margin-top: 20px; cursor: pointer; } input[type="button"]:hover, input[type="submit"]:hover { background: #0083F5; } #dvFastForms .btnDiv { text-align: left !important; } .ginput_container_fileupload .button { background: #fa8600; color: #fff; border: 2px solid #fa8600; line-height: 32px; } .ginput_container_fileupload #extensions_message { padding-left: 20px; font-size: 11px; font-style: italic; } .ginput_container_fileupload .inputfile { position: absolute; overflow: hidden; opacity: 0; padding: 0; margin: 0; top: 0; left: 0; z-index: 1; cursor: pointer; width: 100%; height: 100%; } .ginput_container_fileupload .inputfile+label { color: inherit; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden; text-transform: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all linear 200ms; -o-transition: all linear 200ms; transition: all linear 200ms; } .ginput_container_fileupload .inputfile+label svg { width: 1em; height: 1em; vertical-align: middle; } .gfield_checkbox { display: inline-block; position: relative; width: 100%; } .gfield_checkbox li { position: relative; display: inline-block; width: auto; } .gfield_checkbox label { line-height: 20px; padding-left: 30px; padding-right: 30px; } .gfield_checkbox label:before { position: absolute; content: ''; -webkit-transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); top: 0; left: 5px; width: 20px; height: 20px; background: #fff; color: #fa8600; border-radius: 2px; background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; text-align: center; } .gfield_checkbox input:checked+label:before { content: '\2714'; } .gfield_checkbox label.disabled { opacity: 0.75; } .gfield_checkbox input { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .gfield_radio { display: inline-block; position: relative; width: 100%; } .gfield_radio li { position: relative; display: inline-block; width: auto; } .gfield_radio label { padding-left: 30px; padding-right: 30px; line-height: 20px; } .gfield_radio label:before { top: 4px; right: 4px; top: 0; left: 4px; width: 20px; height: 20px; background: #fff; border-radius: 100%; position: absolute; content: ''; border: 1px solid #ccc; -webkit-transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .gfield_radio input:checked+label:before { background: #fa8600; } .gfield_radio.disabled { opacity: 0.75; } .gfield_radio input { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .gform_footer { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .validation_error { padding: 10px 0; color: #ED3024; font-size: 14px; text-align: center; } .validation_message { color: #ED3024; font-size: 14px; text-align: right; } .gform_wrapper { position: relative; } .gform_wrapper .submitting { position: relative; } .gform_wrapper .submitting:after { content: ''; display: block; position: absolute; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); } .gform_wrapper .gform_ajax_spinner { left: 40%; position: absolute; padding: 0; top: 35%; z-index: 100001; } @media only screen and (max-width: 767px) and (min-width: 1px) { .mobile-tabs { position: relative; width: 100%; height: 36px; padding: 4px 0px; text-indent: 20px; background: #FAFBFC; border-radius: 3px; border: 1px solid #888888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mobile-tabs:after { content: ''; position: absolute; width: 10px; height: 5px; top: 16px; right: 20px; background: url(../images/dropdown-arrow.svg); } .mobile-tabs li:not(:first-child) { display: none; margin-bottom: 0px !important; z-index: 1; background: #fbfbfb !important; border-left: 2px solid #006eb3; border-right: 2px solid #006eb3; } .mobile-tabs li:not(:first-child):hover { background: #9FDCF6; } .mobile-tabs li { -webkit-box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); } .mobile-tabs li:nth-of-type(2) { position: relative; -webkit-box-shadow: 0 -1px 2px 0 rgba(16,16,16,0.1); box-shadow: 0 -1px 2px 0 rgba(16,16,16,0.1); } .mobile-tabs li:nth-of-type(2):after { content: ''; position: absolute; width: 10px; height: 5px; right: 20px; top: -5px; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url(../images/dropdown-arrow-white.svg); } .mobile-tabs li:last-child { border-bottom: 2px solid #006eb3; } } @media only screen and (max-width: 767px) and (min-width: 1px) and (max-width: 767px) and (min-width: 1px) { .mobile-tabs li:first-child .sub-nav { margin-top: 8px; } } @media only screen and (max-width: 767px) and (min-width: 1px) and (max-width: 767px) and (min-width: 1px) { .mobile-tabs li:first-child .sub-nav li { border-left: 2px solid #006eb3; border-right: 2px solid #006eb3; border-bottom: none; margin-bottom: 0 !important; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 !important; } } @media only screen and (max-width: 767px) and (min-width: 1px) and (max-width: 767px) and (min-width: 1px) { .mobile-tabs li:not(:first-child) .sub-nav li { border-left: none !important; border-right: none !important; border-bottom: none; margin-bottom: 0 !important; -webkit-box-shadow: none; box-shadow: none; } } .focus { background: #FAFBFC !important; border: 2px solid #006EB3 !important; } .error { background: #FAFBFC; border: 2px solid #CC2B46; pointer-events: none; } .error li:not(:first-child) { display: none !important; } .error li a { color: #CC2B46 !important; } .disabled { background: #F2F4F5; border: 1px solid rgba(136,136,136,0.6); pointer-events: none; } .disabled li:not(:first-child) { display: none !important; } .disabled li a { color: rgba(0,0,0,0.4) !important; } .show-tab { display: block !important; } .header { background: #fff; position: relative; -webkit-transition: 200ms all; -o-transition: 200ms all; transition: 200ms all; width: 100%; z-index: 1000; } @media (max-width: 768px) { .header { position: fixed; top: 0; } } .header.default { top: 0; } .header.fixed { top: -225px; } .header.with-alert-bar { top: 78px; } .header.fixed.with-alert-bar { top: -275px; } .header .header-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-bottom: 1px solid #C6C6C6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10.5vw 17px; position: relative; width: 100%; z-index: 1000; } @media only screen and (max-width: 768px) and (min-width: 1px) { .header .header-content { position: fixed; } } .header .logo { width: 159px; height: auto; display: inline-block; margin: 0; overflow: hidden; } @media only screen and (max-width: 960px) and (min-width: 1px) { .header .logo { padding-top: 10px; } } .header .logo a { width: 100%; height: 100%; display: inline-block; text-indent: -9999px; background-image: url(../images/saws-logo.svg); background-size: contain; background-repeat: no-repeat; } .header .blue-btn-container { position: relative; z-index: 2; } .header .blue-btn-container ul, .header .blue-btn-container li { list-style: none; } .header .blue-btn-container .blue-btn, .header .blue-btn-container .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_button.button, .page-template-template-business-center #main-cnt .section-cnt .contract-form .header .blue-btn-container .gform_button.button { background: #0078AE; border: none; border-radius: 75px; font-size: 18px; color: #fff; text-align: center; line-height: 24px; padding: 13px 3vw; cursor: pointer; } .header .blue-btn-container .blue-btn.active, .header .blue-btn-container .page-template-template-business-center #main-cnt .section-cnt .contract-form .active.gform_button.button, .page-template-template-business-center #main-cnt .section-cnt .contract-form .header .blue-btn-container .active.gform_button.button { background: #125B7C; font-size: 18px; text-align: center; line-height: 24px; } .header .blue-btn-container .blue-btn-cnt { width: 806px; position: absolute; top: 100%; right: 0; -webkit-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); border-radius: 15px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25); box-shadow: 0 0 15px rgba(0,0,0,0.25); display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; pointer-events: none; -webkit-transition: 225ms all; -o-transition: 225ms all; transition: 225ms all; } .header .blue-btn-container .blue-btn-cnt.show { opacity: 1; pointer-events: all; -webkit-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .header .blue-btn-container .blue-btn-cnt:before { content: ''; width: 0; height: 0; border-bottom: 12px solid #fff; border-left: 10px solid rgba(0,0,0,0); border-right: 10px solid rgba(0,0,0,0); position: absolute; top: -12px; right: 50px; } .header .blue-btn-container .blue-btn-cnt .col-xs-5 { background: #006eb9; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding: 15px 0 15px 30px; } .header .blue-btn-container .blue-btn-cnt .col-xs-5 ul { padding: 0; } .header .blue-btn-container .blue-btn-cnt .col-xs-5 ul li { border-bottom: 1px solid rgba(216,216,216,0.48); position: relative; } .header .blue-btn-container .blue-btn-cnt .col-xs-5 ul li a { width: 100%; font-size: 18px; color: #fff; letter-spacing: 0; line-height: 20px; display: inline-block; padding: 24px 0; } .header .blue-btn-container .blue-btn-cnt .col-xs-5 ul li:after { content: ''; width: 9px; height: 14px; display: inline-block; position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/white-carret.svg) 50% no-repeat; background-size: cover; } .header .blue-btn-container .blue-btn-cnt .col-xs-5 ul li:last-child { border-bottom: none; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 { background: #fff; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding: 32px 75px; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 ul { margin: 0; padding: 0; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top { padding-bottom: 15px; border-bottom: 1px solid #D4D4D4; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top p { font-size: 20px; font-weight: 600; color: #282828; letter-spacing: 0; line-height: 30px; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top p.disclaimer { font-size: 14px; font-weight: 400; color: #757575; line-height: 18px; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top p.disclaimer a { color: #0D60BF; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top p.options { font-size: 16px; line-height: 20px; margin-top: 15px; margin-bottom: 15px; font-weight: normal; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top p.options a { color: #0D60BF; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .blue-btn, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_button.button, .page-template-template-business-center #main-cnt .section-cnt .contract-form .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_button.button, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .green-btn { padding: 15px 28px; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form { margin: 0; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gform_body .gform_fields .gfield, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gform_body .gform_fields .gfield { margin: 0; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gform_body .gform_fields .gfield .gfield_required, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gform_body .gform_fields .gfield .gfield_required { color: #CC2B46; font-weight: bold; margin: 0; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gform_body .gform_fields .ginput_container, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gform_body .gform_fields .ginput_container { margin: 0; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield { position: relative; padding-right: 0 !important; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset label, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield label, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset label, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield label { font-size: 16px; font-weight: 400; color: #000000; letter-spacing: 0; line-height: 18px; text-transform: none; } @media only screen and (max-width: 960px) and (min-width: 1px) { .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset label, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield label, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset label, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield label { position: relative; left: 0px; } } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset input, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield input, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset input, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield input { height: 50px; border-radius: 6px; background: #F5F5F5; border: 1px solid #585858; color: #000; padding-left: 40px !important; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset:before, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield:before, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset:before, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield:before { content: ''; width: 22px; height: 24px; display: inline-block; position: absolute; bottom: 13px; left: 12px; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset.username, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield.username, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset.username, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield.username { margin: 7px 0 !important; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset.username .ginput_container, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield.username .ginput_container, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset.username .ginput_container, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield.username .ginput_container { margin-top: 5px; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset.username:before, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield.username:before, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset.username:before, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield.username:before { background: url(../images/user-icon.svg) 50% no-repeat; background-size: contain; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset.password, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield.password, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset.password, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield.password { margin: 7px 0 0 !important; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset.password .ginput_container, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield.password .ginput_container, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset.password .ginput_container, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield.password .ginput_container { margin-top: 5px; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper fieldset.password:before, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gfield.password:before, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset.password:before, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield.password:before { background: url(../images/password-icon.svg) 50% no-repeat; background-size: contain; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .blue-form-btn, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gform_button.button, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .blue-form-btn, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gform_button.button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #0078AE; border-radius: 5px; color: #fff; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; font-family: "nunito-semibold"; font-size: 18px; line-height: 20px; max-width: 400px !important; padding: 17px 10px; text-align: center; width: 100% !important; } @media only screen and (max-width: 767px) and (min-width: 1px) { .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .blue-form-btn, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gform_button.button, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .blue-form-btn, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gform_button.button { max-width: 100% !important; } } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gform_footer, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gform_footer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0; margin: 0; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .gform_button.button, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gform_button.button { border: none; border-radius: 75px; font-weight: normal; height: 52px; letter-spacing: 0.2px; margin: 0 !important; padding: 0; text-transform: none; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top .gform_wrapper .terms_conditions, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .terms_conditions { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 20px; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-bottom { padding-top: 15px; } .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-bottom .green-btn, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-bottom .blue-btn, .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-bottom .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_button.button, .page-template-template-business-center #main-cnt .section-cnt .contract-form .header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-bottom .gform_button.button { padding: 11px 28px; max-width: 100% !important; } .header .hamburger { display: none; } .header .mobile-background { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); display: none; } @media (max-width: 1224px) { .header-content { padding: 0 5vw 17px; } } @media (max-width: 1024px) { .header-content { padding: 0 2.5vw 17px; } } @media (max-width: 960px) { .header-content { padding: 15px 2.5vw; border-bottom: 1px solid rgba(0,0,0,0.2); } header.header .hamburger { display: block; } header.header .blue-btn-container .blue-btn-cnt { width: calc(100vw - 4.5vw); position: fixed; top: 12px; left: 2.25vw; border-radius: 10px; margin: 0; } header.header .blue-btn-container .blue-btn-cnt:before { display: none; } header.header .blue-btn-container .blue-btn-cnt .col-xs-5 { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } } @media (max-width: 581px) { header.header .blue-btn-container .blue-btn-cnt { max-height: 100%; width: 100%; overflow: scroll; left: 0; top: 0; z-index: 999; } header.header .blue-btn-container .blue-btn-cnt .col-xs-5 { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 60px 30px 15px; } header.header .blue-btn-container .blue-btn-cnt .col-xs-5 ul li a { padding: 12px 0; } header.header .blue-btn-container .blue-btn-cnt .col-xs-7 { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; border-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } } .alert-bar { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; padding: 0 15rem; top: -78px; left: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 78px; width: 100%; font-family: "roboto-medium"; font-size: 16px; color: #fff; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; z-index: 9000; } @media only screen and (max-width: 993px) and (min-width: 1px) { .alert-bar { padding: 0 10rem; } } @media only screen and (max-width: 656px) and (min-width: 1px) { .alert-bar { padding: 0 5rem; } } @media only screen and (max-width: 480px) and (min-width: 1px) { .alert-bar { padding: 0 2.5rem 0 0.5rem; } } .alert-bar-cnt { font-family: "roboto-medium"; font-size: 16px; line-height: 20px; } @media only screen and (max-width: 993px) and (min-width: 1px) { .alert-bar-cnt { font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 656px) and (min-width: 1px) { .alert-bar-cnt { font-size: 12px; line-height: 16px; } } .alert-bar-icon { position: absolute; left: 7rem; } @media only screen and (max-width: 993px) and (min-width: 1px) { .alert-bar-icon { left: 3.5rem; } } @media only screen and (max-width: 656px) and (min-width: 1px) { .alert-bar-icon { left: 1.5rem; } } @media only screen and (max-width: 480px) and (min-width: 1px) { .alert-bar-icon { display: none; } } .alert-bar-icon .alert-icon { max-width: 25px; max-height: 25px; } .alert-bar-close { position: absolute; right: 7rem; cursor: pointer; padding: 24px; } @media only screen and (max-width: 993px) and (min-width: 1px) { .alert-bar-close { right: 3.5rem; } } @media only screen and (max-width: 656px) and (min-width: 1px) { .alert-bar-close { top: 1rem; right: 0rem; } } .alert-bar-close:before { content: ''; width: 20px; height: 2px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background: #fff; border-radius: 4px; display: inline-block; } .alert-bar-close:after { content: ''; width: 20px; height: 2px; position: absolute; z-index: 92999; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); background: #fff; border-radius: 4px; display: inline-block; } .emergency { background: #CC2B46; } .notice { background: #2E4152; } .info-bar-container.hide-info-bar { z-index: -1; } #primary_navigation { position: relative; top: 1rem; } @media only screen and (max-width: 960px) and (min-width: 1px) { #primary_navigation { position: static; } } .menu-sign-in-navigation-container { position: relative; top: .5rem; } @media only screen and (max-width: 960px) and (min-width: 1px) { .menu-sign-in-navigation-container { position: static; } } .menu-temporary-sign-in-navigation-container { margin-top: 10px; margin-right: 5rem; } @media only screen and (max-width: 1237px) and (min-width: 1px) { .menu-temporary-sign-in-navigation-container { margin-right: 0rem; } } @media only screen and (max-width: 960px) and (min-width: 1px) { .menu-temporary-sign-in-navigation-container { margin-top: 0; margin-right: 0; } } @media only screen and (min-width: 960px) { .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu.hide-menu { opacity: 0 !important; pointer-events: none !important; } } @media only screen and (max-width: 960px) and (min-width: 1px) { .menu-sign-in-navigation-container { position: relative; top: 195px; width: 100%; } } _:lang(x)::-ms-backdrop, .nav { -ms-flex-align: center; align-items: center; } .nav-cnt { position: relative; } .nav-cnt .nav-top { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-cnt .nav-top table { border: none !important; } .nav-cnt .nav-top table td { border-bottom: none !important; } .nav-cnt .nav-top .nav { list-style: none; border-bottom: 1px solid #B1B1B1; border-right: 1px solid #B1B1B1; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } .nav-cnt .nav-top .nav li { margin: auto; border-right: 1px solid #B1B1B1; line-height: 16px; padding: 0 18px; } .nav-cnt .nav-top .nav li:last-child { border-right: none; } .nav-cnt .nav-top .nav li a { display: inline-block; line-height: 16px; font-size: 14px; font-weight: 600; color: #595959; } .nav-cnt .nav-top .nav li a:hover { text-decoration: underline; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only { height: 100%; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box { height: 100%; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box { margin-bottom: 0; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box .gsc-input { padding: 0; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box .gsc-input .gsc-input-box { background: transparent; border: none; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box .gsc-input .gsc-input-box .gsib_a { padding: 0; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box .gsc-input .gsc-input-box .gsib_a .gsc-input { background: url(../images/magnifying-glass.svg) 1px no-repeat !important; border: none !important; border-radius: 0 !important; color: #000 !important; font-size: 16px !important; height: 44px !important; letter-spacing: 0.5px !important; margin: 0 !important; padding: 0 !important; text-indent: 40px !important; width: calc(100% - 10px) !important; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box .gsc-input .gsc-input-box .gsib_a .gsc-input::-webkit-input-placeholder { color: #757575; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box .gsc-input .gsc-input-box .gsib_a .gsc-input::-moz-placeholder { color: #757575; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box .gsc-input .gsc-input-box .gsib_a .gsc-input::-ms-input-placeholder { color: #757575; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box .gsc-input .gsc-input-box .gsib_a .gsc-input::placeholder { color: #757575; } .nav-cnt .nav-top #___gcse_0 .gsc-control-searchbox-only .gsc-search-box table.gsc-search-box .gsc-input .gsc-input-box .gsib_b { display: none; } .nav-cnt .nav-top #___gcse_0 .gsc-search-button, .nav-cnt .nav-top #___gcse_0 .gsc-clear-button { display: none; } .nav-cnt .nav-top form { width: 24.5vw; border-bottom: 1px solid #B1B1B1; border-right: 1px solid #B1B1B1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; -ms-flex-align: center; padding: 5px 20px; } .nav-cnt .nav-top form input { width: calc(100% - 46px); border: none; text-indent: 40px; border-radius: 0; font-size: 16px; color: #000; letter-spacing: 0.5px; padding: 0; background: url(../images/magnifying-glass.svg) 1px no-repeat !important; } .nav-cnt .nav-top form input::-webkit-input-placeholder { color: #757575; } .nav-cnt .nav-top form input::-moz-placeholder { color: #757575; } .nav-cnt .nav-top form input::-ms-input-placeholder { color: #757575; } .nav-cnt .nav-top form input::placeholder { color: #757575; } .nav-cnt .nav-top form label { width: 26px; height: 26px; display: inline-block; text-indent: -9999px; } .nav-cnt .nav-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; -ms-flex-align: center; } .nav-cnt .nav-bottom .nav { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } .nav-cnt .nav-bottom .nav li { position: relative; } .nav-cnt .nav-bottom .nav li>a { font-family: "nunito-semibold"; font-size: 18px; color: #27445F; display: inline-block; line-height: 24px; padding: 10px 10px 20px; } .nav-cnt .nav-bottom .nav li>a:hover .orange-line { width: 100%; height: 8px; background: #fff; position: absolute; top: calc(100% - 8px); left: 0; z-index: 10; } .nav-cnt .nav-bottom .nav li>a:hover .orange-line:before { content: ''; width: calc(100% - 1.75vw); height: 4px; display: inline-block; position: absolute; top: calc(100% - 4px); left: .75vw; background: #FF8522 !important; border-radius: 20px; } @media only screen and (max-width: 960px) and (min-width: 1px) { .nav-cnt .nav-bottom .nav li>a:hover .orange-line:before { display: none; } } .nav-cnt .nav-bottom .nav li.menu-item-has-children>a { padding-left: 1.75vw; padding-right: 3vw; position: relative; -webkit-transition: none; -o-transition: none; transition: none; } .nav-cnt .nav-bottom .nav li.menu-item-has-children>a:after { content: ''; width: 0; height: 0; border-top: 5px solid #000; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; top: 50%; right: 2vw; -webkit-transform: translateY(calc(-50% - 5px)); -o-transform: translateY(calc(-50% - 5px)); transform: translateY(calc(-50% - 5px)); } .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu { min-width: 21vw; display: block; position: absolute; -webkit-transform: translateY(-35px); -o-transform: translateY(-35px); transform: translateY(-35px); -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; list-style: none; background: #fff; border-radius: 10px; z-index: 99; padding: 30px 12px 50px 12px; } @media only screen and (max-width: 960px) and (min-width: 1px) { .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu { z-index: 99; } } .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu:after { content: ''; width: 100%; height: 100%; display: inline-block; -webkit-transition: 1s all; -o-transition: 1s all; transition: 1s all; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25); box-shadow: 0 0 15px rgba(0,0,0,0.25); border-radius: 10px; z-index: 99; position: absolute; top: 0; left: 0; z-index: -1; } .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu li { margin-bottom: 25px; padding: 8px 5px 8px 18px; border-radius: 5px; } .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu li:hover { background: rgba(230,235,240,0.3); } .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu li:hover a { color: #294152; } .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu li:last-child { margin-bottom: 0; } .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu li a { font-family: "nunito-bold"; font-size: 18px; color: #0D60BF; line-height: 24px; padding: 0; white-space: nowrap; -webkit-transition: 0ms; -o-transition: 0ms; transition: 0ms; } .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu li p { font-family: "nunito-semibold"; font-size: 14px; color: #606060; line-height: 20px; margin-top: 0; white-space: nowrap; } .nav-cnt .nav-bottom .nav li.menu-item-has-children:hover>a, .nav-cnt .nav-bottom .nav li.menu-item-has-children.open>a { background: #fff; position: relative; } .nav-cnt .nav-bottom .nav li.menu-item-has-children:hover>a .orange-line, .nav-cnt .nav-bottom .nav li.menu-item-has-children.open>a .orange-line { width: 100%; height: 8px; background: #fff; position: absolute; top: calc(100% - 8px); left: 0; z-index: 10; } .nav-cnt .nav-bottom .nav li.menu-item-has-children:hover>a .orange-line:before, .nav-cnt .nav-bottom .nav li.menu-item-has-children.open>a .orange-line:before { content: ''; width: calc(100% - 3.75vw); height: 4px; display: inline-block; position: absolute; top: calc(100% - 4px); left: 1.75vw; background: #FF8522 !important; border-radius: 20px; } .nav-cnt .nav-bottom .nav li.menu-item-has-children:hover .sub-menu, .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu { display: block; opacity: 1; -webkit-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); pointer-events: all; } .nav-cnt .nav-bottom .nav li.menu-item-has-children:hover .sub-menu.row, .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu.row { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-cnt .nav-bottom .nav li .sub-menu { display: block; opacity: 0; pointer-events: none; } .nav-cnt .menu-item-has-children.open a:after { border-top: 0 !important; border-bottom: 5px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .nav-cnt .close { width: 50px; height: 50px; position: absolute; z-index: 999; top: 16px; right: 9px; display: none; cursor: pointer; } .nav-cnt .close .close-inner { width: 50px; height: 50px; position: relative; } .nav-cnt .close .close-inner:before { content: ''; width: 40px; height: 4px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background: #000; border-radius: 4px; display: inline-block; } .nav-cnt .close .close-inner:after { content: ''; width: 40px; height: 4px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); background: #000; border-radius: 4px; display: inline-block; } @media (max-width: 960px) { .nav-cnt { position: fixed; width: calc(100% - 54.5vw); top: 0px; right: -0.75vw; background: #fff; border: 1px solid rgba(0,0,0,0.2); border-radius: 10px; padding: 75px 4vw; display: none; } label { position: absolute; left: 40px; } form input { text-indent: 15px; } .nav-cnt .close { display: block; } .nav-cnt .nav-container { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-bottom: 20px; } .nav-cnt .nav-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nav-cnt .nav-top .nav { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-bottom: none; border-right: none; margin-top: -3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nav-cnt .nav-top .nav li { display: inline-block; vertical-align: middle; line-height: 25px; margin: 10px 0; border: none; } .nav-cnt .nav-top form { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border: 1px solid #B1B1B1; } } @media only screen and (max-width: 960px) and (max-width: 960px) and (min-width: 1px) { .nav-cnt .nav-top form { border: none; } } @media (max-width: 960px) { #___gcse_0 { position: absolute; top: 10px; width: 100%; max-width: 300px; } .nav-cnt .nav-bottom { display: block; position: relative; } .nav-cnt .nav-bottom .nav { display: block; padding: 0; } .nav-cnt .nav-bottom .nav li { border-bottom: 1px solid rgba(0,0,0,0.3); } .nav-cnt .nav-bottom .nav li.menu-item-has-children:hover>a, .nav-cnt .nav-bottom .nav li.menu-item-has-children.open>a { -webkit-box-shadow: none; box-shadow: none; padding-bottom: 15px; } .nav-cnt .nav-bottom .nav li.menu-item-has-children>a { pointer-events: none; } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open>a { padding-bottom: 15px; } .nav-cnt .nav-bottom .nav li.menu-item-has-children>a:after { right: -2vw; } .nav-cnt .nav-bottom .nav li.menu-item-has-children:hover>a { padding-bottom: 20px; } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open:hover>a { padding-bottom: 15px; } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open>a:after { top: calc(50% + 2px); } .nav-cnt .nav-bottom .nav li.menu-item-has-children:hover>a .orange-line { display: none; } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open>a .orange-line { width: 100%; height: 8px; background: #FFFFFF; display: block; position: absolute; top: calc(100% - 8px); left: 0; z-index: 10; } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open>a .orange-line:before { content: ''; width: calc(100% - 3.75vw); height: 4px; display: inline-block; position: absolute; top: calc(100% - 4px); left: 1.75vw; background: #E99236; border-radius: 20px; } .nav-cnt .nav-bottom .nav li.menu-item-has-children .sub-menu { display: none !important; } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu { display: block !important; position: static; padding-top: 0px; padding-bottom: 15px; padding-left: 0px; max-height: 245px; overflow: scroll; -webkit-transition: none; -o-transition: none; transition: none; } } @media only screen and (max-width: 960px) and (max-width: 767px) and (min-width: 1px) { .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu { max-height: 145px; } } @media only screen and (max-width: 960px) and (max-width: 350px) and (min-width: 1px) { .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu { max-height: 130px; } } @media (max-width: 960px) { ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-thumb { background-color: #0078AE; border: 3px solid transparent; border-radius: 9px; background-clip: content-box; } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu:after { display: none; } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu li { margin-bottom: 0; border-bottom: none; } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu li a, .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu li p { white-space: normal; } .menu-temporary-sign-in-navigation-container { position: relative; bottom: -200px; left: -15px; } } .nav-cnt .nav-bottom .nav li.menu-item-has-children.open .sub-menu li p { display: none; } @media (max-width: 581px) { .nav-cnt .close.sign-in-close .close-inner:before, .nav-cnt .close.sign-in-close .close-inner:after { background: #000; } .nav-cnt { width: calc(100% - 3.5vw); } .nav-cnt .close .close-inner { z-index: 9; } label { position: absolute; left: 30px; } form input { text-indent: 25px; } .blue-btn-container .blue-btn-cnt { max-height: 104% !important; width: 104% !important; } .blue-btn-container .blue-btn-cnt .col-xs-5 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .blue-btn-container .blue-btn-cnt .col-xs-7 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 32px 20px !important; } .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset { margin-top: 25px; } .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form fieldset label { position: absolute; top: -19px; left: 0px; } .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-bottom button { padding: 9px 3vw; } } @media only screen and (max-width: 450px) and (min-width: 1px) { header.header .blue-btn-container .blue-btn-cnt .col-xs-7 .btn-cnt-top form .gfield label { position: relative; top: 15px; left: 0px; bottom: 0 !important; } } .footer-colors { height: 120px; width: 101%; overflow: hidden; background: transparent; position: relative; bottom: 60px; } @media only screen and (max-width: 685px) and (min-width: 1px) { .footer-colors { height: 100px; bottom: 57px; } } @media only screen and (min-width: 686px) { .footer-colors #desktop-svg-colors { display: block; } .footer-colors #mobile-svg-colors { display: none; } } @media only screen and (max-width: 685px) { .footer-colors #desktop-svg-colors { display: none; } .footer-colors #mobile-svg-colors { display: block; } } .footer-colors svg { background: transparent; position: absolute; z-index: 99; } .footer { background: #284154; position: relative; } .footer:before { content: ''; position: absolute; background: #284154; height: 70px; width: 100%; top: -60px; } .footer .wrapper { padding: 0 10vw; } .footer .nav-row { margin: 0; padding: 40px 0; position: relative; } .footer .nav-row .tablet-collapse { margin: 0; padding: 0; } .footer .nav-row .col-xs-3>ul, .footer .nav-row .col-xs-4>ul { list-style: none; padding: 0; } .footer .nav-row .col-xs-3>ul>li>a, .footer .nav-row .col-xs-4>ul>li>a { font-family: "roboto-regular"; font-size: 20px; color: #B3D0E6; line-height: 24px; display: block; margin-bottom: 25px; } .footer .nav-row .col-xs-3>ul>li>a:hover, .footer .nav-row .col-xs-4>ul>li>a:hover { text-decoration: underline; } .footer .nav-row .col-xs-3>ul>li .sub-menu, .footer .nav-row .col-xs-4>ul>li .sub-menu { list-style: none; padding: 0; } .footer .nav-row .col-xs-3>ul>li .sub-menu li a, .footer .nav-row .col-xs-4>ul>li .sub-menu li a { font-family: "roboto-regular"; font-size: 14px; color: #FFFFFF; line-height: 20px; } .footer .nav-row .col-xs-3>ul>li .sub-menu li a:hover, .footer .nav-row .col-xs-4>ul>li .sub-menu li a:hover { text-decoration: underline; } .footer .nav-row .col-xs-3>ul>li .sub-menu li p, .footer .nav-row .col-xs-4>ul>li .sub-menu li p { margin: 0; font-family: "roboto-regular"; font-size: 14px; color: #FFFFFF; line-height: 20px; } .footer .nav-row .col-xs-3>ul>li .sub-menu li p:first-child, .footer .nav-row .col-xs-4>ul>li .sub-menu li p:first-child { font-family: "roboto-bold"; } .footer .nav-row .col-xs-3>ul>li .sub-menu li p a, .footer .nav-row .col-xs-4>ul>li .sub-menu li p a { font-family: "roboto-regular"; font-size: 14px; color: #FFFFFF; line-height: 20px; display: inline-block; } .footer .nav-row .col-xs-3>ul>li .sub-menu li.contact-info, .footer .nav-row .col-xs-4>ul>li .sub-menu li.contact-info { margin-bottom: 15px; } .footer .nav-row .col-xs-3>ul>li .sub-menu li.contact-info:last-child, .footer .nav-row .col-xs-4>ul>li .sub-menu li.contact-info:last-child { margin-bottom: 0; } .footer .footer-bottom-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 480px) and (min-width: 1px) { .footer .footer-bottom-social { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 10vw; } } .footer .footer-bottom-social .social-links { padding: 15px 0 0; } .footer .footer-bottom-social .social-links ul { list-style: none; padding-left: 0; } .footer .footer-bottom-social .social-links ul li { display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 15px; } .footer .footer-bottom-social .social-links ul li a { width: 32px; height: 32px; text-indent: -9999px; background-size: contain; border-radius: 50%; display: block; } .footer .footer-bottom-social .social-links ul li a.facebook { background: url(../images/facebook-icon.svg) 50% no-repeat; background-size: contain; } .footer .footer-bottom-social .social-links ul li a.youtube { background: url(../images/youtube-icon.svg) 50% no-repeat; background-size: contain; } .footer .footer-bottom-social .social-links ul li a.twitter { background: url(../images/twitter-icon.svg) 50% no-repeat; background-size: contain; } .footer .footer-bottom-social .social-links ul li a.instagram { background: url(../images/instagram-icon.svg) 50% no-repeat; background-size: contain; } .footer .footer-bottom-social .social-links ul li a.vimeo { background: url(../images/vimeo-icon.svg) 50% no-repeat; background-size: contain; } .footer .footer-bottom-links { border-top: 1px solid rgba(255,255,255,0.19); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer .footer-bottom-links .links { padding: 15px 0; } .footer .footer-bottom-links .links ul { list-style: none; padding: 0; } .footer .footer-bottom-links .links ul li { display: inline-block; vertical-align: middle; } .footer .footer-bottom-links .links ul li a { font-family: "roboto-regular"; font-size: 14px; color: #FFFFFF; line-height: 20px; display: inline-block; position: relative; padding: 0 10px; } .footer .footer-bottom-links .links ul li a:hover { text-decoration: underline; } .footer .footer-bottom-links .links ul li a:after { content: ''; width: 1px; height: 15px; position: absolute; top: 50%; right: 0; display: inline-block; background: #9B9B9B; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .footer .footer-bottom-links .links ul li:first-child a { padding-left: 0; } .footer .footer-bottom-links .links ul li:last-child a { color: #B3D0E6; } .footer .footer-bottom-links .links ul li:last-child a:after { display: none; } .footer .desktop-hide { display: none; } .footer .help-desk { position: fixed !important; top: auto !important; bottom: 35px !important; left: auto !important; right: 20px !important; z-index: 999999 !important; } @media only screen and (max-width: 1024px) { .footer .help-desk { display: none !important; } } .footer .help-desk span { cursor: pointer; } .footer .help-desk.chat-popup { bottom: 95px !important; min-width: 135px; } @media only screen and (max-width: 1024px) { .footer .help-desk.chat-popup { display: block !important; bottom: 35px !important; right: 12px !important; } } .footer .help-desk.chat-popup .blue-btn, .footer .help-desk.chat-popup .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_button.button, .page-template-template-business-center #main-cnt .section-cnt .contract-form .footer .help-desk.chat-popup .gform_button.button { -webkit-box-shadow: 0 6px 10px 2px rgba(0,0,0,0.15); box-shadow: 0 6px 10px 2px rgba(0,0,0,0.15); } @media (max-width: 850px) { .footer .wrapper { padding: 0 6vw; } } @media (max-width: 768px) { .footer .desktop-hide { display: block; } .footer .tablet-hide { display: none !important; } .footer .nav-row .tablet-collapse { width: 50%; max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer .nav-row .tablet-collapse .row { display: block; margin: 0; } .footer .nav-row .col-xs-4 { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0; } .footer .nav-row .col-xs-4>ul>li .sub-menu { display: none; } .footer .nav-row .col-xs-4>ul>li>a, .tablet-collapse a { font-size: 20px; color: #82A8C5; line-height: 24px; margin-bottom: 15px; } .footer .nav-row .col-xs-3 { width: 50%; max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 0; } .footer .nav-row .col-xs-3>ul>li .sub-menu li p { font-size: 16px; line-height: 22px; } .footer .nav-row .col-xs-3>ul>li .sub-menu li.contact-info { margin-bottom: 35px; } .footer .footer-bottom { position: relative; } .footer .footer-bottom .links { width: 100%; text-align: center; } .footer .footer-bottom .social-links { max-width: calc((100% - 12vw) / 2); position: absolute; bottom: calc(100% + 30px); } } @media (max-width: 481px) { .footer .wrapper { padding: 0; } .footer .nav-row { padding-bottom: 0; } .footer .nav-row .tablet-collapse, .footer .nav-row .col-xs-3 { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0 10vw; } .footer .nav-row .social-links ul li:last-child { margin-right: 0; } .footer .footer-bottom { margin-top: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer .footer-bottom .links, .footer .footer-bottom .social-links { width: 100%; text-align: center; } .footer .footer-bottom .links { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 25px; } .footer .footer-bottom .social-links { max-width: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-top: 25px; position: static; } .footer .footer-bottom .social-links ul li { margin-bottom: 0; } } #cisco_bubble_chat { z-index: 999999 !important; } .search .main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .search .main { padding-top: 142px; } } .search .section-cnt { width: 100% !important; margin-top: 0px !important; padding: 0 0 40px !important; min-height: 100vh !important; } @media only screen and (max-width: 578px) and (min-width: 1px) { .home .info-bar-container, .page-template-template-home .info-bar-container { bottom: -48px; } } .home #main, .page-template-template-home #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .home #main, .page-template-template-home #main { padding-top: 142px; } } .home #banner, .page-template-template-home #banner { position: relative; } .home #banner .bg-image, .page-template-template-home #banner .bg-image { width: 100%; height: 670px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; position: relative; } @media only screen and (max-width: 768px) and (min-width: 568px) { .home #banner .bg-image, .page-template-template-home #banner .bg-image { height: 389px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; } } @media only screen and (max-width: 684px) and (min-width: 466px) { .home #banner .bg-image, .page-template-template-home #banner .bg-image { height: 280px; } } @media only screen and (max-width: 465px) and (min-width: 1px) { .home #banner .bg-image, .page-template-template-home #banner .bg-image { height: 230px; background-repeat: no-repeat !important; background-position: 50% 0 !important; background-size: cover !important; } } .home #banner .bg-image.is-mobile, .page-template-template-home #banner .bg-image.is-mobile { display: none; } @media screen and (max-width: 466px) { .home #banner .bg-image.is-mobile, .page-template-template-home #banner .bg-image.is-mobile { display: block; } } .home #banner .bg-image.not-mobile, .page-template-template-home #banner .bg-image.not-mobile { display: block; } @media screen and (max-width: 466px) { .home #banner .bg-image.not-mobile, .page-template-template-home #banner .bg-image.not-mobile { display: none; } } .home #banner .bg-image:after, .page-template-template-home #banner .bg-image:after { content: ''; width: 100%; height: 100%; background-image: -webkit-linear-gradient(274deg, rgba(48,63,85,0.02) 2%, rgba(48,63,85,0.23) 44%, rgba(48,63,85,0.45) 54%, rgba(48,63,85,0.68) 76%, #21324D 94%); background-image: -o-linear-gradient(274deg, rgba(48,63,85,0.02) 2%, rgba(48,63,85,0.23) 44%, rgba(48,63,85,0.45) 54%, rgba(48,63,85,0.68) 76%, #21324D 94%); background-image: linear-gradient(-184deg, rgba(48,63,85,0.02) 2%, rgba(48,63,85,0.23) 44%, rgba(48,63,85,0.45) 54%, rgba(48,63,85,0.68) 76%, #21324D 94%); position: absolute; top: 0; left: 0; } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner, .page-template-template-home #banner { margin-bottom: 1210px; } } .home #banner .bg-colors1, .page-template-template-home #banner .bg-colors1 { width: 100%; height: 32.75vw; margin-top: -80px; position: relative; } @media only screen and (min-width: 1441px) { .home #banner .bg-colors1, .page-template-template-home #banner .bg-colors1 { margin-top: -93px; } } @media only screen and (min-width: 2500px) { .home #banner .bg-colors1, .page-template-template-home #banner .bg-colors1 { margin-top: -135px; } } @media only screen and (max-width: 768px) and (min-width: 1px) { .home #banner .bg-colors1, .page-template-template-home #banner .bg-colors1 { height: 47vw; } } @media only screen and (max-width: 465px) and (min-width: 1px) { .home #banner .bg-colors1, .page-template-template-home #banner .bg-colors1 { margin-top: -30px; } } .home #banner .bg-colors1 #desktop-banner-svg, .page-template-template-home #banner .bg-colors1 #desktop-banner-svg { height: 467px; position: absolute; bottom: 0px; } @media only screen and (min-width: 1441px) { .home #banner .bg-colors1 #desktop-banner-svg, .page-template-template-home #banner .bg-colors1 #desktop-banner-svg { height: 600px; position: static; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .home #banner .bg-colors1 #desktop-banner-svg, .page-template-template-home #banner .bg-colors1 #desktop-banner-svg { height: 370px; position: absolute; bottom: 150px; } } @media only screen and (max-width: 768px) and (min-width: 1px) { .home #banner .bg-colors1 #desktop-banner-svg, .page-template-template-home #banner .bg-colors1 #desktop-banner-svg { height: 370px; position: absolute; bottom: 0px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .home #banner .bg-colors1 #desktop-banner-svg, .page-template-template-home #banner .bg-colors1 #desktop-banner-svg { height: 266px; position: absolute; bottom: -83px; } } .home #banner .banner-cnt, .page-template-template-home #banner .banner-cnt { width: 100%; position: absolute; bottom: 18%; left: 0; padding: 0 12vw; } @media only screen and (min-width: 2500px) { .home #banner .banner-cnt, .page-template-template-home #banner .banner-cnt { bottom: 26%; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #banner .banner-cnt, .page-template-template-home #banner .banner-cnt { padding: 0 6vw; } } @media only screen and (max-width: 768px) and (min-width: 620px) { .home #banner .banner-cnt, .page-template-template-home #banner .banner-cnt { bottom: -3%; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt, .page-template-template-home #banner .banner-cnt { padding: 0 0vw; position: absolute; top: 53%; } } .home #banner .banner-cnt .text-cnt, .page-template-template-home #banner .banner-cnt .text-cnt { max-width: 525px; padding-left: 20px; } @media only screen and (min-width: 1441px) { .home #banner .banner-cnt .text-cnt, .page-template-template-home #banner .banner-cnt .text-cnt { max-width: 688px; padding-left: 10vw; } } @media only screen and (min-width: 2500px) { .home #banner .banner-cnt .text-cnt, .page-template-template-home #banner .banner-cnt .text-cnt { max-width: 900px; padding-left: 17vw; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .home #banner .banner-cnt .text-cnt, .page-template-template-home #banner .banner-cnt .text-cnt { max-width: 328px; padding-left: 0px; } } @media only screen and (max-width: 768px) and (min-width: 620px) { .home #banner .banner-cnt .text-cnt, .page-template-template-home #banner .banner-cnt .text-cnt { max-width: 400px; padding-left: 0px; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .text-cnt, .page-template-template-home #banner .banner-cnt .text-cnt { margin: 0 auto; max-width: calc(100% - 10%); height: auto; padding: 4vh 10vw 4vh 10vw; background: #fff; border-radius: 20px; -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.16),0 2px 13px 0 rgba(0,0,0,0.24); box-shadow: 0 0 2px 1px rgba(0,0,0,0.16),0 2px 13px 0 rgba(0,0,0,0.24); } } .home #banner .banner-cnt .text-cnt h2, .page-template-template-home #banner .banner-cnt .text-cnt h2 { font-family: "nunito-semibold"; font-size: 44px; color: #FFFFFF; letter-spacing: 0.2px; line-height: 52px; text-shadow: 0 2px 18px rgba(33,54,77,0.52); } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #banner .banner-cnt .text-cnt h2, .page-template-template-home #banner .banner-cnt .text-cnt h2 { font-size: 35px; line-height: 48px; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .text-cnt h2, .page-template-template-home #banner .banner-cnt .text-cnt h2 { font-size: 26px; line-height: 34px; color: #1D3347; text-shadow: none; } } .home #banner .banner-cnt .text-cnt p, .page-template-template-home #banner .banner-cnt .text-cnt p { font-family: "nunito-semibold"; font-size: 20px; color: #FFFFFF; line-height: 26px; text-shadow: 0 2px 18px rgba(33,54,77,0.52); margin-top: 15px; margin-bottom: 30px; } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .text-cnt p, .page-template-template-home #banner .banner-cnt .text-cnt p { font-size: 14px; line-height: 22px; color: #1D3347; text-shadow: none; } } .home #banner .banner-cnt .text-cnt .btn-container, .page-template-template-home #banner .banner-cnt .text-cnt .btn-container { padding-right: 10px; max-width: 150px; } .home #banner .banner-cnt .text-cnt .btn-container a.green-btn, .page-template-template-home #banner .banner-cnt .text-cnt .btn-container a.green-btn { padding: 6px 28px; } .home #banner .banner-cnt .service-cards, .page-template-template-home #banner .banner-cnt .service-cards { max-width: 1095px; background: #fff; border-radius: 15px; background: #FFFFFF; -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.16),0 2px 456px 0 rgba(0,0,0,0.24); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.16),0 2px 456px 0 rgba(0,0,0,0.24); margin: 40px auto 0; } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .service-cards, .page-template-template-home #banner .banner-cnt .service-cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: -1; padding: 0; margin: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .home #banner .banner-cnt .service-cards::after, .page-template-template-home #banner .banner-cnt .service-cards::after { content: ''; position: absolute; background: #fff; width: 100%; height: 20%; top: -17%; } } .home #banner .banner-cnt .service-cards .col-xs-4, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4 { height: 175px; border-right: 1px solid #CDCFD8; padding: 0; } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .service-cards .col-xs-4, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-left: 0; border-right: none; } } .home #banner .banner-cnt .service-cards .col-xs-4 a, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4 a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -webkit-transition: 200ms all; -o-transition: 200ms all; transition: 200ms all; } .home #banner .banner-cnt .service-cards .col-xs-4 a:hover, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4 a:hover { background: rgba(230,235,240,0.3); } .home #banner .banner-cnt .service-cards .col-xs-4 a:hover p, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4 a:hover p { text-decoration: none; color: #000; } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .service-cards .col-xs-4 a, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4 a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 30px; } } .home #banner .banner-cnt .service-cards .col-xs-4 a p, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4 a p { font-family: "nunito-semibold"; font-size: 20px; color: #282828; letter-spacing: 0; text-align: center; line-height: 30px; } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .service-cards .col-xs-4 a p, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4 a p { font-size: 16px; line-height: 20px; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .service-cards .col-xs-4 a img, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4 a img { margin-right: 40px; } } .home #banner .banner-cnt .service-cards .col-xs-4:first-child, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4:first-child { border-top-left-radius: 15px; border-bottom: 1px solid #CDCFD8; } .home #banner .banner-cnt .service-cards .col-xs-4:nth-child(2), .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4:nth-child(2) { border-bottom: 1px solid #CDCFD8; } .home #banner .banner-cnt .service-cards .col-xs-4:nth-child(3), .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4:nth-child(3) { border-top-right-radius: 15px; border-bottom: 1px solid #CDCFD8; border-right: none; } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .service-cards .col-xs-4:nth-child(3), .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4:nth-child(3) { border-radius: 0px; border-bottom: 1px solid #CDCFD8; } } .home #banner .banner-cnt .service-cards .col-xs-4:nth-child(4), .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4:nth-child(4) { border-bottom-left-radius: 15px; } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .service-cards .col-xs-4:nth-child(4), .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4:nth-child(4) { border-radius: 0px; border-bottom: 1px solid #CDCFD8; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .service-cards .col-xs-4:nth-child(5), .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4:nth-child(5) { border-bottom: 1px solid #CDCFD8; } } .home #banner .banner-cnt .service-cards .col-xs-4:last-child, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4:last-child { border-bottom-right-radius: 15px; border-right: none; } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #banner .banner-cnt .service-cards .col-xs-4:last-child, .page-template-template-home #banner .banner-cnt .service-cards .col-xs-4:last-child { border-radius: 0px; border-bottom: 1px solid #CDCFD8; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .home #about .row, .page-template-template-home #about .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10vw 20vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 768px) and (min-width: 1px) { .home #about .row, .page-template-template-home #about .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20vw 11vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #about .row, .page-template-template-home #about .row { padding: 0vw 11vw 20vw 11vw; } } .home #about .text-cnt, .page-template-template-home #about .text-cnt { font-family: "nunito-semibold"; padding-left: 10vw; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #about .text-cnt, .page-template-template-home #about .text-cnt { padding: 0px; margin-left: 65px; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #about .text-cnt, .page-template-template-home #about .text-cnt { margin-left: 0px; } } .home #about .text-cnt h2, .page-template-template-home #about .text-cnt h2 { font-size: 56px; color: #27445F; letter-spacing: 0.2px; line-height: 70px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #about .text-cnt h2, .page-template-template-home #about .text-cnt h2 { font-size: 32px; line-height: 40px; } } .home #about .text-cnt p, .page-template-template-home #about .text-cnt p { width: 85%; font-size: 26px; color: #585858; letter-spacing: 0; line-height: 38px; margin-top: 55px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #about .text-cnt p, .page-template-template-home #about .text-cnt p { font-size: 20px; line-height: 30px; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #about .text-cnt p, .page-template-template-home #about .text-cnt p { width: 100%; margin-top: 30px; } } .home #about .text-cnt a, .page-template-template-home #about .text-cnt a { font-family: "roboto-regular"; font-size: 20px; font-weight: 600; color: #0072D6; letter-spacing: .5px; line-height: 38px; position: relative; display: inline-block; margin-top: 35px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #about .text-cnt a, .page-template-template-home #about .text-cnt a { line-height: 30px; } } @media only screen and (max-width: 684px) and (min-width: 1px) { .home #about .text-cnt a, .page-template-template-home #about .text-cnt a { margin-top: 15px; } } .home #about .text-cnt a:after, .page-template-template-home #about .text-cnt a:after { content: ''; width: 6px; height: 24px; background: url(../images/arrow-dark.svg) 50% no-repeat; background-size: contain; display: inline-block; position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .home #about .image-cnt, .page-template-template-home #about .image-cnt { position: relative; } .home #about .image-cnt img, .page-template-template-home #about .image-cnt img { width: 120%; height: auto; position: absolute; top: 90px; right: -75px; border-radius: 50%; max-width: 734px; max-height: 734px; -o-object-fit: none; object-fit: none; } @media only screen and (min-width: 1441px) { .home #about .image-cnt img, .page-template-template-home #about .image-cnt img { width: 100%; height: auto; position: absolute; top: -35px; right: -75px; } } @media only screen and (max-width: 1024px) and (min-width: 685px) { .home #about .image-cnt img, .page-template-template-home #about .image-cnt img { width: 3000%; max-width: 440px; max-height: 440px; position: absolute; top: -14px; left: 120px; -o-object-fit: cover; object-fit: cover; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #about .image-cnt img, .page-template-template-home #about .image-cnt img { width: 2200%; max-width: 340px; max-height: 340px; position: absolute; top: 50px; left: -55px; -o-object-fit: cover; object-fit: cover; } } .home #about .bg-colors2, .page-template-template-home #about .bg-colors2 { width: 100%; height: 271px; } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #about .bg-colors2 svg, .page-template-template-home #about .bg-colors2 svg { height: 700px; } } .home #what-we-do, .page-template-template-home #what-we-do { background: -webkit-gradient(linear, left top, left bottom, from(#006eab), to(#014175)); background: -webkit-linear-gradient(top, #006eab, #014175); background: -o-linear-gradient(top, #006eab, #014175); background: linear-gradient(-180deg, #006eab, #014175); margin-top: -1px; padding: 10px 10vw; } @media only screen and (min-width: 1441px) { .home #what-we-do, .page-template-template-home #what-we-do { padding: 10vh 10vw; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #what-we-do, .page-template-template-home #what-we-do { padding: 10px 20vw; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do, .page-template-template-home #what-we-do { padding: 10px 0vw; } } .home #what-we-do .section-title, .page-template-template-home #what-we-do .section-title { font-family: "nunito-semibold"; font-size: 24px; color: #B2E4F9; line-height: 23px; text-transform: uppercase; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #what-we-do .section-title, .page-template-template-home #what-we-do .section-title { margin-top: 20px; font-size: 18px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do .section-title, .page-template-template-home #what-we-do .section-title { padding: 0 4vw; font-size: 18px; line-height: 23px; } } .home #what-we-do h2, .page-template-template-home #what-we-do h2 { max-width: 50%; font-size: 56px; color: #FFFFFF; letter-spacing: 0.19px; line-height: 70px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #what-we-do h2, .page-template-template-home #what-we-do h2 { margin-top: 40px; max-width: 100%; font-size: 32px; line-height: 40px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do h2, .page-template-template-home #what-we-do h2 { padding: 0 4vw; max-width: 100%; font-size: 32px; line-height: 40px; } } .home #what-we-do .text-blocks, .page-template-template-home #what-we-do .text-blocks { color: #fff; margin-top: 50px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #what-we-do .text-blocks, .page-template-template-home #what-we-do .text-blocks { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .home #what-we-do .text-blocks .text-cnt, .page-template-template-home #what-we-do .text-blocks .text-cnt { margin-bottom: 75px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt, .page-template-template-home #what-we-do .text-blocks .text-cnt { max-width: 100%; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt, .page-template-template-home #what-we-do .text-blocks .text-cnt { padding: 0 10vw; } } .home #what-we-do .text-blocks .text-cnt h3, .page-template-template-home #what-we-do .text-blocks .text-cnt h3 { font-family: "nunito-semibold"; font-size: 30px; letter-spacing: .2px; } @media only screen and (max-width: 1024px) and (min-width: -1px) { .home #what-we-do .text-blocks .text-cnt h3, .page-template-template-home #what-we-do .text-blocks .text-cnt h3 { font-size: 24px; line-height: 40px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt h3, .page-template-template-home #what-we-do .text-blocks .text-cnt h3 { font-size: 20px; line-height: 28px; } } .home #what-we-do .text-blocks .text-cnt p, .page-template-template-home #what-we-do .text-blocks .text-cnt p { font-family: "roboto-regular"; font-size: 18px; line-height: 27px; margin-top: 5px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt p, .page-template-template-home #what-we-do .text-blocks .text-cnt p { font-size: 16px; line-height: 24px; margin-top: 15px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt p, .page-template-template-home #what-we-do .text-blocks .text-cnt p { font-size: 14px; line-height: 26px; } } .home #what-we-do .text-blocks .text-cnt:nth-child(1), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(1) { padding-right: 50px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt:nth-child(1), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(1) { padding-right: 0px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt:nth-child(1), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(1) { padding: 0 10vw; max-width: 100%; } } .home #what-we-do .text-blocks .text-cnt:nth-child(3), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(3) { padding-right: 50px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt:nth-child(3), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(3) { padding-right: 0px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt:nth-child(3), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(3) { padding: 0 10vw; max-width: 100%; } } .home #what-we-do .text-blocks .text-cnt:nth-child(2), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(2) { padding-left: 50px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt:nth-child(2), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(2) { padding-left: 10px; padding-right: 0px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt:nth-child(2), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(2) { padding: 0 10vw; max-width: 100%; } } .home #what-we-do .text-blocks .text-cnt:nth-child(4), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(4) { padding-left: 50px; padding-right: 40px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt:nth-child(4), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(4) { padding-right: 10px; padding-left: 0px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #what-we-do .text-blocks .text-cnt:nth-child(4), .page-template-template-home #what-we-do .text-blocks .text-cnt:nth-child(4) { padding: 0 10vw; max-width: 100%; } } .home #latest-news, .page-template-template-home #latest-news { background-image: url(../images/desktop-oval-bg.png); background-position: 0% -25%; padding-top: 18vh; background-repeat: no-repeat; position: relative; height: 765px; } @media only screen and (min-width: 1441px) and (min-width: 1px) { .home #latest-news, .page-template-template-home #latest-news { padding-top: 15vh; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #latest-news, .page-template-template-home #latest-news { background-image: url(../images/tablet-oval-bg.svg); background-size: cover; background-position: 100% 0%; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #latest-news, .page-template-template-home #latest-news { height: 1200px; background-image: url(../images/mobile-oval-bg.svg) !important; background-size: cover; background-position: 100% 0%; } } .home #latest-news::before, .page-template-template-home #latest-news::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(#004179), to(rgba(17,67,96,0.94))); background: -webkit-linear-gradient(top, #004179, rgba(17,67,96,0.94)); background: -o-linear-gradient(top, #004179, rgba(17,67,96,0.94)); background: linear-gradient(-180deg, #004179, rgba(17,67,96,0.94)); } .home #latest-news .news-container, .page-template-template-home #latest-news .news-container { -webkit-transform: matrix(1, 0, 0, 1, 0, 130); -o-transform: matrix(1, 0, 0, 1, 0, 130); transform: matrix(1, 0, 0, 1, 0, 130); } .home #latest-news .latest-news-title, .page-template-template-home #latest-news .latest-news-title { padding: 0px 10vw; } @media only screen and (max-width: 1024px) and (min-width: 769px) { .home #latest-news .latest-news-title, .page-template-template-home #latest-news .latest-news-title { padding: 0px 7vw; } } @media only screen and (max-width: 768px) and (min-width: 768px) { .home #latest-news .latest-news-title, .page-template-template-home #latest-news .latest-news-title { padding: 0px 3vw; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #latest-news .latest-news-title, .page-template-template-home #latest-news .latest-news-title { text-align: center; } } .home #latest-news .latest-news-title h3, .page-template-template-home #latest-news .latest-news-title h3 { margin-left: 12px; margin-bottom: 50px; font-family: "nunito-regular"; font-size: 42px; letter-spacing: 0.2px; line-height: 50px; color: #fff; } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #latest-news .latest-news-title h3, .page-template-template-home #latest-news .latest-news-title h3 { font-size: 27px; line-height: 33px; } } .home #latest-news .news-feed, .page-template-template-home #latest-news .news-feed { padding: 0px 10vw; } @media only screen and (max-width: 1380px) and (min-width: 1025px) { .home #latest-news .news-feed, .page-template-template-home #latest-news .news-feed { padding: 0px 10vw; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #latest-news .news-feed, .page-template-template-home #latest-news .news-feed { padding: 0px 3vw; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #latest-news .news-feed, .page-template-template-home #latest-news .news-feed { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .home #latest-news .news-feed .no-posts-found, .page-template-template-home #latest-news .news-feed .no-posts-found { color: #fff; } .home #latest-news .news-feed .news-item, .page-template-template-home #latest-news .news-feed .news-item { height: 350px; -ms-flex-preferred-size: 360px; flex-basis: 360px; padding: 0px; background: #fff; border-radius: 20px; -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.16); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.16); } @media only screen and (max-width: 1380px) and (min-width: 1px) { .home #latest-news .news-feed .news-item, .page-template-template-home #latest-news .news-feed .news-item { max-width: 45%; } .home #latest-news .news-feed .news-item:nth-of-type(3), .page-template-template-home #latest-news .news-feed .news-item:nth-of-type(3) { display: none; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #latest-news .news-feed .news-item, .page-template-template-home #latest-news .news-feed .news-item { max-width: 100%; -ms-flex-preferred-size: 250px; flex-basis: 250px; margin-bottom: 30px; } } .home #latest-news .news-feed .news-item .news-img, .page-template-template-home #latest-news .news-feed .news-item .news-img { height: 55%; background-size: cover; border-radius: 20px 20px 0px 0px; position: relative; } .home #latest-news .news-feed .news-item .news-img img, .page-template-template-home #latest-news .news-feed .news-item .news-img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .home #latest-news .news-feed .news-item .news-img::before, .page-template-template-home #latest-news .news-feed .news-item .news-img::before { content: ''; width: 100%; height: 100%; position: absolute; background: #63B7C0; border-radius: 20px; opacity: .15; } .home #latest-news .news-feed .news-item .news-content, .page-template-template-home #latest-news .news-feed .news-item .news-content { padding: 15px 25px 20px 25px; } .home #latest-news .news-feed .news-item .news-content .news-date, .page-template-template-home #latest-news .news-feed .news-item .news-content .news-date { color: #757575; margin-bottom: 10px; text-transform: uppercase; } .home #latest-news .news-feed .news-item .news-content .news-title, .page-template-template-home #latest-news .news-feed .news-item .news-content .news-title { max-height: 90px; overflow: hidden; } .home #latest-news .news-feed .news-item .news-content .news-title a, .page-template-template-home #latest-news .news-feed .news-item .news-content .news-title a { font-family: "nunito-semibold"; color: #000; font-size: 22px; line-height: 30px; letter-spacing: .2px; text-transform: none; } .home #latest-news .news-feed .news-item .news-content .news-title a:hover, .page-template-template-home #latest-news .news-feed .news-item .news-content .news-title a:hover { text-decoration: underline; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #latest-news .news-feed .news-item .news-content .news-title a, .page-template-template-home #latest-news .news-feed .news-item .news-content .news-title a { font-size: 20px; line-height: 25px; } } .home #latest-news a, .page-template-template-home #latest-news a { position: relative; font-family: "roboto-medium"; font-size: 16px; color: #fff; letter-spacing: 2px; text-transform: uppercase; } .home #latest-news .news-view-more, .page-template-template-home #latest-news .news-view-more { margin-top: 50px; padding-right: 11vw; text-align: right; } @media only screen and (min-width: 1441px) { .home #latest-news .news-view-more, .page-template-template-home #latest-news .news-view-more { padding-right: 14vw; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #latest-news .news-view-more, .page-template-template-home #latest-news .news-view-more { padding: 0; text-align: center; } } .home #latest-news .news-view-more a:hover, .page-template-template-home #latest-news .news-view-more a:hover { text-decoration: underline; } .home #latest-news .news-view-more a:after, .page-template-template-home #latest-news .news-view-more a:after { content: ''; width: 6px; height: 24px; background: url(../images/arrow-white.svg) 50% no-repeat; background-size: contain; display: inline-block; position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #latest-news .news-view-more a, .page-template-template-home #latest-news .news-view-more a { font-size: 16px; line-height: 25px; } } .home #trigger, .page-template-template-home #trigger { pointer-events: none; } .home .bg-colors3, .page-template-template-home .bg-colors3 { height: 280px; bottom: 100px; position: relative; overflow: hidden; background: transparent; } @media only screen and (max-width: 685px) and (min-width: 1px) { .home .bg-colors3, .page-template-template-home .bg-colors3 { height: 100px; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home .bg-colors3 svg, .page-template-template-home .bg-colors3 svg { height: 700px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home .bg-colors3 svg, .page-template-template-home .bg-colors3 svg { height: 364px; } } .home #here-to-help, .page-template-template-home #here-to-help { position: relative; background: #fff; } .home #here-to-help .row, .page-template-template-home #here-to-help .row { padding: 0vh 15vw 0px 18vw; } @media only screen and (min-width: 1441px) { .home #here-to-help .row, .page-template-template-home #here-to-help .row { margin-top: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #here-to-help .row, .page-template-template-home #here-to-help .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 5vh; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #here-to-help .row, .page-template-template-home #here-to-help .row { padding: 0; } } .home #here-to-help .row .help-title, .page-template-template-home #here-to-help .row .help-title { -ms-flex-preferred-size: 40%; flex-basis: 40%; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #here-to-help .row .help-title, .page-template-template-home #here-to-help .row .help-title { text-align: center; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } .home #here-to-help .row _:lang(x)::-ms-backdrop, .home #here-to-help .row .help-title, .page-template-template-home #here-to-help .row _:lang(x)::-ms-backdrop, .page-template-template-home #here-to-help .row .help-title { -ms-flex-preferred-size: 32%; flex-basis: 32%; } .home #here-to-help .row .help-boxes, .page-template-template-home #here-to-help .row .help-boxes { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; padding: 0px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #here-to-help .row .help-boxes, .page-template-template-home #here-to-help .row .help-boxes { margin-top: 60px; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #here-to-help .row .help-boxes, .page-template-template-home #here-to-help .row .help-boxes { padding: 0 10vw; } } .home #here-to-help .row .text-container, .page-template-template-home #here-to-help .row .text-container { max-width: 250px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .home #here-to-help .row .text-container, .page-template-template-home #here-to-help .row .text-container { max-width: 100%; } } .home #here-to-help .row .text-container h2, .page-template-template-home #here-to-help .row .text-container h2 { font-family: "nunito-regular"; font-size: 50px; line-height: 55px; color: #42444F; } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #here-to-help .row .text-container h2, .page-template-template-home #here-to-help .row .text-container h2 { font-size: 27px; line-height: 33px; } } .home #here-to-help .row .help-box, .page-template-template-home #here-to-help .row .help-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 65px; } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #here-to-help .row .help-box, .page-template-template-home #here-to-help .row .help-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 45px; } } .home #here-to-help .row .help-box .help-icon, .page-template-template-home #here-to-help .row .help-box .help-icon { margin-right: 25px; } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #here-to-help .row .help-box .help-icon, .page-template-template-home #here-to-help .row .help-box .help-icon { margin-right: 0px; } } .home #here-to-help .row .help-box .help-copy, .page-template-template-home #here-to-help .row .help-box .help-copy { margin-left: 20px; } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #here-to-help .row .help-box .help-copy, .page-template-template-home #here-to-help .row .help-box .help-copy { text-align: center; margin-left: 0px; } } .home #here-to-help .row .help-box .help-copy a, .page-template-template-home #here-to-help .row .help-box .help-copy a { -webkit-transition: 0ms all; -o-transition: 0ms all; transition: 0ms all; -webkit-text-decoration: underline transparent; text-decoration: underline transparent; } @media only screen and (min-width: 1025px) { .home #here-to-help .row .help-box .help-copy a:hover, .page-template-template-home #here-to-help .row .help-box .help-copy a:hover { -webkit-text-decoration: underline #1565C0; text-decoration: underline #1565C0; } } .home #here-to-help .row .help-box .help-copy h3, .page-template-template-home #here-to-help .row .help-box .help-copy h3 { display: inline; font-size: 24px; font-family: "roboto-regular"; color: #1565C0; position: relative; } .home #here-to-help .row .help-box .help-copy h3 a, .page-template-template-home #here-to-help .row .help-box .help-copy h3 a { font-size: 24px; font-family: "roboto-regular"; color: #1565C0; position: relative; } .home #here-to-help .row .help-box .help-copy h3 .ext-link:after, .page-template-template-home #here-to-help .row .help-box .help-copy h3 .ext-link:after { content: ''; width: 16px; height: 16px; background: url(../images/ext-link.svg) no-repeat; background-size: contain; display: inline-block; margin-left: 10px; margin-bottom: -2px; } .home #here-to-help .row .help-box .help-copy img, .page-template-template-home #here-to-help .row .help-box .help-copy img { margin-left: 10px; margin-bottom: 5px; } .home #here-to-help .row .help-box .help-copy p, .page-template-template-home #here-to-help .row .help-box .help-copy p { font-family: "roboto-regular"; font-size: 16px; color: #595959; margin-top: 0px; } .home #here-to-help .bg-colors4, .page-template-template-home #here-to-help .bg-colors4 { width: 127vw; height: 132px; margin-left: -4vw; overflow: hidden; } @media only screen and (min-width: 686px) { .home #here-to-help #desktop-impact-svg, .page-template-template-home #here-to-help #desktop-impact-svg { display: block; } .home #here-to-help #mobile-impact-svg, .page-template-template-home #here-to-help #mobile-impact-svg { display: none; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #here-to-help #desktop-impact-svg, .page-template-template-home #here-to-help #desktop-impact-svg { display: none; } .home #here-to-help #mobile-impact-svg, .page-template-template-home #here-to-help #mobile-impact-svg { display: block; } } .home #impact, .page-template-template-home #impact { height: auto; padding-bottom: 200px; background: -webkit-gradient(linear, left top, left bottom, from(#006eac), to(#0f6092)); background: -webkit-linear-gradient(top, #006eac, #0f6092); background: -o-linear-gradient(top, #006eac, #0f6092); background: linear-gradient(180deg, #006eac, #0f6092); } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #impact, .page-template-template-home #impact { padding-top: 50px; padding-bottom: 135px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #impact, .page-template-template-home #impact { background: -webkit-gradient(linear, left top, left bottom, from(#006bab), to(#0f6092)); background: -webkit-linear-gradient(top, #006bab, #0f6092); background: -o-linear-gradient(top, #006bab, #0f6092); background: linear-gradient(180deg, #006bab, #0f6092); } } .home #impact .impact-title, .page-template-template-home #impact .impact-title { padding-top: 35px; text-align: center; padding-top: 100px; } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #impact .impact-title, .page-template-template-home #impact .impact-title { padding-top: 35px; margin-right: 0; padding-left: 0; } } .home #impact .impact-title h3, .page-template-template-home #impact .impact-title h3 { font-size: 56px; font-family: "nunito-regular"; color: #fff; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #impact .impact-title h3, .page-template-template-home #impact .impact-title h3 { font-size: 50px; line-height: 58px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #impact .impact-title h3, .page-template-template-home #impact .impact-title h3 { font-size: 27px; line-height: 33px; } } .home #impact .swiper-container, .page-template-template-home #impact .swiper-container { width: 900px; height: 535px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #impact .swiper-container, .page-template-template-home #impact .swiper-container { height: 510px; width: 600px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #impact .swiper-container, .page-template-template-home #impact .swiper-container { height: 535px; width: 320px; } } .home #impact .slide-item, .page-template-template-home #impact .slide-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; background: url(../images/impact-slider-arrow.svg); background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #impact .slide-item, .page-template-template-home #impact .slide-item { max-height: 400px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #impact .slide-item, .page-template-template-home #impact .slide-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; padding: 0 6vw; text-align: center; } } .home #impact .slide-item .slide-left, .page-template-template-home #impact .slide-item .slide-left { font-family: "rubik-regular"; font-size: 180px; color: #fff; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #impact .slide-item .slide-left, .page-template-template-home #impact .slide-item .slide-left { font-size: 90px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #impact .slide-item .slide-left, .page-template-template-home #impact .slide-item .slide-left { font-size: 70px; } } .home #impact .slide-item .slide-right, .page-template-template-home #impact .slide-item .slide-right { font-family: "rubik-medium"; font-size: 39px; color: #fff; margin-left: 45px; margin-top: 0px; line-height: 54px; position: relative; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .home #impact .slide-item .slide-right, .page-template-template-home #impact .slide-item .slide-right { font-size: 30px; line-height: 44px; } } @media only screen and (max-width: 685px) and (min-width: 1px) { .home #impact .slide-item .slide-right, .page-template-template-home #impact .slide-item .slide-right { margin-left: 0px; margin-top: 20px; font-size: 20px; line-height: 27px; } } .home #impact .swiper-pagination, .page-template-template-home #impact .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home #impact .swiper-pagination-bullet, .page-template-template-home #impact .swiper-pagination-bullet { position: relative; bottom: 40px; } .home #impact .swiper-pagination-bullet-active, .page-template-template-home #impact .swiper-pagination-bullet-active { background: url(../images/impact-pagination-current.svg) !important; height: 28px; width: 22px; } .home #impact .swiper-pagination-bullet, .page-template-template-home #impact .swiper-pagination-bullet { background: url(../images/impact-pagination.svg); height: 28px; width: 22px; margin: 0px 10px; opacity: 1; } #what-we-do p a, #what-we-do h3 a, #impact p a, #impact h3 a { color: #F5CD1E; font-weight: 700 !important; } #what-we-do p a:hover, #what-we-do h3 a:hover, #impact p a:hover, #impact h3 a:hover { text-decoration: underline !important; } .page-template-template-your-water #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-your-water #main { padding-top: 142px; } } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-your-water #banner #desktop-banner-svg { display: none; } } .page-template-template-your-water #banner #mobile-banner-svg { display: none; width: 100%; } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-your-water #banner #mobile-banner-svg { display: block; top: auto; bottom: 0px; max-height: 330px; } } .page-template-template-your-water #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-template-template-your-water #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .sidebar { width: 100%; } } .page-template-template-your-water #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 20px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt { width: 100%; } } .page-template-template-your-water #main-cnt .section-cnt .text-block { background: #fff; border-top-left-radius: 15px; padding: 86px 17vw 150px 14vw; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .text-block { padding: 86px 8vw 180px 8vw; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .text-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0px; } } .page-template-template-your-water #main-cnt .section-cnt .text-block h2 { font-size: 40px; color: #1D3347; letter-spacing: 0.7px; line-height: 45px; margin-bottom: 45px; position: relative; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .text-block h2 { font-size: 30px; line-height: 30px; } } .page-template-template-your-water #main-cnt .section-cnt .text-block h2.orange-line { padding-bottom: 35px; } .page-template-template-your-water #main-cnt .section-cnt .text-block h2.orange-line:after { content: ''; width: 40px; height: 4px; background: #FF8F1C; border-radius: 8px; position: absolute; top: 100%; left: 0; } .page-template-template-your-water #main-cnt .section-cnt .text-block p { font-family: "roboto-regular"; font-size: 20px; color: #000; line-height: 30px; margin-top: 0; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-your-water #main-cnt .section-cnt .text-block p { font-size: 16px; line-height: 28px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .text-block p { font-size: 16px; line-height: 26px; text-align: center; } } .page-template-template-your-water #main-cnt .section-cnt .text-block p.description { font-family: "roboto-regular"; font-size: 16px; line-height: 26px; margin-top: 10px; } .page-template-template-your-water #main-cnt .section-cnt .text-block p+p { margin-top: 20px; } .page-template-template-your-water #main-cnt .section-cnt .text-block p a { font-family: "roboto-regular"; color: #0D60BF; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .text-block p a { font-size: 16px; line-height: 28px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .text-block p a { font-size: 16px; line-height: 26px; } } .page-template-template-your-water #main-cnt .section-cnt .text-block p a:after { display: none; } .page-template-template-your-water #main-cnt .section-cnt .text-block p+a { margin-top: 35px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .text-block p+a { font-size: 16px; line-height: 28px; } } .page-template-template-your-water #main-cnt .section-cnt .text-block a { font-family: "nunito-bold"; font-size: 20px; color: #0D60BF; display: inline-block; line-height: 30px; position: relative; } .page-template-template-your-water #main-cnt .section-cnt .text-block a:after { content: ''; width: 7px; height: 100%; position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/blue-carret.svg) 50% no-repeat; background-size: contain; display: inline-block; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .recycle-protect { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-template-template-your-water #main-cnt .section-cnt .recycle-protect a { font-size: 20px !important; } .page-template-template-your-water #main-cnt .section-cnt .recycle-protect p { text-align: left; } } .page-template-template-your-water #main-cnt .section-cnt .image-text-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 107%; margin-left: -7%; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block { margin-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-your-water #main-cnt .section-cnt .image-text-block .image-container { width: 47.4%; position: relative; padding: 0; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block .image-container { width: 100%; padding: 175px; } } .page-template-template-your-water #main-cnt .section-cnt .image-text-block .image-container .image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block .image-container .image { border-radius: 0px; } } .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container { width: 52.6%; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container { width: 100%; } } .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt { background: #0A6DB1; padding: 75px 25% 85px 17%; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt { padding: 75px 15% 85px 8%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt { padding: 75px 10vw 85px 8vw; } } .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt h2 { font-size: 46px; color: #FFFFFF; line-height: 52px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt h2 { font-size: 28px; line-height: 30px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt h2 { margin-right: 20px; } } .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt p { font-family: "roboto-regular"; font-size: 20px; color: #FFFFFF; line-height: 32px; margin-top: 65px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt p { font-size: 18px; color: #FFFFFF; line-height: 32px; margin-top: 35px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt p { margin-right: 30px; } } .page-template-template-your-water #main-cnt .section-cnt .image-text-block .text-container .text-cnt a { border: 2px solid #FFFFFF; border-radius: 50px; font-family: "nunito-semibold"; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 24px; display: inline-block; margin-top: 40px; padding: 14px 23px; } .page-template-template-news #main, .blog #main, .category #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-news #main, .blog #main, .category #main { padding-top: 142px; } } .page-template-template-news #main-cnt .sidebar, .blog #main-cnt .sidebar, .category #main-cnt .sidebar { width: 28%; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news #main-cnt .sidebar, .blog #main-cnt .sidebar, .category #main-cnt .sidebar { width: 100%; padding: 4vh 7vw 10vh 7vw; } } .page-template-template-news #main-cnt .section-cnt, .blog #main-cnt .section-cnt, .category #main-cnt .section-cnt { width: 72%; margin-top: -42px; padding-bottom: 170px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt, .blog #main-cnt .section-cnt, .category #main-cnt .section-cnt { width: 100%; } } .page-template-template-news #main-cnt .section-cnt .tabs, .blog #main-cnt .section-cnt .tabs, .category #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; border-bottom: 1px solid #D8D8D8; padding: 36px 10vw; } @media only screen and (max-width: 1085px) and (min-width: 1024px) { .page-template-template-news #main-cnt .section-cnt .tabs, .blog #main-cnt .section-cnt .tabs, .category #main-cnt .section-cnt .tabs { padding: 36px 8vw; } } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .tabs, .blog #main-cnt .section-cnt .tabs, .category #main-cnt .section-cnt .tabs { padding: 36px 2vw; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .tabs, .blog #main-cnt .section-cnt .tabs, .category #main-cnt .section-cnt .tabs { border-radius: 0px; padding: 7vh 7vw 7vh 7vw; } } .page-template-template-news #main-cnt .section-cnt .tabs ul, .blog #main-cnt .section-cnt .tabs ul, .category #main-cnt .section-cnt .tabs ul { list-style: none; padding-left: 0; } @media only screen and (min-width: 768px) { .page-template-template-news #main-cnt .section-cnt .tabs ul, .blog #main-cnt .section-cnt .tabs ul, .category #main-cnt .section-cnt .tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } .page-template-template-news #main-cnt .section-cnt .tabs ul li, .blog #main-cnt .section-cnt .tabs ul li, .category #main-cnt .section-cnt .tabs ul li { display: inline-block; vertical-align: middle; margin-right: 25px; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .page-template-template-news #main-cnt .section-cnt .tabs ul li, .blog #main-cnt .section-cnt .tabs ul li, .category #main-cnt .section-cnt .tabs ul li { margin-right: 10px; margin-left: 15px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .tabs ul li, .blog #main-cnt .section-cnt .tabs ul li, .category #main-cnt .section-cnt .tabs ul li { display: block; margin-right: 0px; } .page-template-template-news #main-cnt .section-cnt .tabs ul li:not(:first-child), .blog #main-cnt .section-cnt .tabs ul li:not(:first-child), .category #main-cnt .section-cnt .tabs ul li:not(:first-child) { display: none; } } .page-template-template-news #main-cnt .section-cnt .tabs ul li a, .blog #main-cnt .section-cnt .tabs ul li a, .category #main-cnt .section-cnt .tabs ul li a { display: inline-block; vertical-align: middle; font-family: "roboto-regular"; font-size: 16px; color: #0D60BF; line-height: 24px; text-transform: uppercase; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .tabs ul li a, .blog #main-cnt .section-cnt .tabs ul li a, .category #main-cnt .section-cnt .tabs ul li a { font-size: 14px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .tabs ul li a, .blog #main-cnt .section-cnt .tabs ul li a, .category #main-cnt .section-cnt .tabs ul li a { text-indent: 0px; color: #353535; } } .page-template-template-news #main-cnt .section-cnt .tabs ul li.active, .blog #main-cnt .section-cnt .tabs ul li.active, .category #main-cnt .section-cnt .tabs ul li.active { position: relative; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .tabs ul li.active, .blog #main-cnt .section-cnt .tabs ul li.active, .category #main-cnt .section-cnt .tabs ul li.active { margin-bottom: 20px; } } .page-template-template-news #main-cnt .section-cnt .tabs ul li.active a, .blog #main-cnt .section-cnt .tabs ul li.active a, .category #main-cnt .section-cnt .tabs ul li.active a { color: #000; } .page-template-template-news #main-cnt .section-cnt .tabs ul li.active:after, .blog #main-cnt .section-cnt .tabs ul li.active:after, .category #main-cnt .section-cnt .tabs ul li.active:after { content: ''; width: 100%; height: 5px; background: #ff7c00; border-radius: 8px; display: inline-block; position: absolute; top: calc(100% + 6px); left: 0; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .tabs ul li.active:after, .blog #main-cnt .section-cnt .tabs ul li.active:after, .category #main-cnt .section-cnt .tabs ul li.active:after { display: none; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt #mobile-tabs li.active a, .blog #main-cnt .section-cnt #mobile-tabs li.active a, .category #main-cnt .section-cnt #mobile-tabs li.active a { font-family: "roboto-medium"; } } .page-template-template-news #main-cnt .section-cnt .news-cnt, .blog #main-cnt .section-cnt .news-cnt, .category #main-cnt .section-cnt .news-cnt { margin-top: 50px; padding: 0 10vw; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .news-cnt, .blog #main-cnt .section-cnt .news-cnt, .category #main-cnt .section-cnt .news-cnt { padding: 0 3vw; } } .page-template-template-news #main-cnt .section-cnt .news-cnt .section-title, .blog #main-cnt .section-cnt .news-cnt .section-title, .category #main-cnt .section-cnt .news-cnt .section-title { width: 100%; font-family: "nunito-bold"; font-size: 22px; color: #282828; letter-spacing: 0; line-height: 30px; padding: 15px 0; border-bottom: 2px solid #BEBEBE; } .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item { padding: 20px 0; border-bottom: 1px solid #BEBEBE; display: block; } .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .image, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .image, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .image { width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; background-size: cover; -o-object-fit: cover; object-fit: cover; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 35px; overflow: hidden; } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .image, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .image, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .image { width: 50px; height: 50px; margin-right: 30px; } } .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt { width: calc(100% - 140px); display: inline-block; vertical-align: middle; } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt { width: calc(100% - 85px); } } .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2 { font-family: "nunito-semibold"; font-size: 32px; color: #1D3347; line-height: 40px; -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; } .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2:hover, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2:hover, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2:hover { color: #006EB3; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2 { font-size: 26px; line-height: 38px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt h2 { font-size: 18px; line-height: 26px; } } .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .date, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .date, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .date { font-size: 15px; color: #595959; line-height: 20px; text-transform: uppercase; } .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .title, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .title, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .title { font-family: "nunito-bold"; font-size: 20px; color: #1D3347; letter-spacing: 0; line-height: 27px; -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; } .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .title:hover, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .title:hover, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .title:hover { color: #006EB3; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-news #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .title, .blog #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .title, .category #main-cnt .section-cnt .news-cnt.image-text .news-container .news-item .text-cnt .title { font-size: 18px; line-height: 26px; } } .page-template-template-news #main-cnt .section-cnt .news-cnt.text .news-container .news-item, .blog #main-cnt .section-cnt .news-cnt.text .news-container .news-item, .category #main-cnt .section-cnt .news-cnt.text .news-container .news-item { padding: 15px 0; border-bottom: 1px solid #BEBEBE; display: block; } .page-template-template-news #main-cnt .section-cnt .news-cnt.text .news-container .news-item p, .blog #main-cnt .section-cnt .news-cnt.text .news-container .news-item p, .category #main-cnt .section-cnt .news-cnt.text .news-container .news-item p { font-family: "roboto-regular"; font-size: 16px; color: #343434; line-height: 20px; -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; } .page-template-template-news #main-cnt .section-cnt .news-cnt.text .news-container .news-item p:hover, .blog #main-cnt .section-cnt .news-cnt.text .news-container .news-item p:hover, .category #main-cnt .section-cnt .news-cnt.text .news-container .news-item p:hover { color: #006EB3; } .page-template-template-news #main-cnt .section-cnt .news-item.no-posts p, .blog #main-cnt .section-cnt .news-item.no-posts p, .category #main-cnt .section-cnt .news-item.no-posts p { font-family: "roboto-regular"; font-size: 16px; color: #343434; line-height: 20px; -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; } .page-template-template-news #main-cnt .section-cnt .news-item.no-posts p:hover, .blog #main-cnt .section-cnt .news-item.no-posts p:hover, .category #main-cnt .section-cnt .news-item.no-posts p:hover { color: #343434; } .page-template-template-news-detail #main, .page-template-default #main, .tag-data #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-news-detail #main, .page-template-default #main, .tag-data #main { padding-top: 142px; } } .page-template-template-news-detail .breadcrumbs, .page-template-default .breadcrumbs, .tag-data .breadcrumbs { max-width: 500px; } .page-template-template-news-detail:not(.home) #main-cnt .sidebar, .page-template-default:not(.home) #main-cnt .sidebar, .tag-data:not(.home) #main-cnt .sidebar { width: 28%; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .sidebar, .page-template-default:not(.home) #main-cnt .sidebar, .tag-data:not(.home) #main-cnt .sidebar { width: 100%; padding: 4vh 7vw 10vh 7vw; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt, .page-template-default:not(.home) #main-cnt .section-cnt, .tag-data:not(.home) #main-cnt .section-cnt { width: 72%; margin-top: -42px; padding-bottom: 170px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt, .page-template-default:not(.home) #main-cnt .section-cnt, .tag-data:not(.home) #main-cnt .section-cnt { width: 100%; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .tabs, .page-template-default:not(.home) #main-cnt .section-cnt .tabs, .tag-data:not(.home) #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .tabs, .page-template-default:not(.home) #main-cnt .section-cnt .tabs, .tag-data:not(.home) #main-cnt .section-cnt .tabs { border-radius: 0px; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post, .page-template-default:not(.home) #main-cnt .section-cnt .post, .tag-data:not(.home) #main-cnt .section-cnt .post { padding: 0vh 7vw 10vh 7vw; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-title, .page-template-default:not(.home) #main-cnt .section-cnt .post-title, .tag-data:not(.home) #main-cnt .section-cnt .post-title { position: relative; margin-bottom: 40px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-title, .page-template-default:not(.home) #main-cnt .section-cnt .post-title, .tag-data:not(.home) #main-cnt .section-cnt .post-title { padding-right: 11vw; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-title h2, .page-template-default:not(.home) #main-cnt .section-cnt .post-title h2, .tag-data:not(.home) #main-cnt .section-cnt .post-title h2 { font-family: "nunito-regular"; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-title h2, .page-template-default:not(.home) #main-cnt .section-cnt .post-title h2, .tag-data:not(.home) #main-cnt .section-cnt .post-title h2 { font-size: 32px; line-height: 44px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-title h2, .page-template-default:not(.home) #main-cnt .section-cnt .post-title h2, .tag-data:not(.home) #main-cnt .section-cnt .post-title h2 { font-size: 24px; line-height: 34px; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-title .post-date, .page-template-default:not(.home) #main-cnt .section-cnt .post-title .post-date, .tag-data:not(.home) #main-cnt .section-cnt .post-title .post-date { margin: 20px 0px 0 0px; font-family: "roboto-regular"; font-size: 16px; color: #595959; line-height: 20px; text-transform: uppercase; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-title .post-date, .page-template-default:not(.home) #main-cnt .section-cnt .post-title .post-date, .tag-data:not(.home) #main-cnt .section-cnt .post-title .post-date { font-size: 14px; line-height: 26px; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt { padding: 0 10vw 0 0; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt { padding: 0; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt p, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt p, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt p { font-family: "roboto-regular"; font-size: 16px; line-height: 24px; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt img, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt img, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt img { display: block; margin-top: 20px; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt .image-caption, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt .image-caption, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt .image-caption { font-family: "roboto-medium"; font-size: 14px; line-height: 20px; color: #757575; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt .image-caption, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt .image-caption, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt .image-caption { font-size: 12px; line-height: 24px; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt h3, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt h3, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt h3 { margin-top: 40px; font-family: "nunito-semibold"; font-size: 22px; line-height: 30px; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt h3 a:hover, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt h3 a:hover, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt h3 a:hover { text-decoration: underline !important; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt li>a:hover, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt li>a:hover, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt li>a:hover { text-decoration: underline !important; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt a:not(.green-btn):not(.blue-btn), .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt a:not(.green-btn):not(.blue-btn), .tag-data:not(.home) #main-cnt .section-cnt .post-cnt a:not(.green-btn):not(.blue-btn) { color: #1565C0; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt p a, .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt li a, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt p a, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt li a, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt p a, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt li a { font-size: 1em; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt p a:hover, .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-cnt li a:hover, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt p a:hover, .page-template-default:not(.home) #main-cnt .section-cnt .post-cnt li a:hover, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt p a:hover, .tag-data:not(.home) #main-cnt .section-cnt .post-cnt li a:hover { text-decoration: underline; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-tags, .page-template-default:not(.home) #main-cnt .section-cnt .post-tags, .tag-data:not(.home) #main-cnt .section-cnt .post-tags { margin: 40px 0; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .post-tags a, .page-template-default:not(.home) #main-cnt .section-cnt .post-tags a, .tag-data:not(.home) #main-cnt .section-cnt .post-tags a { font-family: "roboto-medium"; font-size: 14px; line-height: 24px; color: #0072D6; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .tags, .page-template-default:not(.home) #main-cnt .section-cnt .tags, .tag-data:not(.home) #main-cnt .section-cnt .tags { font-family: "roboto-medium"; font-size: 14px; line-height: 24px; color: #545454; letter-spacing: 0.47px; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .next-article, .page-template-default:not(.home) #main-cnt .section-cnt .next-article, .tag-data:not(.home) #main-cnt .section-cnt .next-article { border-top: 1px solid rgba(0,0,0,0.3); margin-right: 10vw; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .next-article p, .page-template-default:not(.home) #main-cnt .section-cnt .next-article p, .tag-data:not(.home) #main-cnt .section-cnt .next-article p { margin: 20px 0; font-family: "roboto-regular"; font-size: 20px; line-height: 22px; text-transform: uppercase; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .next-article p, .page-template-default:not(.home) #main-cnt .section-cnt .next-article p, .tag-data:not(.home) #main-cnt .section-cnt .next-article p { font-size: 18px; line-height: 30px; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .next-article a, .page-template-default:not(.home) #main-cnt .section-cnt .next-article a, .tag-data:not(.home) #main-cnt .section-cnt .next-article a { font-family: "roboto-medium"; font-size: 20px; line-height: 22px; color: #0072D6; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .next-article a, .page-template-default:not(.home) #main-cnt .section-cnt .next-article a, .tag-data:not(.home) #main-cnt .section-cnt .next-article a { font-size: 18px; line-height: 30px; } } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .social-share, .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing, .page-template-default:not(.home) #main-cnt .section-cnt .social-share, .page-template-default:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing, .tag-data:not(.home) #main-cnt .section-cnt .social-share, .tag-data:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing { position: absolute; right: 0px; top: 0px; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .social-share ul, .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing ul, .page-template-default:not(.home) #main-cnt .section-cnt .social-share ul, .page-template-default:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing ul, .tag-data:not(.home) #main-cnt .section-cnt .social-share ul, .tag-data:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing ul { list-style: none; padding: 0 !important; margin: 0 !important; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .social-share ul li, .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing ul li, .page-template-default:not(.home) #main-cnt .section-cnt .social-share ul li, .page-template-default:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing ul li, .tag-data:not(.home) #main-cnt .section-cnt .social-share ul li, .tag-data:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing ul li { margin-bottom: 20px !important; float: none !important; } .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .social-share .social-share-icon, .page-template-template-news-detail:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing .social-share-icon, .page-template-default:not(.home) #main-cnt .section-cnt .social-share .social-share-icon, .page-template-default:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing .social-share-icon, .tag-data:not(.home) #main-cnt .section-cnt .social-share .social-share-icon, .tag-data:not(.home) #main-cnt .section-cnt .heateor_sss_horizontal_sharing .social-share-icon { margin-bottom: 20px; } .page-template-template-news-detail .swiper-container, .page-template-default .swiper-container, .tag-data .swiper-container { width: 100%; height: 600px; margin-left: auto; margin-right: auto; margin-top: 10px; } .page-template-template-news-detail .swiper-slide, .page-template-default .swiper-slide, .tag-data .swiper-slide { background-size: cover; background-position: center; overflow: hidden; position: relative; } .page-template-template-news-detail .gallery-top, .page-template-default .gallery-top, .tag-data .gallery-top { height: 80%; width: 100%; margin-top: 0px; } .page-template-template-news-detail .gallery-top img, .page-template-default .gallery-top img, .tag-data .gallery-top img { width: auto; max-width: none; height: 100%; margin: 0 auto !important; } .page-template-template-news-detail .gallery-thumbs, .page-template-default .gallery-thumbs, .tag-data .gallery-thumbs { height: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; margin-top: 0px; } .page-template-template-news-detail .gallery-thumbs .swiper-slide, .page-template-default .gallery-thumbs .swiper-slide, .tag-data .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .page-template-template-news-detail .gallery-thumbs .swiper-slide-thumb-active, .page-template-default .gallery-thumbs .swiper-slide-thumb-active, .tag-data .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .page-template-template-news-detail .at-label, .page-template-default .at-label, .tag-data .at-label { font-family: "roboto-regular" !important; } .page-template-template-news-detail .at-svc-email, .page-template-default .at-svc-email, .tag-data .at-svc-email { background-color: #00ac59 !important; } .page-template-template-news-detail .at-resp-share-element .at-share-btn .at-label, .page-template-default .at-resp-share-element .at-share-btn .at-label, .tag-data .at-resp-share-element .at-share-btn .at-label { display: none !important; } .page-template-template-news-detail .at-style-responsive .at-share-btn, .page-template-default .at-style-responsive .at-share-btn, .tag-data .at-style-responsive .at-share-btn { padding: 5px 5px !important; margin: 0 2px 20px !important; width: 35px !important; height: 35px !important; } .page-template-template-news-detail .at-icon-wrapper, .page-template-default .at-icon-wrapper, .tag-data .at-icon-wrapper { border-radius: 50% !important; height: 35px !important; width: 35px !important; } .page-template-template-news-detail .at-icon-wrapper svg, .page-template-default .at-icon-wrapper svg, .tag-data .at-icon-wrapper svg { width: 25px !important; height: 25px !important; } .page-template-template-news-detail .at-share-btn-elements, .page-template-default .at-share-btn-elements, .tag-data .at-share-btn-elements { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; width: 32px !important; } .tag-data .section-cnt .entry-summary a { color: #1565C0; } .tag-data .section-cnt .entry-summary a:hover { text-decoration: underline; } .tag-data .section-cnt a:hover { text-decoration: underline; } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-template-business-center .info-bar { bottom: 50px; } } @media only screen and (max-width: 959px) and (min-width: 1px) { .page-template-template-business-center .info-bar { bottom: 0px; } } .page-template-template-business-center #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-business-center #main { padding-top: 142px; } } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-business-center #banner #desktop-banner-svg { display: none; } } .page-template-template-business-center #banner #mobile-banner-svg { display: none; width: 100%; } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-business-center #banner #mobile-banner-svg { display: block; top: auto; bottom: 0px; max-height: 300px; } } .page-template-template-business-center #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-business-center #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-business-center #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .sidebar { padding: 4vh 7vw 12vh 7vw; width: 100%; } .page-template-template-business-center #main-cnt .sidebar .active:before { display: none; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .mobile-tabs { position: relative; width: 100%; height: 36px; padding: 4px 0; text-indent: 20px; background: #FAFBFC; border-radius: 3px; border: 1px solid #888888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-template-template-business-center #main-cnt .mobile-tabs:after { content: ''; position: absolute; width: 10px; height: 5px; top: 16px; right: 20px; background: url(../images/dropdown-arrow.svg); } .page-template-template-business-center #main-cnt .mobile-tabs li:not(:first-child) { display: none; margin-bottom: 0 !important; background: #fbfbfb !important; border-left: 2px solid #006eb3; border-right: 2px solid #006eb3; z-index: 1; } .page-template-template-business-center #main-cnt .mobile-tabs li:not(:first-child):hover { background: #9FDCF6; } .page-template-template-business-center #main-cnt .mobile-tabs li { -webkit-box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); } .page-template-template-business-center #main-cnt .mobile-tabs li:nth-of-type(2) { position: relative; -webkit-box-shadow: 0 -1px 2px 0 rgba(16,16,16,0.1); box-shadow: 0 -1px 2px 0 rgba(16,16,16,0.1); background: #fbfbfb !important; } .page-template-template-business-center #main-cnt .mobile-tabs li:nth-of-type(2):after { content: ''; position: absolute; width: 10px; height: 5px; right: 20px; top: -5px; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url(../images/dropdown-arrow-white.svg); } .page-template-template-business-center #main-cnt .mobile-tabs li:last-child { border-radius: 0 0 4px 4px; } .page-template-template-business-center #main-cnt .mobile-tabs .sub-nav li { display: none; margin-bottom: 0 !important; background: #fbfbfb !important; -webkit-box-shadow: none !important; box-shadow: none !important; z-index: 1; } .page-template-template-business-center #main-cnt .mobile-tabs .sub-nav li:hover { background: #9FDCF6; } .page-template-template-business-center #main-cnt .mobile-tabs .sub-nav li:after { opacity: 0 !important; display: none !important; } } @media only screen and (max-width: 1024px) and (min-width: 1px) and (max-width: 1024px) { .page-template-template-business-center #main-cnt .mobile-tabs .sub-nav { margin-top: 0; padding-left: 0; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .mobile-tabs li:first-child .sub-nav li { border-left: 2px solid #006eb3; border-right: 2px solid #006eb3; border-bottom: none; margin-bottom: 0 !important; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 !important; } .page-template-template-business-center #main-cnt .mobile-tabs li:not(:first-child) .sub-nav li { border-left: none !important; border-right: none !important; border-bottom: none; margin-bottom: 0 !important; -webkit-box-shadow: none; box-shadow: none; } } .page-template-template-business-center #main-cnt .focus { background: #FAFBFC; border: 2px solid #006EB3; } .page-template-template-business-center #main-cnt .error { background: #FAFBFC; border: 2px solid #CC2B46; pointer-events: none; } .page-template-template-business-center #main-cnt .error li:not(:first-child) { display: none !important; } .page-template-template-business-center #main-cnt .error li a { color: #CC2B46 !important; } .page-template-template-business-center #main-cnt .disabled { background: #F2F4F5; border: 1px solid rgba(136,136,136,0.6); pointer-events: none; } .page-template-template-business-center #main-cnt .disabled li:not(:first-child) { display: none !important; } .page-template-template-business-center #main-cnt .disabled li a { color: rgba(0,0,0,0.4) !important; } .page-template-template-business-center #main-cnt .show { display: block !important; } .page-template-template-business-center #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 200px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt { width: 100%; } } .page-template-template-business-center #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 1085px) and (min-width: 1024px) { .page-template-template-business-center #main-cnt .section-cnt .tabs { padding: 36px 8vw; } } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .tabs { padding: 36px 2vw; border-top-left-radius: 0px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .tabs { border-radius: 0px; padding: 7vh 7vw 7vh 7vw; } } .page-template-template-business-center #main-cnt .section-cnt .contract-solicitations { margin: 0 7vw; padding-bottom: 102px; border-bottom: 1px solid rgba(0,0,0,0.3); top: -97px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-solicitations { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-business-center #main-cnt .section-cnt .contract-cnt { padding-right: 6vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-cnt { max-width: 100%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-cnt h3 { font-size: 20px; line-height: 32px; } } .page-template-template-business-center #main-cnt .section-cnt .contract-cnt p { margin: 30px 0px; font-family: "roboto-regular"; font-size: 20px; line-height: 30px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-cnt p { font-size: 16px; line-height: 26px; } } .page-template-template-business-center #main-cnt .section-cnt .contract-cnt a { position: relative; font-family: "roboto-medium"; font-size: 20px; line-height: 30px; color: #0072D6; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-cnt a { font-size: 16px; line-height: 28px; } } .page-template-template-business-center #main-cnt .section-cnt .contract-cnt a:after { content: ''; width: 7px; height: 100%; position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/blue-carret.svg) 50% no-repeat; background-size: contain; display: inline-block; } .page-template-template-business-center #main-cnt .section-cnt .contract-form { position: relative; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form { max-width: 100%; margin-top: 50px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form h4 { font-size: 16px; line-height: 28px; } } .page-template-template-business-center #main-cnt .section-cnt .contract-form .no-login { padding: 3vw; background: #F0F3F5; border: 1px solid rgba(0,0,0,0.12); border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(2,2,2,0.1); box-shadow: 0 0 0 1px rgba(2,2,2,0.1); position: absolute; top: -97px; width: 100%; } @media only screen and (min-width: 1441px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form .no-login { padding: 2vw; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form .no-login { top: 0; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form .no-login { position: relative; } } .page-template-template-business-center #main-cnt .section-cnt .contract-form form { padding: 3vw; background: #F0F3F5; border: 1px solid rgba(0,0,0,0.12); border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(2,2,2,0.1); box-shadow: 0 0 0 1px rgba(2,2,2,0.1); position: absolute; top: -97px; width: 100%; } @media only screen and (min-width: 1441px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form form { padding: 2vw; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form form { top: 0; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form form { position: relative; } } .page-template-template-business-center #main-cnt .section-cnt .contract-form label { font-family: "roboto-regular"; font-size: 16px; line-height: 18px; display: inline-block; cursor: none; font-weight: 400; letter-spacing: 0px; margin-top: 20px; text-transform: none; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form label { font-size: 16px; line-height: 26px; position: relative; top: -3px; left: 0px; } } .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_wrapper .gform_heading { margin-bottom: 0; } .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_wrapper .gform_heading h3.gform_title { font-family: "nunito-semibold"; font-size: 22px; line-height: 30px; margin: 0; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_wrapper .gform_heading h3.gform_title { font-size: 16px; line-height: 28px; } } .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_wrapper ul.gform_fieldsli.gfield { padding: 0; margin: 0; } .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_wrapper .top_label div.ginput_container { margin: 0; } .page-template-template-business-center #main-cnt .section-cnt .contract-form .field_description_below .gfield_description { padding: 0; font-family: "roboto-regular"; font-size: 16px; line-height: 20px; color: #0D60BF; margin-top: 5px; } .page-template-template-business-center #main-cnt .section-cnt .contract-form .gfield { margin: 0 !important; } .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_button.button { display: block; margin: 30px 0 0; text-indent: 0; text-transform: none; padding: 0 !important; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_button.button { margin-top: 10px; } } .page-template-template-business-center #main-cnt .section-cnt .contract-form .gform_footer { padding: 0; margin: 0; } .page-template-template-business-center #main-cnt .section-cnt input { margin-top: 10px; background: #FAFBFC; border: 1px solid #888888; color: #000; border-radius: 5px; text-indent: 25px; } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt input { margin-top: 0px; } } .page-template-template-business-center #main-cnt .section-cnt input[type="text"] { background-image: url(../images/user-icon.svg); background-repeat: no-repeat; background-position: 10px 10px; } .page-template-template-business-center #main-cnt .section-cnt input[type="password"] { background-image: url(../images/password-icon.svg); background-repeat: no-repeat; background-position: 10px 10px; } .page-template-template-business-center #main-cnt .section-cnt a { font-family: "roboto-regular"; font-size: 16px; line-height: 20px; color: #0D60BF; } .page-template-template-business-center #main-cnt .section-cnt button { display: block; margin-top: 30px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt button { margin-top: 10px; } } .page-template-template-business-center #main-cnt .section-cnt .contract-links .contract-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-links .contract-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; padding: 0 5vw; } } .page-template-template-business-center #main-cnt .section-cnt .contract-links .contract-link .contract-icon { padding: 0 3vw 0 7vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-links .contract-link .contract-icon { padding: 0; } } .page-template-template-business-center #main-cnt .section-cnt .contract-links .contract-link .contract-copy a { font-family: "roboto-medium"; font-size: 20px; line-height: 30px; color: #0072D6; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-links .contract-link .contract-copy a { font-size: 20px; line-height: 32px; } } .page-template-template-business-center #main-cnt .section-cnt .contract-links .contract-link .contract-copy p { margin-top: 5px; max-width: 65%; font-family: "roboto-regular"; font-size: 18px; line-height: 24px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-business-center #main-cnt .section-cnt .contract-links .contract-link .contract-copy p { max-width: 100%; font-size: 16px; line-height: 24px; } } .single-leadership #main, .page-template-template-organization #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .single-leadership #main, .page-template-template-organization #main { padding-top: 142px; } } .single-leadership #main-cnt, .page-template-template-organization #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .single-leadership #main-cnt, .page-template-template-organization #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .single-leadership #main-cnt .sidebar, .page-template-template-organization #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .single-leadership #main-cnt .sidebar, .page-template-template-organization #main-cnt .sidebar { padding: 4vh 7vw 12vh 7vw; width: 100%; } .single-leadership #main-cnt .sidebar .active:before, .page-template-template-organization #main-cnt .sidebar .active:before { display: none; } .single-leadership #main-cnt .sidebar ul li, .page-template-template-organization #main-cnt .sidebar ul li { margin-bottom: 0; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .single-leadership #main-cnt .mobile-tabs, .page-template-template-organization #main-cnt .mobile-tabs { position: relative; width: 100%; height: 36px; padding: 4px 0px; text-indent: 20px; background: #FAFBFC; border-radius: 3px; border: 1px solid #888888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .single-leadership #main-cnt .mobile-tabs:after, .page-template-template-organization #main-cnt .mobile-tabs:after { content: ''; position: absolute; width: 10px; height: 5px; top: 16px; right: 20px; background: url(../images/dropdown-arrow.svg); } .single-leadership #main-cnt .mobile-tabs li:not(:first-child), .page-template-template-organization #main-cnt .mobile-tabs li:not(:first-child) { display: none; margin-bottom: 0px !important; background: #fbfbfb !important; border-left: 2px solid #006eb3; border-right: 2px solid #006eb3; z-index: 1; } .single-leadership #main-cnt .mobile-tabs li:not(:first-child):hover, .page-template-template-organization #main-cnt .mobile-tabs li:not(:first-child):hover { background: #9FDCF6; } .single-leadership #main-cnt .mobile-tabs li, .page-template-template-organization #main-cnt .mobile-tabs li { -webkit-box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); } .single-leadership #main-cnt .mobile-tabs li:nth-of-type(2), .page-template-template-organization #main-cnt .mobile-tabs li:nth-of-type(2) { position: relative; -webkit-box-shadow: none; box-shadow: none; background: #fbfbfb !important; } .single-leadership #main-cnt .mobile-tabs li:nth-of-type(2):after, .page-template-template-organization #main-cnt .mobile-tabs li:nth-of-type(2):after { content: ''; position: absolute; width: 10px; height: 5px; right: 20px; top: -5px; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url(../images/dropdown-arrow-white.svg); } .single-leadership #main-cnt .mobile-tabs li:last-child, .page-template-template-organization #main-cnt .mobile-tabs li:last-child { border-radius: 0px 0px 4px 4px; } .single-leadership #main-cnt .mobile-tabs .sub-nav li, .page-template-template-organization #main-cnt .mobile-tabs .sub-nav li { display: none; margin-bottom: 0 !important; background: #fbfbfb !important; -webkit-box-shadow: none !important; box-shadow: none !important; z-index: 1; } .single-leadership #main-cnt .mobile-tabs .sub-nav li:hover, .page-template-template-organization #main-cnt .mobile-tabs .sub-nav li:hover { background: #9FDCF6; } .single-leadership #main-cnt .mobile-tabs .sub-nav li:after, .page-template-template-organization #main-cnt .mobile-tabs .sub-nav li:after { opacity: 0 !important; display: none !important; } } @media only screen and (max-width: 1024px) and (min-width: 1px) and (max-width: 1024px) { .single-leadership #main-cnt .mobile-tabs .sub-nav, .page-template-template-organization #main-cnt .mobile-tabs .sub-nav { margin-top: 0; padding-left: 0; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .single-leadership #main-cnt .mobile-tabs li:first-child .sub-nav li, .page-template-template-organization #main-cnt .mobile-tabs li:first-child .sub-nav li { border-left: 2px solid #006eb3; border-right: 2px solid #006eb3; border-bottom: none; margin-bottom: 0 !important; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 !important; } .single-leadership #main-cnt .mobile-tabs li:not(:first-child) .sub-nav li, .page-template-template-organization #main-cnt .mobile-tabs li:not(:first-child) .sub-nav li { border-left: none !important; border-right: none !important; border-bottom: none; margin-bottom: 0 !important; -webkit-box-shadow: none; box-shadow: none; } } .single-leadership #main-cnt .section-cnt, .page-template-template-organization #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 200px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt, .page-template-template-organization #main-cnt .section-cnt { width: 100%; } } .single-leadership #main-cnt .section-cnt .tabs, .page-template-template-organization #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 1085px) and (min-width: 1024px) { .single-leadership #main-cnt .section-cnt .tabs, .page-template-template-organization #main-cnt .section-cnt .tabs { padding: 36px 8vw; } } @media only screen and (max-width: 1023px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .tabs, .page-template-template-organization #main-cnt .section-cnt .tabs { padding: 36px 2vw; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .tabs, .page-template-template-organization #main-cnt .section-cnt .tabs { border-radius: 0px; padding: 7vh 7vw 7vh 7vw; } } .single-leadership #main-cnt .section-cnt .executive-management, .page-template-template-organization #main-cnt .section-cnt .executive-management { padding: 0 13vw 0 7vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .executive-management, .page-template-template-organization #main-cnt .section-cnt .executive-management { padding: 0 7vw 0 7vw; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .executive-management h3, .page-template-template-organization #main-cnt .section-cnt .executive-management h3 { font-size: 20px; line-height: 32px; text-align: center; } } .single-leadership #main-cnt .section-cnt .executive-management p, .page-template-template-organization #main-cnt .section-cnt .executive-management p { font-family: "roboto-regular"; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .executive-management p, .page-template-template-organization #main-cnt .section-cnt .executive-management p { font-size: 16px; line-height: 26px; text-align: center; } } .single-leadership #main-cnt .section-cnt .executive-management-profiles, .page-template-template-organization #main-cnt .section-cnt .executive-management-profiles { padding: 0 13vw 0 7vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .executive-management-profiles, .page-template-template-organization #main-cnt .section-cnt .executive-management-profiles { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 7vw 0 7vw; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .profiles, .page-template-template-organization #main-cnt .section-cnt .profiles { max-width: 100%; } } .single-leadership #main-cnt .section-cnt .profile, .page-template-template-organization #main-cnt .section-cnt .profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; } .single-leadership #main-cnt .section-cnt .profile .profile-icon, .page-template-template-organization #main-cnt .section-cnt .profile .profile-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .single-leadership #main-cnt .section-cnt .profile .profile-icon img, .page-template-template-organization #main-cnt .section-cnt .profile .profile-icon img { max-width: 80px; max-height: 80px; min-width: 80px; max-height: 80px; border-radius: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } @media (max-width: 1023px) { .single-leadership #main-cnt .section-cnt .profile .profile-icon img, .page-template-template-organization #main-cnt .section-cnt .profile .profile-icon img { max-width: 100px; max-height: 100px; min-width: 100px; min-height: 100px; } } .single-leadership #main-cnt .section-cnt .profile .profile-copy, .page-template-template-organization #main-cnt .section-cnt .profile .profile-copy { max-width: 200px; } .single-leadership #main-cnt .section-cnt .profile p, .page-template-template-organization #main-cnt .section-cnt .profile p { margin-top: 0px; font-family: "roboto-regular"; font-size: 20px; line-height: 30px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .profile p, .page-template-template-organization #main-cnt .section-cnt .profile p { font-size: 18px; line-height: 26px; } } .single-leadership #main-cnt .section-cnt .profile p:not(:first-child), .page-template-template-organization #main-cnt .section-cnt .profile p:not(:first-child) { font-size: 16px; line-height: 22px; color: #595959; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .profile p:not(:first-child), .page-template-template-organization #main-cnt .section-cnt .profile p:not(:first-child) { max-width: 150px; font-size: 14px; line-height: 20px; } } .single-leadership #main-cnt .section-cnt .profile img, .page-template-template-organization #main-cnt .section-cnt .profile img { margin-right: 40px; } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-paying-your-bill _:lang(x)::-ms-backdrop, .page-template-template-paying-your-bill .pay-bill, .template-pay-bill _:lang(x)::-ms-backdrop, .template-pay-bill .pay-bill { -ms-flex-direction: row !important; flex-direction: row !important; } } .page-template-template-paying-your-bill #main, .template-pay-bill #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-paying-your-bill #main, .template-pay-bill #main { padding-top: 142px; } } .page-template-template-paying-your-bill #banner .text-cnt h1, .template-pay-bill #banner .text-cnt h1 { margin-bottom: 40px; font-size: 46px; font-family: "nunito-regular"; color: #FFFFFF; line-height: 46px; text-shadow: 0 2px 12px rgba(116,116,116,0.5); } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-paying-your-bill #banner .text-cnt h1, .template-pay-bill #banner .text-cnt h1 { -ms-flex-preferred-size: 55%; flex-basis: 55%; max-width: 55%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #banner .text-cnt h1, .template-pay-bill #banner .text-cnt h1 { font-size: 30px; line-height: 36px; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-paying-your-bill .bg, .template-pay-bill .bg { background-image: url(../images/tablet-your-water-banner.png) !important; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill .bg, .template-pay-bill .bg { background-image: url(../images/mobile-your-water-banner.png) !important; } } .page-template-template-paying-your-bill #main-cnt, .template-pay-bill #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt, .template-pay-bill #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-paying-your-bill #main-cnt .sidebar, .template-pay-bill #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .sidebar, .template-pay-bill #main-cnt .sidebar { padding: 4vh 7vw 12vh 7vw; width: 100%; } .page-template-template-paying-your-bill #main-cnt .sidebar .active:before, .template-pay-bill #main-cnt .sidebar .active:before { display: none; } } .page-template-template-paying-your-bill #main-cnt .section-cnt, .template-pay-bill #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 200px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt, .template-pay-bill #main-cnt .section-cnt { width: 100%; padding: 0 0 100px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .tabs, .template-pay-bill #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .tabs, .template-pay-bill #main-cnt .section-cnt .tabs { border-top-left-radius: 0px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill, .template-pay-bill #main-cnt .section-cnt .pay-bill { margin: 4vh 7vw 12vh 7vw; padding-bottom: 75px; line-height: 22px; } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill:not(:last-of-type), .template-pay-bill #main-cnt .section-cnt .pay-bill:not(:last-of-type) { border-bottom: 1px solid rgba(0,0,0,0.3); } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill, .template-pay-bill #main-cnt .section-cnt .pay-bill { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-icon { margin-right: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-icon { max-width: 100%; margin-right: 0px; margin-bottom: 25px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-content { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-content h2, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-content h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-content { max-width: 100%; text-align: center; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-content { font-size: 16px; line-height: 26px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info { max-width: 36%; -ms-flex-item-align: center; align-self: center; position: relative; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info { width: 50%; max-width: 100%; margin-top: 25px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info { width: 100%; max-width: 100%; margin-top: 25px; font-size: 16px; line-height: 26px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button { position: absolute; top: -50px; } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn img, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button img, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button img, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button img, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button img, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn img, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button img, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button img, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button img, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button img { margin-left: 5px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button, .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button { position: static; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn:not(:first-child), .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button:not(:first-child), .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button:not(:first-child), .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn:not(:first-child), .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button:not(:first-child), .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button:not(:first-child), .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button:not(:first-child) { position: absolute; top: 40px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn:not(:first-child), .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button:not(:first-child), .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button:not(:first-child), .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .blue-btn:not(:first-child), .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-bill .pay-info .contract-form .gform_button.button:not(:first-child), .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button:not(:first-child), .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-bill .pay-info .gform_button.button:not(:first-child) { position: static; margin-top: 25px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online, .template-pay-bill #main-cnt .section-cnt .pay-online { margin: 4vh 7vw 12vh 7vw; border-bottom: 1px solid rgba(0,0,0,0.3); padding-bottom: 75px; line-height: 22px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online, .template-pay-bill #main-cnt .section-cnt .pay-online { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-icon { margin-right: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-icon { max-width: 100%; margin-right: 0px; margin-bottom: 25px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-content { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-content h2, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-content h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-content { max-width: 100%; text-align: center; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-content { font-size: 16px; line-height: 26px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info { max-width: 36%; -ms-flex-item-align: center; align-self: center; position: relative; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info { width: 50%; max-width: 100%; margin-top: 25px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info { width: 100%; max-width: 100%; margin-top: 25px; font-size: 16px; line-height: 26px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button { position: absolute; top: -50px; } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn img, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button img, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button img, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button img, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button img, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn img, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button img, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button img, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button img, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button img { margin-left: 5px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button, .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button, .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button, .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button, .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button, .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button { position: static; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn:not(:first-child), .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button:not(:first-child), .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button:not(:first-child), .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn:not(:first-child), .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button:not(:first-child), .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button:not(:first-child), .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button:not(:first-child) { position: absolute; top: 40px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn:not(:first-child), .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-paying-your-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button:not(:first-child), .page-template-template-business-center .page-template-template-paying-your-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button:not(:first-child), .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .blue-btn:not(:first-child), .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button:not(:first-child), .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .pay-online .pay-info .contract-form .gform_button.button:not(:first-child), .template-pay-bill .page-template-template-business-center #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button:not(:first-child), .page-template-template-business-center .template-pay-bill #main-cnt .section-cnt .contract-form .pay-online .pay-info .gform_button.button:not(:first-child) { position: static; margin-top: 25px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person, .template-pay-bill #main-cnt .section-cnt .pay-in-person { margin: 4vh 7vw 12vh 7vw; border-bottom: 1px solid rgba(0,0,0,0.3); padding-bottom: 75px; line-height: 22px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person, .template-pay-bill #main-cnt .section-cnt .pay-in-person { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-in-person .pay-icon { margin-right: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-in-person .pay-icon { max-width: 100%; margin-right: 0px; margin-bottom: 25px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-in-person .pay-content { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person .pay-content h2, .template-pay-bill #main-cnt .section-cnt .pay-in-person .pay-content h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-in-person .pay-content { max-width: 100%; text-align: center; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-in-person .pay-content { font-size: 16px; line-height: 26px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-in-person .pay-info { max-width: 36%; -ms-flex-item-align: center; align-self: center; position: relative; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-in-person .pay-info { width: 60%; max-width: 100%; margin-top: 25px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-in-person .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-in-person .pay-info { width: 100%; max-width: 100%; margin-top: 25px; font-size: 16px; line-height: 26px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone, .template-pay-bill #main-cnt .section-cnt .pay-by-phone { margin: 4vh 7vw 12vh 7vw; border-bottom: 1px solid rgba(0,0,0,0.3); padding-bottom: 75px; line-height: 22px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone, .template-pay-bill #main-cnt .section-cnt .pay-by-phone { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-icon { margin-right: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-icon { max-width: 100%; margin-right: 0px; margin-bottom: 25px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-content { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-content h2, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-content h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-content { max-width: 100%; text-align: center; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-content { font-size: 16px; line-height: 26px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-info { max-width: 36%; -ms-flex-item-align: center; align-self: center; position: relative; font-size: 18px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-info { max-width: 100%; margin-top: 25px; text-align: center; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-info { font-size: 16px; line-height: 26px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-info .bold, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-info .bold { font-weight: 800; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-phone .pay-info .bold, .template-pay-bill #main-cnt .section-cnt .pay-by-phone .pay-info .bold { display: block; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail, .template-pay-bill #main-cnt .section-cnt .pay-by-mail { margin: 4vh 7vw 12vh 7vw; padding-bottom: 75px; line-height: 22px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail, .template-pay-bill #main-cnt .section-cnt .pay-by-mail { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-by-mail .pay-icon { margin-right: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail .pay-icon, .template-pay-bill #main-cnt .section-cnt .pay-by-mail .pay-icon { max-width: 100%; margin-right: 0px; margin-bottom: 25px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-by-mail .pay-content { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail .pay-content h2, .template-pay-bill #main-cnt .section-cnt .pay-by-mail .pay-content h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail .pay-content, .template-pay-bill #main-cnt .section-cnt .pay-by-mail .pay-content { max-width: 100%; text-align: center; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-by-mail .pay-info { max-width: 36%; -ms-flex-item-align: center; align-self: center; position: relative; font-size: 18px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-by-mail .pay-info { max-width: 100%; margin-top: 25px; text-align: center; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail .pay-info, .template-pay-bill #main-cnt .section-cnt .pay-by-mail .pay-info { font-size: 16px; line-height: 26px; } } .page-template-template-paying-your-bill #main-cnt .section-cnt .pay-by-mail .pay-info .bold, .template-pay-bill #main-cnt .section-cnt .pay-by-mail .pay-info .bold { font-weight: 800; } .page-template-template-who-we-are #main, .page-template-template-about #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-who-we-are #main, .page-template-template-about #main { padding-top: 142px; } } .page-template-template-who-we-are #banner #desktop-banner-svg, .page-template-template-about #banner #desktop-banner-svg { height: 102%; } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-who-we-are #banner #desktop-banner-svg, .page-template-template-about #banner #desktop-banner-svg { display: none; } } .page-template-template-who-we-are #banner #mobile-banner-svg, .page-template-template-about #banner #mobile-banner-svg { display: none; width: 100%; } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-who-we-are #banner #mobile-banner-svg, .page-template-template-about #banner #mobile-banner-svg { display: block; top: auto; bottom: 0px; max-height: 330px; } } .page-template-template-who-we-are _:lang(x)::-ms-backdrop, .page-template-template-who-we-are .transparent-btn, .page-template-template-who-we-are .page-template-template-404 #main-cnt .text-404 .transparent-btn, .page-template-template-404 #main-cnt .text-404 .page-template-template-who-we-are .transparent-btn, .page-template-template-who-we-are .page-template-template-404 #main-cnt .text-404 a, .page-template-template-404 #main-cnt .text-404 .page-template-template-who-we-are a, .page-template-template-who-we-are .error404 #main-cnt .text-404 .transparent-btn, .error404 #main-cnt .text-404 .page-template-template-who-we-are .transparent-btn, .page-template-template-who-we-are .error404 #main-cnt .text-404 a, .error404 #main-cnt .text-404 .page-template-template-who-we-are a, .page-template-template-about _:lang(x)::-ms-backdrop, .page-template-template-about .transparent-btn, .page-template-template-about .page-template-template-404 #main-cnt .text-404 .transparent-btn, .page-template-template-404 #main-cnt .text-404 .page-template-template-about .transparent-btn, .page-template-template-about .page-template-template-404 #main-cnt .text-404 a, .page-template-template-404 #main-cnt .text-404 .page-template-template-about a, .page-template-template-about .error404 #main-cnt .text-404 .transparent-btn, .error404 #main-cnt .text-404 .page-template-template-about .transparent-btn, .page-template-template-about .error404 #main-cnt .text-404 a, .error404 #main-cnt .text-404 .page-template-template-about a { margin-top: 105px !important; } .page-template-template-who-we-are #main-cnt, .page-template-template-about #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt, .page-template-template-about #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-who-we-are #main-cnt .sidebar, .page-template-template-about #main-cnt .sidebar { width: 60%; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .sidebar, .page-template-template-about #main-cnt .sidebar { padding: 0vh 0vw 6vh 0vw; width: 100%; } .page-template-template-who-we-are #main-cnt .sidebar .active:before, .page-template-template-about #main-cnt .sidebar .active:before { display: none; } } .page-template-template-who-we-are #main-cnt .sidebar img, .page-template-template-about #main-cnt .sidebar img { width: 100%; } .page-template-template-who-we-are #main-cnt .sidebar .who-we-are-links, .page-template-template-about #main-cnt .sidebar .who-we-are-links { padding: 5vw 10vw 60px 8vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .sidebar .who-we-are-links, .page-template-template-about #main-cnt .sidebar .who-we-are-links { text-align: center; } } .page-template-template-who-we-are #main-cnt .sidebar .who-we-are-links .who-we-are-link, .page-template-template-about #main-cnt .sidebar .who-we-are-links .who-we-are-link { margin-bottom: 40px; } .page-template-template-who-we-are #main-cnt .sidebar .who-we-are-links .who-we-are-link a, .page-template-template-about #main-cnt .sidebar .who-we-are-links .who-we-are-link a { font-family: "roboto-medium"; font-size: 20px; line-height: 30px; color: #035AA6; } .page-template-template-who-we-are #main-cnt .sidebar .who-we-are-links .who-we-are-link p, .page-template-template-about #main-cnt .sidebar .who-we-are-links .who-we-are-link p { margin-top: 5px; font-family: "roboto-regular"; font-size: 16px; line-height: 24px; } .page-template-template-who-we-are #main-cnt .section-cnt, .page-template-template-about #main-cnt .section-cnt { width: 56%; margin-top: -60px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt, .page-template-template-about #main-cnt .section-cnt { width: 100%; } } .page-template-template-who-we-are #main-cnt .section-cnt .tabs, .page-template-template-about #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 1085px) and (min-width: 1024px) { .page-template-template-who-we-are #main-cnt .section-cnt .tabs, .page-template-template-about #main-cnt .section-cnt .tabs { padding: 36px 8vw; } } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .tabs, .page-template-template-about #main-cnt .section-cnt .tabs { padding: 36px 2vw; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .tabs, .page-template-template-about #main-cnt .section-cnt .tabs { display: none; } } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt { padding: 0 7vw 0 7vw; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt { padding: 7vw 7vw 0 7vw; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt { padding: 20vw 7vw 0 7vw; } } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt h2, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt h2 { margin: 50px 0px 100px 0px; position: relative; font-family: "nunito-regular"; color: #2E4152; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt h2, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt h2 { font-size: 30px; line-height: 30px; text-align: center; } } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt h2:before, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt h2:before { content: ''; position: absolute; bottom: -40px; width: 40px; border-radius: 20px; height: 4px; background: #FF8522; } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto { margin-bottom: 50px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto { text-align: center; } } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto h3, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto h3 { color: #2E4152; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto h3, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto h3 { font-size: 20px; } } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto p, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto p { font-family: "roboto-regular"; font-size: 20px; line-height: 30px; color: #2E4152; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto p, .page-template-template-about #main-cnt .section-cnt .who-we-are-cnt .who-we-are-motto p { font-size: 16px; line-height: 24px; margin-top: 5px; } } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote { padding: 10vw 7vw 10vw 7vw; margin-left: 0px; margin-top: 80px; background: url(../images/who-we-are-colors.svg); height: 100%; background-repeat: no-repeat; background-size: cover; font-family: "roboto-medium"; } @media only screen and (min-width: 1441px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote { height: 100%; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote { padding: 20vh 7vw 30vh 7vw; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote { height: auto; text-align: center; } } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote blockquote, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote blockquote { border: none; margin: 0; padding: 0; line-height: 1; } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote q, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote q { font-size: 30px; color: #92C9E0; } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote span, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote span { font-family: "nunito-semibold"; color: #fff; } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote span.large, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote span.large { font-size: 32px; line-height: 40px; } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote span.medium, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote span.medium { font-size: 22px; line-height: 30px; } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote span.small, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote span.small { font-size: 16px; line-height: 24px; } .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote .author, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote .author { font-family: "roboto-medium"; font-size: 20px; line-height: 30px; color: #c7e3f1; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-who-we-are #main-cnt .section-cnt .who-we-are-quote .author, .page-template-template-about #main-cnt .section-cnt .who-we-are-quote .author { text-align: center; } } .single-campaign { padding-top: 0; } .single-campaign .mfp-content { border-radius: 15px; width: 100%; max-width: 90%; } .single-campaign .mfp-content .mfp-close { color: black; top: 2px; right: 0; z-index: 999; } .single-campaign .mfp-content img.mfp-img { background: white; padding: 40px 0; border-radius: 15px; width: 100%; -o-object-fit: contain; object-fit: contain; } .single-campaign .mfp-iframe { background: white; padding: 40px; border-radius: 15px; } .single-campaign .main { padding-top: 49px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-campaign .main { padding-top: 130px; } } .single-campaign .main .campaign .container { margin-left: auto; margin-right: auto; position: relative; } .single-campaign .main .campaign__content { margin-top: 32px; } .single-campaign .main .campaign__header { height: 518px; position: relative; } @media only screen and (max-width: 767px) { .single-campaign .main .campaign__header { height: auto; } } .single-campaign .main .campaign__header-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; overflow: hidden; z-index: 9; top: 167px; height: 311px; padding: 0 5%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .single-campaign .main .campaign__header-content { top: 0; margin-top: 20px; height: auto; } } .single-campaign .main .campaign__header-content-inner { width: 50%; } @media only screen and (max-width: 767px) { .single-campaign .main .campaign__header-content-inner { width: 100%; } } @media only screen and (max-width: 767px) { .single-campaign .main .campaign__header-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .single-campaign .main .campaign__header-title { color: #FFFFFF; font-size: 38px; font-weight: 600; letter-spacing: 0.18px; line-height: 50px; } .single-campaign .main .campaign__header-video-container { width: 50%; display: block; position: relative; } @media only screen and (max-width: 767px) { .single-campaign .main .campaign__header-video-container { width: 100%; } } .single-campaign .main .campaign__header-video-container img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; position: relative; } .single-campaign .main .campaign__header-video-container .play-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; height: 50px; background-color: #006EB3; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0.8; pointer-events: none; } .single-campaign .main .campaign__header-video-container .play-icon::after { content: ''; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid white; } .single-campaign .main .campaign__header-video-meta { margin-top: 12px; opacity: 0.8; color: #FFFFFF; font-size: 18px; letter-spacing: 0; line-height: 30px; } .single-campaign .main .campaign__header-background { height: 518px; width: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } .single-campaign .main .campaign__header-logo { position: absolute; -o-object-fit: contain; object-fit: contain; width: 174px; height: 150px; top: 59px; left: 59px; z-index: 9; } @media only screen and (max-width: 767px) { .single-campaign .main .campaign__header-logo { width: 100%; left: 0; top: 0; margin-top: 20px; position: relative; } } .single-campaign .main .campaign__media-video { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33%; padding: 15px; margin-bottom: 32px; } @media only screen and (max-width: 767px) { .single-campaign .main .campaign__media-video { margin-left: auto; margin-right: auto; padding: 0; } } .single-campaign .main .campaign__media-video-image { height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; } @media only screen and (max-width: 767px) { .single-campaign .main .campaign__media-video-image { width: 100%; } } .single-campaign .main .campaign__media-video-title { color: #0072D6; font-size: 22px; font-weight: bold; letter-spacing: 0; line-height: 28px; margin-top: 15px; } .single-campaign .main .campaign__media-video-category { height: 18px; width: 348px; color: #757575; font-size: 14px; letter-spacing: 0; line-height: 18px; margin-top: 6px; } .single-campaign .main .campaign__media-videos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 48px; margin-bottom: 128px; } @media only screen and (max-width: 767px) { .single-campaign .main .campaign__media-videos { padding: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-career-opportunities #main, .page-template-template-jobs #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-career-opportunities #main, .page-template-template-jobs #main { padding-top: 142px; } } .page-template-template-career-opportunities .breadcrumbs, .page-template-template-jobs .breadcrumbs { max-width: 300px; } .page-template-template-career-opportunities #banner #desktop-banner-svg, .page-template-template-jobs #banner #desktop-banner-svg { width: 714px; } @media only screen and (min-width: 1441px) { .page-template-template-career-opportunities #banner #desktop-banner-svg, .page-template-template-jobs #banner #desktop-banner-svg { width: 50%; } } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-career-opportunities #banner #desktop-banner-svg, .page-template-template-jobs #banner #desktop-banner-svg { width: 523px; } } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-career-opportunities #banner #desktop-banner-svg, .page-template-template-jobs #banner #desktop-banner-svg { display: none; } } .page-template-template-career-opportunities #banner #mobile-banner-svg, .page-template-template-jobs #banner #mobile-banner-svg { display: none; width: 100%; } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-career-opportunities #banner #mobile-banner-svg, .page-template-template-jobs #banner #mobile-banner-svg { display: block; top: auto; bottom: 0px; max-height: 300px; } } .page-template-template-career-opportunities #banner.image-banner .text-cnt, .page-template-template-jobs #banner.image-banner .text-cnt { margin-top: 50px; } .page-template-template-career-opportunities #main-cnt, .page-template-template-jobs #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt, .page-template-template-jobs #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-career-opportunities #main-cnt .sidebar, .page-template-template-jobs #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .sidebar, .page-template-template-jobs #main-cnt .sidebar { padding: 4vh 7vw 12vh 7vw; width: 100%; } .page-template-template-career-opportunities #main-cnt .sidebar .active:before, .page-template-template-jobs #main-cnt .sidebar .active:before { display: none; } } .page-template-template-career-opportunities #main-cnt .section-cnt, .page-template-template-jobs #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 200px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt, .page-template-template-jobs #main-cnt .section-cnt { width: 100%; padding: 0 0 100px; } } .page-template-template-career-opportunities #main-cnt .section-cnt .tabs, .page-template-template-jobs #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .tabs, .page-template-template-jobs #main-cnt .section-cnt .tabs { border-top-left-radius: 0px; } } .page-template-template-career-opportunities #main-cnt .section-cnt a:hover, .page-template-template-jobs #main-cnt .section-cnt a:hover { text-decoration: underline; } .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us { padding: 0 13vw 0 13vw; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us { padding: 0 7vw 0 7vw; } } .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us h2, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us h2 { font-family: "nunito-regular"; color: #2E4152; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us h2, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us h2 { font-size: 28px; line-height: 30px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us h2, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us h2 { text-align: center; } } .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us p, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us p { font-size: "roboto-regular"; font-size: 20px; color: #2E4152; line-height: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us p, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us p { font-size: 16px; line-height: 26px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us p, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us p { text-align: center; } } .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us p a, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us p a { color: #0072D6; } .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us .blue-transparent-btn, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us .blue-transparent-btn { max-width: 254px; margin-top: 35px; padding: 8px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "roboto-medium"; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us .blue-transparent-btn, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us .blue-transparent-btn { margin: 30px auto 0px auto; } } .page-template-template-career-opportunities #main-cnt .section-cnt .come-work-with-us .blue-transparent-btn img, .page-template-template-jobs #main-cnt .section-cnt .come-work-with-us .blue-transparent-btn img { margin-left: 5px; } .page-template-template-career-opportunities #main-cnt .section-cnt .awards, .page-template-template-jobs #main-cnt .section-cnt .awards { padding: 8vw 13vw 10vw 13vw; margin-top: 60px; margin-left: 0; background-size: cover; background: url(../images/career-opportunities-blue.svg); } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .awards, .page-template-template-jobs #main-cnt .section-cnt .awards { padding: 15vw 7vw 18vw 7vw; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .awards, .page-template-template-jobs #main-cnt .section-cnt .awards { padding: 20vw 7vw 40vw 7vw; background: url(../images/mobile-career-opportunities-blue.svg); background-size: cover; } } .page-template-template-career-opportunities #main-cnt .section-cnt .awards h3, .page-template-template-jobs #main-cnt .section-cnt .awards h3 { position: relative; color: #fff; margin-bottom: 70px; } .page-template-template-career-opportunities #main-cnt .section-cnt .awards h3:before, .page-template-template-jobs #main-cnt .section-cnt .awards h3:before { content: ''; position: absolute; bottom: -30px; width: 40px; border-radius: 20px; height: 4px; background: #FF8522; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .awards h3:before, .page-template-template-jobs #main-cnt .section-cnt .awards h3:before { right: 50%; width: 80px; -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } } .page-template-template-career-opportunities #main-cnt .section-cnt .awards p, .page-template-template-jobs #main-cnt .section-cnt .awards p { margin-bottom: 30px; font-family: "roboto-regular"; font-size: 20px; line-height: 30px; color: #fff; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .awards p, .page-template-template-jobs #main-cnt .section-cnt .awards p { margin-bottom: 10px; font-size: 18px; } } .page-template-template-career-opportunities #main-cnt .section-cnt .awards a, .page-template-template-jobs #main-cnt .section-cnt .awards a { position: relative; font-family: "roboto-medium"; font-size: 16px; line-height: 20px; color: #fff; } .page-template-template-career-opportunities #main-cnt .section-cnt .awards a:after, .page-template-template-jobs #main-cnt .section-cnt .awards a:after { content: ''; width: 6px; height: 24px; background: url(../images/arrow-white.svg) 50% no-repeat; background-size: contain; display: inline-block; position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .awards .col-xs-9, .page-template-template-jobs #main-cnt .section-cnt .awards .col-xs-9 { max-width: 100%; } } .page-template-template-career-opportunities #main-cnt .section-cnt .awards .award, .page-template-template-jobs #main-cnt .section-cnt .awards .award { -ms-flex-item-align: center; align-self: center; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .awards .award, .page-template-template-jobs #main-cnt .section-cnt .awards .award { margin-bottom: 40px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .awards .award, .page-template-template-jobs #main-cnt .section-cnt .awards .award { max-width: 100%; } } .page-template-template-career-opportunities #main-cnt .section-cnt .awards .award img, .page-template-template-jobs #main-cnt .section-cnt .awards .award img { margin-left: 50px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .awards .award img, .page-template-template-jobs #main-cnt .section-cnt .awards .award img { margin-left: 0px; } } .page-template-template-career-opportunities #main-cnt .section-cnt .perks, .page-template-template-jobs #main-cnt .section-cnt .perks { position: relative; padding: 6vw 13vw 8vw 13vw; margin-top: -70px; margin-left: 0; background-size: cover; background: url(../images/career-opportunities-teal.svg); } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .perks, .page-template-template-jobs #main-cnt .section-cnt .perks { padding: 0vw 7vw 15vw 7vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media only screen and (max-width: 1024px) and (min-width: 1px) and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .perks, .page-template-template-jobs #main-cnt .section-cnt .perks { padding: 0vw 7vw 25vw 7vw; background: url(../images/mobile-career-opportunities-teal.svg); } } .page-template-template-career-opportunities #main-cnt .section-cnt .perks h3, .page-template-template-jobs #main-cnt .section-cnt .perks h3 { position: relative; color: #fff; margin-bottom: 70px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .perks h3, .page-template-template-jobs #main-cnt .section-cnt .perks h3 { font-size: 30px; } } .page-template-template-career-opportunities #main-cnt .section-cnt .perks h3:before, .page-template-template-jobs #main-cnt .section-cnt .perks h3:before { content: ''; position: absolute; bottom: -30px; width: 40px; border-radius: 20px; height: 4px; background: #F5CD1E; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .perks h3:before, .page-template-template-jobs #main-cnt .section-cnt .perks h3:before { right: 50%; width: 80px; -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .perks .perk-img, .page-template-template-jobs #main-cnt .section-cnt .perks .perk-img { max-width: 100%; } } .page-template-template-career-opportunities #main-cnt .section-cnt .perks .perk-img img, .page-template-template-jobs #main-cnt .section-cnt .perks .perk-img img { position: absolute; left: -80px; -webkit-transform: translateX(-80px); -o-transform: translateX(-80px); transform: translateX(-80px); border-radius: 50%; overflow: hidden; min-width: 530px; max-width: 530px; min-height: 530px; max-height: 530px; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .perks .perk-img img, .page-template-template-jobs #main-cnt .section-cnt .perks .perk-img img { width: 206px; max-width: 206px; min-width: 206px; min-height: auto; max-height: 530px; position: relative; bottom: 50px; left: 0px; -webkit-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .perks .perk-img img, .page-template-template-jobs #main-cnt .section-cnt .perks .perk-img img { bottom: 50px; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .perks .col-xs-7, .page-template-template-jobs #main-cnt .section-cnt .perks .col-xs-7 { max-width: 100%; } } .page-template-template-career-opportunities #main-cnt .section-cnt .perks h4, .page-template-template-jobs #main-cnt .section-cnt .perks h4 { color: #fff; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .perks h4, .page-template-template-jobs #main-cnt .section-cnt .perks h4 { font-size: 20px; } } .page-template-template-career-opportunities #main-cnt .section-cnt .perks p, .page-template-template-jobs #main-cnt .section-cnt .perks p { margin-top: 10px; margin-bottom: 30px; font-family: "roboto-regular"; font-size: 16px; line-height: 24px; color: #fff; } .page-template-template-career-opportunities #main-cnt .section-cnt .perks a, .page-template-template-jobs #main-cnt .section-cnt .perks a { position: relative; font-family: "roboto-medium"; font-size: 16px; line-height: 20px; color: #fff; } .page-template-template-career-opportunities #main-cnt .section-cnt .perks a:after, .page-template-template-jobs #main-cnt .section-cnt .perks a:after { content: ''; width: 6px; height: 24px; background: url(../images/arrow-white.svg) 50% no-repeat; background-size: contain; display: inline-block; position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .page-template-template-career-opportunities #main-cnt .section-cnt .perks .award, .page-template-template-jobs #main-cnt .section-cnt .perks .award { -ms-flex-item-align: center; align-self: center; } .page-template-template-career-opportunities #main-cnt .section-cnt .perks .award img, .page-template-template-jobs #main-cnt .section-cnt .perks .award img { margin-left: 50px; } .page-template-template-career-opportunities #main-cnt .section-cnt .open-positions, .page-template-template-jobs #main-cnt .section-cnt .open-positions { position: relative; padding: 6vw 13vw 3vw 13vw; margin-top: -50px; margin-left: 0; background-size: cover; background: url(../images/career-opportunities-white.svg); } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .open-positions, .page-template-template-jobs #main-cnt .section-cnt .open-positions { padding: 10vw 7vw 3vw 7vw; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .open-positions, .page-template-template-jobs #main-cnt .section-cnt .open-positions { padding: 20vw 7vw 15vw 7vw; } } .page-template-template-career-opportunities #main-cnt .section-cnt .open-positions h3, .page-template-template-jobs #main-cnt .section-cnt .open-positions h3 { position: relative; color: #2E4152; margin-bottom: 70px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .open-positions h3, .page-template-template-jobs #main-cnt .section-cnt .open-positions h3 { margin-bottom: 140px; } } .page-template-template-career-opportunities #main-cnt .section-cnt .open-positions h3:before, .page-template-template-jobs #main-cnt .section-cnt .open-positions h3:before { content: ''; position: absolute; bottom: -30px; width: 40px; border-radius: 20px; height: 4px; background: #29A861; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-career-opportunities #main-cnt .section-cnt .open-positions h3:before, .page-template-template-jobs #main-cnt .section-cnt .open-positions h3:before { bottom: -60px; } } .page-template-template-career-opportunities #main-cnt .section-cnt .open-positions a, .page-template-template-jobs #main-cnt .section-cnt .open-positions a { font-family: "roboto-medium"; font-size: 16px; line-height: 24px; color: #0072D6; } .page-template-template-career-opportunities #main-cnt .section-cnt .open-positions a img, .page-template-template-jobs #main-cnt .section-cnt .open-positions a img { margin-left: 5px; } .page-template-template-career-opportunities #main-cnt .section-cnt .open-position a, .page-template-template-jobs #main-cnt .section-cnt .open-position a { position: relative; font-family: "roboto-medium"; font-size: 20px; line-height: 30px; color: #0072D6; } .page-template-template-career-opportunities #main-cnt .section-cnt .open-position p, .page-template-template-jobs #main-cnt .section-cnt .open-position p { margin-top: 10px; margin-bottom: 30px; font-family: "roboto-regular"; font-size: 16px; line-height: 24px; color: #595959; } .page-template-template-career-opportunities #main-cnt .section-cnt .open-position:last-of-type, .page-template-template-jobs #main-cnt .section-cnt .open-position:last-of-type { margin-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.3); } .page-template-template-contact-us #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-contact-us #main { padding-top: 142px; } } .page-template-template-contact-us .breadcrumbs { max-width: 500px; } .page-template-template-contact-us #banner.text-banner { padding: 4vh 11vw 15vh; background-size: cover !important; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-contact-us #banner.text-banner { background-image: url(../images/tablet-blue-banner.png) !important; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #banner.text-banner { background-image: url(../images/mobile-blue-banner.png) !important; } } .page-template-template-contact-us #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1394px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-contact-us #main-cnt .sidebar { width: 40%; padding: 0px !important; position: relative; z-index: 1; } @media only screen and (max-width: 1394px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .sidebar { width: 100%; height: 400px; } } .page-template-template-contact-us #main-cnt #map { position: sticky !important; top: 0; width: 100%; height: 100vh; overflow: hidden; } @media only screen and (max-width: 1394px) { .page-template-template-contact-us #main-cnt #map { position: relative !important; height: 100%; } } .page-template-template-contact-us #main-cnt .section-cnt { width: 60%; margin-top: -60px; padding: 0 0 200px; -webkit-box-shadow: -4px 10px 5px 0px rgba(0,0,0,0.05); box-shadow: -4px 10px 5px 0px rgba(0,0,0,0.05); position: relative; z-index: 2; } @media only screen and (max-width: 1394px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt { width: 100%; padding: 0 0 100px; } } .page-template-template-contact-us #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 1394px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .tabs { border-top-left-radius: 0px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-info { margin: 0vh 7vw 5vh 7vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-info { margin: 0vh 0vw 5vh 0vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-info .contact-icons { margin-right: 30px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-info .contact-icons { margin-right: 0px; max-width: 100%; margin-bottom: 25px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-info:not(:last-child) { padding-bottom: 2vw; border-bottom: 1px solid rgba(0,0,0,0.3); } .page-template-template-contact-us #main-cnt .section-cnt .contact-location .col-xs-10 h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-location .col-xs-10 h2 { font-size: 20px; line-height: 30px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-location .col-xs-10 p { margin-top: 10px; font-family: "roboto-regular"; font-size: 16px; line-height: 22px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-location .col-xs-10 p { margin-bottom: 10px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-location .location-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-location .location-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-location .location-container .location-box { margin-right: 50px; margin-bottom: 10px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-location .location-container .location-box { margin-right: 0px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-location .location-container .location-box p:first-child { margin-top: 20px; font-family: "roboto-medium"; font-size: 18px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-location .location-container .location-box p:first-child { margin-top: 5px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-location .location-container .location-box p:nth-child(2) { margin-top: 0px; font-family: "roboto-regular"; font-size: 16px; line-height: 22px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-location .location-container .location-box p:nth-child(2) { margin-top: 5px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .col-xs-10 h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .col-xs-10 h2 { font-size: 20px; line-height: 30px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .col-xs-10 p { margin: 10px 0px 10px 0px; font-family: "roboto-regular"; font-size: 16px; line-height: 22px; } .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container .phone-box { margin-right: 50px; margin-bottom: 10px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container .phone-box { margin-right: 0px; margin-top: 5px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container .phone-box p:first-child { margin-top: 20px; font-family: "roboto-medium"; font-size: 18px; line-height: 22px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container .phone-box p:first-child { margin-top: 5px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container .phone-box p:nth-child(2) { margin-top: 20px; font-family: "roboto-regular"; font-size: 16px; line-height: 22px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container .phone-box p:nth-child(2) { margin-top: 5px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container .phone-box p:nth-child(3) { margin-top: 20px; font-family: "roboto-regular"; font-size: 16px; line-height: 22px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-phone .phone-container .phone-box p:nth-child(3) { margin-top: 5px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 h2 { font-size: 20px; line-height: 30px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 p { margin: 10px 0px 10px 0px; font-family: "roboto-regular"; font-size: 16px; line-height: 22px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 p { margin-top: 5px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 .blue-btn, .page-template-template-contact-us .page-template-template-business-center #main-cnt .section-cnt .contact-chat .col-xs-10 .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 .contract-form .gform_button.button, .page-template-template-contact-us .page-template-template-business-center #main-cnt .section-cnt .contract-form .contact-chat .col-xs-10 .gform_button.button, .page-template-template-business-center .page-template-template-contact-us #main-cnt .section-cnt .contract-form .contact-chat .col-xs-10 .gform_button.button, .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 .green-btn { margin-top: 40px; margin-bottom: 10px; padding: 12px 28px !important; max-width: 167px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 .blue-btn, .page-template-template-contact-us .page-template-template-business-center #main-cnt .section-cnt .contact-chat .col-xs-10 .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 .contract-form .gform_button.button, .page-template-template-contact-us .page-template-template-business-center #main-cnt .section-cnt .contract-form .contact-chat .col-xs-10 .gform_button.button, .page-template-template-business-center .page-template-template-contact-us #main-cnt .section-cnt .contract-form .contact-chat .col-xs-10 .gform_button.button, .page-template-template-contact-us #main-cnt .section-cnt .contact-chat .col-xs-10 .green-btn { margin-left: auto; margin-right: auto; margin-top: 10px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-email .col-xs-10 h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-email .col-xs-10 h2 { font-size: 20px; line-height: 30px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-email .col-xs-10 p { margin: 10px 0px 10px 0px; font-family: "roboto-regular"; font-size: 16px; line-height: 22px; } .page-template-template-contact-us #main-cnt .section-cnt .contact-email .col-xs-10 button { margin-top: 40px; margin-bottom: 10px; padding: 17px 28px; max-width: 167px; } .page-template-template-contact-us #main-cnt .section-cnt .contact-email form { position: relative; } @media only screen and (max-width: 1394px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-email form { padding-bottom: 100px; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-email form:after { content: '*=REQUIRED'; position: absolute; bottom: 1px; right: 25px; } .page-template-template-contact-us #main-cnt .section-cnt .contact-email ul.gform_fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-email .gfield_label { text-align: left; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-email li.field_sublabel_below { margin-right: 30px; } @media only screen and (max-width: 1394px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-email li.field_sublabel_below { margin-right: 38px; } } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-email li.field_sublabel_below { margin-top: 20px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-email li.field_sublabel_below { margin-right: 0px; width: 100%; } } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-email li.field_sublabel_below label { position: absolute; left: 0; top: -25px; } } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-template-contact-us #main-cnt .section-cnt .contact-email .name_last label { position: relative !important; left: 0 !important; top: -70px !important; } .page-template-template-contact-us #main-cnt .section-cnt .contact-email .name_first label { position: relative !important; left: 0 !important; top: -70px !important; } } .page-template-template-contact-us #main-cnt .section-cnt .contact-email li.account-number { width: 100%; } .page-template-template-contact-us #main-cnt .section-cnt .contact-email li.inquiry { width: 100%; } .page-template-template-contact-us #main-cnt .section-cnt .contact-email li.message { width: 100%; } .page-template-template-contact-us #main-cnt .section-cnt .contact-email input.gform_button { display: block !important; margin: 0 auto 0 0 !important; width: 100% !important; max-width: 167px !important; height: auto !important; border: none !important; font-family: "nunito-semibold" !important; background-color: #0072D6 !important; color: #fff !important; text-indent: 0px !important; letter-spacing: 0.2px !important; text-align: center !important; padding: 6px 28px !important; font-size: 16px !important; border-radius: 50px !important; -webkit-transition: 0.6s all !important; -o-transition: 0.6s all !important; transition: 0.6s all !important; cursor: pointer !important; } .page-template-template-contact-us #main-cnt .section-cnt .contact-email input.gform_button:hover { color: #fff !important; background: #0083F5 !important; } .page-template-template-contact-us #main-cnt .section-cnt .contact-email input.gform_button:focus { background: #0063BA !important; -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2) !important; box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2) !important; color: #fff !important; } .page-template-template-contact-us #main-cnt .gform_footer { height: 55px !important; padding: 0; } .page-template-template-edwards-aquifer #main, .page-template-template-aquifer #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main, .page-template-template-aquifer #main { padding-top: 142px; } } .page-template-template-edwards-aquifer .breadcrumbs, .page-template-template-aquifer .breadcrumbs { max-width: 500px; } .page-template-template-edwards-aquifer #banner .text-cnt, .page-template-template-aquifer #banner .text-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #banner .text-cnt, .page-template-template-aquifer #banner .text-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #banner .text-cnt h2, .page-template-template-aquifer #banner .text-cnt h2 { margin-bottom: 50px; font-size: 30px; line-height: 36px; } } .page-template-template-edwards-aquifer #banner .text-cnt p, .page-template-template-aquifer #banner .text-cnt p { max-width: 500px; margin-top: 0px; font-family: "roboto-regular"; font-size: 18px; line-height: 26px; color: #fff; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #banner .text-cnt p, .page-template-template-aquifer #banner .text-cnt p { font-size: 15px; line-height: 21px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-edwards-aquifer .bg, .page-template-template-aquifer .bg { background-image: url(../images/tablet-your-water-banner.png) !important; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer .bg, .page-template-template-aquifer .bg { background-image: url(../images/mobile-your-water-banner.png) !important; } } .page-template-template-edwards-aquifer #main-cnt, .page-template-template-aquifer #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt, .page-template-template-aquifer #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-edwards-aquifer #main-cnt .sidebar, .page-template-template-aquifer #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .sidebar, .page-template-template-aquifer #main-cnt .sidebar { padding: 4vh 7vw 12vh 7vw; width: 100%; } .page-template-template-edwards-aquifer #main-cnt .sidebar .active:before, .page-template-template-aquifer #main-cnt .sidebar .active:before { display: none; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt, .page-template-template-aquifer #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 200px; } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt, .page-template-template-aquifer #main-cnt .section-cnt { padding: 0px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt, .page-template-template-aquifer #main-cnt .section-cnt { width: 100%; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt .tabs, .page-template-template-aquifer #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .tabs, .page-template-template-aquifer #main-cnt .section-cnt .tabs { border-top-left-radius: 0px; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-container, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-container { margin: 4vh 7vw 8vh 7vw; border-bottom: 1px solid rgba(0,0,0,0.3); } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-container, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: -3vh 7vw 8vh 7vw; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-head, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-head, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 100%; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-head img, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-head img { margin-right: 40px; margin-bottom: 30px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-head img, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-head img { -ms-flex-item-align: center; align-self: center; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-head h3, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-head h3 { margin-top: 0px; margin-bottom: 25px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-head h3, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-head h3 { font-size: 20px; line-height: 24px; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-head h3, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-head h3 { font-size: 24px; line-height: 40px; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-number, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-number, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-number { max-width: 100%; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-number h3, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-number h3 { font-family: "roboto-medium"; margin-top: 0px; margin-bottom: 25px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-number h3, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-number h3 { font-size: 20px; line-height: 24px; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-stats-container, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-stats-container { margin: 0vh 7vw 5vh 7vw; height: 440px; border-bottom: 1px solid rgba(0,0,0,0.3); } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-stats-container, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-stats-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; border-bottom: none; } } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt _:lang(x)::-ms-backdrop, .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-stats-container, .page-template-template-aquifer #main-cnt .section-cnt _:lang(x)::-ms-backdrop, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-stats-container { -ms-flex-direction: row !important; flex-direction: row !important; } } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-stats-summary, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-stats-summary { max-width: 100%; padding: 0px; margin-bottom: 30px; } } .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-stats-summary h4, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-stats-summary h4 { margin-bottom: 30px; font-size: 22px; line-height: 30px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .section-cnt .aquifer-stats-summary h4, .page-template-template-aquifer #main-cnt .section-cnt .aquifer-stats-summary h4 { font-size: 20px; line-height: 24px; } } .page-template-template-edwards-aquifer #main-cnt .aquifer-stats, .page-template-template-aquifer #main-cnt .aquifer-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px; } .page-template-template-edwards-aquifer #main-cnt .aquifer-stats .stat, .page-template-template-aquifer #main-cnt .aquifer-stats .stat { margin: 25px 0px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-edwards-aquifer #main-cnt .aquifer-stats .stat, .page-template-template-aquifer #main-cnt .aquifer-stats .stat { width: 44%; } } .page-template-template-edwards-aquifer #main-cnt .aquifer-stats .stat p, .page-template-template-aquifer #main-cnt .aquifer-stats .stat p { margin-bottom: 10px; font-family: "roboto-regular"; font-size: 16px; line-height: 24px; } .page-template-template-edwards-aquifer #main-cnt .aquifer-stats .stat span, .page-template-template-aquifer #main-cnt .aquifer-stats .stat span { margin-top: 10px; font-family: "roboto-regular"; font-size: 20px; font-weight: bold; line-height: 30px; } .page-template-template-edwards-aquifer #main-cnt .aquifer-rainfall, .page-template-template-aquifer #main-cnt .aquifer-rainfall { margin-top: 70px; padding-left: 50px; position: relative; } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .aquifer-rainfall, .page-template-template-aquifer #main-cnt .aquifer-rainfall { max-width: 100%; margin-top: 20px; padding-left: 0px; border-top: 1px solid rgba(0,0,0,0.3); } } .page-template-template-edwards-aquifer #main-cnt .aquifer-rainfall:before, .page-template-template-aquifer #main-cnt .aquifer-rainfall:before { content: ''; position: absolute; height: 80%; width: 1px; left: 5px; top: 10px; background: rgba(0,0,0,0.3); } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .aquifer-rainfall:before, .page-template-template-aquifer #main-cnt .aquifer-rainfall:before { display: none; } } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .aquifer-stats, .page-template-template-aquifer #main-cnt .aquifer-stats { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; height: auto; } } @media only screen and (max-width: 1107px) and (min-width: 1px) and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .aquifer-stats, .page-template-template-aquifer #main-cnt .aquifer-stats { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 25px; } } .page-template-template-edwards-aquifer #main-cnt .aquifer-stats .stat, .page-template-template-aquifer #main-cnt .aquifer-stats .stat { margin: 15px 0px; } .page-template-template-edwards-aquifer #main-cnt .chart-summary-container, .page-template-template-aquifer #main-cnt .chart-summary-container { position: relative; } @media only screen and (max-width: 1107px) and (min-width: 768px) { .page-template-template-edwards-aquifer #main-cnt .chart-summary-container, .page-template-template-aquifer #main-cnt .chart-summary-container { right: 45%; width: 100vw; padding-bottom: 150px; background: #fff; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .chart-summary-container, .page-template-template-aquifer #main-cnt .chart-summary-container { padding-bottom: 150px; } } .page-template-template-edwards-aquifer #main-cnt .level-bexar, .page-template-template-aquifer #main-cnt .level-bexar { margin: 4vh 7vw 8vh 7vw; border-bottom: 1px solid rgba(0,0,0,0.3); } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .level-bexar, .page-template-template-aquifer #main-cnt .level-bexar { margin: 0px; padding: 4vh 7vw 0vh 7vw; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: none; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .level-bexar, .page-template-template-aquifer #main-cnt .level-bexar { margin: 4vh 7vw 8vh 7vw; padding: 0px; } } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .chart-header, .page-template-template-aquifer #main-cnt .chart-header { margin-top: 75px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .chart-header, .page-template-template-aquifer #main-cnt .chart-header { text-align: center; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .chart-header h4, .page-template-template-aquifer #main-cnt .chart-header h4 { font-size: 20px; } } .page-template-template-edwards-aquifer #main-cnt .chart-header p, .page-template-template-aquifer #main-cnt .chart-header p { margin: 10px 0 30px 0; font-family: "roboto-regular"; font-size: 16px; line-height: 20px; color: #595959; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .chart-header p, .page-template-template-aquifer #main-cnt .chart-header p { font-size: 14px; line-height: 26px; } } .page-template-template-edwards-aquifer #main-cnt .chart, .page-template-template-aquifer #main-cnt .chart { padding-left: 0px; padding-bottom: 25px; } .page-template-template-edwards-aquifer #main-cnt .stats-summary, .page-template-template-aquifer #main-cnt .stats-summary { margin: 4vh 7vw 8vh 7vw; } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .stats-summary, .page-template-template-aquifer #main-cnt .stats-summary { border-top: 1px solid rgba(0,0,0,0.3); } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .stats-summary, .page-template-template-aquifer #main-cnt .stats-summary { margin-top: 0px; border-top: none; } } .page-template-template-edwards-aquifer #main-cnt .summary-header, .page-template-template-aquifer #main-cnt .summary-header { margin-bottom: 30px; } @media only screen and (max-width: 1107px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .summary-header, .page-template-template-aquifer #main-cnt .summary-header { margin-top: 50px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .summary-header h4, .page-template-template-aquifer #main-cnt .summary-header h4 { font-size: 20px; line-height: 30px; } } .page-template-template-edwards-aquifer #main-cnt .summary, .page-template-template-aquifer #main-cnt .summary { border: 1px solid #666666; border-radius: 5px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .summary, .page-template-template-aquifer #main-cnt .summary { overflow: scroll; } } .page-template-template-edwards-aquifer #main-cnt .table-header, .page-template-template-aquifer #main-cnt .table-header { -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; } .page-template-template-edwards-aquifer #main-cnt .table-header .col-xs-1, .page-template-template-aquifer #main-cnt .table-header .col-xs-1 { max-width: 8.33333%; min-width: 8.33333%; padding: 7px; font-family: "roboto-bold"; font-size: 16px; color: #666666; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #666666; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .table-header .col-xs-1, .page-template-template-aquifer #main-cnt .table-header .col-xs-1 { min-width: 49px; } } .page-template-template-edwards-aquifer #main-cnt .table-header .col-xs-1:last-child, .page-template-template-aquifer #main-cnt .table-header .col-xs-1:last-child { border-right: none; } .page-template-template-edwards-aquifer #main-cnt .table-header .col-xs-2, .page-template-template-aquifer #main-cnt .table-header .col-xs-2 { max-width: 14.66667%; min-width: 14.66667%; padding: 7px; font-family: "roboto-bold"; font-size: 16px; color: #666666; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #666666; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .table-header .col-xs-2, .page-template-template-aquifer #main-cnt .table-header .col-xs-2 { min-width: 98px; } } .page-template-template-edwards-aquifer #main-cnt .table-header .col-xs-3, .page-template-template-aquifer #main-cnt .table-header .col-xs-3 { max-width: 23%; min-width: 23%; padding: 7px; font-family: "roboto-bold"; font-size: 16px; color: #666666; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #666666; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .table-header .col-xs-3, .page-template-template-aquifer #main-cnt .table-header .col-xs-3 { min-width: 163px; } } .page-template-template-edwards-aquifer #main-cnt .table-cnt, .page-template-template-aquifer #main-cnt .table-cnt { -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; } .page-template-template-edwards-aquifer #main-cnt .table-cnt:nth-child(odd), .page-template-template-aquifer #main-cnt .table-cnt:nth-child(odd) { background: rgba(230,235,240,0.5); } .page-template-template-edwards-aquifer #main-cnt .table-cnt.clone, .page-template-template-aquifer #main-cnt .table-cnt.clone { display: none; } .page-template-template-edwards-aquifer #main-cnt .table-cnt .col-xs-1, .page-template-template-aquifer #main-cnt .table-cnt .col-xs-1 { max-width: 8.33333%; min-width: 8.33333%; padding: 4px; font-family: "roboto-regular"; font-size: 16px; color: #666666; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .table-cnt .col-xs-1, .page-template-template-aquifer #main-cnt .table-cnt .col-xs-1 { min-width: 49px; } } .page-template-template-edwards-aquifer #main-cnt .table-cnt .col-xs-1:last-child, .page-template-template-aquifer #main-cnt .table-cnt .col-xs-1:last-child { border-right: none; } .page-template-template-edwards-aquifer #main-cnt .table-cnt .col-xs-2, .page-template-template-aquifer #main-cnt .table-cnt .col-xs-2 { max-width: 14.66667%; min-width: 14.66667%; padding: 4px; font-family: "roboto-regular"; font-size: 16px; color: #666666; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .table-cnt .col-xs-2, .page-template-template-aquifer #main-cnt .table-cnt .col-xs-2 { min-width: 98px; } } .page-template-template-edwards-aquifer #main-cnt .table-cnt .col-xs-3, .page-template-template-aquifer #main-cnt .table-cnt .col-xs-3 { max-width: 23%; min-width: 23%; padding: 4px; font-family: "roboto-regular"; font-size: 16px; color: #666666; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-edwards-aquifer #main-cnt .table-cnt .col-xs-3, .page-template-template-aquifer #main-cnt .table-cnt .col-xs-3 { min-width: 163px; } } .page-template-template-edwards-aquifer #main-cnt .measurements, .page-template-template-aquifer #main-cnt .measurements { width: 100%; } .page-template-template-edwards-aquifer #main-cnt .measurements .col-xs-12, .page-template-template-aquifer #main-cnt .measurements .col-xs-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .page-template-template-edwards-aquifer #main-cnt .measurements .col-xs-12 p, .page-template-template-aquifer #main-cnt .measurements .col-xs-12 p { margin-top: 0px; } .page-template-template-edwards-aquifer #main-cnt .measurements .col-xs-12 p:not(:first-child), .page-template-template-aquifer #main-cnt .measurements .col-xs-12 p:not(:first-child) { margin-left: 30px; } .page-template-template-edwards-aquifer #main-cnt .disclaimer, .page-template-template-aquifer #main-cnt .disclaimer { width: 100%; } .page-template-template-edwards-aquifer #main-cnt .disclaimer .col-xs-12 p, .page-template-template-aquifer #main-cnt .disclaimer .col-xs-12 p { margin-top: 30px; font-family: "roboto-regular"; font-size: 14px; font-style: italic; color: #757575; line-height: 20px; } @media only screen and (max-width: 1107px) and (min-width: 768px) { .page-template-template-edwards-aquifer #main-cnt .disclaimer .col-xs-12 p, .page-template-template-aquifer #main-cnt .disclaimer .col-xs-12 p { margin-top: 100px; } } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-template-404 .info-bar, .error404 .info-bar { bottom: 50px; } } @media only screen and (max-width: 959px) and (min-width: 1px) { .page-template-template-404 .info-bar, .error404 .info-bar { bottom: -101px; } } .page-template-template-404 #main-cnt .section-cnt, .error404 #main-cnt .section-cnt { width: 100%; height: 100vh; padding-top: 5vw; background: url(../images/404bg.png); background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-404 #main-cnt .section-cnt, .error404 #main-cnt .section-cnt { height: 110vh; } } .page-template-template-404 #main-cnt .container-404, .error404 #main-cnt .container-404 { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-404 #main-cnt .container-404, .error404 #main-cnt .container-404 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } .page-template-template-404 #main-cnt .text-404, .error404 #main-cnt .text-404 { max-width: 350px; } .page-template-template-404 #main-cnt .text-404 h2:first-child, .page-template-template-404 #main-cnt .text-404 h3:first-child, .page-template-template-404 #main-cnt .text-404 h4:first-child, .page-template-template-404 #main-cnt .text-404 h5:first-child, .page-template-template-404 #main-cnt .text-404 p:first-child, .error404 #main-cnt .text-404 h2:first-child, .error404 #main-cnt .text-404 h3:first-child, .error404 #main-cnt .text-404 h4:first-child, .error404 #main-cnt .text-404 h5:first-child, .error404 #main-cnt .text-404 p:first-child { font-family: "nunito-bold"; font-size: 40px; line-height: 40px; color: #fff; } .page-template-template-404 #main-cnt .text-404 p:not(:first-child), .error404 #main-cnt .text-404 p:not(:first-child) { font-family: "roboto-regular"; font-size: 16px; line-height: 26px; color: #fff; } .page-template-template-404 #main-cnt .text-404 p:last-of-type, .error404 #main-cnt .text-404 p:last-of-type { margin-top: 0; } .page-template-template-404 #main-cnt .text-404 .transparent-btn, .page-template-template-404 #main-cnt .text-404 a, .page-template-template-404 .error404 #main-cnt .text-404 a, .error404 .page-template-template-404 #main-cnt .text-404 a, .page-template-template-404 #main-cnt .text-404 a, .error404 .page-template-template-404 #main-cnt .text-404 a, .page-template-template-404 .error404 #main-cnt .text-404 a, .error404 #main-cnt .text-404 .transparent-btn, .error404 #main-cnt .text-404 a, .error404 #main-cnt .text-404 a { padding: 6px 23px; cursor: pointer; } .page-template-template-404 #main-cnt .image-404, .error404 #main-cnt .image-404 { margin-right: 100px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-404 #main-cnt .image-404, .error404 #main-cnt .image-404 { margin-right: 0px; } .page-template-template-404 #main-cnt .image-404 img, .error404 #main-cnt .image-404 img { height: 150px; } } .page-template-template-modular table { border: 1px solid #000; border-radius: 3px; } .page-template-template-modular tr.odd { background: #fff; } .page-template-template-modular tr.even { background: rgba(230,235,240,0.5); } .page-template-template-modular th, .page-template-template-modular td { font-family: "roboto-regular"; font-size: 16px; color: #666666; padding: 3px 0px; border-bottom: 1px solid #e0e0e0; } .page-template-template-modular td { text-align: center; } .page-template-template-modular span.blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form span.gform_button.button, .page-template-template-business-center #main-cnt .section-cnt .contract-form .page-template-template-modular span.gform_button.button, .page-template-template-modular span.green-btn { margin-top: 20px !important; } .page-template-template-modular #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-modular #main { padding-top: 142px; } } .page-template-template-modular .breadcrumbs { max-width: 500px; } .page-template-template-modular #banner .text-cnt h1 { margin-bottom: 40px; font-size: 46px; font-family: "nunito-regular"; color: #FFFFFF; line-height: 46px; text-shadow: 0 2px 12px rgba(116,116,116,0.5); } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-modular #banner .text-cnt h1 { -ms-flex-preferred-size: 55%; flex-basis: 55%; max-width: 55%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #banner .text-cnt h1 { font-size: 30px; line-height: 36px; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-modular .bg { background-image: url(../images/tablet-your-water-banner.png) !important; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular .bg { background-image: url(../images/mobile-your-water-banner.png) !important; } } .page-template-template-modular #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-modular #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt .sidebar { padding: 4vh 7vw 12vh 7vw; width: 100%; } .page-template-template-modular #main-cnt .sidebar .active:before { display: none; } } .page-template-template-modular #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 200px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt { width: 100%; padding: 0 0 100px; } } .page-template-template-modular #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .tabs { border-top-left-radius: 0px; } } .page-template-template-modular #main-cnt .section-cnt .modular-block { margin: 4vh 7vw 7vh 7vw; } .page-template-template-modular #main-cnt .section-cnt .modular-block:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt _:lang(x)::-ms-backdrop, .page-template-template-modular #main-cnt .section-cnt .modular-block>.row { -ms-flex-direction: row !important; flex-direction: row !important; } } .page-template-template-modular #main-cnt .section-cnt h2 { font-family: "nunito-regular"; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt h2 { font-size: 28px; line-height: 30px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt h3 { font-size: 24px; line-height: 30px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt h4 { font-size: 20px; line-height: 30px; } } .page-template-template-modular #main-cnt .section-cnt h2, .page-template-template-modular #main-cnt .section-cnt h3, .page-template-template-modular #main-cnt .section-cnt h4 { color: #294152; } .page-template-template-modular #main-cnt .section-cnt p { font-family: "roboto-regular"; font-size: 16px; line-height: 24px; } .page-template-template-modular #main-cnt .section-cnt hr { margin: 4vh 7vw 7vh 0vw; border: .5px solid #cecece; } .page-template-template-modular #main-cnt .section-cnt .modular-block.text ul { list-style: none; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.text ul { list-style: initial; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.text ul li { position: relative; margin-bottom: 15px; line-height: 24px; } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.text ul li { margin-top: 5px; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.text ul li:before { content: '\25CF'; position: absolute; left: -30px; font-size: 10px; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.text ul li:before { display: none; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.image { padding-top: 1vw; padding-bottom: 2.5vw; border-bottom: 1px solid rgba(0,0,0,0.3); } .page-template-template-modular #main-cnt .section-cnt .modular-block.image img { border-radius: 5px; margin-bottom: 5px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.image span { display: block; font-family: "roboto-medium"; font-size: 14px; color: #757575; } .page-template-template-modular #main-cnt .section-cnt .modular-block.multi-column { padding-top: 1vw; padding-bottom: 2.5vw; border-bottom: 1px solid rgba(0,0,0,0.3); } .page-template-template-modular #main-cnt .section-cnt .modular-block.multi-column h2 { margin-bottom: 3rem; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.multi-column .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.multi-column .col-xs-6 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-bottom: 2rem; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.link-list { padding-top: 1vw; padding-bottom: 4vw; border-bottom: 1px solid rgba(0,0,0,0.3); } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.link-list .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.link-list .col-xs-6:first-child { max-width: 325px; margin-right: 40px; } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.link-list .col-xs-6:first-child { max-width: 100%; } } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.link-list .col-xs-6:not(:first-child) { margin-top: 30px; max-width: 100%; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.link-list p { margin-top: 15px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.link-list a { font-family: "roboto-medium"; font-size: 20px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.link-list a { font-size: 18px; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.link-list a ~ p { margin-top: 0px; margin-bottom: 20px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right { padding-top: 1vw; padding-bottom: 5vw; border-bottom: 1px solid rgba(0,0,0,0.3); } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .row, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .col-xs-6:not(:first-child), .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .col-xs-6:not(:first-child) { padding-left: 30px; } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .col-xs-6:not(:first-child), .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .col-xs-6:not(:first-child) { max-width: 100%; padding-left: 0.5rem; } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .col-xs-6:not(:first-child) h4, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .col-xs-6:not(:first-child) h4 { margin-top: 10px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .col-xs-6:not(:first-child) p, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .col-xs-6:not(:first-child) p { margin: 10px 0px; } } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .col-xs-6:first-child, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .col-xs-6:first-child { margin: 0 auto; padding: 0px; max-width: 100%; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right img, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right img { width: 100%; border-radius: 5px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.image-btn-right .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .contract-form .gform_button.button, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.image-btn-right .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.image-btn-right .gform_button.button, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .green-btn, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.image-right .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .contract-form .gform_button.button, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.image-right .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.image-right .gform_button.button, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .green-btn { display: inline-block; max-width: 100%; width: auto; padding: 7px 28px !important; margin-top: 20px; font-size: 16px; } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.image-btn-right .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .contract-form .gform_button.button, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.image-btn-right .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.image-btn-right .gform_button.button, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-right .green-btn, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.image-right .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .contract-form .gform_button.button, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.image-right .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.image-right .gform_button.button, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-right .green-btn { margin: 0 auto; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left { padding-top: 1vw; padding-bottom: 5vw; border-bottom: 1px solid rgba(0,0,0,0.3); } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .row, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .col-xs-6:not(first-child), .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .col-xs-6:not(first-child) { padding-right: 30px; } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .col-xs-6:not(first-child), .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .col-xs-6:not(first-child) { padding: 0px; margin: 0 auto; max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .col-xs-6:first-child, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .col-xs-6:first-child { max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .col-xs-6:first-child h4, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .col-xs-6:first-child h4 { margin-top: 10px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .col-xs-6:first-child p, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .col-xs-6:first-child p { margin: 10px 0px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .col-xs-6:first-child .blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.image-btn-left .col-xs-6:first-child .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .col-xs-6:first-child .contract-form .gform_button.button, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.image-btn-left .col-xs-6:first-child .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.image-btn-left .col-xs-6:first-child .gform_button.button, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .col-xs-6:first-child .green-btn, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .col-xs-6:first-child .blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.image-left .col-xs-6:first-child .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .col-xs-6:first-child .contract-form .gform_button.button, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.image-left .col-xs-6:first-child .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.image-left .col-xs-6:first-child .gform_button.button, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .col-xs-6:first-child .green-btn { display: inline-block; width: auto; max-width: 100%; margin: 0 auto; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left img, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left img { width: 100%; border-radius: 5px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.image-btn-left .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .contract-form .gform_button.button, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.image-btn-left .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.image-btn-left .gform_button.button, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-btn-left .green-btn, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.image-left .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .contract-form .gform_button.button, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.image-left .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.image-left .gform_button.button, .page-template-template-modular #main-cnt .section-cnt .modular-block.image-left .green-btn { display: inline-block; max-width: 100%; width: auto; margin-top: 20px; font-size: 16px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon { padding-bottom: 4vw; border-bottom: 1px solid rgba(0,0,0,0.3); } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.icon { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-1 { max-width: 100%; margin: 0 auto; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-7 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-7 h2 { font-size: 22px; line-height: 30px; } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-7 { max-width: 100%; margin: 10px 0px; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 { max-width: 36%; -ms-flex-item-align: center; align-self: center; position: relative; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 { width: 50%; max-width: 100%; margin-top: 25px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 { width: auto; max-width: 100%; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 .blue-btn, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.icon .col-xs-4 .contract-form .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 .contract-form .gform_button.button, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.icon .col-xs-4 .gform_button.button, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.icon .col-xs-4 .gform_button.button, .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 .green-btn { padding: 14px 28px; position: static; } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 .blue-btn img, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.icon .col-xs-4 .contract-form .gform_button.button img, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 .contract-form .gform_button.button img, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.icon .col-xs-4 .gform_button.button img, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.icon .col-xs-4 .gform_button.button img, .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 .green-btn img { margin-left: 5px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 .blue-btn:first-child, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .modular-block.icon .col-xs-4 .contract-form .gform_button.button:first-child, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 .contract-form .gform_button.button:first-child, .page-template-template-modular .page-template-template-business-center #main-cnt .section-cnt .contract-form .modular-block.icon .col-xs-4 .gform_button.button:first-child, .page-template-template-business-center .page-template-template-modular #main-cnt .section-cnt .contract-form .modular-block.icon .col-xs-4 .gform_button.button:first-child, .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-4 .green-btn:first-child { margin-bottom: 10px; } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon { padding-top: 1vw; padding-bottom: 5vw; border-bottom: 1px solid rgba(0,0,0,0.3); } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-1 { max-width: 100%; margin: 0 auto; } } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-11 { max-width: 100%; margin: 10px 0px; } } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-11 a { font-weight: inherit; font-size: 1em; color: #1565C0; } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-11 a:hover { text-decoration: underline; } .page-template-template-modular #main-cnt .section-cnt .modular-block.icon .col-xs-11 p { margin-top: 10px; } .page-template-template-modular #main-cnt .section-cnt .last { border-bottom: none !important; } .page-template-template-modular #main-cnt li>a { color: #0074d7; } .page-template-template-modular #main-cnt li>a.active { font-weight: bold; } .page-template-template-modular #main-cnt p>a:not(.blue-btn) { color: #0074d7; font-weight: bold; } .page-template-template-modular #main-cnt h1, .page-template-template-modular #main-cnt h2, .page-template-template-modular #main-cnt h3, .page-template-template-modular #main-cnt h4, .page-template-template-modular #main-cnt h5, .page-template-template-modular #main-cnt h6>a { color: #0074d7; font-weight: bold; } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-template-modular .gform_wrapper .top_label div.ginput_container { margin-top: 23px !important; } } .page-template-template-modular .field_sublabel_below:before { display: none; } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-template-modular label { position: relative; left: 0px !important; } } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-template-modular ul.gfield_radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-modular .gform_wrapper ul.gfield_radio li { overflow: visible; } .page-template-template-modular .gform_wrapper ul.gfield_radio li:before { display: none; } .page-template-template-modular .gform_wrapper ul.gfield_radio li label { width: 170px; text-indent: 30px; } .page-template-template-modular .gform_wrapper ul.gfield_radio li label:before { top: -1px; } .page-template-template-modular .gform_next_button, .page-template-template-modular .gform_previous_button { color: #000; } .page-template-template-modular input[type="submit"] { display: block; width: 100%; max-width: 400px; background: #0078AE; font-family: "nunito-semibold"; border: none; border-radius: 75px; font-size: 18px !important; color: #FFFFFF; text-align: center; line-height: 24px; padding: 14px 28px !important; letter-spacing: 0.2px; text-transform: none; cursor: pointer; } .page-template-template-modular input[type="submit"]:hover { background: #0083F5 !important; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-default #main { overflow-x: hidden; } } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-default .gform_wrapper .top_label div.ginput_container { margin-top: 23px !important; } } .page-template-default .field_sublabel_below:before { display: none; } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-default label { position: relative; } } .page-template-default .gform_wrapper .top_label li ul.gfield_checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 960px) and (min-width: 1px) { .page-template-default .gform_wrapper .top_label li ul.gfield_checkbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-default .gform_wrapper ul.gfield_checkbox li { overflow: visible; } .page-template-default .gform_wrapper ul.gfield_checkbox li:before { display: none; } .page-template-default .gform_wrapper ul.gfield_checkbox li label { width: 170px; } .page-template-default .gform_wrapper ul.gfield_checkbox li label:before { top: 2px; left: -25px; } .page-template-default .gform_next_button, .page-template-default .gform_previous_button { color: #000; } .page-template-default input[type="submit"] { background: none; border: none; color: #000; } .page-template-default .gform_wrapper ul.gfield_radio li { overflow: visible; } .page-template-default .gform_wrapper ul.gfield_radio li label { text-indent: 30px; } .page-template-default input[type="submit"].gform_button { display: inline-block !important; width: 100% !important; max-width: 125px !important; height: 50px !important; border: none !important; font-family: "nunito-semibold" !important; background-color: #0072D6 !important; color: #fff !important; letter-spacing: 0.2px !important; text-align: center !important; padding: 8px 28px !important; font-size: 16px !important; text-indent: 0px !important; border-radius: 50px !important; -webkit-transition: 0.6s all !important; -o-transition: 0.6s all !important; transition: 0.6s all !important; cursor: pointer !important; } .page-template-default input[type="submit"].gform_button:hover { color: #fff !important; background: #0083F5 !important; } .page-template-default input[type="submit"].gform_button:focus { background: #0063BA !important; -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2) !important; box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2) !important; color: #fff !important; } .page-template-default li>a:not(.green-btn) { color: #0074d7; } .page-template-default li>a:not(.green-btn):hover { text-decoration: underline; } .page-template-default li.active a { font-weight: bold; } .text-block .row .col-xs-7 a, .text-block .row .col-xs-11 a { font-weight: inherit; font-size: 1em; color: #1565C0; } .text-block .row .col-xs-7 a:hover, .text-block .row .col-xs-11 a:hover { text-decoration: underline; } #breadcrumbs { max-width: unset; } #breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #breadcrumbs .breadcrumb-item { margin-top: 0px; margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #breadcrumbs .breadcrumb-item a { display: block; margin-top: 0px; margin-bottom: 0px; } @media only screen and (max-width: 1299px) and (min-width: 1px) { .page-template-template-conservation _:lang(x)::-ms-backdrop, .page-template-template-conservation .text-block>.row, .page-template-template-landing _:lang(x)::-ms-backdrop, .page-template-template-landing .text-block>.row { -ms-flex-direction: row !important; flex-direction: row !important; } } .page-template-template-conservation #main, .page-template-template-landing #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-conservation #main, .page-template-template-landing #main { padding-top: 142px; } } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-conservation #banner #desktop-banner-svg, .page-template-template-landing #banner #desktop-banner-svg { display: none; } } .page-template-template-conservation #banner #mobile-banner-svg, .page-template-template-landing #banner #mobile-banner-svg { display: none; width: 100%; } @media only screen and (max-width: 500px) and (min-width: 1px) { .page-template-template-conservation #banner #mobile-banner-svg, .page-template-template-landing #banner #mobile-banner-svg { display: block; top: auto; bottom: 0px; max-height: 300px; } } .page-template-template-conservation #main-cnt, .page-template-template-landing #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-template-template-conservation #main-cnt .sidebar, .page-template-template-landing #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .sidebar, .page-template-template-landing #main-cnt .sidebar { width: 100%; } } .page-template-template-conservation #main-cnt .section-cnt, .page-template-template-landing #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 20px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt, .page-template-template-landing #main-cnt .section-cnt { width: 100%; } } .page-template-template-conservation #main-cnt .section-cnt .text-block, .page-template-template-landing #main-cnt .section-cnt .text-block { background: #fff; border-top-left-radius: 15px; padding: 86px 17vw 0 14vw; } .page-template-template-conservation #main-cnt .section-cnt .text-block a:hover, .page-template-template-landing #main-cnt .section-cnt .text-block a:hover { text-decoration: underline; } .page-template-template-conservation #main-cnt .section-cnt .text-block.multi, .page-template-template-landing #main-cnt .section-cnt .text-block.multi { padding: 0; margin: 86px 17vw 0 14vw; border-radius: 0; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block.multi, .page-template-template-landing #main-cnt .section-cnt .text-block.multi { text-align: center; margin: 86px 8vw 0px 8vw; } } .page-template-template-conservation #main-cnt .section-cnt .text-block.multi .block-text ~ .block-link, .page-template-template-landing #main-cnt .section-cnt .text-block.multi .block-text ~ .block-link { margin-top: 20px; font-size: 16px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block, .page-template-template-landing #main-cnt .section-cnt .text-block { padding: 86px 8vw 0 8vw; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block, .page-template-template-landing #main-cnt .section-cnt .text-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; } } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header { margin-bottom: 45px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h2, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h2 { font-size: 40px; color: #1D3347; letter-spacing: 0.7px; line-height: 45px; position: relative; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h2, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h2 { font-size: 30px; line-height: 30px; } } @media only screen and (max-width: 480px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h2, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h2 { text-align: center; } } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h2.orange-line, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h2.orange-line { padding-bottom: 35px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h2.orange-line:after, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h2.orange-line:after { content: ''; width: 40px; height: 4px; background: #FF8F1C; border-radius: 8px; position: absolute; top: 100%; left: 0; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h3, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h3 { position: relative; color: #294152; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h3.orange-line, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h3.orange-line { padding-bottom: 30px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h3.orange-line:after, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h3.orange-line:after { content: ''; width: 40px; height: 4px; background: #FF8F1C; border-radius: 8px; position: absolute; top: 100%; left: 0; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h3.orange-line:after, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h3.orange-line:after { left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h3.green-line, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h3.green-line { padding-bottom: 30px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h3.green-line:after, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h3.green-line:after { content: ''; width: 40px; height: 4px; background: #008d26; border-radius: 8px; position: absolute; top: 100%; left: 0; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block .block-header h3.green-line:after, .page-template-template-landing #main-cnt .section-cnt .text-block .block-header h3.green-line:after { left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text { margin-bottom: 50px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h2, .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h3, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h2, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h3 { font-family: "roboto-medium"; font-size: 20px; color: #006EB3; line-height: 30px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h2 a, .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h3 a, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h2 a, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h3 a { color: #006EB3; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h2 a:not(.external-link), .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h3 a:not(.external-link), .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h2 a:not(.external-link), .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h3 a:not(.external-link) { position: relative; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h2 a:not(.external-link):after, .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h3 a:not(.external-link):after, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h2 a:not(.external-link):after, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h3 a:not(.external-link):after { background: url(../images/blue-carret.svg) 50% no-repeat; background-size: contain; content: ''; display: inline-block; height: 100%; right: -15px; position: absolute; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 7px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h2 a.external-link, .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h3 a.external-link, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h2 a.external-link, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h3 a.external-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h2 a.external-link img, .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text h3 a.external-link img, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h2 a.external-link img, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text h3 a.external-link img { margin-left: 10px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text p, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text p { font-family: "roboto-regular"; font-size: 20px; color: #000; line-height: 30px; margin-top: 0; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text p, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text p { font-size: 16px; line-height: 28px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text p, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text p { font-size: 16px; line-height: 26px; text-align: center; } } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text.description p, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text.description p { font-family: "roboto-regular"; font-size: 16px; line-height: 26px; margin-top: 35px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-text ~ .block-link, .page-template-template-landing #main-cnt .section-cnt .text-block .block-text ~ .block-link { margin-bottom: 50px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-link a, .page-template-template-landing #main-cnt .section-cnt .text-block .block-link a { font-family: "nunito-bold"; font-size: 20px; color: #0D60BF; display: inline-block; line-height: 30px; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-link a:not(.external-link), .page-template-template-landing #main-cnt .section-cnt .text-block .block-link a:not(.external-link) { position: relative; } .page-template-template-conservation #main-cnt .section-cnt .text-block .block-link a:not(.external-link):after, .page-template-template-landing #main-cnt .section-cnt .text-block .block-link a:not(.external-link):after { content: ''; width: 7px; height: 100%; position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/blue-carret.svg) 50% no-repeat; background-size: contain; display: inline-block; } .page-template-template-conservation #main-cnt .section-cnt .single-links, .page-template-template-landing #main-cnt .section-cnt .single-links { padding: 0px; margin: 86px 17vw 0px 14vw; border-radius: 0px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .single-links, .page-template-template-landing #main-cnt .section-cnt .single-links { text-align: center; margin: 86px 8vw 0px 8vw; } } .page-template-template-conservation #main-cnt .section-cnt .single-links p ~ a, .page-template-template-landing #main-cnt .section-cnt .single-links p ~ a { margin-top: 20px; font-size: 16px; } .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links { border-radius: 15px; padding: 86px 8vw 150px 8vw; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links { padding: 86px 8vw 80px 8vw; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .row, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links h2, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links h2 { font-size: 30px; color: #1D3347; letter-spacing: 0.2px; margin-bottom: 35px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links h2, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links h2 { text-align: center; } } .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-5, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-5, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-5 { max-width: 100%; margin-top: 50px; } } .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul { width: 100%; list-style: none; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul { padding: 0px; } } .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li { padding: 15px 0px; border-top: 1px solid rgba(0,0,0,0.3); } .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li:last-child, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li:last-child { border-bottom: 1px solid rgba(0,0,0,0.3); } .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li a, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "roboto-medium"; font-size: 16px; } .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li a:after, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li a:after { display: none; } .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li a img, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-5 ul li a img { margin: auto 0; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .text-block.with-links .col-xs-7, .page-template-template-landing #main-cnt .section-cnt .text-block.with-links .col-xs-7 { max-width: 100%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .recycle-protect, .page-template-template-landing #main-cnt .section-cnt .recycle-protect { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-template-template-conservation #main-cnt .section-cnt .recycle-protect a, .page-template-template-landing #main-cnt .section-cnt .recycle-protect a { font-size: 20px !important; } .page-template-template-conservation #main-cnt .section-cnt .recycle-protect p, .page-template-template-landing #main-cnt .section-cnt .recycle-protect p { text-align: left; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block, .page-template-template-landing #main-cnt .section-cnt .image-text-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 107%; margin-left: -7%; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block, .page-template-template-landing #main-cnt .section-cnt .image-text-block { margin-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .image-container, .page-template-template-landing #main-cnt .section-cnt .image-text-block .image-container { width: 47.4%; position: relative; padding: 0; background-size: cover; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .image-container, .page-template-template-landing #main-cnt .section-cnt .image-text-block .image-container { width: 100%; padding: 175px; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .image-container .image, .page-template-template-landing #main-cnt .section-cnt .image-text-block .image-container .image { width: 100%; height: 100%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .image-container .image img, .page-template-template-landing #main-cnt .section-cnt .image-text-block .image-container .image img { -o-object-fit: cover; object-fit: cover; width: 100%; border-radius: 15px 0px 0px 15px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .image-container .image img, .page-template-template-landing #main-cnt .section-cnt .image-text-block .image-container .image img { border-radius: 0px; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container { width: 52.6%; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container { width: 100%; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt { background: #0A6DB1; padding: 75px 20% 85px 15%; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt { padding: 75px 15% 85px 8%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt { padding: 75px 10vw 85px 8vw; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt h2, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt h2 { font-family: "nunito-light"; font-size: 42px; color: #FFFFFF; line-height: 50px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt h2, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt h2 { font-size: 28px; line-height: 30px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt h2, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt h2 { margin-right: 20px; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt p, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt p { font-family: "roboto-regular"; font-size: 20px !important; color: #FFFFFF; line-height: 32px; margin-top: 40px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt p, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt p { font-size: 18px; color: #FFFFFF; line-height: 32px; margin-top: 35px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt p, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt p { margin-right: 30px; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt a:hover, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt a:hover { text-decoration: underline; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a { position: relative; margin-top: 0px !important; border: none !important; font-family: "nunito-semibold" !important; font-size: 22px !important; color: #FFFFFF !important; text-align: center !important; line-height: 24px !important; display: inline-block !important; margin-top: 0px !important; padding: 0 !important; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a:after, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a:after { content: ''; width: 6px; height: 24px; background: url(../images/arrow-white.svg) 50% no-repeat; background-size: contain; display: inline-block; position: absolute; top: 50%; right: -15px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a:hover, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a:hover { background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a.transparent-btn, .page-template-template-conservation .page-template-template-404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a, .page-template-template-404 .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a, .page-template-template-conservation .page-template-template-404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a, .page-template-template-404 .page-template-template-conservation #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a, .page-template-template-conservation .error404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a, .error404 .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a, .page-template-template-conservation .error404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a, .error404 .page-template-template-conservation #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a.transparent-btn, .page-template-template-landing .page-template-template-404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a, .page-template-template-404 .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a, .page-template-template-landing .page-template-template-404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a, .page-template-template-404 .page-template-template-landing #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a, .page-template-template-landing .error404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a, .error404 .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a, .page-template-template-landing .error404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a, .error404 .page-template-template-landing #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a { border: 2px solid #fff !important; padding: 4px 10px !important; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a.transparent-btn:after, .page-template-template-conservation .page-template-template-404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:after, .page-template-template-404 .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:after, .page-template-template-conservation .page-template-template-404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:after, .page-template-template-404 .page-template-template-conservation #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:after, .page-template-template-conservation .error404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:after, .error404 .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:after, .page-template-template-conservation .error404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:after, .error404 .page-template-template-conservation #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:after, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a.transparent-btn:after, .page-template-template-landing .page-template-template-404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:after, .page-template-template-404 .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:after, .page-template-template-landing .page-template-template-404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:after, .page-template-template-404 .page-template-template-landing #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:after, .page-template-template-landing .error404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:after, .error404 .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:after, .page-template-template-landing .error404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:after, .error404 .page-template-template-landing #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:after { display: none; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a.transparent-btn:hover, .page-template-template-conservation .page-template-template-404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:hover, .page-template-template-404 .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:hover, .page-template-template-conservation .page-template-template-404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:hover, .page-template-template-404 .page-template-template-conservation #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:hover, .page-template-template-conservation .error404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:hover, .error404 .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:hover, .page-template-template-conservation .error404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:hover, .error404 .page-template-template-conservation #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:hover, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt p>a.transparent-btn:hover, .page-template-template-landing .page-template-template-404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:hover, .page-template-template-404 .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:hover, .page-template-template-landing .page-template-template-404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:hover, .page-template-template-404 .page-template-template-landing #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:hover, .page-template-template-landing .error404 #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:hover, .error404 .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt .text-404 p>a:hover, .page-template-template-landing .error404 #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:hover, .error404 .page-template-template-landing #main-cnt .text-404 .section-cnt .image-text-block .text-container .text-cnt p>a:hover { background: #03B54D !important; text-decoration: none !important; -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2) !important; box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2) !important; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt a.blue-btn, .page-template-template-conservation .page-template-template-business-center #main-cnt .section-cnt .image-text-block .text-container .text-cnt .contract-form a.gform_button.button, .page-template-template-business-center .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt .contract-form a.gform_button.button, .page-template-template-conservation .page-template-template-business-center #main-cnt .section-cnt .contract-form .image-text-block .text-container .text-cnt a.gform_button.button, .page-template-template-business-center .page-template-template-conservation #main-cnt .section-cnt .contract-form .image-text-block .text-container .text-cnt a.gform_button.button, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt a.blue-btn, .page-template-template-landing .page-template-template-business-center #main-cnt .section-cnt .image-text-block .text-container .text-cnt .contract-form a.gform_button.button, .page-template-template-business-center .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt .contract-form a.gform_button.button, .page-template-template-landing .page-template-template-business-center #main-cnt .section-cnt .contract-form .image-text-block .text-container .text-cnt a.gform_button.button, .page-template-template-business-center .page-template-template-landing #main-cnt .section-cnt .contract-form .image-text-block .text-container .text-cnt a.gform_button.button { border: 2px solid #FFFFFF !important; border-radius: 50px; font-family: "nunito-semibold"; font-size: 16px !important; color: #FFFFFF; text-align: center; line-height: 24px; display: inline-block; margin-top: 40px !important; padding: 14px 23px !important; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt a.blue-btn:hover, .page-template-template-conservation .page-template-template-business-center #main-cnt .section-cnt .image-text-block .text-container .text-cnt .contract-form a.gform_button.button:hover, .page-template-template-business-center .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt .contract-form a.gform_button.button:hover, .page-template-template-conservation .page-template-template-business-center #main-cnt .section-cnt .contract-form .image-text-block .text-container .text-cnt a.gform_button.button:hover, .page-template-template-business-center .page-template-template-conservation #main-cnt .section-cnt .contract-form .image-text-block .text-container .text-cnt a.gform_button.button:hover, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt a.blue-btn:hover, .page-template-template-landing .page-template-template-business-center #main-cnt .section-cnt .image-text-block .text-container .text-cnt .contract-form a.gform_button.button:hover, .page-template-template-business-center .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt .contract-form a.gform_button.button:hover, .page-template-template-landing .page-template-template-business-center #main-cnt .section-cnt .contract-form .image-text-block .text-container .text-cnt a.gform_button.button:hover, .page-template-template-business-center .page-template-template-landing #main-cnt .section-cnt .contract-form .image-text-block .text-container .text-cnt a.gform_button.button:hover { text-decoration: none !important; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green { background: #00963F; padding: 75px 17% 85px 15%; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green { padding: 75px 18% 85px 10%; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2 { font-family: "nunito-semibold"; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green p.stage, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green p.stage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green p.stage, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green p.stage { display: block; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green p.p1, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green p.p1 { margin-top: 10px; font-size: 16px !important; line-height: 24px; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green p.p1>a, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green p.p1>a { font-size: 16px !important; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green hr ~ p:not(.p1), .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green hr ~ p:not(.p1) { display: inline-block; margin-top: 25px; font-family: "nunito-semibold"; font-size: 22px !important; color: #FFFFFF; line-height: 32px; padding: 0; border-radius: 0; border: 0; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green span, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green span { padding: 2px 12px; border: 1px solid #fff; border-radius: 50px; margin-left: 20px; } @media only screen and (max-width: 480px) and (min-width: 1px) { .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green span, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green span { display: inline-block; margin-left: 0px; } } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green span[class$="-btn"], .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green span[class$="-btn"] { max-width: 100px; display: inline-block; font-family: "roboto-regular", sans-serif; font-size: 16px; line-height: 32px; margin-top: 0; text-decoration: none; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green span[class$="-btn"]:hover, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green span[class$="-btn"]:hover { background: transparent; text-decoration: none; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2.link, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h3.link, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h4.link, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h5.link, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h6.link, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2.link, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h3.link, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h4.link, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h5.link, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h6.link { border-radius: 0; border: 0; color: #FFFFFF; display: inline-block; font-family: "nunito-semibold"; font-size: 22px; line-height: 32px; margin-top: 0; padding: 0; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2.link a, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h3.link a, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h4.link a, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h5.link a, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h6.link a, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2.link a, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h3.link a, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h4.link a, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h5.link a, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h6.link a { border: 0; border-radius: 0; color: #FFFFFF; display: inline-block; font-family: "nunito-semibold"; font-size: 22px; line-height: 32px; margin-top: 25px; padding: 0; position: relative; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2.link a:after, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h3.link a:after, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h4.link a:after, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h5.link a:after, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h6.link a:after, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2.link a:after, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h3.link a:after, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h4.link a:after, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h5.link a:after, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h6.link a:after { background: url(../images/white-carret.svg) 50% no-repeat; background-size: contain; content: ''; display: inline-block; height: 100%; right: -15px; position: absolute; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 7px; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2.link ~ p, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h3.link ~ p, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h4.link ~ p, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h5.link ~ p, .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h6.link ~ p, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h2.link ~ p, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h3.link ~ p, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h4.link ~ p, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h5.link ~ p, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green h6.link ~ p { margin-top: 0px; font-size: 16px; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green li, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green li { font-family: "roboto-regular"; font-size: 20px !important; color: #FFFFFF; line-height: 32px; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green li a, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green li a { font-family: "roboto-regular"; font-size: 20px !important; color: #FFFFFF; line-height: 32px; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green a.link, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green a.link { display: inline-block; margin-top: 25px; font-family: "nunito-semibold"; font-size: 22px; color: #FFFFFF; line-height: 32px; padding: 0; border-radius: 0; border: 0; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green a.link ~ p, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green a.link ~ p { margin-top: 0px; font-size: 16px; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green img, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green img { width: 6px; height: 10px; margin-left: 5px; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green hr, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .text-cnt.green hr { border-top: 1px solid #5dca95; } .page-template-template-conservation #main-cnt .section-cnt .image-text-block .text-container .green-btn, .page-template-template-landing #main-cnt .section-cnt .image-text-block .text-container .green-btn { border: 2px solid #fff; } .single-leadership #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .single-leadership #main { padding-top: 142px; } } .single-leadership .breadcrumbs { max-width: 500px; } .single-leadership #banner .text-cnt h1 { margin-bottom: 40px; font-size: 46px; font-family: "nunito-regular"; color: #FFFFFF; line-height: 46px; text-shadow: 0 2px 12px rgba(116,116,116,0.5); } @media only screen and (max-width: 1024px) and (min-width: 768px) { .single-leadership #banner .text-cnt h1 { -ms-flex-preferred-size: 55%; flex-basis: 55%; max-width: 55%; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #banner .text-cnt h1 { font-size: 30px; line-height: 36px; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .single-leadership .bg { background-image: url(../images/tablet-your-water-banner.png) !important; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership .bg { background-image: url(../images/mobile-your-water-banner.png) !important; } } .single-leadership #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .single-leadership #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .single-leadership #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .single-leadership #main-cnt .sidebar { padding: 4vh 7vw 13vh 7vw; width: 100%; } .single-leadership #main-cnt .sidebar .active:before { display: none; } } .single-leadership #main-cnt .sidebar li.child-link { display: block; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .single-leadership #main-cnt .mobile-tabs { position: relative; width: 100%; height: 36px; padding: 4px 0px; text-indent: 20px; background: #FAFBFC; border-radius: 3px; border: 1px solid #888888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .single-leadership #main-cnt .mobile-tabs:after { content: ''; position: absolute; width: 10px; height: 5px; top: 16px; right: 20px; background: url(../images/dropdown-arrow.svg); } .single-leadership #main-cnt .mobile-tabs li:not(:first-child) { display: none; margin-bottom: 0px !important; background: #fbfbfb !important; border-left: 2px solid #006eb3; border-right: 2px solid #006eb3; z-index: 1; } .single-leadership #main-cnt .mobile-tabs li:not(:first-child):hover { background: #9FDCF6; } .single-leadership #main-cnt .mobile-tabs li { -webkit-box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); } .single-leadership #main-cnt .mobile-tabs li:nth-of-type(2) { position: relative; -webkit-box-shadow: none; box-shadow: none; background: #fbfbfb !important; } .single-leadership #main-cnt .mobile-tabs li:nth-of-type(2):after { content: ''; position: absolute; width: 10px; height: 5px; right: 20px; top: -5px; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url(../images/dropdown-arrow-white.svg); } .single-leadership #main-cnt .mobile-tabs li:last-child { border-radius: 0px 0px 4px 4px; } .single-leadership #main-cnt .mobile-tabs .sub-nav li { display: none; margin-bottom: 0 !important; background: #fbfbfb !important; -webkit-box-shadow: none !important; box-shadow: none !important; z-index: 1; } .single-leadership #main-cnt .mobile-tabs .sub-nav li:hover { background: #9FDCF6; } .single-leadership #main-cnt .mobile-tabs .sub-nav li:after { opacity: 0 !important; display: none !important; } } @media only screen and (max-width: 1023px) and (min-width: 1px) and (max-width: 1024px) { .single-leadership #main-cnt .mobile-tabs .sub-nav { margin-top: 0; padding-left: 0; } } @media only screen and (max-width: 1023px) and (min-width: 1px) { .single-leadership #main-cnt .mobile-tabs li:first-child .sub-nav li { border-left: 2px solid #006eb3; border-right: 2px solid #006eb3; border-bottom: none; margin-bottom: 0 !important; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 !important; } .single-leadership #main-cnt .mobile-tabs li:not(:first-child) .sub-nav li { border-left: none !important; border-right: none !important; border-bottom: none; margin-bottom: 0 !important; -webkit-box-shadow: none; box-shadow: none; } } .single-leadership #main-cnt .section-cnt { width: 69%; margin-top: -60px; padding: 0 0 200px; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt { width: 100%; padding: 0 0 100px; } } .single-leadership #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 1023px) and (min-width: 1px) { .single-leadership #main-cnt .section-cnt .tabs { border-radius: 0px; } } .single-leadership #main-cnt .leadership-detail-header { padding: 0 13vw 0 7vw; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .leadership-detail-header { padding: 0 7vw 0 7vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .single-leadership #main-cnt .leadership-detail-header .headshot { width: 200px; height: 200px; border-radius: 50%; overflow: hidden; position: relative; } .single-leadership #main-cnt .leadership-detail-header .headshot img { width: 100%; height: auto; position: absolute; top: 0; left: 0; } .single-leadership #main-cnt .leadership-detail-name-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 3rem; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .leadership-detail-name-container { text-align: center; margin-top: 1rem; margin-left: 0; } } .single-leadership #main-cnt .leadership-detail-name { font-family: "nunito-semibold"; font-size: 30px; line-height: 40px; letter-spacing: 0.2px; color: #2E4152; } .single-leadership #main-cnt .leadership-detail-title { margin-top: 10px; font-family: "roboto-medium"; font-size: 20px; line-height: 30px; color: #2E4152; } .single-leadership #main-cnt .leadership-detail-cnt { margin-top: 3rem; padding: 0 13vw 0 7vw; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .leadership-detail-cnt { padding: 0 7vw 0 7vw; margin-top: 2rem; } } .single-leadership #main-cnt .leadership-detail-cnt-copy { font-family: "roboto-regular"; font-size: 16px; line-height: 28px; color: #2E4152; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .leadership-detail-cnt-copy { text-align: center; } } .single-leadership #main-cnt hr { margin: 40px 0; border-top: 2px solid #dedede; } .single-leadership #main-cnt .leadership-detail-contact { margin: 2.5rem 0; border-top: 2px solid #dedede; } .single-leadership #main-cnt .leadership-detail-contact .leadership-detail-contact-title { margin: 2.5rem 0 1.5rem 0; font-family: "nunito-semibold"; font-size: 30px; line-height: 40px; letter-spacing: 0.2px; color: #2E4152; } .single-leadership #main-cnt .leadership-detail-contact span { font-family: "nunito-semibold"; font-size: 16px; line-height: 28px; color: #2E4152; } @media only screen and (max-width: 960px) and (min-width: 1px) { .single-leadership #main-cnt .name_last label { position: relative !important; left: 0 !important; top: -70px !important; } .single-leadership #main-cnt .name_first label { position: relative !important; left: 0 !important; top: -70px !important; } } .single-leadership #main-cnt .application-modal { margin-top: 1rem; } @media only screen and (max-width: 960px) and (min-width: 1px) { .single-leadership #main-cnt .application-modal { margin-top: 3rem; } } .single-leadership #main-cnt .gform_fields>li { display: inline-block; width: 47%; } @media only screen and (max-width: 960px) and (min-width: 1px) { .single-leadership #main-cnt .gform_fields>li { margin-bottom: 40px; } } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .gform_fields>li { width: 100%; } } .single-leadership #main-cnt .gform_fields>li:nth-child(1) { margin-right: 1rem; } .single-leadership #main-cnt .gform_fields>li:nth-child(3) { margin-right: 1rem; } .single-leadership #main-cnt .gform_fields>li:nth-child(5) { width: 97%; } @media only screen and (max-width: 1920px) and (min-width: 1920px) { .single-leadership #main-cnt .gform_fields>li:nth-child(5) { max-width: 920px; } } @media only screen and (min-width: 1921px) { .single-leadership #main-cnt .gform_fields>li:nth-child(5) { max-width: 1210px; } } .single-leadership #main-cnt .gform_fields>li:nth-child(6) { width: 97%; } @media only screen and (max-width: 1920px) and (min-width: 1920px) { .single-leadership #main-cnt .gform_fields>li:nth-child(6) { max-width: 920px; } } @media only screen and (min-width: 1921px) { .single-leadership #main-cnt .gform_fields>li:nth-child(6) { max-width: 1210px; } } @media only screen and (max-width: 960px) and (min-width: 1px) { .single-leadership #main-cnt .gform_fields>li label { position: absolute; left: 0; top: -30px; } } .single-leadership #main-cnt input.gform_button { display: block !important; margin-right: auto !important; width: 100% !important; max-width: 193px !important; height: auto !important; border: none !important; font-family: "nunito-semibold" !important; background-color: #0072D6 !important; color: #FFFFFF !important; text-indent: 0px !important; letter-spacing: 0.2px !important; text-align: center !important; padding: 14px 28px !important; font-size: 16px !important; border-radius: 50px !important; -webkit-transition: 0.6s all !important; -o-transition: 0.6s all !important; transition: 0.6s all !important; text-transform: none !important; cursor: pointer !important; } .single-leadership #main-cnt input.gform_button:hover { color: #fff !important; background: #0083F5 !important; } .single-leadership #main-cnt input.gform_button:focus { background: #0063BA !important; -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2) !important; box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.2) !important; color: #FFFFFF !important; } @media only screen and (max-width: 767px) and (min-width: 1px) { .single-leadership #main-cnt .gform_footer { margin-top: 0px; } } .page-template-template-start-stop-service #main, .template-service #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-start-stop-service #main, .template-service #main { padding-top: 142px; } } .page-template-template-start-stop-service #main-cnt, .template-service #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt, .template-service #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-start-stop-service #main-cnt .sidebar, .template-service #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .sidebar, .template-service #main-cnt .sidebar { padding: 4vh 7vw 12vh 7vw; width: 100%; } .page-template-template-start-stop-service #main-cnt .sidebar .active:before, .template-service #main-cnt .sidebar .active:before { display: none; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .mobile-tabs, .template-service #main-cnt .mobile-tabs { position: relative; width: 100%; height: 36px; padding: 4px 0px; text-indent: 20px; background: #FAFBFC; border-radius: 3px; border: 1px solid #888888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-template-template-start-stop-service #main-cnt .mobile-tabs:after, .template-service #main-cnt .mobile-tabs:after { content: ''; position: absolute; width: 10px; height: 5px; top: 16px; right: 20px; background: url(../images/dropdown-arrow.svg); } .page-template-template-start-stop-service #main-cnt .mobile-tabs li:not(:first-child), .template-service #main-cnt .mobile-tabs li:not(:first-child) { display: none; margin-bottom: 0px !important; background: #fbfbfb !important; z-index: 1; } .page-template-template-start-stop-service #main-cnt .mobile-tabs li:not(:first-child):hover, .template-service #main-cnt .mobile-tabs li:not(:first-child):hover { background: #9FDCF6; } .page-template-template-start-stop-service #main-cnt .mobile-tabs li, .template-service #main-cnt .mobile-tabs li { -webkit-box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); } .page-template-template-start-stop-service #main-cnt .mobile-tabs li:nth-of-type(2), .template-service #main-cnt .mobile-tabs li:nth-of-type(2) { position: relative; -webkit-box-shadow: 0 -1px 2px 0 rgba(16,16,16,0.1); box-shadow: 0 -1px 2px 0 rgba(16,16,16,0.1); background: #fbfbfb !important; } .page-template-template-start-stop-service #main-cnt .mobile-tabs li:nth-of-type(2):after, .template-service #main-cnt .mobile-tabs li:nth-of-type(2):after { content: ''; position: absolute; width: 10px; height: 5px; right: 20px; top: -5px; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url(../images/dropdown-arrow-white.svg); } .page-template-template-start-stop-service #main-cnt .mobile-tabs li:last-child, .template-service #main-cnt .mobile-tabs li:last-child { border-radius: 0px 0px 4px 4px; } } .page-template-template-start-stop-service #main-cnt .section-cnt, .template-service #main-cnt .section-cnt { width: 85%; margin-top: -60px; padding: 0 0 200px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .section-cnt, .template-service #main-cnt .section-cnt { width: 100%; } } .page-template-template-start-stop-service #main-cnt .section-cnt .tabs, .template-service #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 1085px) and (min-width: 1024px) { .page-template-template-start-stop-service #main-cnt .section-cnt .tabs, .template-service #main-cnt .section-cnt .tabs { padding: 36px 8vw; } } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .section-cnt .tabs, .template-service #main-cnt .section-cnt .tabs { padding: 36px 2vw; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .section-cnt .tabs, .template-service #main-cnt .section-cnt .tabs { border-radius: 0px; padding: 7vh 7vw 7vh 7vw; } } .page-template-template-start-stop-service #main-cnt .section-cnt .start-stop-service, .template-service #main-cnt .section-cnt .start-stop-service { padding: 0 9vw; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .section-cnt .start-stop-service, .template-service #main-cnt .section-cnt .start-stop-service { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block, .template-service #main-cnt .section-cnt .service-cnt-block { padding-bottom: 2rem; border-bottom: 1px solid rgba(0,0,0,0.3); } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block:last-child, .template-service #main-cnt .section-cnt .service-cnt-block:last-child { border-bottom: none; } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block:not(:first-child), .template-service #main-cnt .section-cnt .service-cnt-block:not(:first-child) { padding-top: 2rem; } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block h2, .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block h3, .template-service #main-cnt .section-cnt .service-cnt-block h2, .template-service #main-cnt .section-cnt .service-cnt-block h3 { font-family: "nunito-regular"; font-size: 30px; line-height: 42px; color: #42444F; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block h2, .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block h3, .template-service #main-cnt .section-cnt .service-cnt-block h2, .template-service #main-cnt .section-cnt .service-cnt-block h3 { font-size: 20px; line-height: 32px; } } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block p, .template-service #main-cnt .section-cnt .service-cnt-block p { font-family: "roboto-regular"; font-size: 20px; line-height: 35px; color: #28292E; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block p, .template-service #main-cnt .section-cnt .service-cnt-block p { font-size: 16px; line-height: 26px; } } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block p a, .template-service #main-cnt .section-cnt .service-cnt-block p a { font-family: "roboto-regular"; font-size: 20px; line-height: 35px; color: #0072D6; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block p a, .template-service #main-cnt .section-cnt .service-cnt-block p a { font-size: 16px; line-height: 26px; } } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block em, .template-service #main-cnt .section-cnt .service-cnt-block em { font-family: "roboto-regular"; font-style: italic; font-size: 14px; color: #595959; } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block a, .template-service #main-cnt .section-cnt .service-cnt-block a { font-family: "nunito-regular"; font-size: 30px; line-height: 42px; color: #0072D6; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block a, .template-service #main-cnt .section-cnt .service-cnt-block a { font-size: 20px; line-height: 32px; } } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block ul, .template-service #main-cnt .section-cnt .service-cnt-block ul { list-style: none; } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block ul li, .template-service #main-cnt .section-cnt .service-cnt-block ul li { position: relative; font-family: "roboto-regular"; font-size: 16px; line-height: 35px; color: #28292E; text-indent: 10px; } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block ul li:before, .template-service #main-cnt .section-cnt .service-cnt-block ul li:before { position: absolute; left: -25px; content: "\2022"; color: black; font-weight: bold; display: inline-block; font-size: 14px; } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block ul li a, .template-service #main-cnt .section-cnt .service-cnt-block ul li a { font-size: 16px; line-height: 35px; color: #0072D6; } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block .service-cnt-block-small-text, .template-service #main-cnt .section-cnt .service-cnt-block .service-cnt-block-small-text { margin-top: 1.3rem; } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block .service-cnt-block-small-text p, .template-service #main-cnt .section-cnt .service-cnt-block .service-cnt-block-small-text p { font-family: "roboto-regular"; font-size: 14px; line-height: 23px; font-style: italic; color: #42444F; } .page-template-template-start-stop-service #main-cnt .section-cnt .service-cnt-block .service-cnt-block-small-text p a, .template-service #main-cnt .section-cnt .service-cnt-block .service-cnt-block-small-text p a { font-family: "roboto-regular"; font-size: 14px; line-height: 23px; font-style: italic; color: #0072D6; } .page-template-template-affordability-programs #main, .template-affordability #main { padding-top: 46px; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-affordability-programs #main, .template-affordability #main { padding-top: 142px; } } .page-template-template-affordability-programs #main-cnt, .template-affordability #main-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt, .template-affordability #main-cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-template-template-affordability-programs #main-cnt .sidebar, .template-affordability #main-cnt .sidebar { width: 31%; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .sidebar, .template-affordability #main-cnt .sidebar { padding: 4vh 7vw 12vh 7vw; width: 100%; } .page-template-template-affordability-programs #main-cnt .sidebar .active:before, .template-affordability #main-cnt .sidebar .active:before { display: none; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .mobile-tabs, .template-affordability #main-cnt .mobile-tabs { position: relative; width: 100%; height: 36px; padding: 4px 0px; text-indent: 20px; background: #FAFBFC; border-radius: 3px; border: 1px solid #888888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-template-template-affordability-programs #main-cnt .mobile-tabs:after, .template-affordability #main-cnt .mobile-tabs:after { content: ''; position: absolute; width: 10px; height: 5px; top: 16px; right: 20px; background: url(../images/dropdown-arrow.svg); } .page-template-template-affordability-programs #main-cnt .mobile-tabs li:not(:first-child), .template-affordability #main-cnt .mobile-tabs li:not(:first-child) { display: none; margin-bottom: 0px !important; background: #fbfbfb !important; z-index: 1; } .page-template-template-affordability-programs #main-cnt .mobile-tabs li:not(:first-child):hover, .template-affordability #main-cnt .mobile-tabs li:not(:first-child):hover { background: #9FDCF6; } .page-template-template-affordability-programs #main-cnt .mobile-tabs li, .template-affordability #main-cnt .mobile-tabs li { -webkit-box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); box-shadow: 0 1px 1px 0 rgba(16,16,16,0.1); } .page-template-template-affordability-programs #main-cnt .mobile-tabs li:nth-of-type(2), .template-affordability #main-cnt .mobile-tabs li:nth-of-type(2) { position: relative; -webkit-box-shadow: 0 -1px 2px 0 rgba(16,16,16,0.1); box-shadow: 0 -1px 2px 0 rgba(16,16,16,0.1); background: #fbfbfb !important; } .page-template-template-affordability-programs #main-cnt .mobile-tabs li:nth-of-type(2):after, .template-affordability #main-cnt .mobile-tabs li:nth-of-type(2):after { content: ''; position: absolute; width: 10px; height: 5px; right: 20px; top: -5px; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url(../images/dropdown-arrow-white.svg); } .page-template-template-affordability-programs #main-cnt .mobile-tabs li:last-child, .template-affordability #main-cnt .mobile-tabs li:last-child { border-radius: 0px 0px 4px 4px; } } .page-template-template-affordability-programs #main-cnt .section-cnt, .template-affordability #main-cnt .section-cnt { width: 85%; margin-top: -60px; padding: 0 0 200px; } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .section-cnt, .template-affordability #main-cnt .section-cnt { width: 100%; } } .page-template-template-affordability-programs #main-cnt .section-cnt .tabs, .template-affordability #main-cnt .section-cnt .tabs { background: #fff; border-top-left-radius: 15px; padding: 36px 10vw; } @media only screen and (max-width: 1085px) and (min-width: 1024px) { .page-template-template-affordability-programs #main-cnt .section-cnt .tabs, .template-affordability #main-cnt .section-cnt .tabs { padding: 36px 8vw; } } @media only screen and (max-width: 1023px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .section-cnt .tabs, .template-affordability #main-cnt .section-cnt .tabs { padding: 36px 2vw; } } @media only screen and (max-width: 1024px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .section-cnt .tabs, .template-affordability #main-cnt .section-cnt .tabs { border-radius: 0px; padding: 7vh 7vw 7vh 7vw; } } .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt, .template-affordability #main-cnt .section-cnt .affordability-cnt { -ms-flex-preferred-size: 44.66667%; flex-basis: 44.66667%; max-width: 44.66667%; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt, .template-affordability #main-cnt .section-cnt .affordability-cnt { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-programs, .template-affordability #main-cnt .section-cnt .affordability-programs { padding: 2rem 9vw; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-programs, .template-affordability #main-cnt .section-cnt .affordability-programs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt-block, .template-affordability #main-cnt .section-cnt .affordability-cnt-block { padding-bottom: 2rem; } .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt-block h2, .template-affordability #main-cnt .section-cnt .affordability-cnt-block h2 { font-family: "nunito-semibold"; font-size: 30px; line-height: 42px; color: #42444F; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt-block h2, .template-affordability #main-cnt .section-cnt .affordability-cnt-block h2 { font-size: 20px; line-height: 32px; } } .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt-block p, .template-affordability #main-cnt .section-cnt .affordability-cnt-block p { font-family: "roboto-regular"; font-size: 20px; line-height: 30px; color: #42444F; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt-block p, .template-affordability #main-cnt .section-cnt .affordability-cnt-block p { font-size: 16px; line-height: 26px; } } .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt-block a, .template-affordability #main-cnt .section-cnt .affordability-cnt-block a { font-family: "roboto-regular"; font-size: 20px; line-height: 26px; color: #0072D6; } @media only screen and (max-width: 767px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt-block a, .template-affordability #main-cnt .section-cnt .affordability-cnt-block a { font-size: 16px; line-height: 26px; } } .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-cnt-block .affordability-link, .template-affordability #main-cnt .section-cnt .affordability-cnt-block .affordability-link { margin-top: 2.5rem; } .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-image, .template-affordability #main-cnt .section-cnt .affordability-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -24rem; } @media only screen and (max-width: 768px) and (min-width: 1px) { .page-template-template-affordability-programs #main-cnt .section-cnt .affordability-image, .template-affordability #main-cnt .section-cnt .affordability-image { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-top: 0; margin-bottom: 2rem; } } /*# sourceMappingURL=main.css.map*/