/* * * CUSTOM.CSS * * + TYPOGRAPHY * + HEADLINE * + ALERTS * + LISTS * + BUTTONS * + DIVIDERS * + TEXT BOXES * + IMAGE BOXES * + ACCORDION * + TABS * + GOOGLE MAPS * + SOCIAL MEDIA * + PIE CHARTS * + PROGRESS BARS * + COUNTER * + COUNTDOWN * + STATISTICS * + PRICE PLAN * + TIMELINE * + TESTIMONIALS * + ISOTOPE * + FILTER * + PAGINATION * + BREADCRUMB * + FULL SECTIONS * + VIDEO PLAYER * + SCROLL UP * + SLIDERS * + FANCYBOX * + ANIMATIONS * + WIDGETS */ /*********************************************************************************** * + TYPOGRAPHY ***********************************************************************************/ /*********************************************************************************** * + LISTS ***********************************************************************************/ /* GENERAL */ ul, ol { padding: 0; list-style-position: inside; } li > ul, li > ol { margin-bottom: 0; margin-left: 20px; } dl { margin-bottom: 20px; } /* CHECK LIST */ .check-list { color: #212121; font-weight: 600; list-style: none; } .check-list li { margin-bottom: 7px; } .check-list li:last-child { margin-bottom: 0; } .check-list li:before { margin-right: 20px; color: #f08614; font-family: "FontAwesome"; content: "\f00c"; } /* BULLET LIST */ .bullet-list { color: #212121; font-weight: 600; list-style: none; } .bullet-list li { margin-bottom: 7px; } .bullet-list li:last-child { margin-bottom: 0; } .bullet-list li:before { position: relative; top: -2px; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 15px; background-color: #f08614; content: ""; } /* LOGOS LIST */ .logos-list { margin-bottom: 20px; list-style: none; } .logos-list li a { float: left; display: block; width: 20%; height: 90px; padding: 0 20px; text-align: center; background: no-repeat top center; -webkit-transition: all 0.3s; transition: all 0.3s; } .logos-list li a:hover { background-position: bottom center; } .logos-list:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } @media (max-width: 767px) { .logos-list li a { float: none; width: 100%; margin-bottom: 30px; } .logos-list li a:last-child { margin-bottom: 0; } } /*********************************************************************************** * + BUTTONS ***********************************************************************************/ .btn { position: relative; z-index: 1; overflow: hidden; padding: 12px 30px; border: none; border-radius: 5px; margin-right: 10px; margin-bottom: 20px; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.3s; transition: all 0.3s; } .btn:last-child { margin-right: 0; } .btn:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; width: 0; border-radius: 5px; opacity: 0; content: ""; -webkit-transition: all 0.3s; transition: all 0.3s; } .btn:focus, .btn:active { outline: 0 !important; box-shadow: none; } .btn:hover:after { width: 100%; opacity: 1; } .btn-xs { padding: 10px 25px; font-size: 12px; } .btn-lg { padding: 12px 50px; } /* DEFAULT BUTTON */ .btn-default { background-color: #f08614; color: #fff; } .btn-default:after { background-color: #003679; } .btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus { background-color: #f08614; color: #fff; } .btn-default:hover { background-color: #003679; color: #fff; } /* DARK BUTTON */ .btn-dark { background-color: #003679; color: #fff; } .btn-dark:after { background-color: #f08614; } .btn-dark:hover { background-color: #f08614; color: #fff; } .btn-dark:focus { color: #fff; } /* WHITE BUTTON */ .btn-white { border: 1px solid #f08614; color: #f08614; } .btn-white:after { background-color: #f08614; } .btn-white:hover { background-color: #f08614; color: #fff; } /*********************************************************************************** * + SOCIAL MEDIA ***********************************************************************************/ .social-media { margin-bottom: 20px; } .social-media a { display: inline-block; margin-right: 20px; font-size: 18px; line-height: 32px; color: #838383; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .social-media.bordered, .social-media.rounded { margin-top: -5px; } .social-media.bordered a { width: 40px; height: 40px; border: 1px solid #c7c7c7; border-radius: 50%; margin: 5px 15px 5px 0; font-size: 19px; line-height: 38px; text-align: center; } .social-media.rounded a { width: 34px; height: 34px; border-radius: 50%; margin: 5px 15px 5px 0; background-color: #636b75; color: #fff; font-size: 16px; line-height: 34px; text-align: center; } .social-media a:last-child { margin-right: 0; } .social-media a.facebook:hover { color: #0e59a0 !important; } .social-media a.twitter:hover { color: #0ea4ff !important; } .social-media a.dribbble:hover { color: #ea73a0 !important; } .social-media a.pinterest:hover { color: #d73532 !important; } .social-media a.google:hover { color: #da4835 !important; } .social-media a.tumblr:hover { color: #2a445f !important; } .social-media a.instagram:hover { color: #82685a !important; } .social-media a.rss:hover { color: #f79638 !important; } .social-media a.linkedin:hover { color: #018faf !important; } .social-media a.skype:hover { color: #00b0f6 !important; } .social-media a.flickr:hover { color: #0061db !important; } .social-media a.vimeo:hover { color: #4cb2d9 !important; } .social-media a.github:hover { color: #3b3b3b !important; } .social-media a.youtube:hover { color: #cc181e !important; } .social-media a.windows:hover { color: #6dc2e9 !important; } .social-media a.dropbox:hover { color: #007ee5 !important; } .social-media a.xing:hover { color: #026566 !important; } .social-media a.adn:hover { color: #1ea076 !important; } .social-media a.android:hover { color: #98cb02 !important; } .social-media a.apple:hover { color: #a6b1b7 !important; } .social-media a.behance:hover { color: #2d9ad2 !important; } .social-media a.bitbucket:hover { color: #214f81 !important; } .social-media a.bitcoin:hover { color: #f7931b !important; } .social-media a.codepan:hover { color: #000 !important; } .social-media a.css3:hover { color: #3289ce !important; } .social-media a.delicious:hover { color: #3399fe !important; } .social-media a.deviantart:hover { color: #c8da30 !important; } .social-media a.digg:hover { color: #0080c2 !important; } .social-media a.drupal:hover { color: #0077b9 !important; } .social-media a.empire:hover { color: #000 !important; } .social-media a.foursquare:hover { color: #daecb0 !important; } .social-media a.git:hover { color: #f34f29 !important; } .social-media a.gitti:hover { color: #634c3e !important; } .social-media a.hacker-news:hover { color: #f18642 !important; } .social-media a.html5:hover { color: #e54c1f !important; } .social-media a.joomla:hover { color: #016fb9 !important; } .social-media a.jsfiddle:hover { color: #4679a4 !important; } .social-media a.linux:hover { color: #fece0e !important; } .social-media a.maxcdn:hover { color: #f36f20 !important; } .social-media a.openid:hover { color: #fe6101 !important; } .social-media a.pagelines:hover { color: #3783e3 !important; } .social-media a.pied-piper:hover { color: #0c7b48 !important; } .social-media a.qq:hover { color: #23286c !important; } .social-media a.rebel:hover { color: #000 !important; } .social-media a.reddit:hover { color: #cee3f8 !important; } .social-media a.renren:hover { color: #0d81e4 !important; } .social-media a.share:hover { color: #252525 !important; } .social-media a.slack:hover { color: #453744 !important; } .social-media a.soundcloud:hover { color: #fe4e00 !important; } .social-media a.spotify:hover { color: #80bb41 !important; } .social-media a.stack-exchange:hover { color: #265a93 !important; } .social-media a.stackoverflow:hover { color: #fea501 !important; } .social-media a.steam:hover { color: #191919 !important; } .social-media a.stumbleupon:hover { color: #f04f23 !important; } .social-media a.tencent-weibo:hover { color: #0063a7 !important; } .social-media a.trello:hover { color: #226784 !important; } .social-media a.vine:hover { color: #00b081 !important; } .social-media a.vk:hover { color: #50769d !important; } .social-media a.wechat:hover { color: #a4dc31 !important; } .social-media a.weibo:hover { color: #d82828 !important; } .social-media a.wordpress:hover { color: #454442 !important; } .social-media a.yahoo:hover { color: #4b04a8 !important; } .social-media a.ftpx:hover { color: #000 !important; } .social-media a.amazon:hover { color: #ff9900 !important; } .social-media a.angellist:hover { color: #000 !important; } .social-media a.btc:hover { color: #f7931b !important; } .social-media a.black-tie:hover { color: #000 !important; } .social-media a.bluetooth:hover { color: #0a3d91 !important; } .social-media a.buysellads:hover { color: #ba0202 !important; } .social-media a.cc-amex:hover { color: #016dd2 !important; } .social-media a.cc-diners-club:hover { color: #0069aa !important; } .social-media a.cc-discover:hover { color: #f88737 !important; } .social-media a.cc-jcb:hover { color: #29166f !important; } .social-media a.cc-mastercard:hover { color: #fe9611 !important; } .social-media a.paypal:hover { color: #012069 !important; } .social-media a.cc-stripe:hover { color: #49b802 !important; } .social-media a.cc-visa:hover { color: #1b4da2 !important; } .social-media a.chrome:hover { color: #edcd16 !important; } .social-media a.codepen:hover { color: #1b1c1b !important; } .social-media a.codiepie:hover { color: #000 !important; } .social-media a.connectdevelop:hover { color: #023cb0 !important; } .social-media a.contao:hover { color: #e4790f !important; } .social-media a.dashcube:hover { color: #000 !important; } .social-media a.edge:hover { color: #2c74be !important; } .social-media a.expeditedssl:hover { color: #2e2e2e !important; } .social-media a.firefox:hover { color: #df731b !important; } .social-media a.fonticons:hover { color: #1d1e2a !important; } .social-media a.fort-awesome:hover { color: #000 !important; } .social-media a.forumbee:hover { color: #85ac2f !important; } .social-media a.get-pocket:hover { color: #e84352 !important; } .social-media a.gg:hover { color: #fd0002 !important; } .social-media a.gratipay:hover { color: #653614 !important; } .social-media a.houzz:hover { color: #9bc545 !important; } .social-media a.internet-explorer:hover { color: #00bcf2 !important; } .social-media a.ioxhost:hover { color: #f6a814 !important; } .social-media a.lastfm:hover { color: #e2152b !important; } .social-media a.leanpub:hover { color: #231f20 !important; } .social-media a.meanpath:hover { color: #538dd6 !important; } .social-media a.medium:hover { color: #00ab6c !important; } .social-media a.mixcloud:hover { color: #040204 !important; } .social-media a.modx:hover { color: #8ed547 !important; } .social-media a.odnoklassniki:hover { color: #f68634 !important; } .social-media a.opencart:hover { color: #00c1f2 !important; } .social-media a.opera:hover { color: #e81617 !important; } .social-media a.optin-monster:hover { color: #8ed31e !important; } .social-media a.product-hunt:hover { color: #d6573d !important; } .social-media a.reddit:hover { color: #ff4500 !important; } .social-media a.safari:hover { color: #2973d9 !important; } .social-media a.scribd:hover { color: #382d29 !important; } .social-media a.sellsy:hover { color: #006ca2 !important; } .social-media a.shirtsinbulk:hover { color: #dd3a26 !important; } .social-media a.simplybuilt:hover { color: #322f34 !important; } .social-media a.skyatlas:hover { color: #01aebe !important; } .social-media a.slideshare:hover { color: #13999a !important; } .social-media a.stack-overflow:hover { color: #ef532a !important; } .social-media a.tripadvisor:hover { color: #1e892f !important; } .social-media a.twitch:hover { color: #6441a5 !important; } .social-media a.usb:hover { color: #000 !important; } .social-media a.viacoin:hover { color: #2376a2 !important; } .social-media a.whatsapp:hover { color: #44c254 !important; } .social-media a.wikipedia:hover { color: #0c0c0c !important; } .social-media a.y-combinator:hover { color: #ff6501 !important; } .social-media a.yelp:hover { color: #bf311b !important; } .social-media a.email:hover { color: #689c49 !important; } .social-media a.envira:hover { color: #75bd3b !important; } .social-media a.gitlab:hover { color: #e24329 !important; } .social-media a.glide:hover { color: #00a7ff !important; } .social-media a.snapchat:hover { color: #efe200 !important; } .social-media a.viadeo:hover { color: #f4982b !important; } .social-media a.wpbeginner:hover { color: #ff6600 !important; } .social-media a.wpforms:hover { color: #b6581a !important; } .social-media.bordered a.facebook:hover { color: #0e59a0 !important; border-color: #0e59a0 !important; } .social-media.bordered a.twitter:hover { color: #0ea4ff !important; border-color: #0ea4ff !important; } .social-media.bordered a.dribbble:hover { color: #ea73a0 !important; border-color: #ea73a0 !important; } .social-media.bordered a.pinterest:hover { color: #d73532 !important; border-color: #d73532 !important; } .social-media.bordered a.google:hover { color: #da4835 !important; border-color: #da4835 !important; } .social-media.bordered a.tumblr:hover { color: #2a445f !important; border-color: #2a445f !important; } .social-media.bordered a.instagram:hover { color: #82685a !important; border-color: #82685a !important; } .social-media.bordered a.rss:hover { color: #f79638 !important; border-color: #f79638 !important; } .social-media.bordered a.linkedin:hover { color: #018faf !important; border-color: #018faf !important; } .social-media.bordered a.skype:hover { color: #00b0f6 !important; border-color: #00b0f6 !important; } .social-media.bordered a.flickr:hover { color: #0061db !important; border-color: #0061db !important; } .social-media.bordered a.vimeo:hover { color: #4cb2d9 !important; border-color: #4cb2d9 !important; } .social-media.bordered a.github:hover { color: #3b3b3b !important; border-color: #3b3b3b !important; } .social-media.bordered a.youtube:hover { color: #cc181e !important; border-color: #cc181e !important; } .social-media.bordered a.windows:hover { color: #6dc2e9 !important; border-color: #6dc2e9 !important; } .social-media.bordered a.dropbox:hover { color: #007ee5 !important; border-color: #007ee5 !important; } .social-media.bordered a.xing:hover { color: #026566 !important; border-color: #026566 !important; } .social-media.bordered a.adn:hover { color: #1ea076 !important; border-color: #1ea076 !important; } .social-media.bordered a.android:hover { color: #98cb02 !important; border-color: #98cb02 !important; } .social-media.bordered a.apple:hover { color: #a6b1b7 !important; border-color: #a6b1b7 !important; } .social-media.bordered a.behance:hover { color: #2d9ad2 !important; border-color: #2d9ad2 !important; } .social-media.bordered a.bitbucket:hover { color: #214f81 !important; border-color: #214f81 !important; } .social-media.bordered a.bitcoin:hover { color: #f7931b !important; border-color: #f7931b !important; } .social-media.bordered a.codepan:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.css3:hover { color: #3289ce !important; border-color: #3289ce !important; } .social-media.bordered a.delicious:hover { color: #3399fe !important; border-color: #3399fe !important; } .social-media.bordered a.deviantart:hover { color: #c8da30 !important; border-color: #c8da30 !important; } .social-media.bordered a.digg:hover { color: #0080c2 !important; border-color: #0080c2 !important; } .social-media.bordered a.drupal:hover { color: #0077b9 !important; border-color: #0077b9 !important; } .social-media.bordered a.empire:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.foursquare:hover { color: #daecb0 !important; border-color: #daecb0 !important; } .social-media.bordered a.git:hover { color: #f34f29 !important; border-color: #f34f29 !important; } .social-media.bordered a.gitti:hover { color: #634c3e !important; border-color: #634c3e !important; } .social-media.bordered a.hacker-news:hover { color: #f18642 !important; border-color: #f18642 !important; } .social-media.bordered a.html5:hover { color: #e54c1f !important; border-color: #e54c1f !important; } .social-media.bordered a.joomla:hover { color: #016fb9 !important; border-color: #016fb9 !important; } .social-media.bordered a.jsfiddle:hover { color: #4679a4 !important; border-color: #4679a4 !important; } .social-media.bordered a.linux:hover { color: #fece0e !important; border-color: #fece0e !important; } .social-media.bordered a.maxcdn:hover { color: #f36f20 !important; border-color: #f36f20 !important; } .social-media.bordered a.openid:hover { color: #fe6101 !important; border-color: #fe6101 !important; } .social-media.bordered a.pagelines:hover { color: #3783e3 !important; border-color: #3783e3 !important; } .social-media.bordered a.pied-piper:hover { color: #0c7b48 !important; border-color: #0c7b48 !important; } .social-media.bordered a.qq:hover { color: #23286c !important; border-color: #23286c !important; } .social-media.bordered a.rebel:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.reddit:hover { color: #cee3f8 !important; border-color: #cee3f8 !important; } .social-media.bordered a.renren:hover { color: #0d81e4 !important; border-color: #0d81e4 !important; } .social-media.bordered a.share:hover { color: #252525 !important; border-color: #252525 !important; } .social-media.bordered a.slack:hover { color: #453744 !important; border-color: #453744 !important; } .social-media.bordered a.soundcloud:hover { color: #fe4e00 !important; border-color: #fe4e00 !important; } .social-media.bordered a.spotify:hover { color: #80bb41 !important; border-color: #80bb41 !important; } .social-media.bordered a.stack-exchange:hover { color: #265a93 !important; border-color: #265a93 !important; } .social-media.bordered a.stackoverflow:hover { color: #fea501 !important; border-color: #fea501 !important; } .social-media.bordered a.steam:hover { color: #191919 !important; border-color: #191919 !important; } .social-media.bordered a.stumbleupon:hover { color: #f04f23 !important; border-color: #f04f23 !important; } .social-media.bordered a.tencent-weibo:hover { color: #0063a7 !important; border-color: #0063a7 !important; } .social-media.bordered a.trello:hover { color: #226784 !important; border-color: #226784 !important; } .social-media.bordered a.vine:hover { color: #00b081 !important; border-color: #00b081 !important; } .social-media.bordered a.vk:hover { color: #50769d !important; border-color: #50769d !important; } .social-media.bordered a.wechat:hover { color: #a4dc31 !important; border-color: #a4dc31 !important; } .social-media.bordered a.weibo:hover { color: #d82828 !important; border-color: #d82828 !important; } .social-media.bordered a.wordpress:hover { color: #454442 !important; border-color: #454442 !important; } .social-media.bordered a.yahoo:hover { color: #4b04a8 !important; border-color: #4b04a8 !important; } .social-media.bordered a.ftpx:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.amazon:hover { color: #ff9900 !important; border-color: #ff9900 !important; } .social-media.bordered a.angellist:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.btc:hover { color: #f7931b !important; border-color: #f7931b !important; } .social-media.bordered a.black-tie:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.bluetooth:hover { color: #0a3d91 !important; border-color: #0a3d91 !important; } .social-media.bordered a.buysellads:hover { color: #ba0202 !important; border-color: #ba0202 !important; } .social-media.bordered a.cc-amex:hover { color: #016dd2 !important; border-color: #016dd2 !important; } .social-media.bordered a.cc-diners-club:hover { color: #0069aa !important; border-color: #0069aa !important; } .social-media.bordered a.cc-discover:hover { color: #f88737 !important; border-color: #f88737 !important; } .social-media.bordered a.cc-jcb:hover { color: #29166f !important; border-color: #29166f !important; } .social-media.bordered a.cc-mastercard:hover { color: #fe9611 !important; border-color: #fe9611 !important; } .social-media.bordered a.paypal:hover { color: #012069 !important; border-color: #012069 !important; } .social-media.bordered a.cc-stripe:hover { color: #49b802 !important; border-color: #49b802 !important; } .social-media.bordered a.cc-visa:hover { color: #1b4da2 !important; border-color: #1b4da2 !important; } .social-media.bordered a.chrome:hover { color: #edcd16 !important; border-color: #edcd16 !important; } .social-media.bordered a.codepen:hover { color: #1b1c1b !important; border-color: #1b1c1b !important; } .social-media.bordered a.codiepie:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.connectdevelop:hover { color: #023cb0 !important; border-color: #023cb0 !important; } .social-media.bordered a.contao:hover { color: #e4790f !important; border-color: #e4790f !important; } .social-media.bordered a.dashcube:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.edge:hover { color: #2c74be !important; border-color: #2c74be !important; } .social-media.bordered a.expeditedssl:hover { color: #2e2e2e !important; border-color: #2e2e2e !important; } .social-media.bordered a.firefox:hover { color: #df731b !important; border-color: #df731b !important; } .social-media.bordered a.fonticons:hover { color: #1d1e2a !important; border-color: #1d1e2a !important; } .social-media.bordered a.fort-awesome:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.forumbee:hover { color: #85ac2f !important; border-color: #85ac2f !important; } .social-media.bordered a.get-pocket:hover { color: #e84352 !important; border-color: #e84352 !important; } .social-media.bordered a.gg:hover { color: #fd0002 !important; border-color: #fd0002 !important; } .social-media.bordered a.gratipay:hover { color: #653614 !important; border-color: #653614 !important; } .social-media.bordered a.houzz:hover { color: #9bc545 !important; border-color: #9bc545 !important; } .social-media.bordered a.internet-explorer:hover { color: #00bcf2 !important; border-color: #00bcf2 !important; } .social-media.bordered a.ioxhost:hover { color: #f6a814 !important; border-color: #f6a814 !important; } .social-media.bordered a.lastfm:hover { color: #e2152b !important; border-color: #e2152b !important; } .social-media.bordered a.leanpub:hover { color: #231f20 !important; border-color: #231f20 !important; } .social-media.bordered a.meanpath:hover { color: #538dd6 !important; border-color: #538dd6 !important; } .social-media.bordered a.medium:hover { color: #00ab6c !important; border-color: #00ab6c !important; } .social-media.bordered a.mixcloud:hover { color: #040204 !important; border-color: #040204 !important; } .social-media.bordered a.modx:hover { color: #8ed547 !important; border-color: #8ed547 !important; } .social-media.bordered a.odnoklassniki:hover { color: #f68634 !important; border-color: #f68634 !important; } .social-media.bordered a.opencart:hover { color: #00c1f2 !important; border-color: #00c1f2 !important; } .social-media.bordered a.opera:hover { color: #e81617 !important; border-color: #e81617 !important; } .social-media.bordered a.optin-monster:hover { color: #8ed31e !important; border-color: #8ed31e !important; } .social-media.bordered a.product-hunt:hover { color: #d6573d !important; border-color: #d6573d !important; } .social-media.bordered a.reddit:hover { color: #ff4500 !important; border-color: #ff4500 !important; } .social-media.bordered a.safari:hover { color: #2973d9 !important; border-color: #2973d9 !important; } .social-media.bordered a.scribd:hover { color: #382d29 !important; border-color: #382d29 !important; } .social-media.bordered a.sellsy:hover { color: #006ca2 !important; border-color: #006ca2 !important; } .social-media.bordered a.shirtsinbulk:hover { color: #dd3a26 !important; border-color: #dd3a26 !important; } .social-media.bordered a.simplybuilt:hover { color: #322f34 !important; border-color: #322f34 !important; } .social-media.bordered a.skyatlas:hover { color: #01aebe !important; border-color: #01aebe !important; } .social-media.bordered a.slideshare:hover { color: #13999a !important; border-color: #13999a !important; } .social-media.bordered a.stack-overflow:hover { color: #ef532a !important; border-color: #ef532a !important; } .social-media.bordered a.tripadvisor:hover { color: #1e892f !important; border-color: #1e892f !important; } .social-media.bordered a.twitch:hover { color: #6441a5 !important; border-color: #6441a5 !important; } .social-media.bordered a.usb:hover { color: #000 !important; border-color: #000 !important; } .social-media.bordered a.viacoin:hover { color: #2376a2 !important; border-color: #2376a2 !important; } .social-media.bordered a.whatsapp:hover { color: #44c254 !important; border-color: #44c254 !important; } .social-media.bordered a.wikipedia:hover { color: #0c0c0c !important; border-color: #0c0c0c !important; } .social-media.bordered a.y-combinator:hover { color: #ff6501 !important; border-color: #ff6501 !important; } .social-media.bordered a.yelp:hover { color: #bf311b !important; border-color: #bf311b !important; } .social-media.bordered a.email:hover { color: #689c49 !important; border-color: #689c49 !important; } .social-media.bordered a.envira:hover { color: #75bd3b !important; border-color: #75bd3b !important; } .social-media.bordered a.gitlab:hover { color: #e24329 !important; border-color: #e24329 !important; } .social-media.bordered a.glide:hover { color: #00a7ff !important; border-color: #00a7ff !important; } .social-media.bordered a.snapchat:hover { color: #efe200 !important; border-color: #efe200 !important; } .social-media.bordered a.viadeo:hover { color: #f4982b !important; border-color: #f4982b !important; } .social-media.bordered a.wpbeginner:hover { color: #ff6600 !important; border-color: #ff6600 !important; } .social-media.bordered a.wpforms:hover { color: #b6581a !important; border-color: #b6581a !important; } .social-media.rounded a:hover { color: #fff !important; } .social-media.rounded a.facebook:hover { background-color: #0e59a0 !important; } .social-media.rounded a.twitter:hover { background-color: #0ea4ff !important; } .social-media.rounded a.dribbble:hover { background-color: #ea73a0 !important; } .social-media.rounded a.pinterest:hover { background-color: #d73532 !important; } .social-media.rounded a.google:hover { background-color: #da4835 !important; } .social-media.rounded a.tumblr:hover { background-color: #2a445f !important; } .social-media.rounded a.instagram:hover { background-color: #82685a !important; } .social-media.rounded a.rss:hover { background-color: #f79638 !important; } .social-media.rounded a.linkedin:hover { background-color: #018faf !important; } .social-media.rounded a.skype:hover { background-color: #00b0f6 !important; } .social-media.rounded a.flickr:hover { background-color: #0061db !important; } .social-media.rounded a.vimeo:hover { background-color: #4cb2d9 !important; } .social-media.rounded a.github:hover { background-color: #3b3b3b !important; } .social-media.rounded a.youtube:hover { background-color: #cc181e !important; } .social-media.rounded a.windows:hover { background-color: #6dc2e9 !important; } .social-media.rounded a.dropbox:hover { background-color: #007ee5 !important; } .social-media.rounded a.xing:hover { background-color: #026566 !important; } .social-media.rounded a.adn:hover { background-color: #1ea076 !important; } .social-media.rounded a.android:hover { background-color: #98cb02 !important; } .social-media.rounded a.apple:hover { background-color: #a6b1b7 !important; } .social-media.rounded a.behance:hover { background-color: #2d9ad2 !important; } .social-media.rounded a.bitbucket:hover { background-color: #214f81 !important; } .social-media.rounded a.bitcoin:hover { background-color: #f7931b !important; } .social-media.rounded a.codepan:hover { background-color: #000 !important; } .social-media.rounded a.css3:hover { background-color: #3289ce !important; } .social-media.rounded a.delicious:hover { background-color: #3399fe !important; } .social-media.rounded a.deviantart:hover { background-color: #c8da30 !important; } .social-media.rounded a.digg:hover { background-color: #0080c2 !important; } .social-media.rounded a.drupal:hover { background-color: #0077b9 !important; } .social-media.rounded a.empire:hover { background-color: #000 !important; } .social-media.rounded a.foursquare:hover { background-color: #daecb0 !important; } .social-media.rounded a.git:hover { background-color: #f34f29 !important; } .social-media.rounded a.gitti:hover { background-color: #634c3e !important; } .social-media.rounded a.hacker-news:hover { background-color: #f18642 !important; } .social-media.rounded a.html5:hover { background-color: #e54c1f !important; } .social-media.rounded a.joomla:hover { background-color: #016fb9 !important; } .social-media.rounded a.jsfiddle:hover { background-color: #4679a4 !important; } .social-media.rounded a.linux:hover { background-color: #fece0e !important; } .social-media.rounded a.maxcdn:hover { background-color: #f36f20 !important; } .social-media.rounded a.openid:hover { background-color: #fe6101 !important; } .social-media.rounded a.pagelines:hover { background-color: #3783e3 !important; } .social-media.rounded a.pied-piper:hover { background-color: #0c7b48 !important; } .social-media.rounded a.qq:hover { background-color: #23286c !important; } .social-media.rounded a.rebel:hover { background-color: #000 !important; } .social-media.rounded a.reddit:hover { background-color: #cee3f8 !important; } .social-media.rounded a.renren:hover { background-color: #0d81e4 !important; } .social-media.rounded a.share:hover { background-color: #252525 !important; } .social-media.rounded a.slack:hover { background-color: #453744 !important; } .social-media.rounded a.soundcloud:hover { background-color: #fe4e00 !important; } .social-media.rounded a.spotify:hover { background-color: #80bb41 !important; } .social-media.rounded a.stack-exchange:hover { background-color: #265a93 !important; } .social-media.rounded a.stackoverflow:hover { background-color: #fea501 !important; } .social-media.rounded a.steam:hover { background-color: #191919 !important; } .social-media.rounded a.stumbleupon:hover { background-color: #f04f23 !important; } .social-media.rounded a.tencent-weibo:hover { background-color: #0063a7 !important; } .social-media.rounded a.trello:hover { background-color: #226784 !important; } .social-media.rounded a.vine:hover { background-color: #00b081 !important; } .social-media.rounded a.vk:hover { background-color: #50769d !important; } .social-media.rounded a.wechat:hover { background-color: #a4dc31 !important; } .social-media.rounded a.weibo:hover { background-color: #d82828 !important; } .social-media.rounded a.wordpress:hover { background-color: #454442 !important; } .social-media.rounded a.yahoo:hover { background-color: #4b04a8 !important; } .social-media.rounded a.ftpx:hover { background-color: #000 !important; } .social-media.rounded a.amazon:hover { background-color: #ff9900 !important; } .social-media.rounded a.angellist:hover { background-color: #000 !important; } .social-media.rounded a.btc:hover { background-color: #f7931b !important; } .social-media.rounded a.black-tie:hover { background-color: #000 !important; } .social-media.rounded a.bluetooth:hover { background-color: #0a3d91 !important; } .social-media.rounded a.buysellads:hover { background-color: #ba0202 !important; } .social-media.rounded a.cc-amex:hover { background-color: #016dd2 !important; } .social-media.rounded a.cc-diners-club:hover { background-color: #0069aa !important; } .social-media.rounded a.cc-discover:hover { background-color: #f88737 !important; } .social-media.rounded a.cc-jcb:hover { background-color: #29166f !important; } .social-media.rounded a.cc-mastercard:hover { background-color: #fe9611 !important; } .social-media.rounded a.paypal:hover { background-color: #012069 !important; } .social-media.rounded a.cc-stripe:hover { background-color: #49b802 !important; } .social-media.rounded a.cc-visa:hover { background-color: #1b4da2 !important; } .social-media.rounded a.chrome:hover { background-color: #edcd16 !important; } .social-media.rounded a.codepen:hover { background-color: #1b1c1b !important; } .social-media.rounded a.codiepie:hover { background-color: #000 !important; } .social-media.rounded a.connectdevelop:hover { background-color: #023cb0 !important; } .social-media.rounded a.contao:hover { background-color: #e4790f !important; } .social-media.rounded a.dashcube:hover { background-color: #000 !important; } .social-media.rounded a.edge:hover { background-color: #2c74be !important; } .social-media.rounded a.expeditedssl:hover { background-color: #2e2e2e !important; } .social-media.rounded a.firefox:hover { background-color: #df731b !important; } .social-media.rounded a.fonticons:hover { background-color: #1d1e2a !important; } .social-media.rounded a.fort-awesome:hover { background-color: #000 !important; } .social-media.rounded a.forumbee:hover { background-color: #85ac2f !important; } .social-media.rounded a.get-pocket:hover { background-color: #e84352 !important; } .social-media.rounded a.gg:hover { background-color: #fd0002 !important; } .social-media.rounded a.gratipay:hover { background-color: #653614 !important; } .social-media.rounded a.houzz:hover { background-color: #9bc545 !important; } .social-media.rounded a.internet-explorer:hover { background-color: #00bcf2 !important; } .social-media.rounded a.ioxhost:hover { background-color: #f6a814 !important; } .social-media.rounded a.lastfm:hover { background-color: #e2152b !important; } .social-media.rounded a.leanpub:hover { background-color: #231f20 !important; } .social-media.rounded a.meanpath:hover { background-color: #538dd6 !important; } .social-media.rounded a.medium:hover { background-color: #00ab6c !important; } .social-media.rounded a.mixcloud:hover { background-color: #040204 !important; } .social-media.rounded a.modx:hover { background-color: #8ed547 !important; } .social-media.rounded a.odnoklassniki:hover { background-color: #f68634 !important; } .social-media.rounded a.opencart:hover { background-color: #00c1f2 !important; } .social-media.rounded a.opera:hover { background-color: #e81617 !important; } .social-media.rounded a.optin-monster:hover { background-color: #8ed31e !important; } .social-media.rounded a.product-hunt:hover { background-color: #d6573d !important; } .social-media.rounded a.reddit:hover { background-color: #ff4500 !important; } .social-media.rounded a.safari:hover { background-color: #2973d9 !important; } .social-media.rounded a.scribd:hover { background-color: #382d29 !important; } .social-media.rounded a.sellsy:hover { background-color: #006ca2 !important; } .social-media.rounded a.shirtsinbulk:hover { background-color: #dd3a26 !important; } .social-media.rounded a.simplybuilt:hover { background-color: #322f34 !important; } .social-media.rounded a.skyatlas:hover { background-color: #01aebe !important; } .social-media.rounded a.slideshare:hover { background-color: #13999a !important; } .social-media.rounded a.stack-overflow:hover { background-color: #ef532a !important; } .social-media.rounded a.tripadvisor:hover { background-color: #1e892f !important; } .social-media.rounded a.twitch:hover { background-color: #6441a5 !important; } .social-media.rounded a.usb:hover { background-color: #000 !important; } .social-media.rounded a.viacoin:hover { background-color: #2376a2 !important; } .social-media.rounded a.whatsapp:hover { background-color: #44c254 !important; } .social-media.rounded a.wikipedia:hover { background-color: #0c0c0c !important; } .social-media.rounded a.y-combinator:hover { background-color: #ff6501 !important; } .social-media.rounded a.yelp:hover { background-color: #bf311b !important; } .social-media.rounded a.email:hover { background-color: #689c49 !important; } .social-media.rounded a.envira:hover { background-color: #75bd3b !important; } .social-media.rounded a.gitlab:hover { background-color: #e24329 !important; } .social-media.rounded a.glide:hover { background-color: #00a7ff !important; } .social-media.rounded a.snapchat:hover { background-color: #efe200 !important; } .social-media.rounded a.viadeo:hover { background-color: #f4982b !important; } .social-media.rounded a.wpbeginner:hover { background-color: #ff6600 !important; } .social-media.rounded a.wpforms:hover { background-color: #b6581a !important; } /* DEFAULT COLOR */ .social-media.default-color a:hover { color: #f08614 !important; } .social-media.bordered.default-color a:hover { border-color: #f08614 !important; color: #f08614 !important; } .social-media.rounded.default-color a:hover { background-color: #f08614 !important; color: #fff !important; } /*********************************************************************************** * + SLIDERS ***********************************************************************************/ /* REVOLUTION SLIDER */ .rev_slider_wrapper { //margin-bottom: 100px; height: 650px; } /* BULLETS */ .tp-bullets.custom .tp-bullet { width: 8px; height: 8px; border-radius: 50%; background-color: #d7d7d7; -webkit-transition: all 0.3s; transition: all 0.3s; } .tp-bullets.custom .tp-bullet:hover, .tp-bullets.custom .tp-bullet.selected { background-color: #f08614; } /* TYPOGRAPHY */ .tp-caption.title { color: #fff; font-size: 72px; line-height: 72px; font-weight: 800; text-transform: uppercase; } .tp-caption.title-2 { color: #002047; font-size: 72px; line-height: 72px; font-weight: 800; text-transform: uppercase; } .tp-caption.title-2 span { margin: 0 -15px; font-family: "Open Sans", sans-serif; font-size: 48px; font-weight: 300; text-transform: lowercase; } .tp-caption.title-small { color: #f08614; font-size: 36px; line-height: 48px; font-weight: 800; text-transform: uppercase; } .tp-caption.title-small-2 { color: #fff; font-family: "Montserrat", sans-serif; font-size: 60px; line-height: 72px; font-weight: 700; } .tp-caption.title-small-2 .text-light { font-family: "Open Sans", sans-serif; font-weight: 300; } .tp-caption.title-small-2 .text-light span { color: #f08614; } .tp-caption.subtitle { color: #fff; font-size: 18px; line-height: 30px; font-weight: 600; } .tp-caption.subtitle-2 { color: #f08614; font-size: 18px; line-height: 30px; font-weight: 600; } .tp-caption.subtitle-3 { color: #f08614; font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 42px; } .tp-caption.subtitle-4 { color: #f08614; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 36px; } .tp-caption.text { color: #fff; font-size: 16px; line-height: 26px; } .tp-caption.text-2 { color: #838383; font-size: 16px; line-height: 26px; } .tp-caption.link a { display: block; width: 460px; padding: 10px 50px; border-radius: 4px; background-color: #001631; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; } .tp-caption.link a:hover { background-color: #f08614; } .tp-caption.rectangle { width: 755px; height: 320px; border-top: 3px solid #f08614; background-color: #00152e; } .tp-caption.rectangle-2 { width: 460px; height: 405px; border-radius: 20px; background-color: #23447f; } @media (min-width: 768px) and (max-width: 991px) { .tparrows.tp-leftarrow, .tparrows.tp-rightarrow { display: none; } .tp-caption.rectangle { width: 470px; height: 250px; margin-left: 30px; } .tp-caption .btn { padding: 9px 25px; font-size: 10px; } .tp-caption.title-2 span { margin: 0 -5px; } .tp-caption.rectangle-2 { width: 350px; height: 300px; } .tp-caption.link a { width: 350px; padding-left: 35px; } } @media (max-width: 767px) { .tparrows.tp-leftarrow, .tparrows.tp-rightarrow { display: none; } .tp-bullets.custom { top: auto !important; bottom: -30px !important; } .tp-caption.rectangle { width: 220px; height: 100px; margin-left: 30px; } .tp-caption .btn { padding: 4px 15px; font-size: 4px; } .tp-caption.title-2 span { margin: 0; font-size: 20px; } .tp-caption.rectangle-2 { width: 150px; height: 120px; border-radius: 10px; } .tp-caption.link a { width: 150px; padding: 5px 15px; margin-top: 10px; font-size: 6px; } } @media (min-width: 480px) and (max-width: 767px) { .tp-caption.rectangle { width: 300px; height: 150px; margin-left: 30px; } .tp-caption .btn { padding: 6px 20px; font-size: 6px; } .tp-caption.rectangle-2 { width: 250px; height: 180px; } .tp-caption.link a { width: 250px; padding: 8px 20px; font-size: 8px; } } /* OWL Carousel */ .owl-carousel { margin-bottom: 50px; } .owl-carousel .owl-item img { display: inline; width: auto; } .owl-dots { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; } .owl-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; background-color: #ebebeb; } .owl-dot:hover, .owl-dot.active { background-color: #f08614; } .owl-dot:last-child { margin-right: 0; } .owl-prev, .owl-next { position: absolute; top: 50%; width: 32px; height: 32px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .owl-prev { left: -20px; } .owl-next { right: -20px; } .owl-prev:before, .owl-next:before { font-family: "FontAwesome"; font-size: 24px; } .owl-prev:before { content: "\f104"; } .owl-next:before { content: "\f105"; } .owl-prev:hover, .owl-next:hover { opacity: 0.5; } /* TESTIMONIALS SLIDER */ .testimonials-slider .owl-prev { left: -40px; } .testimonials-slider .owl-next { right: -40px; } .testimonials-slider .owl-dots { bottom: -10px; display: none !important; } /* LOGOS SLIDER */ .logos-slider { margin-bottom: 30px; text-align: center; } .logos-slider .item a { display: block; height: 90px; padding: 0 20px; text-align: center; background: no-repeat top center; -webkit-transition: all 0.3s; transition: all 0.3s; } .logos-slider .item a:hover { background-position: bottom center; } @media (min-width: 768px) and (max-width: 991px) { .testimonials-slider .owl-dots { display: block !important; } .testimonials-slider .owl-prev, .testimonials-slider .owl-next { display: none !important; } } @media (max-width: 767px) { .owl-dots { bottom: 15px; } .testimonials-slider .owl-dots { display: block !important; } .testimonials-slider .owl-prev, .testimonials-slider .owl-next { display: none !important; } }