/*----------------------------------------------------------------------------------- Theme Name: RaiseApp HTML5 Template Theme URI: http://raiseapp-html.xthemeapollo.com/ Description: Multi-Purpose HTML5 Web UI Kit (Dark) Author: XThemeApollo Author URI: https://themeforest.net/user/xthemeapollo Version: 1.4 SCSS version -----------------------------------------------------------------------------------*/ /*------------------------------------------------------------------ 1. Variables 1.1 Colors Black rgb(26,28,32) Dark Blue rgb(47,53,66) Dark Gray rgb(59,65,79) Light Gray rgb(193,193,193) White rgb(218,226,232) Green rgb(0,213,195) Yellow rgb(231,219,83) Default Background Color Dark Blue Default Text Color White Default Border Color Dark Gray Default Divider Color rgb(68,74,85) Message - Information Color rgb(89,167,199) Message - Success Color Green Message - Warning Color rgb(193,175,122) Message - Error Color rgb(208,100,133) Social Colors - Twitter #00aced - Facebook #3b5998 - Google Plus #dd4b39 - Pinterest #cb2027 - Linkedin #007bb6 - Youtube #bb0000 - Vimeo #1ab7ea - Tumblr #32506d - Instagram #bc2a8d - Flickr #ff0084 - Dribbble #ea4c89 - Foursquare #0072b1 - VK #45668e - Wordpress #21759b - Stumbleupon #EB4823 - Yahoo #7B0099 - Soundcloud #ff3a00 - Behance #1378fe - Skype #19b0e7 1.2 Default Opacity 0.9 2. Fonts 2.1 Font Sizes H1 36px; H2 30px; H3 28px; H4 24px; H5 22px; H6 18px; Text - Large Size 18px; Text - Default Size 14px; Text - Small Size 12px; 2.2 Default Font Family: "Raleway" 3. Components 3.1 Accordion 3.2 Blog 3.3 Boxed Content 3.4 Button 3.5 Client 3.6 Contact 3.7 Countdown 3.8 Counter 3.9 CTA (Call To Action) 3.10 Divider 3.11 Dropcaps, Ampersand, Text Highlights, Tooltips 3.12 FAQ 3.13 Featured Content 3.14 Filter Box 3.15 Footer 3.16 Form 3.17 Gallery 3.18 Google Map 3.19 Header 3.20 Hero 3.21 Headline 3.22 Icon Boxes 3.23 Image 3.24 Image Banners 3.25 Lightbox 3.26 Mailchimp Email 3.27 Message Boxes 3.28 Offcanvas Menu 3.29 Pricing Table 3.30 Tab 3.31 Table 3.32 Team Members Boxes 3.33 Testimonial 3.34 Typography 3.35 Title Boxes 3.36 Video Boxes 3.40 Widgets (Side Bar) -------------------------------------------------------------------*/ /* ---------------------------------------------------------------------- * * Stylesheets for Main HTML Elements * * ---------------------------------------------------------------------- */ html, body { margin: 0; padding: 0; min-height: 100vh; font-family: "Raleway", sans-serif; line-height: 2em; letter-spacing: 0; color: #dae2e8; background-color: #2f3542; overflow-x: hidden; } html *, body * { outline: inherit !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out; } header { /* min-height: 50px; */ } footer { /* min-height: 50px; */ } a { color: #00d5c3; } a:hover { color: #20f5e3; text-decoration: none; } a:focus { background-color: transparent; border-color: transparent; text-decoration: none; color: #20f5e3; } a img { max-width: 100%; border: none; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .25em; font-family: "Raleway", sans-serif; line-height: 1.2; word-spacing: 0; letter-spacing: 0; color: white; } h1.h-green, h2.h-green, h3.h-green, h4.h-green, h5.h-green, h6.h-green { color: #00d5c3; } h1 { font-size: 36px; font-weight: 800; margin-bottom: .5em; } h2 { font-size: 30px; font-weight: 800; margin-bottom: .75em; } h3 { font-size: 28px; font-weight: 700; } h4 { font-size: 24px; font-weight: 700; } h5 { font-size: 22px; font-weight: 700; } h6 { font-size: 18px; font-weight: 700; } .h-extra-large { font-size: 48px; } .h-large { font-size: 36px; } ul.ordered-list li { list-style-type: decimal; } ul.unordered-list li { list-style-type: disc; } ul.underlined-list li { border-bottom: 1px solid #2f3542; } ul.underlined-list li:last-child { border-color: transparent; } ul li { padding-top: 1px; padding-bottom: 1px; padding-left: 5px; list-style: none; } .ra-list > div:after { content: ""; display: block; clear: both; float: none; } .ra-list .ra-list-icon { display: block; margin-right: 5px; padding: 5px 0; width: 10px; float: left; line-height: 1.25em; } .ra-list .ra-list-item { display: block; padding: 5px 0; width: calc(100% - 25px); float: left; line-height: 1.25em; } abbr { text-decoration: dotted; } input { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } input::-ms-clear { display: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity: 1; } iframe { border: 0; } /* lazy loading */ img.lazy-loading { color: transparent; background: transparent url("data:image/gif;base64,R0lGODlhQwBDAPcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2VycTielg3IuAHUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwXVxBHXxxrZySfbyy/czTTdzzfdzzjdzzne0Dre0D3e0UHf0Ufg003h1Fjj12nm23Ln3Xfo3njo33no33ro33rp33rp33vp337p4Ibr4pru56Pw6azx67Ly7bXz7rjz7rjz7rn07rn077r077v077z0773077/078H18MP18MT18MT18MP18MP18MT18cv38tP49Nn59uP6+O/8+/z+/vv+/vn+/fn+/fj+/ff+/ff+/ff+/ff+/ff+/ff+/ff+/fb9/fb9/Pb9/Pb9/ff+/fj+/fj+/fn+/fr+/fr+/vv+/vv+/vz+/v3+/v3+/v3///7///7///7///7///7///7///7///7///7///7///7//////////////////////////////////////////////////////////////////////////////////////////////////////////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBADmACwAAAAAQwBDAAAI/gDNCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6bNmzhz6twZMRixn0CBarPoK5fRo0d3GXwlqqlTp68MTtJDtWrVVhZbWd06yaCnrVY9SQV7NStZql0Lfj0rtuDUs1graj2bluBasm0JviUbl+JcsnUH3gWbd+BesH0n/gUbWODgrYUFHt6aWOJirl7P6olsbrLVyhEvW21s7nHYsXDN0s3MFjVf1YBZ43WNGDZj2YRpU7aNWa1mzp7LViyKFKnSgkyfPo3qVjNomT6DBh3Ks7r169iza9/Ovbv37+DDDosfT768+fPo06tfTzIgACH5BAkEANMALAAAAABDAEMAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXVJsajiOhx+uognJuQLSwADUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwLVwwTVwwTVwwXVwwXVxAjWxA7XxhvZySfbyy7czTPdzjfdzzne0Dne0Dre0D3e0UDf0UXg00vh1FLi1lrj12fl2m7n3HTo3Xfo3njo3nnp33np33np33rp33vp333p4IDq4IPq4Yzs45Lt5Zbt5pju5pru55vu55zu553v6J3v6J3v6J/v6KXw6qnx663x67Hy7LTz7bbz7rjz7rn077n077r077z078D18MP18cX18cX18cb18cb18cn28sz2887389H39NX49dr49t359uD59+P6+OX6+Ob6+ef6+ef7+en7+fP9/Pf9/fr+/f3+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wj+AKcJHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3MnzYLBbQIMGDWaQFamjSJEKsxjrj9OnTxcZrCSnqlWrlQweusr1lcVXXK8emhoWq9ayVb1WBIt2bEGqaLMW3IpWLUW2Zd0ShFtWLkG6Ze1OxBtW70C+Yf0OBBxWsETCXA0LRMxVsUDGXb+ilSN5GuWrlqdhvuo4ImSxZOOerau5beq+qwO3zvs6cezGTKHqlvp2c+jRVkuH/ClUKNGCRpMmXdqzufPn0KNLn069uvXr2LNr3869u/fv4MMFix/vPSAAIfkECQQAyAAsAAAAAEMAQwCHAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaVWJhS3FuOomCG7KlC8a2BM+9AdPBANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDAdXDAdXDAdXDAdXDAdXDAdXDAtXDBdXEDNbFGNjIJdrLM93ON93PON3PON3POd3POd3POd3POd3POd3POd3POd7QOt7QO97QP97RQ9/SSeDTU+LWW+PYYeXZZ+bbbObccefddOjddujed+jeeOjfeenfe+nffunggerhi+zjmO7mpvDqrvLstPPtt/PuuPPuufPvufTvuvTvwPTwxvXyy/bz0Pf01Pj11vj12vn23Pn33vn33/n34/r45vr56Pv56fv67Pv67/z79f38/f7+/v7+/v7+/v7+/v7+/////////v7+/v7+/f7+/v7+/v7+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////CP4AkQkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+rcyROjr11AgwYVZpFWpaNIkXYyWKqQ06dPSxmkFKeqVauwLMK6ypWSQVJcr5KaGhar1rJVvRYEi3ZsQapos1bcilYtQbZl3RKEW1YuRbpl7Q7EG1bvQL5h/U4EHFawQMJcDQtEzFWxRMZdv6KNIxkZ5auWI2K+6hgZZLFk456tq7lt6r6rA7fO+zpx0aS4lxZsChWq1LebQ8v0xau4ceNEeypfzry58+fQo0ufTr269evYs2vfzr279+/gtwIHBAAh+QQJBADFACwAAAAAQwBDAIcAAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8QEBARERESEhITExMUFBQVFRUWFhYXFxcYGBgZGRkaGhobGxscHBwdHR0eHh4fHx8gICAhISEiIiIjIyMkJCQlJSUmJiYnJycoKCgpKSkqKiorKyssLCwtLS0uLi4vLy8wMDAxMTEyMjIzMzM0NDQ1NTU2NjY3Nzc4ODg5OTk6Ojo7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NERERFRUVGRkZHR0dISEhJSUlKSkpLS0tMTExNTU1OTk5PT09QUFBRUVFSUlJTU1NOW1o9d3ItkYkZr6MNwbIFzbwB08EA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMB1cMF1cQJ1sQM1sUN1sUO1sUO1sUP18YP18YR18YS18YX2Mgd2ckk2ssr280t280u280u3M0v3M0v3M4x3M4z3M413c833c843c853tA53tA63tA83tBC39JH4NNK4dRN4dRS4tVW49ZZ49db49dc5Nhd5Nhh5dlq5ttx59106N536N556d956d966d986d+B6uGF6+KL6+OS7eWb7uem8Oqv8uy28+648+648+658++69O+89O+/9PDB9fDD9fHM9/PR9/TV+PXZ+fbf+vfv/Pv0/fz5/v38/v7+/v7+/v7///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8I+gCLCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6bNmzhz6tzJMyevT0CDBlVlsFWjo0iRtjKIKZDTp09vWaS1pqpVq5MMmrrK1ZTBSVyv0poaFqvWslW9FgSLdmxFqmizFtyKVi1BtmXdUoRbVi5BumXtDsQbVu9EvmH9DgQcVrBAwlwNS0TMVbFAxl2/ol0jOSLlq5aLYb7quBhksWTjnq2ruW3qvqsDt85r8adQoUQLGk2adGnBplChSu1JvLjx48iTK1/OvLnz59CjS59Ovbr169iza9/eMyAAIfkECQQAwwAsAAAAAEMAQwCHAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXSG1qNYqDHqufEL6vB8q6AtLAANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDANXDAdXDA9XDEdfHHNnJJtvMLtzNMtzOM93PM93PM93PM93PNN3PNd3PNd3PN93PON3PON3PON3PON3PON3PON3PPd7RQt/SSeDTTOHUTuHVUOHVU+LWVeLWV+PXW+PYX+TZZeXaaubbb+bccOfdcefdc+fddejeeOjeeenfe+nffenggOrhhevij+zkme7noO/opPDpqfHrrvLssvLttvPuuPPuufTvuvTvvPTvv/TwxPXxxfXxx/by0Pf01Pj12Pj23vn34/r48Pz7+P79+v79/P7+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////CPoAhwkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+rcyTMnL1BAgwZVZbAVpqNIkbYy2ImQ06dPc1mc9aaqVauMDJa6yrWUQUZcr86aGhar1rJVvRYEi3ZsRaposxbcilYtQbZl3VKEW1YuQbpl7Q7EG1bvRL5h/Q4EHFawQMJcDUtEzFWxQMZdv6J9Izki5auWh2G+6ngYZLFk456tq7lt6r6rA7fOa/GnUKFECxpNmnRpwaZQoUrtSby48ePIkytfzry58+fQo0ufTr269evYs2vf3jMgACH5BAkEAMIALAAAAABDAEMAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVkdsaTSJgh2rnxC+rwfKugLRwADUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwPVwwrWxRLXxxvZySHayibbyyrbzDDczjTdzjbdzzjdzzjdzzne0Dne0Dne0Dne0Dre0Dre0Dve0Dze0EHf0UTg0kjg00vh1Ezh1E3h1E7h1FHi1VPi1lfj1lvk2GDk2WTl2mjm22nm22rm22zm3G7n3HPn3Xbo3njo3njo3njo33jp33jp33np33vp33/q4IPq4Yvs45Lt5Z7v6Kbw6q3x67Dy7LPy7bXz7rfz7rjz7rn077v077308MD18MP18cb18s3388/39NP39OD6+OX6+ev7+vD8+/b9/fr+/vz+/v7+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wj6AIUJHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mkzp65QQIMGRWWQ1aWjSJGyMggKktOnT3FZjOWmqlWrggyOusp1lEFBXK/GmhoWq9ayVb0WBIt2bEWqaLMW3IpWLUG2Zd1ShFtWLkG6Ze0OxBtW70S+Yf0OBBxWsEDCXA1LRMxVsUDGXb+idSM5IuWrloVhvupYGGSxZOOerau5beq+qwO3zmvxp1ChRAsaTZp0acGmUKFK7Um8uPHjyJMrX868ufPn0KNLn069uvXr2LNr394zIAAh+QQJBADMACwAAAAAQwBDAIcAAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8QEBARERESEhITExMUFBQVFRUWFhYXFxcYGBgZGRkaGhobGxscHBwdHR0eHh4fHx8gICAhISEiIiIjIyMkJCQlJSUmJiYnJycoKCgpKSkqKiorKyssLCwtLS0uLi4vLy8wMDAxMTEyMjIzMzM0NDQ1NTU2NjY3Nzc4ODg5OTk6Ojo7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NERERFRUVGRkZHR0dISEhJSUlKSkpLS0tMTExNTU1OTk5PT09QUFBRUVFSUlJTU1NUVFRVVVVWVlZXV1dYWFhZWVlPaGY+gXstmZAZs6YOwrMGzLwC0sAA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cME1cMK1sUT2Mcb2ckf2sol2ssp28wu3M0z3c423c843c853tA53tA53tA53tA63tA73tA83tBC39JK4NRQ4dVW4tZc49hg5Nlj5Nlk5dpm5dpn5dpp5dts5txw59xz59116N516N526N536N536N546N556d956d966d986d9/6uCD6uGJ6+ON7OSW7eab7uei7+mp8euv8uy08u218+638+648+658+659O+59O+79O+/9PDE9fHJ9vLM9vPQ9/TT9/TW+PXa+Pbe+ffh+vjl+vjq+/rw/Pvy/Pz8/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8I+gCZCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6bNmzhz6tzJMycvUECDBkVl8JWmo0iRvjJoapLTp093WZQFp6pVq4UMgrrKFZTBQlyvypoaFqvWslW9FgSLdmxFqmizFtyKVi1BtmXdUoRbVi5BumXtDsQbVu9EvmH9DgQcVrBAwlwNS0TMVbFAxl2/ooUjOSLlq5aZYb7qmBlksWTjnq2ruW3qvqsDt85r8adQoUQLGk2adGnBplChSu1JvLjx48iTK1/OvLnz59CjS59Ovbr169iza9/eMyAAIfkECQQAzAAsAAAAAEMAQwCHAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaS3BsN4yFH6ygEb6wB8u6AtHAANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANXDANXDANXDANXDANXDANXDANXDANXDAdXDBdXEDdfGFtjIGdnIH9nKJdrLLtzNM93ONt3PON3PON3PON3POd7QOd7QOt7QOt7QO97QPd7RQN/RQ9/SSeDTV+LXYOTZZuXabObccObccOfccefdcefdcufdc+fddejed+jeeOjeeejfeenfeenfeenfeenfeunffenggerhiOvikOzkmO7mnu/opPDpqPHqrPHrsfLttvPuuPPuufTvufTvufTvufTvuvTvvPTvwfXwxvbyy/bzz/f00vf01fj12fn23Pn33/n34vr45vv56vv68Pz79P38/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////CPsAmQkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+rcyTMnL09AgwY9ZfCV0KOvDJqyxLRp010WX8mZSpXqIYOeqmr1ZPCQ1qpJK0r9OvVqwaxk5XAt6DVtWIpjyZoliJbsWoJtyb6dGPfr3IF1v94dmPfrXol9tf4VGHhr17RyDkdMXHUxs8ZVBwssrFUyRMpWsULWzIwz2KiQLWOmSto0Vc8PQZcVnbY1ZNgOfx4dWnR3UMlLnTqF2rO48ePIkytfzry58+fQo0ufTr269evYs2vfzr1nQAAh+QQJBADMACwAAAAAQwBDAIcAAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8QEBARERESEhITExMUFBQVFRUWFhYXFxcYGBgZGRkaGhobGxscHBwdHR0eHh4fHx8gICAhISEiIiIjIyMkJCQlJSUmJiYnJycoKCgpKSkqKiorKyssLCwtLS0uLi4vLy8wMDAxMTEyMjIzMzM0NDQ1NTU2NjY3Nzc4ODg5OTk6Ojo7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NERERFRUVGRkZHR0dISEhJSUlKSkpLS0tMTExNTU1OTk5PT09QUFBRUVFSUlJTU1NUVFRVVVVWVlZXV1dYWFhZWVlaWlpLcGw3jIUfrKARvrAHy7oC0cAA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMC1cMI1sQQ18YX2Mgd2ckj2sso28wt3M0y3c413c833c843c843c853tA53tA53tA63tA83tA/39FE39JJ4NNS4tVb49ho5ttx59126N546N546N546N546N546N546N546N546N946d956d986d+A6uCE6uGJ6+KM7OOR7eWW7eaa7uef7+ij8Omn8Oqs8eux8u238+648+648+659O+59O+59O+59O+69O+69O+/9PDE9fHI9vLO9/TR9/TV+PXY+Pbb+fff+ffi+vjl+vnp+/rv/Pvy/Pz1/fz+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8I+wCZCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6bNmzhz6tzJM+euTkCDBi1l0JXQo64MkuLEtGnTXRZdyZlKleohg52qau1k8JDWqkkrSv069WrBrGTlcC3oNW1YimPJmiWIluxagm3Jvp0Y9+vcgXW/3h2Y9+teiX21/hUYeGvXtHIOR0xcdTGzxlUHCyysVTJEylaxQtbMjDPYqJAtY6ZK2jRVzw9BlxWdtjVk2A5/Hh1adHdQyUudOoXas7jx48iTK1/OvLnz59CjS59Ovbr169iza9/OvWdAACH5BAkEAMwALAAAAABDAEMAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWktwbDeMhR+soBG+sAfLugLRwADUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwLVwwjWxBDXxhfYyB3ZySPayyjbzC3czTLdzjXdzzfdzzjdzzjdzzne0Dne0Dne0Dre0Dze0D/f0UTf0kng00/h1Vfj12Dk2Wzm23Xo3njo3njo3njo3njo3njo3njo3njo3njo33np33np33rp333p4IPq4Yjr44zs5JLt5Zbt5pru55/v6KPw6afw6qvx67Dy7Lbz7rjz7rnz7rn077n077n077n077r077v077/08MT18cj28s739NH39NX49dj49tv599/59+L6+OX6+en7+u/8+/L8/PX9/P7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wj6AJkJHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mkz5y5OQIMGLWXQldCjrgyWOip0l0VXcqJKlXrIIKepWDkZPIR1atKKULtGrVrwqlg5WgtyPfuVYlixZAmaFZuW4FqxbSe+7Rp34NyudQfe7ZpX4l6sfQX+zbr1rJzCEQ9PTcxs8dTAAgdjhQxRMlWrjjEz0+z1qWPKlqWKJi2V80PPY0GfXe3YtcOfTIESLWg0NyfIS3077Um8uPHjyJMrX868ufPn0KNLn069uvXr2LNr394zIAAh+QQJBADMACwAAAAAQwBDAIcAAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8QEBARERESEhITExMUFBQVFRUWFhYXFxcYGBgZGRkaGhobGxscHBwdHR0eHh4fHx8gICAhISEiIiIjIyMkJCQlJSUmJiYnJycoKCgpKSkqKiorKyssLCwtLS0uLi4vLy8wMDAxMTEyMjIzMzM0NDQ1NTU2NjY3Nzc4ODg5OTk6Ojo7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NERERFRUVGRkZHR0dISEhJSUlKSkpLS0tMTExNTU1OTk5PT09QUFBRUVFSUlJTU1NUVFRVVVVWVlZXV1dYWFhZWVlaWlpLcGw3jIUfrKARvrAHy7oC0cAA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMC1cMI1sQQ18YX2Mgd2ckj2sso28wt3M0y3c413c833c843c843c853tA53tA53tA63tA83tA/39FE39JJ4NNP4dVX49dg5Nls5tt16N546N546N546N546N546N546N546N546N956d956d966d996eCD6uGI6+OM7OSS7eWW7eaa7uef7+ij8Omn8Oqr8euw8uy28+648+658+659O+59O+59O+59O+69O+79O+/9PDE9fHI9vLO9/TR9/TV+PXY+Pbb+fff+ffi+vjl+vnp+/rv/Pvy/Pz1/fz+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8I+gCZCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6bNmzhz6tzJM+cuTkCDBi1l0JXQo64MljoqdJdFV3KiSpV6yCCnqVg5GTyEdWrSilC7Rq1a8KpYOVoLcj37lWJYsWQJmhWbluBasW0nvu0ad+DcrnUH3u2aV+JerH0F/s269aycwhEPT03MbPHUwAIHY4UMUTJVq44xM9Ps9aljypaliiYtlfNDz2NBn13t2LXDn0yBEi1oNDcnyEt9O+1JvLjx48iTK1/OvLnz59CjS59Ovbr169iza9/eMyAAIfkECQQAzAAsAAAAAEMAQwCHAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaS3BsN4yFH6ygEb6wB8u6AtHAANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANXDANXDANXDANXDANXDANXDANXDANXDAtXDCNbEENfGF9jIHdnJI9rLKNvMLdzNMt3ONd3PN93PON3PON3POd7QOd7QOd7QOt7QPN7QP9/RRN/SSeDTT+HVV+PXYOTZbObbdejeeOjeeOjeeOjeeOjeeOjeeOjeeOjeeOjfeenfeenfeunffengg+rhiOvjjOzkku3llu3mmu7nn+/oo/Dpp/Dqq/HrsPLstvPuuPPuufPuufTvufTvufTvufTvuvTvu/Tvv/TwxPXxyPbyzvf00ff01fj12Pj22/n33/n34vr45fr56fv67/z78vz89f38/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////CPoAmQkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+rcyTPnLk5AgwYtZdCV0KOuDJY6KnSXRVdyokqVesggp6lYORk8hHVq0opQu0atWvCqWDlaC3I9+5ViWLFkCZoVm5bgWrFtJ77tGnfg3K51B97tmlfiXqx9Bf7NuvWsnMIRD09NzGzx1MACB2OFDFEyVauOMTPT7PWpY8qWpYomLZXzQ89jQZ9d7di1w59MgRItaDQ3J8hLfTvtSby48ePIkytfzry58+fQo0ufTr269evYs2vf3jMgACH5BAkEAMwALAAAAABDAEMAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWktwbDeMhR+soBG+sAfLugLRwADUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwLVwwjWxBDXxhfYyB3ZySPayyjbzC3czTLdzjXdzzfdzzjdzzjdzzne0Dne0Dne0Dre0Dze0D/f0UTf0kng00/h1Vfj12Dk2Wzm23Xo3njo3njo3njo3njo3njo3njo3njo3njo33np33np33rp333p4IPq4Yjr44zs5JLt5Zbt5pru55/v6KPw6afw6qvx67Dy7Lbz7rjz7rnz7rn077n077n077n077r077v077/08MT18cj28s739NH39NX49dj49tv599/59+L6+OX6+en7+u/8+/L8/PX9/P7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wj6AJkJHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mkz5y5OQIMGLWXQldCjrgyWOip0l0VXcqJKlXrIIKepWDkZPIR1atKKULtGrVrwqlg5WgtyPfuVYlixZAmaFZuW4FqxbSe+7Rp34NyudQfe7ZpX4l6sfQX+zbr1rJzCEQ9PTcxs8dTAAgdjhQxRMlWrjjEz0+z1qWPKlqWKJi2V80PPY0GfXe3YtcOfTIESLWg0NyfIS3077Um8uPHjyJMrX868ufPn0KNLn069uvXr2LNr394zIAAh+QQJBADMACwAAAAAQwBDAIcAAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8QEBARERESEhITExMUFBQVFRUWFhYXFxcYGBgZGRkaGhobGxscHBwdHR0eHh4fHx8gICAhISEiIiIjIyMkJCQlJSUmJiYnJycoKCgpKSkqKiorKyssLCwtLS0uLi4vLy8wMDAxMTEyMjIzMzM0NDQ1NTU2NjY3Nzc4ODg5OTk6Ojo7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NERERFRUVGRkZHR0dISEhJSUlKSkpLS0tMTExNTU1OTk5PT09QUFBRUVFSUlJTU1NUVFRVVVVWVlZXV1dYWFhZWVlaWlpLcGw3jIUfrKARvrAHy7oC0cAA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMC1cMI1sQQ18YX2Mgd2ckj2sso28wt3M0y3c413c833c843c843c853tA53tA53tA63tA83tA/39FE39JJ4NNP4dVX49dg5Nls5tt16N546N546N546N546N546N546N546N546N956d956d966d996eCD6uGI6+OM7OSS7eWW7eaa7uef7+ij8Omn8Oqr8euw8uy28+648+658+659O+59O+59O+59O+69O+79O+/9PDE9fHI9vLO9/TR9/TV+PXY+Pbb+fff+ffi+vjl+vnp+/rv/Pvy/Pz1/fz+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8I+gCZCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6bNmzhz6tzJM+cuTkCDBi1l0JXQo64MljoqdJdFV3KiSpV6yCCnqVg5GTyEdWrSilC7Rq1a8KpYOVoLcj37lWJYsWQJmhWbluBasW0nvu0ad+DcrnUH3u2aV+JerH0F/s269aycwhEPT03MbPHUwAIHY4UMUTJVq44xM9Ps9aljypaliiYtlfNDz2NBn13t2LXDn0yBEi1oNDcnyEt9O+1JvLjx48iTK1/OvLnz59CjS59Ovbr169iza9/eMyAAIfkECQQAzgAsAAAAAEMAQwCHAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaW1tbXFxcXV1dXl5eTnNwOY6HGrSnCsi4A9C/ANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANXDANXDANXDANXDANXDANXDANXDANXDANXDA9XDDdfGGdnII9rLLdzNM93ONt3PN93PON3POd7QOd7QOt7QO97QPt7RQN/RQt/SReDTRuDTR+DTR+DTSODTSeHUSeHUSeHUTeHUT+LVUuLWVePWV+PXWuPYXOTYYeXZbufcdejeeOjeeOjeeOjeeOjeeOjeeOjeeOjeeenfeunffOnfgerhiuvjkOzkl+7mn+/opfDqq/HrsfLttfPut/PuufTvufTvufTvufTvuvTvu/TvvvTwwfXww/XxxfXyx/byyfbzzPbzzvf00Pf00ff00/f12fj22/n33fn34Pn44fr44/r47fz78fz89f38/f7+/v7+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////CP4AnQkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+pU+SuSz58/O+GUNaeoUaOFhh5dmrSgrFJQo0aVZXCV1KvELBJditRgKa5GSxksBLYo1YpbwTYl+LWs2IJky56lmJbr2oFtwb4lGBfs3Il1mXotO2fvwL5c/0oMfPSuwLxcDQtEvFRxRMZdC0JeKtkZ5aOWIWIu6tjZ5qOdPxsN/XD0nNKnw44lzNqha9iEU9PWSrj006tTqwKPmhVtb5w9gQIVurO58+fQo0ufTr269evYs2vfzr279+/gwwaLH09+YUAAIfkECQQAzgAsAAAAAEMAQwCHAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXSG5qJp+VDsCxBc28AdPBANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANTCANXDAdXDAdXDAtXDAtXDAtXDAtXDAtXDAtXDA9XDA9XDA9XDA9XDA9XDBdXDB9XECtbED9fGGNjII9rKKdvMLdzNMNzNM93ONd3PN93PON3POd7QOt7QO97QPd7RQN/RRODSS+HUVeLWYeTZZ+Xacufdd+jeeOjeeOjeeOjeeOjeeenfeenfeenfeenfeunffOnfgOrgh+vijezklO3lm+7novDpp/DqrPHrsPLstfPuuPPuuPPuufPuufTvufTvufTvufTvuvTvu/TvvfTvv/Tww/Xxxvbyyvbzzffz0ff01fj12vn27Pv68Pz79P38+f79+/7+/P7+/v7+/v7+/v7+/v7+/v7+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////CP4AnQkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+rcKTPXn59AgVLCScuO0aNHIxmkFaqpU6e0DK56SlWYxaJIkSotGCor0lAGI3k9GrUi1rFbCXYdawdsQbFsy1I86zXtwLVj3RKEO1buRLpZ7QrE61XvQL5e/UoErNUg4ayGBSLOqjgi46SO2bYNq7kyxMtGBTt7/JVz3KuaRZM+GtnZZKSeH4K2o1pz69dkUbMVzZQqVKm+nVqt6DNo0KE8kytfzry58+fQo0ufTr269evYs2vfzr279+/gawIGBAAh+QQJBADNACwAAAAAQwBDAIcAAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8QEBARERESEhITExMUFBQVFRUWFhYXFxcYGBgZGRkaGhobGxscHBwdHR0eHh4fHx8gICAhISEiIiIjIyMkJCQlJSUmJiYnJycoKCgpKSkqKiorKyssLCwtLS0uLi4vLy8wMDAxMTEyMjIzMzM0NDQ1NTU2NjY3Nzc4ODg5OTk6Ojo7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NERERFRUVGRkZHR0dISEhJSUlKSkpLS0tMTExNTU1OTk5PT09QUFBRUVFSUlJTU1NUVFRVVVVWVlZXV1dYWFhZWVlaWlpbW1tcXFxdXV1eXl5TbWsvm5ITvq8Hy7sC0sAA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1MIA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMA1cMB1cMC1cMD1cME1cME1cMF1cMF1cMF1cMF1cMF1cQG1sQI1sQK1sUN18UQ18Yb2cgk2sss3M0x3M4z3c413c833c843c853tA63tA73tBB39JL4dRS4tZa49dk5Npp5dtu5txv5txw5txx591x591y591059126N536N546N546N546N546N556N956N956N966d986d9+6eCC6uGF6uKJ6+ON7OSU7eWb7uei7+mq8eux8u208+228+648+648+648+659O+79O+/9fDC9fHG9vLJ9vLS9/TX+PXb+fbk+vjp+/rx/Pv1/fz7/v78/v7+/v7///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8I/gCbCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6bNmzhz6twps9inn0CBzjLoypDRo0ddnewlp6lTp5MMpnpKNZVBWqmyatVazCJTqlClgnVqteCksU17eUUrJ2rBqWjLEjyLVm3Fr2PdEoQ7Vu5AumPtUsQLVu9AvmD9CgQMVvBEwlQNC0Rc1SBjqo4lQn4quRnlp4qbXX6aOeLmsG/Zhh7ttDTE0007fyZrma3rh7Dbio1bu+5atLJVX91KvGtFn0GDDi1YFClSpTyjS59Ovbr169iza9/Ovbv37+DDC4sfT768+fPoSQYEACH5BAkEAOYALAAAAABDAEMAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2VycTielg3IuAHUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDUwgDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwDVwwXVxBHXxxrZySfbyy/czTTdzzfdzzjdzzne0Dre0D3e0UHf0Ufg003h1Fjj12nm23Ln3Xfo3njo33no33ro33rp33rp33vp337p4Ibr4pru56Pw6azx67Ly7bXz7rjz7rjz7rn07rn077r077v077z0773077/078H18MP18MT18MT18MP18MP18MT18cv38tP49Nn59uP6+O/8+/z+/vv+/vn+/fn+/fj+/ff+/ff+/ff+/ff+/ff+/ff+/ff+/fb9/fb9/Pb9/Pb9/ff+/fj+/fj+/fn+/fr+/fr+/vv+/vv+/vz+/v3+/v3+/v3///7///7///7///7///7///7///7///7///7///7///7//////////////////////////////////////////////////////////////////////////////////////////////////////////wj+AM0JHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3BkxGLGfQIFqs+grl9GjR3cZfCWqqVOnrwxO0kO1atVWFltZ3TrJoKetVj1JBXs1K1mqXQt+PSu24NSzWCtqPZuW4FqybQm+JRuX4lyydQfeBZt34F6wfSf+BRtY4OCthQUe3ppY4mKuXs/qiWxustXKES9bbWzucdixcM3SzcwWNV/VgFnjdY0YNmPZhGlTto1ZrWbOnstWLIoUqdKCTJ8+jepWM2iZPoMGHcqzuvXr2LNr3869u/fv4MMOix9Pvrz58+jTq19PMiAAOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") center center no-repeat; } img.lazy-loaded { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; -khtml-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } /* hover color of Social link icon */ a:hover i.fa-facebook { color: #3b5998 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-twitter { color: #00aced !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-google-plus { color: #dd4b39 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-pinterest-p { color: #cb2027 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-instagram { color: #bc2a8d !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-linkedin { color: #007bb6 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-youtube { color: #bb0000 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-vimeo { color: #1ab7ea !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-tumblr { color: #32506d !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-flickr { color: #ff0084 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-dribbble { color: #ea4c89 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-foursquare { color: #0072b1 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-vk { color: #45668e !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-wordpress { color: #21759b !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-stumbleupon { color: #EB4823 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-yahoo { color: #7B0099 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-soundcloud { color: #ff3a00 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-behance { color: #1378fe !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } a:hover i.fa-skype { color: #19b0e7 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .btn-social, .btn-social:hover { display: inline-block; margin: 3px 3px 3px 0; padding: 0; width: 48px; text-align: center; color: white !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .btn-social span, .btn-social:hover span { color: white; } .btn-social i.fa, .btn-social:hover i.fa { color: white !important; } .btn-facebook { background-color: #3b5998; } .btn-twitter { background-color: #00aced; } .btn-google-plus { background-color: #dd4b39; } .btn-pinterest-p { background-color: #cb2027; } .btn-instagram { background-color: #bc2a8d; } .btn-linkedin { background-color: #007bb6; } .btn-youtube { background-color: #bb0000; } .btn-vimeo { background-color: #1ab7ea; } .btn-tumblr { background-color: #32506d; } .btn-flickr { background-color: #ff0084; } .btn-dribbble { background-color: #ea4c89; } .btn-foursquare { background-color: #0072b1; } .btn-vk { background-color: #45668e; } .btn-wordpress { background-color: #21759b; } .btn-stumbleupon { background-color: #EB4823; } .btn-yahoo { background-color: #7B0099; } .btn-soundcloud { background-color: #ff3a00; } .btn-behance { background-color: #1378fe; } .btn-skype { background-color: #19b0e7; } /* re-write bootstrap class */ .img-responsive { width: 100%; } .img-maxwidth { max-width: 100%; } .container-relative { position: relative; } /* responsive text align */ .text-xs-left { text-align: left; } .text-xs-right { text-align: right; } .text-xs-center { text-align: center; } .text-xs-justify { text-align: justify; } @media (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } .text-sm-justify { text-align: justify; } } @media (min-width: 992px) { .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } .text-md-justify { text-align: justify; } } @media (min-width: 1200px) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } .text-lg-justify { text-align: justify; } } /* carousel */ .owl-carousel { position: relative; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 30px; height: 30px; display: inline-block; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 36px; text-align: center; color: #818181; } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { color: #a1a1a1; } .owl-carousel .owl-nav .owl-prev i, .owl-carousel .owl-nav .owl-next i { line-height: 26px; } .owl-carousel .owl-nav .owl-prev { left: 0; } .owl-carousel .owl-nav .owl-next { right: 0; } .owl-carousel.owl-outside-nav .owl-prev { left: -40px; } .owl-carousel.owl-outside-nav .owl-next { right: -40px; } /* Tooltip */ .tooltip-inner { color: #dae2e8 !important; } /* awesome font & simple icon style */ .fontawesome-icon-list { margin-top: 15px; padding-left: 0; } .fontawesome-icon-list .fa { margin-right: 12px; } .fontawesome-icon-list .fa.fa-check { color: #00d5c3; } .fontawesome-icon-list .fa.fa-close { color: #d06485; } .fontawesome-icon-list .fa.fa-warning { color: #c1af7a; } .fontawesome-icon-list .fa.fa-info { color: #59a7c7; } .small-icons { margin-top: 15px; padding-left: 0; } .small-icons .icons { margin-right: 12px; } /* backgrounds */ .background-black { background-color: #1a1c20; } .background-dark { background-color: #0f1522; } .background-white { background-color: white; } .background-green { background-color: #00d5c3; } /* overlay */ .overlay-black { position: relative; } .overlay-black:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .overlay-black > * { position: inherit; z-index: 2; } .overlay-white { position: relative; } .overlay-white:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .overlay-white > * { position: inherit; z-index: 2; } .overlay-green { position: relative; } .overlay-green:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 213, 195, 0.9); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .overlay-green > * { position: inherit; z-index: 2; } /* customize jScroll */ .customSelect .jspPane, .customSelect .jspDrag { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; -khtml-transition: none; transition: none; } /* preloader */ .preload-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #3b414f; z-index: 999999; } .preload-wrap .preload-logo, .preload-wrap .preload-process-wrap, .preload-wrap .preload-progress-bar, .preload-wrap .preload-percent-wrap { position: absolute; top: 0; left: 0; width: 100%; text-align: center; } .preload-wrap .preload-logo { top: calc(50% - 100px); height: 40px; background: transparent url(media/images/logo/logo_gw_276x46.png) center center no-repeat; background-size: contain; } .preload-wrap .preload-process-wrap { top: calc(50% - 3px); height: 6px; background-color: #595f6d; } .preload-wrap .preload-process-wrap .preload-progress-bar { width: 0; height: 100%; background-color: #00d5c3; -webkit-transition: width 0.1s ease-in-out; -moz-transition: width 0.1s ease-in-out; -o-transition: width 0.1s ease-in-out; -ms-transition: width 0.1s ease-in-out; -khtml-transition: width 0.1s ease-in-out; transition: width 0.1s ease-in-out; } .preload-wrap .preload-percent-wrap { top: calc(50% + 60px); } .preload-wrap .preload-percent-wrap .preload-percent { font-size: 30px; color: #dae2e8; } /* button to go to top */ .goto-top { position: fixed; right: 20px; bottom: -80px; width: 40px; height: 40px; z-index: 999; background-color: #dae2e8; cursor: pointer; -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; -ms-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -khtml-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .goto-top.active { bottom: 20px; } .goto-top:hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; } .goto-top:before { position: absolute; top: calc(50% + 2px); left: 50%; width: 8px; height: 8px; content: ""; display: block; border-top: 2px solid #3b414f; border-left: 2px solid #3b414f; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -khtml-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } /* ---------------------------------------------------------------------- * * General layout * * ---------------------------------------------------------------------- */ /* Main page layout */ header { z-index: 9999; } body > .wrapper { position: relative; visibility: hidden; min-height: 100vh; } body > .wrapper .component-page-title { margin-bottom: 60px; } body > .wrapper .component-page-title h1 { margin: 0; padding-bottom: 30px; text-align: center; font-weight: 400; text-transform: uppercase; } body > .wrapper section .block-title h6 { margin: 0; padding-bottom: 15px; color: #636977; font-size: 14px; font-weight: 400; text-transform: uppercase; } /* Sidebar */ .sa-sidebar { padding-right: 20px; /* min-width: 250px; */ } @media (min-width: 768px) { .sa-sidebar.sidebar-right { padding-right: 0; padding-left: 20px; } } .sidebar-widget { padding-bottom: 30px; } /* sizing for vertical gaps */ .top-gap-huge { margin-top: 90px; } .top-gap-extra { margin-top: 60px; } .top-gap-large { margin-top: 45px; } .top-gap-default { margin-top: 30px; } .top-gap-small { margin-top: 15px; } .top-gap-tiny { margin-top: 10px; } .bottom-gap-huge { margin-bottom: 90px; } .bottom-gap-extra { margin-bottom: 60px; } .bottom-gap-large { margin-bottom: 45px; } .bottom-gap-default { margin-bottom: 30px; } .bottom-gap-small { margin-bottom: 15px; } .bottom-gap-tiny { margin-bottom: 10px; } .v-top-gap-huge { margin-top: -90px; } .v-top-gap-extra { margin-top: -60px; } .v-top-gap-large { margin-top: -45px; } .v-top-gap-default { margin-top: -30px; } .v-top-gap-small { margin-top: -15px; } .v-top-gap-tiny { margin-top: -10px; } .v-bottom-gap-huge { margin-bottom: -90px; } .v-bottom-gap-extra { margin-bottom: -60px; } .v-bottom-gap-large { margin-bottom: -45px; } .v-bottom-gap-default { margin-bottom: -30px; } .v-bottom-gap-small { margin-bottom: -15px; } .v-bottom-gap-tiny { margin-bottom: -10px; } .top-inner-gap-huge { padding-top: 90px; } .top-inner-gap-extra { padding-top: 60px; } .top-inner-gap-large { padding-top: 45px; } .top-inner-gap-default { padding-top: 30px; } .top-inner-gap-small { padding-top: 15px; } .top-inner-gap-tiny { padding-top: 10px; } .bottom-inner-gap-huge { padding-bottom: 90px; } .bottom-inner-gap-extra { padding-bottom: 60px; } .bottom-inner-gap-large { padding-bottom: 45px; } .bottom-inner-gap-default { padding-bottom: 30px; } .bottom-inner-gap-small { padding-bottom: 15px; } .bottom-inner-gap-tiny { padding-bottom: 10px; } /* ---------------------------------------------------------------------- * * Misc * * ---------------------------------------------------------------------- */ /* Preload */ body.loading iframe { opacity: 0 !important; visibility: hiddent !important; } #preload { position: fixed; top: 0; left: 0; z-index: 999999; background: #fff; width: 100%; height: 100%; background-image: url(media/images/preloading/dots.gif); background-repeat: no-repeat; background-position: center; } /* buttons component page */ .page-button .column-* { padding-left: 5px; padding-right: 5px; } .page-button a.btn { margin: 5px; } .page-button .effect-group { margin: 0 -5px 30px -5px; } .page-button .effect-group h6 { padding: 0 10px; color: #c1c1c1; } .page-button .effect-group a.btn { margin: 10px; } /* read more */ .read-more { padding-top: 3px; padding-bottom: 3px; font-size: 14px; font-weight: 700; color: #00d5c3 !important; } .read-more.large-size { font-size: 16px; } .read-more.small-size { font-size: 12px; } .h-green { color: #00d5c3; } .h-white { color: #dae2e8; } .h-black { color: #1a1c20; } /* Dropcaps, Ampersand, Text Highlights, Tooltips - component page */ .ampersand-text { color: #dae2e8; font-size: 18px; } .ra-pager { margin-top: 30px; } .btn-pager { margin: 0 2px; float: left; width: 50px; height: 50px; color: #5c657b; background-color: transparent; border: 1px solid #5c657b; text-transform: uppercase; font-size: 20px; font-weight: 700; } .btn-pager.btn-active, .btn-pager:hover { background-color: #00d5c3; border-color: #00d5c3; } .btn-pager.btn-pager-ctrl { font-size: 0; line-height: 0; } .btn-pager.btn-pager-ctrl:before { display: block; font-size: 20px; font-weight: 700; font-family: "FontAwesome"; } .btn-pager.btn-pager-ctrl.btn-pager-first:before { content: "\f100"; } .btn-pager.btn-pager-ctrl.btn-pager-prev:before { content: "\f104"; } .btn-pager.btn-pager-ctrl.btn-pager-next:before { content: "\f105"; } .btn-pager.btn-pager-ctrl.btn-pager-last:before { content: "\f101"; } .btn-pager.slick-arrow { top: calc(50% - 25px); } .btn-pager.slick-arrow.btn-pager-prev { left: 20px; } .btn-pager.slick-arrow.btn-pager-next { right: 20px; } @media (max-width: 425px) { .ra-pager { text-align: center; } .btn-pager { display: none; } .btn-pager.btn-pager-ctrl { display: inline-block; } } .red-star { color: #d06485; } /* FadeIn effect */ @-webkit-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-khtml-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; -khtml-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } /* FadeOut effect */ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { display: none; visibility: hidden; opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { display: none; visibility: hidden; opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { display: none; visibility: hidden; opacity: 0; } } @-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { display: none; visibility: hidden; opacity: 0; } } @-khtml-keyframes fadeOut { 0% { opacity: 1; } 100% { display: none; visibility: hidden; opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { display: none; visibility: hidden; opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; -ms-animation-name: fadeOut; -khtml-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .large-title { font-size: 36px; } .owl-carousel .owl-stage .owl-item:last-child { margin-right: 0 !important; } /* New Item */ .new-item { position: relative; min-width: 40px; display: inline-block; } .new-item:before { content: "New"; position: absolute; top: 1px; right: 1px; z-index: 999; width: 36px; display: block; width: 36px; background-color: red; border: 1px solid red; color: white; font-size: 12px; line-height: 1.2; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .new-item.filter-category:before { top: -1px; right: -8px; } /* ---------------------------------------------------------------------- * * [ 3.1 Accordion ] * * ---------------------------------------------------------------------- */ .accordion .panel-default { margin-bottom: 10px; } .accordion .panel-default .panel-heading { padding: 0; background: transparent; } .accordion .panel-default .panel-heading a.panel-title { position: relative; display: block; padding: 15px 45px 15px 25px; color: #00d5c3; } .accordion .panel-default .panel-heading a.panel-title span { font-weight: 800; } .accordion .panel-default .panel-heading a.panel-title .accordion-icon { margin-right: 10px; } .accordion .panel-default .panel-heading a.panel-title.collapsed { color: #dae2e8; } .accordion .panel-default .panel-collapse { padding: 0 25px; } .accordion .panel-default .panel-collapse .panel-body { padding: 20px 0; border-top-color: #3f4553 !important; } .accordion.accordion-dark .panel-default { background: #242a37; } .accordion.accordion-dark .panel-default .panel-heading a.panel-title i.ico-collapse { position: absolute; top: calc(50% - 8px); right: 25px; width: 15px; height: 15px; display: block; } .accordion.accordion-dark .panel-default .panel-heading a.panel-title i.ico-collapse:before, .accordion.accordion-dark .panel-default .panel-heading a.panel-title i.ico-collapse:after { position: absolute; top: 7px; left: 0; content: ""; width: 15px; height: 1px; background-color: #00d5c3; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -khtml-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .accordion.accordion-dark .panel-default .panel-heading a.panel-title.collapsed i.ico-collapse:before, .accordion.accordion-dark .panel-default .panel-heading a.panel-title.collapsed i.ico-collapse:after { background-color: #777d8b; } .accordion.accordion-dark .panel-default .panel-heading a.panel-title.collapsed i.ico-collapse:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -khtml-transform: rotate(180deg); transform: rotate(180deg); } .accordion.accordion-dark .panel-default .panel-heading a.panel-title.collapsed i.ico-collapse:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -khtml-transform: rotate(90deg); transform: rotate(90deg); } .accordion.accordion-dark.accordion-dark-no-icon .panel-default { border: 1px solid #3b414f; } .accordion.accordion-dark.accordion-dark-with-icon .panel-default { border-width: 0; } .accordion.accordion-dark.accordion-dark-with-icon .panel-default .panel-heading a.panel-title span { font-weight: 500; } .accordion.accordion-light .panel-default { background: #343a47; } .accordion.accordion-light .panel-default .panel-heading a.panel-title i.ico-collapse { position: absolute; top: calc(50% - 11px); right: 25px; font-size: 21px; color: #00d5c3; display: inline-block; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -khtml-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .accordion.accordion-light .panel-default .panel-heading a.panel-title.collapsed i.ico-collapse { color: #777d8b; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -khtml-transform: rotate(180deg); transform: rotate(180deg); } .accordion.accordion-light.accordion-light-no-icon .panel-default { border: 1px solid #3b414f; } .accordion.accordion-light.accordion-light-no-icon .panel-default .panel-heading a.panel-title span { font-weight: 500; } .accordion.accordion-light.accordion-light-with-icon .panel-default { border-width: 0; } @media screen and (max-width: 992px) { .accordion { margin-top: 20px; } } /* ---------------------------------------------------------------------- * * [ 3.2 Blog ] * * ---------------------------------------------------------------------- */ .blog-no-padding { padding: 0; } .blog-text-dark { color: #2f3542; } .blog-overlay-color { color: #2f3542; } .blog-overlay-color.blog-overlay-dark { background-color: rgba(16, 18, 22, 0.9); color: #dae2e8; } .blog-overlay-color.blog-overlay-dark-blue { background-color: #252a36; color: #dae2e8; } .blog-overlay-color.blog-overlay-green { background-color: rgba(0, 213, 195, 0.9); } .blog-overlay-color.blog-overlay-gray { background-color: rgba(218, 226, 232, 0.9); } .blog-overlay-wrapper { margin-top: 45px; background-color: transparent; background-size: cover; background-attachment: fixed; } .blog-overlay-wrapper.blog-overlay-wrapper-black, .blog-overlay-wrapper.blog-overlay-wrapper-white { position: relative; } .blog-overlay-wrapper.blog-overlay-wrapper-black .container, .blog-overlay-wrapper.blog-overlay-wrapper-white .container { position: inherit; z-index: 9; } .blog-overlay-wrapper.blog-overlay-wrapper-black:before, .blog-overlay-wrapper.blog-overlay-wrapper-white:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: 1; } .blog-overlay-wrapper.blog-overlay-wrapper-black:before { background-color: rgba(26, 28, 32, 0.4); } .blog-overlay-wrapper.blog-overlay-wrapper-white:before { background-color: rgba(218, 226, 232, 0.4); } .blog-overlay-wrapper.blog-overlay-wrapper-1 { background-image: url(media/images/blog_posts/blog_overlay_1_1920x1080.png); } .blog-overlay-wrapper.blog-overlay-wrapper-2 { background-image: url(media/images/blog_posts/blog_overlay_2_1920x1080.png); } .blog-overlay-wrapper.blog-overlay-wrapper-3 { background-image: url(media/images/blog_posts/blog_overlay_3_1920x1080.png); } .blog-relative { position: relative; } .blog-vgradient-black-sm, .blog-vgradient-black-lg { position: relative; } .blog-vgradient-black-sm:before, .blog-vgradient-black-lg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; z-index: 1; } .blog-vgradient-black-sm:before { background: transparent; background: -webkit-linear-gradient(top, transparent 0%, transparent 70%, transparent 30% , rgba(26, 28, 32, 0.9) 100%); background: -moz-linear-gradient(top, transparent 0%, transparent 70%, transparent 30% , rgba(26, 28, 32, 0.9) 100%); background: -o-linear-gradient(top, transparent 0%, transparent 70%, transparent 30% , rgba(26, 28, 32, 0.9) 100%); background: -ms-linear-gradient(top, transparent 0%, transparent 70%, transparent 30% , rgba(26, 28, 32, 0.9) 100%); background: -khtml-linear-gradient(top, transparent 0%, transparent 70%, transparent 30% , rgba(26, 28, 32, 0.9) 100%); background: linear-gradient(top, transparent 0%, transparent 70%, transparent 30% , rgba(26, 28, 32, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent", endColorstr="rgba(26, 28, 32, 0.9)", GradientType=0); } .blog-vgradient-black-lg:before { background: transparent; background: -webkit-linear-gradient(top, transparent 0%, transparent 0%, black 100% , rgba(26, 28, 32, 0.9) 100%); background: -moz-linear-gradient(top, transparent 0%, transparent 0%, black 100% , rgba(26, 28, 32, 0.9) 100%); background: -o-linear-gradient(top, transparent 0%, transparent 0%, black 100% , rgba(26, 28, 32, 0.9) 100%); background: -ms-linear-gradient(top, transparent 0%, transparent 0%, black 100% , rgba(26, 28, 32, 0.9) 100%); background: -khtml-linear-gradient(top, transparent 0%, transparent 0%, black 100% , rgba(26, 28, 32, 0.9) 100%); background: linear-gradient(top, transparent 0%, transparent 0%, black 100% , rgba(26, 28, 32, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent", endColorstr="rgba(26, 28, 32, 0.9)", GradientType=0); } .col-sm-6.blog-col:nth-of-type(2n + 1) { clear: both; } @media screen and (min-width: 992px) { .col-sm-6.blog-col:nth-of-type(2n + 1) { clear: none; } } .col-sm-4.blog-col:nth-of-type(3n + 1) { clear: both; } @media screen and (min-width: 992px) { .col-sm-4.blog-col:nth-of-type(3n + 1) { clear: none; } } .blog-list-sm { border-left: 1px solid #3b414f; } .blog-list-sm .blog-row-sm { display: table; padding: 10px 0; } .blog-list-sm .blog-row-sm .blog-row-image-sm { display: table-cell; float: none; } .blog-list-sm .blog-row-sm .blog-row-content-sm { display: table-cell; float: none; vertical-align: middle; padding: 0; line-height: 1.2; } .blog-list-sm .blog-row-sm .blog-row-content-sm .blog-detail { margin-top: 10px; } .blog-list-sm .blog-row-sm .blog-row-content-sm .blog-detail .blog-detail-text { padding-right: 10px; } .blog-row { /* animations */ } .blog-row .blog-col .blog-image { margin-bottom: 30px; } .blog-row .blog-col .blog-content { position: inherit; z-index: 2; } .blog-row .blog-col .blog-content .blog-detail { margin-bottom: 15px; } .blog-row .blog-col .blog-content .blog-detail .blog-detail-text { font-size: 12px; padding-right: 10px; } .blog-row .blog-col .blog-content .blog-detail .blog-detail-text i { margin-right: 5px; } .blog-row .blog-col .blog-content .blog-comment { margin-bottom: 10px; } .blog-row .blog-col .blog-content .blog-btn-readmore-no-bg-border .icon-arrow-right-circle { margin-right: 10px; } .blog-row.blog-standard { padding-top: 30px; } .blog-row.blog-standard .blog-col { padding-bottom: 30px; } .blog-row.blog-overlay .blog-col { margin: 30px 0; padding-bottom: 30px; } .blog-row.blog-overlay .blog-col .blog-content { padding: 0 25px; } .blog-row.blog-short { padding-top: 30px; } .blog-row.blog-short .blog-col { padding-bottom: 30px; } .blog-row.blog-short .blog-col .blog-content .blog-title { margin-bottom: 30px; } .blog-row.blog-timeline { padding-top: 30px; } .blog-row.blog-timeline .blog-col { padding-bottom: 30px; } .blog-row.blog-timeline .blog-col .blog-content .blog-user { font-size: 12px; } .blog-row.blog-timeline .blog-col .blog-content .blog-detail { margin-top: 15px; } .blog-row.blog-bs { padding-top: 30px; } .blog-row.blog-bs .blog-col { padding-bottom: 30px; } .blog-row.blog-compact { padding-top: 15px; } .blog-row.blog-compact .blog-col { padding-bottom: 15px; } .blog-row.blog-compact .blog-col .blog-content { position: absolute; bottom: 0; right: 0; left: 0; padding: 14px; } @media screen and (min-width: 992px) { .blog-row.blog-compact .blog-col .blog-content { padding: 10px 20px; } } .blog-row.blog-compact .blog-col .blog-content .blog-user { margin: 0; } .blog-row.blog-compact .blog-col .blog-content .blog-title { margin: 0; } .blog-row.blog-compact .blog-col .blog-content .blog-detail { margin-bottom: 0; } .blog-row.blog-compact.blog-compact-sm .blog-col .blog-content { line-height: 1.2; } @media screen and (min-width: 992px) { .blog-row.blog-compact.blog-compact-sm .blog-col .blog-content { line-height: 2; } } .blog-row.blog-compact.blog-compact-sm .blog-col .blog-content .blog-user { font-size: 12px; } .blog-row.blog-compact.blog-compact-lg-col3 .blog-col { padding: 0; } .blog-row.blog-compact.blog-compact-lg-col3 .blog-col .blog-content { line-height: 1.2; } @media screen and (min-width: 992px) { .blog-row.blog-compact.blog-compact-lg-col3 .blog-col .blog-content { line-height: 2; } } .blog-row.blog-compact.blog-compact-lg-col3 .blog-col .blog-content .blog-user { font-size: 12px; } .blog-row.blog-compact.blog-compact-lg-col3.blog-compact-lg-col4 .blog-col .blog-content .blog-user { font-size: 12px; } .blog-row.blog-compact.blog-compact-bs-lg { padding: 0; } .blog-row.blog-compact.blog-compact-bs-lg .blog-content { position: absolute; bottom: 0; right: 0; left: 0; padding: 15px 20px; } @media screen and (min-width: 992px) { .blog-row.blog-compact.blog-compact-bs-lg .blog-content { padding: 25px 20px; } } .blog-row.blog-compact.blog-compact-bs-lg .blog-content .blog-user { margin: 0; line-height: 1.2; } .blog-row.blog-compact.blog-compact-bs-lg .blog-content .blog-title { margin: 0; font-size: 22px; line-height: 1.2; } @media screen and (min-width: 992px) { .blog-row.blog-compact.blog-compact-bs-lg .blog-content .blog-title { font-size: 30px; } } .blog-row.blog-compact.blog-compact-bs-lg .blog-content .blog-detail { margin-bottom: 0; } .blog-row.blog-compact.blog-compact-bs-sm { padding: 0; } .blog-row.blog-compact.blog-compact-bs-sm .blog-col { padding: 0; } .blog-row.blog-compact.blog-compact-bs-sm .blog-col .blog-relative .blog-image { margin: 0; } .blog-row.blog-compact.blog-compact-bs-sm .blog-col .blog-relative .blog-content .blog-user { font-size: 12px; } .blog-row .blog-hover { /* Hover effects */ } .blog-row .blog-hover .blog-image { position: relative; overflow: hidden; } .blog-row .blog-hover .blog-image * { position: inherit; -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; -o-transition: transform 0.6s; -ms-transition: transform 0.6s; -khtml-transition: transform 0.6s; transition: transform 0.6s; z-index: 2; } .blog-row .blog-hover .blog-image img { z-index: 0; } .blog-row .blog-hover.blog-hover:hover { /* scale effect */ } .blog-row .blog-hover.blog-hover:hover.blog-hover-scale .blog-image img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); display: block; } /* Slider, Video, Audio Blog Style */ .blog-image-slider { margin-bottom: 30px; } .blog-link { padding: 0 20px; } .blog-content .link-title { display: block; padding-bottom: 20px; } .blog-content .link-title .icon-link { display: block; float: left; padding: 5px; margin-right: 20px; font-size: 40px; } .blog-content .link-title .blog-title { float: left; width: calc(100% - 80px); } .blog-video .video { margin-bottom: 15px; } .blog-audio .audio { margin-bottom: 15px; } .blog-audio .audio audio { width: 100%; } /* ---------------------------------------------------------------------- * * [ 3.3 Boxed Content ] * * ---------------------------------------------------------------------- */ .boxed-flex-sm, .boxed-flex-md, .boxed-flex-lg { display: inherit; } @media screen and (min-width: 768px) { .boxed-flex-sm { display: flex; } } @media screen and (min-width: 992px) { .boxed-flex-md { display: flex; } } @media screen and (min-width: 1200px) { .boxed-flex-lg { display: flex; } } .boxed-content-fuid-back { padding: 0; } .boxed-content-fuid-back.boxed-fluid-left-1 { background-position: top left; background-image: url(media/images/boxed_content/boxed_content_8_960x640.png); } .boxed-content-fuid-back.boxed-fluid-left-2 { background-position: top left; background-image: url(media/images/boxed_content/boxed_content_10_960x640.png); } .boxed-content-fuid-back.boxed-fluid-center { background-position: top center; background-image: url(media/images/boxed_content/boxed_content_12_960x640.png); } .boxed-content-fuid-back.boxed-fluid-right-1 { background-position: top right; background-image: url(media/images/boxed_content/boxed_content_9_960x640.png); } .boxed-content-fuid-back.boxed-fluid-right-2 { background-position: top right; background-image: url(media/images/boxed_content/boxed_content_11_960x640.png); } .boxed-content-fuid-back.boxed-fluid-right-3 { background-position: top right; background-image: url(media/images/boxed_content/boxed_content_13_960x635.png); } .boxed-content-fuid-back.boxed-fluid-right-4 { background-position: top right; background-image: url(media/images/boxed_content/boxed_content_14_960x640.png); } .boxed-content-fuid-back.boxed-fluid-left-1, .boxed-content-fuid-back.boxed-fluid-right-1 { background-size: cover; background-repeat: no-repeat; } @media screen and (min-width: 768px) { .boxed-content-fuid-back.boxed-fluid-left-1, .boxed-content-fuid-back.boxed-fluid-right-1 { background-size: 80% auto; } } .boxed-content-fuid-back.boxed-fluid-left-2, .boxed-content-fuid-back.boxed-fluid-right-2 { background-size: cover; background-repeat: no-repeat; } @media screen and (min-width: 768px) { .boxed-content-fuid-back.boxed-fluid-left-2, .boxed-content-fuid-back.boxed-fluid-right-2 { background-size: auto 100%; } } @media screen and (min-width: 992px) { .boxed-content-fuid-back.boxed-fluid-left-2, .boxed-content-fuid-back.boxed-fluid-right-2 { background-size: 65% auto; } } .boxed-content-fuid-back.boxed-fluid-right-3, .boxed-content-fuid-back.boxed-fluid-right-4 { background-size: cover; background-repeat: no-repeat; } @media screen and (min-width: 992px) { .boxed-content-fuid-back.boxed-fluid-right-3, .boxed-content-fuid-back.boxed-fluid-right-4 { background-size: 65% auto; } } @media screen and (min-width: 1200px) { .boxed-content-fuid-back.boxed-fluid-right-3, .boxed-content-fuid-back.boxed-fluid-right-4 { background-size: auto 100%; } } @media screen and (min-width: 1870px) { .boxed-content-fuid-back.boxed-fluid-right-3, .boxed-content-fuid-back.boxed-fluid-right-4 { background-size: 65% auto; } } .boxed-content-fuid-back.boxed-fluid-center { background-size: cover; background-repeat: no-repeat; } @media screen and (min-width: 992px) { .boxed-content-fuid-back.boxed-fluid-center { background-size: auto 100%; } } @media screen and (min-width: 1870px) { .boxed-content-fuid-back.boxed-fluid-center { background-size: 40% auto; } } .boxed-content { padding: 20px; } .boxed-content .boxed-text-white { color: white; } .boxed-content .boxed-text-dark-blue { color: #2f3542; } .boxed-content .boxed-text-black { color: #1a1c20; } .boxed-content.boxed-bg-dark-magenta { background-color: #8b78ff; } .boxed-content.boxed-bg-dodger-blue { background-color: #21adf6; } .boxed-content.boxed-bg-black { background-color: #1a1c20; } .boxed-content.boxed-bg-blue-light1 { background-color: #2fb6fc; } .boxed-content.boxed-bg-blue-light2 { background-color: #42beff; } .boxed-content.boxed-bg-blue-light3 { background-color: #51c3ff; } .boxed-content.boxed-bg-soft-blue1 { background-color: #b8c1d1; } .boxed-content.boxed-bg-soft-blue2 { background-color: #bfc8da; } .boxed-content.boxed-bg-soft-blue3 { background-color: #c6cfe1; } .boxed-content.boxed-bg-soft-blue4 { background-color: #cdd6e8; } .boxed-content.boxed-bg-dark-gray { background-color: #1c212d; } .boxed-content.boxed-bg-gray { background-color: #3d4350; } .boxed-content.boxed-bg-green { background-color: #00d5c3; } .boxed-content.boxed-bg-green-light1 { background-color: #00e6d3; } .boxed-content.boxed-bg-green-light2 { background-color: #00f3df; } .boxed-content.boxed-bg-green-light3 { background-color: #1affec; } .boxed-content.boxed-overlay-sm, .boxed-content.boxed-overlay-md { opacity: 0.9; } .boxed-content .boxed-image { padding: 15px; } .boxed-content .boxed-image-center-fixed { padding: 0; margin-bottom: 30px; } .boxed-content .boxed-image-center-fixed img { display: block; max-width: 100%; margin: 0 auto; } .boxed-content .boxed-text h2 { margin-top: 15px; } .boxed-content .boxed-text p { margin-bottom: 30px; } .boxed-content .boxed-text .btn { margin-bottom: 15px; } @media screen and (min-width: 768px) { .boxed-content { padding: 40px; } .boxed-content .boxed-image-center-fixed img { max-width: 100%; } .boxed-content.boxed-overlay-sm { opacity: 1; } } @media screen and (min-width: 992px) { .boxed-content { padding: 45px; } .boxed-content.boxed-overlay-md { opacity: 1; } } @media screen and (min-width: 1200px) { .boxed-content { padding: 60px; } } .boxed-content.boxed-content-fluid-image img { max-height: 100%; width: auto; } .boxed-content.boxed-with-icon { overflow: hidden; } .boxed-content.boxed-with-icon i { position: absolute; right: -15px; bottom: -20px; } .boxed-content.boxed-with-icon i.boxed-icon-color-1 { color: #00f7f3; } .boxed-content.boxed-with-icon i.boxed-icon-color-2 { color: #00ffff; } .boxed-content.boxed-with-icon i.boxed-icon-color-3 { color: #00f7f4; } .boxed-content.boxed-with-icon i.boxed-icon-color-4 { color: #00fdfb; } .boxed-content.boxed-with-icon i.boxed-icon-color-5 { color: #00f3df; } .boxed-content.boxed-with-icon i.boxed-icon-color-6 { color: #2cc8f9; } .boxed-content.boxed-with-icon i.boxed-icon-color-7 { color: #44d5fd; } .boxed-content.boxed-with-icon i.boxed-icon-color-8 { color: #63ddff; } .boxed-content.boxed-with-icon i.boxed-icon-color-9 { color: #7ee2ff; } .boxed-content.boxed-with-icon i.boxed-icon-color-10 { color: #abb7cb; } .boxed-content.boxed-with-icon i.boxed-icon-color-11 { color: #b0bcd3; } .boxed-content.boxed-with-icon i.boxed-icon-color-12 { color: #b6c3db; } .boxed-content.boxed-with-icon i.boxed-icon-color-13 { color: #bdcae3; } .boxed-content.boxed-with-icon.boxed-icon-lg { padding: 50px 190px 50px 20px; } .boxed-content.boxed-with-icon.boxed-icon-lg i { font-size: 200px; } @media screen and (min-width: 320px) { .boxed-content.boxed-with-icon.boxed-icon-lg { padding-right: 110px; } .boxed-content.boxed-with-icon.boxed-icon-lg i { font-size: 140px; } } @media screen and (min-width: 1200px) { .boxed-content.boxed-with-icon.boxed-icon-lg { padding-right: 190px; } .boxed-content.boxed-with-icon.boxed-icon-lg i { font-size: 140px; } } .boxed-content.boxed-with-icon.boxed-icon-md { padding: 40px 120px 40px 20px; } .boxed-content.boxed-with-icon.boxed-icon-md i { font-size: 140px; } .boxed-content.boxed-with-icon.boxed-icon-sm { padding: 30px 45px 30px 20px; } .boxed-content.boxed-with-icon.boxed-icon-sm i { font-size: 80px; right: -2px; bottom: -2px; } /* ---------------------------------------------------------------------- * * [ 3.4 Button ] * * ---------------------------------------------------------------------- */ .btn { padding: 10px 27px; display: inline-block; font-size: 14px; vertical-align: middle; background-color: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -khtml-transition: all 0.3s ease-in; transition: all 0.3s ease-in; /* button icon */ /* button background - white */ /* button background - black */ /* button background -green */ /* button background -gray */ /* button border color - white */ /* button border color - black */ /* button border color - green */ /* button border color - gray */ /* button font color - white */ /* button font color - black */ /* button font color - green */ /* button font color - gray */ /* font weight of button text */ /* shrink font size for uppercase */ /* small button */ /* large button */ /* extra large button */ /* download button */ /* circle scroll button */ /* mouse button */ /* vertical dots button */ /* default hover effect of button */ /* custom hvr-curl effect */ /* custom icon effect of hover button */ } .btn i { margin-left: 0; margin-right: 12px; display: inline-block; } .btn.btn-ico-right i { margin-left: 12px; margin-right: 0; } .btn.btn-bg-no { /* change background color of button for hover effect */ } .btn.btn-bg-no.btn-border-white { /* border animation for hover effect */ } .btn.btn-bg-no.btn-border-white.hvr-fade:hover, .btn.btn-bg-no.btn-border-white.hvr-fade:active, .btn.btn-bg-no.btn-border-white.hvr-fade:focus { color: #2f3542; background-color: white; } @-webkit-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @-moz-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @-o-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @-ms-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @-khtml-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @keyframes hvr-back-pulse-default { 50% { background-color: white; } } .btn.btn-bg-no.btn-border-white.hvr-back-pulse:hover, .btn.btn-bg-no.btn-border-white.hvr-back-pulse:active, .btn.btn-bg-no.btn-border-white.hvr-back-pulse:focus { color: #2f3542; background-color: white; -webkit-animation-name: hvr-back-pulse-default; -moz-animation-name: hvr-back-pulse-default; -o-animation-name: hvr-back-pulse-default; -ms-animation-name: hvr-back-pulse-default; -khtml-animation-name: hvr-back-pulse-default; animation-name: hvr-back-pulse-default; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -khtml-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-bg-no.btn-border-white.hvr-radial-out:hover, .btn.btn-bg-no.btn-border-white.hvr-radial-out:active, .btn.btn-bg-no.btn-border-white.hvr-radial-out:focus, .btn.btn-bg-no.btn-border-white.hvr-rectangle-out:hover, .btn.btn-bg-no.btn-border-white.hvr-rectangle-out:active, .btn.btn-bg-no.btn-border-white.hvr-rectangle-out:focus, .btn.btn-bg-no.btn-border-white.hvr-shutter-out-horizontal:hover, .btn.btn-bg-no.btn-border-white.hvr-shutter-out-horizontal:active, .btn.btn-bg-no.btn-border-white.hvr-shutter-out-horizontal:focus, .btn.btn-bg-no.btn-border-white.hvr-shutter-out-vertical:hover, .btn.btn-bg-no.btn-border-white.hvr-shutter-out-vertical:active, .btn.btn-bg-no.btn-border-white.hvr-shutter-out-vertical:focus { color: #2f3542; } .btn.btn-bg-no.btn-border-white[class*="hvr-sweep"]:hover, .btn.btn-bg-no.btn-border-white[class*="hvr-sweep"]:active, .btn.btn-bg-no.btn-border-white[class*="hvr-sweep"]:focus, .btn.btn-bg-no.btn-border-white[class*="hvr-bounce"]:hover, .btn.btn-bg-no.btn-border-white[class*="hvr-bounce"]:active, .btn.btn-bg-no.btn-border-white[class*="hvr-bounce"]:focus { color: #2f3542; } .btn.btn-bg-no.btn-border-white[class*="hvr-sweep"]:before, .btn.btn-bg-no.btn-border-white[class*="hvr-bounce"]:before, .btn.btn-bg-no.btn-border-white.hvr-radial-out:before, .btn.btn-bg-no.btn-border-white.hvr-rectangle-out:before, .btn.btn-bg-no.btn-border-white.hvr-shutter-out-horizontal:before, .btn.btn-bg-no.btn-border-white.hvr-shutter-out-vertical:before { background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .btn.btn-bg-no.btn-border-white.hvr-radial-out:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-no.btn-border-white.hvr-radial-in:before, .btn.btn-bg-no.btn-border-white.hvr-rectangle-in:before, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-horizontal:before, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-vertical:before { background-color: #2f3542; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .btn.btn-bg-no.btn-border-white.hvr-radial-in:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-no.btn-border-white.hvr-radial-in, .btn.btn-bg-no.btn-border-white.hvr-rectangle-in, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-horizontal, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-vertical { background-color: white; } .btn.btn-bg-no.btn-border-white.hvr-radial-in:hover, .btn.btn-bg-no.btn-border-white.hvr-radial-in:active, .btn.btn-bg-no.btn-border-white.hvr-radial-in:focus, .btn.btn-bg-no.btn-border-white.hvr-rectangle-in:hover, .btn.btn-bg-no.btn-border-white.hvr-rectangle-in:active, .btn.btn-bg-no.btn-border-white.hvr-rectangle-in:focus, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-horizontal:hover, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-horizontal:active, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-horizontal:focus, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-vertical:hover, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-vertical:active, .btn.btn-bg-no.btn-border-white.hvr-shutter-in-vertical:focus { color: #1a1c20; } .btn.btn-bg-no.btn-border-white.hvr-border-fade { -webkit-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-white.hvr-border-fade:hover, .btn.btn-bg-no.btn-border-white.hvr-border-fade:active, .btn.btn-bg-no.btn-border-white.hvr-border-fade:focus { -webkit-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-white.hvr-hollow { -webkit-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-white.hvr-hollow:hover, .btn.btn-bg-no.btn-border-white.hvr-hollow:active, .btn.btn-bg-no.btn-border-white.hvr-hollow:focus { -webkit-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-white.hvr-border-fade { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-hvr-hollow { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-trim { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-ripple-out { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-ripple-in { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-outline-in { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-outline-out { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-underline-from-left { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-underline-from-center { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-underline-from-right { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-underline-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-overline-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-overline-from-left { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-overline-from-center { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-overline-from-right { border-width: 1px; } .btn.btn-bg-no.btn-border-white.hvr-trim:before { top: 2px; left: 2px; right: 2px; bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-color: white; border-width: 3px; } .btn.btn-bg-no.btn-border-white.hvr-ripple-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: white; border-width: 0; } .btn.btn-bg-no.btn-border-white.hvr-ripple-in:hover:before, .btn.btn-bg-no.btn-border-white.hvr-ripple-in:active:before, .btn.btn-bg-no.btn-border-white.hvr-ripple-in:focus:before { border-width: 3px; top: -16px; right: -16px; bottom: -16px; left: -16px; } .btn.btn-bg-no.btn-border-white.hvr-outline-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: white; border-width: 0; } .btn.btn-bg-no.btn-border-white.hvr-outline-in:hover:before, .btn.btn-bg-no.btn-border-white.hvr-outline-in:active:before, .btn.btn-bg-no.btn-border-white.hvr-outline-in:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-white.hvr-ripple-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: white; border-width: 0; } .btn.btn-bg-no.btn-border-white.hvr-ripple-out:hover:before, .btn.btn-bg-no.btn-border-white.hvr-ripple-out:active:before, .btn.btn-bg-no.btn-border-white.hvr-ripple-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-white.hvr-outline-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: white; border-width: 0; } .btn.btn-bg-no.btn-border-white.hvr-outline-out:hover:before, .btn.btn-bg-no.btn-border-white.hvr-outline-out:active:before, .btn.btn-bg-no.btn-border-white.hvr-outline-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-white.hvr-reveal { border-width: 0; } .btn.btn-bg-no.btn-border-white.hvr-reveal:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-color: white; } .btn.btn-bg-no.btn-border-white.hvr-reveal:hover:before, .btn.btn-bg-no.btn-border-white.hvr-reveal:active:before, .btn.btn-bg-no.btn-border-white.hvr-reveal:focus:before { border-width: 3px; } .btn.btn-bg-no.btn-border-white.hvr-underline-from-left:before { height: 3px; background-color: white; } .btn.btn-bg-no.btn-border-white.hvr-underline-from-center:before { height: 3px; background-color: white; } .btn.btn-bg-no.btn-border-white.hvr-underline-from-right:before { height: 3px; background-color: white; } .btn.btn-bg-no.btn-border-white.hvr-underline-reveal:before { height: 3px; background-color: white; } .btn.btn-bg-no.btn-border-white.hvr-overline-reveal:before { height: 3px; background-color: white; } .btn.btn-bg-no.btn-border-white.hvr-overline-from-left:before { height: 3px; background-color: white; } .btn.btn-bg-no.btn-border-white.hvr-overline-from-center:before { height: 3px; background-color: white; } .btn.btn-bg-no.btn-border-white.hvr-overline-from-right:before { height: 3px; background-color: white; } .btn.btn-bg-no.btn-border-black { /* border animation for hover effect */ } .btn.btn-bg-no.btn-border-black.hvr-fade:hover, .btn.btn-bg-no.btn-border-black.hvr-fade:active, .btn.btn-bg-no.btn-border-black.hvr-fade:focus { color: white; background-color: #1a1c20; } @-webkit-keyframes hvr-back-pulse-default { 50% { background-color: #383a3e; } } @-moz-keyframes hvr-back-pulse-default { 50% { background-color: #383a3e; } } @-o-keyframes hvr-back-pulse-default { 50% { background-color: #383a3e; } } @-ms-keyframes hvr-back-pulse-default { 50% { background-color: #383a3e; } } @-khtml-keyframes hvr-back-pulse-default { 50% { background-color: #383a3e; } } @keyframes hvr-back-pulse-default { 50% { background-color: #383a3e; } } .btn.btn-bg-no.btn-border-black.hvr-back-pulse:hover, .btn.btn-bg-no.btn-border-black.hvr-back-pulse:active, .btn.btn-bg-no.btn-border-black.hvr-back-pulse:focus { color: white; background-color: #1a1c20; -webkit-animation-name: hvr-back-pulse-default; -moz-animation-name: hvr-back-pulse-default; -o-animation-name: hvr-back-pulse-default; -ms-animation-name: hvr-back-pulse-default; -khtml-animation-name: hvr-back-pulse-default; animation-name: hvr-back-pulse-default; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -khtml-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-bg-no.btn-border-black.hvr-radial-out:hover, .btn.btn-bg-no.btn-border-black.hvr-radial-out:active, .btn.btn-bg-no.btn-border-black.hvr-radial-out:focus, .btn.btn-bg-no.btn-border-black.hvr-rectangle-out:hover, .btn.btn-bg-no.btn-border-black.hvr-rectangle-out:active, .btn.btn-bg-no.btn-border-black.hvr-rectangle-out:focus, .btn.btn-bg-no.btn-border-black.hvr-shutter-out-horizontal:hover, .btn.btn-bg-no.btn-border-black.hvr-shutter-out-horizontal:active, .btn.btn-bg-no.btn-border-black.hvr-shutter-out-horizontal:focus, .btn.btn-bg-no.btn-border-black.hvr-shutter-out-vertical:hover, .btn.btn-bg-no.btn-border-black.hvr-shutter-out-vertical:active, .btn.btn-bg-no.btn-border-black.hvr-shutter-out-vertical:focus { color: white; } .btn.btn-bg-no.btn-border-black[class*="hvr-sweep"]:hover, .btn.btn-bg-no.btn-border-black[class*="hvr-sweep"]:active, .btn.btn-bg-no.btn-border-black[class*="hvr-sweep"]:focus, .btn.btn-bg-no.btn-border-black[class*="hvr-bounce"]:hover, .btn.btn-bg-no.btn-border-black[class*="hvr-bounce"]:active, .btn.btn-bg-no.btn-border-black[class*="hvr-bounce"]:focus { color: white; } .btn.btn-bg-no.btn-border-black[class*="hvr-sweep"]:before, .btn.btn-bg-no.btn-border-black[class*="hvr-bounce"]:before, .btn.btn-bg-no.btn-border-black.hvr-radial-out:before, .btn.btn-bg-no.btn-border-black.hvr-rectangle-out:before, .btn.btn-bg-no.btn-border-black.hvr-shutter-out-horizontal:before, .btn.btn-bg-no.btn-border-black.hvr-shutter-out-vertical:before { background-color: #1a1c20; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .btn.btn-bg-no.btn-border-black.hvr-radial-out:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-no.btn-border-black.hvr-radial-in:before, .btn.btn-bg-no.btn-border-black.hvr-rectangle-in:before, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-horizontal:before, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-vertical:before { background-color: #2f3542; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .btn.btn-bg-no.btn-border-black.hvr-radial-in:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-no.btn-border-black.hvr-radial-in, .btn.btn-bg-no.btn-border-black.hvr-rectangle-in, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-horizontal, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-vertical { background-color: #1a1c20; } .btn.btn-bg-no.btn-border-black.hvr-radial-in:hover, .btn.btn-bg-no.btn-border-black.hvr-radial-in:active, .btn.btn-bg-no.btn-border-black.hvr-radial-in:focus, .btn.btn-bg-no.btn-border-black.hvr-rectangle-in:hover, .btn.btn-bg-no.btn-border-black.hvr-rectangle-in:active, .btn.btn-bg-no.btn-border-black.hvr-rectangle-in:focus, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-horizontal:hover, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-horizontal:active, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-horizontal:focus, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-vertical:hover, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-vertical:active, .btn.btn-bg-no.btn-border-black.hvr-shutter-in-vertical:focus { color: white; } .btn.btn-bg-no.btn-border-black.hvr-border-fade { -webkit-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-black.hvr-border-fade:hover, .btn.btn-bg-no.btn-border-black.hvr-border-fade:active, .btn.btn-bg-no.btn-border-black.hvr-border-fade:focus { -webkit-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-black.hvr-hollow { -webkit-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-black.hvr-hollow:hover, .btn.btn-bg-no.btn-border-black.hvr-hollow:active, .btn.btn-bg-no.btn-border-black.hvr-hollow:focus { -webkit-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-black.hvr-border-fade { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-hvr-hollow { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-trim { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-ripple-out { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-ripple-in { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-outline-in { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-outline-out { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-underline-from-left { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-underline-from-center { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-underline-from-right { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-underline-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-overline-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-overline-from-left { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-overline-from-center { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-overline-from-right { border-width: 1px; } .btn.btn-bg-no.btn-border-black.hvr-trim:before { top: 2px; left: 2px; right: 2px; bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-color: #1a1c20; border-width: 3px; } .btn.btn-bg-no.btn-border-black.hvr-ripple-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #1a1c20; border-width: 0; } .btn.btn-bg-no.btn-border-black.hvr-ripple-in:hover:before, .btn.btn-bg-no.btn-border-black.hvr-ripple-in:active:before, .btn.btn-bg-no.btn-border-black.hvr-ripple-in:focus:before { border-width: 3px; top: -16px; right: -16px; bottom: -16px; left: -16px; } .btn.btn-bg-no.btn-border-black.hvr-outline-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #1a1c20; border-width: 0; } .btn.btn-bg-no.btn-border-black.hvr-outline-in:hover:before, .btn.btn-bg-no.btn-border-black.hvr-outline-in:active:before, .btn.btn-bg-no.btn-border-black.hvr-outline-in:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-black.hvr-ripple-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #1a1c20; border-width: 0; } .btn.btn-bg-no.btn-border-black.hvr-ripple-out:hover:before, .btn.btn-bg-no.btn-border-black.hvr-ripple-out:active:before, .btn.btn-bg-no.btn-border-black.hvr-ripple-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-black.hvr-outline-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #1a1c20; border-width: 0; } .btn.btn-bg-no.btn-border-black.hvr-outline-out:hover:before, .btn.btn-bg-no.btn-border-black.hvr-outline-out:active:before, .btn.btn-bg-no.btn-border-black.hvr-outline-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-black.hvr-reveal { border-width: 0; } .btn.btn-bg-no.btn-border-black.hvr-reveal:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-color: #1a1c20; } .btn.btn-bg-no.btn-border-black.hvr-reveal:hover:before, .btn.btn-bg-no.btn-border-black.hvr-reveal:active:before, .btn.btn-bg-no.btn-border-black.hvr-reveal:focus:before { border-width: 3px; } .btn.btn-bg-no.btn-border-black.hvr-underline-from-left:before { height: 3px; background-color: #1a1c20; } .btn.btn-bg-no.btn-border-black.hvr-underline-from-center:before { height: 3px; background-color: #1a1c20; } .btn.btn-bg-no.btn-border-black.hvr-underline-from-right:before { height: 3px; background-color: #1a1c20; } .btn.btn-bg-no.btn-border-black.hvr-underline-reveal:before { height: 3px; background-color: #1a1c20; } .btn.btn-bg-no.btn-border-black.hvr-overline-reveal:before { height: 3px; background-color: #1a1c20; } .btn.btn-bg-no.btn-border-black.hvr-overline-from-left:before { height: 3px; background-color: #1a1c20; } .btn.btn-bg-no.btn-border-black.hvr-overline-from-center:before { height: 3px; background-color: #1a1c20; } .btn.btn-bg-no.btn-border-black.hvr-overline-from-right:before { height: 3px; background-color: #1a1c20; } .btn.btn-bg-no.btn-border-green { /* border animation for hover effect */ } .btn.btn-bg-no.btn-border-green.hvr-fade:hover, .btn.btn-bg-no.btn-border-green.hvr-fade:active, .btn.btn-bg-no.btn-border-green.hvr-fade:focus { color: white; background-color: #00d5c3; } @-webkit-keyframes hvr-back-pulse-default { 50% { background-color: #1ef3e1; } } @-moz-keyframes hvr-back-pulse-default { 50% { background-color: #1ef3e1; } } @-o-keyframes hvr-back-pulse-default { 50% { background-color: #1ef3e1; } } @-ms-keyframes hvr-back-pulse-default { 50% { background-color: #1ef3e1; } } @-khtml-keyframes hvr-back-pulse-default { 50% { background-color: #1ef3e1; } } @keyframes hvr-back-pulse-default { 50% { background-color: #1ef3e1; } } .btn.btn-bg-no.btn-border-green.hvr-back-pulse:hover, .btn.btn-bg-no.btn-border-green.hvr-back-pulse:active, .btn.btn-bg-no.btn-border-green.hvr-back-pulse:focus { color: white; background-color: #00d5c3; -webkit-animation-name: hvr-back-pulse-default; -moz-animation-name: hvr-back-pulse-default; -o-animation-name: hvr-back-pulse-default; -ms-animation-name: hvr-back-pulse-default; -khtml-animation-name: hvr-back-pulse-default; animation-name: hvr-back-pulse-default; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -khtml-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-bg-no.btn-border-green.hvr-radial-out:hover, .btn.btn-bg-no.btn-border-green.hvr-radial-out:active, .btn.btn-bg-no.btn-border-green.hvr-radial-out:focus, .btn.btn-bg-no.btn-border-green.hvr-rectangle-out:hover, .btn.btn-bg-no.btn-border-green.hvr-rectangle-out:active, .btn.btn-bg-no.btn-border-green.hvr-rectangle-out:focus, .btn.btn-bg-no.btn-border-green.hvr-shutter-out-horizontal:hover, .btn.btn-bg-no.btn-border-green.hvr-shutter-out-horizontal:active, .btn.btn-bg-no.btn-border-green.hvr-shutter-out-horizontal:focus, .btn.btn-bg-no.btn-border-green.hvr-shutter-out-vertical:hover, .btn.btn-bg-no.btn-border-green.hvr-shutter-out-vertical:active, .btn.btn-bg-no.btn-border-green.hvr-shutter-out-vertical:focus { color: white; } .btn.btn-bg-no.btn-border-green[class*="hvr-sweep"]:hover, .btn.btn-bg-no.btn-border-green[class*="hvr-sweep"]:active, .btn.btn-bg-no.btn-border-green[class*="hvr-sweep"]:focus, .btn.btn-bg-no.btn-border-green[class*="hvr-bounce"]:hover, .btn.btn-bg-no.btn-border-green[class*="hvr-bounce"]:active, .btn.btn-bg-no.btn-border-green[class*="hvr-bounce"]:focus { color: white; } .btn.btn-bg-no.btn-border-green[class*="hvr-sweep"]:before, .btn.btn-bg-no.btn-border-green[class*="hvr-bounce"]:before, .btn.btn-bg-no.btn-border-green.hvr-radial-out:before, .btn.btn-bg-no.btn-border-green.hvr-rectangle-out:before, .btn.btn-bg-no.btn-border-green.hvr-shutter-out-horizontal:before, .btn.btn-bg-no.btn-border-green.hvr-shutter-out-vertical:before { background-color: #00d5c3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .btn.btn-bg-no.btn-border-green.hvr-radial-out:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-no.btn-border-green.hvr-radial-in:before, .btn.btn-bg-no.btn-border-green.hvr-rectangle-in:before, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-horizontal:before, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-vertical:before { background-color: #2f3542; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .btn.btn-bg-no.btn-border-green.hvr-radial-in:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-no.btn-border-green.hvr-radial-in, .btn.btn-bg-no.btn-border-green.hvr-rectangle-in, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-horizontal, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-vertical { background-color: #00d5c3; } .btn.btn-bg-no.btn-border-green.hvr-radial-in:hover, .btn.btn-bg-no.btn-border-green.hvr-radial-in:active, .btn.btn-bg-no.btn-border-green.hvr-radial-in:focus, .btn.btn-bg-no.btn-border-green.hvr-rectangle-in:hover, .btn.btn-bg-no.btn-border-green.hvr-rectangle-in:active, .btn.btn-bg-no.btn-border-green.hvr-rectangle-in:focus, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-horizontal:hover, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-horizontal:active, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-horizontal:focus, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-vertical:hover, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-vertical:active, .btn.btn-bg-no.btn-border-green.hvr-shutter-in-vertical:focus { color: white; } .btn.btn-bg-no.btn-border-green.hvr-border-fade { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-green.hvr-border-fade:hover, .btn.btn-bg-no.btn-border-green.hvr-border-fade:active, .btn.btn-bg-no.btn-border-green.hvr-border-fade:focus { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-green.hvr-hollow { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-green.hvr-hollow:hover, .btn.btn-bg-no.btn-border-green.hvr-hollow:active, .btn.btn-bg-no.btn-border-green.hvr-hollow:focus { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-green.hvr-border-fade { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-hvr-hollow { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-trim { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-ripple-out { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-ripple-in { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-outline-in { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-outline-out { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-underline-from-left { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-underline-from-center { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-underline-from-right { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-underline-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-overline-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-overline-from-left { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-overline-from-center { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-overline-from-right { border-width: 1px; } .btn.btn-bg-no.btn-border-green.hvr-trim:before { top: 2px; left: 2px; right: 2px; bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-color: #00d5c3; border-width: 3px; } .btn.btn-bg-no.btn-border-green.hvr-ripple-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #00d5c3; border-width: 0; } .btn.btn-bg-no.btn-border-green.hvr-ripple-in:hover:before, .btn.btn-bg-no.btn-border-green.hvr-ripple-in:active:before, .btn.btn-bg-no.btn-border-green.hvr-ripple-in:focus:before { border-width: 3px; top: -16px; right: -16px; bottom: -16px; left: -16px; } .btn.btn-bg-no.btn-border-green.hvr-outline-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #00d5c3; border-width: 0; } .btn.btn-bg-no.btn-border-green.hvr-outline-in:hover:before, .btn.btn-bg-no.btn-border-green.hvr-outline-in:active:before, .btn.btn-bg-no.btn-border-green.hvr-outline-in:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-green.hvr-ripple-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #00d5c3; border-width: 0; } .btn.btn-bg-no.btn-border-green.hvr-ripple-out:hover:before, .btn.btn-bg-no.btn-border-green.hvr-ripple-out:active:before, .btn.btn-bg-no.btn-border-green.hvr-ripple-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-green.hvr-outline-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #00d5c3; border-width: 0; } .btn.btn-bg-no.btn-border-green.hvr-outline-out:hover:before, .btn.btn-bg-no.btn-border-green.hvr-outline-out:active:before, .btn.btn-bg-no.btn-border-green.hvr-outline-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-green.hvr-reveal { border-width: 0; } .btn.btn-bg-no.btn-border-green.hvr-reveal:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-color: #00d5c3; } .btn.btn-bg-no.btn-border-green.hvr-reveal:hover:before, .btn.btn-bg-no.btn-border-green.hvr-reveal:active:before, .btn.btn-bg-no.btn-border-green.hvr-reveal:focus:before { border-width: 3px; } .btn.btn-bg-no.btn-border-green.hvr-underline-from-left:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-no.btn-border-green.hvr-underline-from-center:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-no.btn-border-green.hvr-underline-from-right:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-no.btn-border-green.hvr-underline-reveal:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-no.btn-border-green.hvr-overline-reveal:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-no.btn-border-green.hvr-overline-from-left:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-no.btn-border-green.hvr-overline-from-center:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-no.btn-border-green.hvr-overline-from-right:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-no.btn-border-gray { /* border animation for hover effect */ } .btn.btn-bg-no.btn-border-gray.hvr-fade:hover, .btn.btn-bg-no.btn-border-gray.hvr-fade:active, .btn.btn-bg-no.btn-border-gray.hvr-fade:focus { color: #00d5c3; background-color: white; } @-webkit-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @-moz-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @-o-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @-ms-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @-khtml-keyframes hvr-back-pulse-default { 50% { background-color: white; } } @keyframes hvr-back-pulse-default { 50% { background-color: white; } } .btn.btn-bg-no.btn-border-gray.hvr-back-pulse:hover, .btn.btn-bg-no.btn-border-gray.hvr-back-pulse:active, .btn.btn-bg-no.btn-border-gray.hvr-back-pulse:focus { color: #00d5c3; background-color: white; -webkit-animation-name: hvr-back-pulse-default; -moz-animation-name: hvr-back-pulse-default; -o-animation-name: hvr-back-pulse-default; -ms-animation-name: hvr-back-pulse-default; -khtml-animation-name: hvr-back-pulse-default; animation-name: hvr-back-pulse-default; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -khtml-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-bg-no.btn-border-gray.hvr-radial-out:hover, .btn.btn-bg-no.btn-border-gray.hvr-radial-out:active, .btn.btn-bg-no.btn-border-gray.hvr-radial-out:focus, .btn.btn-bg-no.btn-border-gray.hvr-rectangle-out:hover, .btn.btn-bg-no.btn-border-gray.hvr-rectangle-out:active, .btn.btn-bg-no.btn-border-gray.hvr-rectangle-out:focus, .btn.btn-bg-no.btn-border-gray.hvr-shutter-out-horizontal:hover, .btn.btn-bg-no.btn-border-gray.hvr-shutter-out-horizontal:active, .btn.btn-bg-no.btn-border-gray.hvr-shutter-out-horizontal:focus, .btn.btn-bg-no.btn-border-gray.hvr-shutter-out-vertical:hover, .btn.btn-bg-no.btn-border-gray.hvr-shutter-out-vertical:active, .btn.btn-bg-no.btn-border-gray.hvr-shutter-out-vertical:focus { color: #00d5c3; } .btn.btn-bg-no.btn-border-gray[class*="hvr-sweep"]:hover, .btn.btn-bg-no.btn-border-gray[class*="hvr-sweep"]:active, .btn.btn-bg-no.btn-border-gray[class*="hvr-sweep"]:focus, .btn.btn-bg-no.btn-border-gray[class*="hvr-bounce"]:hover, .btn.btn-bg-no.btn-border-gray[class*="hvr-bounce"]:active, .btn.btn-bg-no.btn-border-gray[class*="hvr-bounce"]:focus { color: #00d5c3; } .btn.btn-bg-no.btn-border-gray[class*="hvr-sweep"]:before, .btn.btn-bg-no.btn-border-gray[class*="hvr-bounce"]:before, .btn.btn-bg-no.btn-border-gray.hvr-radial-out:before, .btn.btn-bg-no.btn-border-gray.hvr-rectangle-out:before, .btn.btn-bg-no.btn-border-gray.hvr-shutter-out-horizontal:before, .btn.btn-bg-no.btn-border-gray.hvr-shutter-out-vertical:before { background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .btn.btn-bg-no.btn-border-gray.hvr-radial-out:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-no.btn-border-gray.hvr-radial-in:before, .btn.btn-bg-no.btn-border-gray.hvr-rectangle-in:before, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-horizontal:before, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-vertical:before { background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .btn.btn-bg-no.btn-border-gray.hvr-radial-in:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-no.btn-border-gray.hvr-radial-in, .btn.btn-bg-no.btn-border-gray.hvr-rectangle-in, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-horizontal, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-vertical { background-color: #2f3542; } .btn.btn-bg-no.btn-border-gray.hvr-radial-in:hover, .btn.btn-bg-no.btn-border-gray.hvr-radial-in:active, .btn.btn-bg-no.btn-border-gray.hvr-radial-in:focus, .btn.btn-bg-no.btn-border-gray.hvr-rectangle-in:hover, .btn.btn-bg-no.btn-border-gray.hvr-rectangle-in:active, .btn.btn-bg-no.btn-border-gray.hvr-rectangle-in:focus, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-horizontal:hover, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-horizontal:active, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-horizontal:focus, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-vertical:hover, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-vertical:active, .btn.btn-bg-no.btn-border-gray.hvr-shutter-in-vertical:focus { color: white; } .btn.btn-bg-no.btn-border-gray.hvr-border-fade { -webkit-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-gray.hvr-border-fade:hover, .btn.btn-bg-no.btn-border-gray.hvr-border-fade:active, .btn.btn-bg-no.btn-border-gray.hvr-border-fade:focus { -webkit-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-gray.hvr-hollow { -webkit-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-gray.hvr-hollow:hover, .btn.btn-bg-no.btn-border-gray.hvr-hollow:active, .btn.btn-bg-no.btn-border-gray.hvr-hollow:focus { -webkit-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; } .btn.btn-bg-no.btn-border-gray.hvr-border-fade { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-hvr-hollow { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-trim { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-ripple-out { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-ripple-in { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-outline-in { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-outline-out { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-underline-from-left { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-underline-from-center { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-underline-from-right { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-underline-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-overline-reveal { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-overline-from-left { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-overline-from-center { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-overline-from-right { border-width: 1px; } .btn.btn-bg-no.btn-border-gray.hvr-trim:before { top: 2px; left: 2px; right: 2px; bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-color: #2f3542; border-width: 3px; } .btn.btn-bg-no.btn-border-gray.hvr-ripple-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #2f3542; border-width: 0; } .btn.btn-bg-no.btn-border-gray.hvr-ripple-in:hover:before, .btn.btn-bg-no.btn-border-gray.hvr-ripple-in:active:before, .btn.btn-bg-no.btn-border-gray.hvr-ripple-in:focus:before { border-width: 3px; top: -16px; right: -16px; bottom: -16px; left: -16px; } .btn.btn-bg-no.btn-border-gray.hvr-outline-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #2f3542; border-width: 0; } .btn.btn-bg-no.btn-border-gray.hvr-outline-in:hover:before, .btn.btn-bg-no.btn-border-gray.hvr-outline-in:active:before, .btn.btn-bg-no.btn-border-gray.hvr-outline-in:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-gray.hvr-ripple-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #2f3542; border-width: 0; } .btn.btn-bg-no.btn-border-gray.hvr-ripple-out:hover:before, .btn.btn-bg-no.btn-border-gray.hvr-ripple-out:active:before, .btn.btn-bg-no.btn-border-gray.hvr-ripple-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-gray.hvr-outline-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #2f3542; border-width: 0; } .btn.btn-bg-no.btn-border-gray.hvr-outline-out:hover:before, .btn.btn-bg-no.btn-border-gray.hvr-outline-out:active:before, .btn.btn-bg-no.btn-border-gray.hvr-outline-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-no.btn-border-gray.hvr-reveal { border-width: 0; } .btn.btn-bg-no.btn-border-gray.hvr-reveal:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-color: #2f3542; } .btn.btn-bg-no.btn-border-gray.hvr-reveal:hover:before, .btn.btn-bg-no.btn-border-gray.hvr-reveal:active:before, .btn.btn-bg-no.btn-border-gray.hvr-reveal:focus:before { border-width: 3px; } .btn.btn-bg-no.btn-border-gray.hvr-underline-from-left:before { height: 3px; background-color: #2f3542; } .btn.btn-bg-no.btn-border-gray.hvr-underline-from-center:before { height: 3px; background-color: #2f3542; } .btn.btn-bg-no.btn-border-gray.hvr-underline-from-right:before { height: 3px; background-color: #2f3542; } .btn.btn-bg-no.btn-border-gray.hvr-underline-reveal:before { height: 3px; background-color: #2f3542; } .btn.btn-bg-no.btn-border-gray.hvr-overline-reveal:before { height: 3px; background-color: #2f3542; } .btn.btn-bg-no.btn-border-gray.hvr-overline-from-left:before { height: 3px; background-color: #2f3542; } .btn.btn-bg-no.btn-border-gray.hvr-overline-from-center:before { height: 3px; background-color: #2f3542; } .btn.btn-bg-no.btn-border-gray.hvr-overline-from-right:before { height: 3px; background-color: #2f3542; } .btn.btn-bg-white { background-color: white; /* change background color of button for hover effect */ /* border animation for hover effect */ } .btn.btn-bg-white.hvr-fade:hover, .btn.btn-bg-white.hvr-fade:active, .btn.btn-bg-white.hvr-fade:focus { color: white; background-color: #2f3542; } @-webkit-keyframes hvr-back-pulse-white { 50% { background-color: #4d5360; } } @-moz-keyframes hvr-back-pulse-white { 50% { background-color: #4d5360; } } @-o-keyframes hvr-back-pulse-white { 50% { background-color: #4d5360; } } @-ms-keyframes hvr-back-pulse-white { 50% { background-color: #4d5360; } } @-khtml-keyframes hvr-back-pulse-white { 50% { background-color: #4d5360; } } @keyframes hvr-back-pulse-white { 50% { background-color: #4d5360; } } .btn.btn-bg-white.hvr-back-pulse:hover, .btn.btn-bg-white.hvr-back-pulse:active, .btn.btn-bg-white.hvr-back-pulse:focus { color: white; background-color: #2f3542; -webkit-animation-name: hvr-back-pulse-white; -moz-animation-name: hvr-back-pulse-white; -o-animation-name: hvr-back-pulse-white; -ms-animation-name: hvr-back-pulse-white; -khtml-animation-name: hvr-back-pulse-white; animation-name: hvr-back-pulse-white; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -khtml-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-bg-white.hvr-radial-out:hover, .btn.btn-bg-white.hvr-radial-out:active, .btn.btn-bg-white.hvr-radial-out:focus, .btn.btn-bg-white.hvr-rectangle-out:hover, .btn.btn-bg-white.hvr-rectangle-out:active, .btn.btn-bg-white.hvr-rectangle-out:focus, .btn.btn-bg-white.hvr-shutter-out-horizontal:hover, .btn.btn-bg-white.hvr-shutter-out-horizontal:active, .btn.btn-bg-white.hvr-shutter-out-horizontal:focus, .btn.btn-bg-white.hvr-shutter-out-vertical:hover, .btn.btn-bg-white.hvr-shutter-out-vertical:active, .btn.btn-bg-white.hvr-shutter-out-vertical:focus { color: white; } .btn.btn-bg-white[class*="hvr-sweep"]:hover, .btn.btn-bg-white[class*="hvr-sweep"]:active, .btn.btn-bg-white[class*="hvr-sweep"]:focus, .btn.btn-bg-white[class*="hvr-bounce"]:hover, .btn.btn-bg-white[class*="hvr-bounce"]:active, .btn.btn-bg-white[class*="hvr-bounce"]:focus { color: white; } .btn.btn-bg-white[class*="hvr-sweep"]:before, .btn.btn-bg-white[class*="hvr-bounce"]:before, .btn.btn-bg-white.hvr-radial-out:before, .btn.btn-bg-white.hvr-rectangle-out:before, .btn.btn-bg-white.hvr-shutter-out-horizontal:before, .btn.btn-bg-white.hvr-shutter-out-vertical:before { background-color: #2f3542; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .btn.btn-bg-white.hvr-radial-out:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-white.hvr-radial-in:before, .btn.btn-bg-white.hvr-rectangle-in:before, .btn.btn-bg-white.hvr-shutter-in-horizontal:before, .btn.btn-bg-white.hvr-shutter-in-vertical:before { background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .btn.btn-bg-white.hvr-radial-in:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-white.hvr-radial-in, .btn.btn-bg-white.hvr-rectangle-in, .btn.btn-bg-white.hvr-shutter-in-horizontal, .btn.btn-bg-white.hvr-shutter-in-vertical { background-color: #2f3542; } .btn.btn-bg-white.hvr-radial-in:hover, .btn.btn-bg-white.hvr-radial-in:active, .btn.btn-bg-white.hvr-radial-in:focus, .btn.btn-bg-white.hvr-rectangle-in:hover, .btn.btn-bg-white.hvr-rectangle-in:active, .btn.btn-bg-white.hvr-rectangle-in:focus, .btn.btn-bg-white.hvr-shutter-in-horizontal:hover, .btn.btn-bg-white.hvr-shutter-in-horizontal:active, .btn.btn-bg-white.hvr-shutter-in-horizontal:focus, .btn.btn-bg-white.hvr-shutter-in-vertical:hover, .btn.btn-bg-white.hvr-shutter-in-vertical:active, .btn.btn-bg-white.hvr-shutter-in-vertical:focus { color: white; } .btn.btn-bg-white.hvr-border-fade { -webkit-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; } .btn.btn-bg-white.hvr-border-fade:hover, .btn.btn-bg-white.hvr-border-fade:active, .btn.btn-bg-white.hvr-border-fade:focus { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-white.hvr-hollow { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-white.hvr-hollow:hover, .btn.btn-bg-white.hvr-hollow:active, .btn.btn-bg-white.hvr-hollow:focus { -webkit-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; } .btn.btn-bg-white.hvr-border-fade { border-width: 0; } .btn.btn-bg-white.hvr-hvr-hollow { border-width: 0; } .btn.btn-bg-white.hvr-trim { border-width: 0; } .btn.btn-bg-white.hvr-ripple-out { border-width: 0; } .btn.btn-bg-white.hvr-ripple-in { border-width: 0; } .btn.btn-bg-white.hvr-outline-in { border-width: 0; } .btn.btn-bg-white.hvr-outline-out { border-width: 0; } .btn.btn-bg-white.hvr-reveal { border-width: 0; } .btn.btn-bg-white.hvr-underline-from-left { border-width: 0; } .btn.btn-bg-white.hvr-underline-from-center { border-width: 0; } .btn.btn-bg-white.hvr-underline-from-right { border-width: 0; } .btn.btn-bg-white.hvr-underline-reveal { border-width: 0; } .btn.btn-bg-white.hvr-overline-reveal { border-width: 0; } .btn.btn-bg-white.hvr-overline-from-left { border-width: 0; } .btn.btn-bg-white.hvr-overline-from-center { border-width: 0; } .btn.btn-bg-white.hvr-overline-from-right { border-width: 0; } .btn.btn-bg-white.hvr-trim:before { top: 2px; left: 2px; right: 2px; bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-color: #00d5c3; border-width: 3px; } .btn.btn-bg-white.hvr-ripple-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: white; border-width: 0; } .btn.btn-bg-white.hvr-ripple-in:hover:before, .btn.btn-bg-white.hvr-ripple-in:active:before, .btn.btn-bg-white.hvr-ripple-in:focus:before { border-width: 3px; top: -16px; right: -16px; bottom: -16px; left: -16px; } .btn.btn-bg-white.hvr-outline-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: white; border-width: 0; } .btn.btn-bg-white.hvr-outline-in:hover:before, .btn.btn-bg-white.hvr-outline-in:active:before, .btn.btn-bg-white.hvr-outline-in:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-white.hvr-ripple-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: white; border-width: 0; } .btn.btn-bg-white.hvr-ripple-out:hover:before, .btn.btn-bg-white.hvr-ripple-out:active:before, .btn.btn-bg-white.hvr-ripple-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-white.hvr-outline-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: white; border-width: 0; } .btn.btn-bg-white.hvr-outline-out:hover:before, .btn.btn-bg-white.hvr-outline-out:active:before, .btn.btn-bg-white.hvr-outline-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-white.hvr-reveal { border-width: 0; } .btn.btn-bg-white.hvr-reveal:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-color: #00d5c3; } .btn.btn-bg-white.hvr-reveal:hover:before, .btn.btn-bg-white.hvr-reveal:active:before, .btn.btn-bg-white.hvr-reveal:focus:before { border-width: 3px; } .btn.btn-bg-white.hvr-underline-from-left:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-white.hvr-underline-from-center:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-white.hvr-underline-from-right:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-white.hvr-underline-reveal:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-white.hvr-overline-reveal:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-white.hvr-overline-from-left:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-white.hvr-overline-from-center:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-white.hvr-overline-from-right:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-black { background-color: #1a1c20; /* change background color of button for hover effect */ /* border animation for hover effect */ } .btn.btn-bg-black.hvr-fade:hover, .btn.btn-bg-black.hvr-fade:active, .btn.btn-bg-black.hvr-fade:focus { color: ""; background-color: #2f3542; } @-webkit-keyframes hvr-back-pulse-black { 50% { background-color: #4d5360; } } @-moz-keyframes hvr-back-pulse-black { 50% { background-color: #4d5360; } } @-o-keyframes hvr-back-pulse-black { 50% { background-color: #4d5360; } } @-ms-keyframes hvr-back-pulse-black { 50% { background-color: #4d5360; } } @-khtml-keyframes hvr-back-pulse-black { 50% { background-color: #4d5360; } } @keyframes hvr-back-pulse-black { 50% { background-color: #4d5360; } } .btn.btn-bg-black.hvr-back-pulse:hover, .btn.btn-bg-black.hvr-back-pulse:active, .btn.btn-bg-black.hvr-back-pulse:focus { color: ""; background-color: #2f3542; -webkit-animation-name: hvr-back-pulse-black; -moz-animation-name: hvr-back-pulse-black; -o-animation-name: hvr-back-pulse-black; -ms-animation-name: hvr-back-pulse-black; -khtml-animation-name: hvr-back-pulse-black; animation-name: hvr-back-pulse-black; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -khtml-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-bg-black.hvr-radial-out:hover, .btn.btn-bg-black.hvr-radial-out:active, .btn.btn-bg-black.hvr-radial-out:focus, .btn.btn-bg-black.hvr-rectangle-out:hover, .btn.btn-bg-black.hvr-rectangle-out:active, .btn.btn-bg-black.hvr-rectangle-out:focus, .btn.btn-bg-black.hvr-shutter-out-horizontal:hover, .btn.btn-bg-black.hvr-shutter-out-horizontal:active, .btn.btn-bg-black.hvr-shutter-out-horizontal:focus, .btn.btn-bg-black.hvr-shutter-out-vertical:hover, .btn.btn-bg-black.hvr-shutter-out-vertical:active, .btn.btn-bg-black.hvr-shutter-out-vertical:focus { color: ""; } .btn.btn-bg-black[class*="hvr-sweep"]:hover, .btn.btn-bg-black[class*="hvr-sweep"]:active, .btn.btn-bg-black[class*="hvr-sweep"]:focus, .btn.btn-bg-black[class*="hvr-bounce"]:hover, .btn.btn-bg-black[class*="hvr-bounce"]:active, .btn.btn-bg-black[class*="hvr-bounce"]:focus { color: ""; } .btn.btn-bg-black[class*="hvr-sweep"]:before, .btn.btn-bg-black[class*="hvr-bounce"]:before, .btn.btn-bg-black.hvr-radial-out:before, .btn.btn-bg-black.hvr-rectangle-out:before, .btn.btn-bg-black.hvr-shutter-out-horizontal:before, .btn.btn-bg-black.hvr-shutter-out-vertical:before { background-color: #2f3542; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .btn.btn-bg-black.hvr-radial-out:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-black.hvr-radial-in:before, .btn.btn-bg-black.hvr-rectangle-in:before, .btn.btn-bg-black.hvr-shutter-in-horizontal:before, .btn.btn-bg-black.hvr-shutter-in-vertical:before { background-color: #1a1c20; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .btn.btn-bg-black.hvr-radial-in:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-black.hvr-radial-in, .btn.btn-bg-black.hvr-rectangle-in, .btn.btn-bg-black.hvr-shutter-in-horizontal, .btn.btn-bg-black.hvr-shutter-in-vertical { background-color: #2f3542; } .btn.btn-bg-black.hvr-radial-in:hover, .btn.btn-bg-black.hvr-radial-in:active, .btn.btn-bg-black.hvr-radial-in:focus, .btn.btn-bg-black.hvr-rectangle-in:hover, .btn.btn-bg-black.hvr-rectangle-in:active, .btn.btn-bg-black.hvr-rectangle-in:focus, .btn.btn-bg-black.hvr-shutter-in-horizontal:hover, .btn.btn-bg-black.hvr-shutter-in-horizontal:active, .btn.btn-bg-black.hvr-shutter-in-horizontal:focus, .btn.btn-bg-black.hvr-shutter-in-vertical:hover, .btn.btn-bg-black.hvr-shutter-in-vertical:active, .btn.btn-bg-black.hvr-shutter-in-vertical:focus { color: #00d5c3; } .btn.btn-bg-black.hvr-border-fade { -webkit-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; } .btn.btn-bg-black.hvr-border-fade:hover, .btn.btn-bg-black.hvr-border-fade:active, .btn.btn-bg-black.hvr-border-fade:focus { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-black.hvr-hollow { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-black.hvr-hollow:hover, .btn.btn-bg-black.hvr-hollow:active, .btn.btn-bg-black.hvr-hollow:focus { -webkit-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #1a1c20, 0 0 1px transparent; } .btn.btn-bg-black.hvr-border-fade { border-width: 0; } .btn.btn-bg-black.hvr-hvr-hollow { border-width: 0; } .btn.btn-bg-black.hvr-trim { border-width: 0; } .btn.btn-bg-black.hvr-ripple-out { border-width: 0; } .btn.btn-bg-black.hvr-ripple-in { border-width: 0; } .btn.btn-bg-black.hvr-outline-in { border-width: 0; } .btn.btn-bg-black.hvr-outline-out { border-width: 0; } .btn.btn-bg-black.hvr-reveal { border-width: 0; } .btn.btn-bg-black.hvr-underline-from-left { border-width: 0; } .btn.btn-bg-black.hvr-underline-from-center { border-width: 0; } .btn.btn-bg-black.hvr-underline-from-right { border-width: 0; } .btn.btn-bg-black.hvr-underline-reveal { border-width: 0; } .btn.btn-bg-black.hvr-overline-reveal { border-width: 0; } .btn.btn-bg-black.hvr-overline-from-left { border-width: 0; } .btn.btn-bg-black.hvr-overline-from-center { border-width: 0; } .btn.btn-bg-black.hvr-overline-from-right { border-width: 0; } .btn.btn-bg-black.hvr-trim:before { top: 2px; left: 2px; right: 2px; bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-color: #00d5c3; border-width: 3px; } .btn.btn-bg-black.hvr-ripple-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #1a1c20; border-width: 0; } .btn.btn-bg-black.hvr-ripple-in:hover:before, .btn.btn-bg-black.hvr-ripple-in:active:before, .btn.btn-bg-black.hvr-ripple-in:focus:before { border-width: 3px; top: -16px; right: -16px; bottom: -16px; left: -16px; } .btn.btn-bg-black.hvr-outline-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #1a1c20; border-width: 0; } .btn.btn-bg-black.hvr-outline-in:hover:before, .btn.btn-bg-black.hvr-outline-in:active:before, .btn.btn-bg-black.hvr-outline-in:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-black.hvr-ripple-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #1a1c20; border-width: 0; } .btn.btn-bg-black.hvr-ripple-out:hover:before, .btn.btn-bg-black.hvr-ripple-out:active:before, .btn.btn-bg-black.hvr-ripple-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-black.hvr-outline-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #1a1c20; border-width: 0; } .btn.btn-bg-black.hvr-outline-out:hover:before, .btn.btn-bg-black.hvr-outline-out:active:before, .btn.btn-bg-black.hvr-outline-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-black.hvr-reveal { border-width: 0; } .btn.btn-bg-black.hvr-reveal:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-color: #00d5c3; } .btn.btn-bg-black.hvr-reveal:hover:before, .btn.btn-bg-black.hvr-reveal:active:before, .btn.btn-bg-black.hvr-reveal:focus:before { border-width: 3px; } .btn.btn-bg-black.hvr-underline-from-left:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-black.hvr-underline-from-center:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-black.hvr-underline-from-right:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-black.hvr-underline-reveal:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-black.hvr-overline-reveal:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-black.hvr-overline-from-left:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-black.hvr-overline-from-center:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-black.hvr-overline-from-right:before { height: 3px; background-color: #00d5c3; } .btn.btn-bg-green { background-color: #00d5c3; /* change background color of button for hover effect */ /* border animation for hover effect */ } .btn.btn-bg-green.hvr-fade:hover, .btn.btn-bg-green.hvr-fade:active, .btn.btn-bg-green.hvr-fade:focus { color: #00d5c3; background-color: #2f3542; } @-webkit-keyframes hvr-back-pulse-green { 50% { background-color: #4d5360; } } @-moz-keyframes hvr-back-pulse-green { 50% { background-color: #4d5360; } } @-o-keyframes hvr-back-pulse-green { 50% { background-color: #4d5360; } } @-ms-keyframes hvr-back-pulse-green { 50% { background-color: #4d5360; } } @-khtml-keyframes hvr-back-pulse-green { 50% { background-color: #4d5360; } } @keyframes hvr-back-pulse-green { 50% { background-color: #4d5360; } } .btn.btn-bg-green.hvr-back-pulse:hover, .btn.btn-bg-green.hvr-back-pulse:active, .btn.btn-bg-green.hvr-back-pulse:focus { color: #00d5c3; background-color: #2f3542; -webkit-animation-name: hvr-back-pulse-green; -moz-animation-name: hvr-back-pulse-green; -o-animation-name: hvr-back-pulse-green; -ms-animation-name: hvr-back-pulse-green; -khtml-animation-name: hvr-back-pulse-green; animation-name: hvr-back-pulse-green; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -khtml-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-bg-green.hvr-radial-out:hover, .btn.btn-bg-green.hvr-radial-out:active, .btn.btn-bg-green.hvr-radial-out:focus, .btn.btn-bg-green.hvr-rectangle-out:hover, .btn.btn-bg-green.hvr-rectangle-out:active, .btn.btn-bg-green.hvr-rectangle-out:focus, .btn.btn-bg-green.hvr-shutter-out-horizontal:hover, .btn.btn-bg-green.hvr-shutter-out-horizontal:active, .btn.btn-bg-green.hvr-shutter-out-horizontal:focus, .btn.btn-bg-green.hvr-shutter-out-vertical:hover, .btn.btn-bg-green.hvr-shutter-out-vertical:active, .btn.btn-bg-green.hvr-shutter-out-vertical:focus { color: #00d5c3; } .btn.btn-bg-green[class*="hvr-sweep"]:hover, .btn.btn-bg-green[class*="hvr-sweep"]:active, .btn.btn-bg-green[class*="hvr-sweep"]:focus, .btn.btn-bg-green[class*="hvr-bounce"]:hover, .btn.btn-bg-green[class*="hvr-bounce"]:active, .btn.btn-bg-green[class*="hvr-bounce"]:focus { color: #00d5c3; } .btn.btn-bg-green[class*="hvr-sweep"]:before, .btn.btn-bg-green[class*="hvr-bounce"]:before, .btn.btn-bg-green.hvr-radial-out:before, .btn.btn-bg-green.hvr-rectangle-out:before, .btn.btn-bg-green.hvr-shutter-out-horizontal:before, .btn.btn-bg-green.hvr-shutter-out-vertical:before { background-color: #2f3542; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .btn.btn-bg-green.hvr-radial-out:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-green.hvr-radial-in:before, .btn.btn-bg-green.hvr-rectangle-in:before, .btn.btn-bg-green.hvr-shutter-in-horizontal:before, .btn.btn-bg-green.hvr-shutter-in-vertical:before { background-color: #00d5c3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .btn.btn-bg-green.hvr-radial-in:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-green.hvr-radial-in, .btn.btn-bg-green.hvr-rectangle-in, .btn.btn-bg-green.hvr-shutter-in-horizontal, .btn.btn-bg-green.hvr-shutter-in-vertical { background-color: #2f3542; } .btn.btn-bg-green.hvr-radial-in:hover, .btn.btn-bg-green.hvr-radial-in:active, .btn.btn-bg-green.hvr-radial-in:focus, .btn.btn-bg-green.hvr-rectangle-in:hover, .btn.btn-bg-green.hvr-rectangle-in:active, .btn.btn-bg-green.hvr-rectangle-in:focus, .btn.btn-bg-green.hvr-shutter-in-horizontal:hover, .btn.btn-bg-green.hvr-shutter-in-horizontal:active, .btn.btn-bg-green.hvr-shutter-in-horizontal:focus, .btn.btn-bg-green.hvr-shutter-in-vertical:hover, .btn.btn-bg-green.hvr-shutter-in-vertical:active, .btn.btn-bg-green.hvr-shutter-in-vertical:focus { color: #00d5c3; } .btn.btn-bg-green.hvr-border-fade { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-green.hvr-border-fade:hover, .btn.btn-bg-green.hvr-border-fade:active, .btn.btn-bg-green.hvr-border-fade:focus { -webkit-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; } .btn.btn-bg-green.hvr-hollow { -webkit-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #008573, 0 0 1px transparent; } .btn.btn-bg-green.hvr-hollow:hover, .btn.btn-bg-green.hvr-hollow:active, .btn.btn-bg-green.hvr-hollow:focus { -webkit-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #00d5c3, 0 0 1px transparent; } .btn.btn-bg-green.hvr-border-fade { border-width: 0; } .btn.btn-bg-green.hvr-hvr-hollow { border-width: 0; } .btn.btn-bg-green.hvr-trim { border-width: 0; } .btn.btn-bg-green.hvr-ripple-out { border-width: 0; } .btn.btn-bg-green.hvr-ripple-in { border-width: 0; } .btn.btn-bg-green.hvr-outline-in { border-width: 0; } .btn.btn-bg-green.hvr-outline-out { border-width: 0; } .btn.btn-bg-green.hvr-reveal { border-width: 0; } .btn.btn-bg-green.hvr-underline-from-left { border-width: 0; } .btn.btn-bg-green.hvr-underline-from-center { border-width: 0; } .btn.btn-bg-green.hvr-underline-from-right { border-width: 0; } .btn.btn-bg-green.hvr-underline-reveal { border-width: 0; } .btn.btn-bg-green.hvr-overline-reveal { border-width: 0; } .btn.btn-bg-green.hvr-overline-from-left { border-width: 0; } .btn.btn-bg-green.hvr-overline-from-center { border-width: 0; } .btn.btn-bg-green.hvr-overline-from-right { border-width: 0; } .btn.btn-bg-green.hvr-trim:before { top: 2px; left: 2px; right: 2px; bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-color: #008573; border-width: 3px; } .btn.btn-bg-green.hvr-ripple-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #00d5c3; border-width: 0; } .btn.btn-bg-green.hvr-ripple-in:hover:before, .btn.btn-bg-green.hvr-ripple-in:active:before, .btn.btn-bg-green.hvr-ripple-in:focus:before { border-width: 3px; top: -16px; right: -16px; bottom: -16px; left: -16px; } .btn.btn-bg-green.hvr-outline-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #00d5c3; border-width: 0; } .btn.btn-bg-green.hvr-outline-in:hover:before, .btn.btn-bg-green.hvr-outline-in:active:before, .btn.btn-bg-green.hvr-outline-in:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-green.hvr-ripple-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #00d5c3; border-width: 0; } .btn.btn-bg-green.hvr-ripple-out:hover:before, .btn.btn-bg-green.hvr-ripple-out:active:before, .btn.btn-bg-green.hvr-ripple-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-green.hvr-outline-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #00d5c3; border-width: 0; } .btn.btn-bg-green.hvr-outline-out:hover:before, .btn.btn-bg-green.hvr-outline-out:active:before, .btn.btn-bg-green.hvr-outline-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-green.hvr-reveal { border-width: 0; } .btn.btn-bg-green.hvr-reveal:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-color: #008573; } .btn.btn-bg-green.hvr-reveal:hover:before, .btn.btn-bg-green.hvr-reveal:active:before, .btn.btn-bg-green.hvr-reveal:focus:before { border-width: 3px; } .btn.btn-bg-green.hvr-underline-from-left:before { height: 3px; background-color: #008573; } .btn.btn-bg-green.hvr-underline-from-center:before { height: 3px; background-color: #008573; } .btn.btn-bg-green.hvr-underline-from-right:before { height: 3px; background-color: #008573; } .btn.btn-bg-green.hvr-underline-reveal:before { height: 3px; background-color: #008573; } .btn.btn-bg-green.hvr-overline-reveal:before { height: 3px; background-color: #008573; } .btn.btn-bg-green.hvr-overline-from-left:before { height: 3px; background-color: #008573; } .btn.btn-bg-green.hvr-overline-from-center:before { height: 3px; background-color: #008573; } .btn.btn-bg-green.hvr-overline-from-right:before { height: 3px; background-color: #008573; } .btn.btn-bg-gray { background-color: #2f3542; /* change background color of button for hover effect */ /* border animation for hover effect */ } .btn.btn-bg-gray.hvr-fade:hover, .btn.btn-bg-gray.hvr-fade:active, .btn.btn-bg-gray.hvr-fade:focus { color: #1a1c20; background-color: white; } @-webkit-keyframes hvr-back-pulse-gray { 50% { background-color: white; } } @-moz-keyframes hvr-back-pulse-gray { 50% { background-color: white; } } @-o-keyframes hvr-back-pulse-gray { 50% { background-color: white; } } @-ms-keyframes hvr-back-pulse-gray { 50% { background-color: white; } } @-khtml-keyframes hvr-back-pulse-gray { 50% { background-color: white; } } @keyframes hvr-back-pulse-gray { 50% { background-color: white; } } .btn.btn-bg-gray.hvr-back-pulse:hover, .btn.btn-bg-gray.hvr-back-pulse:active, .btn.btn-bg-gray.hvr-back-pulse:focus { color: #1a1c20; background-color: white; -webkit-animation-name: hvr-back-pulse-gray; -moz-animation-name: hvr-back-pulse-gray; -o-animation-name: hvr-back-pulse-gray; -ms-animation-name: hvr-back-pulse-gray; -khtml-animation-name: hvr-back-pulse-gray; animation-name: hvr-back-pulse-gray; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -khtml-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-bg-gray.hvr-radial-out:hover, .btn.btn-bg-gray.hvr-radial-out:active, .btn.btn-bg-gray.hvr-radial-out:focus, .btn.btn-bg-gray.hvr-rectangle-out:hover, .btn.btn-bg-gray.hvr-rectangle-out:active, .btn.btn-bg-gray.hvr-rectangle-out:focus, .btn.btn-bg-gray.hvr-shutter-out-horizontal:hover, .btn.btn-bg-gray.hvr-shutter-out-horizontal:active, .btn.btn-bg-gray.hvr-shutter-out-horizontal:focus, .btn.btn-bg-gray.hvr-shutter-out-vertical:hover, .btn.btn-bg-gray.hvr-shutter-out-vertical:active, .btn.btn-bg-gray.hvr-shutter-out-vertical:focus { color: #1a1c20; } .btn.btn-bg-gray[class*="hvr-sweep"]:hover, .btn.btn-bg-gray[class*="hvr-sweep"]:active, .btn.btn-bg-gray[class*="hvr-sweep"]:focus, .btn.btn-bg-gray[class*="hvr-bounce"]:hover, .btn.btn-bg-gray[class*="hvr-bounce"]:active, .btn.btn-bg-gray[class*="hvr-bounce"]:focus { color: #1a1c20; } .btn.btn-bg-gray[class*="hvr-sweep"]:before, .btn.btn-bg-gray[class*="hvr-bounce"]:before, .btn.btn-bg-gray.hvr-radial-out:before, .btn.btn-bg-gray.hvr-rectangle-out:before, .btn.btn-bg-gray.hvr-shutter-out-horizontal:before, .btn.btn-bg-gray.hvr-shutter-out-vertical:before { background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .btn.btn-bg-gray.hvr-radial-out:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-gray.hvr-radial-in:before, .btn.btn-bg-gray.hvr-rectangle-in:before, .btn.btn-bg-gray.hvr-shutter-in-horizontal:before, .btn.btn-bg-gray.hvr-shutter-in-vertical:before { background-color: #2f3542; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .btn.btn-bg-gray.hvr-radial-in:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .btn.btn-bg-gray.hvr-radial-in, .btn.btn-bg-gray.hvr-rectangle-in, .btn.btn-bg-gray.hvr-shutter-in-horizontal, .btn.btn-bg-gray.hvr-shutter-in-vertical { background-color: white; } .btn.btn-bg-gray.hvr-radial-in:hover, .btn.btn-bg-gray.hvr-radial-in:active, .btn.btn-bg-gray.hvr-radial-in:focus, .btn.btn-bg-gray.hvr-rectangle-in:hover, .btn.btn-bg-gray.hvr-rectangle-in:active, .btn.btn-bg-gray.hvr-rectangle-in:focus, .btn.btn-bg-gray.hvr-shutter-in-horizontal:hover, .btn.btn-bg-gray.hvr-shutter-in-horizontal:active, .btn.btn-bg-gray.hvr-shutter-in-horizontal:focus, .btn.btn-bg-gray.hvr-shutter-in-vertical:hover, .btn.btn-bg-gray.hvr-shutter-in-vertical:active, .btn.btn-bg-gray.hvr-shutter-in-vertical:focus { color: #1a1c20; } .btn.btn-bg-gray.hvr-border-fade { -webkit-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; } .btn.btn-bg-gray.hvr-border-fade:hover, .btn.btn-bg-gray.hvr-border-fade:active, .btn.btn-bg-gray.hvr-border-fade:focus { -webkit-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; } .btn.btn-bg-gray.hvr-hollow { -webkit-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; box-shadow: inset 0 0 0 3px white, 0 0 1px transparent; } .btn.btn-bg-gray.hvr-hollow:hover, .btn.btn-bg-gray.hvr-hollow:active, .btn.btn-bg-gray.hvr-hollow:focus { -webkit-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -o-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -ms-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; -khtml-box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; box-shadow: inset 0 0 0 3px #2f3542, 0 0 1px transparent; } .btn.btn-bg-gray.hvr-border-fade { border-width: 0; } .btn.btn-bg-gray.hvr-hvr-hollow { border-width: 0; } .btn.btn-bg-gray.hvr-trim { border-width: 0; } .btn.btn-bg-gray.hvr-ripple-out { border-width: 0; } .btn.btn-bg-gray.hvr-ripple-in { border-width: 0; } .btn.btn-bg-gray.hvr-outline-in { border-width: 0; } .btn.btn-bg-gray.hvr-outline-out { border-width: 0; } .btn.btn-bg-gray.hvr-reveal { border-width: 0; } .btn.btn-bg-gray.hvr-underline-from-left { border-width: 0; } .btn.btn-bg-gray.hvr-underline-from-center { border-width: 0; } .btn.btn-bg-gray.hvr-underline-from-right { border-width: 0; } .btn.btn-bg-gray.hvr-underline-reveal { border-width: 0; } .btn.btn-bg-gray.hvr-overline-reveal { border-width: 0; } .btn.btn-bg-gray.hvr-overline-from-left { border-width: 0; } .btn.btn-bg-gray.hvr-overline-from-center { border-width: 0; } .btn.btn-bg-gray.hvr-overline-from-right { border-width: 0; } .btn.btn-bg-gray.hvr-trim:before { top: 2px; left: 2px; right: 2px; bottom: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-color: white; border-width: 3px; } .btn.btn-bg-gray.hvr-ripple-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #2f3542; border-width: 0; } .btn.btn-bg-gray.hvr-ripple-in:hover:before, .btn.btn-bg-gray.hvr-ripple-in:active:before, .btn.btn-bg-gray.hvr-ripple-in:focus:before { border-width: 3px; top: -16px; right: -16px; bottom: -16px; left: -16px; } .btn.btn-bg-gray.hvr-outline-in:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #2f3542; border-width: 0; } .btn.btn-bg-gray.hvr-outline-in:hover:before, .btn.btn-bg-gray.hvr-outline-in:active:before, .btn.btn-bg-gray.hvr-outline-in:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-gray.hvr-ripple-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #2f3542; border-width: 0; } .btn.btn-bg-gray.hvr-ripple-out:hover:before, .btn.btn-bg-gray.hvr-ripple-out:active:before, .btn.btn-bg-gray.hvr-ripple-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-gray.hvr-outline-out:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; border-color: #2f3542; border-width: 0; } .btn.btn-bg-gray.hvr-outline-out:hover:before, .btn.btn-bg-gray.hvr-outline-out:active:before, .btn.btn-bg-gray.hvr-outline-out:focus:before { border-width: 3px; top: -6px; right: -6px; bottom: -6px; left: -6px; } .btn.btn-bg-gray.hvr-reveal { border-width: 0; } .btn.btn-bg-gray.hvr-reveal:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-color: white; } .btn.btn-bg-gray.hvr-reveal:hover:before, .btn.btn-bg-gray.hvr-reveal:active:before, .btn.btn-bg-gray.hvr-reveal:focus:before { border-width: 3px; } .btn.btn-bg-gray.hvr-underline-from-left:before { height: 3px; background-color: white; } .btn.btn-bg-gray.hvr-underline-from-center:before { height: 3px; background-color: white; } .btn.btn-bg-gray.hvr-underline-from-right:before { height: 3px; background-color: white; } .btn.btn-bg-gray.hvr-underline-reveal:before { height: 3px; background-color: white; } .btn.btn-bg-gray.hvr-overline-reveal:before { height: 3px; background-color: white; } .btn.btn-bg-gray.hvr-overline-from-left:before { height: 3px; background-color: white; } .btn.btn-bg-gray.hvr-overline-from-center:before { height: 3px; background-color: white; } .btn.btn-bg-gray.hvr-overline-from-right:before { height: 3px; background-color: white; } .btn.btn-border-white { border: 1px solid white; /* change color of triangle as background color of button for bubble effect */ } .btn.btn-border-white[class*="hvr-bubble"][class*="-top"]:before { border-color: transparent transparent white transparent; } .btn.btn-border-white[class*="hvr-bubble"][class*="-right"]:before { border-color: transparent transparent transparent white; } .btn.btn-border-white[class*="hvr-bubble"][class*="-bottom"]:before { border-color: white transparent transparent transparent; } .btn.btn-border-white[class*="hvr-bubble"][class*="-left"]:before { border-color: transparent white transparent transparent; } .btn.btn-border-black { border: 1px solid #1a1c20; /* change color of triangle as background color of button for bubble effect */ } .btn.btn-border-black[class*="hvr-bubble"][class*="-top"]:before { border-color: transparent transparent #1a1c20 transparent; } .btn.btn-border-black[class*="hvr-bubble"][class*="-right"]:before { border-color: transparent transparent transparent #1a1c20; } .btn.btn-border-black[class*="hvr-bubble"][class*="-bottom"]:before { border-color: #1a1c20 transparent transparent transparent; } .btn.btn-border-black[class*="hvr-bubble"][class*="-left"]:before { border-color: transparent #1a1c20 transparent transparent; } .btn.btn-border-green { border: 1px solid #00d5c3; /* change color of triangle as background color of button for bubble effect */ } .btn.btn-border-green[class*="hvr-bubble"][class*="-top"]:before { border-color: transparent transparent #00d5c3 transparent; } .btn.btn-border-green[class*="hvr-bubble"][class*="-right"]:before { border-color: transparent transparent transparent #00d5c3; } .btn.btn-border-green[class*="hvr-bubble"][class*="-bottom"]:before { border-color: #00d5c3 transparent transparent transparent; } .btn.btn-border-green[class*="hvr-bubble"][class*="-left"]:before { border-color: transparent #00d5c3 transparent transparent; } .btn.btn-border-gray { border: 1px solid #2f3542; /* change color of triangle as background color of button for bubble effect */ } .btn.btn-border-gray[class*="hvr-bubble"][class*="-top"]:before { border-color: transparent transparent #2f3542 transparent; } .btn.btn-border-gray[class*="hvr-bubble"][class*="-right"]:before { border-color: transparent transparent transparent #2f3542; } .btn.btn-border-gray[class*="hvr-bubble"][class*="-bottom"]:before { border-color: #2f3542 transparent transparent transparent; } .btn.btn-border-gray[class*="hvr-bubble"][class*="-left"]:before { border-color: transparent #2f3542 transparent transparent; } .btn.btn-color-white { color: white; } .btn.btn-color-black { color: #1a1c20; } .btn.btn-color-green { color: #00d5c3; } .btn.btn-color-gray { color: #2f3542; } .btn.btn-font-thin { font-weight: 100; } .btn.btn-font-light { font-weight: 300; } .btn.btn-font-extralight { font-weight: 200; } .btn.btn-font-light { font-weight: 300; } .btn.btn-font-regular { font-weight: 400; } .btn.btn-font-medium { font-weight: 500; } .btn.btn-font-semibold { font-weight: 600; } .btn.btn-font-bold { font-weight: 700; } .btn.btn-font-extrabold { font-weight: 800; } .btn.btn-font-black { font-weight: 900; } .btn.text-uppercase { font-size: 12px; } .btn.btn-small { padding: 7px 18px; font-size: 12px; } .btn.btn-small.text-uppercase { font-size: 11px; } .btn.btn-large { padding: 9px 28px; font-size: 18px; } .btn.btn-large.text-uppercase { font-size: 17px; } @media (min-width: 768px) { .btn.btn-large { padding: 11px 32px; } } @media (min-width: 992px) { .btn.btn-large { padding: 13px 36px; } } @media (min-width: 1200px) { .btn.btn-large { padding: 15px 40px; } } .btn.btn-extra { padding: 11px 32px; font-size: 22px; } .btn.btn-extra.text-uppercase { font-size: 19px; } @media (min-width: 768px) { .btn.btn-extra { padding: 13px 36px; } } @media (min-width: 992px) { .btn.btn-extra { padding: 15px 40px; } } @media (min-width: 1200px) { .btn.btn-extra { padding: 17px 44px; } } .btn.btn-appstore { padding: 0; width: 135px; height: 45px; display: inline-block; background-size: 100% 100%; background-repeat: no-repeat; } .btn.btn-appstore.btn-apple.btn-white { background-image: url(media/images/ico_appstore_apple_white.svg); } .btn.btn-appstore.btn-apple.btn-black { background-image: url(media/images/ico_appstore_apple_black.svg); } .btn.btn-appstore.btn-google.btn-white { background-image: url(media/images/ico_appstore_google_white.svg); } .btn.btn-appstore.btn-google.btn-black { background-image: url(media/images/ico_appstore_google_black.svg); } @media (min-width: 768px) { .btn.btn-appstore { width: 165px; height: 55px; } } @media (min-width: 992px) { .btn.btn-appstore { width: 195px; height: 65px; } } @media (min-width: 1200px) { .btn.btn-appstore { width: 225px; height: 75px; } } .btn.btn-appstore.btn-small { width: 90px; height: 30px; } @media (min-width: 992px) { .btn.btn-appstore.btn-small { width: 105px; height: 35px; } } .btn.btn-appstore.btn-large { width: 135px; height: 45px; } @media (min-width: 768px) { .btn.btn-appstore.btn-large { width: 150px; height: 50px; } } @media (min-width: 992px) { .btn.btn-appstore.btn-large { width: 165px; height: 55px; } } @media (min-width: 1200px) { .btn.btn-appstore.btn-large { width: 180px; height: 60px; } } .btn.btn-appstore.btn-extra { width: 135px; height: 45px; } @media (min-width: 768px) { .btn.btn-appstore.btn-extra { width: 165px; height: 55px; } } @media (min-width: 992px) { .btn.btn-appstore.btn-extra { width: 195px; height: 65px; } } @media (min-width: 1200px) { .btn.btn-appstore.btn-extra { width: 225px; height: 75px; } } .btn.btn-appstore.btn-base { width: 120px; height: 40px; } @media (min-width: 992px) { .btn.btn-appstore.btn-base { width: 135px; height: 45px; } } .btn.btn-circle { padding: 3px 0 0 0; width: 48px; height: 48px; line-height: 45px; font-size: 14px; font-weight: 900; text-align: center; color: #00d5c3; background-color: transparent; border: 1px solid #00d5c3; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } @media (min-width: 768px) { .btn.btn-circle { width: 54px; height: 54px; line-height: 50px; } } @media (min-width: 992px) { .btn.btn-circle { width: 64px; height: 64px; line-height: 60px; font-size: 18px; } } @media (min-width: 1200px) { .btn.btn-circle { width: 73px; height: 73px; line-height: 70px; } } .btn.btn-circle:active, .btn.btn-mouse, .btn.btn-vdots { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } .btn.btn-circle:not(.hvr) i { -webkit-animation-name: hvr-wobble-vertical; -moz-animation-name: hvr-wobble-vertical; -o-animation-name: hvr-wobble-vertical; -ms-animation-name: hvr-wobble-vertical; -khtml-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -khtml-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-circle:not(.hvr):hover i { -webkit-animation-name: hvr-pulse; -moz-animation-name: hvr-pulse; -o-animation-name: hvr-pulse; -ms-animation-name: hvr-pulse; -khtml-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -khtml-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-circle i { margin: 5px 0 0 0; } .btn.btn-circle.btn-circle-light-gray { color: #444a55; border-color: #444a55; } .btn.btn-circle.btn-circle-gray { color: #c1c1c1; border-width: 2px; border-color: #c1c1c1; } .btn.btn-circle.btn-circle-green { color: #2f3542; background-color: #00d5c3; border-color: #00d5c3; } .btn.btn-circle.btn-circle-white { color: #2f3542; background-color: white; border-color: white; } .btn.btn-mouse { padding: 0; line-height: 37px; font-size: 36px; font-weight: 900; color: #00d5c3; } .btn.btn-mouse:not(.hvr) { -webkit-animation-name: hvr-pulse; -moz-animation-name: hvr-pulse; -o-animation-name: hvr-pulse; -ms-animation-name: hvr-pulse; -khtml-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -khtml-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-mouse:not(.hvr):hover { -webkit-animation: 0; -moz-animation: 0; -o-animation: 0; -ms-animation: 0; -khtml-animation: 0; animation: 0; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -khtml-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .btn.btn-mouse i { margin: 5px 0 0 0; } .btn.btn-mouse.btn-mouse-light-gray { color: #444a55; } .btn.btn-mouse.btn-mouse-gray { color: #c1c1c1; } .btn.btn-vdots { padding: 0; line-height: 37px; font-size: 24px; font-weight: 400; color: #00d5c3; } .btn.btn-vdots:not(.hvr) { -webkit-animation-name: hvr-pop; -moz-animation-name: hvr-pop; -o-animation-name: hvr-pop; -ms-animation-name: hvr-pop; -khtml-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -khtml-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn.btn-vdots:not(.hvr):hover { -webkit-animation: 0; -moz-animation: 0; -o-animation: 0; -ms-animation: 0; -khtml-animation: 0; animation: 0; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .btn.btn-vdots i { margin: 5px 0 0 0; } .btn.btn-vdots.btn-vdots-light-gray { color: #444a55; } .btn.btn-vdots.btn-vdots-gray { color: #c1c1c1; } .btn:hover:not(.hvr):not(.btn-circle):not(.btn-mouse):not(.btn-vdots) { -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; -ms-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .btn.hvr-curl-top-left:before { top: -1px; left: -1px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; -o-border-top-left-radius: 2px; -ms-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; background: #2f3542; background: -webkit-linear-gradient(135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -moz-linear-gradient(135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -o-linear-gradient(135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -ms-linear-gradient(135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -khtml-linear-gradient(135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: linear-gradient(135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f3542", endColorstr="white", GradientType=0); } @media screen and (min-width: 0\0) { .btn.hvr-curl-top-left:before { top: -2px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn.hvr-curl-top-left:before { top: -2px; } } .btn.hvr-curl-top-right:before { top: -1px; right: -1px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; -o-border-top-right-radius: 2px; -ms-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; background: #2f3542; background: -webkit-linear-gradient(-135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -moz-linear-gradient(-135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -o-linear-gradient(-135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -ms-linear-gradient(-135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -khtml-linear-gradient(-135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: linear-gradient(-135deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f3542", endColorstr="white", GradientType=0); } @media screen and (min-width: 0\0) { .btn.hvr-curl-top-right:before { top: -2px; right: -2px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn.hvr-curl-top-right:before { top: -2px; right: -2px; } } .btn.hvr-curl-bottom-left:before { bottom: -1px; left: -1px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; -o-border-bottom-left-radius: 2px; -ms-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; background: #2f3542; background: -webkit-linear-gradient(45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -moz-linear-gradient(45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -o-linear-gradient(45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -ms-linear-gradient(45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -khtml-linear-gradient(45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: linear-gradient(45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f3542", endColorstr="white", GradientType=0); } @media screen and (min-width: 0\0) { .btn.hvr-curl-bottom-left:before { left: -2px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn.hvr-curl-bottom-left:before { left: -2px; } } .btn.hvr-curl-bottom-right:before { bottom: -1px; right: -1px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; -o-border-bottom-right-radius: 2px; -ms-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; background: #2f3542; background: -webkit-linear-gradient(-45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -moz-linear-gradient(-45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -o-linear-gradient(-45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -ms-linear-gradient(-45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: -khtml-linear-gradient(-45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); background: linear-gradient(-45deg, #2f3542 0%, #2f3542 45%, #9b9b9b 50%, #afafaf 56%, white 80% , white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f3542", endColorstr="white", GradientType=0); } @media screen and (min-width: 0\0) { .btn.hvr-curl-bottom-right:before { right: -2px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn.hvr-curl-bottom-right:before { right: -2px; } } .btn[class*="hvr-icon"] { /* icon back */ /* icon forward */ /* icon down */ /* icon down */ /* icon spin */ /* icon drop */ /* icon fade */ /* icon fade */ /* icon pulse */ /* icon pulse */ /* icon pulse grow */ /* icon pulse shrink */ /* icon push */ /* icon pop */ /* icon bounce */ /* icon rotate */ /* icon grow rotate */ /* icon float */ /* icon sink */ /* icon bob */ /* icon hang */ /* wobble-horizontal */ /* wobble-vertical */ /* buzz */ /* buzz out */ } .btn[class*="hvr-icon"]:before, .btn[class*="hvr-icon"]:after { content: none; } .btn[class*="hvr-icon"] i[class*="icon"] { -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -khtml-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .btn[class*="hvr-icon"].hvr-icon-back:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-back:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-back:focus i[class^="icon-"] { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -o-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); -khtml-transform: translate(-4px, 0); transform: translate(-4px, 0); } .btn[class*="hvr-icon"].hvr-icon-forward:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-forward:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-forward:focus i[class^="icon-"] { -webkit-transform: translate(4px, 0); -moz-transform: translate(4px, 0); -o-transform: translate(4px, 0); -ms-transform: translate(4px, 0); -khtml-transform: translate(4px, 0); transform: translate(4px, 0); } .btn[class*="hvr-icon"].hvr-icon-down:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-down:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-down:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-down; -moz-animation-name: hvr-icon-down; -o-animation-name: hvr-icon-down; -ms-animation-name: hvr-icon-down; -khtml-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; -ms-animation-duration: 0.75s; -khtml-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn[class*="hvr-icon"].hvr-icon-up:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-up:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-up:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-up; -moz-animation-name: hvr-icon-up; -o-animation-name: hvr-icon-up; -ms-animation-name: hvr-icon-up; -khtml-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; -ms-animation-duration: 0.75s; -khtml-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn[class*="hvr-icon"].hvr-icon-spin:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-spin:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-spin:focus i[class^="icon-"] { -webkit-transition: transform 1s ease-in-out; -moz-transition: transform 1s ease-in-out; -o-transition: transform 1s ease-in-out; -ms-transition: transform 1s ease-in-out; -khtml-transition: transform 1s ease-in-out; transition: transform 1s ease-in-out; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -khtml-transform: rotate(360deg); transform: rotate(360deg); } .btn[class*="hvr-icon"].hvr-icon-drop i[class^="icon-"] { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; } .btn[class*="hvr-icon"].hvr-icon-drop:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-drop:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-drop:focus i[class^="icon-"] { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: transform 1s ease-in-out; -moz-transition: transform 1s ease-in-out; -o-transition: transform 1s ease-in-out; -ms-transition: transform 1s ease-in-out; -khtml-transition: transform 1s ease-in-out; transition: transform 1s ease-in-out; -webkit-animation-name: hvr-icon-drop; -moz-animation-name: hvr-icon-drop; -o-animation-name: hvr-icon-drop; -ms-animation-name: hvr-icon-drop; -khtml-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -khtml-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -khtml-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn[class*="hvr-icon"].hvr-icon-fade:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-fade:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-fade:focus i[class^="icon-"] { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; -webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6; -ms-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .btn[class*="hvr-icon"].hvr-icon-grow:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-grow:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-grow:focus i[class^="icon-"] { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -khtml-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .btn[class*="hvr-icon"].hvr-icon-shrink:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-shrink:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-shrink:focus i[class^="icon-"] { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -khtml-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .btn[class*="hvr-icon"].hvr-icon-pulse:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-pulse:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-pulse:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-pulse; -moz-animation-name: hvr-icon-pulse; -o-animation-name: hvr-icon-pulse; -ms-animation-name: hvr-icon-pulse; -khtml-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn[class*="hvr-icon"].hvr-icon-pulse-grow:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-pulse-grow:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-pulse-grow:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-pulse-grow; -moz-animation-name: hvr-icon-pulse-grow; -o-animation-name: hvr-icon-pulse-grow; -ms-animation-name: hvr-icon-pulse-grow; -khtml-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; -ms-animation-direction: alternate; -khtml-animation-direction: alternate; animation-direction: alternate; } .btn[class*="hvr-icon"].hvr-icon-pulse-shrink:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-pulse-shrink:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-pulse-shrink:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-pulse-shrink; -moz-animation-name: hvr-icon-pulse-shrink; -o-animation-name: hvr-icon-pulse-shrink; -ms-animation-name: hvr-icon-pulse-shrink; -khtml-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; -ms-animation-direction: alternate; -khtml-animation-direction: alternate; animation-direction: alternate; } .btn[class*="hvr-icon"].hvr-icon-push:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-push:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-push:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-push; -moz-animation-name: hvr-icon-push; -o-animation-name: hvr-icon-push; -ms-animation-name: hvr-icon-push; -khtml-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn[class*="hvr-icon"].hvr-icon-pop:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-pop:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-pop:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-pop; -moz-animation-name: hvr-icon-pop; -o-animation-name: hvr-icon-pop; -ms-animation-name: hvr-icon-pop; -khtml-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn[class*="hvr-icon"].hvr-icon-bounce:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-bounce:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-bounce:focus i[class^="icon-"] { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -khtml-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-transition: transform 0.3s cubic-bezier(0.47, 2.02, 0.31, -0.36); -moz-transition: transform 0.3s cubic-bezier(0.47, 2.02, 0.31, -0.36); -o-transition: transform 0.3s cubic-bezier(0.47, 2.02, 0.31, -0.36); -ms-transition: transform 0.3s cubic-bezier(0.47, 2.02, 0.31, -0.36); -khtml-transition: transform 0.3s cubic-bezier(0.47, 2.02, 0.31, -0.36); transition: transform 0.3s cubic-bezier(0.47, 2.02, 0.31, -0.36); } .btn[class*="hvr-icon"].hvr-icon-rotate:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-rotate:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-rotate:focus i[class^="icon-"] { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); -khtml-transform: rotate(20deg); transform: rotate(20deg); } .btn[class*="hvr-icon"].hvr-icon-grow-rotate:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-grow-rotate:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-grow-rotate:focus i[class^="icon-"] { -webkit-transform: scale(1.5) rotate(20deg); -moz-transform: scale(1.5) rotate(20deg); -o-transform: scale(1.5) rotate(20deg); -ms-transform: scale(1.5) rotate(20deg); -khtml-transform: scale(1.5) rotate(20deg); transform: scale(1.5) rotate(20deg); } .btn[class*="hvr-icon"].hvr-icon-float:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-float:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-float:focus i[class^="icon-"] { -webkit-transform: translate(0, -4px); -moz-transform: translate(0, -4px); -o-transform: translate(0, -4px); -ms-transform: translate(0, -4px); -khtml-transform: translate(0, -4px); transform: translate(0, -4px); } .btn[class*="hvr-icon"].hvr-icon-sink:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-sink:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-sink:focus i[class^="icon-"] { -webkit-transform: translate(0, 4px); -moz-transform: translate(0, 4px); -o-transform: translate(0, 4px); -ms-transform: translate(0, 4px); -khtml-transform: translate(0, 4px); transform: translate(0, 4px); } .btn[class*="hvr-icon"].hvr-icon-bob:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-bob:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-bob:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; -moz-animation-name: hvr-icon-bob-float, hvr-icon-bob; -o-animation-name: hvr-icon-bob-float, hvr-icon-bob; -ms-animation-name: hvr-icon-bob-float, hvr-icon-bob; -khtml-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; -moz-animation-duration: .3s, 1.5s; -o-animation-duration: .3s, 1.5s; -ms-animation-duration: .3s, 1.5s; -khtml-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-timing-function: ease-out, ease-in-out; -moz-animation-timing-function: ease-out, ease-in-out; -o-animation-timing-function: ease-out, ease-in-out; -ms-animation-timing-function: ease-out, ease-in-out; -khtml-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; -moz-animation-iteration-count: 1, infinite; -o-animation-iteration-count: 1, infinite; -ms-animation-iteration-count: 1, infinite; -khtml-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-delay: 0s, .3s; -moz-animation-delay: 0s, .3s; -o-animation-delay: 0s, .3s; -ms-animation-delay: 0s, .3s; -khtml-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -khtml-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; -moz-animation-direction: normal, alternate; -o-animation-direction: normal, alternate; -ms-animation-direction: normal, alternate; -khtml-animation-direction: normal, alternate; animation-direction: normal, alternate; } .btn[class*="hvr-icon"].hvr-icon-hang:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-hang:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-hang:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; -moz-animation-name: hvr-icon-hang-sink, hvr-icon-hang; -o-animation-name: hvr-icon-hang-sink, hvr-icon-hang; -ms-animation-name: hvr-icon-hang-sink, hvr-icon-hang; -khtml-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: .3s, 1.5s; -moz-animation-duration: .3s, 1.5s; -o-animation-duration: .3s, 1.5s; -ms-animation-duration: .3s, 1.5s; -khtml-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-timing-function: ease-out, ease-in-out; -moz-animation-timing-function: ease-out, ease-in-out; -o-animation-timing-function: ease-out, ease-in-out; -ms-animation-timing-function: ease-out, ease-in-out; -khtml-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; -moz-animation-iteration-count: 1, infinite; -o-animation-iteration-count: 1, infinite; -ms-animation-iteration-count: 1, infinite; -khtml-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-delay: 0s, .3s; -moz-animation-delay: 0s, .3s; -o-animation-delay: 0s, .3s; -ms-animation-delay: 0s, .3s; -khtml-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -khtml-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; -moz-animation-direction: normal, alternate; -o-animation-direction: normal, alternate; -ms-animation-direction: normal, alternate; -khtml-animation-direction: normal, alternate; animation-direction: normal, alternate; } .btn[class*="hvr-icon"].hvr-icon-wobble-horizontal:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-wobble-horizontal:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-wobble-horizontal:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-wobble-horizontal; -moz-animation-name: hvr-icon-wobble-horizontal; -o-animation-name: hvr-icon-wobble-horizontal; -ms-animation-name: hvr-icon-wobble-horizontal; -khtml-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn[class*="hvr-icon"].hvr-icon-wobble-vertical:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-wobble-vertical:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-wobble-vertical:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-wobble-vertical; -moz-animation-name: hvr-icon-wobble-vertical; -o-animation-name: hvr-icon-wobble-vertical; -ms-animation-name: hvr-icon-wobble-vertical; -khtml-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -khtml-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn[class*="hvr-icon"].hvr-icon-buzz:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-buzz:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-buzz:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-buzz; -moz-animation-name: hvr-icon-buzz; -o-animation-name: hvr-icon-buzz; -ms-animation-name: hvr-icon-buzz; -khtml-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; -moz-animation-duration: 0.15s; -o-animation-duration: 0.15s; -ms-animation-duration: 0.15s; -khtml-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } .btn[class*="hvr-icon"].hvr-icon-buzz-out:hover i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-buzz-out:active i[class^="icon-"], .btn[class*="hvr-icon"].hvr-icon-buzz-out:focus i[class^="icon-"] { -webkit-animation-name: hvr-icon-buzz-out; -moz-animation-name: hvr-icon-buzz-out; -o-animation-name: hvr-icon-buzz-out; -ms-animation-name: hvr-icon-buzz-out; -khtml-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; -ms-animation-duration: 0.75s; -khtml-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -khtml-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } /* ---------------------------------------------------------------------- * * [ 3.5 Client ] * * ---------------------------------------------------------------------- */ .clientbox { text-align: center; /* size of items */ /* ignore default css of owl-carousel plugin */ /* Grid style */ } .clientbox a { width: 105px; max-width: 100%; height: 75px; line-height: 75px; display: inline-block; } .clientbox a img { width: auto; height: auto; max-width: 100%; max-height: 100%; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; -ms-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .clientbox a:hover img { -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; -ms-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } @media (min-width: 992px) { .clientbox a { width: 165px; height: 115px; line-height: 115px; } .clientbox.clientbox-large a { width: 230px; height: 160px; line-height: 160px; } .clientbox.clientbox-small a { width: 135px; height: 95px; line-height: 95px; } .clientbox.clientbox-tiny a { width: 105px; height: 75px; line-height: 75px; } } .clientbox .owl-carousel .owl-item img { width: auto; display: inline-block; } .clientbox.clientbox-grid { /* client box size */ } .clientbox.clientbox-grid > * { float: left; } .clientbox.clientbox-grid > * { clear: none; width: 50%; border: 0 solid #444a55; border-top-width: 1px; border-left-width: 1px; } .clientbox.clientbox-grid > *:nth-of-type(2n + 1) { clear: both; border-left-width: 0; } .clientbox.clientbox-grid > *:nth-of-type(1), .clientbox.clientbox-grid > *:nth-of-type(2) { border-top-width: 0; } @media (min-width: 992px) { .clientbox.clientbox-grid.clientbox-col-3 > *:nth-of-type(n) { clear: none; width: calc(100% / 3); border-top-width: 1px; border-left-width: 1px; } .clientbox.clientbox-grid.clientbox-col-3 > *:nth-of-type(n):nth-of-type(3n + 1) { clear: both; border-left-width: 0; } .clientbox.clientbox-grid.clientbox-col-3 > *:nth-of-type(n):nth-of-type(1) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-3 > *:nth-of-type(n):nth-of-type(2) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-3 > *:nth-of-type(n):nth-of-type(3) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-4 > *:nth-of-type(n) { clear: none; width: calc(100% / 4); border-top-width: 1px; border-left-width: 1px; } .clientbox.clientbox-grid.clientbox-col-4 > *:nth-of-type(n):nth-of-type(4n + 1) { clear: both; border-left-width: 0; } .clientbox.clientbox-grid.clientbox-col-4 > *:nth-of-type(n):nth-of-type(1) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-4 > *:nth-of-type(n):nth-of-type(2) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-4 > *:nth-of-type(n):nth-of-type(3) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-4 > *:nth-of-type(n):nth-of-type(4) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-5 > *:nth-of-type(n) { clear: none; width: calc(100% / 5); border-top-width: 1px; border-left-width: 1px; } .clientbox.clientbox-grid.clientbox-col-5 > *:nth-of-type(n):nth-of-type(5n + 1) { clear: both; border-left-width: 0; } .clientbox.clientbox-grid.clientbox-col-5 > *:nth-of-type(n):nth-of-type(1) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-5 > *:nth-of-type(n):nth-of-type(2) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-5 > *:nth-of-type(n):nth-of-type(3) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-5 > *:nth-of-type(n):nth-of-type(4) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-5 > *:nth-of-type(n):nth-of-type(5) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-6 > *:nth-of-type(n) { clear: none; width: calc(100% / 6); border-top-width: 1px; border-left-width: 1px; } .clientbox.clientbox-grid.clientbox-col-6 > *:nth-of-type(n):nth-of-type(6n + 1) { clear: both; border-left-width: 0; } .clientbox.clientbox-grid.clientbox-col-6 > *:nth-of-type(n):nth-of-type(1) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-6 > *:nth-of-type(n):nth-of-type(2) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-6 > *:nth-of-type(n):nth-of-type(3) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-6 > *:nth-of-type(n):nth-of-type(4) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-6 > *:nth-of-type(n):nth-of-type(5) { border-top-width: 0; } .clientbox.clientbox-grid.clientbox-col-6 > *:nth-of-type(n):nth-of-type(6) { border-top-width: 0; } } .clientbox.clientbox-grid.clientbox-large > * { padding: 30px 15px; } @media (min-width: 768px) { .clientbox.clientbox-grid.clientbox-large > * { padding: 40px 15px; } } @media (min-width: 992px) { .clientbox.clientbox-grid.clientbox-large > * { padding: 60px 15px; } } .clientbox.clientbox-grid.clientbox-base > * { padding: 30px 15px; } @media (min-width: 768px) { .clientbox.clientbox-grid.clientbox-base > * { padding: 40px 15px; } } @media (min-width: 992px) { .clientbox.clientbox-grid.clientbox-base > * { padding: 50px 15px; } } .clientbox.clientbox-grid.clientbox-small > * { padding: 30px 15px; } @media (min-width: 768px) { .clientbox.clientbox-grid.clientbox-small > * { padding: 40px 15px; } } .clientbox.clientbox-grid.clientbox-tiny > * { padding: 30px 15px; } /* ---------------------------------------------------------------------- * * [ 3.6 Contact ] * * ---------------------------------------------------------------------- */ .contact-section { /* remove error message */ } .contact-section form { margin-bottom: 30px; } .contact-section .icon { float: left; width: 30px; color: #00d5c3; font-size: 18px; } .contact-section .description { float: left; width: calc(100% - 30px); } .contact-section .description a { color: #dae2e8; } .contact-section .description a:hover { color: #00d5c3; } .contact-section .company-location { margin-top: 20px; } .contact-section .social-icons { margin-top: 20px; font-size: 21px; } .contact-section .social-icons a { margin-right: 20px; color: #dae2e8; } .contact-section .about-company p { margin-top: 20px; } .contact-section .follow-us { margin-top: 50px; } .contact-section .general-contact, .contact-section .reseller-enquire { text-align: center; } .contact-section .general-contact i, .contact-section .reseller-enquire i { margin-right: 12px; color: #00d5c3; font-size: 18px; } .contact-section .general-contact a, .contact-section .reseller-enquire a { color: #dae2e8; } .contact-section .general-contact a:hover, .contact-section .reseller-enquire a:hover { color: #00d5c3; } .contact-section.contact-section-6 .follow-us { margin-top: 0; } .contact-section small.help-block { display: none !important; } /* ---------------------------------------------------------------------- * * [ 3.7 Countdown ] * * ---------------------------------------------------------------------- */ .countdown .content-wrap { text-align: center; } .countdown.small-countdown-1 .content-wrap { padding-top: 50px; padding-bottom: 50px; } .countdown.small-countdown-1 .content-wrap h5 { padding-bottom: 14px; font-size: 21px; } .countdown.small-countdown-1 .content-wrap .divider.std-shortest { margin-bottom: 14px; } .countdown.small-countdown-1 .content-wrap p { font-size: 12px; } .countdown.small-countdown-1 .content-wrap .clock { margin-top: 20px; } .countdown.small-countdown-1 .content-wrap .clock div { display: inline-block; min-width: 50px; } .countdown.small-countdown-1 .content-wrap .clock div.days-wrapper, .countdown.small-countdown-1 .content-wrap .clock div.hours-wrapper, .countdown.small-countdown-1 .content-wrap .clock div.mins-wrapper { margin-right: 30px; } .countdown.small-countdown-1 .content-wrap .clock h2 { margin-bottom: 8px; } .countdown.small-countdown-1 .content-wrap .clock p { font-size: 14px; } .countdown.small-countdown-2 .content-wrap { padding-top: 50px; padding-bottom: 25px; } .countdown.small-countdown-2 .content-wrap p { font-size: 18px; } .countdown.small-countdown-2 .content-wrap .clock div { display: inline-block; } .countdown.small-countdown-2 .content-wrap .clock h2 { display: inline-block; } .countdown.small-countdown-2 .content-wrap .clock p { padding-bottom: 0; display: inline-block; font-size: 32px; } .countdown.small-countdown-2 .small-countdown-2-2 { margin-top: 22px; } .countdown.medium-countdown-1 .content-wrap { padding-top: 50px; padding-bottom: 50px; } .countdown.medium-countdown-1 .content-wrap h3 { padding-bottom: 16px; } .countdown.medium-countdown-1 .content-wrap .divider.std-shortest { margin-bottom: 16px; } .countdown.medium-countdown-1 .content-wrap p { font-size: 14px; } .countdown.medium-countdown-1 .content-wrap .clock { margin-top: 20px; } .countdown.medium-countdown-1 .content-wrap .clock div { display: inline-block; min-width: 60px; } .countdown.medium-countdown-1 .content-wrap .clock div.days-wrapper, .countdown.medium-countdown-1 .content-wrap .clock div.hours-wrapper, .countdown.medium-countdown-1 .content-wrap .clock div.mins-wrapper { margin-right: 30px; } .countdown.medium-countdown-1 .content-wrap .clock h2 { margin-bottom: 8px; } .countdown.medium-countdown-1 .content-wrap .clock p { font-size: 18px; } .countdown.medium-countdown-2-1 .content-wrap { padding-top: 70px; padding-bottom: 60px; } .countdown.medium-countdown-2-1 .content-wrap h4 { margin-bottom: 26px; } .countdown.medium-countdown-2-1 .content-wrap .clock { margin-top: 20px; } .countdown.medium-countdown-2-1 .content-wrap .clock div { display: inline-block; } .countdown.medium-countdown-2-1 .content-wrap .clock h2 { display: inline-block; font-size: 40px; } .countdown.medium-countdown-2-1 .content-wrap .clock p { padding-bottom: 0; display: inline-block; font-size: 40px; font-style: normal; } .countdown.medium-countdown-2-1 .content-wrap p { font-style: italic; } .countdown.medium-countdown-2-2 .content-wrap { padding-top: 70px; padding-bottom: 60px; } .countdown.medium-countdown-2-2 .content-wrap h5 { margin-bottom: 26px; } .countdown.medium-countdown-2-2 .content-wrap .clock { margin-top: 20px; } .countdown.medium-countdown-2-2 .content-wrap .clock div { display: inline-block; } .countdown.medium-countdown-2-2 .content-wrap .clock h2 { display: inline-block; font-size: 40px; } .countdown.medium-countdown-2-2 .content-wrap .clock p { padding-bottom: 0; display: inline-block; font-size: 40px; font-style: normal; } .countdown.medium-countdown-2-2 .content-wrap p { font-style: italic; font-size: 12px; } .countdown.large-countdown-1 .content-wrap { padding-top: 50px; padding-bottom: 50px; } .countdown.large-countdown-1 .content-wrap h2 { padding-bottom: 16px; } .countdown.large-countdown-1 .content-wrap .divider.std-shortest { margin-bottom: 16px; } .countdown.large-countdown-1 .content-wrap p { font-size: 18px; } .countdown.large-countdown-1 .content-wrap .clock { margin-top: 20px; } .countdown.large-countdown-1 .content-wrap .clock div { display: inline-block; min-width: 80px; } .countdown.large-countdown-1 .content-wrap .clock div.days-wrapper, .countdown.large-countdown-1 .content-wrap .clock div.hours-wrapper, .countdown.large-countdown-1 .content-wrap .clock div.mins-wrapper { margin-right: 40px; } .countdown.large-countdown-1 .content-wrap .clock h2 { margin-bottom: 8px; font-size: 60px; } .countdown.large-countdown-2 .content-wrap { padding-top: 70px; padding-bottom: 60px; } .countdown.large-countdown-2 .content-wrap h2 { margin-bottom: 26px; color: #1a1c20; } .countdown.large-countdown-2 .content-wrap .clock { margin-top: 20px; color: #1a1c20; } .countdown.large-countdown-2 .content-wrap .clock div { display: inline-block; } .countdown.large-countdown-2 .content-wrap .clock h2 { display: inline-block; color: #1a1c20; } .countdown.large-countdown-2 .content-wrap .clock p { padding-bottom: 0; display: inline-block; font-size: 48px; } .countdown.large-countdown-2 .content-wrap p { color: #1a1c20; font-size: 16px; } .countdown.large-countdown-3 .content-wrap { padding-top: 70px; padding-bottom: 60px; } .countdown.large-countdown-3 .content-wrap h2 { margin-bottom: 26px; } .countdown.large-countdown-3 .content-wrap .clock { margin-top: 20px; } .countdown.large-countdown-3 .content-wrap .clock div { display: inline-block; } .countdown.large-countdown-3 .content-wrap .clock h2 { display: inline-block; } .countdown.large-countdown-3 .content-wrap .clock p { padding-bottom: 0; display: inline-block; font-size: 48px; } .countdown.large-countdown-3 .content-wrap p { font-size: 16px; } .countdown.large-countdown-4 .content-wrap { padding-top: 50px; padding-bottom: 50px; } .countdown.large-countdown-4 .content-wrap i { font-size: 48px; } .countdown.large-countdown-4 .content-wrap h2 { margin-top: 10px; padding-bottom: 16px; } .countdown.large-countdown-4 .content-wrap .divider.std-shortest { margin-bottom: 16px; } .countdown.large-countdown-4 .content-wrap p { font-size: 18px; } .countdown.large-countdown-4 .content-wrap .clock { margin-top: 20px; } .countdown.large-countdown-4 .content-wrap .clock div { display: inline-block; min-width: 80px; } .countdown.large-countdown-4 .content-wrap .clock div.days-wrapper, .countdown.large-countdown-4 .content-wrap .clock div.hours-wrapper, .countdown.large-countdown-4 .content-wrap .clock div.mins-wrapper { margin-right: 40px; } .countdown.large-countdown-4 .content-wrap .clock h2 { margin-bottom: 8px; font-size: 60px; } .countdown.custom-countdown-1 .content-wrap { padding-top: 70px; padding-bottom: 60px; } .countdown.custom-countdown-1 .content-wrap p { margin-top: 20px; font-size: 14px; } .countdown.custom-countdown-1 .clock { max-width: 700px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; } .countdown.custom-countdown-1 .ClassyCountdown-value div { font-weight: 800; } .countdown.custom-countdown-2 .content-wrap { padding-top: 70px; padding-bottom: 60px; } .countdown.custom-countdown-2 .content-wrap p { margin-top: 20px; font-size: 14px; } .countdown.custom-countdown-2 .clock { max-width: 700px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; } .countdown.custom-countdown-2 .ClassyCountdown-value div { font-weight: 800; } /* ---------------------------------------------------------------------- * * [ 3.8 Counter ] * * ---------------------------------------------------------------------- */ [data-prgbar] { position: relative; display: inline-block; } [data-prgbar] svg { -webkit-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg); -moz-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg); -o-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg); -ms-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg); -khtml-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg); } [data-prgbar][data-prgbar="line"] { margin-bottom: 10px; width: 100%; display: block; } [data-prgbar][data-prgbar="line"] label { float: left; margin-bottom: 10px; width: calc(100% - 50px); font-weight: 400; font-size: 14px; } [data-prgbar][data-prgbar="line"] svg { margin-top: 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -khtml-transform: rotate(0deg); transform: rotate(0deg); } [data-prgbar][data-prgbar="line"] .progressbar-text { position: absolute; top: 0; right: 0; width: 50px; text-align: right; } [data-prgbar][data-prgbar="line"] .progressbar-text span { font-weight: 900; } [data-prgbar] .progressbar-text { font-size: 18px; } [data-prgbar].prgbar-font-lg label { font-size: 20px; } [data-prgbar].prgbar-font-lg .progressbar-text { font-size: 24px; } [data-prgbar].prgbar-font-sm label { font-size: 12px; } [data-prgbar].prgbar-font-sm .progressbar-text { font-size: 14px; } /* boxed progress bar group */ .prgbar-boxed { padding: 15px 10px 20px 10px; border: 1px solid #3b414f; } @media (min-width: 768px) { .prgbar-boxed { padding: 18px 20px 25px 20px; } } @media (min-width: 992px) { .prgbar-boxed { padding: 25px 25px 35px 25px; } } @media (min-width: 1200px) { .prgbar-boxed { padding: 35px 30px 45px 30px; } } .prgbar-boxed.prgbar-boxed-dark { background-color: #252b38; } /* Icon box counter - background overlay */ .counter-bg-1 { background: #00d5c3 url(media/images/counters_progressbars/background_1920x600.jpg) center center no-repeat; background-size: cover; } .counter-bg-1 .counter-box .counter-icon, .counter-bg-1 .counter-box .counter-number, .counter-bg-1 .counter-box .counter-label { color: #2f3542; } /* Icon box counter */ .counter-box .counter-icon { margin-bottom: 20px; line-height: 36px; color: #00d5c3; font-size: 36px; } .counter-box .counter-number { margin-bottom: 24px; line-height: 36px; color: #dae2e8; font-size: 36px; font-weight: 900; } .counter-box .counter-label { margin-top: 20px; line-height: 12px; color: #dae2e8; font-size: 12px; } .counter-box.counter-box-large .counter-icon { line-height: 40px; font-size: 40px; } .counter-box.counter-box-large .counter-number { line-height: 48px; font-size: 48px; } .counter-box.counter-box-large .counter-label { line-height: 14px; font-size: 14px; } /* gap */ .prgbar-row-gap { padding: 0; } @media (min-width: 768px) { .prgbar-row-gap { padding: 20px 0; } } .prgbar-row-mobilegap { padding: 30px 0; } @media (min-width: 768px) { .prgbar-row-mobilegap { padding: 30px 0; } } @media (min-width: 992px) { .prgbar-row-mobilegap { padding: 30px 0; } } /* ---------------------------------------------------------------------- * * [ 3.9 CTA (Call To Action) ] * * ---------------------------------------------------------------------- */ img.parallax-type-bubble { position: absolute; bottom: 0; left: 0; } .cta { width: 100%; margin: 0 auto; background-position: top center; background-size: cover; background-color: #dae2e8; background-repeat: no-repeat; } .cta[class*="cta-bg-cover-"] { position: relative; } .cta[class*="cta-bg-cover-"].jarallax:before { content: none; } .cta[class*="cta-bg-cover-"] [id^="jarallax-container-"] { opacity: 0.4; } .cta[class*="cta-bg-cover-"] .cta-wrap { position: inherit; z-index: 9; } .cta.cta-bg-cover-white { background-color: #dae2e8; } .cta.cta-bg-cover-white:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background-color: rgba(218, 226, 232, 0.6); z-index: 1; } .cta.cta-bg-cover-black { background-color: #1a1c20; } .cta.cta-bg-cover-black:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background-color: rgba(26, 28, 32, 0.8); z-index: 1; } .cta.cta-bg-cover-green { background-color: #00d5c3; } .cta.cta-bg-cover-green:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background-color: rgba(0, 213, 195, 0.6); z-index: 1; } .cta .cta-wrap { padding-top: 70px; padding-bottom: 70px; } .cta .cta-wrap .btn-wrap { padding-top: 50px; } .cta.cta-box-1 { background-image: url(media/images/cta_box/cta_box_image_1_1920x1280.jpg); } .cta.cta-box-1 .cta-wrap .headline-1 .h-large { min-height: 135px; color: #1a1c20; } .cta.cta-box-1 .cta-wrap .btn-wrap { padding-top: 0; } .cta.cta-box-2 { background-image: url(media/images/cta_box/cta_box_image_2_1920x1246.jpg); } .cta.cta-box-2 .headline-2 .h-extra-large span { display: inline-block; min-width: 280px; } .cta.cta-box-3 { background-image: url(media/images/cta_box/cta_box_image_1_1920x1280.jpg); } .cta.cta-box-4 .headline-4 div { min-height: 102px; } .cta.cta-box-13 .headline-13 h4 { padding-top: 20px; } .cta.cta-box-14 .headline-14 h4 { padding-top: 20px; } /* ---------------------------------------------------------------------- * * [ 3.10 Divider ] * * ---------------------------------------------------------------------- */ .divider { margin: 0 auto 30px auto; width: 100%; height: 1px; background-color: transparent; border-bottom: 1px solid #444a55; /* standard line - long */ /* standard line - short */ /* standard line - shortest */ /* standard line - very shortest */ /* standard line - double short */ /* styled line */ /* styled line - three dots */ /* styled line - small logo */ /* styled line - vertical */ } .divider.divider-bottom-small { margin-bottom: 15px; } .divider.divider-color-white { border-color: #dae2e8; } .divider.divider-color-light-gray { border-color: #838589; } .divider.divider-left { float: left; margin: 0; } .divider.divider-right { float: right; margin: 0; } .divider.std-long { max-width: 100%; } .divider.std-short { max-width: 863px; } .divider.std-shortest { max-width: 55px; } .divider.std-tiny { max-width: 25px; } .divider.std-short-dbl { max-width: 863px; height: 3px; border-top: 1px solid #444a55; } .divider.styled-1, .divider.styled-2 { position: relative; max-width: 160px; height: 18px; border-width: 0; background-position: center center; background-repeat: no-repeat; } .divider.styled-1:before, .divider.styled-1:after, .divider.styled-2:before, .divider.styled-2:after { content: ""; width: 55px; height: 1px; background-color: #444a55; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); transform: translate(0, -50%); } .divider.styled-1:before, .divider.styled-2:before { left: 0; } .divider.styled-1:after, .divider.styled-2:after { right: 0; } .divider.styled-1 { background-image: url(media/images/divider_styled_ico_1_23x5.png); } .divider.styled-2 { background-image: url(media/images/divider_styled_ico_2_18x18.png); } .divider.v-divider { width: 1px; height: 60px; border-bottom-width: 0; border-left: 1px solid #444a55; } .divider.v-divider.styled-3 { position: relative; } .divider.v-divider.styled-3:before, .divider.v-divider.styled-3:after { position: absolute; left: -4px; width: 7px; height: 7px; display: block; content: ""; border: 1px solid #444a55; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .divider.v-divider.styled-3:before { top: -6px; } .divider.v-divider.styled-3:after { bottom: -6px; } /* ---------------------------------------------------------------------- * * [ 3.11 Dropcaps, Ampersand, Text Highlights, Tooltips ] * * ---------------------------------------------------------------------- */ /* Dropcaps */ .dropcaps { float: left; margin: 8px 15px 5px 0; font-family: "Playfair Display", sans-serif; font-size: 42px; font-weight: 700; font-style: italic; display: inline-block; } .dropcaps.dropcaps-white { color: #dae2e8; } .dropcaps.dropcaps-green { color: #00d5c3; } .dropcaps.dropcaps-gray { color: #2f3542; } .dropcaps.dropcaps-cover-green { background-color: #00d5c3; } .dropcaps.dropcaps-cover-quadrangle, .dropcaps.dropcaps-cover-circle { width: 40px; height: 40px; line-height: 38px; text-align: center; font-size: 24px; } .dropcaps.dropcaps-cover-quadrangle { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .dropcaps.dropcaps-cover-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } /* Ampersand */ .ampersand { font-family: "Playfair Display", sans-serif; font-size: 130.33%; } .ampersand.ampersand-white { color: #dae2e8; } .ampersand.ampersand-green { color: #00d5c3; } /* Text Highlights */ .highlight { padding: 0 4px; line-height: 22px; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } .highlight.highlight-green { color: #2f3542; background-color: #00d5c3; } .highlight.highlight-red { background-color: #eb2c55; } .highlight.highlight-yellow { color: #2f3542; background-color: #e7db53; } /* Tooltips */ [data-toggle="tooltip"] { color: #00d5c3; display: inline-block; } /* ---------------------------------------------------------------------- * * [ 3.12 FAQ ] * * ---------------------------------------------------------------------- */ .faq { padding-top: 30px; padding-bottom: 30px; } .faq .faq-logo { padding-right: 16px; font-size: 36px; } .faq.faq-1-1 .faq-logo h2 { font-size: 44px; } .faq.faq-1-1 .faq-body { margin-top: 6px; width: 80%; } .faq.faq-1-2 .faq-logo h2 { font-family: "Playfair Display", sans-serif; font-size: 44px; } .faq.faq-1-2 .faq-body { margin-top: 6px; width: 80%; } .faq.faq-1-3 .faq-logo { padding-left: 24px; } .faq.faq-1-3 .faq-logo h2 { font-family: "Playfair Display", sans-serif; font-size: 44px; } .faq.faq-1-3 .faq-body { margin-top: 6px; width: 72%; } .faq.faq-1-4 { background-color: #3b414f; } .faq.faq-1-4 .faq-logo { padding-left: 24px; } .faq.faq-1-4 .faq-logo h2 { font-size: 44px; } .faq.faq-1-4 .faq-body { margin-top: 6px; width: 72%; } .faq.faq-2-1 .faq-body, .faq.faq-2-2 .faq-body, .faq.faq-3-1 .faq-body, .faq.faq-3-2 .faq-body { width: 80%; } .faq.faq-2-3 .faq-logo, .faq.faq-3-3 .faq-logo { padding-left: 24px; } .faq.faq-2-3 .faq-body, .faq.faq-3-3 .faq-body { width: 72%; } .faq.faq-2-4, .faq.faq-3-4 { background-color: #3b414f; } .faq.faq-2-4 .faq-logo, .faq.faq-3-4 .faq-logo { padding-left: 24px; } .faq.faq-2-4 .faq-body, .faq.faq-3-4 .faq-body { width: 72%; } /* ---------------------------------------------------------------------- * * [ 3.13 Featured Content ] * * ---------------------------------------------------------------------- */ .featured-content .row-top-gap { padding-top: 20px; } @media (min-width: 768px) { .featured-content .row-top-gap { padding-top: 40px; } } @media (min-width: 992px) { .featured-content .row-top-gap { padding-top: 10px; } } @media (min-width: 1200px) { .featured-content .row-top-gap { padding-top: 60px; } } .featured-content .btn.btn-download { margin-right: 15px; } .featured-content .btn.btn-download:last-of-type { margin-right: 0; } /* ---------------------------------------------------------------------- * * [ 3.14 Filter Box ] * * ---------------------------------------------------------------------- */ .filter-wrap { margin: 0; width: 100%; } .filter-wrap .filter-categories { padding: 20px 0 50px 0; } .filter-wrap .filter-categories a { margin: 5px 0; padding: 5px 30px; color: #c1c1c1; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .filter-wrap .filter-categories a.selected { color: #2f3542; background-color: #00d5c3; } .filter-wrap .filter-boxes { position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .filter-wrap .filter-boxes .filter-box { position: absolute; top: 0; left: 0; display: block; background-color: #00d5c3; overflow: hidden; border: 1px solid rgba(218, 226, 232, 0.2); text-align: center; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); -khtml-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); /* image */ } .filter-wrap .filter-boxes .filter-box.showBox { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); -khtml-transform: scale(1, 1); transform: scale(1, 1); } .filter-wrap .filter-boxes .filter-box.scale { /* description */ } .filter-wrap .filter-boxes .filter-box.scale img { z-index: 99; width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .filter-wrap .filter-boxes .filter-box.scale:hover img { -webkit-opacity: 0.2; -moz-opacity: 0.2; -o-opacity: 0.2; -ms-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .filter-wrap .filter-boxes .filter-box.scale .box-desc { position: absolute; top: 150%; left: 0; margin: 0; padding: 10px; width: 100%; text-align: center; z-index: 999; cursor: pointer; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; -khtml-opacity: 0; opacity: 0; } .filter-wrap .filter-boxes .filter-box.scale .box-desc span { margin: 0 0 10px 0; display: block; font-size: 22px; font-weight: 700; color: #dae2e8; cursor: pointer; } .filter-wrap .filter-boxes .filter-box.scale .box-desc p { margin: 0; line-height: 20px; font-size: 14px; color: #dae2e8; cursor: pointer; } .filter-wrap .filter-boxes .filter-box.scale:hover .box-desc { top: 50%; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate(0 -50%, 0); -moz-transform: translate(0 -50%, 0); -o-transform: translate(0 -50%, 0); -ms-transform: translate(0 -50%, 0); -khtml-transform: translate(0 -50%, 0); transform: translate(0 -50%, 0); } .filter-wrap .filter-boxes .filter-box.scroll { /* description */ } .filter-wrap .filter-boxes .filter-box.scroll .img-wrap { position: relative; height: 280px; overflow: hidden; } .filter-wrap .filter-boxes .filter-box.scroll img { position: absolute; top: 0; left: 0; z-index: 99; width: 100%; -webkit-transition: all 5s linear; -moz-transition: all 5s linear; -o-transition: all 5s linear; -ms-transition: all 5s linear; -khtml-transition: all 5s linear; transition: all 5s linear; } .filter-wrap .filter-boxes .filter-box.scroll:hover img { -webkit-transform: translate(0, calc(-100% + 280px)); -moz-transform: translate(0, calc(-100% + 280px)); -o-transform: translate(0, calc(-100% + 280px)); -ms-transform: translate(0, calc(-100% + 280px)); -khtml-transform: translate(0, calc(-100% + 280px)); transform: translate(0, calc(-100% + 280px)); } .filter-wrap .filter-boxes .filter-box.scroll .box-desc { margin: 10px 0; padding: 10px; width: 100%; text-align: center; z-index: 999; cursor: pointer; } .filter-wrap .filter-boxes .filter-box.scroll .box-desc span { margin: 0 0 10px 0; display: block; font-size: 20px; font-weight: 700; color: #dae2e8; cursor: pointer; } .filter-wrap .filter-boxes .filter-box.scroll .box-desc p { margin: 0; line-height: 20px; font-size: 14px; color: #dae2e8; cursor: pointer; } /* ---------------------------------------------------------------------- * * [ 3.15 Footer ] * * ---------------------------------------------------------------------- */ .footer-wrap { padding: 75px 0; width: 100%; background-color: #232936; } .footer-wrap.footer-no-bg { background-color: transparent; } .footer-wrap.footer-4, .footer-wrap.footer-5 { padding: 57px 0; } .footer-wrap a, .footer-wrap .copyright { width: auto; color: #bac0cd; font-size: 12px; text-decoration: none; } .footer-wrap a:hover { color: #00d5c3; } .footer-wrap .footer-logo { width: auto; padding: 15px 0; } .footer-wrap .copyright { padding: 15px 0; display: block; } .footer-wrap .copyright i { color: #00d5c3; } .footer-wrap .social-icon-wrap { padding: 15px 0; } .footer-wrap .social-icon-wrap a { margin: 0 10px; font-size: 18px; color: #bac0cd; display: inline-block; } .footer-wrap .social-icon-wrap.social-icon-large a { font-size: 24px; } .footer-wrap .footer-link { padding: 15px 0; } .footer-wrap .footer-link a { margin: 0 10px; display: inline-block; } .footer-wrap .followus { font-size: 14px; font-weight: 800; } .footer-wrap .followus a { font-size: 14px; color: #00d5c3; } .footer-wrap .followus a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------- * * [ 3.16 Form ] * * ---------------------------------------------------------------------- */ .form-elem { width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* label text color */ /* input box */ /* effect */ /* check box */ /* radio box */ /* switch-box */ /* Select Box (customize jQuery custom select box) */ /* range slider */ } .form-elem *, .form-elem *:before { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-elem label { color: #595f6d; font-weight: 400; } .form-elem .elem-icon, .form-elem .elem-icon i { -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; -ms-transition: 0s; -khtml-transition: 0s; transition: 0s; } .form-elem .text-disabled { color: #434957; } .form-elem .text-checked { color: #dae2e8; } .form-elem.check-green .text-checked { color: #00d5c3; } .form-elem.check-black .text-checked { color: #1a1c20; } .form-elem.input-box { display: inline-table; vertical-align: middle; border: 2px solid #595f6d; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; /* border */ /* elements */ } .form-elem.input-box.border-black { border-color: #1a1c20; } .form-elem.input-box.border-green { border-color: #00d5c3; } .form-elem.input-box.border-white { border-color: rgba(255, 255, 255, 0.8); } .form-elem.input-box.border-gray { border-color: rgba(47, 53, 66, 0.5); } .form-elem.input-box .elem-icon { width: 48px; height: 45px; display: table-cell; line-height: 45px; text-align: center; font-size: 16px; color: #595f6d; vertical-align: middle; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -khtml-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .form-elem.input-box.icon-boxed .elem-icon { color: white; background-color: #595f6d; } .form-elem.input-box.icon-boxed .elem-icon:first-child { -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .form-elem.input-box.icon-boxed .elem-icon:last-child { -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .form-elem.input-box.icon-boxed.border-black .elem-icon { background-color: #1a1c20; } .form-elem.input-box.icon-boxed.border-green .elem-icon { background-color: #00d5c3; } .form-elem.input-box.icon-boxed.border-white .elem-icon { background-color: rgba(255, 255, 255, 0.8); } .form-elem.input-box.icon-boxed.border-gray .elem-icon { background-color: rgba(47, 53, 66, 0.5); } .form-elem.input-box input { padding: 0 15px; width: 100%; height: 45px; display: table-cell; line-height: 45px; color: #a4a9b4; font-size: 14px; border-width: 0; vertical-align: middle; background-color: transparent; } .form-elem.input-box.color-white * { color: white; } .form-elem.input-box.color-black * { color: #1a1c20; } .form-elem.input-box.color-green * { color: #00d5c3; } .form-elem.textarea-box { position: relative; display: inline-block; border: 2px solid #595f6d; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .form-elem.textarea-box .elem-icon { position: absolute; top: 3px; right: 9px; font-size: 14px; color: #595f6d; } .form-elem.textarea-box textarea { padding: 12px 16px; width: 100%; display: block; resize: none; color: #a4a9b4; font-size: 14px; border-width: 0; background-color: transparent; } .form-elem.textarea-box.color-white * { color: white; } .form-elem.textarea-box.color-black * { color: #1a1c20; } .form-elem.textarea-box.color-green * { color: #00d5c3; } .form-elem.placeholder-black *::-webkit-input-placeholder { color: #1a1c20; } .form-elem.placeholder-black *:-moz-placeholder { color: #1a1c20; opacity: 1; } .form-elem.placeholder-black *::-moz-placeholder { color: #1a1c20; opacity: 1; } .form-elem.placeholder-black *:-ms-input-placeholder { color: #1a1c20; } .form-elem.placeholder-black *::-ms-input-placeholder { color: #1a1c20; } .form-elem.placeholder-white *::-webkit-input-placeholder { color: #dae2e8; } .form-elem.placeholder-white *:-moz-placeholder { color: #dae2e8; opacity: 1; } .form-elem.placeholder-white *::-moz-placeholder { color: #dae2e8; opacity: 1; } .form-elem.placeholder-white *:-ms-input-placeholder { color: #dae2e8; } .form-elem.placeholder-white *::-ms-input-placeholder { color: #dae2e8; } .form-elem.placeholder-green *::-webkit-input-placeholder { color: #00d5c3; } .form-elem.placeholder-green *:-moz-placeholder { color: #00d5c3; opacity: 1; } .form-elem.placeholder-green *::-moz-placeholder { color: #00d5c3; opacity: 1; } .form-elem.placeholder-green *:-ms-input-placeholder { color: #00d5c3; } .form-elem.placeholder-green *::-ms-input-placeholder { color: #00d5c3; } .form-elem.form-elem-hover { border-color: #00d5c3; /* boxed-icon */ } .form-elem.form-elem-hover .elem-icon { color: #00d5c3; } .form-elem.form-elem-hover.color-hover-white .elem-icon, .form-elem.form-elem-hover.color-hover-white input, .form-elem.form-elem-hover.color-hover-white textarea { color: white; } .form-elem.form-elem-hover.color-hover-green .elem-icon, .form-elem.form-elem-hover.color-hover-green input, .form-elem.form-elem-hover.color-hover-green textarea { color: #00d5c3; } .form-elem.form-elem-hover.color-hover-black .elem-icon, .form-elem.form-elem-hover.color-hover-black input, .form-elem.form-elem-hover.color-hover-black textarea { color: #1a1c20; } .form-elem.form-elem-hover.icon-boxed { border-color: #595f6d; } .form-elem.form-elem-hover.icon-boxed .elem-icon { background-color: #595f6d; } .form-elem.form-elem-hover.border-black { border-color: #1a1c20; } .form-elem.form-elem-hover.border-black.icon-boxed .elem-icon { background-color: #1a1c20; } .form-elem.form-elem-hover.border-green { border-color: #00d5c3; } .form-elem.form-elem-hover.border-green.icon-boxed .elem-icon { background-color: #00d5c3; } .form-elem.form-elem-hover.border-white { border-color: rgba(255, 255, 255, 0.8); } .form-elem.form-elem-hover.border-white.icon-boxed .elem-icon { background-color: rgba(255, 255, 255, 0.8); } .form-elem.form-elem-hover.border-gray { border-color: rgba(47, 53, 66, 0.5); } .form-elem.form-elem-hover.border-gray.icon-boxed .elem-icon { background-color: rgba(47, 53, 66, 0.5); } .form-elem.form-elem-focus { border-color: #00d5c3; -webkit-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -moz-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -o-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -ms-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -khtml-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); /* boxed-icon */ } .form-elem.form-elem-focus .elem-icon { color: #00d5c3; } .form-elem.form-elem-focus.color-focus-white .elem-icon, .form-elem.form-elem-focus.color-focus-white input, .form-elem.form-elem-focus.color-focus-white textarea { color: white; } .form-elem.form-elem-focus.color-focus-green .elem-icon, .form-elem.form-elem-focus.color-focus-green input, .form-elem.form-elem-focus.color-focus-green textarea { color: #00d5c3; } .form-elem.form-elem-focus.color-focus-black .elem-icon, .form-elem.form-elem-focus.color-focus-black input, .form-elem.form-elem-focus.color-focus-black textarea { color: #1a1c20; } .form-elem.form-elem-focus.icon-boxed { border-color: #00d5c3; } .form-elem.form-elem-focus.icon-boxed .elem-icon { color: #2f3542; background-color: #00d5c3; } .form-elem.form-elem-focus.border-black { border-color: #1a1c20; -webkit-box-shadow: 0 0 15px rgba(26, 28, 32, 0.3); -moz-box-shadow: 0 0 15px rgba(26, 28, 32, 0.3); -o-box-shadow: 0 0 15px rgba(26, 28, 32, 0.3); -ms-box-shadow: 0 0 15px rgba(26, 28, 32, 0.3); -khtml-box-shadow: 0 0 15px rgba(26, 28, 32, 0.3); box-shadow: 0 0 15px rgba(26, 28, 32, 0.3); } .form-elem.form-elem-focus.border-black.icon-boxed .elem-icon { background-color: #1a1c20; } .form-elem.form-elem-focus.border-green { border-color: #00d5c3; -webkit-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -moz-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -o-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -ms-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -khtml-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); } .form-elem.form-elem-focus.border-green.icon-boxed .elem-icon { background-color: #00d5c3; } .form-elem.form-elem-focus.border-white { border-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); -o-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); -ms-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); -khtml-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); } .form-elem.form-elem-focus.border-white.icon-boxed .elem-icon { background-color: rgba(255, 255, 255, 0.8); } .form-elem.form-elem-focus.border-gray { border-color: rgba(47, 53, 66, 0.5); -webkit-box-shadow: 0 0 15px rgba(47, 53, 66, 0.3); -moz-box-shadow: 0 0 15px rgba(47, 53, 66, 0.3); -o-box-shadow: 0 0 15px rgba(47, 53, 66, 0.3); -ms-box-shadow: 0 0 15px rgba(47, 53, 66, 0.3); -khtml-box-shadow: 0 0 15px rgba(47, 53, 66, 0.3); box-shadow: 0 0 15px rgba(47, 53, 66, 0.3); } .form-elem.form-elem-focus.border-gray.icon-boxed .elem-icon { background-color: rgba(47, 53, 66, 0.5); } .form-elem.placeholder-black *::-webkit-input-placeholder { color: #1a1c20; } .form-elem.placeholder-black *:-moz-placeholder { color: #1a1c20; opacity: 1; } .form-elem.placeholder-black *::-moz-placeholder { color: #1a1c20; opacity: 1; } .form-elem.placeholder-black *:-ms-input-placeholder { color: #1a1c20; } .form-elem.placeholder-black *::-ms-input-placeholder { color: #1a1c20; } .form-elem.placeholder-white *::-webkit-input-placeholder { color: #dae2e8; } .form-elem.placeholder-white *:-moz-placeholder { color: #dae2e8; opacity: 1; } .form-elem.placeholder-white *::-moz-placeholder { color: #dae2e8; opacity: 1; } .form-elem.placeholder-white *:-ms-input-placeholder { color: #dae2e8; } .form-elem.placeholder-white *::-ms-input-placeholder { color: #dae2e8; } .form-elem.placeholder-green *::-webkit-input-placeholder { color: #00d5c3; } .form-elem.placeholder-green *:-moz-placeholder { color: #00d5c3; opacity: 1; } .form-elem.placeholder-green *::-moz-placeholder { color: #00d5c3; opacity: 1; } .form-elem.placeholder-green *:-ms-input-placeholder { color: #00d5c3; } .form-elem.placeholder-green *::-ms-input-placeholder { color: #00d5c3; } .form-elem.check-box .elem-wrap, .form-elem.radio-box .elem-wrap { float: left; margin: 3px 15px 3px 0; width: 20px; height: 20px; display: inline-block; } .form-elem.check-box .elem-wrap input, .form-elem.radio-box .elem-wrap input { display: none; } .form-elem.check-box .elem-wrap label, .form-elem.radio-box .elem-wrap label { position: relative; margin: 0; padding: 0; width: 20px; height: 20px; text-align: center; color: #00d5c3; border: 2px solid #595f6d; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .form-elem.check-box .elem-wrap label:before, .form-elem.radio-box .elem-wrap label:before { position: absolute; top: 50%; left: 50%; content: ""; line-height: 16px; font: normal normal normal 12px FontAwesome; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .form-elem.check-box .elem-wrap input:focus + label, .form-elem.check-box .elem-wrap label:hover, .form-elem.radio-box .elem-wrap input:focus + label, .form-elem.radio-box .elem-wrap label:hover { border-color: #00d5c3; -webkit-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -moz-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -o-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -ms-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); -khtml-box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); box-shadow: 0 0 15px rgba(0, 213, 195, 0.3); } .form-elem.check-box .elem-wrap input:checked + label, .form-elem.radio-box .elem-wrap input:checked + label { border-color: #00d5c3; } .form-elem.check-box .elem-wrap input:checked + label:before, .form-elem.radio-box .elem-wrap input:checked + label:before { content: "\f00c"; } .form-elem.check-box .elem-wrap input:disabled + label, .form-elem.radio-box .elem-wrap input:disabled + label { border-color: #434957; color: #434957; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } .form-elem.check-box.check-green input + label, .form-elem.radio-box.check-green input + label { border-color: #00d5c3; color: #2f3542; } .form-elem.check-box.check-green input:checked + label, .form-elem.radio-box.check-green input:checked + label { background-color: #00d5c3; } .form-elem.check-box.check-green input:disabled + label, .form-elem.radio-box.check-green input:disabled + label { border-color: #434957; color: #2f3542; background-color: #434957; } .form-elem.check-box.check-black input + label, .form-elem.radio-box.check-black input + label { border-color: #1a1c20; color: #1a1c20; } .form-elem.check-box.check-black input:checked + label, .form-elem.radio-box.check-black input:checked + label { border-color: #1a1c20; background-color: transparent; } .form-elem.check-box.check-black input:disabled + label, .form-elem.radio-box.check-black input:disabled + label { border-color: #434957; } .form-elem.radio-box .elem-wrap label { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .form-elem.radio-box .elem-wrap input:checked + label:before { content: "\f111"; font-size: 11px; } .form-elem.switch-box .elem-wrap { float: left; margin: 4px 15px 2px 0; width: 46px; height: 23px; display: inline-block; } .form-elem.switch-box .elem-wrap input { display: none; } .form-elem.switch-box .elem-wrap label { position: relative; margin: 0; padding: 0; width: 100%; height: 23px; text-align: center; border: 1px solid #9fa5b3; -webkit-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; -ms-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; } .form-elem.switch-box .elem-wrap label:before { position: absolute; top: 2px; left: 2px; width: 17px; height: 17px; content: ""; background-color: #9fa5b3; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .form-elem.switch-box .elem-wrap input:focus + label, .form-elem.switch-box .elem-wrap label:hover { border-color: white; -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); -o-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); -ms-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); -khtml-box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); } .form-elem.switch-box .elem-wrap input:focus + label:before, .form-elem.switch-box .elem-wrap label:hover:before { background-color: white; } .form-elem.switch-box .elem-wrap input:checked + label { border-color: #00d5c3; } .form-elem.switch-box .elem-wrap input:checked + label:before { left: calc(100% - 20px); background-color: #00d5c3; } .form-elem.switch-box .elem-wrap input:disabled + label { border-color: #434957; color: #434957; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } .form-elem.switch-box .elem-wrap input:disabled + label:before { background-color: #434957; } .form-elem.select-box { /* theme - green border */ /* theme - gray */ /* theme - green */ } .form-elem.select-box * { line-height: 14px; color: #a4a9b4; font-family: "Raleway", sans-serif; font-size: 14px; font-weight: 600; } .form-elem.select-box .customSelect { /* jScroll */ } .form-elem.select-box .customSelect select { display: none; } .form-elem.select-box .customSelect select.use-default { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; display: block; z-index: 9; } .form-elem.select-box .customSelect .selectValueWrap { position: relative; border: 2px solid #595d68; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .form-elem.select-box .customSelect .selectValueWrap .selectedValue { padding: 15px 30px 15px 15px; min-height: 44px; display: block; background: #2f3542; border-width: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .form-elem.select-box .customSelect .selectValueWrap .caret { position: absolute; top: calc(50% - 6px); right: 15px; width: 8px; height: 8px; display: block; border: 2px solid #a4a9b4; border-top-width: 0; border-right-width: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); transform: rotate(-45deg); } .form-elem.select-box .customSelect .selectValueWrap:hover, .form-elem.select-box .customSelect .selectValueWrap:hover .caret { border-color: #00d5c3; } .form-elem.select-box .customSelect .selectValueWrap:hover .selectedValue { color: #d7dbe4; } .form-elem.select-box .customSelect .selectList { position: absolute; margin: -2px 0 0 0; padding: 0 15px; width: 100%; max-height: 0; border: 2px solid #595d68; border-top-width: 0; border-bottom-width: 0; background-color: #2f3542; overflow: hidden; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; -khtml-opacity: 0; opacity: 0; } .form-elem.select-box .customSelect .selectList:before { content: ""; position: absolute; top: 0; left: 15px; width: calc(100% - 30px); height: 1px; display: block; background-color: #444a55; } .form-elem.select-box .customSelect .selectList .selectListOuterWrap { margin: 0 -5px; } .form-elem.select-box .customSelect .selectList dl { background-color: transparent; } .form-elem.select-box .customSelect .selectList dl dd { margin-bottom: 2px; padding: 10px; min-height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; filter: none; } .form-elem.select-box .customSelect .selectList dl dd:last-of-type { margin-bottom: 0; } .form-elem.select-box .customSelect .selectList dl dd:hover, .form-elem.select-box .customSelect .selectList dl dd.selected { color: #00d5c3; background: transparent; } .form-elem.select-box .customSelect.select-open .selectValueWrap { border-color: #595d68; border-bottom-color: transparent; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .form-elem.select-box .customSelect.select-open .selectValueWrap .selectedValue { color: #a4a9b4; } .form-elem.select-box .customSelect.select-open .selectValueWrap .caret { top: calc(50% - 2px); border-color: #595d68; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -khtml-transform: rotate(135deg); transform: rotate(135deg); } .form-elem.select-box .customSelect.select-open .selectList { padding: 14px 15px; max-height: 210px; border-bottom-width: 2px; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; } .form-elem.select-box .customSelect .jspVerticalBar { width: 4px; } .form-elem.select-box .customSelect .jspVerticalBar .jspTrack { right: 0; background: #3b414f; } .form-elem.select-box .customSelect .jspVerticalBar .jspDrag { background: #00d5c3; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; } .form-elem.select-box.full-width .customSelect, .form-elem.select-box.full-width .selectList { width: 100%; } .form-elem.select-box.theme-border-green .customSelect .selectValueWrap, .form-elem.select-box.theme-border-green .customSelect .selectList { border-color: #00d5c3; } .form-elem.select-box.theme-gray .customSelect.select-open .selectValueWrap { border-color: #3b414f; } .form-elem.select-box.theme-gray .customSelect.select-open .selectValueWrap .selectedValue { background-color: #3b414f; } .form-elem.select-box.theme-gray .customSelect.select-open .selectList { border-color: #3b414f; background-color: #3b414f; } .form-elem.select-box.theme-gray .customSelect.select-open .selectList dl dd:hover, .form-elem.select-box.theme-gray .customSelect.select-open .selectList dl dd.selected { color: #2f3542; background-color: #00d5c3; } .form-elem.select-box.theme-gray .jspVerticalBar .jspTrack { background: #4f5563; } .form-elem.select-box.theme-green .customSelect.select-open .selectValueWrap { border-color: #00d5c3; } .form-elem.select-box.theme-green .customSelect.select-open .selectValueWrap .selectedValue { color: #2f3542; background-color: #00d5c3; } .form-elem.select-box.theme-green .customSelect.select-open .selectValueWrap .selectedValue:before { background-color: #2f3542; } .form-elem.select-box.theme-green .customSelect.select-open .selectList { border-color: #00d5c3; background-color: #00d5c3; } .form-elem.select-box.theme-green .customSelect.select-open .selectList:before { background: #00c1af; } .form-elem.select-box.theme-green .customSelect.select-open .selectList dl dd { color: #2f3542; } .form-elem.select-box.theme-green .customSelect.select-open .selectList dl dd:hover, .form-elem.select-box.theme-green .customSelect.select-open .selectList dl dd.selected { color: #00d5c3; background-color: #2f3542; } .form-elem.select-box.theme-green .jspVerticalBar .jspTrack { background: #00c1af; } .form-elem.select-box.theme-green .jspVerticalBar .jspDrag { background-color: #2f3542; } .form-elem.slider-box { /* no handle */ } .form-elem.slider-box .slider { width: 100%; } .form-elem.slider-box .slider .tooltip.top, .form-elem.slider-box .slider .slider-tick, .form-elem.slider-box .slider .slider-handle { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; -ms-transition: 0.1s; -khtml-transition: 0.1s; transition: 0.1s; } .form-elem.slider-box .slider .slider-track { background: #3b414f; } .form-elem.slider-box .slider.slider-horizontal .slider-track { margin-top: -4px; height: 7px; } .form-elem.slider-box .slider.slider-vertical .slider-track { left: 34%; width: 7px; } .form-elem.slider-box .slider .slider-track, .form-elem.slider-box .slider .slider-track-low, .form-elem.slider-box .slider .slider-track-high, .form-elem.slider-box .slider .slider-selection { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; filter: none; } .form-elem.slider-box .slider .slider-handle, .form-elem.slider-box .slider .slider-selection { background: #00d5c3; -webkit-box-shadow: 0 0 8px rgba(0, 213, 195, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 213, 195, 0.6); -o-box-shadow: 0 0 8px rgba(0, 213, 195, 0.6); -ms-box-shadow: 0 0 8px rgba(0, 213, 195, 0.6); -khtml-box-shadow: 0 0 8px rgba(0, 213, 195, 0.6); box-shadow: 0 0 8px rgba(0, 213, 195, 0.6); } .form-elem.slider-box .slider .tooltip-inner { font-family: "Raleway", sans-serif; font-weight: 500; color: #2f3542 !important; background-color: #00d5c3; } .form-elem.slider-box .slider .tooltip.top .tooltip-arrow { border-top-color: #00d5c3; } .form-elem.slider-box .slider .tooltip.bottom .tooltip-arrow { border-bottom-color: #00d5c3; } .form-elem.slider-box.no-handle .slider .slider-handle { visibility: hidden; } /* ERROR */ .has-error .form-elem.input-box, .has-error .form-elem.textarea-box { border-color: #d06485; } .has-error .form-elem.input-box.form-elem-focus, .has-error .form-elem.textarea-box.form-elem-focus { -webkit-box-shadow: 0 0 15px rgba(208, 100, 133, 0.8); -moz-box-shadow: 0 0 15px rgba(208, 100, 133, 0.8); -o-box-shadow: 0 0 15px rgba(208, 100, 133, 0.8); -ms-box-shadow: 0 0 15px rgba(208, 100, 133, 0.8); -khtml-box-shadow: 0 0 15px rgba(208, 100, 133, 0.8); box-shadow: 0 0 15px rgba(208, 100, 133, 0.8); } .has-error .form-elem.check-box > label, .has-error .form-elem.radio-box > label, .has-error .form-elem.switch-box > label { color: #d06485; } /* Charts */ .chart-wrap.chart-boxed { padding: 10px; background-color: #3b414f; } @media (min-width: 992px) { .chart-wrap.chart-boxed { padding: 20px; } } .chart-wrap .chart-caption { margin-bottom: 20px; font-size: 12px; } .chart-wrap .chart-caption h2 { margin: 15px 0 5px 0; } .chart-wrap .chart-caption .chart-subcaption { margin: 0 20px; font-size: 16px; display: inline-block; } .chart-icon { position: relative; padding: 5px 30px; display: inline-block; } .chart-icon i { color: #00d5c3; font-size: 36px; } .chart-icon .chart-number { position: absolute; top: 0; right: 0; min-width: 22px; height: 22px; line-height: 20px; color: #2f3542; font-size: 14px; font-weight: 700; background-color: #00d5c3; -webkit-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; -ms-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; } .chart-icon.color-purple i { color: #a193e5; } .chart-icon.color-purple .chart-number { background-color: #a193e5; } .chart-icon.color-blue i { color: #41a2ed; } .chart-icon.color-blue .chart-number { background-color: #41a2ed; } .chart-icon.color-yellow i { color: #f2e99e; } .chart-icon.color-yellow .chart-number { background-color: #f2e99e; } /* World Map */ .datamaps-hoverover .hoverinfo { line-height: 14px; font-size: 12px; color: white; border-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.6); -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } /* ---------------------------------------------------------------------- * * [ 3.17 Gallery ] * * ---------------------------------------------------------------------- */ /* 3D Gallery */ .sa-gallery-3d { width: 30%; height: 140px; position: relative; margin: 0 auto 40px; -webkit-perspective: 1100px; -moz-perspective: 1100px; -o-perspective: 1100px; perspective: 1100px; } .sa-3d-gallery-container { position: relative; } .sa-3d-gallery-container .btn-group { width: 100%; position: absolute; top: 50%; } .sa-3d-gallery-container .btn-group .btn-ga-3d { position: absolute; top: 0; font-size: 36px; color: #818181; background-color: transparent; border: 0; } .sa-3d-gallery-container .btn-group .btn-ga-3d:hover { color: #a1a1a1; } .sa-3d-gallery-container .btn-group .btn-ga-3d.ga-3d-prev { left: 0; } .sa-3d-gallery-container .btn-group .btn-ga-3d.ga-3d-next { right: 0; } @media (min-width: 992px) { .sa-3d-gallery-container .btn-group .btn-ga-3d.ga-3d-prev { left: -20px; } .sa-3d-gallery-container .btn-group .btn-ga-3d.ga-3d-next { right: -20px; } } #carousel1, #carousel2 { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; } #carousel1 img, #carousel2 img { display: block; position: absolute; padding: 0 30px; left: 10px; top: 10px; transition: 1s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 992px) { .sa-gallery-3d { width: 32%; } } @media (max-width: 768px) { .sa-gallery-3d { width: 35%; } } @media (max-width: 425px) { .sa-gallery-3d { width: 85%; } } /* Waterwheel gallery */ .sa-ww-gallery-container { position: relative; } .sa-ww-gallery-container .gallery-6, .sa-ww-gallery-container .gallery-7 { width: 100%; height: 500px; position: relative; clear: both; overflow: hidden; transition: none; } .sa-ww-gallery-container .gallery-6 img, .sa-ww-gallery-container .gallery-7 img { visibility: hidden; /* hide images until carousel can handle them */ cursor: pointer; /* otherwise it's not as obvious items can be clicked */ } .sa-ww-gallery-container .gallery-6 { height: 640px; } .sa-ww-gallery-container .sa-ww-ga-ctrl { position: absolute; top: 45%; } .sa-ww-gallery-container .sa-ww-ga-ctrl.sa-ww-ga-next { right: -20px; } .sa-ww-gallery-container .sa-ww-ga-ctrl.sa-ww-ga-prev { left: -20px; } .sa-ww-gallery-container .sa-ww-ga-ctrl .fa { font-size: 36px; color: #818181; } .sa-ww-gallery-container .sa-ww-ga-ctrl .fa:hover { color: #a1a1a1; } /* owl gallery */ .owl-fluid-wrapper { margin-left: -15px; margin-right: -15px; padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 30px; background-color: #1f2532; } .owl-fluid-wrapper .sa-gallery-container { width: calc(100% - 120px); margin: 0 auto; } /* ---------------------------------------------------------------------- * * [ 3.18 Google Map ] * * ---------------------------------------------------------------------- */ /* Markers */ .gmarker-wrapper { position: relative; margin: 0 auto 15px; padding: 15px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; -ms-border-radius: 1px; -khtml-border-radius: 1px; border-radius: 1px; } .gmarker-wrapper.gmarker-small { padding: 10px; } .gmarker-wrapper:after { content: ""; display: block; position: absolute; left: calc(50% - 10px); bottom: -9px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #222631; } .gmarker-wrapper .icon-gmarker { width: 100%; } .gmarker-wrapper.gmarker-nowrap { padding: 0; width: 44px; height: 54px; background-color: transparent; } .gmarker-wrapper.gmarker-nowrap:after { display: none; } .gmarker-wrapper .address-1, .gmarker-wrapper .address-2 { margin: 0; padding: 0; font-size: 13px; line-height: 1.2em; } .gmarker-wrapper .address-1 { margin-top: 0.5em; } .gmarker-wrapper .address-2 { line-height: 1.25em; margin-bottom: 1.25em; } .gmarker-wrapper .link { font-size: 13px; font-weight: 700; } .gmarker-small { width: 60px; height: 60px; } .gmarker-normal { width: 160px; } .gmarker-large { width: 300px; height: 140px; margin-bottom: 42px; padding: 20px 30px; } .gmarker-large:after { content: ""; display: block; position: absolute; left: calc(50% - 90px); bottom: -40px; width: 90px; height: 42px; background-repeat: no-repeat; border: 0; } .gmarker-large.gmarker-black:after { background-image: url("media/images/maps/gmarker_arrow_black.png"); } .gmarker-large.gmarker-white:after { background-image: url("media/images/maps/gmarker_arrow_white.png"); } .gmarker-large.gmarker-green:after { background-image: url("media/images/maps/gmarker_arrow_green.png"); } .gmarker-black { background-color: #222631; } .gmarker-black:after { border-top-color: #222631; } .gmarker-black .title, .gmarker-black .address-1, .gmarker-black .address-2 { color: white; } .gmarker-white { background-color: white; } .gmarker-white:after { border-top-color: white; } .gmarker-white .title, .gmarker-white .address-1, .gmarker-white .address-2 { color: #1a1c20; } .gmarker-green { background-color: #00d5c3; } .gmarker-green:after { border-top-color: #00d5c3; } .gmarker-green .title, .gmarker-green .link, .gmarker-green .address-1, .gmarker-green .address-2 { color: #1a1c20; } .gmarker-left:after { left: 20px; right: auto; } .gmarker-right:after { left: auto; right: 20px; } /* Gmaps */ .gmap-container { width: 100%; height: 400px; } .gmap-container.gmap-container-large { height: 500px; } .gmap-container .gmarker-small, .gmap-container .gmarker-normal { top: -10px; } .gmap-container .gmarker-large { top: -42px; } /* Google map description block */ .desc-container { padding: 5%; max-height: initial; } .half-container { width: 100%; float: none; } .gmap-wrapper.dark-wrapper { background-color: #2a2c30; } .gmap-wrapper.dark-wrapper h2 { color: #00d5c3; } .gmap-wrapper.dark-wrapper p { color: white; } .gmap-wrapper.green-wrapper { background-color: #00d5c3; } .gmap-wrapper.green-wrapper h2, .gmap-wrapper.green-wrapper p { color: #2a2c30; } .gmap-wrapper.white-wrapper { background-color: #dae2e8; } .gmap-wrapper.white-wrapper h2, .gmap-wrapper.white-wrapper p { color: #2a2c30; } @media (min-width: 992px) { .desc-container { max-height: 400px; } .half-container { width: 50%; float: left; } } /* ---------------------------------------------------------------------- * * [ 3.19 Header ] * * ---------------------------------------------------------------------- */ /* logo */ .logo { position: absolute; top: 0; left: 20px; width: 150px; height: 32px; margin: 15px 10px; z-index: 999; } /* toggle button */ .x-menu-toggle { position: relative; cursor: pointer; padding: 12px 26px 15px 3px; margin: 17px 10px; z-index: 99; } .x-menu-toggle span, .x-menu-toggle span:after, .x-menu-toggle span:before { cursor: pointer; height: 2px; width: 25px; background: white; position: absolute; display: block; content: ''; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -khtml-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .x-menu-toggle span:after { top: -9px; } .x-menu-toggle span:before { bottom: -9px; } .x-menu-toggle.active span { background-color: transparent; } .x-menu-toggle.active span:after, .x-menu-toggle.active span:before { top: 0px; } .x-menu-toggle.active span:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); } .x-menu-toggle.active span:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); transform: rotate(-45deg); } .x-menu-toggle.toggle-right { float: right; } /* menu */ .x-menu-wrapper { position: relative; } .x-menu { margin: 0; padding: 0 10px; list-style: none; clear: both; *zoom: 1; /* mega-menu */ } .x-menu:before, .x-menu:after { content: " "; display: table; } .x-menu:after { clear: both; } .x-menu ul { margin: 0; padding: 0; list-style: none; } .x-menu li { position: relative; margin: 0; padding: 0; } .x-menu li ul { position: absolute; display: none; } .x-menu li li { min-width: 200px; } .x-menu li li.hover > ul { display: block; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; -khtml-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; left: 100%; top: 0; } @-webkit-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-khtml-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } .x-menu li li a { display: block; position: relative; z-index: 100; background: #232936; border-top: 1px solid #272d3a; border-right: 1px solid #272d3a; } .x-menu li li > a.parent:after { content: "\f105"; display: block; position: absolute; top: 10px; right: 15px; font-family: "FontAwesome"; } .x-menu li li li a { z-index: 200; } .x-menu li.btn-wrapper { text-align: center; } .x-menu > li { float: left; } .x-menu > li.hover > ul { display: block; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; -khtml-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } @-webkit-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-khtml-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } .x-menu > li a.parent:after { content: "\f107"; display: block; position: absolute; top: 15px; right: 10px; font-family: "FontAwesome"; } .x-menu > li.hover > a { background-color: #232936; border-top: 1px solid #272d3a; } .x-menu > li.hover > a.parent { background-repeat: no-repeat; background-position: right; } .x-menu > li > a { display: block; padding: 15px 15px 15px 15px; border-top: 1px solid transparent; } .x-menu > li > a:hover { background-color: #232936; border-top: 1px solid #272d3a; } .x-menu > li > a.parent { padding: 15px 25px 15px 10px; } .x-menu a { position: relative; padding: 10px 15px; color: white; } .x-menu a:hover { color: #00d5c3; } .x-menu .x-megamenu-wrapper { position: static; } .x-menu .x-megamenu-wrapper .x-megamenu { position: absolute; display: none; top: 59px; left: 0; width: 100%; margin: 0; padding: 30px; background-color: #232936; border-top: 1px solid #272d3a; z-index: 999; } .x-menu .x-megamenu-wrapper .x-megamenu a { padding-left: 0; padding-right: 0; } .x-menu .x-megamenu-wrapper.hover .x-megamenu { display: block; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; -khtml-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } @-webkit-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-khtml-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } .extra-container { text-align: center; } .extra-container a { display: inline-block !important; color: white; } .extra-container a .fa { padding: 14px 10px; font-size: 18px; } header.background-green .x-menu > li > a { color: #1a1c20; } header.background-green .x-menu > li.hover > a { color: #dae2e8; } /* following classes should be added to body tag */ @media (min-width: 1100px) { .logo { left: 40px; } .x-menu li li.right-hover { text-align: right; } .x-menu li li.right-hover.hover > ul { display: block; left: auto; right: 200px; text-align: left; } .x-menu li li.right-hover > a.parent:after { content: "\f104"; right: auto; left: 15px; } .x-menu li.btn-wrapper button { margin-top: 9px; margin-left: 10px; } /* place menu at right side of the page */ .x-menu-left .x-menu-wrapper .x-menu { margin-left: 200px; } /* place menu at right side of the page */ .x-menu-right .x-menu-wrapper .x-menu { float: right; } } @media (min-width: 1100px) and (min-width: 1100px) { .x-menu-right .x-menu-wrapper .x-menu { margin-right: 40px; } } @media (min-width: 1100px) { .x-menu-right .x-menu-wrapper .x-menu.mob-nav { width: 100%; } /* place menu at top of right side of the page */ .x-menu-fixed-top { /* .page { padding-top: 80px; } */ } .x-menu-fixed-top header { position: fixed; display: block; width: 100%; min-height: 60px; } .x-menu-fixed-top header .x-menu-wrapper .x-menu { text-align: right; } .x-menu-fixed-top header .x-menu-wrapper .x-menu > li { display: inline-block; float: none; } .x-menu-fixed-top header .x-menu-wrapper .x-menu ul, .x-menu-fixed-top header .x-menu-wrapper .x-menu .x-megamenu { text-align: left; } .x-menu-fixed-top header .x-menu-wrapper .x-menu .btn-wrapper button { margin-top: 0; } .x-menu-fixed-top.x-highlight header { background-color: #1f2532; min-height: auto !important; -webkit-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -o-box-shadow: 0 0 10px #000000; -ms-box-shadow: 0 0 10px #000000; -khtml-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -khtml-transition: 0.3s; transition: 0.3s; } .x-menu-fixed-top.x-highlight .x-menu-wrapper { padding-bottom: 0 !important; } .x-menu-fixed-top.x-highlight .logo { margin-top: 10px; margin-bottom: 7px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -khtml-transition: 0.3s; transition: 0.3s; } .x-menu-fixed-top.x-highlight .x-menu > li > a { padding-top: 7px !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -khtml-transition: 0.3s; transition: 0.3s; } .x-menu-fixed-top.x-highlight .x-menu > li > a.parent:after { top: 7px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -khtml-transition: 0.3s; transition: 0.3s; } .x-menu-fixed-top.x-highlight .x-menu .x-megamenu-wrapper .x-megamenu { top: 54px !important; } /* place menu at center of the page */ .x-menu-center header { width: 100%; } .x-menu-center header .x-menu-wrapper .x-menu { text-align: center; } .x-menu-center header .x-menu-wrapper .x-menu > li { display: inline-block; float: none; } .x-menu-center header .x-menu-wrapper .x-menu ul, .x-menu-center header .x-menu-wrapper .x-menu .x-megamenu { text-align: left; } .x-menu-center header .x-menu-wrapper .x-menu .btn-wrapper button { margin-top: 0; } } @media (min-width: 1100px) and (max-width: 1200px) { .x-menu-center header > .container { width: 100%; } } @media (min-width: 1100px) { /* place logo at middle of the menu */ .x-menu-centered-logo header { width: 100%; } .x-menu-centered-logo header .x-menu-wrapper .x-menu { text-align: center; } .x-menu-centered-logo header .x-menu-wrapper .x-menu > li { display: inline-block; float: none; } .x-menu-centered-logo header .x-menu-wrapper .x-menu ul, .x-menu-centered-logo header .x-menu-wrapper .x-menu .x-megamenu { text-align: left; } .x-menu-centered-logo header .x-menu-wrapper .x-menu .btn-wrapper button { margin-top: 0; } .x-menu-centered-logo header .x-menu-wrapper .x-menu .logo-menu-wrapper { width: 150px; height: 42px; margin: 0 50px; z-index: 999; } .x-menu-centered-logo header .x-menu-wrapper .x-menu .logo-menu-wrapper a:hover { background-color: transparent; } .x-menu-extra { position: absolute; top: 10px; left: auto; right: auto; padding-left: 0; } .x-menu-extra.extra-left { left: 10px; } .x-menu-extra.extra-right { right: 10px; } .x-menu-extra .extra-container { float: left; padding: 0 10px; } .x-menu-extra .extra-container .extra-social-links { display: inline-block; } .x-menu .x-megamenu-wrapper .x-megamenu, .x-menu li ul { -webkit-box-shadow: 0 2px 10px 0 #000000; -moz-box-shadow: 0 2px 10px 0 #000000; -o-box-shadow: 0 2px 10px 0 #000000; -ms-box-shadow: 0 2px 10px 0 #000000; -khtml-box-shadow: 0 2px 10px 0 #000000; box-shadow: 0 2px 10px 0 #000000; } } @media screen and (max-width: 1099px) { .active { display: block; } .x-menu { /* mega-menu */ } .x-menu li { width: 100%; } .x-menu li.hover { padding: 2px 3px; } .x-menu li li.hover { padding: 2px 3px; border-right: 1px solid #1f2532; border-bottom: 1px solid #1f2532; border-left: 1px solid #1f2532; } .x-menu li li li.hover { padding: 2px 3px; border-right: 1px solid #232936; border-bottom: 1px solid #232936; border-left: 1px solid #232936; } .x-menu li.btn-wrapper { padding-top: 8px; padding-bottom: 8px; } .x-menu > li { float: none; } .x-menu > li > .parent { background-position: 95% 50%; } .x-menu li li .parent { background-repeat: no-repeat; background-position: 95% 50%; } .x-menu ul { display: block; width: 100%; } .x-menu > li.hover > ul, .x-menu li li.hover ul { width: 100%; position: static; } .x-menu > li.hover > ul li, .x-menu li li.hover ul li { width: 100%; } .x-menu .x-megamenu-wrapper { position: relative; } .x-menu .x-megamenu-wrapper .x-megamenu { position: relative; top: auto; left: auto; padding: 15px; } .x-menu .x-megamenu-wrapper .x-megamenu a:hover { color: #00d5c3; } } /* mega menu blog widgets */ .featured-blog .blog-col { padding: 10px 15px; } .featured-blog .blog-title { color: #00d5c3; font-size: 18px; font-weight: 700; margin-bottom: 15px; } .featured-blog .blog-title a { color: #00d5c3; } .featured-blog .blog-desc { padding-top: 15px; padding-bottom: 15px; } .blog-vertical .blog-col { width: 100%; float: none; } @media (min-width: 1100px) { .blog-horizontal .blog-col { width: calc(50% - 40px); float: left; } } .icon-only { font-size: 0; padding-top: 13px !important; padding-bottom: 8px !important; padding-left: 15px !important; padding-right: 15px !important; } .icon-only .icons { font-size: 18px; line-height: 28px; } /* mega menu dividers */ .mg-div-md-1, .mg-div-sm-1, .mg-div-xs-1 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-1 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-1 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-1 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-1, .mg-div-sm-1 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-1 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-2, .mg-div-sm-2, .mg-div-xs-2 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-2 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-2 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-2 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-2, .mg-div-sm-2 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-2 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-3, .mg-div-sm-3, .mg-div-xs-3 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-3 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-3 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-3 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-3, .mg-div-sm-3 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-3 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-4, .mg-div-sm-4, .mg-div-xs-4 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-4 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-4 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-4 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-4, .mg-div-sm-4 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-4 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-5, .mg-div-sm-5, .mg-div-xs-5 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-5 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-5 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-5 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-5, .mg-div-sm-5 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-5 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-6, .mg-div-sm-6, .mg-div-xs-6 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-6 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-6 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-6 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-6, .mg-div-sm-6 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-6 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-7, .mg-div-sm-7, .mg-div-xs-7 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-7 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-7 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-7 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-7, .mg-div-sm-7 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-7 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-8, .mg-div-sm-8, .mg-div-xs-8 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-8 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-8 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-8 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-8, .mg-div-sm-8 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-8 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-9, .mg-div-sm-9, .mg-div-xs-9 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-9 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-9 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-9 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-9, .mg-div-sm-9 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-9 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-10, .mg-div-sm-10, .mg-div-xs-10 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-10 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-10 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-10 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-10, .mg-div-sm-10 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-10 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-11, .mg-div-sm-11, .mg-div-xs-11 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-11 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-11 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-11 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-11, .mg-div-sm-11 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-11 { border-top: 1px solid #2f3542; border-left: 0; } } .mg-div-md-12, .mg-div-sm-12, .mg-div-xs-12 { border-top: 1px solid #2f3542; border-left: 0; } @media (min-width: 768px) { .mg-div-xs-12 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-sm-12 { border-top: 1px solid #2f3542; border-left: 0; } .mg-div-md-12 { border-top: 1px solid #2f3542; border-left: 0; } } @media (min-width: 992px) { .mg-div-xs-12, .mg-div-sm-12 { border-top: 0; border-left: 1px solid #2f3542; height: 100%; } .mg-div-md-12 { border-top: 1px solid #2f3542; border-left: 0; } } /* Topbar variation */ .topbar-variation { padding: 4px 0; background-color: #171d2a; } .topbar-variation a { padding: 3px 10px; display: block; line-height: 20px; color: #dae2e8; } .topbar-variation .social-links a { padding: 3px; } .topbar-variation a:hover, .topbar-variation a:focus { color: #00d5c3; } .topbar-variation a > *:first-child { float: left; margin: 4px 7px 0 0; } .topbar-variation .left-items { float: left; } .topbar-variation .left-items > *, .topbar-variation .right-items > * { float: left; position: relative; margin: 0 10px 0 0; } .topbar-variation .left-items > *:last-child { margin: 0; } .topbar-variation ul { margin: 0; padding: 0; } .topbar-variation .left-items > ul > li, .topbar-variation .right-items > ul > li { float: left; position: relative; padding: 0 30px 0 0; } .topbar-variation .left-items > ul > li:last-child, .topbar-variation .right-items > ul > li:last-child { padding: 0; } .topbar-variation .left-items > ul > li:after, .topbar-variation .right-items > ul > li:after { content: ""; position: absolute; margin: 0; width: 1px; height: 12px; display: block; background-color: #dae2e8; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -khtml-transform: translateY(-50%); transform: translateY(-50%); } .topbar-variation .left-items > ul > li:last-child:after, .topbar-variation .right-items > ul > li:last-child:after { content: none; } .topbar-variation ul li a.parent:after { content: "\f107"; margin-left: 6px; font-family: 'FontAwesome'; font-size: 12px; line-height: 1; } .topbar-variation ul.submenu { position: absolute; top: auto; left: 0; min-width: 140px; max-height: 0; overflow-y: hidden; z-index: 99999; background-color: #171d2a; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out; -webkit-box-shadow: 0 5px 10px #101216; -moz-box-shadow: 0 5px 10px #101216; -o-box-shadow: 0 5px 10px #101216; -ms-box-shadow: 0 5px 10px #101216; -khtml-box-shadow: 0 5px 10px #101216; box-shadow: 0 5px 10px #101216; } .topbar-variation ul li:hover > ul.submenu { max-height: 1000em; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; } .topbar-variation .right-items ul.submenu { left: auto; right: 0; } .topbar-variation ul.submenu li { padding: 0; } .topbar-variation ul.submenu li a { padding: 5px 10px; } .topbar-variation .social-links a { float: left; } @media (min-width: 768px) { .topbar-variation .right-items { float: right; } .topbar-variation .right-items > * { margin: 0 0 0 10px; } .topbar-variation .right-items > *:first-child { margin: 0; } } /* ---------------------------------------------------------------------- * * [ 3.20 Hero ] * * ---------------------------------------------------------------------- */ /* customize revolution slider */ [data-hero] { margin: 0 auto; padding: 0; /* default background color */ /* overlay */ /* overflow hero */ /* remove transition to fix leaping problem of banner images */ /* add top padding if page has fixed top */ /* GAP */ /* default font size */ /* default font color */ /* text shadow */ /* default font weight */ /* button */ /* subscribe-form */ /* COUNTDOWN */ /* ICON boxes */ } [data-hero].hero-bg-green { background-color: #00d5c3; } [data-hero].hero-bg-black { background-color: black; } [data-hero].hero-bg-white { background-color: white; } [data-hero].hero-bg-dark { background-color: #2f3542; } [data-hero].hero-bg-darkblue { background-color: #1e232e; } [data-hero].overlay-black .slotholder:before, [data-hero].overlay-white .slotholder:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6; -ms-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 39; } [data-hero].overlay-black .slotholder:before { background-color: black; } [data-hero].overlay-white .slotholder:before { background-color: white; } [data-hero].hero-over-bottom { margin-bottom: 160px; } @media (min-width: 768px) { [data-hero].hero-over-bottom { margin-bottom: 180px; } } @media (min-width: 992px) { [data-hero].hero-over-bottom { margin-bottom: 220px; } } [data-hero] .slotholder * { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; -khtml-transition: none; transition: none; } [data-hero].overmenu-top .overmenu-content { padding-top: 90px !important; } [data-hero] .gap-10 { margin-top: 10px; } [data-hero] .gap-20 { margin-top: 20px; } [data-hero] .font-size-90 { line-height: 74px; font-size: 60px; } @media (min-width: 768px) { [data-hero] .font-size-90 { line-height: 96px; font-size: 70px; } } @media (min-width: 992px) { [data-hero] .font-size-90 { line-height: 104px; font-size: 80px; } } @media (min-width: 1200px) { [data-hero] .font-size-90 { line-height: 120px; font-size: 90px; } } [data-hero] .font-size-60 { line-height: 42px; font-size: 36px; } @media (min-width: 768px) { [data-hero] .font-size-60 { line-height: 48px; font-size: 42px; } } @media (min-width: 992px) { [data-hero] .font-size-60 { line-height: 56px; font-size: 48px; } } @media (min-width: 1200px) { [data-hero] .font-size-60 { line-height: 72px; font-size: 60px; } } [data-hero] .font-size-48 { line-height: 32px; font-size: 30px; } @media (min-width: 768px) { [data-hero] .font-size-48 { line-height: 38px; font-size: 36px; } } @media (min-width: 992px) { [data-hero] .font-size-48 { line-height: 50px; font-size: 42px; } } @media (min-width: 1200px) { [data-hero] .font-size-48 { line-height: 58px; font-size: 48px; } } [data-hero] h1, [data-hero] h2, [data-hero] h3, [data-hero] h4, [data-hero] h5, [data-hero] h6 { margin-bottom: 0; font-weight: 400; } [data-hero] h1 { font-size: 24px; } @media (min-width: 768px) { [data-hero] h1 { font-size: 28px; } } @media (min-width: 992px) { [data-hero] h1 { font-size: 30px; } } @media (min-width: 1200px) { [data-hero] h1 { font-size: 36px; } } [data-hero] h2 { font-size: 22px; } @media (min-width: 768px) { [data-hero] h2 { font-size: 24px; } } @media (min-width: 992px) { [data-hero] h2 { font-size: 28px; } } @media (min-width: 1200px) { [data-hero] h2 { font-size: 30px; } } [data-hero] h4 { font-size: 18px; } @media (min-width: 768px) { [data-hero] h4 { font-size: 22px; } } @media (min-width: 992px) { [data-hero] h4 { font-size: 24px; } } [data-hero] h5 { font-size: 14px; } @media (min-width: 768px) { [data-hero] h5 { font-size: 18px; } } @media (min-width: 992px) { [data-hero] h5 { font-size: 22px; } } [data-hero] p { line-height: 28px; font-size: 12px; } @media (min-width: 768px) { [data-hero] p { font-size: 14px; } } @media (min-width: 992px) { [data-hero] p { font-size: 18px; } } [data-hero] .color-green { color: #00d5c3; } [data-hero] .color-white { color: white; } [data-hero] .color-black { color: #1a1c20; } [data-hero] .color-dark-blue { color: #2f3542; } [data-hero] .text-shadow-white { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); } [data-hero] .text-shadow-black { text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8); } [data-hero] .font-weight-regular { font-weight: 400; } [data-hero] .font-weight-bold { font-weight: 700; } [data-hero] .font-weight-black { font-weight: 900; } [data-hero] .btn { margin: 5px !important; } [data-hero] .subscribe-form .form-elem { margin-right: 10px; width: calc(100% - 75px); } [data-hero] .subscribe-form .btn { margin: 0 !important; padding: 10px 15px; width: 60px; height: 50px; } @media (min-width: 768px) { [data-hero] .subscribe-form .btn { width: 120px; height: 50px; font-size: 14px; } } [data-hero] .subscribe-form .btn i { margin: 0; } @media (min-width: 768px) { [data-hero] .subscribe-form .form-elem { margin-right: 20px; width: calc(100% - 145px); } } [data-hero] small.subscribe-desc { margin-top: 10px; display: block; } [data-hero] .text-center.text-sm-left small { margin-bottom: 0; text-align: center; } @media (min-width: 768px) { [data-hero] .text-center.text-sm-left small { text-align: left; } } [data-hero] .countdown-number { font-weight: 900; } [data-hero] .icon-box-group h5 { margin-bottom: 10px; font-size: 16px; } @media (min-width: 992px) { [data-hero] .icon-box-group h5 { font-size: 18px; } } @media (min-width: 1200px) { [data-hero] .icon-box-group h5 { font-size: 21px; } } [data-hero] .icon-box-group p { font-size: 14px; line-height: 16px; } /* ---------------------------------------------------------------------- * * [ 3.21 Headline ] * * ---------------------------------------------------------------------- */ .headline-2 p { display: inline-block; max-width: 700px; font-size: 18px; } .headline-4 p { display: inline-block; max-width: 530px; font-size: 18px; } .headline-5 p { font-size: 18px; } .headline-6 p { display: inline-block; max-width: 650px; font-size: 18px; } .headline-7 .h-large { display: inline-block; max-width: 630px; } .headline-7 i { display: block; margin-bottom: 20px; font-size: 64px; } .headline-8 p { display: inline-block; max-width: 710px; font-size: 18px; } .headline-8 i { display: block; margin-bottom: 12px; font-size: 64px; } .headline-9 i { display: block; margin-bottom: 20px; font-size: 64px; } .headline-10 i { display: block; margin-bottom: 20px; font-size: 64px; } .headline-10 p { display: inline-block; max-width: 530px; font-size: 18px; } .headline-11 i { display: block; margin-bottom: 20px; font-size: 64px; } .headline-11 p { font-size: 18px; } .headline-12 i { display: block; margin-bottom: 20px; font-size: 64px; } .headline-12 p { display: inline-block; max-width: 650px; font-size: 18px; } .headline-13 .text-right { text-align: center; } .headline-13 .text-right img { padding-top: 0; padding-right: 0; } .headline-13 .text-left { text-align: center; padding-top: 10px; } .headline-13 .text-left p { padding-left: 0; font-size: 18px; } @media screen and (min-width: 768px) { .headline-13 .text-right { text-align: right; } .headline-13 .text-right img { padding-top: 8px; padding-right: 20px; } .headline-13 .text-left { padding-top: 0; text-align: left; border-left: 2px solid #444a55; } .headline-13 .text-left p { padding-left: 20px; } } .headline-14 .text-right { text-align: center; } .headline-14 .text-right p { padding-top: 0; padding-right: 0; font-size: 18px; } .headline-14 .text-left { text-align: center; padding-top: 10px; } .headline-14 .text-left img { padding-left: 0; } @media screen and (min-width: 768px) { .headline-14 .text-right { text-align: right; border-right: 2px solid #444a55; } .headline-14 .text-right p { padding-top: 8px; padding-right: 20px; } .headline-14 .text-left { padding-top: 0; text-align: left; } .headline-14 .text-left img { padding-top: 8px; padding-left: 20px; } } .headline-15 .headline-wrap { display: block; } .headline-15 .headline-wrap .text-right { display: block; width: 100%; text-align: center; } .headline-15 .headline-wrap .text-center { display: block; width: 100%; } .headline-15 .headline-wrap .text-left { display: block; width: 100%; text-align: center; padding-top: 20px; } @media screen and (min-width: 768px) { .headline-15 .headline-wrap { display: table; width: 100%; } .headline-15 .headline-wrap .text-right { display: table-cell; width: 33%; vertical-align: middle; text-align: right; } .headline-15 .headline-wrap .text-center { display: table-cell; width: 33%; vertical-align: middle; } .headline-15 .headline-wrap .text-left { display: table-cell; width: 33%; vertical-align: middle; text-align: left; padding-top: 0; } } .headline-16 .headline-wrap { display: block; } .headline-16 .headline-wrap .h-large { font-weight: 400; } .headline-16 .headline-wrap .text-right { display: block; width: 100%; text-align: center; } .headline-16 .headline-wrap .text-center { display: block; width: 100%; } .headline-16 .headline-wrap .text-left { display: block; width: 100%; text-align: center; padding-top: 20px; } .headline-16 .headline-wrap .icon-wrapper { width: 142px; height: 142px; margin: 0 auto; padding-top: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; border-color: #00d5c3; background-color: #00d5c3; } @media screen and (min-width: 768px) { .headline-16 .headline-wrap { display: table; width: 100%; } .headline-16 .headline-wrap .text-right { display: table-cell; width: 33%; vertical-align: middle; text-align: right; } .headline-16 .headline-wrap .text-center { display: table-cell; width: 33%; vertical-align: middle; } .headline-16 .headline-wrap .text-left { display: table-cell; width: 33%; vertical-align: middle; text-align: left; padding-top: 0; } } .headline-17 .headline-wrap { display: block; } .headline-17 .headline-wrap .text-right { display: block; width: 100%; text-align: center; } .headline-17 .headline-wrap .text-center { display: block; width: 100%; } .headline-17 .headline-wrap .text-left { display: block; width: 100%; text-align: center; padding-top: 20px; } .headline-17 .headline-wrap .icon-wrapper { position: relative; display: inline-block; width: 142px; height: 142px; border: 1px solid #00d5c3; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .headline-17 .headline-wrap .icon-wrapper i { position: absolute; top: 50%; left: 50%; font-size: 64px; color: #00d5c3; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .headline-17 p { padding-top: 32px; text-align: center; font-size: 18px; } @media screen and (min-width: 768px) { .headline-17 .headline-wrap { display: table; width: 100%; } .headline-17 .headline-wrap .text-right { display: table-cell; width: 33%; vertical-align: middle; text-align: right; } .headline-17 .headline-wrap .text-center { display: table-cell; width: 33%; vertical-align: middle; } .headline-17 .headline-wrap .text-left { display: table-cell; width: 33%; vertical-align: middle; text-align: left; padding-top: 0; } } .headline-18 .headline-wrap { display: block; } .headline-18 .headline-wrap .text-right { display: block; width: 100%; text-align: center; } .headline-18 .headline-wrap .text-center { display: block; width: 100%; } .headline-18 .headline-wrap .text-left { display: block; width: 100%; text-align: center; padding-top: 20px; } .headline-18 .headline-wrap i { font-size: 64px; } @media screen and (min-width: 768px) { .headline-18 .headline-wrap { display: table; width: 100%; } .headline-18 .headline-wrap .text-right { display: table-cell; width: 33%; vertical-align: middle; text-align: right; } .headline-18 .headline-wrap .text-center { display: table-cell; width: 33%; vertical-align: middle; } .headline-18 .headline-wrap .text-left { display: table-cell; width: 33%; vertical-align: middle; text-align: left; padding-top: 0; } .headline-18 .headline-wrap .icon-wrapper { width: 60%; height: 94px; margin: 0 auto; padding: 14px 0; border-left: 1px solid #444a55; border-right: 1px solid #444a55; } } .headline-19 .h-large { display: inline-block; max-width: 630px; } .headline-19 i { display: block; margin-bottom: 20px; font-size: 60px; } .headline-20 h2 { display: inline-block; max-width: 630px; } .headline-20 i { display: block; margin-bottom: 20px; font-size: 60px; } .headline-21 h2 { display: inline-block; max-width: 630px; } .headline-21 i { display: block; margin-bottom: 20px; font-size: 60px; } .headline-21 p { font-size: 21px; text-transform: uppercase; } /* ---------------------------------------------------------------------- * * [ 3.22 Icon Boxes ] * * ---------------------------------------------------------------------- */ .icon-box { position: relative; padding: 15px 0; /* box-title */ /* light background of boxed Icon box */ /* dark background of boxed Icon box */ /* top right icon */ /* top center icon */ /* Icon */ /* green color for title */ /* reduce left padding */ /* reduce right padding */ } .icon-box.icon-box-boxed { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .icon-box.icon-box-boxed.over-top-center-icon { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .icon-box.icon-box-large { /* Boxed Icon */ } .icon-box.icon-box-large h3 { margin-top: 15px; } .icon-box.icon-box-large h3, .icon-box.icon-box-large .icon-wrapper { margin-bottom: 20px; } .icon-box.icon-box-large.icon-box-boxed { padding: 40px 15px 15px 15px; } .icon-box.icon-box-large.icon-box-boxed.over-top-center-icon { padding-top: 90px; } .icon-box.icon-box-large.icon-box-boxed.over-top-center-icon h3 { margin-top: 0; } @media (min-width: 768px) { .icon-box.icon-box-large { /* Boxed Icon */ } .icon-box.icon-box-large.icon-box-boxed { padding: 45px 30px 20px 30px; } } @media (min-width: 992px) { .icon-box.icon-box-large h3 { margin-top: 0; } } @media (min-width: 1200px) { .icon-box.icon-box-large { /* Boxed Icon */ } .icon-box.icon-box-large.icon-box-boxed { padding: 45px 45px 35px 45px; } .icon-box.icon-box-large.icon-box-boxed.over-top-center-icon { padding-top: 120px; } } .icon-box.icon-box-base { /* Boxed Icon */ } .icon-box.icon-box-base h4 { margin-top: 10px; } .icon-box.icon-box-base h4, .icon-box.icon-box-base .icon-wrapper { margin-bottom: 15px; } .icon-box.icon-box-base.icon-box-boxed { padding: 40px 15px 15px 15px; } .icon-box.icon-box-base.icon-box-boxed.over-top-center-icon { padding-top: 70px; } .icon-box.icon-box-base.icon-box-boxed.over-top-center-icon h4 { margin-top: 0; } @media (min-width: 768px) { .icon-box.icon-box-base { /* Boxed Icon */ } .icon-box.icon-box-base.icon-box-boxed { padding: 45px 25px 15px 25px; } } @media (min-width: 992px) { .icon-box.icon-box-base h4 { margin-top: 0; } } @media (min-width: 1200px) { .icon-box.icon-box-base { /* Boxed Icon */ } .icon-box.icon-box-base.icon-box-boxed { padding: 45px 40px 30px 40px; } .icon-box.icon-box-base.icon-box-boxed.over-top-center-icon { padding-top: 90px; } } .icon-box.icon-box-small { /* Boxed Icon */ } .icon-box.icon-box-small h5 { margin-top: 10px; } .icon-box.icon-box-small h5, .icon-box.icon-box-small .icon-wrapper { margin-bottom: 15px; } .icon-box.icon-box-small.icon-box-boxed { padding: 40px 15px 15px 15px; } .icon-box.icon-box-small.icon-box-boxed.over-top-center-icon { padding-top: 65px; } .icon-box.icon-box-small.icon-box-boxed.over-top-center-icon h5 { margin-top: 0; } @media (min-width: 768px) { .icon-box.icon-box-small { /* Boxed Icon */ } .icon-box.icon-box-small.icon-box-boxed { padding: 35px 20px 10px 20px; } } @media (min-width: 992px) { .icon-box.icon-box-small h5 { margin-top: 0; } } @media (min-width: 1200px) { .icon-box.icon-box-small { /* Boxed Icon */ } .icon-box.icon-box-small.icon-box-boxed { padding: 40px 35px 25px 35px; } .icon-box.icon-box-small.icon-box-boxed.over-top-center-icon { padding-top: 65px; } } .icon-box.icon-box-light { background-color: #3b414f; } .icon-box.icon-box-dark { background-color: #252b38; } .icon-box.over-top-right-icon { margin-top: 60px; } .icon-box.over-top-right-icon i[class*="icon-"] { position: absolute; top: 0; left: auto; right: 40px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 9; } .icon-box.over-top-center-icon { margin-top: 90px; } .icon-box.over-top-center-icon i[class*="icon-"] { position: absolute; top: 0; left: 50%; right: 40px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; } .icon-box i[class*="icon-"] { display: inline-block; color: #00d5c3; /* font color */ /* circle cover */ /* quadrangle cover */ /* gray icon */ /* green icon */ /* icon background */ /* icon border */ /* Icon size */ /* cover size of icon */ } .icon-box i[class*="icon-"].left-icon { float: left; margin-right: 15px; } .icon-box i[class*="icon-"].icon-color-green { color: #00d5c3; } .icon-box i[class*="icon-"].cover-circle-icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .icon-box i[class*="icon-"].cover-quadrangle-icon { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .icon-box i[class*="icon-"].cover-icon-color-gray { color: #2f3542; } .icon-box i[class*="icon-"].cover-icon-color-green { color: #00d5c3; } .icon-box i[class*="icon-"].cover-icon-bg-green { color: #2f3542; background-color: #00d5c3; } .icon-box i[class*="icon-"].cover-icon-border-green { border: 3px solid #00d5c3; } .icon-box i[class*="icon-"].icon-size-72 { width: 72px; height: 72px; display: inline-block; font-size: 72px; } .icon-box i[class*="icon-"].icon-size-72:before { line-height: 72px; } .icon-box i[class*="icon-"].icon-size-60 { width: 60px; height: 60px; display: inline-block; font-size: 60px; } .icon-box i[class*="icon-"].icon-size-60:before { line-height: 60px; } .icon-box i[class*="icon-"].icon-size-48 { width: 48px; height: 48px; display: inline-block; font-size: 48px; } .icon-box i[class*="icon-"].icon-size-48:before { line-height: 48px; } .icon-box i[class*="icon-"].icon-size-40 { width: 40px; height: 40px; display: inline-block; font-size: 40px; } .icon-box i[class*="icon-"].icon-size-40:before { line-height: 40px; } .icon-box i[class*="icon-"].icon-size-36 { width: 36px; height: 36px; display: inline-block; font-size: 36px; } .icon-box i[class*="icon-"].icon-size-36:before { line-height: 36px; } .icon-box i[class*="icon-"].icon-size-32 { width: 32px; height: 32px; display: inline-block; font-size: 32px; } .icon-box i[class*="icon-"].icon-size-32:before { line-height: 32px; } .icon-box i[class*="icon-"].icon-size-30 { width: 30px; height: 30px; display: inline-block; font-size: 30px; } .icon-box i[class*="icon-"].icon-size-30:before { line-height: 30px; } .icon-box i[class*="icon-"].icon-size-26 { width: 26px; height: 26px; display: inline-block; font-size: 26px; } .icon-box i[class*="icon-"].icon-size-26:before { line-height: 26px; } .icon-box i[class*="icon-"].icon-size-24 { width: 24px; height: 24px; display: inline-block; font-size: 24px; } .icon-box i[class*="icon-"].icon-size-24:before { line-height: 24px; } .icon-box i[class*="icon-"].icon-size-21 { width: 21px; height: 21px; display: inline-block; font-size: 21px; } .icon-box i[class*="icon-"].icon-size-21:before { line-height: 21px; } .icon-box i[class*="icon-"].icon-cover-50 { width: 50px; height: 50px; line-height: 50px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-55 { width: 55px; height: 55px; line-height: 55px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-60 { width: 60px; height: 60px; line-height: 60px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-65 { width: 65px; height: 65px; line-height: 65px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-70 { width: 70px; height: 70px; line-height: 70px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-75 { width: 75px; height: 75px; line-height: 75px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-80 { width: 80px; height: 80px; line-height: 80px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-90 { width: 90px; height: 90px; line-height: 90px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-100 { width: 100px; height: 100px; line-height: 100px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-105 { width: 105px; height: 105px; line-height: 105px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-110 { width: 110px; height: 110px; line-height: 110px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-120 { width: 120px; height: 120px; line-height: 120px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-150 { width: 150px; height: 150px; line-height: 150px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-155 { width: 155px; height: 155px; line-height: 155px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-165 { width: 165px; height: 165px; line-height: 165px; text-align: center; } .icon-box i[class*="icon-"].icon-cover-170 { width: 170px; height: 170px; line-height: 170px; text-align: center; } .icon-box .icon-box-color-green { color: #00d5c3; } @media (min-width: 768px) { .icon-box .reduce-padding-left { padding-left: 5px; } } @media (min-width: 768px) { .icon-box .reduce-padding-right { padding-right: 5px; } } /* ---------------------------------------------------------------------- * * [ 3.23 Image ] * * ---------------------------------------------------------------------- */ .text-image-1 h4 { margin-top: 22px; margin-bottom: 10px; } @media screen and (min-width: 768px) { .text-image-1 h4 { margin-top: 48px; margin-bottom: 22px; } } .text-image-1 .col-sm-6 { margin-bottom: 30px; } @media screen and (min-width: 768px) { .text-image-1 .col-sm-6 { margin-bottom: 0; } } .text-image-2 h5 { margin-top: 24px; margin-bottom: 14px; } .text-image-2 .col-sm-4 { margin-bottom: 48px; } @media screen and (min-width: 768px) { .text-image-2 .col-sm-4 { margin-bottom: 0; } } .text-image-3 h6 { margin-top: 20px; margin-bottom: 10px; } .text-image-3 .col-sm-6 { margin-bottom: 40px; } @media screen and (min-width: 768px) { .text-image-3 .col-sm-6 { margin-bottom: 28px; } } @media screen and (min-width: 992px) { .text-image-3 .col-sm-6 { margin-bottom: 0; } } .text-image-4 .content-wrap { margin-left: 0; } @media screen and (min-width: 992px) { .text-image-4 .content-wrap { margin-left: 20px; } } .text-image-4 h4 { margin-bottom: 14px; margin-top: 22px; } @media screen and (min-width: 992px) { .text-image-4 h4 { margin-top: 0; } } .text-image-4 .row-bottom { margin-top: 60px; } .text-image-5 h4 { margin-top: 22px; margin-bottom: 22px; } @media screen and (min-width: 768px) { .text-image-5 h4 { margin-top: 0; } } .text-image-5 .row-bottom { margin-top: 60px; } .text-image-6 h6 { margin-top: 22px; margin-bottom: 18px; } @media screen and (min-width: 992px) { .text-image-6 h6 { margin-top: 0; } } .text-image-6 .column-right { margin-top: 40px; } @media screen and (min-width: 992px) { .text-image-6 .column-right { margin-top: 0; } } /* ---------------------------------------------------------------------- * * [ 3.24 Image Banners ] * * ---------------------------------------------------------------------- */ .image-banner { background-position: top center; background-color: #00d5c3; background-size: cover; background-repeat: no-repeat; overflow: hidden; } .image-banner .banner-text-block { padding: 30px; } .image-banner .banner-text-block .banner-icon { font-size: 36px; } .image-banner .banner-text-block .banner-logo { padding: 10px 0; } .image-banner .banner-text-block h2, .image-banner .banner-text-block h3, .image-banner .banner-text-block h4, .image-banner .banner-text-block h5, .image-banner .banner-text-block h6 { margin: 30px 0; } .image-banner .banner-text-block a.btn { margin: 0 10px; } .image-banner .banner-image-block { padding: 0; } .image-banner .banner-image-block img { max-width: 100%; } .image-banner.banner-bg-white { background-color: white; } .image-banner.banner-bg-image-1 { background-image: url(media/images/image_banners/image_banner_bg_5_720x360.png); } .image-banner.banner-bg-image-2 { background-image: url(media/images/image_banners/image_banner_bg_2_720x360.png); } .image-banner.banner-bg-image-3 { background-image: url(media/images/image_banners/image_banner_bg_3_720x360.png); } .image-banner.banner-bg-image-4 { background-image: url(media/images/image_banners/image_banner_bg_4_720x360.png); } .image-banner.banner-bg-image-5 { background-image: url(media/images/image_banners/image_banner_bg_1_1200x600.png); } .image-banner.banner-color-dark-blue h2, .image-banner.banner-color-dark-blue h3, .image-banner.banner-color-dark-blue h4, .image-banner.banner-color-dark-blue h5, .image-banner.banner-color-dark-blue h6 { color: #2f3542; } .image-banner.banner-align-left .banner-text-block { text-align: left; } .image-banner.banner-align-left .banner-text-block a.btn { display: block; margin-bottom: 10px; text-align: left; } .image-banner.banner-overlay-white .banner-text-block .banner-icon, .image-banner.banner-overlay-white .banner-text-block h2, .image-banner.banner-overlay-white .banner-text-block h3, .image-banner.banner-overlay-white .banner-text-block h4, .image-banner.banner-overlay-white .banner-text-block h5, .image-banner.banner-overlay-white .banner-text-block h6 { text-shadow: 1px 1px 1px black; } .image-banner.banner-overlay-white.banner-overlay-white { position: relative; } .image-banner.banner-overlay-white.banner-overlay-white:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .image-banner.banner-overlay-white.banner-overlay-white > * { position: inherit; z-index: 2; } .image-banner.banner-overlay-white.banner-overlay-white:hover:before { -webkit-opacity: 0.4; -moz-opacity: 0.4; -o-opacity: 0.4; -ms-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } .image-banner.banner-overlay-black { position: relative; } .image-banner.banner-overlay-black .banner-text-block .banner-icon, .image-banner.banner-overlay-black .banner-text-block h2, .image-banner.banner-overlay-black .banner-text-block h3, .image-banner.banner-overlay-black .banner-text-block h4, .image-banner.banner-overlay-black .banner-text-block h5, .image-banner.banner-overlay-black .banner-text-block h6 { color: #2f3542; text-shadow: 1px 1px 1px black; } .image-banner.banner-overlay-black .banner-text-block a.btn { color: #2f3542; border-color: #2f3542; } .image-banner.banner-overlay-black:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .image-banner.banner-overlay-black > * { position: inherit; z-index: 2; } .image-banner.banner-overlay-black:hover:before { -webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6; -ms-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .image-banner.banner-overlay-black:hover .banner-text-block .banner-icon, .image-banner.banner-overlay-black:hover .banner-text-block h2, .image-banner.banner-overlay-black:hover .banner-text-block h3, .image-banner.banner-overlay-black:hover .banner-text-block h4, .image-banner.banner-overlay-black:hover .banner-text-block h5, .image-banner.banner-overlay-black:hover .banner-text-block h6 { color: white; } .image-banner.banner-overlay-black:hover .banner-text-block a.btn { color: white; border-color: white; } .image-banner.banner-right-image { position: relative; } @media screen and (min-width: 320px) { .image-banner.banner-right-image .banner-image-block { display: none; } .image-banner.banner-right-image .banner-text-block { padding: 30px; } } @media screen and (min-width: 768px) { .image-banner.banner-right-image .banner-image-block { display: block; position: absolute; padding: 0; right: 0; top: 50%; transform: translate(0, -50%); } .image-banner.banner-right-image .banner-text-block { padding-right: 45%; } } .image-banner.banner-left-image { position: relative; } @media screen and (min-width: 320px) { .image-banner.banner-left-image .banner-image-block { display: none; } .image-banner.banner-left-image .banner-text-block { padding: 30px; } } @media screen and (min-width: 768px) { .image-banner.banner-left-image .banner-text-block { padding-left: 45%; } .image-banner.banner-left-image .banner-image-block { display: block; position: absolute; padding: 0; left: -20px; top: 50%; transform: translate(0, -50%); } } .image-banner.banner-bottom-image { position: relative; } .image-banner.banner-bottom-image .banner-text-block { padding-bottom: 25%; } .image-banner.banner-bottom-image .banner-image-block { position: absolute; left: 50%; bottom: 0; max-height: 30%; transform: translate(-50%, 0); } .image-banner.banner-bottom-image.banner-bottom-image-lg .banner-text-block { padding-bottom: 50px; } .image-banner.banner-bottom-image.banner-bottom-image-lg .banner-text-block h5 { font-weight: 400; } .image-banner.banner-bottom-image.banner-bottom-image-lg .banner-image-block { max-height: 50%; } @media screen and (min-width: 992px) { .image-banner.banner-simple1 .banner-text-block { padding-top: 46px; padding-bottom: 46px; } .image-banner.banner-simple2 .banner-text-block { padding-top: 63px; padding-bottom: 63px; } .image-banner.banner-simple3 .banner-text-block { padding-top: 40px; padding-bottom: 100px; } .image-banner.banner-simple4 .banner-text-block { padding-top: 37px; padding-bottom: 38px; } .image-banner.banner-let-top-logo .banner-text-block .banner-logo { position: inherit; } } @media screen and (min-width: 1200px) { .image-banner.banner-simple1 .banner-text-block { padding-top: 30px; padding-bottom: 30px; } .image-banner.banner-simple2 .banner-text-block { padding-top: 53px; padding-bottom: 53px; } .image-banner.banner-simple3 .banner-text-block { padding-top: 30px; padding-bottom: 90px; } .image-banner.banner-simple4 .banner-text-block { padding-top: 37px; padding-bottom: 37px; } .image-banner.banner-let-top-logo .banner-text-block .banner-logo { position: absolute; left: 50px; top: 55px; } } /* ---------------------------------------------------------------------- * * [ 3.25 Lightbox ] * * ---------------------------------------------------------------------- */ .lightbox img.lightbox-image { margin-bottom: 30px; } .lightbox-video-bg-overlay { background-image: url("https://i.ytimg.com/vi/2d1VrCvdzbY/maxresdefault.jpg"); background-size: cover; background-repeat: no-repeat; padding: 150px 0; position: relative; } .lightbox-video-bg-overlay:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(26, 28, 32, 0.8); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .lightbox-video-bg-overlay > * { position: inherit; z-index: 2; } .lightbox-video-bg-overlay .lightbox-video { font-size: 22px; } .lightbox-video-bg-overlay .lightbox-video i { margin-right: 10px; } .lightbox-video-back-overlay { position: relative; } .lightbox-video-back-overlay:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1a1c20; -webkit-opacity: 0.2; -moz-opacity: 0.2; -o-opacity: 0.2; -ms-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 2; } .lightbox-video-back-overlay > * { position: inherit; z-index: 3; } .lightbox-video-back-overlay .img-responsive { z-index: 1; } .lightbox-video-back-overlay .lightbox-video { position: absolute; top: 50%; left: calc(50% - 35px); padding: 9px; font-size: 22px; background-color: red; border-radius: 15px; width: 70px; } .lightbox-video-back-overlay .lightbox-video i { color: white; } .modal.fade .modal-dialog, .modal.in .modal-dialog { transform: translate(-50%, -50%); } .modal-dialog { position: absolute; top: 50%; left: 50%; width: 320px; text-align: center; } .modal-dialog .modal-content { width: 300px; height: 525px; } .modal-dialog .modal-content a span { margin-left: 10px; font-size: 12px; } .modal-dialog .modal-content .modal-header { height: 140px; } .modal-dialog .modal-content .modal-header .close-btn { position: absolute; right: 25px; top: 25px; width: 20px; height: 20px; opacity: 0.3; } .modal-dialog .modal-content .modal-header .close-btn:hover { opacity: 1; cursor: pointer; } .modal-dialog .modal-content .modal-header .close-btn:before, .modal-dialog .modal-content .modal-header .close-btn:after { position: absolute; left: 15px; content: ' '; height: 20px; width: 2px; background-color: #82868e; } .modal-dialog .modal-content .modal-header .close-btn:before { transform: rotate(45deg); } .modal-dialog .modal-content .modal-header .close-btn:after { transform: rotate(-45deg); } .modal-dialog .modal-content .modal-header .modal-header-image { margin: 20px 0; } .modal-dialog .modal-content .modal-header .modal-header-icon-md { display: block; padding: 15px; font-size: 30px; } .modal-dialog .modal-content .modal-header .modal-header-icon-lg { display: block; padding: 35px; font-size: 48px; } .modal-dialog .modal-content .modal-header.modal-header-sm { height: 100px; } .modal-dialog .modal-content .modal-header.modal-header-sm h4 { margin-top: 30px; } .modal-dialog .modal-content .modal-header.modal-header-sm i.modal-header-icon-lg { font-size: 36px; padding: 20px; } .modal-dialog .modal-content .modal-header.modal-header-bg-1 { background-image: url(media/images/lightbox_modal/modal_header_1_375x140.png); } .modal-dialog .modal-content .modal-header.modal-header-bg-2 { background-image: url(media/images/lightbox_modal/modal_header_2_375x140.png); margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .modal-dialog .modal-content .modal-body { padding: 0 15px; } .modal-dialog .modal-content .modal-body .form-elem { width: 250px; margin: 10px auto 0 auto; text-align: left; } .modal-dialog .modal-content .modal-body .form-elem .elem-wrap { width: 15px; height: 15px; margin: 3px 10px 3px 0; } .modal-dialog .modal-content .modal-body .form-elem .elem-wrap label { width: 15px; height: 15px; } .modal-dialog .modal-content .modal-body .form-elem label { font-size: 12px; } .modal-dialog .modal-content .modal-body .form-elem.check-box.check-box-center { width: auto; display: inline-block; } .modal-dialog .modal-content .modal-body .btn { width: 250px; margin: 20px 0 10px 0; } .modal-dialog .modal-content .modal-body .btn span.modal-button-text-bold { font-size: 22px; font-weight: 800; } .modal-dialog .modal-content .modal-body .btn span.modal-button-text-large { font-size: 18px; font-weight: 800; } .modal-dialog .modal-content .modal-footer { text-align: center; } .modal-dialog .modal-content .modal-footer .label-login-with { display: block; margin-bottom: 20px; font-size: 12px; font-weight: 700; } .modal-dialog .modal-content .modal-footer .modal-footer-button { display: block; width: 250px; margin: auto; text-align: left; } .modal-dialog .modal-content .modal-footer .modal-footer-button-center { display: block; } .modal-dialog .modal-content .modal-footer .social-button-light { position: relative; display: inline-block; width: 50px; height: 50px; margin: 0 10px; font-size: 25px; font-weight: normal; line-height: 2em; text-decoration: none; text-align: center; border: 2px solid #acaeb1; border-radius: 27px; color: #acaeb1; cursor: pointer; } .modal-dialog .modal-content .modal-footer .social-button-dark { position: relative; display: inline-block; width: 50px; height: 50px; margin: 0 10px; font-size: 25px; font-weight: normal; line-height: 2em; text-decoration: none; text-align: center; border-radius: 27px; color: #00d5c3; background-color: #2f3542; cursor: pointer; } .modal-dialog .modal-content .modal-footer .btn { margin-bottom: 10px; } .modal-dialog .modal-content .wrapper-row { width: 250px; margin: auto; } .modal-dialog .modal-content .wrapper-row .form-elem { float: left; width: 45%; } .modal-dialog .modal-content .wrapper-row a.modal-footer-button { float: left; width: 55%; margin-top: 10px; } .modal-dialog .modal-content .wrapper-row .left-in-row { float: left; } .modal-dialog .modal-content .wrapper-row .right-in-row { float: right; } @media screen and (min-width: 480px) { .modal-dialog { width: 375px; } .modal-dialog .modal-content { width: 375px; height: 525px; } } .modal-dialog.modal-dark-blue .modal-content { background-color: #2f3542; } .modal-dialog.modal-dark-blue .modal-content .modal-header, .modal-dialog.modal-dark-blue .modal-content .modal-footer { border-color: #2f3542; } .modal-dialog.modal-green .modal-content { background-color: #00d5c3; } .modal-dialog.modal-green .modal-content .modal-header, .modal-dialog.modal-green .modal-content .modal-footer { border-color: #00d5c3; } .modal-dialog.modal-green .modal-content .modal-footer .label-login-with { color: #2f3542; margin-bottom: 10px; } .modal-dialog.modal-green .modal-content .modal-footer a span { color: #2f3542; } .modal-dialog.modal-green .modal-color-dark-blue { color: #2f3542; } .modal-dialog.lock-modal .modal-content .modal-header { height: 140px; } .modal-dialog.lock-modal .modal-content .modal-body { height: 270px; } .modal-dialog.lock-modal .modal-content .modal-body .forgot-password-description { font-size: 11px; } .modal-dialog.lock-modal .modal-content .modal-body .portrait-wrapper { position: relative; margin-top: -50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; width: 95px; height: 95px; background-color: #00d5c3; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .modal-dialog.lock-modal .modal-content .modal-body .portrait-wrapper:hover { transform: scale(1.05); transition: .5s; } .modal-dialog.lock-modal .modal-content .modal-body .portrait-wrapper .portrait { margin-top: 5px; margin-left: 0; width: 85px; height: 85px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .modal-dialog.lock-modal .modal-content .modal-body .portrait-wrapper.fat-border { width: 105px; height: 105px; } .modal-dialog.lock-modal .modal-content .modal-body .portrait-wrapper.fat-border .portrait { margin-top: 10px; width: 85px; height: 85px; } .modal-dialog.lock-modal .modal-content .modal-body .profile-position { font-size: 12px; } .modal-dialog.lock-modal .modal-content .modal-body .profile-position-sm { font-size: 10px; } .modal-dialog.lock-modal .modal-content .modal-body.modal-body-lock { height: 310px; } .modal-dialog.lock-modal .modal-content .modal-footer { padding: 40px 0; } .image-source-link { color: #98C3D1; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -khtml-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-backface-visibility: hidden; opacity: 0; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .modal-backdrop { z-index: 9999; } .modal { z-index: 99945; } .mfp-bg { z-index: 99942; } .mfp-wrap { z-index: 99943; } .mfp-content { z-index: 99945; } .mfp-preloader { z-index: 99944; } button.mfp-close, button.mfp-arrow { z-index: 99946; } .mfp-zoom-out-cur.bg-black .mfp-bg { opacity: .95; } .mfp-title { padding-right: 0; margin-bottom: 15px; } .mfp-figure .mfp-close { top: -30px; right: 0; width: 30px; height: 30px; padding-right: 0; line-height: 30px; text-align: center; cursor: default; } .mfp-figure.top-title .mfp-title { width: calc(100% - 30px); text-align: left; } .mfp-figure.top-title .mfp-close { top: 0; right: 0; width: 30px; height: 30px; padding-right: 0; line-height: 30px; text-align: center; cursor: default; } .mfp-bottom-bar > .mfp-title { padding: 50px 0; text-align: center; } .mfp-content > .mfp-iframe-scaler > .mfp-title { position: absolute; top: -30px; } .mfp-arrow:before, .mfp-arrow:after { content: initial; } .mfp-counter { display: none; } /** * Simple fade transition, */ .mfp-fade.mfp-bg { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -khtml-transition: all 0.15s ease-out; transition: all 0.15s ease-out; opacity: 0; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-figure:after { content: initial; } .mfp-figure figure { text-align: center; } img.mfp-img { display: inline-block; margin: 0; padding: 0; } @media screen and (min-width: 320px) { button.mfp-arrow { width: 20px; background-color: rgba(11, 11, 11, 0.8); } .mfp-arrow-right { margin-right: 0; } .mfp-arrow-left { margin-left: 0; } } @media screen and (min-width: 992px) { button.mfp-arrow { width: 90px; background-color: transparent; } .mfp-arrow-right { margin-right: -60px; } .mfp-arrow-left { margin-left: -60px; } } /* ---------------------------------------------------------------------- * * [ 3.26 Mailchimp Email ] * * ---------------------------------------------------------------------- */ /* subscribe form wrapper */ .mce-form-container { text-align: center; } .mce-form-container form .icons { color: #00d5c3; } .mce-form-container form .icons.large-icon { font-size: 36px; } .mce-form-container form label { font-size: 30px; margin-bottom: 30px; } .mce-form-container form label.small-label { font-size: 22px; } .mce-form-container form .top-desc { margin-bottom: 40px; font-size: 14px; color: #c1c1c1; } .mce-form-container form .control-group .control-item.email-wrapper { position: relative; } .mce-form-container form .control-group .control-item.email-wrapper:before { content: "\e01f"; position: absolute; top: 7px; left: 1em; display: block; font-family: "simple-line-icons"; } .mce-form-container form .control-group .control-item.email-wrapper .email { padding: 7px 2.5em; width: 100%; height: 44px; font-size: 14px; color: #dae2e8; background-color: transparent; border: 1px solid #dae2e8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .mce-form-container form .control-group .control-item.button-wrapper { margin-top: 10px; } .mce-form-container form .control-group .control-item.button-wrapper .button { padding-top: 10px; padding-bottom: 10px; width: 100%; font-weight: 900; font-size: 16px; background-color: #00d5c3; border: 1px solid #00d5c3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } @media (min-width: 768px) { .mce-form-container form .control-group .control-item { float: left; } .mce-form-container form .control-group .control-item.email-wrapper { width: calc(100% - 160px); margin-right: 10px; } .mce-form-container form .control-group .control-item.button-wrapper { margin-top: 0; width: 150px; } } @media (min-width: 768px) { .mce-form-container form .control-group.no-hoz-gap .control-item.email-wrapper { margin-right: -4px !important; } .mce-form-container form .control-group.no-hoz-gap .control-item.email-wrapper .email { border-right-color: transparent; } } .mce-form-container form .bottom-desc { margin-top: 25px; font-size: 11px; color: #a1a1a1; } @media (min-width: 768px) { .mce-form-container.subscribe-left { text-align: left; } } .mce-form-container.subscribe-bg-green form * { color: #1a1c20 !important; border-color: #1a1c20 !important; } .mce-form-container.subscribe-bg-green form * .button { color: #00d5c3 !important; background-color: #1a1c20 !important; } .mce-form-container.subscribe-bg-green form label { font-weight: 900; text-transform: uppercase; } .left-icon-wraper .left-icon { padding: 10px 20px; float: left; } .left-icon-wraper .left-icon .icons { font-size: 60px; } .left-icon-wraper .label-left { float: left; width: calc(100% - 100px); text-align: left; } @media (max-width: 768px) { .left-icon-wraper .label-left { text-align: center; } } /* different background colors and images */ .subscribe-bg { padding-top: 30px; } /* validation alert text style */ .help-block { color: #d06485 !important; text-align: left; } .mce-form-container .has-error .form-control-feedback { top: 5px !important; } .mce-form-container .has-error input[type="text"], .mce-form-container .has-error input[type="email"] { border: 2px solid #d06485 !important; } .email::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: white; } .email:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; opacity: 1; } .email::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white; opacity: 1; } .email:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; } .email::-ms-input-placeholder { /* Microsoft Edge */ color: white; } .email.email-black-placeholder::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: black; } .email.email-black-placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black; opacity: 1; } .email.email-black-placeholder::-moz-placeholder { /* Mozilla Firefox 19+ */ color: black; opacity: 1; } .email.email-black-placeholder:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: black; } .email.email-black-placeholder::-ms-input-placeholder { /* Microsoft Edge */ color: black; } /* ---------------------------------------------------------------------- * * [ 3.27 Message Boxes ] * * ---------------------------------------------------------------------- */ .message { position: relative; padding: 15px 15px 15px 10px; color: white; text-align: center; background-color: #3b414f; border: 1px solid #3b414f; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; /* close button */ /* message box - background color and font color */ /* message box size */ } @media (min-width: 768px) { .message { padding: 20px 20px 20px 15px; text-align: left; } } .message:after { content: ""; display: block; clear: both; } .message .message-icon { margin: 0 auto 10px auto; width: 30px; height: 24px; line-height: 24px; text-align: center; color: white; font-size: 24px; } @media (min-width: 768px) { .message .message-icon { float: left; margin: 0 10px 10px 0; } } .message .message-body { width: 100%; text-align: center; } @media (min-width: 768px) { .message .message-body { float: left; width: calc(100% - 40px); text-align: left; } } .message .message-body p { margin-bottom: 0; line-height: 22px; font-size: 13px; } .message .message-closer { position: absolute; top: 16px; right: 10px; width: 15px; height: 15px; display: block; } @media (min-width: 768px) { .message .message-closer { right: 16px; } } .message .message-closer i:before, .message .message-closer i:after { position: absolute; top: 7px; left: 0; content: ""; width: 15px; height: 1px; background-color: white; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -khtml-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .message .message-closer i:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); } .message .message-closer i:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); transform: rotate(-45deg); } .message .message-closer.icon-color-green i:before, .message .message-closer.icon-color-green i:after { background-color: #00d5c3; } .message .message-closer.icon-color-red i:before, .message .message-closer.icon-color-red i:after { background-color: #d06485; } .message .message-closer.icon-color-blue i:before, .message .message-closer.icon-color-blue i:after { background-color: #59a7c7; } .message .message-closer.icon-color-yellow i:before, .message .message-closer.icon-color-yellow i:after { background-color: #c1af7a; } .message .message-closer:hover i:before { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -khtml-transform: rotate(225deg); transform: rotate(225deg); } .message .message-closer:hover i:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -khtml-transform: rotate(135deg); transform: rotate(135deg); } .message[class*="message-success"] { border-color: #00d5c3; } .message[class*="message-success"].message-success-dark { background-color: #00d5c3; } .message[class*="message-success"].message-success-light { background-color: #e2fffd; } .message[class*="message-success"].message-success-light * { color: #00d5c3; } .message[class*="message-error"] { border-color: #d06485; } .message[class*="message-error"].message-error-dark { background-color: #d06485; } .message[class*="message-error"].message-error-light { background-color: #f4d9e1; } .message[class*="message-error"].message-error-light * { color: #d06485; } .message[class*="message-info"] { border-color: #59a7c7; } .message[class*="message-info"].message-info-dark { background-color: #59a7c7; } .message[class*="message-info"].message-info-light { background-color: #cbe4ee; } .message[class*="message-info"].message-info-light * { color: #59a7c7; } .message[class*="message-warning"] { border-color: #c1af7a; } .message[class*="message-warning"].message-warning-dark { background-color: #c1af7a; } .message[class*="message-warning"].message-warning-light { background-color: #f2eee2; } .message[class*="message-warning"].message-warning-light * { color: #c1af7a; } .message.message-small { padding: 15px; } .message.message-small .message-icon { float: left; margin: 0 10px 0 0; width: 20px; height: 18px; line-height: 18px; font-size: 18px; } @media (min-width: 768px) { .message.message-small .message-icon { width: 30px; } } .message.message-small .message-body { float: left; width: calc(100% - 30px); font-size: 14px; text-align: left; } @media (min-width: 768px) { .message.message-small .message-body { width: calc(100% - 40px); } } .message.message-small .message-body h6 { margin-bottom: 0; font-size: 14px; } .message.message-large { padding: 20px; } @media (min-width: 768px) { .message.message-large { padding: 45px 55px 45px 45px; } } .message.message-large .message-icon { width: 40px; height: 40px; line-height: 40px; font-size: 40px; } @media (min-width: 768px) { .message.message-large .message-icon { margin-right: 25px; width: 50px; height: 50px; line-height: 50px; font-size: 48px; } } .message.message-large .message-body { width: 100%; } @media (min-width: 768px) { .message.message-large .message-body { float: left; padding-top: 5px; width: calc(100% - 75px); } } .message.message-large .message-body h6 { margin-bottom: 15px; } .message.message-large .message-body p { font-size: 14px; } /* ---------------------------------------------------------------------- * * [ 3.28 Offcanvas Menu ] * * ---------------------------------------------------------------------- */ .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { cursor: pointer; height: 2px; width: 25px; background: white; position: absolute; display: block; content: ''; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; -khtml-transition: none; transition: none; } .off-canvas-logo { display: block; padding: 30px 15px; } .animated-arrow { position: absolute; left: 0; top: 0; z-index: 99999; transition: none; cursor: pointer; padding: 1px 25px 21px 0; margin: 18px 0 0 18px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; -khtml-transition: none; transition: none; } .animated-arrow span:before { top: 9px; } .animated-arrow span:after { bottom: -18px; } .xoverlay { z-index: 100; left: 0; z-index: 10000; width: 100%; height: 100%; position: fixed; top: 0; display: none; background-color: rgba(47, 53, 66, 0.95); cursor: pointer; } .xoverlay.menuopen { display: block; } .xmenu-list > li:hover > a { text-decoration: none; } .xmenu-list > li > a .fa { margin-right: 6px; } .xmenu-list li { margin: 0; padding: 0; } .xmenu-list li:hover .xmenu-submenu { display: none; } .xmenu-list li:hover .xmenu-submenu .xmenu-submenu-sub { display: none; } .xmenu-list li:hover .x-megamenu-2 { display: none; position: relative !important; top: 0; } .xmenu-list li:first-child a { border-radius: 0 0 0 0; } .xmenu-list li:last-child a { border-radius: 0 0 0 0; border-right: 0 solid; } .xmenu-list .x-megamenu-2 { color: white; display: none; position: relative !important; top: 0; padding: 0; border: solid 0; transform: none !important; opacity: 1 !important; visibility: visible !important; } .xmenu-list .x-megamenu-2 a { color: white; } .xmenu-list .x-megamenu-2 a:hover { color: #00d5c3; } .xmenu-list .xmenu-submenu .xmenu-submenu-sub li:hover .xmenu-submenu-sub-sub { display: none; list-style: none; padding: 2px; } .xmenu-submenu .fa { margin-right: 7px; } .xmenu-submenu > li:hover > a { color: white; } .xmenu { position: relative; width: 280px; left: -280px; height: 100%; position: fixed; top: 0; margin: 0; padding-bottom: 30px; background-color: #242935; border-radius: 0; z-index: 99999; transition: all 0.4s ease-in-out; -webkit-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -o-box-shadow: 0 0 10px #000000; -ms-box-shadow: 0 0 10px #000000; -khtml-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000; border: none !important; } .xmenu .xmenu-list { margin: 0; padding: 0 10px; height: auto; display: block !important; } .xmenu .xmenu-list > li { width: 100%; padding: 0; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; } .xmenu .xmenu-list li a .arrow:after { display: none !important; } .xmenu .xmenu-list li ul li a .fa.fa-caret-right { font-size: 12px !important; color: white; } .xmenu > .xmenu-list > li > a { padding: 9px 32px 9px 7px; font-size: 14px; font-weight: 700; text-align: left; border-right: solid 0; background-color: transparent; color: white; line-height: 25px; border-bottom: 1px solid; border-bottom-color: #444a55; position: static; display: block; } .xmenu > .xmenu-list > li > a.active { color: white; } .xmenu > .xmenu-list > li > a:hover { color: white; } .xmenu > .xmenu-list > li > a > .fa { font-size: 16px; } .xmenu > .xmenu-list > li:last-child > a { border-bottom-color: transparent; } .xmenu-opened .xmenu { overflow-y: auto; left: 0; transition: all 0.4s ease-in-out; } .xmenu-opened .xoverlay { display: block !important; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; -khtml-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -khtml-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -khtml-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -khtml-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -khtml-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; -ms-animation-fill-mode: none; -khtml-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -khtml-animation-direction: normal; animation-direction: normal; } @-webkit-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @-khtml-keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { display: block; visibility: visible; opacity: 0; } 100% { opacity: 1; } } .xmenu-opened .animated-arrow { position: fixed; right: auto !important; left: 280px !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .xmenu-opened .animated-arrow span { background-color: transparent; } .xmenu-opened .animated-arrow span:before { top: 9px; transform: rotate(45deg); bottom: 0; } .xmenu-opened .animated-arrow span:after { transform: rotate(-45deg); bottom: -9px; } .xmenu-opened.xmenu-right .animated-arrow { position: fixed; right: 300px !important; left: auto !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .xmenu-wrapper { overflow: hidden; min-height: 60px; transition: all 0.4s ease-in-out; } .xmenu-wrapper.xmenu-opened { display: block; margin-left: 280px; } .xmenu-wrapper .logo { left: 40px; } .xmobileheader { display: block !important; position: relative; top: 0; right: 0; left: 0; transition: all 0.4s ease-in-out; } .xmenu-click { height: 43px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 100%; } .xmenu-click i { display: block; height: 23px; width: 25px; margin-top: 11px; margin-right: 8px; background-size: 25px; font-size: 21px; color: white; float: right; text-align: center; } .xmenu-sub-click { height: 43px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 100%; } .xmenu-sub-click i { display: block; height: 23px; width: 25px; margin-top: 7px; margin-right: 8px; background-size: 25px; font-size: 21px; float: right; text-align: center; } .xmenu-submenu-sub { width: 100% !important; position: static !important; left: 100% !important; top: 0 !important; display: none; margin: 0 !important; padding: 0 !important; border: solid 0 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } .xmenu-submenu-sub li { margin: 0 0 0 0 !important; padding: 0; position: relative; } .xmenu-submenu-sub li:hover > a { color: white; } .xmenu-submenu-sub li:hover > .xmenu-submenu-sub-sub { transform: none !important; visibility: visible !important; opacity: 1 !important; } .xmenu-submenu-sub li a.active { color: black !important; } .xmenu-submenu-sub li > .xmenu-submenu-sub-sub { transform: none !important; visibility: visible !important; opacity: 1 !important; } .xmenu-submenu-sub a { display: block; padding: 10px 25px; font-weight: normal; } .xmenu-submenu-sub-sub { width: 100% !important; position: static !important; left: 100% !important; top: 0 !important; display: none; margin: 0 !important; padding: 0 !important; border: solid 0 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } .xmenu-submenu-sub-sub li { margin: 0 0 0 0 !important; } .xmenu-submenu-sub-sub li a.active { color: black !important; } .xmenu-submenu-sub-sub li:hover > a { color: white; } .xmenu-submenu-sub-sub a { display: block; color: black; padding: 10px 25px; font-weight: normal; } .x-megamenu-2 .title { color: white; font-size: 15px !important; padding: 10px 8px 10px 0; } .x-megamenu-2 > ul { width: 100% !important; margin: 0; padding: 0; font-size: 13px !important; } .x-megamenu-2 > ul > li > a { padding: 9px 14px !important; line-height: normal !important; font-size: 13px !important; color: white; } .x-megamenu-2 ul li.title { line-height: 26px; color: white; margin: 0; font-size: 15px; padding: 7px 13px !important; } .mobile-sub .xmenu-submenu { transform: none !important; opacity: 1 !important; display: none; position: relative !important; top: 0; padding: 15px 0 0; visibility: visible !important; } .mobile-sub .xmenu-submenu li { position: relative; } .mobile-sub .xmenu-submenu li a { line-height: 20px; font-size: 13px !important; padding: 8px 0 8px 18px; color: white; display: block; } .mobile-sub .xmenu-submenu li a:hover { color: #00d5c3; } .mobile-sub .xmenu-submenu li .xmenu-submenu-sub li a { line-height: 20px; border-bottom: none; padding-left: 28px; } .mobile-sub .xmenu-submenu li .xmenu-submenu-sub li a:hover { color: #00d5c3; } .mobile-sub .xmenu-submenu li .xmenu-submenu-sub li .xmenu-submenu-sub-sub li a { line-height: 20px; border-bottom: none !important; padding-left: 38px; color: white; } .mobile-sub .xmenu-submenu li .xmenu-submenu-sub li .xmenu-submenu-sub-sub li a:hover { color: #00d5c3; } .xmenu-right.xmenu-wrapper.xmenu-opened { margin-left: 0 !important; margin-right: 280px !important; } .xmenu-right.xmenu-opened .xmenu { left: auto; right: 0 !important; } .xmenu-right.xmenu-opened .animated-arrow { left: auto !important; } .xmenu-right .xmenu { right: -280px !important; left: auto !important; } .xmenu-right .animated-arrow { left: auto !important; right: 40px !important; margin: 20px 0 0 0; } @media (min-width: 600px) { .xmenu-logo-center .logo { left: calc((100% - 150px) / 2); } } .xmenu-logo-center.small-logo .logo { left: calc((100% - 44px) / 2); } /* Override normal menu style */ .xmenu-wrapper .x-menu-extra { position: absolute; top: 10px; left: auto; right: auto; } @media (min-width: 1100px) { .xmenu-wrapper .x-menu-extra.extra-left { left: 80px; } } .xmenu-wrapper .x-menu-extra.extra-right { right: 20px; } .xmenu-wrapper .x-menu-extra .extra-container { float: left; padding: 0 10px; } .xmenu-wrapper.xmenu-right .x-menu-extra.extra-right { right: 100px; } .xmenu-wrapper .menu-label { display: inline-block; padding: 7px 0; } .xmenu .extra-container { margin-top: 15px; } .xmenu .extra-container a { padding: 0 32px 0px 7px !important; border-bottom: 0 !important; } .xmenu .extra-container a .fa { padding-top: 0 !important; padding-bottom: 0 !important; } /* Fixed top menu */ header.xmenu-fiexd-top { position: fixed; width: 100%; padding-top: 10px; padding-bottom: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -khtml-transition: 0.3s; transition: 0.3s; } header.xmenu-fiexd-top.x-highlight { background-color: #1f2532; padding-top: 0px; padding-bottom: 0px; -webkit-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -o-box-shadow: 0 0 10px #000000; -ms-box-shadow: 0 0 10px #000000; -khtml-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000; } /* ---------------------------------------------------------------------- * * [ 3.29 Pricing Table ] * * ---------------------------------------------------------------------- */ /* normal pricing table */ .price { position: relative; text-align: center; margin-top: 15px; margin-bottom: 15px; } .price.price-highlight { -webkit-box-shadow: 0 0 20px 0 #000000; -moz-box-shadow: 0 0 20px 0 #000000; -o-box-shadow: 0 0 20px 0 #000000; -ms-box-shadow: 0 0 20px 0 #000000; -khtml-box-shadow: 0 0 20px 0 #000000; box-shadow: 0 0 20px 0 #000000; } /* * Pricing Table #1 * */ .price-normal { /* Highlight mode */ } .price-normal .price-header { background-color: #00d5c3; } .price-normal .price-header h4, .price-normal .price-header h6 { margin-bottom: 0; padding-top: 30px; padding-bottom: 30px; font-size: 24px; font-weight: 500; text-transform: uppercase; color: #3b414f; } @media (min-width: 992px) { .price-normal .price-header h6 { font-size: 18px; } } .price-normal .price-body { padding-top: 30px; padding-bottom: 30px; background-color: #3b414f; } .price-normal .price-body .price-value .wrap-value { padding-top: 10px; font-size: 60px; line-height: 1em; color: #00d5c3; } .price-normal .price-body .price-value .wrap-value .currency { font-weight: 400; } .price-normal .price-body .price-value .wrap-value .value { font-weight: 900; } .price-normal .price-body .price-value .wrap-value .value sup { font-size: 40px; } .price-normal .price-body .price-value .wrap-period { width: 40%; margin: 0 auto; padding-bottom: 5px; font-size: 12px; font-style: italic; color: #7b818f; border-bottom: 1px solid #7b818f; } .price-normal .price-body .price-services ul { margin: 0; padding: 0; } .price-normal .price-body .price-services ul li { padding-top: 12px; padding-bottom: 12px; } .price-normal .price-body .price-services ul li span { font-size: 16px; font-weight: 500; color: #dae2e8; } .price-normal .price-body .price-apply { padding-top: 10px; padding-bottom: 10px; } .price-normal .price-body .price-apply .btn { font-weight: 500; color: #3b414f; border-color: #00d5c3; background-color: #00d5c3; } .price-normal.price-highlight .price-header { background-color: #00c5b3; } .price-normal.price-highlight .price-body { background-color: #00d5c3; } .price-normal.price-highlight .price-body .price-value .wrap-value { color: #3b414f; } .price-normal.price-highlight .price-body .price-value .wrap-period { color: #3b414f; border-bottom: 1px solid #00b5a3; } .price-normal.price-highlight .price-body .price-services ul li span { color: #3b414f; } .price-normal.price-highlight .price-body .price-apply .btn { color: #00d5c3; border-color: #3b414f; background-color: #3b414f; } /* * Pricing Table #2 * */ .price-v-iconed { /* Highlight mode */ } .price-v-iconed .price-header { padding-top: 40px; background-color: #00d5c3; } .price-v-iconed .price-header.large-icons .icons:before { padding: 15px; font-size: 24px; font-weight: 700; color: #1a1c20; border: 2px solid #3b414f; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .price-v-iconed .price-header h4, .price-v-iconed .price-header h6 { margin-bottom: 0; padding-top: 30px; font-size: 30px; font-weight: 900; text-transform: capitalize; color: #2b313f; } .price-v-iconed .price-header p { margin-bottom: 0; font-size: 12px; font-style: italic; color: #1a1c20; } @media (min-width: 992px) { .price-v-iconed .price-header h6 { font-size: 18px; } } .price-v-iconed .price-body { padding-top: 30px; padding-bottom: 30px; background-color: #3b414f; } .price-v-iconed .price-body .price-value .wrap-value { padding-top: 10px; font-size: 60px; line-height: 1em; color: #dae2e8; } .price-v-iconed .price-body .price-value .wrap-value .currency { font-weight: 400; } .price-v-iconed .price-body .price-value .wrap-value .value { font-weight: 900; } .price-v-iconed .price-body .price-value .wrap-value .value sup { font-size: 40px; } .price-v-iconed .price-body .price-value .wrap-period { font-size: 12px; text-transform: uppercase; color: #7b818f; } .price-v-iconed .price-body .price-services ul { margin: 0; padding: 0 10px; } .price-v-iconed .price-body .price-services ul li { padding: 10px 5px; text-align: left; border-bottom: 1px solid #5b616f; } .price-v-iconed .price-body .price-services ul li .fa { font-size: 18px; } .price-v-iconed .price-body .price-services ul li span { font-size: 12px; font-weight: 500; color: #dae2e8; } .price-v-iconed .price-body .price-services ul li:last-child { border-bottom: 0; } @media (min-width: 1200px) { .price-v-iconed .price-body .price-services ul { padding: 0 20px; } .price-v-iconed .price-body .price-services ul li { padding: 12px 10px; } .price-v-iconed .price-body .price-services ul li .fa { font-size: 22px; margin-right: 10px; } .price-v-iconed .price-body .price-services ul li span { font-size: 14px; } } .price-v-iconed .price-body .price-apply { padding-top: 10px; padding-bottom: 10px; } .price-v-iconed .price-body .price-apply .btn { font-weight: 500; color: #3b414f; border-color: #00d5c3; background-color: #00d5c3; } .price-v-iconed.price-highlight .price-header { background-color: #00c5b3; } .price-v-iconed.price-highlight .price-header.large-icons .icons:before { background-color: #3b414f; color: #00d5c3; } .price-v-iconed.price-highlight .price-body { background-color: #00d5c3; } .price-v-iconed.price-highlight .price-body .price-value .wrap-value { color: #3b414f; } .price-v-iconed.price-highlight .price-body .price-value .wrap-period { color: #3b414f; } .price-v-iconed.price-highlight .price-body .price-services ul li .fa { color: #3b414f; } .price-v-iconed.price-highlight .price-body .price-services ul li span { color: #3b414f; } .price-v-iconed.price-highlight .price-body .price-apply .btn { color: #00d5c3; border-color: #3b414f; background-color: #3b414f; } /* * Pricing Table #3 * */ .price-v-iconed2 { border: 1px solid #5b616f; /* Highlight mode */ } .price-v-iconed2 .price-header { padding-top: 40px; background-color: transparent; } .price-v-iconed2 .price-header.large-icons .icons:before { padding: 15px; font-size: 24px; font-weight: 700; color: #3b414f; background-color: #00d5c3; border: 2px solid #00d5c3; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .price-v-iconed2 .price-header h4, .price-v-iconed2 .price-header h6 { margin-bottom: 0; padding-top: 30px; font-size: 24px; font-weight: 700; text-transform: capitalize; color: #dae2e8; } .price-v-iconed2 .price-header p { margin: 0 20px; font-size: 12px; font-style: italic; color: #dae2e8; border-bottom: 1px solid #5b616f; } @media (min-width: 992px) { .price-v-iconed2 .price-header h6 { font-size: 18px; } } .price-v-iconed2 .price-body { padding-top: 30px; padding-bottom: 30px; background-color: transparent; } .price-v-iconed2 .price-body .price-value .wrap-value { padding-top: 10px; font-size: 60px; line-height: 1em; color: #00d5c3; } .price-v-iconed2 .price-body .price-value .wrap-value .currency { font-weight: 400; } .price-v-iconed2 .price-body .price-value .wrap-value .value { font-weight: 900; } .price-v-iconed2 .price-body .price-value .wrap-value .value sup { font-size: 40px; } .price-v-iconed2 .price-body .price-value .wrap-period { font-size: 12px; text-transform: uppercase; color: #7b818f; } .price-v-iconed2 .price-body .price-services ul { margin: 0; padding: 0 10px; } .price-v-iconed2 .price-body .price-services ul li { padding: 10px 5px; text-align: left; border-bottom: 1px solid #5b616f; } .price-v-iconed2 .price-body .price-services ul li .fa { font-size: 18px; margin-right: 5px; } .price-v-iconed2 .price-body .price-services ul li span { font-size: 12px; font-weight: 500; color: #dae2e8; } .price-v-iconed2 .price-body .price-services ul li:last-child { border-bottom: 0; } @media (min-width: 1200px) { .price-v-iconed2 .price-body .price-services ul { padding: 0 20px; } .price-v-iconed2 .price-body .price-services ul li { padding: 12px 10px; } .price-v-iconed2 .price-body .price-services ul li .fa { font-size: 22px; margin-right: 10px; } .price-v-iconed2 .price-body .price-services ul li span { font-size: 14px; } } .price-v-iconed2 .price-body .price-apply { padding-top: 10px; padding-bottom: 10px; } .price-v-iconed2 .price-body .price-apply .btn { font-weight: 500; color: #3b414f; border-color: #3b414f; background-color: #00d5c3; } .price-v-iconed2.price-highlight { background-color: #00d5c3; } .price-v-iconed2.price-highlight .price-header.large-icons .icons:before { background-color: #3b414f; color: #00d5c3; border-color: #3b414f; } .price-v-iconed2.price-highlight .price-header h4, .price-v-iconed2.price-highlight .price-header h6 { color: #3b414f; } .price-v-iconed2.price-highlight .price-header p { color: #3b414f; border-bottom-color: #00b5a3; } .price-v-iconed2.price-highlight .price-body .price-value .wrap-value { color: #3b414f; } .price-v-iconed2.price-highlight .price-body .price-value .wrap-period { color: #3b414f; } .price-v-iconed2.price-highlight .price-body .price-services ul li { border-bottom-color: #00b5a3; } .price-v-iconed2.price-highlight .price-body .price-services ul li .fa { color: #3b414f; } .price-v-iconed2.price-highlight .price-body .price-services ul li span { color: #3b414f; } /* * Pricing Table #4 * */ .price-h-iconed { text-align: left; border: 1px solid #5b616f; /* Highlight mode */ } .price-h-iconed .price-header { padding-top: 30px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; background-color: #00d5c3; } .price-h-iconed .price-header.large-icons .icons:before { float: left; padding: 15px; font-size: 24px; font-weight: 700; color: #00d5c3; background-color: #1b212f; border: 2px solid #1b212f; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .price-h-iconed .price-header .header-desc { display: inline-block; float: left; padding-left: 10px; } .price-h-iconed .price-header .header-desc h4 { margin-bottom: 0; padding-top: 5px; font-weight: 700; text-transform: capitalize; color: #1b212f; } .price-h-iconed .price-header .header-desc h4 { font-size: 24px; } .price-h-iconed .price-header .header-desc p { font-size: 12px; color: #1b212f; } @media (min-width: 992px) { .price-h-iconed .price-header .header-desc h4, .price-h-iconed .price-header .header-desc h6 { padding-top: 10px; } .price-h-iconed .price-header .header-desc h4 { font-size: 16px; } } @media (min-width: 1200px) { .price-h-iconed .price-header .header-desc h4 { font-size: 24px; } } @media (max-width: 991px) and (min-width: 768px) { .price-h-iconed .price-header .header-desc h4 { font-size: 18px; } } @media (min-width: 992px) { .price-h-iconed .price-header .header-desc { padding-left: 10px; } } .price-h-iconed .price-body { padding-right: 5px; padding-bottom: 30px; padding-left: 5px; background-color: transparent; } .price-h-iconed .price-body .price-value { padding-left: 25px; padding-right: 25px; margin-left: -5px; margin-right: -5px; background-color: #1b212f; } .price-h-iconed .price-body .price-value .wrap-value { display: inline-block; padding-top: 10px; font-size: 48px; line-height: 1em; color: #00d5c3; } .price-h-iconed .price-body .price-value .wrap-value .currency { font-size: 36px; font-weight: 400; } .price-h-iconed .price-body .price-value .wrap-value .value { font-weight: 900; } .price-h-iconed .price-body .price-value .wrap-value .value sup { font-size: 40px; } .price-h-iconed .price-body .price-value .wrap-period { display: inline-block; font-size: 12px; color: #7b818f; } .price-h-iconed .price-body .price-services ul { margin: 0; padding: 0 10px; } .price-h-iconed .price-body .price-services ul li { padding: 10px 5px; text-align: left; border-bottom: 1px solid #5b616f; } .price-h-iconed .price-body .price-services ul li .fa { font-size: 18px; margin-right: 5px; } .price-h-iconed .price-body .price-services ul li span { font-size: 12px; font-weight: 500; color: #dae2e8; } .price-h-iconed .price-body .price-services ul li:last-child { border-bottom: 0; } @media (min-width: 1200px) { .price-h-iconed .price-body .price-services ul { padding: 0 20px; } .price-h-iconed .price-body .price-services ul li { padding: 12px 10px; } .price-h-iconed .price-body .price-services ul li .fa { font-size: 22px; margin-right: 10px; } .price-h-iconed .price-body .price-services ul li span { font-size: 14px; } } .price-h-iconed .price-body .price-apply { padding-top: 10px; padding-bottom: 10px; text-align: center; } .price-h-iconed .price-body .price-apply .btn { font-weight: 500; color: #3b414f; border-color: #00d5c3; background-color: #00d5c3; } .price-h-iconed.price-highlight { background-color: #00d5c3; } .price-h-iconed.price-highlight .price-header.large-icons .icons:before { background-color: #1b212f; color: #00d5c3; border-color: #1b212f; } .price-h-iconed.price-highlight .price-header h4 { color: #1b212f; } .price-h-iconed.price-highlight .price-header p { color: #1b212f; } .price-h-iconed.price-highlight .price-body .price-value { background-color: #20f5e3; } .price-h-iconed.price-highlight .price-body .price-value .wrap-value { color: #1b212f; } .price-h-iconed.price-highlight .price-body .price-value .wrap-period { color: #1b212f; } .price-h-iconed.price-highlight .price-body .price-services ul li .fa { color: #3b414f; } .price-h-iconed.price-highlight .price-body .price-services ul li span { color: #3b414f; } .price-h-iconed.price-highlight .price-body .price-apply .btn { color: #00d5c3; border-color: #3b414f; background-color: #3b414f; } /* * Pricing Table #5 * */ .price-special { border: 1px solid #5b616f; /* Highlight mode */ } .price-special .price-header { margin-top: -90px; background-color: transparent; } .price-special .price-header .price-value { position: relative; width: 180px; height: 180px; margin: 0 auto; background-color: #00d5c3; border: 10px solid #00d5c3; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .price-special .price-header .price-value .circle-wrapper { position: absolute; top: -1px; left: 0; width: 162px; height: 162px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .price-special .price-header .price-value .circle-wrapper .wrap-value { margin-top: 40px; padding-top: 10px; font-size: 36px; font-style: normal; line-height: 1em; color: #2b313f; } .price-special .price-header .price-value .circle-wrapper .wrap-value .currency { font-size: 30px; font-weight: 400; } .price-special .price-header .price-value .circle-wrapper .wrap-value .value { font-weight: 900; } .price-special .price-header .price-value .circle-wrapper .wrap-value .value sup { font-size: 40px; } .price-special .price-header .price-value .circle-wrapper .wrap-period { font-size: 12px; font-style: normal; text-transform: uppercase; color: #2b313f; } .price-special .price-header h4 { margin-bottom: 0; padding-top: 30px; font-size: 24px; font-weight: 700; text-transform: uppercase; color: #00d5c3; } .price-special .price-header p { margin: 0 20px; font-size: 12px; font-style: italic; color: #dae2e8; } @media (min-width: 1200px) { .price-special .price-header h4 { font-size: 30px; } } .price-special .price-body { padding-top: 30px; padding-bottom: 30px; background-color: transparent; } .price-special .price-body .price-services ul { margin: 0; padding: 0 10px; } .price-special .price-body .price-services ul li { padding: 10px 5px; border-bottom: 1px solid #5b616f; } .price-special .price-body .price-services ul li span { font-size: 12px; font-weight: 500; color: #dae2e8; } .price-special .price-body .price-services ul li:last-child { border-bottom: 0; } @media (min-width: 1200px) { .price-special .price-body .price-services ul { padding: 0 20px; } .price-special .price-body .price-services ul li { padding: 12px 10px; } .price-special .price-body .price-services ul li span { font-size: 14px; } } .price-special .price-body .price-apply { padding-top: 10px; padding-bottom: 10px; } .price-special .price-body .price-apply .btn { font-weight: 500; color: #3b414f; border-color: #00d5c3; background-color: #00d5c3; } .price-special.price-highlight { background-color: #00d5c3; } .price-special.price-highlight .price-header .price-value { background-color: transparent; } .price-special.price-highlight .price-header .price-value .circle-wrapper { background-color: #2b313f; } .price-special.price-highlight .price-header .price-value .circle-wrapper .wrap-value { color: #00d5c3; } .price-special.price-highlight .price-header .price-value .circle-wrapper .wrap-period { color: #00d5c3; } .price-special.price-highlight .price-header h4 { color: #2b313f; } .price-special.price-highlight .price-header p { color: #2b313f; } .price-special.price-highlight .price-body .price-services ul li span { color: #2b313f; } .price-special.price-highlight .price-body .price-apply .btn { color: #00d5c3; border-color: #3b414f; background-color: #3b414f; } /* ---------------------------------------------------------------------- * * [ 3.30 Tab ] * * ---------------------------------------------------------------------- */ .tab { margin: 30px 0; } .tab a, .tab a * { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab .nav-tabs { position: relative; margin-bottom: -1px; padding: 0; z-index: 9; } .tab .nav-tabs li { margin-right: 1px; padding: 0; display: block; width: 100%; } .tab .nav-tabs li a { background-color: #242a37; border-radius: 0; border: 1px solid #3b414f; color: #95979b; margin-right: 1px; padding: 10px 10px; } .tab .nav-tabs li a .tab-header-icon { margin-right: 5px; } .tab .nav-tabs li a span { font-weight: 600; } @media screen and (min-width: 1200px) { .tab .nav-tabs li a { padding: 10px 15px; display: inherit; width: auto; } } .tab .nav-tabs li.active a { background-color: #242a37; border-radius: 0; border-bottom-color: #242a37; } .tab .nav-tabs li.active a .tab-header-icon { color: #00d5c3; } .tab .nav-tabs li.active a span { color: white; } @media screen and (min-width: 768px) { .tab .nav-tabs li { display: inherit; width: auto; } } .tab .nav-tabs li + li { margin-left: 0; } @media screen and (min-width: 768px) { .tab .nav-tabs { padding: 0 15px; } } .tab .tab-content { padding: 15px; background-color: #242a37; border: 1px solid #3b414f; } .tab .tab-content .tab-pane .tab-content-image { padding: 15px; } .tab .tab-content .tab-pane .tab-content-text { padding: 10px 15px; } .tab .tab-content .tab-pane .tab-content-text .tab-content-title { font-size: 18px; font-weight: 700; color: #00d5c3; } .tab .nav-tabs > li.active > a, .tab .nav-tabs > li.active > a:focus, .tab .nav-tabs > li.active > a:hover { border-color: transparent; } .tab .nav-tabs { border-bottom-width: 0; } .tab .panel-group .panel-default { border-width: 0; } .tab .panel-group .panel-default .panel-heading { background-color: #242a37; border-radius: 0; border-color: #3b414f; color: #95979b; padding: 0; } .tab .panel-group .panel-default .panel-heading .panel-title .accordion-toggle { padding: 10px 15px; display: block; background-color: #242a37; color: white; } .tab .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed span { color: #7e8084; } .tab .panel-group .panel-default .panel-heading + .panel-collapse > .panel-body { background-color: #242a37; } .tab .panel-group .panel-default .tab-content-title { font-size: 18px; font-weight: 700; color: #00d5c3; } .tab .panel-group .panel-heading + .panel-collapse > .list-group, .tab .panel-group .panel-heading + .panel-collapse > .panel-body { border-width: 0; } .tab.tab-icon-header.tab-icon-header-light .nav-tabs > li > a { background-color: #191f2c; border-width: 0; } .tab.tab-icon-header.tab-icon-header-light .nav-tabs > li.active > a { background-color: #242a37; padding-top: 12px; padding-bottom: 10px; margin-top: -2px; } .tab.tab-icon-header.tab-icon-header-light .tab-content { border-color: #2f3542; } .tab.tab-icon-header.tab-icon-header-light .tab-content .tab-pane .tab-content-text { text-align: right; } .tab.tab-icon-header.tab-icon-header-light .tab-content .tab-pane .tab-content-text .tab-content-title { display: block; } .tab.tab-icon-header.tab-icon-header-light .panel-group .panel-default .panel-heading .panel-title .accordion-toggle { background-color: #242a37; color: white; } .tab.tab-icon-header.tab-icon-header-light .panel-group .panel-default .panel-heading .panel-title .accordion-toggle i { color: #00d5c3; margin-right: 5px; } .tab.tab-icon-header.tab-icon-header-light .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed { background-color: #191f2c; } .tab.tab-icon-header.tab-icon-header-light .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed i, .tab.tab-icon-header.tab-icon-header-light .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed span { color: #7e8084; } .tab.tab-icon-header.tab-icon-header-dark .nav-tabs > li { border-right: 1px solid #2f3542; } .tab.tab-icon-header.tab-icon-header-dark .nav-tabs > li > a { background-color: #191f2c; border-width: 0; color: #dae2e8; } .tab.tab-icon-header.tab-icon-header-dark .nav-tabs > li > a .tab-header-icon { color: #00d5c3; } .tab.tab-icon-header.tab-icon-header-dark .nav-tabs > li.active > a { background-color: #00d5c3; color: #2f3542; } .tab.tab-icon-header.tab-icon-header-dark .nav-tabs > li.active > a .tab-header-icon { color: #2f3542; } .tab.tab-icon-header.tab-icon-header-dark .nav-tabs > li.active > a span { color: #2f3542; } .tab.tab-icon-header.tab-icon-header-dark .tab-content { padding: 30px; border-width: 0; } .tab.tab-icon-header.tab-icon-header-dark .panel-group .panel-default .panel-heading .panel-title .accordion-toggle { background-color: #00d5c3; color: #2f3542; } .tab.tab-icon-header.tab-icon-header-dark .panel-group .panel-default .panel-heading .panel-title .accordion-toggle i { color: #2f3542; margin-right: 5px; } .tab.tab-icon-header.tab-icon-header-dark .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed { background-color: #191f2c; } .tab.tab-icon-header.tab-icon-header-dark .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed i, .tab.tab-icon-header.tab-icon-header-dark .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed span { color: #dae2e8; } .tab.tab-icon-header.tab-icon-header-dark .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed i { margin-right: 5px; } .tab.tab-text-header.tab-text-header-light .nav-tabs > li.active > a { padding-top: 12px; padding-bottom: 10px; margin-top: -2px; } .tab.tab-text-header.tab-text-header-dark .nav-tabs > li > a { background-color: #242a37; border-color: #242a37; } .tab.tab-text-header.tab-text-header-dark .nav-tabs > li.active > a { background-color: #2f3542; border-bottom-color: #2f3542; padding-top: 12px; padding-bottom: 10px; margin-top: -2px; } .tab.tab-text-header.tab-text-header-dark .nav-tabs > li.active > a span { color: #00d5c3; } .tab.tab-text-header.tab-text-header-dark .tab-content { padding: 30px; background-color: #2f3542; border-color: #242a37; } .tab.tab-text-header.tab-text-header-dark .panel-group .panel-default .panel-heading + .panel-collapse > .panel-body { background-color: #2f3542; border: 2px solid #242a37; border-top-color: #2f3542; } .tab.tab-text-header.tab-text-header-dark .panel-group .panel-default .panel-heading .panel-title .accordion-toggle { background-color: #2f3542; color: #00d5c3; border: 2px solid #242a37; } .tab.tab-text-header.tab-text-header-dark .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed { background-color: #242a37; border-bottom-color: #2f3542; } .tab.tab-icon-header-lg .nav-tabs { text-align: center; } .tab.tab-icon-header-lg .nav-tabs li { float: none; display: inline-block; } .tab.tab-icon-header-lg .nav-tabs li a { background-color: #191f2c; } .tab.tab-icon-header-lg .nav-tabs li.active a { background-color: #242a37; } .tab.tab-icon-header-lg .tab-content { padding: 30px; } .tab.tab-icon-header-lg .panel-group .panel-default .panel-heading .panel-title .accordion-toggle { background-color: #242a37; color: white; } .tab.tab-icon-header-lg .panel-group .panel-default .panel-heading .panel-title .accordion-toggle i { color: #00d5c3; margin-right: 5px; } .tab.tab-icon-header-lg .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed { background-color: #191f2c; } .tab.tab-icon-header-lg .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed i, .tab.tab-icon-header-lg .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed span { color: #7e8084; } .tab.tab-vertical-header .nav-tabs { float: left; width: 100%; padding: 0; } .tab.tab-vertical-header .nav-tabs li { float: none; margin: 1px 0; } .tab.tab-vertical-header .nav-tabs li a { background-color: #191f2c; border-color: #191f2c; } .tab.tab-vertical-header .nav-tabs li.active a { background-color: #242a37; border: 1px solid #3b414f; border-right-color: #242a37; } @media screen and (min-width: 768px) { .tab.tab-vertical-header .nav-tabs { width: 25%; padding: 10px 0; } } .tab.tab-vertical-header .tab-content { float: none; width: 100%; } .tab.tab-vertical-header .tab-content .tab-pane { margin-top: 200px; } @media screen and (min-width: 768px) { .tab.tab-vertical-header .tab-content .tab-pane { margin-top: 0; } } .tab.tab-vertical-header .tab-content.active { display: block; } @media screen and (min-width: 768px) { .tab.tab-vertical-header .tab-content { float: left; width: 65%; margin-left: -2px; } } .tab.tab-vertical-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle { background-color: #242a37; color: white; } .tab.tab-vertical-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle i { color: #00d5c3; margin-right: 5px; } .tab.tab-vertical-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed { background-color: #191f2c; } .tab.tab-vertical-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed i, .tab.tab-vertical-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed span { color: #7e8084; } .tab.tab-vertical-header.tab-vertical-text-header .nav-tabs > li > a { padding: 10px 30px; } .tab.tab-vertical-header.tab-vertical-text-header .nav-tabs > li.active > a { border-bottom: 4px solid #00d5c3; } .tab.tab-vertical-header.tab-vertical-text-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle { background-color: #242a37; color: white; border-bottom: 4px solid #00d5c3; } .tab.tab-vertical-header.tab-vertical-text-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle i { color: #00d5c3; } .tab.tab-vertical-header.tab-vertical-text-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed { background-color: #191f2c; border-bottom-width: 0; } .tab.tab-vertical-header.tab-vertical-text-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed i, .tab.tab-vertical-header.tab-vertical-text-header .panel-group .panel-default .panel-heading .panel-title .accordion-toggle.collapsed span { color: #7e8084; } /* ---------------------------------------------------------------------- * * [ 3.31 Table ] * * ---------------------------------------------------------------------- */ .table { border-color: #444a55; } .table.table-head-bold > thead > tr > th { font-weight: 700; } .table.table-head-gray > thead > tr > th { color: #dae2e8; background-color: #3b414f; } .table.table-head-green { border-top-color: #00c5b3; } .table.table-head-green > thead > tr > th { color: #1a1c20; background-color: #00d5c3; border-color: #00c5b3; border-bottom: 1px solid #00c5b3; border-top: 1px solid #00c5b3; } .table.table-head-black > thead > tr > th { color: #00d5c3; background-color: #1a1c20; } .table.table-head-uppercase > thead > tr > th { text-transform: uppercase; } .table.table-striped > tbody > tr:nth-of-type(odd) { background-color: #2f3542; } .table.table-striped > tbody > tr:nth-of-type(even) { background-color: #1f2532; } .table > thead > tr > th { padding-top: 22px; padding-bottom: 22px; font-size: 16px; font-weight: 500; text-align: center; border-bottom: 0; border-color: #444a55; } .table > tbody > tr:nth-of-type(1) { border-top-width: 0; border-bottom-width: 0; } .table > tbody > tr > td { padding-top: 15px; padding-bottom: 15px; font-size: 14px; text-align: center; border-color: #444a55; } /* ---------------------------------------------------------------------- * * [ 3.32 Team Members Boxes ] * * ---------------------------------------------------------------------- */ .team-full-width { padding: 0 15px; } .team-member-no-padding { padding: 0; } .team-member-no-margin { margin: 0; } .team-member { position: relative; margin: 20px 0; } .team-member .member-figure .overlay .member-name { color: white; font-size: 18px; font-weight: 800; } .team-member .member-figure .overlay .member-role { color: white; } .team-member .member-figure .overlay .divider { color: white; margin-top: 20px; margin-bottom: 20px; } .team-member .member-figure .overlay .social-links > a { padding: 0 5px; } .team-member .member-figure .overlay .social-links > a i { color: white; font-size: 18px; } .team-member.team-member-full-col-5 { margin-bottom: 30px; } .team-member.team-member-light-overlay .member-figure { position: relative; } .team-member.team-member-light-overlay .member-figure .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; padding-top: 30%; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -khtml-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; background-color: #00d5c3; } .team-member.team-member-light-overlay .member-figure .overlay .member-name { text-shadow: 1px 1px 1px #2f3542; } .team-member.team-member-light-overlay .member-figure .overlay .member-role { text-shadow: 1px 1px 1px #2f3542; } .team-member.team-member-light-overlay:hover .overlay { -webkit-opacity: 0.9; -moz-opacity: 0.9; -o-opacity: 0.9; -ms-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } .team-member.team-member-light-overlay.team-member-light-overlay-full .member-figure .overlay .member-name { font-size: 14px; margin-bottom: 0; } .team-member.team-member-light-overlay.team-member-light-overlay-full .member-figure .overlay .member-role { font-size: 12px; margin-bottom: 0; } .team-member.team-member-light-overlay.team-member-light-overlay-full .member-figure .overlay .divider { margin-top: 10px; margin-bottom: 10px; } .team-member.team-member-light-overlay.team-member-light-overlay-full .member-figure .overlay .social-links > a > i { font-size: 14px; } @media screen and (min-width: 992px) { .team-member.team-member-light-overlay.team-member-light-overlay-full .member-figure .overlay .member-name { font-size: 18px; } .team-member.team-member-light-overlay.team-member-light-overlay-full .member-figure .overlay .member-role { font-size: 14px; } .team-member.team-member-light-overlay.team-member-light-overlay-full .member-figure .overlay .divider { margin-top: 20px; margin-bottom: 20px; } .team-member.team-member-light-overlay.team-member-light-overlay-full .member-figure .overlay .social-links > a > i { font-size: 16px; } } .team-member.team-member-light-overlay.team-member-light-overlay-sm .member-figure .overlay .member-name { font-size: 18px; font-weight: 500; margin-bottom: 0; } .team-member.team-member-light-overlay.team-member-light-overlay-sm .member-figure .overlay .member-role { font-size: 13px; margin-bottom: 0; } .team-member.team-member-light-overlay.team-member-light-overlay-sm .member-figure .overlay .divider { margin-top: 10px; margin-bottom: 10px; } .team-member.team-member-light-overlay.team-member-light-overlay-sm .member-figure .overlay .social-links > a > i { font-size: 16px; } .team-member.team-member-dark-overlay .overlay { padding: 30px 0; background-color: #232936; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-member.team-member-dark-overlay .overlay .member-role { color: #838589; } .team-member.team-member-dark-overlay .overlay .social-links > a > i { color: #7e8084; } .team-member.team-member-dark-overlay:hover .member-figure .overlay { background-color: #00d5c3; } .team-member.team-member-dark-overlay:hover .member-figure .overlay .member-name, .team-member.team-member-dark-overlay:hover .member-figure .overlay .member-role, .team-member.team-member-dark-overlay:hover .member-figure .overlay .social-links > a > i { color: #2f3542; } .team-member.team-member-dark-overlay:hover .member-figure { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); } .team-member.team-member-dark-overlay.team-member-dark-overlay-sm .member-figure .overlay .member-name { font-size: 18px; font-weight: 500; margin-bottom: 0; } .team-member.team-member-dark-overlay.team-member-dark-overlay-sm .member-figure .overlay .member-role { font-size: 13px; margin-bottom: 0; } .team-member.team-member-dark-overlay.team-member-dark-overlay-sm .member-figure .overlay .divider { margin-top: 10px; margin-bottom: 10px; } .team-member.team-member-dark-overlay.team-member-dark-overlay-sm .member-figure .overlay .social-links > a > i { font-size: 16px; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left { background-color: #232936; margin: 0; padding: 0; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure { position: relative; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .img-responsive { float: left; width: 50%; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay { position: absolute; left: 50%; width: 50%; height: 100%; padding-top: 15%; padding-bottom: 35%; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay .member-name, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay .member-role, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay .divider, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay .social-links { margin-left: 30px; color: white; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay .social-links { clear: both; } @media screen and (max-width: 480px) { .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .img-responsive { float: none; width: 100%; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay { position: inherit; left: 0; width: 100%; padding: 30px 0; text-align: center; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay .member-name, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay .member-role, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay .social-links { margin-left: 0; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left .member-figure .overlay .divider.divider-left { float: none; margin: 10px auto; } } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left:hover { background-color: #00d5c3; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left:hover .member-figure .overlay .member-name, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left:hover .member-figure .overlay .member-role, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left:hover .member-figure .overlay .divider, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left:hover .member-figure .overlay .social-links { color: #2f3542; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-left:hover .member-figure { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right { background-color: #232936; margin: 0; padding: 0; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure { position: relative; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .img-responsive { float: right; width: 50%; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay { position: absolute; right: 50%; width: 50%; height: 100%; padding-top: 15%; padding-bottom: 35%; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay .member-name, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay .member-role, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay .divider, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay .social-links { margin-right: 30px; color: white; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay .social-links { clear: both; } @media screen and (max-width: 480px) { .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .img-responsive { float: none; width: 100%; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay { position: inherit; left: 0; width: 100%; padding: 30px 0; text-align: center; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay .member-name, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay .member-role, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay .social-links { margin-right: 0; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right .member-figure .overlay .divider.divider-right { float: none; margin: 10px auto; } } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right:hover { background-color: #00d5c3; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right:hover .member-figure .overlay .member-name, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right:hover .member-figure .overlay .member-role, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right:hover .member-figure .overlay .divider, .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right:hover .member-figure .overlay .social-links { color: #2f3542; } .team-member.team-member-dark-overlay.team-member-dark-overlay-vertical-right:hover .member-figure { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } .team-carousel .team-member { padding: 15px; } .team-carousel .owl-carousel .owl-nav .owl-next { right: -25px; } .team-carousel .owl-carousel .owl-nav .owl-prev { left: -25px; } /* ---------------------------------------------------------------------- * * [ 3.33 Testimonial ] * * ---------------------------------------------------------------------- */ .double-quote { font-family: "Playfair Display", serif; color: #3b414f; text-align: center; } .double-quote-left-large { font-size: 140px; } .double-quote-left-mid { font-size: 100px; } .double-quote-left-small { font-size: 70px; } .star-ratings-css { position: relative; width: 75px; height: 23px; margin: 0 auto; padding: 0; unicode-bidi: bidi-override; color: #c5c5c5; font-size: 25px; line-height: 14px; white-space: nowrap; text-shadow: 0px 1px 0 #a2a2a2; } .star-ratings-css i { font-size: 14px; letter-spacing: -4px; } .star-ratings-css-top { color: #00d5c3; padding: 0; position: absolute; z-index: 1; display: block; top: 0; left: 0; overflow: hidden; } .star-ratings-css-bottom { padding: 0; display: block; z-index: 0; } .arrow { width: 0; height: 0; } .arrow.arrow-down { border-top: 10px solid #1a1c20; border-right: 10px solid transparent; border-left: 10px solid transparent; } .arrow.arrow-position-left { margin-left: 15%; } .arrow.arrow-position-right { margin-left: 82%; } .arrow.arrow-position-center { margin-left: 49%; } .slick-arrow { position: absolute; top: 50%; font-size: 40px; z-index: 10; cursor: pointer; } .slick-arrow.slick-arrow-left { left: 0; } .slick-arrow.slick-arrow-right { right: 0; } .slick-initialized .slick-slide { transition: transform 0.3s; } .testimonial.testimonial-1 .content-wrap { width: 70%; margin: 80px auto 40px auto; } .testimonial.testimonial-1 .portrait-wrapper { width: 100px; margin: 0 auto; padding-top: 30px; padding-bottom: 24px; } .testimonial.testimonial-1 .portrait-wrapper .portrait { border: 4px solid #00d5c3; border-radius: 100%; } .testimonial.testimonial-1 .description { margin-top: 14px; text-align: center; } .testimonial.testimonial-1 .description p { font-size: 16px; } .testimonial.testimonial-1 .portrait-owner-name { text-align: center; } .testimonial.testimonial-1 .portrait-owner-role { text-align: center; } .testimonial.testimonial-1 .portrait-owner-role p { font-size: 12px; } .testimonial.testimonial-2 .slick-center { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -khtml-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .testimonial.testimonial-2 .content-wrap { width: 84%; margin: 80px auto 40px auto; } .testimonial.testimonial-2 .portrait-wrapper { width: 70px; margin: 0 auto; padding-top: 30px; padding-bottom: 24px; } .testimonial.testimonial-2 .portrait-wrapper .portrait { width: 100%; border: 4px solid #00d5c3; border-radius: 100%; } .testimonial.testimonial-2 .description { margin-top: 14px; text-align: center; } .testimonial.testimonial-2 .description p { font-size: 12px; } .testimonial.testimonial-2 .portrait-owner-name { text-align: center; } .testimonial.testimonial-2 .portrait-owner-name h6 { font-size: 14px; } .testimonial.testimonial-2 .portrait-owner-role { text-align: center; } .testimonial.testimonial-2 .portrait-owner-role p { font-size: 11px; } .testimonial.testimonial-3 .content-wrap { width: 100%; margin: 80px auto 40px auto; } .testimonial.testimonial-3 .portrait-wrapper { width: 100px; margin: 0 auto; padding-top: 30px; padding-bottom: 24px; } .testimonial.testimonial-3 .portrait-wrapper .portrait { width: 100%; border: 4px solid #00d5c3; border-radius: 100%; } .testimonial.testimonial-3 .description { margin-top: 14px; text-align: center; } .testimonial.testimonial-3 .description p { font-size: 14px; } .testimonial.testimonial-3 .portrait-owner-name { text-align: center; } .testimonial.testimonial-3 .portrait-owner-role { text-align: center; } .testimonial.testimonial-3 .portrait-owner-role p { font-size: 12px; } .testimonial.testimonial-4 .content-wrap { width: 100%; margin: 40px auto; } .testimonial.testimonial-4 .portrait-wrapper { width: 80px; margin: 0 auto; margin-bottom: -40px; } .testimonial.testimonial-4 .portrait-wrapper .portrait { width: 100%; border: 4px solid #00d5c3; border-radius: 100%; } .testimonial.testimonial-4 .content-body { padding-top: 60px; padding-bottom: 20px; background-color: #00d5c3; border-radius: 5px; color: #1a1c20; } .testimonial.testimonial-4 .content-body .description { width: 80%; margin: -15px auto 0 auto; text-align: center; } .testimonial.testimonial-4 .content-body .description p { font-size: 14px; } .testimonial.testimonial-4 .content-body .portrait-owner-name { margin-bottom: 20px; text-align: center; } .testimonial.testimonial-4 .content-body .portrait-owner-name h6 { font-size: 14px; color: #1a1c20; } .testimonial.testimonial-4 .content-body .star-ratings-css-top { color: #1a1c20; } .testimonial.testimonial-5 .content-wrap { width: 100%; margin: 40px auto 0 auto; } .testimonial.testimonial-5 .portrait-wrapper { width: 60px; margin-top: 20px; margin-left: calc(15% - 20px); } .testimonial.testimonial-5 .portrait-wrapper .portrait { width: 100%; border-radius: 100%; } .testimonial.testimonial-5 .portrait-owner-info { margin-top: 30px; margin-left: 20px; } .testimonial.testimonial-5 .portrait-owner-name h6 { font-size: 14px; } .testimonial.testimonial-5 .portrait-owner-role p { font-size: 12px; } .testimonial.testimonial-5 .star-ratings-css { margin: 0; } .testimonial.testimonial-5 .content-body { padding: 20px 0 10px 30px; background-color: #1a1c20; border: 1px solid #1a1c20; border-radius: 5px; color: #1a1c20; } .testimonial.testimonial-5 .content-body .description { width: 90%; margin-top: 6px; color: #dae2e8; } .testimonial.testimonial-5 .content-body .description p { font-size: 14px; } .testimonial.testimonial-6 .content-wrap { width: 100%; margin: 40px auto 0 auto; } .testimonial.testimonial-6 .portrait-wrapper { width: 60px; margin-top: 20px; margin-right: calc(15% - 20px); } .testimonial.testimonial-6 .portrait-wrapper .portrait { width: 100%; border-radius: 100%; } .testimonial.testimonial-6 .portrait-owner-info { margin-top: 30px; margin-right: 20px; text-align: right; } .testimonial.testimonial-6 .portrait-owner-name h6 { font-size: 14px; } .testimonial.testimonial-6 .portrait-owner-role p { font-size: 12px; } .testimonial.testimonial-6 .star-ratings-css { margin: 0; } .testimonial.testimonial-6 .star-ratings-css-top { color: #1a1c20; } .testimonial.testimonial-6 .content-body { padding: 20px 0 10px 30px; background-color: #00d5c3; border: 1px solid #00d5c3; border-radius: 5px; color: #1a1c20; } .testimonial.testimonial-6 .content-body .description { width: 90%; margin-top: 6px; } .testimonial.testimonial-6 .content-body .description p { font-size: 14px; } .testimonial.testimonial-6 .arrow-down { border-top-color: #00d5c3; } .testimonial.testimonial-7 .content-wrap { width: 100%; margin: 40px auto 0 auto; } .testimonial.testimonial-7 .portrait-wrapper { width: 60px; margin: 0 auto; margin-top: 20px; } .testimonial.testimonial-7 .portrait-wrapper .portrait { width: 100%; border-radius: 100%; } .testimonial.testimonial-7 .portrait-owner-info { margin: 0 auto; margin-top: 20px; text-align: center; } .testimonial.testimonial-7 .portrait-owner-name h6 { font-size: 14px; } .testimonial.testimonial-7 .portrait-owner-role p { font-size: 12px; } .testimonial.testimonial-7 .star-ratings-css { margin: 0; } .testimonial.testimonial-7 .content-body { padding: 20px 0 10px 30px; background-color: #1a1c20; border: 1px solid #1a1c20; border-radius: 5px; color: #1a1c20; } .testimonial.testimonial-7 .content-body .description { width: 90%; margin-top: 6px; color: #dae2e8; } .testimonial.testimonial-7 .content-body .description p { font-size: 14px; } .testimonial.testimonial-8 .content-wrap { width: 90%; margin: 30px auto 24px auto; } .testimonial.testimonial-8 .portrait-wrapper { width: 70px; margin: 0 auto; padding-top: 20px; padding-bottom: 24px; } .testimonial.testimonial-8 .portrait-wrapper .portrait { border: 4px solid #00d5c3; border-radius: 100%; } .testimonial.testimonial-8 .description { margin-top: 14px; text-align: center; } .testimonial.testimonial-8 .description p { font-size: 14px; } .testimonial.testimonial-8 .portrait-owner-name { text-align: center; } .testimonial.testimonial-8 .portrait-owner-role { text-align: center; } .testimonial.testimonial-8 .portrait-owner-role p { font-size: 12px; } .testimonial.testimonial-8 .owl-nav .owl-prev, .testimonial.testimonial-8 .owl-nav .owl-next { top: -26px; width: 20px; height: 32px; font-size: 40px; } .testimonial.testimonial-8 .owl-nav .owl-prev { left: auto; right: 15px; margin-right: 16px; } .testimonial.testimonial-9 { margin-top: 50px; } @media screen and (min-width: 768px) { .testimonial.testimonial-9 { margin-top: 0; } } .testimonial.testimonial-9 .content-wrap { width: 100%; margin: 0 auto; } .testimonial.testimonial-9 .portrait-wrapper { width: 60px; margin-top: 20px; margin-right: calc(15% - 20px); } .testimonial.testimonial-9 .portrait-wrapper .portrait { width: 100%; border-radius: 100%; } .testimonial.testimonial-9 .portrait-owner-info { margin-top: 30px; margin-right: 20px; text-align: right; } .testimonial.testimonial-9 .portrait-owner-role p { font-size: 12px; } .testimonial.testimonial-9 .star-ratings-css { margin: 0; } .testimonial.testimonial-9 .star-ratings-css-top { color: #1a1c20; } .testimonial.testimonial-9 .content-body { padding: 30px 0 40px 30px; background-color: #00d5c3; border: 1px solid #00d5c3; border-radius: 5px; color: #1a1c20; } .testimonial.testimonial-9 .content-body .description { width: 90%; margin-top: 6px; } .testimonial.testimonial-9 .content-body .description p { font-size: 14px; } .testimonial.testimonial-9 .arrow-down { border-top-color: #00d5c3; } .testimonial.testimonial-9 .owl-nav .owl-prev, .testimonial.testimonial-9 .owl-nav .owl-next { top: -26px; width: 20px; height: 32px; font-size: 40px; } .testimonial.testimonial-9 .owl-nav .owl-prev { left: auto; right: 15px; margin-right: 16px; } /* ---------------------------------------------------------------------- * * [ 3.34 Typography ] * * ---------------------------------------------------------------------- */ .text-impact-normal { font-size: 22px; font-weight: 600; line-height: 1.5; } .text-impact-large { font-size: 30px; font-weight: 800; line-height: 1.5; } blockquote { position: relative; padding-top: 10px; padding-bottom: 10px; padding-right: 5px; border-left-color: #00d5c3; border-left-width: 3px; } blockquote.blockquote-qmark { border-left: none; } blockquote.blockquote-qmark h4 { position: relative; z-index: 9; } blockquote.blockquote-qmark:before { position: absolute; left: 0px; top: 50px; z-index: 1; font-family: "Playfair Display", serif; font-size: 230px; color: #3b414f; content: "\201D"; /*Unicode for Left Double Quote*/ } blockquote.blockquote-qmark.quote-green:before { top: 30px; color: #00d5c3; font-size: 100px; } blockquote .quote { margin-bottom: 0; padding-left: 30px; font-family: "Playfair Display", sans-serif; font-weight: 400; font-style: italic; line-height: 1.8; color: #dae2e8; } .blockquote-aside { width: 100%; } .blockquote-aside blockquote { border-color: #dae2e8; } .blockquote-aside blockquote.blockquote-green { border-color: #00d5c3; } .blockquote-aside blockquote.blockquote-green h4 { color: #00d5c3; } .blockquote-aside blockquote h4 { font-family: "Playfair Display", sans-serif; font-size: 18px; font-weight: 700; line-height: 1.5; font-style: italic; } @media (min-width: 992px) { .blockquote-aside { width: 30%; } .blockquote-aside.blockquote-right { float: right; } .blockquote-aside.blockquote-left { float: left; } .blockquote-aside blockquote { margin-bottom: 0; border-left: none; } .blockquote-aside blockquote.blockquote-green h4 { color: #00d5c3; } .blockquote-aside blockquote h4 { font-size: 18px; line-height: 1.5; } } /* ---------------------------------------------------------------------- * * [ 3.35 Title Boxes ] * * ---------------------------------------------------------------------- */ .pagetitle { padding: 30px 0; font-size: 30px; /* padding of page title section */ /* add top space in title section if over menu */ /* common */ /* font color */ /* page title icon size */ /* title font shadow effect */ /* page title size */ /* pate title 404 */ /* page sub title font size */ /* breadcrumbs */ /* page title section background color */ /* background cover */ /* custom font color */ /* special font family */ /* user info */ /* blog page title property */ /* arrow buttons */ /* dividers */ /* custom style-sheet for page titles */ } @media (min-width: 768px) { .pagetitle { padding: 40px 0; } } @media (min-width: 992px) { .pagetitle { padding: 50px 0; } } @media (min-width: 1200px) { .pagetitle { padding: 60px 0; } } .pagetitle.pagetitle-gap-large { padding: 40px 0; } @media (min-width: 768px) { .pagetitle.pagetitle-gap-large { padding: 50px 0; } } @media (min-width: 992px) { .pagetitle.pagetitle-gap-large { padding: 60px 0; } } @media (min-width: 1200px) { .pagetitle.pagetitle-gap-large { padding: 70px 0; } } .pagetitle.pagetitle-gap-extra { padding: 60px 0; } @media (min-width: 768px) { .pagetitle.pagetitle-gap-extra { padding: 70px 0; } } @media (min-width: 992px) { .pagetitle.pagetitle-gap-extra { padding: 80px 0; } } @media (min-width: 1200px) { .pagetitle.pagetitle-gap-extra { padding: 90px 0; } } .pagetitle.pagetitle-gap-huge { padding: 60px 0; } @media (min-width: 768px) { .pagetitle.pagetitle-gap-huge { padding: 80px 0; } } @media (min-width: 992px) { .pagetitle.pagetitle-gap-huge { padding: 100px 0; } } @media (min-width: 1200px) { .pagetitle.pagetitle-gap-huge { padding: 120px 0; } } .pagetitle.pagetitle-gap-small { padding: 30px 0; } @media (min-width: 768px) { .pagetitle.pagetitle-gap-small { padding: 35px 0; } } @media (min-width: 992px) { .pagetitle.pagetitle-gap-small { padding: 40px 0; } } @media (min-width: 1200px) { .pagetitle.pagetitle-gap-small { padding: 45px 0; } } .pagetitle.pagetitle-overmenu-gap { padding-top: 120px; } @media (min-width: 768px) { .pagetitle.pagetitle-overmenu-gap { padding-top: 130px; } } @media (min-width: 992px) { .pagetitle.pagetitle-overmenu-gap { padding-top: 140px; } } @media (min-width: 1200px) { .pagetitle.pagetitle-overmenu-gap { padding-top: 150px; } } .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-large { padding-top: 130px; } @media (min-width: 768px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-large { padding-top: 140px; } } @media (min-width: 992px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-large { padding-top: 150px; } } @media (min-width: 1200px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-large { padding-top: 160px; } } .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-extra { padding-top: 150px; } @media (min-width: 768px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-extra { padding-top: 160px; } } @media (min-width: 992px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-extra { padding-top: 170px; } } @media (min-width: 1200px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-extra { padding-top: 180px; } } .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-huge { padding-top: 150px; } @media (min-width: 768px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-huge { padding-top: 170px; } } @media (min-width: 992px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-huge { padding-top: 190px; } } @media (min-width: 1200px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-huge { padding-top: 210px; } } .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-small { padding-top: 120px; } @media (min-width: 768px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-small { padding-top: 125px; } } @media (min-width: 992px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-small { padding-top: 130px; } } @media (min-width: 1200px) { .pagetitle.pagetitle-overmenu-gap.pagetitle-gap-small { padding-top: 135px; } } .pagetitle a, .pagetitle a * { display: inline-block; } .pagetitle h1, .pagetitle h2 { max-width: 750px; margin-left: auto; margin-right: auto; } .pagetitle * { color: #2f3542; } .pagetitle.pagetitle-color-white * { color: #dae2e8; } .pagetitle.pagetitle-color-black * { color: #2f3542; } .pagetitle.pagetitle-color-green * { color: #00d5c3; } .pagetitle .pagetitle-icon { margin-bottom: 25px; font-size: 60px; } .pagetitle .pagetitle-icon.pagetitle-icon-small { font-size: 21px; } .pagetitle.pagetitle-shadow-white * { text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); } .pagetitle .pagetitle-large { font-size: 42px; } .pagetitle .pagetitle-404 { display: inline-block; font-size: 110px; } .pagetitle .pagetitle-404 span, .pagetitle .pagetitle-404 i { float: left; } .pagetitle .pagetitle-404 span { line-height: 90px; } .pagetitle .pagesubtitle { margin: 0 auto; max-width: 630px; line-height: 2.4; font-size: 16px; } .pagetitle .pagesubtitle.pagesubtitle-large { font-size: 18px; } .pagetitle .pagesubtitle.pagesubtitle-base { font-size: 16px; } .pagetitle .pagesubtitle.pagesubtitle-small { font-size: 14px; } .pagetitle .pagesubtitle.pagesubtitle-tiny { font-size: 12px; } .pagetitle .pagesubtitle i { margin-right: 5px; } .pagetitle .breadcrumbs { font-size: 12px; display: inline-block; } .pagetitle .breadcrumbs ul { margin: 0; padding: 0; } .pagetitle .breadcrumbs ul:after { content: ""; display: block; clear: both; } .pagetitle .breadcrumbs ul li { float: left; padding: 0 3px; } .pagetitle .breadcrumbs.breadcrumbs-small { font-size: 11px; } .pagetitle.pagetitle-bg-green { background-color: #00d5c3; } .pagetitle.pagetitle-bg-green .breadcrumbs a:hover, .pagetitle.pagetitle-bg-green .breadcrumbs a:hover * { color: #dae2e8; } .pagetitle.pagetitle-bg-black { background-color: #232936; } .pagetitle.pagetitle-bg-black .breadcrumbs a:hover, .pagetitle.pagetitle-bg-black .breadcrumbs a:hover * { color: #dae2e8; } .pagetitle[class*="pagetitle-bg-cover-"] { background-position: top center; background-repeat: no-repeat; } .pagetitle[class*="pagetitle-bg-cover-"].jarallax:before { content: none; } .pagetitle[class*="pagetitle-bg-cover-"] [id^="jarallax-container-"] { opacity: 0.9; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-black { position: relative; background-color: #1a1c20; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-black:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-black > * { position: inherit; z-index: 2; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-black .pagetitle-icon i { color: #00d5c3; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-black .breadcrumbs a:hover, .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-black .breadcrumbs a:hover * { color: #00d5c3; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-black .divider { border-color: #e3e5e8; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-white { position: relative; background-color: #dae2e8; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-white:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(225, 225, 225, 0.6); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-white > * { position: inherit; z-index: 2; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-white .pagetitle-icon { color: #1a1c20; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-green { position: relative; background-color: #00d5c3; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-green:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 213, 195, 0.9); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .pagetitle[class*="pagetitle-bg-cover-"].pagetitle-bg-cover-green > * { position: inherit; z-index: 2; } .pagetitle .fontcolor-green, .pagetitle .fontcolor-green * { color: #00d5c3; } .pagetitle .fontfamily-playfair { font-family: "Playfair Display", sans-serif; } .pagetitle .pagetitle-user { margin-top: 30px; display: inline-block; } .pagetitle .pagetitle-user img { margin-bottom: 10px; width: 65px; height: 65px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; border: 4px solid #1a1c20; } .pagetitle .pagetitle-user.pagetitle-user-outline img { width: 70px; height: 70px; padding: 5px; border: 2px solid #c1c1c1; } .pagetitle .pagetitle-user * { margin: 0 auto; display: block; } .pagetitle .pagetitle-user *.pagetitle-user-name { font-size: 14px; } .pagetitle .pagetitle-user *.pagetitle-user-date { font-family: "Playfair Display", sans-serif; font-style: italic; font-size: 12px; } .pagetitle .pagesubtitle-prop { font-size: 14px; } .pagetitle .pagesubtitle-prop > * { margin: 0 30px 0 0; } .pagetitle .pagesubtitle-prop > *:last-child { margin: 0; } .pagetitle .linkbtn-group a { margin: 6px; width: 50px; height: 50px; line-height: 43px; display: inline-block; text-align: center; font-size: 24px; background-color: transparent; border: 3px solid rgba(255, 255, 255, 0.5); } .pagetitle .linkbtn-group a:hover { background-color: rgba(255, 255, 255, 0.3); } .pagetitle .linkbtn-group a i { color: white; } .pagetitle .linkbtn-group.linkbtn-cover-green a { border-color: #00d5c3; background-color: #00d5c3; } .pagetitle .linkbtn-group.linkbtn-cover-green a:hover { background-color: transparent; } .pagetitle .linkbtn-group.linkbtn-cover-green a:hover i { color: #00d5c3; } .pagetitle .linkbtn-group.linkbtn-fullpos { position: absolute; top: 50%; left: 0; width: 100%; } .pagetitle .linkbtn-group.linkbtn-fullpos a { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); transform: translate(0, -50%); } .pagetitle .linkbtn-group.linkbtn-fullpos a.prev-blog { left: 0; } .pagetitle .linkbtn-group.linkbtn-fullpos a.next-blog { right: 0; } .pagetitle .divider { -webkit-opacity: 0.3; -moz-opacity: 0.3; -o-opacity: 0.3; -ms-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } .pagetitle.pagetitle-1 h2, .pagetitle.pagetitle-23 h2 { margin-bottom: 0; } .pagetitle.pagetitle-1 .breadcrumbs, .pagetitle.pagetitle-23 .breadcrumbs { margin-top: 3px; } .pagetitle.pagetitle-2 h2 { margin-bottom: 5px; } .pagetitle.pagetitle-2 .breadcrumbs { margin-top: 10px; } @media (min-width: 992px) { .pagetitle.pagetitle-2 .breadcrumbs { margin-top: 20px; } } .pagetitle.pagetitle-5 .pagesubtitle, .pagetitle.pagetitle-8 .pagesubtitle, .pagetitle.pagetitle-10 .pagesubtitle, .pagetitle.pagetitle-13 .pagesubtitle, .pagetitle.pagetitle-15 .pagesubtitle { margin-bottom: 30px; } .pagetitle.pagetitle-16 .divider, .pagetitle.pagetitle-17 .divider { margin: 15px 0; } .pagetitle.pagetitle-16 .breadcrumbs, .pagetitle.pagetitle-17 .breadcrumbs { margin-top: 20px; } @media (min-width: 768px) { .pagetitle.pagetitle-16 .breadcrumbs, .pagetitle.pagetitle-17 .breadcrumbs { margin-top: 0; } } .pagetitle.pagetitle-20 h2 { margin-top: 5px; max-width: 720px; } /* ---------------------------------------------------------------------- * * [ 3.36 Video Boxes ] * * ---------------------------------------------------------------------- */ .video { position: relative; height: auto; padding-bottom: 56.25%; } .video iframe { position: absolute; width: 100%; height: 100% !important; left: 0; } .video-section .content-wrap { margin-top: 26px; } @media screen and (min-width: 992px) { .video-section .content-wrap { margin-top: 0; } } .video-section .lightbox-video-bg-overlay { position: relative; height: 0; padding-top: 0; padding-bottom: 56.25%; } .video-section .lightbox-video-bg-overlay:before { opacity: 0; } .video-section .lightbox-video-bg-overlay .lightbox-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-section.video-section-1 .lightbox-video-bg-overlay, .video-section.video-section-2 .lightbox-video-bg-overlay, .video-section.video-section-3 .lightbox-video-bg-overlay { background-image: url("https://i.ytimg.com/vi/AekT-0mkqsQ/maxresdefault.jpg"); } .video-section.video-section-4 .lightbox-video-bg-overlay, .video-section.video-section-5 .lightbox-video-bg-overlay, .video-section.video-section-6 .lightbox-video-bg-overlay { background-image: url("https://i.vimeocdn.com/video/625452192.jpg"); } .mejs__time-buffering, .mejs__time-current, .mejs__time-hovered, .mejs__volume-current, .mejs__volume-handle { background-color: #00d5c3; } /* ---------------------------------------------------------------------- * * [ 3.40 Widgets (Side Bar) ] * * ---------------------------------------------------------------------- */ /* Searchbox widget */ .mini-search-widget .search-form { position: relative; } .mini-search-widget .search-form .search-query { display: inline-block; height: 42px; color: white; background-color: transparent; border-color: #4f5562; border-right: 0; box-shadow: none; } .mini-search-widget .search-form .btn-search { padding-left: 10px; padding-right: 10px; border-top-color: #4f5562; border-right-color: #4f5562; border-bottom-color: #4f5562; } .mini-search-widget .search-form .btn-search.btn:hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -khtml-transform: translate(0, 0); transform: translate(0, 0); } .mini-search-widget .search-form .btn-search.btn:hover .fa { color: white; } /* Profile widget */ .profile-widget { margin: 0; padding-bottom: 30px; width: 100%; background-color: #1f2532; } .profile-widget:hover { background-color: #0f1522; cursor: pointer; } .profile-widget .profile-background { height: 140px; } .profile-widget .portrait-wrapper { position: relative; margin-top: -50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; width: 95px; height: 95px; background-color: #00d5c3; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .profile-widget .portrait-wrapper:hover { transform: scale(1.05); transition: .5s; } .profile-widget .portrait-wrapper .portrait { margin-top: 5px; margin-left: 5px; width: 85px; height: 85px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .profile-widget .profile-name { font-size: 18px; font-weight: 900; text-align: center; } .profile-widget .profile-position { font-size: 12px; font-style: italic; font-weight: 400; text-align: center; } .profile-widget .profile-status { padding-top: 15px; padding-right: 15px; padding-left: 15px; } .profile-widget .profile-status .status-item { width: calc((100% - 60px) / 3); margin: 0 10px; float: left; text-align: center; } .profile-widget .profile-status .status-item .icons { font-size: 18px; color: #00d5c3; } .profile-widget .profile-status .status-item .status-number { font-size: 22px; font-weight: 900; } .profile-widget .profile-status .status-item .status-number a { color: #dae2e8; } .profile-widget .profile-status .status-item .status-suffix { font-size: 12px; font-weight: 500; } .profile-widget .profile-link a { font-weight: 700; } .profile-widget .profile-link a .icons { margin-left: -10px; margin-right: 10px; } /* Category widget */ .category-widget { /* Demo content for mega-menu */ } .category-widget .cate-item { padding-top: 10px; padding-bottom: 5px; } .category-widget .cate-item:first-child { padding-top: 0; } .category-widget .cate-item a { color: #dae2e8; } .category-widget .cate-item a:hover { color: #00d5c3; } .category-widget .cate-item a sup { padding-left: 3px; } .category-widget .cate-item .icons { padding-left: 10px; padding-right: 10px; } /* Mini galleries */ .mini-carousel .caption { margin-top: 10px; font-size: 12px; color: white; } /* #1 mini gallery */ .owl-mini-nav-1 .owl-nav { top: auto; bottom: 20px; right: 0; width: 100%; } .owl-mini-nav-1 .owl-nav .owl-prev, .owl-mini-nav-1 .owl-nav .owl-next { position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; font-size: 20px; } .owl-mini-nav-1 .owl-nav .owl-prev { margin-right: 15px; } /* #2 mini gallery */ .owl-mini-nav-2 .owl-nav { top: calc(40% - 20px); width: 100%; } .owl-mini-nav-2 .owl-nav .owl-prev, .owl-mini-nav-2 .owl-nav .owl-next { position: absolute; width: 32px; height: 32px; font-size: 20px; border: 2px solid #818181; } .owl-mini-nav-2 .owl-nav .owl-prev .fa, .owl-mini-nav-2 .owl-nav .owl-next .fa { margin-left: 10px; } .owl-mini-nav-2 .owl-nav .owl-prev { left: 10px; } .owl-mini-nav-2 .owl-nav .owl-next { right: 10px; } .owl-mini-nav-2 p { text-align: center; } /* #3 mini gallery */ .owl-mini-nav-3 .owl-nav { position: absolute; top: auto; bottom: 15px; width: 100%; } .owl-mini-nav-3 .owl-nav .owl-prev, .owl-mini-nav-3 .owl-nav .owl-next { position: absolute; top: auto; bottom: 0; width: 32px; height: 32px; font-size: 20px; } .owl-mini-nav-3 .owl-nav .owl-prev .fa, .owl-mini-nav-3 .owl-nav .owl-next .fa { margin-left: 10px; } .owl-mini-nav-3 .owl-nav .owl-prev { left: 10px; } .owl-mini-nav-3 .owl-nav .owl-next { right: 10px; } .owl-mini-nav-3 p.caption { margin-top: 0; padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: #0f1522; } /* Video widget */ .video-widget .video-comment { padding: 10px 15px; background-color: #00d5c3; } .video-widget .video-comment:hover { background-color: #00c5b3; cursor: pointer; } .video-widget .video-comment em { font-family: "Playfair Display", sans-serif; font-size: 12px; color: #2f3542; } .video-widget .video-comment h6 { font-size: 16px; font-weight: 900; color: #2f3542; } /* recent post widget */ .recent-posts-widget { margin-bottom: 15px; } .recent-posts-widget .post-wrapper { padding-top: 15px; padding-bottom: 15px; } .recent-posts-widget .post-wrapper .post-picture { margin-right: 20px; width: 60px; float: left; overflow: hidden; } .recent-posts-widget .post-wrapper .post-picture img:hover { cursor: pointer; transform: scale(1.2); transition: .6s; } .recent-posts-widget .post-wrapper .post-content { width: calc(100% - 80px); float: right; } .recent-posts-widget .post-wrapper .post-content a { color: #dae2e8; } .recent-posts-widget .post-wrapper .post-content a:hover { color: #00d5c3 !important; } .recent-posts-widget .post-wrapper .post-content .post-title { color: white; font-size: 14px; font-weight: 700; color: #dae2e8; } .recent-posts-widget .post-wrapper .post-content .post-date { padding-top: 5px; padding-bottom: 5px; font-size: 12px; font-weight: 500; color: #dae2e8; } .recent-posts-widget .post-wrapper .post-content .post-date .icons { padding-left: 5px; padding-right: 5px; } .recent-posts-widget .post-wrapper .post-content .post-desc { font-size: 12px; font-weight: 400; color: #dae2e8; } /* Tag cloud widget */ .tag-cloud-widget .tag { margin-top: 2px; margin-bottom: 2px; padding: 7px 10px; border-color: transparent; } .tag-cloud-widget .tag:hover, .tag-cloud-widget .tag.active { background-color: #00d5c3 !important; border-color: #00d5c3; display: inline-block; } .tag-cloud-widget .tag.focus { border-color: transparent; background-color: transparent; } /* Featured post widget */ .featured-post-widget .featured-post .post-image { overflow: hidden; } .featured-post-widget .featured-post .post-image img { transition: .6s; } .featured-post-widget .featured-post .post-image:hover img { transform: scale(1.2); } .featured-post-widget .featured-post .post-content { padding: 30px 20px; background-color: #0f1522; } .featured-post-widget .featured-post .post-content .post-info { padding-top: 10px; padding-bottom: 10px; } .featured-post-widget .featured-post .post-content .post-info span .icons { padding-left: 10px; padding-right: 5px; color: #bac2c8; } .featured-post-widget .featured-post .post-content .post-info span:first-child .icons { padding-left: 0; } .featured-post-widget .featured-post .post-content .post-info * { color: #cad2d8; font-size: 12px; } .featured-post-widget .featured-post .post-content .post-short-desc { margin-bottom: 0; font-size: 12px; } /* Comment widget */ .comment-wrapper { padding-top: 15px; padding-bottom: 15px; } .comment-wrapper .user-picture { margin-right: 10px; width: 50px; float: left; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .comment-wrapper .user-picture img { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .comment-wrapper .user-picture img:hover { cursor: pointer; transform: scale(1.2); transition: .6s; } .comment-wrapper .comment-content { width: calc(100% - 60px); float: right; } .comment-wrapper .comment-content .user-name a { text-transform: capitalize; font-size: 14px; font-weight: 700; color: white; } .comment-wrapper .comment-content .comment-date { padding-top: 5px; padding-bottom: 5px; } .comment-wrapper .comment-content .comment-date span { font-size: 12px; color: #cad2d8; } .comment-wrapper .comment-content .comment-date span .icons { padding-right: 10px; } .comment-wrapper .comment-content .comment-text { color: white; font-size: 12px; } /* Calendar widget */ .sa-calendar .controls { padding-top: 15px; padding-bottom: 15px; background-color: #0f1522; text-align: center; } .sa-calendar .controls h6 { display: inline; font-size: 14px; } .sa-calendar .controls .btn { padding: 3px; cursor: pointer; } .sa-calendar .controls .btn.push-left { float: left; } .sa-calendar .controls .btn.push-left .fa { margin-left: 10px; margin-right: 5px; } .sa-calendar .controls .btn.push-right { float: right; } .sa-calendar .controls .btn.push-right .fa { margin-left: 5px; margin-right: 10px; } .sa-calendar .controls .btn:hover { color: #20f5e3; } .sa-calendar .day-headers, .sa-calendar .days { font-size: 0; } .sa-calendar .day-headers { background-color: #4f5562; } .sa-calendar .day { display: inline-block; position: relative; font-size: 14px; width: 14.285714285714286%; text-align: center; } .sa-calendar .day a { display: block; padding-bottom: 5px; font-size: 14px; font-weight: 700; color: white; border-top: 1px solid #4f5562; border-left: 1px solid #4f5562; cursor: pointer; } .sa-calendar .day a:hover { background-color: #00d5c3; text-decoration: none; } .sa-calendar .day.header { padding-top: 7px; padding-bottom: 7px; font-size: 11px; font-weight: 700; color: #c5c8c8; } .sa-calendar .day.active a { background-color: #1d86c8; color: #ffffff; } .sa-calendar .day.active a:hover { background-color: #36a0e2; } .sa-calendar .day.active .not-current { background-color: #8fcaef; color: #ffffff; } .sa-calendar .day.active .not-current:hover { background-color: #bcdff5; } .sa-calendar .day.active .not-current a { color: #ddd; } .sa-calendar .day:nth-child(35n+1) a, .sa-calendar .day:nth-child(35n+2) a, .sa-calendar .day:nth-child(35n+3) a, .sa-calendar .day:nth-child(35n+4) a, .sa-calendar .day:nth-child(35n+5) a, .sa-calendar .day:nth-child(35n+6) a, .sa-calendar .day:nth-child(35n+7) a { border-bottom: 1px solid #4f5562; } .sa-calendar .day:nth-child(7n) a { border-right: 1px solid #4f5562; } .sa-calendar .day:nth-child(1) a, .sa-calendar .day:nth-child(2) a, .sa-calendar .day:nth-child(3) a, .sa-calendar .day:nth-child(4) a, .sa-calendar .day:nth-child(5) a, .sa-calendar .day:nth-child(6) a, .sa-calendar .day:nth-child(7) a { border-bottom: 0; } .sa-calendar .day.not-current a { color: #4f5562; } .sa-calendar .day.active a { color: #2f3542; background-color: #00d5c3; } /* Ad widget */ .ad-title { font-size: 11px; color: #a1a1a1; text-transform: uppercase; } /* underlined list */ .underline-list > div { border-bottom: 1px solid #4f5562; } .underline-list > div:last-child { border-bottom-color: transparent; }