/* ========================================================================== BITOVI MASTER CSS 1. BASE STYLES - Variables - Macros - CSS Includes 2. COS STRUCTURE - Structure - Header - Content - Background Accent - Featured Box - Heading Line - Image Circle - Utilities 3. MAIN NAVIGATION - Custom Menu Primary - Mobile Menu 4. TEMPLATE MODULE CLASSES - Common Template Classes - Site Pages - Landing Pages - System Pages 5. COS COMPONENTS - Blog - Forms - Buttons 6. MISCELLANEOUS 7. MOBILE MEDIA QUERIES ========================================================================== 1. BASE STYLES ========================================================================== */ /*--------------------------- Font Imports --------------------------------*/ @import 'https://fonts.googleapis.com/css?family=Lato:300,400,700'; @import 'https://fonts.googleapis.com/css?family=Martel:400,800'; /*--------------------------- HubSpot Imports -----------------------------*/ /* MACROS --> Contains styles that can be used as mixins*/ /* VARIABLES --> Contains styles that can be used as mixins*/ /*--------------------------- CSS Includes -----------------------------*/ /* ========================================================================== *\ icons.css \* ========================================================================== */ /** * Bitovi Web Icon Font * * Icon font generated via icomoon.io. * The designer's account has the icon set that can be modified and generated to * then update here. */ @font-face { font-family: 'bitoviweb'; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ux-design'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBg4AAAC8AAAAYGNtYXAXVtKSAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZtE5HigAAAF4AAApcGhlYWQU9ZqjAAAq6AAAADZoaGVhB20D0QAAKyAAAAAkaG10eDYABPAAACtEAAAAQGxvY2FOekUmAAArhAAAACJtYXhwADMCYgAAK6gAAAAgbmFtZQRCIk0AACvIAAABnnBvc3QAAwAAAAAtaAAAACAAAwPZAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpCwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qv//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAQAFUAFQOrA2sAEQAoADgASABYAGgAegCFAI8AqQCtAMsAzgDRANQA1wAAARQGIzEjIiY1NDYzMTMyFhUxJyMiBhUUFjMxMzIwMTI2NTQmIzgBIzEhIyIGFRQWMzEzMjY1NCYjByEiBhUUFjsBITI2NTQmIwchDgEVFBYXMyE+ATU0JicXISIGFRQWOwEhMjY1NCYjExEUBiMhIiY1ETQ2MyEyFhUxByERFBYzITI2NTERNCYjISIGHQEhARE0NjMxMzgBMTIWFTgBOQERFAYjMSMiJjU3MzUjJREUBiM4ATEhOAExIiY1ETgBMTQ2MyE4ATEyFhUxBRc3BzcnFycHNwcXAuMKB0MGCgoGQwcKmkIHCQkHQgEHCgoHAQEOQgcJCQdCBwkJBxT9egcJCQYBAoYHCQkGRf2+BwkJBgECQgcJCQci/ZwHCQkGAQJkBwkJB4oeFP0OFB4eFALyFB4i/O4JBwLyBwkJB/0OBwkDEv0jCgfIBgoKBsgHCiGnpwKHCgb+0wYKCQcBLAcK/u9qa/BsbO9qavBsbAMXBwkKBgcKCgcRCgcGCgkHBwoKBwYKCgYHCqoKBwYKCgYHCkkBCQcHCQEBCQcHCQFKCgYHCgoHBgoBTv0OFB4eFALyFB4eFHX9gwcJCQcC8gcJCQdU/ZYBCgcKCgf+9gcKCgcQ6hD+9QcJCQcBCwcKCgcQX1/VYGDVX1/VYGAAAAAZAFgAFQOXA2sAMgA2ADoAPgBCAEYASgBOAFIAYQCvAMoA6wFBAUcBTgFxAYYBvQHzAgsCIAIvAjMCOwAAJRcjIiY1ETQ2MyEyFhURFAYHMQ4BBzEnPgE1OAE5ARE4ATE0JiMhIgYVOAE5AREUFjMxAxUzNTMVMzUzFTM1BSEVIQUzNSMlNSMVIzUjFSM1IxUTFAYjIiY1NDYzMTIWFTEFMzI2NTgBOQE1NCYrAQ4BBxUyFhcxHgEXMR4BFTgBOQEjMDQxNCYnMS4BIzEGFBUxFDIzHgEXMR4BFTAUOQE4ATEUBgcxDgEHMR4BFycnMjY3MT4BNTgBOQEwNDE0JicxLgEjMRQWFyclOAExNCYjIgYPATMyFh0BFAYjOAExIx4BMzI2NTgBOQETDgEjMSImLwEwJjc2FjEXHgE3NiYjJw4BIyInLgEnJjU0NjcHIzgBMSImNTgBOQE1OAExNDYzOAExIToBMzoBOwEyFhUxFRQGBzEeARUUBgc1Fx4BBwEeARcVNQU+AT8BIxUFNCcuAScmLwEjBgcOAQcGFRQXHgEXFjMyNz4BNzY1OAE5AQc4ATEiBhUUFjMyNjUwNDkBNCYjMSUUMDEUBgcxDgEjIiYnMS4BNTgBNTE1IxU4ARUUFhcxHgEzMDI5ATAyMTI2NzE+ATU0IjkBNSMXHgEVMBQ5ATgBFRQGBzEOASMiMDkBIzUzMDIxMhYXMR4BFRQwFTE4ATEUBgczDgEHMR4BFzEnMzgBMTI2NzE+ATU0JicxLgEjIjA5ASMXNCYrARUzOAExMjY3MT4BNTgBOQEXJyMVMz0BFzM3BxUzNSMXMzUjFzMVMzUzNSMBXRzgGyYmGwKTGycNCwMGAxQNEBcQ/W0QFxcQDRsaGhsaAin9UwKt/a0bGwIfGxobGhpaaUtKampKS2n+wu4JDQ0J8wMFAQIEAQIEAQEBCAEBAgMCAQEBAwcCAgICAwIEAwIHBAEOAgMBAQEBAQIEAgECAQEzW0AqRxQB6hEYGBHiFUInQFvVBhILDRcGZQgHBg1lAxkNERABpCJgODItLEITEwgIAYIGBwcGAVkEBgMDBwPRBQgEBAgIFhSnDAoW/v8eMRL+WBI1IQLrAjMPDzQjIykBMCkkIzQPDxERPCcoLS0oKDsRETUGBwcGBQcHBf76AQIBBQICBQECAQgDAgMGBAEBBAYDAgMBBzQCAQMCAgYDARIRAQMGAgIDAQIBAgICAgMBGQoCAwECAQEBAgMBAQoUBQQLCwIDAQIBLBAJBw8GEAEIChcHBxEQCBAo8honGwIPGycnG/3xDxsJAgQCFQMVDgIPEBcXEP3xEBgCRBoaGhoaGjUauDRPGxsbGxsb/vNKampKS2lpS0YNClMJDQYQCQEBAQEEAgIEAwECBAIBAgUKBQEBBAIDBQMBBAUDAQIBChEIASkBAQEEAgEBBAEBAwULBQEdQFsqIwEYEVMSGB4kW0D+gAcJDQZlCwcGBmUDDg4QHKUnLxMTQiwtMhcrFAEIBYQFCAgFhAQGAhMsFyZGHQGoCy8WAlkQLh0BXGoiNhEBam8qJSY5ExMEAQUTEzkmJSotKCc8ERERETwnKC3fBwYFBwcFAQUHzgEDBAIBAgIBAgQDASorAQMHAgMCAwICBwMBKyECBQIBAQMGAwICPQMCAgUDAQECBAECAgEBAgIIAQECBAICAwIBASUGBRYCAQIEAgYyPRgXLy8XGDw8PAY2NgYAABsAVQAlA6sDWwAkADUAOwBBAEcAbQCBAJ8AsADFANcA5wD3AQcBFwEnATgBSQFZAXIBgwGiAbwB1AHuAlICXwAAASM4ATEiBhU4ATkBFSMOARUUFjMxMxUUFjsBOAExMjY9ATQmIxcUBisBIiY9ATQ2OwEyFhUxBxcHJzcXHwEHJzcXHwEHJzcXEyMiBhU4ATkBFSMiBhUUFjMxMxU4ATEUFjsBMjY9ATgBMTQmIzEXFAYjMSMiJjUxNTQ2MzEzMhYVMQMjIgYVMRUjIgYVFBYzMTMVFBYzMTMyNj0BNCYjMRcUBisBIiY9ATQ2OwEyFhUxATQ2MzEzHgEVFAYjMSM4ATEiJjUxBzUzHgEVFAYjMSMVFAYjIiY1ETU0NjMyFhUxFRQGIyImNT0BNDYzMhYVMRUUBiMiJjU9ATQ2MzIWFTEVFAYjIiY1PQE0NjMyFhUxFRQGIyImNRE1NDYzMhYVMRUUBiMiJjURNTQ2MzIWFTEVFAYjIiY1MT0BNDYzMhYVMRUUBiMiJjUxFTU0NjMyFhUxFRQGIyImNRMUBiMxIzU0NjMyFhUxFTM4ATEyFhU4ATEzFAYjMSMiJjU0NjMxMzIWFQMUBiMxIxUUBiMiJjUxNTQ2MzIWFTEVMzgBMTIWFTEzFAYjOAExIyImNTQ2MzEzMjAxMhYVOAE5ASMUBiMxIyImNTQ2MzEzOAExMhYVOAE5ASMUBiM4ATEjIiY1NDYzMTM4ATEyFhU4ATkBIzQmIzEjJy4BJz4BNTA0OQE0JiMiBhUwFDEUFhcxDgEHDgEXHgEzOAExMzI2NTQmIzEjIjAxIiY1MSY2Nz4BOwEyFhceARUOASM4ATEjIgYVFBYzMTM4ATEyNjc1NCYnPgE1MSc0NjMyFhUUBiMiJjUDlswJDAMEBQUEAwwJzAgNDQgDAgHMAQICAcwBAiwOYycPGFUOYycPGFUOYycPGH7MCQwDBAUFBAMMCcwIDQ0IAwIBzAECAgHMAQIDzAkMAwQFBQQDDAnMCA0NCAMCAcwBAgIBzAEC/ssFBB0DBQUDHQQFNBUDBQUDAwUEBAUFBAQFBQQEBQUEBAUFBAQFBQQEBQUEBAUFBAQFBQQEBQUEBAUFBAQFBQQEBQUEBAUFBAQFBQQEBQUEBAUFBAQFHgUEFQUEBAUDBAVFBQQdBAUFBB0EBTMGAxUGAwQFBQQDBhUEBToGBBgEBQUEGAEDBnQFBBgEBQUEGAQFOgUEGAQFBQQYBAU5BgMEAxArGxETNiYmNhMQHS4RHg4BARAMiQQHBwSIAQICAQsZEjMhNSEzEhkLAQICSQUHBwVJCxEBCRQBAeIoHBwoKBwcKANbDAlfAQUDBAVaCQwMCcsJDOABAgIBywIBAQIzD2MmDxjND2MmDxjHD2MmDxgBuwwJXwUEBAVbCQwMCcwIDeEBAgIBzAECAgH+9AwJWwUEBAVeCQwMCcsJDOABAgIBywECAgEB2QMGAQUDBAUFBAwVAQUDBAUDBAYGBP42GAMGBgMYBAUFBDkYBAUFBBgEBQUEORgEBQUEGAQFBQRyGAQFBQQYAwYGA/7iGAQFBQQYBAUFBAGRGAQFBQQYBAUFBDkYBAUFBBgDBgYDchgDBgYDGAQFBQT+ewMGFQQFBQQDBQQDBgYDBAUFBAEdBAUCAwYGAxkDBgYDBQUEBAUFBAQFBQQEBQUEBAUFBAQFBQQEBQUEBAUDERQEDykYASo8PCoBGCgPAxUSH00XDBAHBQUHAgIVQxoSEhISGkMVAgIHBQUHEAsBFEAeAQMBhiAuLiAgLi4gAAANAHD/+gOPA4wAnwC/ANUA4gDmAOoA7gE/AVEBdwGFAYkBjQAAJTY0JzQmIxUeARUcARUGFAcOAQcOAQcjPAE1PAE1MTYmJy4BJy4BJzUuAScuAScmNhceARcVHgEXHgE3PgE3ETQ2FREzNT4BNzUXNyc8ATU0JiMiBhUxFBYXNQcXNx4BFzMVFAYVLgEnLgEnJgYHDgEVFBYXMR4BFzMeARceARc1HgEXHgEVFAYHMQ4BBwYWFTM1IRUzNTQmJzQmNz4BNwE0NjMyFhUUBgcjNTwBNTQmIyIGFRwBHQEuATU4ATkBFzQmJzU2FhcWBhUiJiczLgE1MTwBNTc1NhYXFgYVIzU0JiclFwcnFyc3FzcnNxcHJwcuAScxLgEnIy4BIzgBOQE4ATEiBiMxIgYHMQ4BBzEOAQcxDgEVFBYXNR4BFzEeARcxHgEzMRYyMzgBOQE4ATEyNjcjPgE3NT4BNTQmJxcHOAExIiY1NDYzMhYVMRQGIzElIgYHIzEHFzE4ATEUFhcxHgEXMR4BMzI2NyM+ATcxPgE1NCYjMRUiJjU0NjMyFhUxFAYjLwE3FwcnNxcDJA0BJBkUCwEEAw8FAwMC8wIHBxQmEwQGAQgNCAkSDg8qCgYKBQwXDQILBAQDA0YdHywHBAUFWD4/WAUEBQsECyMVAQEGCQUFDAcSMRAFBQMDAwUCAQ0ZDQMGBRInFAUGAQELEgEBASEBNiELFQEBBAoF/kxQOThQJyABFygpGCEo+wwTFyUDAwIHDgYBAwQzGScCAQEjDBP+eAsQCysLEAsQCxALYAsCAQQBBQwGAQYPBwIEAgYKBQQGAwUKBAYHBwYECgUDBgQFCgYCBAIIDgcBChEGBgYCAgFGGSMjGRkjIxkCixgmBwEGAg8MAwYDCBIJChIIAQQGAgwPKx8ZIyMZGSMjGWEVBRUwFQYV1D59PxogIQcRFRAfEBo1Gh06HQ8eEAIFAgIFAgsSCBozGgULBgEZMxkbOA8TDw4HDwkBGDEYAwcBAgoEAVcfBSv/AKgPNiMBARcBAgQBPlhYPg0aDAEDFQIVIAulAgUDCRIJCRIHEgITBg4IBgwFBAoGLVktCA4GARo0GQYPCQIGAgMNDRIjEkFBNhYRCAkSCBUoFQIiOVBQOSc/EhAVIwkIODkHCSMWDxFAJ/cVEQceARsWGDMZAQEBBQMQHw8KHgMjGhIjEjkTEQaOFQgVBRYIFQgWCBUzFQEDAwIFCAMDAwEDAgIDAgQKBgkVCwwVCQEGCgQCAwICAwEDAwQOCAEIFQwGDAYBUyMZGSMjGRkj6BsWFwESHQoCBAIEBQUEAgQCCh4RHiuFIxkZIyMZGSNCBRcFDQUYBgAJAFkAWQOrAycAGQAwADwA9AE1AVQBjAGnAb8AAAEeATMxMjY1NCYjDgEHMR4BFTE4ATEUBgc1JSIGFRQWMzI2NzEuATUxNDY3FS4BJzElIgYVFBYzMjY1NCYBDgEjOAExIy4BNTQ2MzEzOAExMjY1MTQmJy4BKwEqAQcxDgEHMTMyFhUUBgcxIw4BIyImJzEjByIGFxY2PwEwNhcWBjEHDgEjIiYnJjY/ASMuATU0NjMxMzcuASc1IiYjMCIxIyIGBw4BFR4BMzgBMTMyFhUUBgcxIzgBMSImNTEmNjc+ATcuATUwNDkBNDYzMhYXMTY3PgE3NjMyFx4BFxYXFT4BMzEyFhUwFDEUBgcxHgEXHgEVBTI2NzE+ATc+ATc1PgE3PgE9ATY0NTQmJxUmJy4BJyYrASIHDgEHBgcVDgEVMRUUFxQWFzUWFx4BFzUWFx4BOwE3FAcOAQcGIyInLgEnJjU0Nz4BNzYzMTIXHgEXFhUxITgBMRQWFyM2NDc+ATc+ATcuATUwNDkBNDYzMhYVMBQxFAYHMR4BFx4BFxQWFT4BNTQmIyIGFTEFPAE1LgEnLgErASIGBw4BBxQGFR4BMzI2NzEFIgYVFBYzMjY1OAE5ATgBMTQmIzgBOQEDEQYQCRMaGhMKEQYCAgEB/ccTGhoTCQ8GAQECAgYQCgEvFh4eFhUeHgGPAQsIIAMFBQMgAgIHEQwiFiMECQMHGBBRAwUFA14laj0+aiUFtQEREg8cA3EOBwgJcQcZDwoUCRkMDaE7AwQEA0sJDRUGBAoFASMWIgwQCAEBAhsDBAQDGwgLAQkUCx8TCwwkGQoTBwsZGEYrKy8wKytGGBkLCBILGSQNCxIdChQJ/lk0WiEDBwMPFwcBAwEBAwEBAQUVFUAqKS8BLikpQRUVBgEBAQMCAgMHFA0GCCJcNAHIDxA3JCUpKiUkNw8QEA83JCUpKiUkNxAP/oQUEgEBAQIODg0jFgwPKh0dKQ8NFSANDQ4DAREUaUtKaQExAQsQDScZKRknDQ8LAQEZQCQlQBn+ywYICAYGCAgGAfsHBx4WFR8BCAgKFwwIDggCWh8VFh4HBgYQBw0XDAIHCAE4IhkZIyMZGCP+6wgLAQQDBAQCAg0tEQwMAR0zFgUDAwQBKzIyK7UfEhAQA3AICAcNcAcOCAoYNA2hAQQDBAQKFC0ZAgEMDBEtDQICBAQDBAELCBAzFAwOAgobEAEcKAcGLSYmNw8QEA83JiYsAgYIKBwBEBsKAw0LFTMQVCkiBAcEEioXAgUJBQgSCQEDBwQHDggCLicoORERERA5JyYtAQYPBwUHBgoSCQIKChcmEQEJCSQq8yklJDcQDw8QNyQlKSolJDcPEBAPNyQlKh83FwMFAhAiDw0QAwsfEgEgLi4gARIgCwMPDQ8iEAIFAhY4HktpaUuAAgUCEScQDg0NDhAoEAIFAhgbGxh4CQYFCQkFBgkAAAARAFUAFQOrA3kAAwAHAAsADwATAFQAWABnAGsAbwBzAHcAewB/AIMAywDXAAABMxUjOwE1IwUjFTMlIxUzJSMVMzcVIzUzNSEVMxUjNTM1IRUzFSM1MzUhNSM1MzUmJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYHMRUzFSMVIRUzBRUzNRMyNjU0JiMiBhUxFBYzMQMVMzU9ASMVBSMVMwEzNSMHIxUzJSMVMyUjFTMBIyIGBw4BFRQwMRQGIyImNTE0Njc+ATc1LgE1MDQ5ATQ2MzIWFTAUMRQGBzUeARcxHgEVFAYjOAE5AS4BNTgBNTE2JicuASMnFBYzMjY1NCYjIgYBvRsbaxsb/rJQUAEzUFABNFFRau9r/uZq7mr+5mvvawEzamoqJSU2EA8REDsnJywsJyc7EBEPEDYlJSpqagEza/zDvdVNbm5NTW5uTV68vAHvvL3+YRoa4xsbATMbGwEzGxv+nCQWIQsQBwgFBggJFgobEAgKKBwcKAkJEBsKFgkIBgYIAQcQCyEWOxgRERgYEREYAWIZGfEZGRkZGVyfnxwcn58cHJ+fNhyfKAMSETomJSstJyc6ERAQETonJy0rJSY6ERIDKJ8cNhltbQFNbk1ObW1OTW7+s21thGxshG0BGxnxGRkZGRkCTQsMECwNAQYICAYQNxYLDwIBChoOAR8sLB8BDhoLAQMPCxY3EAYIAQgFAQ0sEAwLTBQcHBQUHBwAAAAAIgBVAEsDqwM1ACkALQA/AEMARwBLAE8AUwBsAHAAiQCNAKEAsQDBAMwA3QDvAQYBFgEaASUBKQFAAVcBaAF5AZMBrwHIAdsB/QINAhEAABM0NjMxITIWHQEXNTQmIyEiBhURFBYzIQcjFSE1IyczNSEiJjUxNSE1IQUzFyMBNTQmIzgBMSEiBhUxETM1IRUlNSEVJTMVIzczFSM3MxUjNzMVIwc0JiMxIyIGFTEVOAExFBYzOAExMzI2NTEnIzUzNzQmIzEjIgYVMRU4ATEUFjM4ATEzMjY1MScjNTM7ATU0JiMxIyIGFTEVFBYzMTM1Iwc1NCYjMSMiBhUxFTM1MxUzNTQmIzEjIgYVMRUzNTMVNxUzNTM1IyIGFTElIyIGFREUFjsBMjY1ETQmIwMjIiY1OAE5ATUzDgEVFBYXMTM4ATEiJjU0NjMyFhUxOAExFAYjOAExNzgBMRQGKwE+ATU0JicxMzUjETM1IzU0NjsBMhYVMSMzFSMXIzgBMSIGHQEUFjM4ATEzMjY9ATQmIxcUBisBOAExIiY9ATQ2MzgBMTMyFhUxNyMiBh0BFBY7ATI2PQE0JiMXFAYrASImPQE0NjsBMhYVMQcjOAExIgYdARQWMzEzMjY1OAE5ATU0JiMxFxQGIzEjOAExIiY1OAE5ATU0NjM4ATEzMhYVMTcjIgYdATgBMRQWOwEyNjU4ATkBNTQmIzEXFAYjMSMiJjUxNTQ2OwEyFhUxJzgBMRQGIzgBMSMVFAYjIiY1MTU0NjMxMzgBMTIWFTgBMTMUBisBIiY1NDYzMTMyFhU3MxUjcRELAuEMEBwhF/0fFyEhFwEYISABMx8iQf32DBACJv3aAVF3IroBrAgG/X4GCBwCZv2aAmb9w1RUcFRUcFRUcFNTtggGjAUICAWMBggYd3fcCQWMBggIBowFCRl2dk2PCAaMBQkJBRwR+AgGjAUIGHfcCQWMBggZdjQZERwFCQEXrBEXFxGsEBcXEHU3Cg5PBAQEBB8KDg4KCQ4OCW0OCTcDBQUDTtvb2w4KrAkOpE5OFx8KDg4KHwoODgoIBAQfAwUFAx8DBVYfCg4OCh8KDg4KCAUDHwMFBQMfAwVmHwoODgofCg4OCggEBB8DBQUDHwMFVh8KDg4KHwoODgoIBQMfAwUFAx8DBX0FAxAEBAMEBAMYAwUvBQMQAwUFAxADBS8PDwL9DBAQDMoH0RggIBj+JhchcBwccBwQDBwccHABuL0FCAgG/oj7P1tUVDgcHBwcHBwcYgYICAZwBggIBgtaCwYICAZwBggIBgtaCwYICAZwBQkZbCkGCAgGKR8fKQYICAYpHx8pKR8YCAaAFxD+eRAXFxABhxAX/joOChcFDAYHDAUOCgkODgkKDhgKDgUMBwYMBRABMQ8gCQ4OCRBmDQofCg4OCh8KDTYDBQUDHwMFBQMXDQofCg4OCh8KDTYDBQUDHwMFBQNGDgofCg0NCh8KDjcDBQUDHwQEBAQYDgofCg0NCh8KDjcDBQUDHwQEBASkAwUPAwUFAxcEBAQEAwQEAwQEBARHEAAAABIBHAAVAuQDawARACAALgA8AEAATABQAGUAfgCTAKwAwADZAO0BBgEoATwBQAAAASEiBhURFBYzITI2NRE0JiMxAyMiJjUxNTMOARUUFhcjMyImNTQ2MzIWFTEUBiM3FAYjMSM+ATU0Jic7ATUhESE1ITU0NjMxITIWFTEhMxUjFyMiBhUxFRQWMzEzMjY1MTU0JiMxFxQGIzEjIiY1MTU0NjM4ATEzOAExMhYVMTcjIgYVMRUUFjMxMzI2NTE1NCYjMRcUBiMxIyImNTE1NDYzOAExMzgBMTIWFTEHIyIGFTEVFBYzMTMyNjUxNTQmIxcUBiMxIyImNTE1NDYzOAExMzgBMTIWFTE3IyIGFTEVFBYzMTMyNjUxNTQmIxcUBiMxIyImNTE1NDYzOAExMzgBMTIWFTEDOAExFAYrARUwFDEUBiMiJjUwNDkBNTQ2MzgBMTMyFhUxMzgBMRQGKwEuATU0NjcxMzIWFTE3MxUjApz+yB4qKh4BOB4qKh7VYxIZjgYICAcBORIZGRISGRkSxxkSYwYICAcBjv5yAY7+chkSATgSGf7Vj48rOREZGRE5EhkZEg4IBjkGCAgGOQYInTkSGRkSOREZGREOCAY5BggIBjkGCLk5ERkZETkSGRkSDggGOQYICAY5BgidORIZGRI5ERkZEQ4IBjkGCAgGOQYI5AgGHAkFBgkJBioGCFYJBR0GBwcGHQUJVR0dA2sqHf04HSoqHQLIHSr8xxkRKwkVDQwWCBkREhkZEhEZKhEZCRUMDRUJHQIqHTkRGRkRHbkZETkSGRkSOREZYwYJCQY5BQkJBSoZETkSGRkSOREZYwYJCQY5BQkJBYAZEjkSGRkSORIZZAYICAY5BggIBisZEjkSGRkSORIZZAYICAY5BggIBgErBgkcAQYICAYBKwUJCQUGCQEIBgUIAQkFgB0AABsAVQAVA6sDawAvAEYAXQB0AHgAfACAAIQAiACMAJAAlADSAQUBCQENAREBSQFNAVEBVgFdAWEBZQGAAY4BpgAAASEiBhUxFTM1OAExNDYzITgBMTIWFTgBOQERFAYjOAExIRUhOAExMjY1MRE0JiMxBTIWFTE4ATEUBiMxIiY1MTQ2MzgBOQEzOAExMhYVMRQGIzEiJjU4ATkBNDYzMTM4ATEyFhUxFAYjMSImNTE0NjM4ATkBByEVIQEhFSETMxUjNzMVIwczFSM3MxUjBzMVIyczFSMlNTgBMTQ2MzgBMTM1IzgBMSIGFTgBOQEVBw4BFRQWFzEXFRQWMzEzNSMiJjUxNTgBMTQmLwE3PgE1OAE5AQU1Nz4BNTQmJzEnNTQmIzEjFTMyFhUxFTgBMRQWHwEHDgEVOAE5ARUUBiMxIxUzMjY1MSczFSM3MxUjNzMVIwEhOAExMjY1OAE5ATU0JiMxIzc+ATU0JicxJy4BIyIGBzEHNTQmIzEjOAExIgYVOAE5AREUFjMxJTMVIwMXBycHNTcXBzczFSMyMDEDMxUjFTMVIxUzFRQGBzEiMAcOAQcxIgYjIgYjIiY1OAE5ARcyNjU0JiMiBhUxFBYzNTIWFRQGIyImNTgBOQE4ATE0NjM4ATkBA3L9jhghHRAMAnIMEBAM/o4BchciIhf9rQYICAYGCAgGOQYICAYGCAgGOQYICAYGCAgGgAJQ/bABMwEd/uNHcnKPR0ePnZ25HR1jgICOcXH++AgGHR0RGRkCAgICGRkRHR0GCAICEhICAgEAGAIDAwIYGRIcHAYJAgISEgICCQYcHBIZ1RwcORwcORwc/tEBqwUJCQW7hAICAgJ5AgUDAwUChAgGqgYJOykBDo6OHWVlZCoWZHpxHq0BjY6Ojo6OFxMBAQIFAwEBAQMHBB4pRxIZGRISGRkSBggIBgYICAYDayIX5OQMEBAM/gAMERwhGAIAFyJDCQYGCAgGBgkJBgYICAYGCQkGBggIBgYJOR3+qBwBOBwcHEIdHR1CHR0dpB0GCB0ZEhcYAgUDAwUCGBcSGR0IBh0DBQISEgIFA1UXGAIFAwMFAhgXEhkdCAYdAwUCEhMCBQMcBggdGRIrHR0dHR39/AkGqgYIhAIFAwMFAnkCAgIChLsFCQkF/lUpO6uOAZ1lZGTxyBVkekiOAeOOHI8cRxYiCQEBAQEBASkeKxkSEhkZEhIZOQgGBggIBgYIAB4AVQAzA6sDTQAmAEsAXwBjAHAAfQCBAKkAtwDMAOQA9gEYARwBIAEkASgBLAEwATQBOAE8AUABYQFlAWkBbQFxAXUBeQAAExUzNTgBMTQ2MzgBMSE4ATEyFhUxMzQmIzgBMSE4ATEiBhU4ATkBEyE4ATEyNjU4ATkBIxQGIzgBMSE4ATEiJjUxESMRFBYzOAE5AQMhMjY1MTU0JiMxISIGHQEUFjMxNyEVITcHDgEVFBYXMRc3Jzc3BxcHFzc+ATU0JicxBzcXBwEhOAExIgYVETgBMRQWMzgBMSE4ATEyNjU4ATkBETgBMTQmIzgBOQEDITU3Fx4BMzI2MzE3FzUnLgEjIgYHNQcnLgEjIgYHMQc1IQcyNjU0JiMiBhU4ATkBOAExFBYzOAE5ATUyFhUUBiMiJjUxNDYzOAE5AQEVFBYzMSE4ATEyNj0BOAExNCYjOAExITgBMSIGFTgBOQEXIRUhNzMVIzczFSM3MxUjBzMVIzczFSMBMxUjNzMVIzczFSMHMxUjASE4ATEiBhU4ATkBFRQWMzEhMjY1MTU4ATE0JiM4ATkBByM1MwczFSMVMxUjNzMVIxUzFSM3MxUjqxwRDAI4DBEcIRj9yBghOQI4GCEcEQz9yAwRHCEYgAEcBggIBv7kBgkJBg4BAP8APR0CAgICHRQSEnIUEhIUHAICAgJ7HRsdAqv+HQYICAYB4wYJCQYO/jmAfAIEAgIDAmdVTgIDAgIDAmZ9AgQCAgQBeQHHlRUdHRUVHR0VCQwMCQkMDAn96wgGAWMGCQkG/p0GCBwBR/65HDk5VoCAnB0d8quryEdH/wAcHDgdHTkdHXGqqgK4/vIGCAgGAQ4GCQkGDvLy1RwcHBw5gICAgEccHAMUjo4MEREMGCEhGP0fIRgMEREMARf+6RghAW8JBqoGCQkGqgYJq45tHAIFAwMFAh0VEhIUFBISFR0CBQMDBQIwVQlVASEJBf7jBggIBgEdBQn+4yNNUQEBATYxIC0BAQEBATZRAQICAUi8gB0VFR0dFRUdRwwJCQwMCQkM/tarBggIBqsGCAgGDo9yHBwcHBwdHBwcAhwcHBwcHB0c/o4IBqsGCAgGqwYIq48dHB0cVRwdHOM4AAAQAFUAIgOeA14AAwAHACQAKAA2AEgAaQCPAJ8AsAC1ALwAxADzASEBNAAAJRclJy8BBRcnIzgBMSIGFTgBOQEVFBYzMTM4ATEyNj0BNCYjMSUXNyc3Bxc3PgE1NCYjIgYHMQEVFAYrASImPQE0NjsBMhYVMSM4ATE0JiM4ATEjIgYVMRUUFjM4ATEzOAExMjY1OAE5AQMzMjY9AQcVOAExFAYjOAExIyImPQE0NjM4ATEzNyMiBh0BFBYzFyEyNjU0JiMhIgYVFBYzMTUhMjY1NCYjMSEiBhUUFjMxExcuAScDBycHFzcnDwInBxc3JwkBDgEjBzgBMSImJzEjLgE1NDYzMTM3PgE3MTcjIiY1NDYzITc+ATMyFhcVFgYHJRQGIzEjOAExIiY1OAE5ATU0NjMxMzcwIjEwIjkBIyIGHQEUFjMxMzI2NTE1BxcVFAYrASImPQE0NjMxMzIWFTEB6RIBIBISEv7gEvJ5AgICAnkBAwMBAho2GjYoDTUNCw4cFAkPBv26DQl5Cg0NCnkJDRIDAXkCAgICeQEDfXkJDRIDAXkCAgICaRJ7CQ4NCtUB3QcLCwf+IwgKCggCJwcLCwf92QgKCghWUgE0AbpSGQ8oZQ8EEEIZDyhlDwKK/nkCBQJfBQgERggKCgg9IgEDAobrCAoKCAEfzwkXDRQjCxIOG/1iAwF5AgICAmkSAQF5CQ4NCnkJDRISDQl5Cg0NCnkJDZsaxRobGsYa3QICeQICAgJ5AgIVTxJPGwlPCQYWDhQcBgX+3XkJDQ0JeQkNDQkCAgICeQICAgICgQ0JRxM0AgICAnkCAhINCXkJDaALBwgKCggHC94KCAcLCwcICv1+AQJKAQKQUhgPKGYP4RBCGA8oZg/+8v70AgEBAwIBCgcIClYDAwJbCwcICo4GCBQQARtAEogCAgICeQICEg0JeQkNDQlHE5h5CQ0NCXkJDQ0JAAAAAAMAYACKA6AC9gA6AGUAkAAAJTAiMTgBOQEjJy4BJzEwNDUwNDkBEz4BMzE0MjkBMjAxOAE5ATMXMhYXMTAUFTAUOQEDDgEjMRQiOQEnNzI0NTE8ASMxJzc0NjU0JjkBJzAmIyIGOQEHMAYVFBY5ARcwFjMyNjkBITcwNjU0JjkBJzQiIyoBFTEHMAYVMRQWOQEXBxQGFRQWOQEXMBYzMjY5AQG4AQEdAQEBrgEBAQEBAR0BAQGuAQEBAXYXAQG/vwEBGAIBAQLaAQHaAgEBAgGE2gEB2gIBAQIYAQG/vwEBGAIBAQKKCAEBAQEBAQJaAQIBCAIBAQEB/aYBAgFZGAIBAQK/vgECAQECGAEB2gIBAQLaAQHaAgEBAtoBARgCAQECv74BAgEBAhgBAQAAAAABAAAAAQAABEbOW18PPPUACwQAAAAAANkVqxAAAAAA2RWrEAAA//oDqwOMAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAAQBAAAAAAAAAAAAAAAAgAAAAQAAFUEAABYBAAAVQQAAHAEAABZBAAAVQQAAFUEAAEcBAAAVQQAAFUEAABVBAAAYAAAAAAACgAUAB4BLAO4BloIWAqAC5YN3g9AEQ4StBQgFLgAAAABAAAAEAJgACIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACQAAAAEAAAAAAAIABwByAAEAAAAAAAMACQA8AAEAAAAAAAQACQCHAAEAAAAAAAUACwAbAAEAAAAAAAYACQBXAAEAAAAAAAoAGgCiAAMAAQQJAAEAEgAJAAMAAQQJAAIADgB5AAMAAQQJAAMAEgBFAAMAAQQJAAQAEgCQAAMAAQQJAAUAFgAmAAMAAQQJAAYAEgBgAAMAAQQJAAoANAC8dXgtZGVzaWduAHUAeAAtAGQAZQBzAGkAZwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdXgtZGVzaWduAHUAeAAtAGQAZQBzAGkAZwBudXgtZGVzaWduAHUAeAAtAGQAZQBzAGkAZwBuUmVndWxhcgBSAGUAZwB1AGwAYQBydXgtZGVzaWduAHUAeAAtAGQAZQBzAGkAZwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'bitoviweb' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-slack:before { content: "\e91a"; } .icon-discourse:before { content: "\e91b"; } .icon-check:before { content: "\e919"; } .icon-chevron-right:before { content: "\e915"; } .icon-chevron-left:before { content: "\e916"; } .icon-chevron-down:before { content: "\e917"; } .icon-chevron-up:before { content: "\e918"; } .icon-gitter:before { content: "\e911"; } .icon-donejs:before { content: "\e913"; } .icon-download:before { content: "\e910"; } .icon-close:before { content: "\e900"; } .icon-quote:before { content: "\e901"; } .icon-google:before { content: "\e902"; } .icon-reddit:before { content: "\e903"; } .icon-github:before { content: "\e904"; } .icon-twitter:before { content: "\e905"; } .icon-dropdown:before { content: "\e906"; } .icon-filter:before { content: "\e90d"; } .icon-search:before { content: "\e907"; } .icon-email:before { content: "\e908"; } .icon-rss:before { content: "\e909"; } .icon-mic:before { content: "\e90a"; } .icon-video:before { content: "\e90b"; } .icon-file:before { content: "\e90c"; } .icon-pictures:before { content: "\e912"; } .icon-facebook:before { content: "\e90e"; } .icon-linkedin:before { content: "\e90f"; } /*--------------------------- Custom Contact Menu ------------------------*/ .custom-right-side-header-menu ul { list-style:none; padding:0; margin:0; } .custom-right-side-header-menu ul { display:inline-block; float:right !important; } .custom-contact-menu li.contact a, .custom-right-side-header-menu li a.contact-popup, a.tablet-contact { background-color: #E5E8E9; transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; padding: 6px 15px; margin-right: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; color: #1B1E20; padding: 0px 15px; display: inline-block; text-decoration: none; } .custom-contact-menu li.contact a.active, .custom-right-side-header-menu li a.contact-popup.active, a.tablet-contact.active, a.tablet-contact.active:hover, .custom-right-side-header-menu li a.contact-popup.active:hover { background-color: #3E4548; border: 0; color: #fff; text-decoration: none; box-shadow: inset 1px 1px 2px #000000; -moz-box-shadow: inset 1px 1px 2px #000000; -webkit-box-shadow: inset 1px 1px 2px #000000; -ms-box-shadow: inset 1px 1px 2px #000000; -o-box-shadow: inset 1px 1px 2px #000000; } .custom-right-side-header-menu li a.contact-popup:hover, a.tablet-contact:hover { color: #1B1E20; text-decoration: none; background-color: #F2F2F2; transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; } .custom-right-side-header-menu ul, .custom-right-side-header-menu ul li { float:left; } .custom-header-contact-form .page-center { padding: 0 15px; } .custom-header-contact-form .submitted .hs_cos_wrapper_type_form { display: block; background-color: #d4ebcc; color: #418944; width: 50%; padding: 10px; } .custom-right-side-header-menu a { transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; font-size: 12px; display: inline-block; line-height: 27px; padding: 0px 5px; color: #57554f; margin: 14px 15px 14px 0; text-decoration: none; } .custom-right-side-header-menu a:hover { color: #000000; text-decoration: none; } .custom-header-container { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; border-bottom: 1px solid #E5E8E9; position: fixed; width:100% !important; margin-bottom: 36px; min-height: 55px; z-index: 999999; } .custom-header-contact-form { background-color: rgba(0,0,0,0.85); color: #FFF; display: none; padding-bottom: 20px; position: fixed; z-index: 9999999; top: 55px; width: 100%; } .custom-header-contact-form h3.form-title { display:none; } .custom-header-contact-form form { position: relative; } @media (min-width: 970px) { .custom-header-contact-form input[type="tel"], .custom-header-contact-form input[type="text"], .custom-header-contact-form input[type="email"], .hs-content-id-4255173238 input[type="tel"], .hs-content-id-4255173238 input[type="text"], .hs-content-id-4255173238 input[type="email"] { width: 48.5% !important; } } .custom-header-contact-form .hs_message { width: 48.4%; position: absolute; top: 0%; right: 0; } .custom-header-contact-form .actions { text-align: center; } .custom-header-contact-form textarea { min-height: 266px !important; } body .custom-header-contact-form .hs-form-field > label { font-size: 14px; font-weight: 300; display: inline-block; margin-bottom: 5px; line-height: 2; color: #fff; } body .custom-header-contact-form input[type="text"], body .custom-header-contact-form input[type="password"], body .custom-header-contact-form input[type="datetime"], body .custom-header-contact-form input[type="datetime-local"], body .custom-header-contact-form input[type="date"], body .custom-header-contact-form input[type="month"], body .custom-header-contact-form input[type="time"], body .custom-header-contact-form input[type="week"], body .custom-header-contact-form input[type="number"], body .custom-header-contact-form input[type="email"], body .custom-header-contact-form input[type="url"], body .custom-header-contact-form input[type="search"], body .custom-header-contact-form input[type="tel"], body .custom-header-contact-form input[type="color"], body .custom-header-contact-form input[type="file"], body .custom-header-contact-form textarea, body .custom-header-contact-form select { width: 100%; font-family: Lato, Arial, sans-serif; font-size: 18px; display: block; width: 100%; min-height: 50px; padding: 6px 12px; font-size: 18px; line-height: 2; color: #000000; margin: 0 0 15px; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } body .custom-header-contact-form input[type="text"]:focus, body .custom-header-contact-form input[type="password"]:focus, body .custom-header-contact-form input[type="datetime"]:focus, body .custom-header-contact-form input[type="datetime-local"]:focus, body .custom-header-contact-form input[type="date"]:focus, body .custom-header-contact-form input[type="month"]:focus, body .custom-header-contact-form input[type="time"]:focus, body .custom-header-contact-form input[type="week"]:focus, body .custom-header-contact-form input[type="number"]:focus, body .custom-header-contact-form input[type="email"]:focus, body .custom-header-contact-form input[type="url"]:focus, body .custom-header-contact-form input[type="search"]:focus, body .custom-header-contact-form input[type="tel"]:focus, body .custom-header-contact-form input[type="color"]:focus, body .custom-header-contact-form input[type="file"]:focus, body .custom-header-contact-form textarea:focus, body .custom-header-contact-form select:focus { color: #000000; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); } .custom-header-contact-form .hs-form-required { display: none; } body .custom-header-contact-form .custom-header-contact-form .hs-button.primary, body .custom-header-contact-form .custom-header-contact-form input[type="submit"], body .custom-header-contact-form .custom-header-contact-form input[type="button"] { cursor: pointer; -webkit-appearance: none; font-family: Lato, Arial, sans-serif; font-size: 18px; text-decoration: none !important; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 18px; line-height: 2; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; color: #333333; background-color: #eeeeee; border-color: #cccccc; border-radius: 3px; -webkit-font-smoothing: antialiased; padding: 5px 30px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } body .custom-header-contact-form .hs-button.primary:hover, body .custom-header-contact-form input[type="submit"]:hover, body .custom-header-contact-form input[type="button"]:hover { color: #333333; background-color: #dadada; border-color: #adadad; transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; } .custom-header-contact-form h1 { color: #FFF; font-size: 36px; font-weight: 300; margin-top: 36px; margin-bottom: 18px; display: block; } .custom-contact-form-module { position: relative; } .custom-contact-form-module .contact-cancel-button { position: absolute; height: 0; } .custom-contact-form-module .contact-cancel-button .close-form { position: relative; top: -60px; left: 102%; display: block; text-align: center; width: 50px; text-decoration: none; cursor: pointer; font-style: normal; font-size: 250%; transition: color 0.5s ease-in-out; } .custom-contact-form-module .contact-cancel-button .close-form:after { content: 'close'; display: block; font-size: 16px; margin-top: -7px; font-family: Lato, Arial, sans-serif; font-weight: 300; } .custom-contact-form-module .contact-cancel-button .close-form:hover { text-decoration: none; color: rgba(255,255,255,.7); } .message { text-align: center; padding: 15px; line-height: 18px; color: white; background-color: rgba(0,0,0,0.85); } .custom-phone-no {} .custom-phone-no p a { color: #FFF; font-size: 18px; font-weight: 100; font-weight: 300; } .custom-phone-no p { float: right; color: #FFF; font-size: 18px; font-weight: 300; margin-top: 27px; margin-bottom: 18px; display: block; padding: 0px; } .arrow:before { content: ""; border-color: #636363 transparent transparent; border-style: solid; border-width: 5px 5px 0 5px; display: block; height: 0; width: 0; } .tablet-contact { display: none !important; } @media (max-width: 1100px) { .custom-phone-no { width: 42% !important; } .custom-contact-form-module .contact-cancel-button .close-form { top: -60px; left: 95.5%; z-index: +1; } } @media (max-width: 985px) { .custom-header-contact-form { display: none !important; } } /* End Custom Contact Menu */ /*--------------------------- Custom Home Slider ------------------------*/ .custom-home-slider {} .custom-home-slider .hs_cos_wrapper_type_image_slider { display: block; overflow: visible; } .custom-home-slider .hs_cos_flex-control-paging li { display: inline-block; width: 15%; overflow: hidden; height: 90px; } .custom-home-slider .hs_cos_flex-control-paging li a .hs-number { display: none; } .custom-home-slider .hs_cos_flex-control-paging li a .hs-slider-thumbs { height: 100%; position: absolute; width: 100%; background-position: center -15px; background-repeat: no-repeat; display: block; top: 0; left: 0; right: 0; } .custom-home-slider .hs_cos_flex-control-paging li a:hover .hs-slider-thumbs { background-position: center -132px; } .custom-home-slider .hs_cos_flex-control-paging { position: static; display: block; width: 100%; margin: 0; padding: 0; } .custom-home-slider .hs_cos_flex-control-paging li a .hs-slider-thumbs img { display: none; width: auto; vertical-align: middle; transform: translateY(-15px); } .custom-home-slider .hs_cos_flex-control-paging li a:hover .hs-slider-thumbs img { transform: translateY(-132px); } .custom-home-slider .hs_cos_flex-control-paging li a { width: 100%; height: 100%; position: relative; background: none; box-shadow: none; text-indent: 0; } .custom-home-slider .hs_cos_flex-control-paging li:first-child a .hs-slider-thumbs { border-left: 1px solid #eeeeee; } .custom-home-slider .hs-slider-thumbs { background-position: 0 10px; background-repeat: no-repeat; border-right: 1px solid #eeeeee; box-sizing: border-box; display: inline-block; min-height: 90px; margin-right: -3px; text-align: center; text-indent: -9999px; width: 156.667px; } .custom-home-slider .hs_cos_flex-slider .caption { background-color: transparent; bottom: 0; color: #000; font-size: 18px; line-height: 2; min-height: 110px; padding: 10px 0; position: static; text-align: left; width: 100%; } .custom-home-slider .hs_cos_flex-slider .caption p { max-width: 467px; } .slide1 { border-top: 4px solid #2966af; max-width: 700px; } .slide2 { border-top: 4px solid #ec008b; max-width: 800px; } .slide3{ border-top: 4px solid #78499a; max-width: 950px; } .slide4 { border-top: 4px solid #1689c6; max-width: 750px; } .slide5 { border-top: 4px solid #e51b24; max-width: 530px; } .slide6 { border-top: 4px solid #6badde; max-width: 700px; } .custom-home-slider .hs_cos_flex-slider h1, .custom-home-slider .hs_cos_flex-slider h2, .custom-home-slider .hs_cos_flex-slider h3, .custom-home-slider .hs_cos_flex-slider h4, .custom-home-slider .hs_cos_flex-slider h5, .custom-home-slider .hs_cos_flex-slider h6, .custom-home-slider .hs_cos_flex-slider p { color: #000; } .custom-home-slider .hs_cos_flex-slider .hs_cos_flex-slides { margin: 0; padding: 0; } .custom-home-slider .hs_cos_flex-slider { background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; margin: 0; position: relative; } .custom-home-row2.page-center { padding: 70px 0 30px !important; text-align: center; } .custom-home-row2-col.custom-home-row2-col1 {} .custom-home-row2-col.custom-home-row2-col2 {} .custom-home-row2-col.custom-home-row2-col3 {} .custom-home-row2-col.custom-home-row2-col4 {} .custom-home-row2-col { text-align: center; padding: 0 15px; } /* End Custom Home Slider */ /*--------------------------- What We Do ------------------------*/ .whatwedo a { color: #57554f; display: block; text-decoration: none; } .whatwedo a:hover { text-decoration: none; } .what-we-icon-homepage-wrapper { border-radius: 50%; cursor: pointer; display: inline-block; height: 136px; overflow: hidden; position: relative; width: 133px; } .what-we-icon-homepage--ux-heart, .what-we-icon-homepage--dev-cog, .what-we-icon-homepage--train-code, .what-we-icon-homepage--os-node { display: none; z-index: 4 !important; } .circle { left: 0; position: absolute; top: 1px; } .circle-base { background: white none repeat scroll 0 0; border: 2px solid #c2c4c6; border-radius: 50%; height: 130px; width: 131px; } .circle-hover { animation-duration: 0.5s; animation-fill-mode: both; display: inline-block; } .circle-hover { background: white; border: 2px solid #cb3036; border-radius: 50%; display: none; height: 131px; width: 131px; z-index: 1; } .circle-cover { background: white; border: 0 none; border-radius: 50%; height: 125px; left: 3px !important; top: 3px !important; width: 125px; z-index: 2; } .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--ux-heart, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--ux-heart { height: 38.48px; left: 41px; top: 74px; width: 48.19px; } .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--dev-cog, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--dev-cog { height: 60px; right: 3px; top: 34px; width: 47px; } .what-we-icon-homepage--dev { right: 3px; top: 3px; width: 94px; } .what-we-icon-homepage--train { right: 18px; top: 35px; width: 108px; } .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--train-code, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--train-code { height: 22.48px; right: 48px; top: 58px; width: 39.64px; } .what-we-icon-homepage--os { right: 16px; top: 22px; width: 96px; } .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--os-node, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--os-node { height: 18.67px; right: 55px; top: 22px; width: 18.67px; } .what-we-icon-homepage-wrapper.over .circle-hover, .what-we-icon-homepage-wrapper.out .circle-hover, .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--ux-heart, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--ux-heart, .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--dev-cog, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--dev-cog, .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--train-code, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--train-code, .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--os-node, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--os-node { animation-duration: 0.5s; animation-fill-mode: both; display: inline-block; } .what-we-icon-homepage-wrapper.out .circle-hover, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--ux-heart, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--dev-cog, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--train-code, .what-we-icon-homepage-wrapper.out .what-we-icon-homepage--os-node { animation-name: fadeOut; display: none; } .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--ux-heart, .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--dev-cog, .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--train-code, .what-we-icon-homepage-wrapper.over .what-we-icon-homepage--os-node { animation-name: zoomInUp; } .what-we-icon-homepage-wrapper.over .circle-hover { animation-duration: 0.4s; animation-name: zoomInDown; } .what-we-icon-homepage--ux-heart, .what-we-icon-homepage--dev-cog, .what-we-icon-homepage--train-code, .what-we-icon-homepage--os-node { display: none; z-index: 4; } .what-we-icon-homepage--ux { bottom: 18px; height: 93px; left: 25px; width: 80px; } .what-we-icon-homepage { position: absolute; z-index: 3; } .whatwedo-icon-wrapper a h2 { color: #000000; font-size: 18px; margin: 10px 0; } .whatwedo-icon-wrapper a p { font-size: 16px; line-height: 1.5; } @media only screen and (min-width: 481px) and (max-width: 969px) { .whatwedo-icon-wrapper { width: 48% !important; float: left !important; } .whatwedo-icon-wrapper:nth-of-type(2n + 1) { margin-left: 0 !important; } } @media (max-width: 767px) { .whatwedo-icon-wrapper { margin: 50px 0; padding-left: 15px; padding-right: 15px; } } /* End What We Do */ /* ========================================================================== *\ home.css \* ========================================================================== */ /** * Hero * */ #hero .hero-carousel { height: 542px; } #hero .pitch.headline h1 { font-size: 46px; letter-spacing: -1px; } #hero .pitch.headline .btn-green {} #hero .mobile-headline { font-size: 36px; letter-spacing: -2px; margin: 15px; } /** * Home check bullets * */ .home-bullets .check-bullets { column-count: 2; font-size: 16px; } @media (max-width: 480px) { .home-bullets .check-bullets { column-count: 1; } } /** * Expertise * */ .expertise a h3, .how-we-work h3 { margin: 10px 0; } .expertise a p, .how-we-work ul li { line-height: 1.5; } .how-we-work { padding-left: 50px; } .our-team { padding-bottom: 15px; } .expertise-wrapper { background: -moz-linear-gradient(top, rgba(251,251,251,0) 0%, rgba(251,251,251,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(251,251,251,0) 0%,rgba(251,251,251,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(251,251,251,0) 0%,rgba(251,251,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbfbfb', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */ border-bottom: 1px solid #eee; } .expertise .what-we-icon-homepage-animate-trigger { margin-top: 40px; } .expertise a.what-we-icon-homepage-animate-trigger { text-decoration: none; display: block; color: inherit; } .expertise .what-we-icon-homepage-wrapper { float: left; margin-right: 15px; margin-bottom: 30px; } .right-way-imgs { position: relative; max-width: 1150px; margin: 60px auto; width: 100%; padding: 0 30px; } .right-way-imgs .style-guide { width: 65%; display: inline-block; max-width: 1200px; position: absolute; } .right-way-imgs .style-sheet { width: 40%; display: inline-block; position: relative; margin-left: 8%; overflow: visible; margin-top: 210px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); opacity: 0; transform: scale(0); transition: all .75s ease-in-out; } .fade-in-delay{ transform: scale(1) !important; transition-timing-function: ease; opacity: 1 !important; transition-delay: .6s; } .right-way-imgs .test-coverage { display: inline-block; width: 55%; position: relative; margin-left: 45%; overflow: visible; padding-top: 50px; } .test-margin-fix{ margin-top: -500px; } #coverage-badge { position: absolute; bottom: -50px; right: 15px; } .terminal { margin: 0 auto; background: #fff; width: 100%; height: 417px; text-align: center; position: relative; border: 2px solid #999; padding: 2px; padding-top: 25px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; -webkit-overflow-scrolling: touch; } .controls { position: absolute; top: 0; left: 10px; height: 25px; display: flex; align-items: center; justify-content: center; } .circles { width: 11px; height: 11px; display: inline-block; border-radius: 50%; margin-right: 4px; border: 1px solid #999; } #tests { width: 100%; height: 100%; overflow: hidden; border: 1px solid #333; } #test-circle { width: 150px; height: 150px; display: inline-block; border: 3px solid red; border-radius: 50%; position: absolute; bottom: -41px; left: -5px; opacity: 0; transition: opacity 0.5s ease; } #test-circle.highlight { opacity: 1; } @media (max-width: 1150px) { .right-way-imgs { margin: 30px 0; } } @media (max-width: 1150px) { .right-way-imgs .test-coverage { width: 65%; margin-left: 35%; } } @media (max-width: 800px) { .right-way-imgs .style-sheet { width: 75%; margin-left: 4%; margin-top: 50px; } .terminal { height: 250px; } } @media (min-width: 801px) and (max-width: 1150px) { .right-way-imgs .style-sheet { width: 60%; margin-top: 150px; } } @media (max-width: 630px) { .right-way-imgs .style-guide { width: 100%; position: relative; } .right-way-imgs .test-coverage { width: 100%; margin-left: 0; padding-top: 0; } } @media (max-width: 500px) { .right-way-imgs .style-guide { display: none; } #coverage-badge { position: relative; top: -5px; } } @media (max-width: 969px) { #hero .pitch.headline h1 { letter-spacing: -3px; } } @media (max-width: 767px) { #hero .hero-carousel .app-description, .expertise p { font-size: 18px; line-height: 1.6; } .expertise .column-right { clear: both; } .expertise h2, .our-team h2 { font-size: 36px; letter-spacing: -1px; } .right-way-imgs .style-guide, .right-way-imgs .style-sheet, .right-way-imgs .terminal, #test-circle.highlight{ display: none; } .right-way-imgs{ background: url("https://www.bitovi.com/hubfs/homepage/generated-style-guide.jpg") no-repeat bottom center; background-size: contain; min-height: 44vw; margin-top: 0; } .right-way-imgs.play-gif{ background: url("https://www.bitovi.com/hubfs/homepage/generated-style-guide.gif") no-repeat bottom center; background-size: contain; } } @media (max-width: 468px) { #hero .hero-carousel .app-description, .expertise p { font-size: 16px; line-height: 1.5; } .how-we-work { padding-left: 15px; } } @media (max-width: 359px) { .expertise .what-we-icon-homepage-wrapper { float: none; margin-bottom: 0px; } .expertise a h3 { padding-top: 0px; } .expertise a { text-align: center; } } /* ========================================================================== TESTIMONIALS Index: 1. Testimonials 2. Testimonials Boxes 3. Testimonials List /* ========================================================================== /*--------------------------- Testimonials --------------------------------*/ .testimonials { background: #eeeeee none repeat scroll 0 0; color: #000000; margin: 30px 0; padding: 30px 0; position: relative; } .testimonials ul { list-style: none; margin: 0; padding: 0; } .testimonials ul li{ margin: 0; padding: 0; display:none; } .testimonials ul li.testi-active { display: block; } .testimonials p::before { background-image: none !important; background-position: 0 0; background-repeat: repeat; color: #d9d9d9; content: "\e901"; display: inline; font-family: 'bitoviweb'; font-size: 120px; font-style: normal; font-weight: normal; height: auto; left: 22px; line-height: 0; position: absolute; text-decoration: inherit; top: 46px; vertical-align: baseline; width: auto; } .testimonials p { color: #000000; font-size: 28px !important; font-weight: 300; line-height: 48px !important; margin: 0; padding-left: 130px; position: relative; text-align: left; } .testimonials p em { color: #cb3036; padding-right: 0.5rem; white-space: nowrap; } .testimonials span, .testimonials footer { color: #57554f; display: block; font-size: 15px; line-height: 18px; text-align: right; width: 100%; } @media (max-width: 610px) { .testimonials p { font-size: 23px !important; padding-left: 0; margin-bottom: 10px; } .testimonials p::before { color: transparent; content: ""; display: none; font-size: 0px; width: 0px; } } /*--------------------------- Testimonial Boxes ----------------------------*/ .custom-testimonial-row { padding-top: 40px; } .custom-testimonial { border-right: 1px solid #cccccc; padding-right: 20px; font-size: 16px; line-height: 1.5em; } .custom-testimonial-row .widget-type-custom_widget:last-of-type .custom-testimonial { border-right: 0; } .custom-testimonial-description p:first-of-type a { color: black; text-decoration: none; } .custom-testimonial img { margin-bottom: 15px; } .custom-testimonial img.img-logo { width: 100px; margin-top: 20px; margin-bottom: 25px; max-width: 100%!important; } .custom-testimonial img.img-circle { width: 60px; max-width: 100%!important; } @media only screen and (max-width: 768px) { .custom-testimonial { margin-bottom: 40px; border-right: 0; } .custom-testimonial img { margin-top: 0!important; margin-bottom: 10px; } } /*--------------------------- Testimonials List ----------------------------*/ .testimonials-list { padding: 5% 4% 4%; color: #ffffff; } .testimonials-list .hs_cos_wrapper_type_widget_container { display: flex; flex-wrap: wrap; align-items: stretch; } .testimonials-list .hs_cos_wrapper_type_custom_widget { width: 50%; } .testimonial-list-item { padding: 4% 10%; } .testimonial-list-description { font-family: Martel, Georgia, serif; margin-bottom: 10px; font-size: 16px; } .background-accent-brand .testimonials-list-author { opacity: 0.8; font-size: 14px; } .testimonials-list .testimonials-list-image { max-width: 200px; max-height: 50px; margin-top: 20px; opacity: 0.8; } @media (max-width: 768px) { .testimonials-list .hs_cos_wrapper_type_custom_widget { width: 100%; } } /* End Testimonials */ /*--------------------------- Hero ------------------------*/ .custom-cta-text { background-color: #F2F2F2; margin: 40px 0; padding: 30px 15px; text-align: center; } .custom-cta-text .cta_button { margin-top: 30px; } #hero { z-index: 0; display: block; text-align: center; background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #fcfbfb 0%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(0%, #fcfbfb), color-stop(70%, #fcfbfb), color-stop(70%, #f8f8f8), color-stop(81%, #f2f2f2), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #efefef 0%, #fcfbfb 0%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: -o-linear-gradient(top, #efefef 0%, #fcfbfb 0%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: -ms-linear-gradient(top, #efefef 0%, #fcfbfb 0%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: linear-gradient(to bottom, #efefef 0%, #fcfbfb 0%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f2f2f2', GradientType=0); } #hero h1 { font-weight: 300; font-size: 56px; padding-top: 8px; letter-spacing: -3px; margin-left: -5px; color: #1B1E20; } #hero h1, #hero p, #hero .btn { margin-bottom: 40px; } #hero p:last-child { margin-bottom: 0; } #hero .pitch { padding-right: 0; } #hero .pitch h1, #hero .pitch p, #hero .pitch .btn { display: none; } #hero .hero-carousel { min-height: 420px; position: relative; overflow: hidden; } #hero .hero-carousel .app-description { font-size: 14px; text-align: left; line-height: 22px; padding: 10px 0; min-height: 110px; } #hero .hero-carousel .row { position: inherit; height: auto; top: 0; width: 100%; margin: 0; } #hero .hero-carousel .row.app-line { position: absolute; top: auto; bottom: 0; z-index: 3; } #hero .hero-carousel .row.app-images { z-index: 1; } #hero .hero-carousel .row.headline { z-index: 2; } #hero .app-images { position: relative; height: 260px; } #hero .app-image-wrapper { position: relative; display: none; width: 100%; } #hero .app-image-wrapper.left { display: block; left: -100%; } #hero .app-image-wrapper.right { display: block; left: 100%; } #hero .app-image-wrapper.active { display: block; left: 0; } #hero .app-image { z-index: 2; display: block; overflow: visible; height: 620px; z-index: 1; background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-mindjet.png"); background-repeat: no-repeat; position: absolute; background-size: 80%; background-position: center 20px; height: 260px; } #hero .app-image.mindjet { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-mindjet.png"); background-size: auto 80%; width: 100%; top: 0; left: 0; margin-left: 0; } #hero .app-image.walmart { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-walmart.png"); background-size: auto 100%; top: 0; left: 0; margin-left: 0; width: 100%; } #hero .app-image.cengage { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-cengage.png"); background-size: auto 80%; top: 0; left: 0; margin-left: 0; width: 100%; } #hero .app-image.transperfect { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-transperfect.png"); background-size: auto 90%; left: 0; top: 5px; width: 100%; margin-left: 0; } #hero .app-image.huawei { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-huawei.png"); background-size: auto 100%; top: 0; width: 100%; left: 0; margin-left: 0; } #hero .app-image.tmobile { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-tmobile.png"); background-size: auto 90%; left: 0; top: 5px; width: 100%; margin-left: 0; } #hero .app-image.cars { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-cars.png"); background-size: cover; background-position: center top; left: 0; top: 0; width: 100%; margin-left: 0; } #hero .app-image.sams { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-sams.png"); /*UPDATE*/ background-size: auto 100%; background-position: center top; left: 0; top: 0; width: 100%; margin-left: 0; } #hero .app-image.haulhound { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-haulhound.png"); /*UPDATE*/ background-size: auto 100%; background-position: center top; left: 0; top: 0; width: 100%; margin-left: 0; } #hero .app-image.levis { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-levis.png"); /*UPDATE*/ background-size: auto 100%; background-position: center top; left: 0; top: 0; width: 100%; margin-left: 0; } #hero .app-line:before { content: ''; width: 1px; height: 4px; z-index: 3; background-color: #2966af; position: absolute; bottom: 0; left: 0; transition-property: background-color, width; transition-duration: 1s; } #hero .app-line.walmart:before { background-color: #2966af; background-size: 485px 620px; width: 700px; } #hero .app-line.mindjet:before { background-color: #e51b24; background-size: 750px 523px; width: 530px; } #hero .app-line.cengage:before { background-color: #1689c6; background-size: 726px 611px; width: 750px; } #hero .app-line.transperfect:before { background-color: #6badde; background-size: 645px 607px; width: 700px; } #hero .app-line.tmobile:before { background-color: #ec008b; background-size: 645px 607px; width: 800px; } #hero .app-line.cars:before { background-color: #78499a; width: 950px; } #hero .app-line.huawei:before { background-color: #ea1c24; background-size: 750px 530px; width: 750px; } #hero .app-line.sams:before { /*UPDATE*/ background-color: #236aa0; background-size: 750px 530px; width: 580px; } #hero .app-line.haulhound:before { /*UPDATE*/ background-color: #f38231; background-size: 750px 530px; width: 480px; } #hero .app-line.levis:before { /*UPDATE*/ background-color: #c51733; background-size: 750px 530px; width: 480px; } #hero .indicators-container { width: 195px; margin: 0 auto; } #hero .carousel-indicator { width: 12px; height: 12px; border-radius: 50%; background-color: #ccc; display: inline-block; margin-right: 20px; } #hero .carousel-indicator.active { background-color: #cb3036; } #hero .carousel-indicator:last-child { margin-right: 0; } .big-gradient { background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(3%, #fcfbfb), color-stop(70%, #fcfbfb), color-stop(70%, #f8f8f8), color-stop(81%, #f2f2f2), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: -o-linear-gradient(top, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: -ms-linear-gradient(top, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: linear-gradient(to bottom, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f2f2f2', GradientType=0); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-device-pixel-ratio: 1.5) { #hero .app-image-wrapper .app-image.mindjet { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-mindjet-x2.png"); } #hero .app-image-wrapper .app-image.walmart { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-walmart-x2.png"); } #hero .app-image-wrapper .app-image.cengage { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-cengage-x2.png"); } #hero .app-image-wrapper .app-image.transperfect { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-transperfect-x2.png"); } #hero .app-image-wrapper .app-image.huawei { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-huawei-x2.png"); } #hero .app-image-wrapper .app-image.tmobile { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-tmobile-x2.png"); } #hero .app-image-wrapper .app-image.cars { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-cars.png"); } #hero .app-image-wrapper .app-image.sams { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-sams-x2.png"); /*UPDATE*/ } #hero .app-image-wrapper .app-image.haulhound { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-haulhound-x2.png"); /*UPDATE*/ } #hero .app-image-wrapper .app-image.levis { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-levis-x2.png"); /*UPDATE*/ } } @media screen and (min-width: 768px) { #hero { text-align: left; } #hero .container, #hero .row, #hero .col-md-6 { overflow: visible; } #hero .pitch h1, #hero .pitch p, #hero .pitch .btn { display: inline-block; } #hero .hero-carousel { min-height: 540px; position: relative; overflow: hidden; } #hero .hero-carousel .row { position: absolute; height: 600px; top: 0; width: 100%; } #hero .hero-carousel .row.app-line { position: absolute; top: -120px; z-index: 0; } #hero .hero-carousel .row.app-images { z-index: 1; } #hero .hero-carousel .row .app-description { font-size: 18px; line-height: 1.6; } #hero .hero-carousel .row.headline { z-index: 2; } #hero .hero-carousel .row.headline .pitch { width: 467px; } #hero .col-md-6 { height: 620px; position: relative; width: 50%; float: left; } #hero .app-line:before { content: ''; width: 1px; height: 4px; z-index: -1; background-color: #2966af; position: absolute; bottom: -10px; left: 0; transition-property: background-color, width; transition-duration: 1s; } #hero .app-line.walmart:before { background-color: #2966af; background-size: 485px 620px; width: 700px; } #hero .app-line.mindjet:before { background-color: #e51b24; background-size: 750px 523px; width: 530px; } #hero .app-line.cengage:before { background-color: #1689c6; background-size: 726px 611px; width: 750px; } #hero .app-line.transperfect:before { background-color: #6badde; background-size: 645px 607px; width: 700px; } #hero .app-line.tmobile:before { background-color: #ec008b; background-size: 645px 607px; width: 800px; } #hero .app-line.cars:before { background-color: #78499a; width: 950px; } #hero .app-line.huawei:before { background-color: #ea1c24; background-size: 750px 530px; width: 750px; } #hero .app-line.sams:before { /*UPDATE*/ background-color: #236aa0; background-size: 750px 530px; width: 750px; } #hero .app-line.haulhound:before { /*UPDATE*/ background-color: #f38231; background-size: 750px 530px; width: 750px; } #hero .app-line.levis:before { /*UPDATE*/ background-color: #c51733; background-size: 750px 530px; width: 750px; } #hero .app-images { position: relative; } #hero .app-image-wrapper { position: relative; display: none; width: 100%; } #hero .app-image-wrapper.left { display: block; left: -100%; } #hero .app-image-wrapper.right { display: block; left: 100% } #hero .app-image-wrapper.active { display: block; left: 0; } #hero .app-image-wrapper .app-image { z-index: 2; display: block; overflow: visible; height: 620px; z-index: 1; background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-mindjet.png"); background-repeat: no-repeat; position: absolute; } #hero .app-image-wrapper .app-image.mindjet { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-mindjet.png"); width: 750px; top: 10px; left: 50%; margin-left: 50px; } #hero .app-image-wrapper .app-image.walmart { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-walmart.png"); background-size: 95%; top: 15px; left: 50%; margin-left: 10px; width: 485px; } #hero .app-image-wrapper .app-image.cengage { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-cengage.png"); top: 10px; left: 50%; margin-left: 60px; width: 726px; } #hero .app-image-wrapper .app-image.transperfect { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-transperfect.png"); left: 60%; top: 5px; width: 645px; margin-left: 0; } #hero .app-image-wrapper .app-image.huawei { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-huawei.png"); top: -3px; width: 749px; left: 50%; margin-left: 50px; } #hero .app-image-wrapper .app-image.tmobile { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-tmobile.png"); left: 60%; top: 5px; width: 645px; margin-left: 0; } #hero .app-image-wrapper .app-image.cars { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-cars.png"); left: 50%; top: 0; width: 950px; margin-left: -280px; } #hero .app-image-wrapper .app-image.sams { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-sams.png"); /*UPDATE*/ left: 50%; top: 40px; height: 490px; width: 560px; margin-left: -80px; } #hero .app-image-wrapper .app-image.haulhound { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-haulhound.png"); /*UPDATE*/ left: 50%; top: 40px; height: 490px; width: 560px; margin-left: -80px; } #hero .app-image-wrapper .app-image.levis { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/carousel-levis.png"); /*UPDATE*/ left: 50%; top: 40px; height: 490px; width: 560px; margin-left: -80px; } #hero .app-description { padding-bottom: 20px; position: relative; z-index: 0; width: 90%; display: none; font-size: 18px; line-height: auto; } #hero a.btn { margin-bottom: 30px; } } @media screen and (min-width: 970px) { #hero .app-description { width: 100%; } #hero .app-image-wrapper .app-image.mindjet { margin-left: 22px; } #hero .app-image-wrapper .app-image.walmart { margin-left: 67px; } #hero .app-image-wrapper .app-image.cengage { margin-left: 0; } #hero .app-image-wrapper .app-image.transperfect { margin-left: -121px; } #hero .app-image-wrapper .app-image.huawei { margin-left: 8px; } #hero .app-image-wrapper .app-image.tmobile { margin-left: -121px; } #hero .app-image-wrapper .app-image.cars { margin-left: -200px; } #hero .app-image-wrapper .app-image.sams { margin-left: 0; /*UPDATE*/ } #hero .app-image-wrapper .app-image.haulhound { margin-left: 0; /*UPDATE*/ } #hero .app-image-wrapper .app-image.levis { margin-left: 0; /*UPDATE*/ } } @media screen and (max-width: 767px) { #hero .hero-carousel .row.app-line { height: 10px; } #hero .pitch .btn-green { display: none !important; } } /* End Hero */ /*------------------------------ Photo Mosaic Strip ------------------------------------*/ .photo-mosaic { width: 100%; height: 460px; display: flex; justify-content: space-between; align-items: center; } .photo-mosaic .center-fill { flex:0 0 auto; width: 100%; background-color: #eee; height: 460px; display: flex; flex-direction: column; flex-wrap: wrap; } .photo-mosaic .left-fill, .photo-mosaic .right-fill, .photo-mosaic .photo-1, .photo-mosaic .photo-2, .photo-mosaic .photo-3, .photo-mosaic .photo-4 { background-position: center center; background-size: cover; background-repeat:no-repeat; overflow: hidden; } .photo-mosaic .left-fill, .photo-mosaic .right-fill { flex:1 1 auto; background-color: #bdb298; height: 350px; } .photo-mosaic .photo-1, .photo-mosaic .photo-2 { width: 20%; height: 230px; } .photo-mosaic .photo-3 { height: 460px; width: 50%; } .photo-mosaic .photo-4 { height: 460px; width: 30%; } .photo-fade { opacity: .1; transition: opacity .75s ease-in-out; } .fade-in { opacity: 1 !important; } .fade-in.photo-2 { transition-delay: .6s; } .fade-in.photo-3 { transition-delay: .9s; } .fade-in.photo-4 { transition-delay: .3s; } @media (max-width: 970px) { .photo-mosaic .left-fill, .photo-mosaic .right-fill { display: none; } .photo-mosaic .center-fill { width: 100%; } } @media (max-width: 768px) { .photo-mosaic .photo-1, .photo-mosaic .photo-2 { width: 30%; } .photo-mosaic .photo-3 { width: 70%; } .photo-mosaic .photo-4 { display: none; } } @media (max-width: 468px) { .photo-mosaic .center-fill, .photo-mosaic .photo-3, .photo-mosaic { height: 250px; } .photo-mosaic .photo-1, .photo-mosaic .photo-2 { height: 125px; } } /*------------------------------ Photo Mosaic Strip ------------------------------------*/ /* ========================================================================== Index: 1. Training 2. Training Clients /*-------------------------------- Training -------------------------*/ .custom-training-page {} .custom-training-page .body-container {} .custom-training-page .body-container .page-center { padding: 0; } .custom-training-page .custom-banner-wrapper { background-color: #CD3335; position: relative; background-size: cover; background-position: center 0px; } /*.custom-training-page .footer-container { margin-bottom: 70px; }*/ .custom-training-page .custom-global-recent-post { padding-left: 15px; padding-right: 15px; } .custom-padding { padding-left: 15px !important; padding-right: 15px !important; } .custom-training-row1 { text-align: center; padding: 50px 0 0; } .custom-training-row1 .btn-green.contact-popup { margin: 0; } .custom-training-row2 {} .custom-training-row2-col.custom-training-row2-col1 {} .custom-training-row2-col.custom-training-row2-col2 {} .custom-training-row2-col.custom-training-row2-col3 {} .custom-training-row2-col {} .custom-training-row2-col h2 { font-size: 24px; } .custom-training-row2-col p { font-size: 18px; line-height: 24px; } .custom-training-row3 {} .custom-training-row3 h3 { color: #000; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 36px 0 18px; text-align: center; } .custom-training-page .custom-global-recent-post h3.topic-article-header { font-size: 24px; font-weight: 500; } .custom-training-page .body-container .training-clients { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; } .list-inline { list-style: none; padding-left: 0; } /*-------------------------------- Training Clients -------------------------*/ /* /* Used in the Training Clients custom module */ .custom-training-clients { margin: 40px 0; } .custom-training-clients h2, .custom-training-clients h3 { text-align: center; margin-top: 80px; } .training-clients li.sony { background-position: 0 5px; height: 60px; width: 110px; } .training-clients li.cars { background-position: -130px 5px; height: 60px; width: 125px; } .training-clients li.adp { background-position: -270px 5px; height: 60px; margin-right: 10px; width: 85px; } .training-clients li.ign { background-position: -155px -74px; height: 60px; margin-right: 10px; width: 80px; } .training-clients li { background-image: url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/training-logos.png"); background-repeat: no-repeat; margin: 10px 2%; } .training-clients li span { display: none; } .training-clients li.fidelity { background-position: -450px 5px; height: 60px; width: 145px; } .training-clients li.stamps { background-position: -712px 5px; height: 60px; width: 120px; } .training-clients li.cengage { background-position: -846px 5px; height: 60px; width: 120px; } .training-clients li.transperfect { background-position: 5px -73px; height: 60px; width: 150px; } .training-clients li.evisions { background-position: -258px -74px; height: 60px; width: 120px; } .training-clients li.southern { background-position: -389px -74px; height: 60px; width: 150px; } .training-clients li.emusic { background-position: -542px -74px; height: 60px; width: 115px; } .training-clients li.radialpoint { background-position: -667px -74px; height: 60px; width: 150px; } .training-clients li.recommind { background-position: -815px -74px; height: 60px; width: 155px; } .training-clients.training-clients--design li { background-image: url("/hubfs/training-logos-design.png"); margin: 10px 1.5%; background-size: 969px; /* this should be the width of the image, which allows to show high res versions for retina display */ height: 73px; } .training-clients li.microsoft { background-position: -2px -1px; width: 148px; } .training-clients li.uxlx { background-position: -183px 0; width: 122px; } .training-clients li.facebook { background-position: -336px 0; width: 123px; } .training-clients li.hubspot { background-position: -490px -3px; width: 111px; } .training-clients li.avvo { background-position: -633px -0; width: 80px; } .training-clients li.pushconf { background-position: -749px 0; width: 63px; } .training-clients li.upwork { background-position: -850px 3px; width: 119px; } .list-inline > li:first-child { padding-left: 0; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .custom-training-row4 {} .custom-training-row4-right {} .custom-training-row4-col1 {} .custom-training-row4-col2 {} .custom-training-row4-col3 { padding-right: 16px; } .custom-training-row5 {} .custom-training-row5-top {} .custom-training-row5-right {} .custom-training-row5-col1 {} .custom-training-row5-col2 {} .custom-training-row5-col3 {} .custom-open-row2.custom-training-row6 {} .custom-training-row7 {} .custom-training-row8 { margin-bottom: 40px !important; } .custom-training-row8-col {} .body-container .custom-training-row8-col ul { font-size: 14px; list-style: none; margin: 0; padding: 0; } .custom-training-row8-col ul li { border-bottom: 1px solid #eeeeee; line-height: 1.5; padding: 10px; height:122px; } .custom-training-row8-col2 ul li { border-left: 1px solid #eeeeee; } .custom-training-row8-col ul li img { float: left; margin-right: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } li h3 { font-size: 18px; margin: 10px 0 0; color: #000; font-weight: 500; line-height: 1.1; } @media only screen and (max-width: 1000px) { .custom-training-page .custom-banner-wrapper { background-size: auto 120%; } } @media (max-width: 969px) { .custom-training-page .body-container .page-center { padding: 0 15px; } .custom-training-row5-col2.custom-padding, .custom-training-row5-col3.custom-padding, .custom-training-row5-col1.custom-padding, .custom-training-row5-right.custom-padding, .custom-training-row4-right.custom-padding, .custom-training-row4-col1.custom-padding, .custom-training-row2-col1.custom-padding { padding-left: 0px !important; padding-right: 0px !important; } } @media (max-width: 767px) { } /*--------------------------- Footer ------------------------*/ .footer-container-wrapper {} .footer-container {} .footer-container .page-center { padding: 30px 15px; } .custom-contact-detail p { font-size: 17px; margin-bottom: 10px; line-height: 30px; margin-top: 0; color: #cccccc; } .custom-social-links { list-style: none; margin: 0; padding: 0; font-family: Icons; font-weight: normal; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none !important; background-position: 0% 0%; background-repeat: repeat; -webkit-font-smoothing: antialiased; width: 80px; } .custom-social-links ul { list-style: outside none none; margin: 0; padding: 0; text-align: right; } .custom-social-links li { display: inline-block; width: 25px; overflow: hidden; } .custom-social-links ul li a { color: #cccccc; line-height: 30px; display: inline-block; font-size: 23px; text-decoration: none; } .custom-social-links ul li a:hover { text-decoration: none; color: #57554f; transition: color 0.2s ease; } .custom-social-links-text { display: none; } @media (max-width: 767px) { .footer-container .page-center { padding: 30px 15px; text-align: center; } } /* ========================================================================== FOOTER LARGE This stylesheet styles the full width footer Created on 09/21/17 1. Footer Large (Wrapper) 2. Footer Nav 3. Footer Social ========================================================================== */ /*--------------------------- Footer Large --------------------------------*/ .footer-large { padding: 50px 7%; display: flex; /*border-top: 1px solid #E5E8E9;*/ } /*--------------------------- Footer Nav -----------------------------------*/ .footer-nav { display: flex; justify-content: space-around; flex: 1; } .footer-nav .footer-list h4 { text-transform: uppercase; font-size: 16px; margin-top: 0; margin-bottom: 10px; } .footer-nav .footer-list ul { list-style: none; margin: 0; padding: 0; } .footer-nav .footer-list ul li { font-size: 14px; } .footer-nav .footer-list ul li a { color: #333333; text-decoration: none; display: block; } .footer-nav .footer-list ul li a:hover { color: #356FD1; } /*--------------------------- Footer Social --------------------------------*/ .footer-social { margin-left: 40px; } .footer-social ul { list-style: none; margin: 0; padding: 0; display: inline-flex; } .footer-social ul li a { font-size: 22px; color: #333333; text-decoration: none; display: block; margin: 10px; } .footer-social ul li a:hover { color: #356FD1; } .footer-social .footer-social-text { display: none; } @media (max-width: 900px) { .footer-large { flex-direction: column; } .footer-social { margin-left: 0; margin-top: 20px; text-align: center; } } @media (max-width: 630px) { .footer-nav { flex-direction: column; } .footer-nav .footer-list { margin-bottom: 40px; } } /* ========================================================================== buttons.css Index: 1. Buttons - Default 2. Buttons - Primary 2. Buttons - Secondary 3. Buttons - Small /* ========================================================================== /*------------------------ Buttons - CTA ----------------------------------*/ /* Used to customize Calls-to-action https://app.hubspot.com/cta/ */ .button-cta { padding: 8px 22px !important; border-radius: 3px !important; font-family: Lato, Arial, sans-serif !important; font-size: 18px !important; } /*------------------------ Buttons - Default ------------------------------*/ /* All Global Buttons (Excluding CTAs) */ body .hs-button, body input[type="submit"], body input[type="button"] { cursor: pointer; -webkit-appearance: none; -moz-user-select: none; font-family: Lato, Arial, sans-serif; font-size: 18px; text-decoration: none !important; display: inline-block; padding: 4px 27px; border-radius: 3px; text-decoration: none; background-image: none; text-align: center; vertical-align: middle; white-space: nowrap; font-weight: normal; line-height: 2; margin: 15px 0; } body .hs-button:hover, body input[type="submit"]:hover, body input[type="button"]:hover { transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; text-decoration: none; } /*------------------------ Buttons - Primary (GRAY) --------------------------*/ body .hs-button.primary { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #E5E8E9; border: 1px solid #BEC5C9; color: #3E4548; } body .hs-button.primary:hover { background-color:#F2F2F2; border-color: #E5E8E9; } /*------------------------ Buttons - Secondary (BLUE) ----------------------*/ body .hs-button.secondary { background-color: #356FD1; border-color: #356FD1; color: #ffffff; } body .hs-button.secondary:hover { background-color: #3A7AE5; border-color: #3A7AE5; } /*------------------------ Buttons - Terciary (GREEN) -----------------------*/ body .hs-button.terciary { background-color: #009F62; border-color: #009F62; color: #ffffff; } body .hs-button.terciary:hover { background-color: #00AF69; border-color: #00AF69; } /*------------------------ Buttons - Brand (RED) ------------------------------*/ body .hs-button.brand { background-color: #CB3036; border-color: #CB3036; color: #ffffff; } body .hs-button.brand:hover { background-color: #E13235; border-color: #E13235; } /*------------------------ Buttons - (WHITE) ----------------------*/ body .hs-button.white { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; } body .hs-button.white:hover { background-color: rgba(255,255,255,.2); border-color: #ffffff; } /*------------------------ Buttons - Sizes ---------------------------------*/ body .hs-button.button-small { font-size: 16px; line-height: 1.5; padding: 4px 10px; } body .hs-button.button-smallest { font-size: 14px; line-height: 1.5; padding: 4px 10px; } /*--------------------------- Form Module Button ------------------------*/ .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /*--------------------------- Blog Comment Button ------------------------*/ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /*--------------------------- Blog Subscription Button ------------------------*/ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /*--------------------------- Google Search Button ------------------------*/ .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /*--------------------------- CTA Buttons ------------------------*/ /** * Override global CTA styles by wrapping the CTA module in a module group * that has an ID, and use that ID to prefix your CTA selector. Example shown below. * * All overriding properties require !important tags. */ #module-group-ID .cta_button {} #module-group-ID .cta_button:hover {} #module-group-ID .cta_button:focus {} .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /* ========================================================================== *\ cards.css Index - Standard Card - Link Card - Card Grid - Card Grid Simple - Card Link List - Card with Dark Parent - Dark Card \* ========================================================================== */ /** * Standard Card * * Defines the appearance and behaviour of the default card with its multiple parts: * - Card Image * - Card Logo * - Card Content * - Card Text * - Card Footer */ .card { background: white; border-bottom: 2px solid #cccccc; display: flex; flex-direction: column; width: 100%; } .card-image { min-height: 80px; display: flex; align-items: center; justify-content: center; } .card-image img { width: 100%; } .card-header { min-height: 10px; display: flex; align-items: center; justify-content: center; } .card-logo { margin-bottom: 15px; height: 35px; } .card-logo img { max-width: 100%; max-height: 100%; height: auto; width: auto; } .card-title { font-size: 22px; font-weight: 300; margin-top: 0; margin-bottom: 10px; } .card-content { display: flex; flex-direction: column; flex: 1 1 auto; } .card-text { font-size: 16px; line-height: 1.5; color: #666666; flex: 1 1 auto; } .card-text p { margin-bottom: 0!important; } .card-footer { padding-top: 20px; } .card-footer .hs-button { margin: 0!important; } /** * Link Card * * When a card is used as a link, wrap it an anchor tag and add a parent with the * class`.card-group`. This will provide additional styles for the hover state */ .card-group a { text-decoration: none; color: inherit; display: inline-flex; } .card-group a:hover .card { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } /** * Card Grid * * Use the `.card-grid` class to create a group of cards that can be laid out in columns. * When this style is used will become clickable items, so you don't need to use `.card-group`. */ .card-grid { display: flex; flex-direction: row; flex-wrap: wrap; } .card-grid a { text-decoration: none; color: inherit; display: inline-flex; } .card-grid--col-4 a, .card-grid--col-4 .card--no-link { width: 23%; margin: 1%; } .card-grid--col-3 a { width: 31%; margin: 1%; } .card-grid--col-2 a { width: 48%; margin: 1%; } @media (max-width: 969px ) { .card-grid--col-4 a, .card-grid--col-4 .card--no-link { width: 48%!important; } } @media (max-width: 480px ) { .card-grid--col-4 a, .card-grid--col-4 .card--no-link, .card-grid--col-3 a { width: 100%!important; } } /** * Card Grid Simple * * Add the class `.grid-simple` to the `.card-grid` when you want to display a more simple * grid, where the spacing between cards is slimmer and the text is smaller and condesed. */ .card-grid.grid-simple.card-grid--col-4 a { width: 24.8%; margin: 0.1%; } .card-grid.grid-simple .card-text { font-size: 14px; color: #BEC5C9; line-height: 1.2; } .card-grid.grid-simple .card-text p:first-of-type { font-size: 16px; color: #ffffff; margin-bottom: 10px !important; } .card-grid.grid-simple .card-content { position: relative; } .card-grid.grid-simple .posts-related-author-avatar { width: 80px; max-width: 80px; max-height: 80px; margin-top: -80px; margin-bottom: 15px; border: 3px solid white; } .grid-simple a:hover .card { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); } /** * Card Link List * Use `.card-list` to show a list of items that only contain text and alternatively * an icon or small logo. */ .body-container ul.card-list { padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .card-list li { list-style: none; font-size: 16px; margin-bottom: 15px; line-height: 1.2; display: flex; } .card-list li a { text-decoration: none; } .card-list.card-list--1-col li{ flex-basis: 100%; } .card-list.card-list--2-col li{ flex-basis: 48%; } .card-list.card-list--2-col li:nth-child(2n+1) { margin-right: 2%; } .card-list .card-link { flex-grow: 1; background: white; border-bottom: 2px solid #cccccc; display: flex; flex-direction: row; align-items: center; min-height: 60px; padding: 0 20px; } .card-list .card-link [class*="icon-"] { margin-right: 15px; color: #7D8C93; font-size: 22px; } .card-list .card-link:hover { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } .card-list .card-link .card-link-text { margin: 10px; } @media (max-width: 992px ) { .card-list.card-list--2-col li, .card-list.card-list--2-col li:nth-child(2n+1) { flex-basis: 100%; margin-right: 0; } } .card-list-logo { min-width: 100px; max-width: 100px; margin-right: 20px; } .card-list-logo img { max-height: 30px; } /** * Card with Dark Parent * * Use the following classes to display cards in a dark background and keep a good contrast * between the cards and the background */ .background-accent-dark-card { background-color: #3E4548; padding: 40px 0; } .background-accent-dark-card h2, .background-accent-dark-card p { color: #ffffff; text-align: center; padding: 0 20px; } .background-accent-dark-card p a { color: #ffffff; } .background-accent-dark-card h2.card-title { color: inherit; text-align: left; padding: 0; } .background-accent-dark-card .hs_cos_wrapper_type_text { color: #ffffff; text-align: center; max-width: 700px; margin: 0 auto; line-height: 1.5; padding: 0 20px; } .background-accent-dark-card .card { border-color: #1B1E20; } /** * Dark Card * * Use the following classes to display a dark version of the cards */ .card--dark { background-color: #3E4548; border-bottom: 0; } .card--dark .card-text { color: #ffffff; } .card--dark .hs-button.primary { background-color: transparent!important; color: #ffffff!important; text-shadow: none!important; } /** * Card Flex * * Use the following classes to add flexbox to cards inside modules */ .card-flex > span { display: flex; flex-wrap: wrap; } .card-flex > span > div { border-right: 1px solid #FFF; border-left: 1px solid #FFF; width: 25%; } .card-flex > span .posts-related-author-avatar { width: 80px; max-width: 80px; max-height: 80px; margin-top: -80px; margin-bottom: 15px; border: 3px solid white; } .card-flex > span a { text-decoration: none; } @media (max-width: 992px ) { .card-flex > span > div { width: 50%; } } @media (max-width: 768px ) { .card-flex > span > div { width: 100%; } } /* ========================================================================== media.css /* ========================================================================== */ .media { display: flex; flex-direction: row; } .media--wide { } .media-image { display: flex; align-items: center; justify-content: center; background: white; border: 1px solid #cccccc;; border-bottom-width: 2px; min-width: 220px; height: 120px; } .media-image img { max-width: 175px; max-height: 70px; width: auto; height: auto; } .media-content { padding: 0 40px; } .media-text { font-size: 16px; line-height: 1.5; color: #666666; } /*----------------------------------- Media Tile ---------------------------*/ .media-tile { display: flex; flex-direction: row; flex-shrink: 0; max-width: 1220px !important; padding: 0 !important; } .media-tile-content { line-height: 1.5; padding: 30px 40px 0; flex-grow: 1; } .media-tile-callout { display: flex; align-items: center; margin-left: 1.2%; max-width: 650px; flex-shrink: inherit; } .media-tile-callout h3 { font-size: 26px; line-height: 2; margin: 0; } @media (max-width: 992px ) { .media-tile-callout { margin: 4% 4% 0; text-align: center; } } .media-tile-image--collage, .media-tile-icon--collage { display: flex; flex-direction: row; flex-wrap: wrap; flex-shrink: 0; height: 418px; } .media-tile-image--collage { width: 418px; } .media-tile-icon--collage { width: 418px; } .media-tile-image--collage img, .media-tile-icon--collage .media-tile-icon-box { width: 50%; height: 50%; } .media-tile-icon--collage .media-tile-icon-box { display: flex; flex-direction: column; justify-content: center; align-items: center; } .media-tile-icon--collage .media-tile-icon-box img { height: 47px; margin-bottom: 10px; } .media-tile-icon--collage .media-tile-icon-box--canjs { background-color: #1C1E20; } .media-tile-icon--collage .media-tile-icon-box--donejs { background-color: #3C82A6; } .media-tile-icon--collage .media-tile-icon-box--stealjs { background-color: #39B449; } .media-tile-icon--collage .media-tile-icon-box--funcunit { background-color: #E57C39; } @media (max-width: 992px ) { .media-tile { flex-direction: column; align-items: center; } } @media (max-width: 419px ) { .media-tile-image--collage, .media-tile-icon--collage { width: 100%; } .media-tile-icon--collage { height: auto; } .media-tile-icon--collage .media-tile-icon-box { width: 100%; height: auto; padding: 20px; } } /* ========================================================================== author.css /* ========================================================================== */ .author-profile { display: flex; line-height: 1.5; } .author-profile .author-image { width: 80px; height: 80px; } .author-image { border-radius: 50%; margin-right: 15px; } .body-container ul.author-links { margin-top: 20px; padding-left: 0; } .author-links li { list-style: none; } .author-links li a { text-decoration: none; } .author-links li .icon { margin-right: 10px; } /* ========================================================================== cta.css Index: 1. CTA Images /* ========================================================================== /*------------------------------- CTA Images ------------------------------*/ .cta-image { width: 303px; float: right; } .cta-image--right { float: right; margin-left: 20px; } .cta-image--left { float: left; margin-right: 20px; } @media (max-width: 600px ) { .cta-image--right, .cta-image--left { float: none; display: flex; margin-bottom: 20px; margin-left: 0; } } .cta-in-content-link { border: 4px dotted #bb3e3c; border-right: none; border-left: none; padding: 5px 10px; margin: 0 -10px; } /* ========================================================================== pagination.css /* ========================================================================== */ .body-container ul.pagination { padding: 0; margin: 30px 0; } .pagination { display: inline-flex; justify-content: center; width: 100%; flex-wrap: wrap; } .pagination li { list-style: none; margin: 5px 3px; } .pagination li a { padding: 0 12px; border: 1px solid #BEC5C9; border-radius: 3px; text-decoration: none; font-size: 16px; display: flex; align-items: center; height: 34px; } .pagination li a .icon-chevron-left, .pagination li a .icon-chevron-right { margin-left: -4px; margin-right: -4px; } .pagination li.active a { background-color: #BEC5C9; color: #1B1E20; } .pagination li.disabled a { pointer-events: none; color: #7D8C93; } /* ========================================================================== promotion-dark-theme.css /* ========================================================================== */ .promo-dark { color: #ffffff; background-color: #3E4548; } .promo-darker { color: #ffffff; background-color: #1B1E20; } body .promo-dark .hs-button.primary, body .promo-darker .hs-button.primary{ border: none; } /* ========================================================================== posts-related.css /* ========================================================================== */ .posts-related-wrapper { padding: 20px 3% 0; display: flex!important; justify-content: center; flex-wrap: wrap; } .posts-related-item { margin: 10px; width: 23%; } .posts-related-item .card-title { font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 10px; } .posts-related-item:hover .card-title { color: #356FD1; } .posts-related-item .card-text { font-size: 14px; } .posts-related-item .card-image { overflow: hidden; /* position: relative; */ height: 156px; margin: 10px 10px 0; } .posts-related-item .card-image img { /* width: auto; height: 100%; max-width: 240%; position: absolute; left: 0; bottom: 0; */ object-fit: cover; height: 100%; width: 100%; object-position: left center; } .posts-related-author-avatar { max-width: 40px; border-radius: 50%; margin-right: 10px; } .posts-related-author-name { font-size: 14px; color: #606B70; } @media (max-width: 1260px) { .posts-related-item { width: 46%; } } @media (max-width: 768px) { .posts-related-wrapper { flex-direction: column; align-items: center; } .posts-related-item { width: 80%; } } /* ========================================================================== blog-posts-grid.css /* ========================================================================== */ .blog-posts-grid { padding: 20px 1% 20px 0; display: flex!important; flex-wrap: wrap; } .blog-posts-grid-item { margin: 10px; width: 31%; } .blog-posts-grid-item .card-title { font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 10px; } .blog-posts-grid-item :hover .card-title { color: #356FD1; } .blog-posts-grid-item .card-text { font-size: 14px; } .blog-posts-grid-item .card-image { overflow: hidden; position: relative; height: 156px; margin: 10px 10px 0; } .blog-posts-grid-item .card-image img { /* width: 240%; max-width: 240%; left: 0; bottom: 0; */ position: absolute; object-fit: cover; height: 100%; width: 100%; object-position: left center; } .blog-posts-grid-item .author-avatar { max-width: 40px; border-radius: 50%; margin-right: 10px; } .blog-posts-grid-item .author-name { font-size: 14px; color: #606B70; } @media (max-width: 1260px) { .blog-posts-grid-item { width: 46.8%; } } @media (max-width: 1018px) { .blog-posts-grid { /*flex-direction: column; align-items: center;*/ } .blog-posts-grid-item { width: 97%; } } /* ========================================================================== blog-tools.css Index: - Categories - Categories for Mobile (Turns into a dropdown) - Search /* ========================================================================== */ .blog-tools { min-height: 50px !important; } /*----------------------------- Categories -----------------------------------*/ .blog-categories { font-size: 14px; width: 79% !important; } .body-container .blog-categories ul { padding-left: 0; } .blog-categories ul { float: left; } .blog-categories ul li { margin-top: 8px; } .blog-categories ul li a { padding: 6px 10px 3px; text-decoration: none; color: #BEC5C9; border-bottom-width: 4px; border-bottom-style: solid; border-color: transparent; line-height: 1.5; } .blog-categories ul li.active a { border-color: #9AB7E8; } /*------------------------ Categories For Mobile ------------------------------*/ .categories-dropdown { width: 74%; float: left; position: relative; } .categories-dropdown input[type=checkbox] { display: none; } .categories-dropdown label { font-size: 12px; padding: 10px; float: left; margin-top: 6px; margin-left: 7px; pointer-events: none; } .categories-dropdown label .icon-dropdown { display: none; } @media (max-width: 772px) { .blog-tools .row-number-2 .row-fluid { display: flex; } .categories-dropdown { width: auto; flex-grow: 1; } .categories-dropdown label { pointer-events: visible; min-width: 113px; } .categories-dropdown label .icon-dropdown { display: inline-block; } .categories-dropdown .blog-categories { display: none !important; } .categories-dropdown input[type=checkbox]:checked ~ .blog-categories { display: block !important; } .categories-dropdown .blog-categories ul { position: absolute; top: 50px; width: 200px; background: white; font-size: 14px; z-index: 1; border: 1px solid #BEC5C9; border-top: 0; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); ; } .categories-dropdown .blog-categories ul li a { padding: 3px 12px; color: #606B70; } .categories-dropdown .blog-categories ul li.active a { border-bottom: none; background-color: #F2F2F2; } .categories-dropdown .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .categories-dropdown .hs-menu-wrapper * { display: block !important; } } /*----------------------------- Search -----------------------------------*/ .blog-search { padding-right: 20px; } body .blog-search input[type="text"] { background-color: transparent; border: none; border-bottom: 1px solid #7D8C93; font-size: 14px; border-radius: 0; color: white; padding: 3px 3px 3px 22px; margin-bottom: 0; margin-top: 7px; box-shadow: none; } body .blog-search input[type="text"]:focus { background-color: transparent; } .blog-search.widget-type-google_search .input { position: relative; font-family: 'bitoviweb' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog-search.widget-type-google_search .input:before { content: "\e907"; position: absolute; top: 8px; color: #BEC5C9; font-size: 16px; } .blog-search.widget-type-google_search .hs-button.primary { display: none; } /* ========================================================================== blog-related-posts.css ========================================================================== */ .related-summary p.meta { color: #7D8C93; display: block; font-size: 14px; line-height: 18px; margin-bottom: 0px; } .related-summary p.meta span, .related-summary .meta a { display: inline-block; } .related-summary .meta a, .related-summary .meta a:hover { color: #7D8C93; } /* Blog Listing */ body.hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper {} .body-container .blog-top-pane .page-center { padding-bottom: 0; padding-top: 0; } .custom-blog-list .body-container .page-center { padding-bottom: 0; padding-top: 0; } .blog-top-pane { background-color: #606B70; color: #ffffff; min-height: 58px; padding: 7px 0 0; } .blog-top-post { position: relative; } .blog-top-post .block > h3 { display: none; } .utility-menu li a, .filter-label { color: #ffffff; font-size: 12px; font-weight: 300; text-decoration: none; text-transform: uppercase; } .filter-label { float: left; margin-left: -10px; padding: 10px 10px 14px; border-top: 3px solid transparent; } .filter-label.filter-label-open, .filter-label.filter-label-open:hover{ background-color: #ffffff; border-top: 3px solid #cccccc; color: #666666; text-decoration: none; } .filter-label:hover .icon-dropdown { color: #ffffff; } .filter-label.filter-label-open:hover .icon-dropdown { color: #cccccc; } .search-toggle, .filter-label { cursor: pointer; outline: 0 none; text-decoration: none; } .filter-label:hover { color: #ffffff; outline: 0 none; text-decoration: none; } .filter-label-selected { margin-left: 12px; margin-right: 2px; } @keyframes rotateIn { 0% { opacity: 1; transform: none; transform-origin: center center 0; } 100% { opacity: 1; transform: rotate3d(0, 0, 1, 180deg); transform-origin: center center 0; } } .rotateIn { animation-name: rotateIn; } /* .custom-blog-list [class^="icon-"]::before, .custom-blog-list [class*=" icon-"]::before { display: inline-block; font-family: "bitblog"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1em; margin-left: 0.2em; margin-right: 0.2em; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; }*/ .blog-top-post .icon-dropdown { font-size: 14px; } .utility-menu .icon-rss, .utility-menu .icon-email, .utility-menu .icon-search { margin-right: 5px; } .blog-top-pane .icon-dropdown, .blog-top-pane .icon-rss, .blog-top-pane .icon-email, .blog-top-pane .icon-search, .blog-top-pane .icon-filter { color: #BEC5C9; } .filter-label.filter-label-open .icon-dropdown:before { animation: 0.2s linear normal both 1 running rotateIn; } .body-container .blog-top-post .widget-module ul { background-color: #ffffff; border-bottom: 3px solid #cccccc; display: none; list-style: outside none none; padding: 0; margin: 0 0 0 -10px; position: absolute; top: 48px; width: 258px; z-index: 10000; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); } .body-container .blog-top-post .widget-module ul li { border-bottom: 1px solid #f0f0f0; margin: 0; padding: 0; } .body-container .blog-top-post .widget-module ul li a { display: block; font-size: 15px; padding: 5px 0 5px 20px; text-align: left; text-decoration: none; width: 100%; } .blog-top-post .filter-link-count { display: none; } .filter-expand-link{ display:none; } .body-container .blog-top-post .widget-module ul.dropdown-open { display: block; } .blog-top-right { position: relative; } .blog-top-right-row1 {} .custom-blog .blog-top-right-row1 { padding-top: 3px; } .body-container .utility-menu { float: right; list-style: outside none none; margin: 0; padding: 0; } .utility-menu li { display: inline-block; float: left; margin: 0; padding: 0; } .utility-menu a { margin-right: 15px; } .utility-menu li:last-child a { margin-right: 0; } .blog-top-google { min-height: 0px !important; } .search-container { position: relative; width: 71px; } .search-open .blog-top-google form, .blog-top-right.search-open .search-container{ width: 300px; } .blog-top-google form, .blog-top-right .search-container { -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; -ms-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } .search-open .blog-top-google form { visibility: visible; } .search-open .blog-top-google form { visibility: visible; } .blog-top-google form { position: absolute; right: 0; top: 3px; width: 78px; visibility: hidden; } body .blog-top-google input[type="text"]{ display: inline-block; font-size: 13px; height: 40px; padding: 0 10px; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; line-height: 2; vertical-align: middle; width: 100%; color: #1B1E20; margin: 0; max-width: 100%; -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } body .blog-top-google input[type="text"]:focus { background: #fcfcf1 none repeat scroll 0 0; border-color: #cccccc; outline: 0 none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .blog-top-google .hs-form ::-webkit-input-placeholder{ opacity: 0.2; } .blog-top-google .hs-form ::-ms-input-placeholder{ opacity: 0.2; } .blog-top-google .hs-form ::-moz-input-placeholder{ opacity: 0.2; } .blog-top-google .hs-form ::-o-input-placeholder { opacity: 0.2; } body .blog-top-google .hs-button.primary { border: 0 none; color: #666666; font-size: 12px; padding: 0 10px; position: absolute; right: 6px; top: 9px; z-index: 3; text-decoration: none; background-color: #eeeeee; cursor: pointer; display: inline-block; font-weight: normal; line-height: 2; margin: 0; text-align: center; vertical-align: middle; white-space: nowrap; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } body .blog-top-google .hs-button.primary:hover { background-color: #dadada; border-color: #adadad; color: #333333; text-decoration: none; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } /*--------------------------- Popular Post ------------------------*/ .popular-post-item.featured-post { background-color: #d9d9d9; float: left; margin-top: 2px; padding: 15px 10px 15px 15px; width: 100%; display: flex; flex-wrap: wrap; } .popular-post-item .span9 { border-left: 20px solid #d9d9d9; } .popular-post-wrapper .meta { margin-bottom: 10px; } .featured-post .post-thumb-container { min-height: 292px !important; } /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{ border-width: 0; max-height: 170px; max-width: 210px; height: auto; width: auto; display: inline-block !important; float: right; margin: 20px 0 20px 20px; } /* Read More Link */ .continue-reading-link.more-link { margin: 0; font-size: 16px; } a.more-link {} .continue-reading-link a { display: block; color: #356FD1; padding-top: 10px; text-decoration: none; } .continue-reading-link a:hover { color: #134499; text-decoration: none; } /* ========================================================================== blog.css Index: - Layout - Title for Not hardcoded Topic - Latest Article - Subscription Box - External Articles - Styling for Callout for Hints/Tips - Center image class /* ========================================================================== */ details[open] { padding: 1em; } details { border: 1px solid #dfdfdf; background-color: #fdfdfd; border-radius: 4px; padding: 1em 1em 0.5em 1em; margin-bottom: 20px; } details[open] summary { margin-bottom: .5em; } summary { font-weight: bold; margin: -.5em -.5em; padding: .5em; cursor: pointer; } summary { display: list-item; } /*------------------------------- Layout -------------------------------------*/ .blog-wrapper { display: flex !important; } .blog-wrapper .section-sidebar { width: 330px !important; margin-top: 30px; margin-right: 15px; } .blog-wrapper .row-number-5 { width: 75%; } @media (max-width: 688px) { .blog-wrapper { flex-direction: column; } .blog-wrapper .row-number-5 { width: 100%; } .blog-wrapper .section-sidebar { width: 96% !important; margin-left: 2% !important; } } /*------------------- Title for Not hardcoded Topic ---------------------------*/ /* When selecting a tag on the blog post details that is not part of the topics * harcoded in the listing page, we show this heading. */ .blog-topic { margin-left: 20px; margin-top: 0; margin-bottom: 10px; text-transform: capitalize; } /*--------------------------- Latest Article ---------------------------------*/ @media (min-width: 1018px) { .blog-wrapper .section-blog .blog-posts-grid-item:first-of-type { width: 97%; } .blog-wrapper .section-blog .blog-posts-grid-item:first-of-type .card { flex-direction: row; border-top: 5px solid #009F62; } .blog-wrapper .section-blog .blog-posts-grid-item:first-of-type .card-image { min-width: 60%; height: 390px; margin-bottom: 10px; } .blog-wrapper .section-blog .blog-posts-grid-item:first-of-type .card-content { max-width: 40%; } .blog-wrapper .section-blog .blog-posts-grid-item:first-of-type .card-image img { height: 107%; width: unset; max-width: unset; } .blog-wrapper .section-blog .blog-posts-grid-item:first-of-type .card-title { font-size: 32px; font-weight: 300; margin-bottom: 20px; } } /*--------------------------- Subscribtion Box -------------------------------*/ .blog-wrapper .blog-subscription { border-top: 5px solid #E57C38; } .blog-wrapper .blog-subscription h3 { margin-top: 0; font-size: 22px; font-weight: bold; } .blog-wrapper .blog-subscription p { font-size: 14px; line-height: 1.3; } body .body-container .blog-wrapper .blog-subscription .hs-form-field { margin-bottom: 20px !important; } body .body-container .blog-wrapper .blog-subscription input[type="email"] { font-size: 14px; } body .body-container .blog-wrapper .blog-subscription .hs-form-field > label { font-size: 14px; margin-top: 10px; } body .body-container .blog-wrapper .blog-subscription .hs-button { margin-top: 0; font-size: 14px; padding: 2px 12px; } .blog-wrapper .blog-subscription .card-footer a { text-decoration: none; } /*--------------------------- External Articles -------------------------------*/ .blog-wrapper .section-sidebar .media-external-group { margin-top: 20px; padding: 0; } .blog-wrapper .section-sidebar .media-external-group a { margin-bottom: 20px; } .blog-wrapper .section-sidebar .media-external { display: block; } /*--------------------------- Callout for Hints/Tips -------------------------------*/ .blog-detail-highlight { background: rgba(255, 188, 0, 0.1); font-style: italic; padding: 10px 20px; margin-bottom: 60px; box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5); } /*--------------------------- Center images in Blog -------------------------------*/ img.center { display: block; margin-left: auto; margin-right: auto; } /* This responsive framework is required for all styles. */ /* Responsive Grid */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } } /*--------------------------- Modules ------------------------*/ /* Images */ img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } img.alignRight{ margin: 0 0 5px 15px; } img.alignLeft{ margin: 0 15px 5px 0; } /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } /* Blog Social Sharing */ .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{ vertical-align: top !important; /* Aligns Facebook icon with other social media icons */ } /* Captcha */ #recaptcha_response_field { width: auto !important; display: inline-block !important; } /* Videos */ video { max-width: 100%; height: auto; } /* Date Picker */ #calroot { width: 202px !important; line-height: normal; } #calroot, #calroot *, #calroot *:before, #calroot *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #calroot select { min-height: 0 !important; padding: 1px 2px !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: normal !important; } #caldays { margin-bottom: 4px; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: 0; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 56.25%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, 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"] select { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* System Template Forms */ #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } #hs-pwd-widget-password { height: auto !important; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } /* Horizontal Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; } /* Vertical Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } @media (max-width: 630px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper { visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* Fix for CTA border box issue */ .hs-cta-wrapper a { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0 5% 0 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } @media all and (max-width: 400px) { /* beat recaptcha into being responsive, !importants and specificity are necessary */ #captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: auto !important; overflow: hidden; } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; } #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; } } /* These includes are optional, but helpful. */ /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /* Custom Modules */ /* ========================================================================== custom-module-media-external.css This stylesheet styles the custom module `Media External` Index: 1. Media External Group 2. Media External (Card) /* ========================================================================== */ /*--------------------------- Media External Group ------------------------*/ .media-external-group { padding: 20px 4% 40px; display: flex!important; flex-wrap: wrap; justify-content: center; align-items: stretch; } .media-external-group .row-fluid, .media-external-group .widget-type-custom_widget, .media-external-group .cell-wrapper.layout-widget-wrapper, .media-external-group .media-external, .media-external-group a { height: 100%; } /* Defines the width of the media panel*/ .media-external-group .row-fluid-wrapper { width: 25%; padding: 1%; } @media only screen and (max-width: 1260px) { .media-external-group .row-fluid-wrapper { width: 50%; margin-bottom: 20px; } } @media only screen and (max-width: 768px) { .media-external-group .row-fluid-wrapper { width: 80%; } } .media-external-group a { color: inherit; text-decoration: none; } .media-external-group a:hover .media-external { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } .media-external-group a:hover h5 { color: #356FD1; } /*--------------------------- Media External (Card) ---------------------------*/ .media-external { padding: 20px; background: white; border-bottom: 2px solid #cccccc; display: flex; flex-direction: column; } .media-external-image { height: 80px; border-bottom: 1px solid #dddddd; display: flex; align-items: center; justify-content: center; padding-bottom: 20px; } .media-external-content { flex: 1 1 auto; } .media-external-content h5 { line-height: 1.3; text-transform: capitalize; } .media-external-summary { font-size: 14px; line-height: 1.5; margin-bottom: 10px; color: #666666; } .media-external-summary p { margin-bottom: 0!important; } .media-external-type-description { font-size: 14px; color: #666666; margin-left: 10px; } .media-external-type { display: flex; align-items: center; } /* ========================================================================== custom-module-media-cta.css This stylesheet styles the custom module `Custom + Image + CTA` /* ========================================================================== */ .custom-image-cta { display: flex; justify-content: space-evenly; padding-top: 60px!important; padding-bottom: 40px!important; } .custom-image-cta h2 { text-align: left!important; margin-bottom: 26px!important; } .custom-image-cta img { width: 262px; height: 262px; } .custom-image-cta--img-right { order: 1; } .custom-image-cta--img-left { order: -1; } .custom-image-cta-text { max-width: 500px; } .custom-image-cta-text p { line-height: 1.5; margin-bottom: 35px!important; } .custom-image-cta ul { margin-bottom: 20px; font-size: 18px; } @media only screen and (max-width: 969px) { .custom-image-cta { flex-direction: column; align-items: center; padding: 0 7%; } .custom-image-cta img { order: -1!important; } } /* ========================================================================== custom-module-image-hero.css This stylesheet styles the custom modules: Custom + Image + Hero, and Custom + Image + Hero - Large /* ========================================================================== */ .custom-image-hero { display: flex; justify-content: space-evenly; margin-top: 40px; margin-bottom: 40px; } .custom-image-hero.border { padding: 40px; } .custom-image-hero h3 { margin-top: 0; } .custom-image-hero img { width: 50%; height: 50%; } .custom-image-hero--img-right { order: 1; margin-left: 50px; } .custom-image-hero--img-left { order: -1; margin-right: 50px; } .custom-image-hero img.custom-image-hero--img-bottom { order: 1 !important; width: 100%; height: auto; margin-left: 0; margin-top: 20px; } .custom-image-hero-text { max-width: 500px; } .custom-image-hero-text p { line-height: 1.5; } .custom-image-hero-content { margin-bottom: 35px; position: relative; line-height: 1.5; } .custom-image-hero ul { margin-bottom: 20px; font-size: 18px; } @media only screen and (max-width: 969px) { .custom-image-hero { flex-direction: column; align-items: center; } .custom-image-hero--img-right, .custom-image-hero--img-left { margin-left: 0; margin-right: 0; margin-bottom: 30px; } .custom-image-hero img { order: 1!important; height: auto; width: 100%; } } /*------------------------ Large Version --------------------------*/ .custom-image-hero--large { padding: 6%; } .custom-image-hero--large h2 { font-size: 43px; margin-top: 0; } .custom-image-hero--large h3 { font-size: 24px; } @media (max-width: 480px) { .custom-image-hero--large h2 { font-size: 36px; } } /*------------------------ Content Layout --------------------------*/ .custom-image-hero--column { flex-direction: column; align-items: center; text-align: center; } .custom-image-hero--column .custom-image-hero-text { max-width: 800px; } .custom-image-hero--column .custom-image-hero img { margin: 0 !important; } /*------------------------ Smooth Scroll--------------------------*/ .custom-image-hero .scroll-anchor { /*The point to where the page scrolls to us off set to account for the page header*/ position: absolute; top: -200px; } /* ========================================================================== custom-module-hero-banner.css This stylesheet styles the custom module `Custom Hero Banner` /* ========================================================================== */ .custom-hero-banner { background-position: 0 0; background-repeat: no-repeat; background-size: cover; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); align-items: center; text-align: center; display: flex; position: relative; width: 100%; min-height: 200px; } .custom-hero-banner-opacity { width: 100%; height: 100%; } .custom-hero-banner-opacity { position: absolute; top: 0; } .custom-hero-banner-content { z-index: 1; } .custom-hero-banner h1 { font-weight: 300; margin: 0; color: #ffffff; } .custom-hero-banner p { margin-bottom: 0!important; line-height: 1.5; } /* ========================================================================== GlOBAL MODULE - WORK TOGETHER This stylesheet styles the custom module `Work Together` Created on 09/19/17 /* ========================================================================== */ .work-together { display: flex; justify-content: space-evenly; align-items: center; } .work-together-text { width: 48%; } .work-together-title { font-size: 46px; font-weight: 300; color: #ffffff; } .work-together-image { width: 52%; display: flex; flex-wrap: wrap; align-items: center; height: 200px; justify-content: center; } .work-together-image img { width: 120px; height: 70px; margin: 0 4%; justify-content: space-evenly; opacity: 0.7; } @media ( max-width: 768px ) { .work-together { flex-direction: column; text-align: center; } .work-together-text, .work-together-image { width: 100%; } } /* Utilities */ /* ========================================================================== utilities.css /* ========================================================================== */ .padding-small { padding: 20px!important; } .padding-medium { padding: 40px!important; } .padding-large { padding: 80px!important; } .padding-top-medium { padding-top: 40px!important; } .padding-bottom-medium { padding-bottom: 40px!important; } .padding-top-large { padding-top: 80px!important; } .padding-bottom-large { padding-bottom: 80px!important; } .no-padding-bottom { padding-bottom: 0!important; } .no-padding-top { padding-top: 0!important; } .margin-top-medium { margin-top: 40px!important; } .margin-top-large { margin-top: 80px!important; } .margin-bottom-small { margin-bottom: 20px!important; } .margin-bottom-medium { margin-bottom: 40px!important; } .margin-bottom-large { margin-bottom: 80px!important; } .no-margin-bottom { margin-bottom: 0!important; } .no-margin-top { margin-top: 0!important; } .no-margin-left { margin-left: 0!important; } @media ( min-width: 1441px ) { .wide-screen-wrapper { max-width: 1440px; margin-right: auto; margin-left: auto !important; float: none !important; } } /* Overwrites for Hubspot Forms */ /* ========================================================================== HUBSPOT DATE PICKER CUSTOMIZATIONS Overwrites the default styles for hubspots date picker used in forms /* ==========================================================================*/ .is-selected .pika-button { background: #CB3036!important; box-shadow: none!important; } body .pika-button:hover { background: #356FD1!important; box-shadow: none!important; } .is-today .pika-button { color: #CB3036!important; } .pika-table abbr { text-decoration-color: transparent; } /*--------------------------- Base ------------------------*/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; margin: 0; padding: 0; } /* Website background color and default font styles */ body { background: #ffffff; color: #3E4548; font-family: Lato, Arial, sans-serif; font-size: 18px; line-height: 2; } /* text { color: #3E4548; font-family: Lato, Arial, sans-serif; font-size: 18px; line-height: 2; }*/ .container-fluid .row-fluid .page-center, .row-fluid-wrapper .row-fluid .page-center { float: none; max-width: 970px; margin: 0 auto; } a { color: #356FD1; text-decoration:underline; } a:hover, a:focus { color: #134499; text-decoration:none; } hr { color: #BEC5C9; background-color: #BEC5C9; height: 1px; border: none; } /* Highlighted Text */ ::-moz-selection { color: #ffffff; background: #3399FF; text-shadow: none; -webkit-text-shadow: none; -o-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; } ::selection { color: #ffffff; background:#3399FF; text-shadow: none; -webkit-text-shadow: none; -o-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img {     max-width: initial; } table { width: 100%; border-collapse: collapse; font-family: Lato, Arial, sans-serif; margin-bottom: 40px; } table td { border: 1px solid #BEC5C9; padding: 5px; vertical-align: top; } /*--------------------------- Typography ------------------------*/ small { font-size: 65%; } code { background: #F2F2F2; font-family: monospace, serif; font-size: 15px; padding: 2px 8px; } pre code { padding: 0px; } sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: Lato, Arial, sans-serif; line-height: 1.1; color: #1B1E20; } h1, h2, h3 { font-weight: 300; margin-bottom: 18px; margin-top: 36px; } h4, h5, h6 { margin-bottom: 18px; margin-top: 18px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-size: 46px; } h2 { font-size: 38px; } h3 { font-size: 31px; } h4 { font-size: 23px; } h5 { font-size: 18px; } h6 { font-size: 16px; } .custom-blog .post-body, .custom-blog .related-post-item .related-summary { font-family: Martel, Georgia, serif; font-size: 16px; line-height: 1.8; } .custom-blog .post-body h3, .custom-blog .related-post-item .related-summary h3 { font-size: 32px; } .custom-blog .post-body h4, .custom-blog .related-post-item .related-summary h4 { font-size: 26px; font-weight: 300; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} .body-container ul { margin: 0 0 18px; padding: 0 0 0 40px; } .body-container ol { margin: 0 0 18px; } ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } ul.circle-bullets { list-style: none; padding: 0; margin: 0 0 0 20px; } ul.circle-bullets li { position: relative; padding-left: 10px; line-height: 1.5em; padding-bottom: 10px; } ul.circle-bullets li::before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 20px; border: 2px solid #CB3036; background-color: transparent; left: -9px; top: 9px; } ul.check-bullets { list-style: none; padding: 0; margin: 0 0 0 20px; } ul.check-bullets li { position: relative; padding-left: 14px; line-height: 1.5em; padding-bottom: 10px; margin-right: 10px; } ul.check-bullets li::before { font-family: 'bitoviweb' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e919"; position: absolute; color: #009F62; left: -10px; top: 5px; } /* Quotes */ blockquote { padding: 18px 36px; margin: 0 0 36px; border-left: 5px solid #fbfbfb; } blockquote p { font-weight: 300; line-height: 1.25; } blockquote small {} blockquote small:before {} q:before, q:after, blockquote:before, blockquote:after {} .note { font-size: 14px; } /* Helpers */ .text-center { text-align: center; } /* ========================================================================== 2. COS STRUCTURE ========================================================================== */ /*--------------------------- Structure ------------------------*/ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper { } /* The inner wrappers of your website */ .header-container, .body-container, .footer-container {} /*--------------------------- Header ------------------------*/ .header-container-wrapper {} .header-container {} .landing-page .custom-header-container { min-height: 55px !important; } .custom-logo { // padding: 4px 0; } .custom-logo a { display: block; background: url(//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/bitovi-logo.png) 15px 7px no-repeat; text-indent: -9999px; width: 138px; height: 54px; margin-right: 25px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (-webkit-device-pixel-ratio: 1.5) { .custom-logo a { background-image: url(//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/bitovi-logo-x2.png); background-size: 108px 33px; } } /*--------------------------- Content ------------------------*/ .body-container-wrapper {} .body-container {} .body-container p { margin:0 0 18px; } .body-container { padding-top: 55px; } .body-container .page-center { padding: 40px 15px; } .custom-error-page { background: #333333 url("//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/error-broken-egg.jpg") repeat scroll 0 0; text-align: center; } .custom-error-page h1 { color: #ffffff; font-size: 55px; font-weight: 300; line-height: 55px; margin: 0; } .custom-error-page h2 { color: #ffffff; font-size: 18px; font-weight: 300; line-height: 36px; margin: 0; } .custom-error-page h1, .custom-error-page h2 { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } .border { border: 1px solid #cccccc; } .border-top { border-top: 1px solid #cccccc; } .border-bottom { border-bottom: 1px solid #cccccc; } /*--------------------------- Background Accent ------------------------*/ .background-accent { background-color: #F2F2F2; } .background-accent-dark { background-color: #3E4548; color: #ffffff; } .background-accent-dark h1, .background-accent-dark h2, .background-accent-dark h3, .background-accent-dark h4, .background-accent-dark h5 { color: #ffffff; } .background-accent-dark label { color: #BEC5C9!important; } .background-accent-dark .note { color: #BEC5C9 } .background-accent-dark ul.circle-bullets li::before { border-color: #BEC5C9; } .background-accent-dark a { color: #9AB7E8; } .background-accent-brand { background-color: #CB3036; color: #ffffff; } .background-accent-brand h1, .background-accent-brand h2, .background-accent-brand h3 { color: #ffffff; } .custom-services-page .background-accent-brand h2 { text-align: center; } .custom-services-page .background-accent-brand .hs_cos_wrapper_type_text { color: #ffffff; text-align: center; max-width: 700px; margin: 0 auto; line-height: 1.5; padding: 0 20px; } /*--------------------------- Featured Box ------------------------*/ .featured-box { padding-top: 20px!important; padding-bottom: 40px!important; } .featured-box h2, .featured-box h3, .featured-box h4 { font-weight: 300; text-align: center; margin-bottom: 0; } .featured-box .intro { text-align: center; line-height: 1.5em; margin: 10px; } .featured-box .subheader { color: #666666; font-weight: 300; font-size: 24px; margin-top: 40px; } @media only screen and (max-width: 480px) { .featured-box h2 { font-size: 34px; } } /*--------------------------- Heading Line ------------------------*/ .heading-line h4 { overflow: hidden; text-align: center; } .heading-line h4::before, .heading-line h4::after { background-color: #ccc; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .heading-line h4:before { right: 0.5em; margin-left: -50%; } .heading-line h4:after { left: 0.5em; margin-right: -50%; } /*--------------------------- Image Circle ------------------------*/ .img-circle { border-radius: 50%; } .img-thickborder { border: 10px solid #ddd; } /*--------------------------- Image Row ----------------------------*/ .img-row { display: flex; align-items: center; justify-content: space-around; } .img-row--three img { width: 34%; overflow-x: hidden; } @media ( max-width: 768px ) { .img-row { flex-direction: column; } .img-row--three img { width: 100%; } } /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /*--------------------------- Custom Menu Primary ------------------------*/ /* Set ul background color */ /* Set li background Color */ /* Set link Color */ /* Set link Hover Color */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ background:transparent; list-style: none; /* Removed margin: 0 0 0 -13px; to fix overlap by adding 'Academy' link to nav */ padding: 0; display: block; } .custom-menu-primary .hs-menu-wrapper > ul > li{ background:transparent; display: inline-block; margin: 0; padding: 0; } @media(min-width: 721px) { .custom-menu-primary .hs-menu-wrapper>ul>li.active-branch>a { border-bottom: 4px solid #CB3036; color: #1B1E20; } } @media(min-width: 970px) { .abt-active.abt-link-active > a, .custom-blog .blog-active > a { position: relative; } .abt-active.abt-link-active>a::after, .custom-blog .blog-active > a::after { border-bottom: 4px solid #CB3036; color: #1B1E20; content: ""; width: 43px; display: block; bottom: -4px; left: 0; height: auto; position: absolute; } .custom-blog .blog-active > a::after { width: 34px; } } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color:#3E4548; font-size: 12px; line-height: 27px; padding: 0px 5px; margin-right: 12px; margin-top: 14px; margin-bottom: 10px; text-transform: uppercase; text-decoration: none; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; transition: color 0.2s ease; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:#1B1E20; } /* Added media query to remove link padding to fix overlap by adding 'Academy' link to nav */ @media (min-width: 721px) and (max-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li > a{ padding: 0; } } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{} .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:transparent; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:#3E4548; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color:#1B1E20; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:721px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; } } /*--------------------------- Mobile Menu ------------------------*/ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .mobile-trigger, .child-trigger{ display: none; /* Hide button on Desktop */ } @media (max-width: 720px){ /*--------------------------- Variables ------------------------*/ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#ffffff; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } /*--------------------------- Toggle Button ------------------------*/ .mobile-trigger { display: block !important; cursor: pointer; position: absolute; top: 0; right: 0px; width: auto; height: auto; padding: 0; background: transparent; border: none; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; min-width: 95px; height: auto; } .mobile-trigger:hover{ text-decoration: none; color: #fff; background-color: transparent; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger { color: #fff; background-color: transparent; border-color: transparent; } /*--------------------------- Child Toggle Button ------------------------*/ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color: #fff; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } /*--------------------------- Menu Styles on Mobile Devices ------------------------*/ .custom-menu-primary.js-enabled{ position: relative; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* body:not(.mobile-open) .custom-menu-primary .hs-menu-wrapper { */ .custom-menu-primary.loading .hs-menu-wrapper { height: 0px; /* hide the menu while the page is loading */ overflow: hidden; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: absolute; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; height: auto; } .custom-menu-primary .hs-menu-wrapper { background-color: transparent; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 15px; /* Font size of top level list items */ line-height: 2; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li.active-branch > a, .custom-menu-primary .hs-menu-wrapper > ul li.active-branch > a:hover { background: #CB3036; border: 0; } .custom-menu-primary .hs-menu-wrapper > ul li:last-child { border-top: 1px solid #606B70; } .custom-menu-primary .hs-menu-wrapper > ul li a{ text-decoration: none; font-size: 15px; line-height: 2; position: relative; display: block; background: #3E4548; padding: 5px 15px; text-transform: uppercase; outline: none; color:#ffffff; /* link color set by global mobile-aColor variable */ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#ffffff; /* link hover color set by global mobile-aColorHover variable */ background: #7D8C93; text-decoration: none; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; } } @media only screen and (min-width: 969px) and (max-width: 866px) { ul.tablet-toggle-menu { display: none; position: absolute; right: 10px; top: 56px; width: 200px; } .custom-header-container.toggle-active ul { display: block; } ul.tablet-toggle-menu li a { text-decoration: none; font-size: 15px; position: relative; display: block; background: #3E4548; color: #ffffff; margin:0; line-height: 2; padding: 5px 15px; text-decoration: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } ul.tablet-toggle-menu li a:hover { text-decoration: none; background: #cccccc; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; } ul.tablet-toggle-menu li { display: block; float: none; } ul.tablet-toggle-menu li:last-child { display: none; } .tablet-contact{ display: inline-block !important float: right; padding: 0 15px !important; margin-right: 70px !important; } } /* ========================================================================== 4. TEMPLATE MODULE SELECTORS ========================================================================== */ /*--------------------------- Common Template Selectors ------------------------*/ body.one-column {} body.two-column {} body.three-column {} .content-wrapper {} .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} /* Common One Column Selectors */ body.site-page.one-column, body.landing-page.one-column, body.error-template.one-column, body.password-template.one-column, body.subscription-template.one-column {} body.site-page.one-column .main-content, body.landing-page.one-column .main-content, body.error-template .main-content, body.password-template .main-content, body.subscription-template .main-content {} /* Common Two Column Selectors */ body.site-page.two-column, body.landing-page.two-column, body.blog {} body.site-page.two-column .main-content, body.landing-page.two-column .main-content, body.blog .blog-content {} /* Common Three Column Selectors */ body.site-page.three-column, body.landing-page.three-column {} body.site-page.three-column .main-content, body.landing-page.three-column .main-content {} /*--------------------------- Site Pages ------------------------*/ /* One Column Template */ body.site-page.one-column {} body.site-page.one-column .content-wrapper {} body.site-page.one-column .main-content {} /* Two Column Template */ body.site-page.two-column {} body.site-page.two-column .content-wrapper {} body.site-page.two-column .main-content {} body.site-page.two-column .sidebar.right {} /* Three Column Template */ body.site-page.three-column {} body.site-page.three-column .content-wrapper {} body.site-page.three-column .main-content {} /*--------------------------- Landing Pages ------------------------*/ /* One Column Template */ body.landing-page.one-column {} body.landing-page.one-column .content-wrapper {} body.landing-page.one-column .main-content {} /* Two Column Template */ body.landing-page.two-column {} body.landing-page.two-column .content-wrapper {} body.landing-page.two-column .main-content {} body.landing-page.two-column .sidebar.right {} /* Three Column Template */ body.landing-page.three-column {} body.landing-page.three-column .content-wrapper {} body.landing-page.three-column .main-content {} /*--------------------------- System Pages ------------------------*/ /* Error Templates 404, 500 */ body.error-template.one-column {} body.error-template.one-column .content-wrapper {} body.error-template.one-column .main-content {} /* Password template */ body.password-template.one-column {} body.password-template.one-column .content-wrapper {} body.password-template.one-column .main-content {} /* Email Subscription templates */ body.subscription-template.one-column {} body.subscription-template.one-column .content-wrapper {} body.subscription-template.one-column .main-content {} /* ========================================================================== 5. COS COMPONENTS ========================================================================== */ /*--------------------------- Blog ------------------------*/ /* Blog Post and Listing Body Class */ body.blog {} /* Blog Post */ body.hs-blog-post {} .hs-blog-post-wrapper { background-color: #fbfbfb; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #1B1E20; float: left; min-height: 125px; width: 100%; } .body-container .hs-blog-post-wrapper .page-center { padding: 0px; } .hs-blog-post-wrapper h1 { font-weight: 300; color: #ffffff; text-align: center; } .hs-blog-post-wrapper.no-image h1 { color: #1B1E20; } .blog-secondary { height: 150px; } .blog-secondary h1{ margin-top: 20px; } .post-profile-wrapper { margin: 0 auto; padding: 0 10px; width: 66.66%; } .post-profile-wrapper h4 { color: #ffffff; font-size: 18px; font-weight: normal; margin: 36px 0 -6px 75px; padding-left: 10px; } .blog-secondary .post-profile-wrapper h4{ margin-top: 16px; } .post-profile-wrapper h4 img { float: left; margin-bottom: 40px; margin-left: -75px; margin-right: 5px; max-width: 85px; padding-right: 10px; border-radius: 50%; } .blog-secondary .post-profile-wrapper h4 img{ margin-top: -20px; } .post-profile-wrapper h4 .lead, .post-profile-wrapper h4 .lead a { font-size: 16px; font-weight: 400; line-height: 1.4; margin-bottom: 36px; color: #ffffff; } .hs-blog-post-wrapper.no-image .post-profile-wrapper h4 .lead { color: #3E4548; } .hs-blog-post-wrapper h5 { color: #d9d9d9; font-size: 16px; font-weight: normal; text-align: left; margin-bottom: 30px; margin-top: 18px; line-height: 1.1; } .hs-blog-post-wrapper p.meta, .hs-blog-post-wrapper p.meta a { color: #ffffff; font-size: 15px; font-weight: normal; text-align: left; line-height: 1.1; } .hs-blog-post-wrapper.no-image p.meta, .hs-blog-post-wrapper.no-image p.meta a { color: #7D8C93; } .hs-blog-post-wrapper h5 .meta a { text-decoration: underline; } .hs-blog-post-wrapper h5 .meta a:hover { text-decoration: none; } .hs-blog-post-wrapper h5 .meta .category .topic-link { margin-left: 3px; } .post-social-wrapper { float: left; /*margin-top: 15px;*/ width: 100%; } .body-container .post-social-wrapper .page-center { padding-top: 0; padding-bottom: 0; } .blog-section .post-body a, .in-this-series a { text-decoration: none; } .caption p, p.caption { color: #707070; color: rgba(51, 51, 51, 0.7); font-size: 14px; line-height: 15px; padding: 0.5em 0; font-style: italic; text-align: center; margin-top: 0px; background-color: transparent; } .post-social-icon. { text-align: center; margin-left: -10px; } .post-social-wrapper .hs-blog-social-share { border-bottom: none; border-top: none; height: auto; padding: 0; } .post-social-wrapper .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { display: inline-block; float: none; margin-right: 5px; vertical-align: top; } li.hs-blog-social-share-item.hs-blog-social-share-item-facebook { margin-top: 5px; } .custom-post-container { float: none !important; margin: 0 auto !important; padding: 0 15px; width: 77% !important; } .related-post-wrapper { margin: 0 auto !important; padding: 0 15px; width: 77% !important; float: none !important; } .related-post-item:first-child { margin-top: 1.5rem; } .related-post-item { padding-bottom: 1.5rem; margin: 0 0 1.5rem 0; border-bottom: 1px solid #eee; } .related-post-item:last-child { border-bottom: 0; } .related-title a { font-size: 24px; margin: 0 0 10px; display: block; line-height: 1.1; color: #356FD1; text-decoration: none; } .related-title a:hover { color: #134499; text-decoration: none; } .related-summary p { font-size: 18px; color: #333333; } .related-summary img { float: left; height: 45px; margin-right: 10px; width: 45px; border-radius: 50%; margin-bottom: 5px; } .related-post-wrapper .meta { font-family: Lato, Arial, sans-serif; margin-bottom: 10px; } /* makes blog images and youtube embeds wider than normal to simulate the 'case studies' look, issue @289 */ .wide-image { max-width: 135% !important; margin-left: -17.5%; margin-right: -17.5%; width: 135% !important; height: auto !important; } @media only screen and (max-width: 864px) { .wide-image { max-width: 100% !important; margin-left: 0%; margin-right: 0%; width: 100% !important; height: auto !important; } } /*------------------------------- Post Header Fixed ----------------------------*/ .hs-blog-post-wrapper.simple-header{ min-height: 60px; } .simple-header { background: #e5e5e5; } .simple-header.author-share { background: #FFFFFF; padding-top: 25px; } .simple-header h1 { color: #333333; margin: 10px 0; } .simple-header .post-profile-wrapper{ padding-left: 90px; text-align: left; } .simple-header p.meta{ padding-top: 21px; } .post-header-small.show { top: 0; display: block !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .post-header-small { background-color: #e5e5e5; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #1B1E20; width: 100%; height: 54px; position: fixed; z-index: 9999999; line-height: 54px; top: -54px; left: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .post-header-small .page-center { padding: 0; } .post-header-small .back, .post-header-small .author { font-size: 15px; } .post-header-small .hs-blog-social-share { padding: 0; border-top: 0px solid #cccccc; border-bottom: 0px solid #cccccc; height: auto; } .post-header-small .back-link { padding-left: 10px; } .post-header-small .back a { text-decoration: underline; color: #ffffff; } .post-header-small .back a:hover { text-decoration: none; color: #ffffff; } .post-header-small.no-image a, .post-header-small.no-image a:hover { color: #1B1E20; } .post-header-small .title { padding-right: 15px; } .post-header-small .title h4 { font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 17px; font-size: 18px; color: #ffffff; } .post-header-small.no-image .title h4 { color: #1B1E20 !important; } .post-header p.meta { color: #7D8C93!important; margin-bottom: 15px; } .share-icons-simple { padding: 8px 15px 0; text-align: center; } @media only screen and (max-width: 1100px) { .hs-blog-social-share { display: none; } .row-fluid .span4 { width: 60%; } } .share-icons-simple.span4 li.hs-blog-social-share-item.hs-blog-social-share-item-facebook { margin-top: 14px; } .share-icons-simple.span4 li.hs-blog-social-share-item.hs-blog-social-share-item-facebook .fb_iframe_widget { height: 20px; } .post-header-small .author { text-align: right; padding-right: 25px; } .post-header-small .author { text-align: right; font-size: 15px; line-height: 2; padding-top: 12px; padding-right: 10px; } .post-header-small .author img { margin-top: -4px; vertical-align: middle; max-width: 35px; border-radius: 50%; } .post-header-small .author span { font-size: 85%; color: #ffffff; } /*--------------------------- Blog Content Column ------------------------*/ .blog .blog-content {} /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header h1 {} .hs-blog-header h1 a{} /* Blog Post Title */ .post-header h2 {} .post-header h2 a {} /* Blog Author and Avatar */ #hubspot-author_data {} #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar {} #hubspot-author_data .hs-author-avatar img {} /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /** * Blog Social Sharing icons * * Overrides defaults to better align icons and prevent overlapping */ .hs-blog-social-share { padding: 10px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto; } /** * Blog Comments * * Custom styles are listed below, as the COS does not provide default styles. */ #comments-listing { border-bottom: 1px solid #cccccc; margin-bottom: 30px; margin-top: 30px; } #comments-listing.no-comments { border-bottom: none; margin-bottom: 0; margin-top: 0; } #comments-listing .comment { margin: 10px 0; border-top: 1px solid #cccccc; padding: 15px 0; } #comments-listing .comment-date { font-size: 13px; text-align: right; } #comments-listing .comment-from { font-weight: bold; } #comments-listing .comment-body { padding: 0; } /* Pagination */ .blog-pagination { clear: both; float: left; margin: 50px 0; text-align: center; width: 100%; } .blog-pagination a { text-decoration: underline; color: #356FD1; font-size: 18px; line-height: 2; } .blog-pagination a:hover{ color: #134499; text-decoration: none; } .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} .blog-pagination a { width: 24.066667%; display: inline-block; padding: 0 15px; text-align: center; } .blog-pagination a.next-posts-link {} .blog-pagination a.previous-posts-link {} /** * Blog Author Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ .hs-author-profile {} .hs-author-profile h2.hs-author-name {} .hs-author-profile .hs-author-bio {} .hs-author-profile .hs-author-avatar {} .hs-author-profile .hs-author-avatar img {} h3.hs-author-listing-header {} /** * Blog All Posts Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ body.hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} /*--------------------------- Blog Sidebar ------------------------*/ .blog .blog-sidebar {} /* Blog Modules */ .blog .blog-sidebar .widget-span {} /*--------------------------- Forms ------------------------*/ body .hs-form-field { margin-bottom: 30px; } body .hs-form-field > label { display: block; font-weight: bold; color: #1B1E20; font-size: 18px; line-height: 1.5; margin-bottom: 5px; } /* One Line Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { width: 100%; font-family: Lato, Arial, sans-serif; font-size: 18px; display: block; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; color: #1B1E20; line-height: 2; padding: 6px 12px; vertical-align: middle; margin: 0 0 15px; -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus { background: #fcfcf1; border-color: #cccccc; outline: 0 none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } body input[type="checkbox"] { margin-right: 10px; } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } /* Help Text */ legend.hs-field-desc { color: #666666; font-size: 85%; margin-bottom: 15px; } /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {} body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus {} /*--------------------------- Blog Comment Form ------------------------*/ #comment-form { padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 15px; } #comment-form .hs_submit .hs-button { display: block; margin: 0 auto; margin-top: 25px; } #comment-form form.hs-form fieldset[class*="form-columns"] .hs-input{ max-width: none; } #comment-form .hs-form-field>label { font-size: 16px; } #comments-listing .comment-body p { font-size: 16px; margin-bottom: 10px; } #comments-listing .comment-from h4 { margin: 0; font-size: 18px; } #comments-listing .comment-date { font-size: 12px; color: #9E9E9E; } #comments-listing .comment { padding-top: 10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 10px; } #comments-listing { padding-top: 10px; border-bottom: 0; padding-bottom: 10px; margin-top: 0; } #recaptcha_area { margin: 0 auto; } /* the link that expands the comments */ .toggle-comments-container { border-bottom: 1px solid #eee; width: 68.86% !important; margin: 0 auto; } .toggle-comments { display: block; text-align: center; background: #eee; padding: 5px 15px; text-decoration: none; margin: 0 auto; width: 183px; } /* asterisks for required fields */ .hs-form-required, ul.hs-error-msgs { color: #CB3036; margin: 0; } ul.hs-error-msgs { line-height: 15px; font-size: 15px; } /*--------------------------- Multi Column Form ------------------------*/ /* Multiple Selection Inputs */ body form.hs-form fieldset { max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"], body form.hs-form fieldset[class*="form-columns"] .hs-input[type="radio"]{ width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /*--------------------------- Landing Page Form ------------------------*/ .landing-page-form { margin-bottom: 40px; } /* ========================================================================== 6. MISCELLANEOUS ========================================================================== */ /*------------------------------ Full Width With Form -----------------------------*/ .custom-full-with-form {} .custom-full-with-form .body-container { padding-top: 54px; } .custom-full-with-form .body-container .page-center { padding-top:0; padding-bottom: 0; } .custom-full-with-form .custom-right-side-header-menu li a.contact-popup, .custom-full-with-form a.tablet-contact { border: 0; background-color: #57554f; color: #ffffff; box-shadow: inset 1px 1px 2px #000; -webkit-box-shadow: inset 1px 1px 2px #000; -moz-box-shadow: inset 1px 1px 2px #000; -ms-box-shadow: inset 1px 1px 2px #000; -o-box-shadow: inset 1px 1px 2px #000; } .custom-full-form-row1 { padding: 40px 0; } .custom-full-form-row1 h1 { color: #1B1E20; font-size: 56px; font-weight: 300; line-height: 55px; margin: 0; padding: 0; } .custom-full-form-row2 {} .custom-full-form-row2 form { position: relative; } .custom-full-form-row2 h3.form-title { margin: 0; } .custom-full-form-row2 .hs_message { position: absolute; right: 0; top: 0; width: 48.4%; } body .custom-full-form-row2 .hs-input.invalid.error { border-color: #b94a48; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); } body .custom-full-form-row2 form.hs-form .hs-form-field ul.inputs-list { list-style: outside none none; margin: 0; padding: 0; line-height: 1.5; margin-left: 15px; font-size: 90%; } .hs-form-field ul.inputs-list input { margin-right: 10px; } body .custom-full-form-row2 .hs-error-msgs.inputs-list label { background: #CB3036 none repeat scroll 0 0; color: #ffffff; font-size: 12px; margin: 0; padding: 2px 5px; line-height: 2; } body .custom-full-form-row2 textarea { min-height: 266px !important; } body .custom-full-form-row2 .hs-form-required { color: #CB3036; } body .custom-full-form-row2 .actions { text-align: center; margin-top: 20px; } body .custom-full-form-row2 .hs-button.primary, body .custom-full-form-row2 input[type="submit"], body .custom-full-form-row2 input[type="button"] { margin: 0; padding: 5px 30px; } /*----------------------Full Width With Banner --------------------------*/ .custom-full-with-banner {} .custom-full-with-banner .body-container { /*// padding-top: 54px;*/ } .custom-full-with-banner .body-container .page-center { padding-top:0; padding-bottom: 0; } .custom-full-banner-container .page-center { max-width: 808px !important; } .custom-full-banner-row1 {} .custom-banner-wrapper { background-position: 0 0; background-color: #1B1E20; background-repeat: no-repeat; background-size: cover; text-align: center; padding: 40px 15px; float: left; width: 100%; } .custom-banner-wrapper h1,.custom-banner-wrapper p { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } .custom-banner-wrapper h1 { font-size: 56px; line-height: 1; font-weight: 300; margin: 0 0 14px; } .custom-banner-wrapper a:hover { text-decoration: underline; } .banner-img { display: none; } /*------------------------------- About Page -----------------------------*/ .custom-abt-page {} .custom-abt-page .body-container { padding-top: 55px; } .custom-abt-page .body-container .page-center { padding-top:0; padding-bottom:0; } .custom-abt-row1 {} .custom-global-recent-post { margin-bottom: 70px; } .custom-global-recent-post h2.post-title { font-size: 24px; margin: 0 0 10px 0; font-weight: 400; } .custom-global-recent-post h3.topic-article-header { margin-top: 40px; border-bottom: 0; color: #1B1E20; padding-bottom: 20px; text-transform: capitalize; } .custom-global-recent-post .topic-post-item.topic-post { border-bottom: 1px solid #cccccc; float: left; margin-top: 20px; padding: 15px; width: 100%; padding-bottom: 50px; } .custom-global-recent-post .span3.post-thumb-container { background-size: cover; border: 10px solid white; padding-left: 0; vertical-align: top; position: relative; min-height: 274px; padding-right: 15px; width: 25% !important; background-color: #fbfbfb; min-width: 228px; } .custom-global-recent-post .recent-post-featured-img.hs-featured-image { display: none; float: none; margin: 0; max-width: 0; } .custom-global-recent-post .author-avatar { border: .25em solid #ffffff; border-radius: 50%; bottom: -40px; height: 90px; position: absolute; right: -25px; width: 90px; z-index: 9999; } .custom-global-recent-post .topic-post-item .span9 { background: #ffffff none repeat scroll 0 0; line-height: 1.5; margin-left: 0 !important; padding: 20px 30px; width: 74.5% !important; } /*--------------------------- Three Column Equal Module -----------------------------*/ .three-col-module-wrapper { display: flex; flex-wrap: wrap; float: left; width: 100%; } .img-circle { border-radius: 50% 50%; } .body-container .social-links { background-image: none !important; background-position: 0 0; background-repeat: repeat; display: inline; font-family: 'bitoviweb'; font-style: normal; font-weight: normal; height: auto; line-height: normal; margin: 0; padding: 0; text-decoration: inherit; vertical-align: baseline; width: 80px; list-style: none; word-wrap: normal; } .body-container .social-links li { display: inline; } .body-container .social-links a { display: inline-block; font-size: 20px; width: 20px; height: 20px; text-decoration: none; overflow: hidden; } .body-container .social-links .twitter:before { content: "\e905"; } .body-container .social-links .github:before { content: "\e904"; } .body-container .social-links .blog:before { content: "\e909"; } .body-container .social-links a { color: #cccccc; line-height: 20px; } .body-container .social-links a:hover { text-decoration: none; color: #333333; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; transition: color 0.2s ease; } .three-col-module-wrapper .social-links a i { top: -6px; position: relative; -webkit-font-smoothing: antialiased; } .custom-header-container { -webkit-font-smoothing: antialiased; } /*-------------------------- Home Page ---------------------------*/ .custom-home-row1-wrapper { background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(3%, #fcfbfb), color-stop(70%, #fcfbfb), color-stop(70%, #f8f8f8), color-stop(81%, #f2f2f2), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: -o-linear-gradient(top, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: -ms-linear-gradient(top, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); background: linear-gradient(to bottom, #efefef 0%, #fcfbfb 3%, #fcfbfb 70%, #f8f8f8 70%, #f2f2f2 81%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f2f2f2', GradientType=0); color: #1B1E20; } .custom-home-row1-wrapper .page-center {} .span12.widget-span.widget-type-rich_text.custom-home-row1 { max-width: 467px; padding-left: 15px; } .custom-home-row1 h1 { color: #1B1E20; font-size: 56px; font-weight: 300; letter-spacing: -3px; line-height: 1.1; margin: 36px 0 40px -5px; padding-top: 8px; } .custom-home-row1 p { color: #1B1E20; margin: 0 0 40px; } .btn-green { display: inline-block !important; margin-bottom: 30px; padding: 10px 35px; border-radius: 3px; text-decoration: none; font-size: 23px; line-height: 1.33; background-color: #009F62; border: 1px solid #009F62; color: #ffffff !important; cursor: pointer; background-image: none; font-weight: normal; text-align: center; vertical-align: middle; -webkit-font-smoothing: antialiased; white-space: nowrap; } .btn-green:hover { background-color: #00AF69; border-color: #00AF69; color: #ffffff !important; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } a.btn-red, .btn-red { background-color: #CB3036; color: #ffffff; border: none; padding: 5px 30px; -webkit-font-smoothing: antialiased; text-decoration: none; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; font-size: 18px; line-height: 2; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } a.btn-red:hover, .btn-red:hover { color: #ffffff; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; transition: background-color 0.2s ease; background-color: #E13235; } .btn-wire-white { font-size: 21px; display: flex; justify-content: center; color: #333333; letter-spacing: 1px; border: 2px solid #FFFFFF; border-radius: 30px; text-decoration: none; background-color: rgba(255, 255, 255, 0.9); text-shadow: none; transition: all 0.25s ease-in-out; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75), inset 0 0 0 0 rgba(0, 0, 0, 0); } .btn-wire-white:hover { background-color: rgba(255, 255, 255, 0); color: #FFFFFF; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75), inset 0 0 5px 0 rgba(0, 0, 0, 0.75); } .mobile-contact { display: none !important; text-align: center; } .mobile-contact a.btn-green { margin: 0 !important; } .tab-pane { background-color: #f0f0f0 } .nav-tabs { border-bottom: none } .nav-tabs>li>a { border: none; } .nav-tabs>li>a:hover { border-color: none; background: transparent; background-color: none; } .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { background: #f0f0f0; border: none; color: #356FD1; text-shadow: 0 1px 0 rgba(255,255,255,0.5); -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.5); -o-text-shadow: 0 1px 0 rgba(255,255,255,0.5); -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.5); -ms-text-shadow: 0 1px 0 rgba(255,255,255,0.5); } /*------------------------------ Open Source Page ------------------------------------*/ .custom-open-page {} .custom-open-page .body-container { padding-top: 55px; } .custom-open-page .body-container .page-center, .custom-banner-common .body-container .page-center { padding-top: 0; padding-bottom: 0; } .page-center.custom-open-mid-pane { padding: 0; } .custom-banner-common .custom-banner-wrapper { min-height: 300px; } .custom-banner-common .custom-banner-wrapper h1 { font-size: 53px; font-weight: 300; line-height: 55px; margin: 55px 0 0; } .custom-banner-common .custom-banner-wrapper p { color: #ffffff; font-size: 18px; font-weight: 300; line-height: 36px; margin: 0; } .custom-open-row1 { padding: 0 15px; } .custom-open-row2 { background-color: #eeeeee; border-radius: 3px; margin: 40px 0; padding: 0px 25px; text-align: center; } .custom-open-row2 p { color: #1B1E20; font-size: 20px; line-height: 1; margin: 0; padding: 20px 0; } .custom-open-page .custom-global-recent-post {} .framework { color: #57554f; display: block; padding: 40px 0; text-align: center; text-decoration: none; } .framework:hover { color: #1B1E20; text-decoration: none; } .framework img { display: block; margin: 0 auto; vertical-align: middle; } .img-responsive { display: block; height: auto; max-width: 100%; } .framework small { display: block; font-size: 85%; } .custom-three-mod-wrapper { float: left; width: 100%; border-top: 1px solid #eeeeee; } .custom-three-mod-wrapper-first { border-top: none; } .custom-three-mod { border-right: 1px solid #eee; float: left; padding: 0 15px; width: 33.3333%; height: 130px; } .custom-three-mod.custom-three-mod3 { border-right: medium none; } .custom-three-mod-container { clear: both; } .custom-three-mod img { max-height: 48px; max-width: 180px; } .custom-four-mod-wrapper { float: left; width: 100%; border-top: 1px solid #eeeeee; } .custom-four-mod { border-right: 1px solid #eee; float: left; padding: 0 15px; width: 25%; } .custom-four-mod.custom-four-mod4 { border-right: medium none; } .custom-four-mod img { max-height: 48px; max-width: 180px; } .rounded-list { counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ *list-style: decimal; /* Keep using default numbering for IE6/7 */ } .rounded-list li{ position: relative; display: block; padding: .4em .4em .4em 2em; *padding: .4em; margin: .5em 0; } .rounded-list li:before{ content: counter(li); counter-increment: li; position: absolute; left: -1.3em; background: #39f; height: 2em; width: 2em; line-height: 2em; color: #ffffff; text-align: center; font-weight: bold; border-radius: 50%; font-size: 25px; } /*--------------------------- Development Page ------------------------*/ .custom-deve-page {} .custom-deve-page .body-container {} .custom-deve-page .body-container .page-center { padding-top: 0px; padding-bottom: 0px; } .custom-deve-page .body-container p { font-size: 18px; line-height: 24px; } .development { background-color: #1B1E20; margin-bottom: 50px; padding: 40px 0; } .body-container .development .page-center { padding: 0; } .custom-deve-row2-col h2, .custom-deve-row1 h2 { font-size: 31px; font-weight: 400; } .custom-dev-row3 { text-align: center; } .custom-dev-row3 .btn-green { margin: 20px 0; } .custom-dev-row3 h2 { font-size: 36px; font-weight: 300; } .body-container .custom-dev-row3 p { font-size: 18px; line-height: 2; } .custom-dev-row4-wrapper {} .custom-dev-row4-wrapper .page-center {} .custom-dev-row4 { text-align: center; } /*--------------------------- Five Column Gallery Accordion ------------------------*/ .custom-gallery-top { text-align: center; } .custom-gallery-accordion { margin-bottom: 10px; position: relative; float: left; width: 100%; } .custom-gallery-top h1 { color: #ffffff; font-size: 53px; font-weight: 300; line-height: 55px; margin: 10px 0 45px; } .gallery-col.gallery-col1 {} .gallery-col.gallery-col2 {} .gallery-col.gallery-col3 {} .gallery-col.gallery-col4 {} .gallery-col.gallery-col5 {} .gallery-col { border: 1px solid #1B1E20; cursor: pointer; float: left; margin-right: 10px; width: 19%; cursor: pointer; position: relative; } .gallery-col:last-child { margin-right: 0; } .gallery-col:hover, .gallery-col.gallery-open { border-color: #ffffff; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .gallery-box { display: block; min-height: 141px; position: relative; width: 100%; } .gallery-box img { display: block; min-height: 141px; position: absolute; vertical-align: middle; width: 100%; } .gallery-box .description { display: none; } .gallery-box span { background-color: rgba(0, 0, 0, 0.75); bottom: 0; color: #ffffff; display: block; font-size: 14px; line-height: 35px; padding-left: 10px; position: absolute; width: 100%; } .gallery-col:hover .gallery-box span { background-color: #1B1E20; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .gallery-expanded { display: none; } .gallery-expanded-wrap, .gallery-accordion-col-wrapper { float: left; position: relative; width: 100%; } .gallery-expanded-wrap { display: none; top: -15px; } .gallery-expanded-wrap .client-arrow { width: 0px; height: 0px; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #666666 transparent; position: relative; -webkit-transition: left 0.5s ease-out; -moz-transition: left 0.5s ease-out; -o-transition: left 0.5s ease-out; -ms-transition: left 0.5s ease-out; transition: left 0.5s ease-out; } .gallery-active .gallery-expanded-wrap { margin-top: 10px; color: #ffffff; font-weight: 300; font-size: 18px !important; line-height: 2 !important; overflow: initial !important; } .gallery-expanded-wrap .expanded-client { background: #666666; padding: 30px; } .gallery-expanded-wrap h3 { color: #ffffff; font-size: 36px; font-weight: 300; line-height: 36px; margin: 0 0 20px; } .gallery-expanded-wrap .icon-close { position: absolute; color: #7b7b7b; right: -12px; top: 6px; font-size: 35px; line-height: 45px; margin: 10px 26px 0 0; cursor: pointer; } .gallery-expanded-wrap img { max-width: 60%; float: left; margin-right: 4%; vertical-align: middle; box-shadow: 0px 10px 20px 0px rgba(50,50,50,0.75); -webkit-box-shadow: 0px 10px 20px 0px rgba(50,50,50,0.75); -moz-box-shadow: 0px 10px 20px 0px rgba(50,50,50,0.75); -ms-box-shadow: 0px 10px 20px 0px rgba(50,50,50,0.75); -o-box-shadow: 0px 10px 20px 0px rgba(50,50,50,0.75); } .gallery-expanded-wrap .icon-close:hover { color: #ffffff; } .custom-full-width-page .body-container .main-content h2:first-child { margin-top: 0; } /*--------------------------- We Make Apps ------------------------*/ .custom-full-width-banner-form .custom-banner-wrapper { padding-bottom: 0; } .custom-full-width-banner-form .custom-banner-wrapper .custom-banner-content { padding: 14px 0 0; } .banner-description a, .client-description a { text-decoration: none; } .custom-full-width-banner-form .custom-banner-wrapper .custom-banner-content h1 { font-size: 53px; line-height: 55px; margin-bottom: 55px; } .custom-timeline-wrapper .offsetter { margin-left: 80px; padding-left: 80px; position: relative; border-left: 2px solid #cccccc; height: 100%; min-height: 240px; } .custom-timeline-wrapper .offsetter .serial-numbers { display: block; position: absolute; background-color: #CB3036; width: 80px; height: 80px; border-radius: 80px; color: #ffffff; left: -40px; top: 80px; line-height: 77px; font-size: 40px; text-align: center; } .custom-timeline-wrapper { clear: both; } .custom-timeline-banner { background-size: cover; background-position: 0 -200px; background-repeat: no-repeat; background-color: #fbfbfb; min-height: 240px; } .custom-timeline-wrapper .page-center { padding-top: 0; padding-bottom: 0; } .custom-timeline-wrapper .offsetter h2 { font-size: 32px; margin-top: 0px; padding-top: 100px; } .custom-timeline-wrapper .custom-timeline-content h4 { padding-top: 50px; margin-top: 0; font-weight: 400; line-height: 1.5; max-width: 650px; } .custom-timeline-wrapper .custom-timeline-content .offsetter { padding-left: 85px; } .custom-timeline-wrapper .custom-timeline-content ul { list-style: none; padding: 0px; padding-top: 30px; padding-bottom: 30px; margin: 0px 0 0 40px; /*max-width: 550px;*/ } .custom-timeline-wrapper .custom-timeline-content ul li { padding: 0px; margin: 0px; margin-bottom: 25px; position: relative; } .custom-timeline-wrapper .custom-timeline-content ul li::before { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 20px; border: 3px solid #CB3036; background-color: #ffffff; left: -35px; top: 9px; } .custom-timeline-wrapper .custom-timeline-content .offsetter .downarrow { display: block; position: absolute; border-top: 10px solid #cccccc; border-left: 10px solid transparent; border-right: 10px solid transparent; left: -11px; bottom: -9px; width: 0px; height: 0px; z-index: 100; } .custom-timeline-wrapper .expertise { padding: 30px; } .custom-timeline-wrapper .expertise ul { margin-left: 90px; } .custom-timeline-wrapper .expertise a { color: #356FD1; } .custom-timeline-wrapper .expertise a:hover { text-decoration: underline; } @media only screen and (max-width: 880px) { .custom-timeline-wrapper .expertise ul { margin-left: 35px; } } .custom-full-width-banner-form .page-center.main-content { max-width: 830px; padding-top: 0; padding-bottom: 0; } .custom-full-width-banner-form .page-center.main-content h3 { font-size: 36px; font-weight: 300; margin-top: 36px; margin-bottom: 18px; color: #CB3036; display: block; } .custom-full-width-banner-form .full-width-banner-from-title { padding: 0; } .custom-full-width-banner-form .full-width-banner-from-title h6 { color: #57554f; font-size: 18px; font-weight: 300; margin-top: 36px; margin-bottom: 18px; display: block; opacity: 1; } .custom-full-width-banner-form .full-width-banner-from-title h6 a { color: #57554f; } .custom-full-width-banner-form .full-width-banner-from-module {} .custom-full-width-banner-form .full-width-banner-from-module h3.form-title { display: none; } .custom-full-width-banner-form .full-width-banner-from-module form label { font-size: 16px; font-weight: 300; color: #57554f; } .custom-full-width-banner-form .full-width-banner-from-module .hs-input { max-width: 87%; } .custom-full-width-banner-form .full-width-banner-from-module input.hs-button { background-color: #CB3036; color: #ffffff; border: none; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 0 rgba(255,255,255,0.5); -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.5); -o-text-shadow: 0 1px 0 rgba(255,255,255,0.5); -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.5); -ms-text-shadow: 0 1px 0 rgba(255,255,255,0.5); } /*--------------------------- Clients ------------------------*/ .clients { text-align: center; z-index: 3; background: #ffffff; border-bottom: solid 1px #eeeeee; overflow: hidden; max-width: 100%; display: block; position: relative; -webkit-overflow-scrolling: touch; } .clients .carousel-controller { height: 90px; width: 35px; position: absolute; background-color: #ccc; top: 0; font-size: 30px; font-weight: 100; color: #fff; line-height: 80px } .clients .carousel-controller.control-left, .clients .carousel-controller.control-right { display: none; } .clients .carousel-controller.control-left { left: 0 } .clients .carousel-controller.control-right { right: 0 } .clients .carousel-controller.disabled { background-color: #fff; cursor: default } .clients .carousel-controller.disabled span { color: #f0f0f0 } .clients .container { padding: 0; margin-left: 35px; margin-right: 35px } .clients .container>ul { list-style-type: none; display: block; height: 90px; margin: 0; padding: 0; margin-bottom: -12px; overflow: hidden; width: 100%; white-space: nowrap } .clients .client-logos>ul li { display: inline-block; height: 117px; width: 160px; margin-left: -4px; /* margin-top: -19px; */ text-align: center; text-indent: -9999px; border-right: solid 1px #eeeeee; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .clients .container>ul li:hover { cursor: pointer } .clients .container>ul li:first-child { border-left: solid 1px #eeeeee } .clients h2 { text-transform: uppercase; font-size: 18px } /*--- http://www.hongkiat.com/blog/grayscale-image-web ---*/ .client-logos ul li.active, .client-logos ul li:hover { filter: none; opacity: 1; } .client-logos ul li.active { background-color: #f2f2f2; } .client-logos ul li { height: 234px; width: 320px; overflow: hidden; background-repeat: no-repeat; background-position: center -18px; background-size: contain; opacity: .6; -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: url('url%28"data:image/svg+xml;utf8,#grayscale"%29;') filter: gray; transition: all .5s ease; } .client-logos ul li.walmart{ background-image: url('//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/client-logo-walmart.png'); } .client-logos ul li.levis{ background-image: url('//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/client-logo-levis.png'); } .client-logos ul li.tmobile{ background-image: url('//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/client-logo-tmobile.png'); } .client-logos ul li.sams{ background-image: url('//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/client-logo-sams.png'); } .client-logos ul li.cars{ background-image: url('//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/client-logo-cars.png'); } .client-logos ul li.haulhound{ background-image: url('//2171535.fs1.hubspotusercontent-na1.net/hubfs/2171535/Bitovi_July_2016_Theme/Images/client-logo-haulhound.png'); } /* End Clients */ /*--------------------------- Anchor Tag Offset ------------------------*/ :target:before { display: block; content: ""; height: 75px; margin: -75px 0 0; } /* End Anchor Tag Offset */ /* ========================================================================== 7. MOBILE MEDIA QUERIES ========================================================================== */ /*--------------------------- Screen sizes smaller than site ------------------------*/ @media (max-width: 970px) {} @media only screen and (max-width: 1000px) {} @media only screen and (min-width: 481px) and (max-width: 969px) {} @media only screen and (min-width: 768px) and (max-width: 969px) { .abt-active.abt-link-active > a, .abt-active.abt-link-active > a:hover, .custom-blog .blog-active > a, .custom-blog .blog-active > a:hover { background: #CB3036; border: 0; color: #ffffff; } .page-center { max-width: 750px !important; padding-left: 15px; padding-right: 15px; } .custom-menu-primary .hs-menu-wrapper > ul { /* margin-left: 25px; */ } .custom-design-row3-col2 { padding: 0; } .featured-post .post-thumb-container, .post-item .post-thumb-container { width: 33.33% !important; } .custom-blog-list .post-item .span9, .popular-post-item .span9 { width: 66.66% !important; } .featured-post .post-thumb-container { min-height: 370px !important; } .post-item .post-thumb-container { min-height: 316px; } .blog-top-right.search-open .search-container { width: 240px; } .search-open .blog-top-google form { width: 240px; } .custom-menu-primary .hs-menu-wrapper > ul { margin: 0 0 0; } .custom-global-recent-post .topic-post-item .span9 { width: 65.2% !important; } .custom-home-row2.page-center { padding: 70px 15px 30px !important; } .custom-full-width-banner-form .page-center.main-content { padding-left: 85px !important; } } @media (max-width: 970px) { .gallery-col { margin-right: 9px; } .gallery-box { min-height: 105px; } .gallery-box img { min-height: 105px; max-height: 105px; } .gallery-box span { bottom: -1px; line-height: 30px; } .gallery-accordion-col-wrapper { padding: 0 10px; } .custom-three-mod { border-right: 0px solid transparent; border-bottom: 1px solid #eeeeee; width: 100%; } .custom-four-mod { border-right: 0px solid transparent; border-bottom: 1px solid #eeeeee; width: 100%; } } @media (max-width: 969px) { .custom-header-container .page-center { position: relative; } body .custom-full-form-row2 .actions { margin-top: 0; } .custom-full-form-row2 .hs_message { position: relative; right: auto; top: auto; width: 100%; } body .custom-full-form-row2 input[type="text"], body .custom-full-form-row2 input[type="email"], body .custom-full-form-row2 input[type="tel"], body .custom-full-form-row2 textarea { max-width: 100%; } .body-container .hs-blog-post-wrapper .page-center { padding: 0 15px; } .post-profile-wrapper { width: 100%; } .post-back-link.span3, .post-social-icon.span8 { padding: 0 15px; } .post-social-icon. { border-bottom: 1px solid #eee; margin-left: 0px !important; } .related-post-wrapper, .custom-post-container { float: left !important; margin: 0 !important; padding: 0; width: 100% !important; } } @media (max-width: 960px) { .post-header-small .author span { display: none; } } /*--------------------------- Landscape tablet and smaller devices ------------------------*/ @media (max-width: 767px) { .page-center { max-width: 100% !important; padding-left: 15px; padding-right: 15px; } .custom-header-container { //padding-bottom: 8.8px; } .hs-blog-listing .custom-header-container, .hs-blog-post .custom-header-container { padding-bottom: 0px; } .hs-blog-listing .body-container-wrapper, .hs-blog-post .body-container-wrapper { margin-top: -1px; } .custom-header-container .page-center { padding-left: 0px; padding-right: 0px; } body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { max-width: 100%; } .custom-social-links ul { text-align: center; } .custom-three-mod { border-right: none; float: left; padding: 0 15px; width: 100%; border-bottom: 1px solid #eee; } .custom-four-mod { border-right: none; float: left; padding: 0 15px; width: 100%; border-bottom: 1px solid #eee; } .custom-open-row2 { padding: 10px; } .custom-open-row2 p, .custom-open-row2.custom-design-row8 p { line-height: 2; padding: 0; } .custom-training-row8-col2 ul li { border-left: none; } .featured-post .post-thumb-container { min-height: 150px !important; } .featured-post .post-thumb-container, .post-item .post-thumb-container { width: 100% !important; min-height: 150px; } .custom-blog-list .post-item .span9, .popular-post-item .span9 { width: 100% !important; } .popular-post-item .span9 { border-top: 20px solid #d9d9d9; border-left: 0px solid #d9d9d9; } .featured-post .author-avatar, .post-item .author-avatar { bottom: -27px; right: -20px; } .blog-pagination { margin: 15px 0 0; } .top-category, .filter-label-selected, .blog-top-pane .icon-dropdown, .blog-top-post .filter-label.dropdown-toggle { display: none; } .utility-menu .filter-label.dropdown-toggle { display: inline-block; float: none; margin-top: 2px; } .body-container .blog-top-pane .page-center { padding: 0; } .blog-top-right-row1 { padding: 0; background: #999; } .body-container .utility-menu { display: block; float: none; text-align: center; width: 100%; } .utility-menu li { display: inline-block !important; float: none; line-height: 1; vertical-align: top; } .filter-label.filter-label-open { border-top: 0px solid #cccccc; } .filter-label.filter-label-open:hover { background-color: #ffffff; border-top: 0px solid #cccccc; color: #666666; text-decoration: none; } .blog-top-pane { min-height: 0; padding: 0 0; background-color: transparent; } .utility-menu .filter-label.dropdown-toggle .icon-filter, .utility-menu a i, .utility-menu li a, .utility-menu .filter-label { display: block; text-align: center; width: 100%; } .utility-menu .filter-label { height: 42px; } .utility-menu li a, .utility-menu .filter-label { line-height: 2; margin-right: 15px; margin-top: 5px; padding: 0 10px; } .blog-top-google form { position: relative; right: auto; top: auto; } .blog-top-google form { width: 100% !important; display: none; } .search-open .blog-top-google form { width: 100%; margin-top: 4px; display: block; } .blog-top-right.search-open .search-container { width: auto; } .search-open .search-container { background-color: #ffffff; padding-top: 1px; margin-top: 3px; } .search-open .search-container a { color: #666666; } body .blog-top-google input[type="text"] { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .body-container .blog-top-post .widget-module ul { position: relative; top: 0; width: auto; margin: 0 15px 18px; } .blog-pagination a { width: 49%; } .post-social-icon.span8 { padding: 20px 15px; } .body-container .post-social-wrapper .page-center { padding: 0; } .post-header-small .back.span2, .post-header-small .author.span2 { width: 16.66666667% !important; display: inline-block !important; float: left !important; } .post-header-small .title.span4 { width: 66.66% !important; padding: 0 15px; float: left !important; display: inline-block !important; } .custom-training-row4-right.custom-padding { padding-left: 15px !important; padding-right: 15px !important; } .custom-global-recent-post .topic-post-item .span9 { width: 100% !important; } .custom-banner-wrapper { padding: 40px 0; } .custom-open-row1 { padding: 0; } .custom-global-recent-post .span3.post-thumb-container { min-height: 150px !important; padding-right: 0; width: 100% !important; } .custom-global-recent-post .author-avatar { bottom: -11px; right: -20px; } .custom-gallery-accordion { display: none; } .custom-header-contact-form input[type="tel"], .custom-header-contact-form input[type="text"], .custom-header-contact-form input[type="email"] { width: 100% !important; } .custom-header-contact-form .hs_message { width: 100%; position: static; } .custom-blog .custom-menu-primary .hs-menu-wrapper > ul li.active-branch > a:hover { background: #cccccc; } .custom-global-recent-post h3.topic-article-header { padding: 0 15px; } .custom-timeline-wrapper .offsetter { margin-left: 40px; } .custom-timeline-wrapper .offsetter { margin-left: 40px; border-left: none; } .custom-timeline-wrapper .custom-timeline-content .offsetter { padding-left: 30px; margin: 0; } .custom-timeline-wrapper .custom-timeline-content .offsetter .downarrow { display: none; } .custom-full-width-banner-form .full-width-banner-from-module .hs-input { max-width: 100%; } .custom-timeline-banner { background-position: 0 0; } } @media (max-width: 866px) and (min-width: 721px) { .custom-logo { float: left !important; padding-left: 0px; } .custom-menu-primary .hs-menu-wrapper > ul { margin: 0 0 0; } .custom-menu-primary.js-enabled { float: left !important; } ul.tablet-toggle-menu { display: none; position: absolute; right: 10px; top: 56px; width: 200px; } .custom-header-container.toggle-active ul { display: block; } ul.tablet-toggle-menu:before { position: absolute; right: 12px; top: -10px; content: ""; border-style: solid; display: block; height: 0; width: 0; border-color: #3E4548 transparent; border-width: 0 15px 15px 15px; } ul.tablet-toggle-menu li a { text-decoration: none; font-size: 15px; position: relative; display: block; background: #3E4548; color: #ffffff; margin:0; line-height: 2; padding: 5px 15px; text-decoration: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } ul.tablet-toggle-menu li a:hover , .custom-header-container.toggle-active ul.tablet-toggle-menu a.contact-popup:hover { text-decoration: none; background: #7D8C93; color: #ffffff; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; } ul.tablet-toggle-menu li { display: block; float: none; } .custom-header-container.toggle-active ul.tablet-toggle-menu a.contact-popup { background: #3E4548; display: block; border-radius: 0; color: #ffffff; padding: 5px 15px; } } @media (max-width: 720px) { .custom-header-col3 { display: none !important; } } @media (max-width: 610px) { .custom-gallery-top h1 { padding-left: 15px; padding-right: 15px; } } /*--------------------------- Landscape phones and smaller devices ------------------------*/ @media (max-width: 480px) { .custom-banner-common .custom-banner-wrapper h1, .custom-design-row1 h1, .custom-gallery-top h1, .custom-full-width-banner-form .custom-banner-wrapper .custom-banner-content h1{ font-size: 40px; } .mobile-contact { padding-top: 30px; display: block !important; } .custom-home-row2.page-center { padding: 70px 0 0px !important; } } @media (min-width: 768px) { .clients .container { padding-left:0px; padding-right: 0px; width: 100% } .clients .container>ul { margin-left: 0 } } @media (min-width: 970px) { .clients { overflow-x:hidden } } @media (max-width: 969px) { .clients .carousel-controller.control-left, .clients .carousel-controller.control-right { display: block; } .clients .container { padding: 0; margin-left: 35px !important; margin-right: 35px !important; max-width: 100% !important; } } /* Blog Post - hire-better-developers */ .fadein { position: relative; max-width: 1190px; margin: 0 auto; } .client { position: absolute; bottom: 0px; z-index: 100; } .car-sales { animation-name: fade-car; animation-iteration-count: infinite; animation-duration: 10s; } .computer-sales { position: absolute; top: 0px; animation-name: fade-computer; animation-iteration-count: infinite; animation-duration: 10s; } @keyframes fade-car { 0% {opacity: 0;} 20% {opacity: 1;} 33% {opacity: 1;} 53% {opacity: 0;} 100% {opacity: 0;} } @keyframes fade-computer { 0% {opacity: 1;} 20% {opacity: 0;} 33% {opacity: 0;} 53% {opacity: 1;} 100% {opacity: 1;} } .logo-header-text { display: none!important; } /* ========================================================================== global-nav.css ========================================================================== */ /* Contact Us Red Button * */ .global-nav a.contact-popup { font-weight: bold; margin: 13px 15px 0; /* Changed from 13px 20px 0; to fix overlap by adding 'Academy' link to nav */ position: absolute; right: 0; } @media (max-width: 720px) { .global-nav a.contact-popup { display: none; } } /* Contact Us Button Mobile Nav * */ /*@media (min-width: 720px) { .global-nav .custom-menu-primary .hs-menu-wrapper > ul li:last-child { display: none; } }*/ @media (max-width: 720px) { .global-nav .custom-menu-primary .hs-menu-wrapper > ul li:last-child { /* Contact Us */ display: block; } } /* Menu Button * */ @media (max-width: 720px){ .mobile-trigger .navbar-toggle { cursor: pointer; display: block; outline: none; position: absolute; right: 0; top: 0; font-size: 12px; line-height: 27px; padding: 0px 10px; margin-right: 15px; margin-top: 14px; margin-bottom: 14px; color: #57554f; background-color: transparent; border: 1px solid transparent; border-radius: 0px; text-transform: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .mobile-trigger .navbar-toggle .arrow { display: inline-block; margin-bottom: 1px; margin-left: 2px; font-weight: normal; } .mobile-trigger .navbar-toggle.active { color: #1B1E20; background: transparent; border: 1px solid #cccccc; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -ms-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -o-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; transition: color 0.2s ease; } }