/* Theme Name: Maxhost Version: 7.1 Theme URI: https://fluentthemes.com Description: Maxhost - Web Hosting and Corporate WP Theme Author: Fluent-Themes Author URI: https://themeforest.net/user/fluent-themes */ /* * Webfonts */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/ty9dfvLAziwdqQ2dHoyjphTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/gwVJDERN2Amz39wrSoZ7FxTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/aZMswpodYeVhtRvuABJWvBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/VvXUGKZXbHtX_S_VCTLpGhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/s7gftie1JANC-QmDJvMWZhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/3Y_xCyt7TNunMGg0Et2pnhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/WeQRRE07FDkIrr29oHQgHBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/jyIYROCkJM3gZ4KV00YXOBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/phsu-QZXz1JBv0PbFoPmEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/9_7S_tWeGDh5Pq3u05RVkhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/1DbO0RvWEevroPvEzA5briEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/5z9jpDJQqVE5bmkRqplJfiEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/cueeGLWq_s1uoQgOf76TFiEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/yTs8gw1HdasCzJ-B_iUwzSEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/gLfmBATgABwy0zMVv-qqhiEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/dzxs_VxZUhdM2mEBkNa8siEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v15/12mE4jfMSBTmg-81EiS-Yfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* * Backgrounds */ /* Preloader */ .preloader_status { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } /* Logo */ .navbar-brand.logo { background: url(../images/logo.png) no-repeat left 21px; } /* Logo Black */ .navbar-brand.logo.blacklogo { background: url(../images/logo-black.png) no-repeat left 21px; } /* Logo White */ .navbar-brand.logo.logo-white { background: url(../images/logo-white.png) no-repeat left 21px; } header.header.bg-texture { background: url(../images/bg-texture-3.jpg) repeat center top; } .bg-shape { background:url(../images/parallax-bg1.jpg) no-repeat center top fixed; } .bg-shape::before { background:url(../images/shape.png) no-repeat right top; } .background-image-holder { background:url(../images/site-img20.jpg) repeat scroll 50% 0 rgba(0, 0, 0, 0); } .domain-search { background:#49a32b url(../images/clouds-white.png) repeat-x center bottom; } .domain-search.shape-white { background:#49a32b url(../images/shape-white.png) no-repeat center bottom; } .title1 .line { background:url(../images/title-line.png) no-repeat center bottom; } .title-line-shape{ background:url(../images/title-line.png) no-repeat center bottom; } .domain-page-header { background:url(../images/parallax-bg8.jpg) no-repeat scroll center top; } .page-header { background:url(../images/site-img41.jpg) no-repeat scroll center top; } .page-header.one { background:url(../images/site-img42.jpg) no-repeat scroll center top; } .page-header.two { background:url(../images/site-img43.jpg) no-repeat scroll center top; } .page-header.three { background:url(../images/site-img44.jpg) no-repeat scroll center top; } .page-header.four { background:url(../images/site-img45.jpg) no-repeat scroll center top; } .page-header.five { background:url(../images/site-img46.jpg) no-repeat scroll center top; } .page-header.six { background:url(../images/site-img47.jpg) no-repeat scroll center top; } .col-fea-box-image { background:url(../images/site-img89.jpg) no-repeat center bottom; } .bg-parallax { background:url(../images/parallax-bg.jpg) no-repeat center bottom fixed; } .bg-parallax-1 { background:url(../images/parallax-bg1.jpg) no-repeat center top fixed; } .bg-parallax-2 { background:url(../images/parallax-bg2.jpg) no-repeat center top fixed; } .bg-parallax-3 { background:url(../images/parallax-bg3.jpg) no-repeat center top fixed; } .bg-parallax-4 { background:url(../images/parallax-bg4.jpg) no-repeat center top fixed; } .bg-parallax-5 { background:url(../images/parallax-bg5.jpg) no-repeat center top fixed; } .bg-parallax-6 { background:url(../images/parallax-bg6.jpg) no-repeat center top fixed; } .bg-parallax-7 { background:url(../images/parallax-bg7.jpg) no-repeat center top fixed; } .bg-parallax-8 { background:url(../images/parallax-bg8.jpg) no-repeat center top fixed; } .bg-parallax-9 { background:url(../images/parallax-bg9.jpg) no-repeat center top fixed; } .bg-parallax-10 { background:url(../images/parallax-bg10.jpg) no-repeat center top; } .bg-parallax-11 { background:url(../images/parallax-bg11.jpg) no-repeat center top fixed; } .bg-parallax-12 { background:url(../images/parallax-bg12.jpg) no-repeat center top fixed; } .bg-parallax-13 { background:url(../images/parallax-bg13.jpg) no-repeat center top fixed; } .bg-parallax-14 { background:url(../images/parallax-bg14.jpg) no-repeat center top fixed; } .bg-parallax-15 { background:url(../images/parallax-bg8.jpg) no-repeat center top fixed; } .bg-parallax-16 { background:url(../images/parallax-bg16.jpg) no-repeat center top fixed; } .parallax-shape { background:url(../images/shape.png) repeat right top; } .bg-texture-1 { background:url(../images/bg-texture-1.png) repeat left top; } .shape-top { background:url(../images/shape-white-top.png) no-repeat center top; } .shape-bottom { background:url(../images/shape-white.png) no-repeat center top; } .shape-cross-top { background:url(../images/shape-cross-top.png) no-repeat center top; } .shape-cross-bottom { background:url(../images/shape-cross-bottom.png) no-repeat center bottom; } .service-title { background:#49a32b url(../images/clouds-white-small.png) no-repeat left bottom; } .price-box-sea { background:#02b3a2 url(../images/site-img27.png) no-repeat right bottom; } .price-box-orange { background:#f35c54 url(../images/site-img27.png) no-repeat right bottom; } .price-box-green { background:#9bc666 url(../images/site-img27.png) no-repeat right bottom; } .img-hover-st-2 .text:hover { background: url(../images/site-img5.png) left top repeat; } .img-hover-st-3 .text:hover { background: url(../images/site-img5.png) left top repeat; } .img-hover-st-4 .text { background: url(../images/site-img5.png) left top repeat; } .img-hover-st-5 .text { background: url(../images/site-img5.png) left top repeat; } .img-hover-st-6 .text { background: url(../images/site-img5.png) left top repeat; } .ad-col { background: url(../images/site-img2.jpg) no-repeat center top; } .ad-col.one { background: url(../images/site-img35.jpg) no-repeat center top; } .ad-col.two { background: url(../images/site-img36.jpg) no-repeat center top; } .countdown-header { background:url(../images/parallax-bg.jpg) no-repeat scroll center top; } .footer-bg { background:#1d1d1d url(../images/shape-white-top.png) no-repeat center top; } .footer-bg.home2 { background:#1d1d1d url(../images/shape-cross-top.png) no-repeat center top; } .footer-bg.home3 { background:#232c3b url(../images/clouds-black.jpg) no-repeat center top; } .footer-bg.texture1 { background:url(../images/bg-texture-2.png) repeat left top; } ul.address-info.map { background:url(../images/map.png) no-repeat center bottom; } .scrollup { background: #49a32b url(../images/scroll-top-arrow.png) no-repeat 15px 14px; } /* * Style.css */ /*---------------------------------------------------- SITE MAIN STRUCTURE ------------------------------------------------------*/ body { font-family: 'Roboto', sans-serif; color:#777575; font-size: 15px; } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin:0; } .container, .container-fluid { padding-left:0; padding-right:0; } .site-wrapper { background:#FFF; margin:auto; width:100%; overflow:hidden; } /*--------------------------------------------------- PAGE LOADER ------------------------------------------------------*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 99999; height: 100%; width: 100%; overflow: hidden !important; } .preloader_status { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; } /*--------------------------------------------------- HEADER ------------------------------------------------------*/ .logo_holder { float: left; width: 100%; height: 64px; } .header-top { background:#2c2c2c; padding:10px 0; font-size: 13px; } .header-top, .header-top a { color:#a9a9a9; } .header-top a:hover { color:#fff; } .header-top span { color:#a9a9a9; padding:0 10px; } .header-top .c-lang { border:0; background-color:transparent; color:#FFF; font-weight:bold; font-size:13px; padding:0; } .header-top ul.c-lang-box { border-radius: 0; margin-top: 9px; min-width: 125px; z-index:9999; } .header-top ul.c-lang-box img { margin-right:5px; } .header-top.black-bg { background:#000000; } .header-top.black-bg, .header-top.black-bg a { color:#9b9b9b; } .header-top.black-bg a:hover { color:#fff; } .header-top.black-bg span { color:#9c9c9c; } .header-top.black-bg .c-lang { color:#9b9b9b; } .header-top.black-bg-light { background:#26272b; } .header-top.black-bg-light, .header-top.black-bg-light a { color:#959595; } .header-top.black-bg-light a:hover { color:#fff; } .header-top.black-bg-light a.login-btn { background:#565656; padding:10px 20px 11px 20px; color:#FFF; } .header-top.black-bg-light a.login-btn:hover { background:#959595; } .header-top.black-bg-light a.register-btn { background:#49a32b; padding:10px 20px 11px 20px; color:#FFF; } .header-top.black-bg-light a.register-btn:hover { background:#959595; } .header-top.bg-transparent { background-color:transparent !important; position:absolute; z-index:9999; width:100%; height:100px; overflow:hidden; } .header-top.bg-transparent span { color:#FFF; } .header-top.bg-transparent a:hover { color:#02b3a2; } .header-top.gery-bg { background:#f8f8f8; border-bottom:solid 1px #e3e3e3; } .header-top.gery-bg, .header-top.gery-bg a, .header-top.gery-bg .c-lang { color:#9b9b9b; } .header-top.gery-bg span { color:#cccccc; } .header-top-home3{ color:#FFF; } .header-top-home3 span, .header-top-home3 a { color:#fff; } .header-top-home3 small{ color:#FFF; font-weight:bold; font-size:13px; } /*--------------------------------------------------- SECTIONS ------------------------------------------------------*/ .section-lg { width:100%; float:left; } .section-lg.gery-bg { background:#dbdbdb; padding:60px 0 100px 0; } .section-lg.gery-bg.one { background:#d8dce0; padding:60px 0 60px 0; } .section-lg.black-bg { background:#151515; } .section-lg.black-bg-light { background:#424648; } .sec-auto-margin { margin:auto; float:none; } .color-bg { background-color:#54c72c; padding:60px 0 40px 0; } .color-bg.one { padding:15px 20px; } .line-height { line-height:35px; } .sec-col-left { background:#e5e5e5; padding:80px 50px 50px 50px; } .sec-col-left.black-dard { background:#151515; } .sec-col-left.sea { background:#02b3a2; } h2.bg-color span { padding:8px 25px 8px 20px; width:auto; background:#2cc76a; } .bg-color-plain{ background:#49A32B; } .sec-col-right { background:#f5f5f5; padding:80px 50px 50px 50px; } .sec-col-right.black-light { background:#424648; } .sec-col-right.orange { background:#f35c54; } .two-color-boxes { background: #f5f5f5; float: left; padding: 85px 0 20px 0; position: relative; width: 100%; z-index: 9; } .two-color-boxes::before { background: #e0e0e0; bottom: 0; content: ""; left: 0; position: absolute; right: 50%; top: 0; z-index: -1; } .two-color-boxes-dark { background: #424648; float: left; padding: 85px 0 20px 0; position: relative; width: 100%; z-index: 9; } .two-color-boxes-dark::before { background: #151515; bottom: 0; content: ""; left: 0; position: absolute; right: 50%; top: 0; z-index: -1; } .two-color-boxes-multi { background: #f35c54; float: left; padding: 85px 0 50px 0; position: relative; width: 100%; z-index: 9; } .two-color-boxes-multi::before { background: #282828; bottom: 0; content: ""; left: 0; position: absolute; right: 50%; top: 0; z-index: -1; } .bg-shape { background-size:cover; float: left; padding:70px 0 50px 0; position: relative; width: 100%; z-index: 9; } .bg-shape::before { bottom: 0; content: ""; left: 0; position: absolute; right:44%; top: 0; z-index: -1; } /* features section side image */ .side-image { float: left; width: 100%; padding:0; position: relative; margin-top:0px; } .side-image .background-image-holder { top:0; } .side-image .col-scon-info { padding:80px 8% 70px 0px; text-align:left; overflow:hidden; } .side-image { background:#f2f2f2; } .col-simg { width:35%; } .col-scon-info { margin-left:40%; } .side-image .image-container { height: 100%; overflow: hidden; padding: 0; position: absolute; top: 0; } .background-image-holder { background-position: 50% 50% !important; background-size: cover !important; height: 100%; left: 0; position: absolute; top:95px; width: 100%; z-index: 0; } /*------ domain-search ------*/ .domain-search { padding:60px 0 150px 0; } .domain-search.shape-white { padding:70px 0 70px 0; } .input-text { color:#7a7a7a; font-size:14px; height:60px; min-width:445px; padding-left:15px; margin-right:-5px; } .input-text.dsearch-sty1 { color:#7a7a7a; font-size:14px; height:60px; min-width:850px; padding-left:15px; margin-right:-5px; } .input-text.dsearch-home2 { min-width:475px; } .input-text.one { color:#7a7a7a; font-size:14px; height:60px; min-width:345px; padding-left:15px; margin-right:-5px; } .input-text.newsfield { color:#7a7a7a; font-size:14px; height:50px; min-width:440px; padding-left:15px; margin-right:0; } select.selectpicker { color:#7a7a7a; font-size:14px; height:60px; line-height:56px; min-width:130px; margin-left:0px; padding-left:15px } select.selectpicker.sty1 { color:#7a7a7a; font-size:14px; height:60px; line-height:56px; min-width:165px; margin-left:0px; padding-left:15px } .domain-search.white-bg { background:#fff; padding-bottom:0; } .domain-search.bg-border { padding-bottom:20px; background:#f8f8f8; border-bottom:solid 1px #e3e3e3; } .input-text.wide-input { color:#929292; font-size:14px; height:60px; min-width:84.400%; padding-left:15px; margin-right:0; border:solid 1px #bebebe; border-top-width:3px; } .domin-list span.space-pad { padding:0 17px; } /* search domain */ .dom-list { display: inline-block; float: left; position: relative; margin-right:40px } .dom-but { background: #fff none repeat scroll 0 0; border-radius: 0px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0); color: #656565; display: inline-block; float: left; margin-right:8px; overflow: hidden; padding:8px 20px; position: relative; text-align: center; transition: all 0.2s ease-out 0s; z-index: 1; } .dom-but::before { background: #fff none repeat scroll 0 0; border-radius: 50%; content: ""; height: 20px; left: 50%; opacity: 0; position: absolute; top: 50%; transform: scale(0); transition: all 0.2s ease-out 0s; width: 20px; z-index: -1; } .dom-but span { display: block; font-size: 14px; font-weight: 700; transition: all 0.2s ease-out 0s; z-index: 1; } .dom-but p { color: #656565; display: block; font-size: 14px; font-weight: 300; transition: all 0.2s ease-out 0s; z-index: 1; margin-bottom:0; } .dom-but:hover { background: #fff none repeat scroll 0 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); color: #3c3c3c; } .dom-but:hover::before { opacity: 1; transform: scale(6); } .view-links a { color:#49a32b; } .view-links a:hover { color:#fff; } /*------ list items ------*/ ul.listitems { padding-left:0; } ul.listitems li { margin-bottom:10px; } ul.listitems li a { color:#fff; } ul.listitems li a:hover { color:#a4a4a4; } ul.listitems.half { overflow:hidden; } ul.listitems.half li { width:50%; float:left; } .display-inline { display:inline; } /*--------------------------------------------------- Page titles ------------------------------------------------------*/ .title1 h2 { font-weight: normal; position: relative; margin:0 0 60px 0; } .title1 h2 em { color: #989898; display: block; font-style: normal; font-weight: normal; line-height: 20px; margin: 50px auto 0; text-transform: none; width: 80%; font-size:15px; } .title1 .line { display: block; height:13px; margin: 0 auto; position: relative; top:50px; width:70px; } .title1 h2.one { font-weight: normal; position: relative; margin:0 0 35px 0; } .title-line-shape{ height:20px; } .sec-title h2::before { background: #49a32b none repeat scroll 0 0; content: ""; height: 100%; letter-spacing: 1px; position: absolute; right: -16px; top: 4px; width: 4px; } /* page sub headers */ .domain-page-header { background-size:cover; float: left; margin: 0; padding:75px 0 40px 0; width: 100%; } .page-header { background-size:cover; float: left; margin: 0; padding:45px 0 35px 0; width: 100%; } .breadcrumbs { color: #fff; font-size: 14px; font-weight: normal; margin: 23px 0 0; text-align: right !important; } .breadcrumbs i { padding:0 5px; } /*--------------------------------------------------- Icons ------------------------------------------------------*/ .iconbox { height:80px; width:80px; line-height:92px; z-index: 5; vertical-align: middle; text-align: center; transition: all 0.3s ease-out 0s; margin:auto; color:#49a32b; font-weight:normal; } .iconbox-left { height:80px; width:80px; line-height:92px; z-index: 5; vertical-align: middle; text-align: left; transition: all 0.3s ease-out 0s; font-weight:normal; float:left; } .fea-col:hover .iconbox, .iconbox:hover, .iconbox.active { border-radius:100%; background:#49a32b; color:#fff; } .iconbox.circle { border-radius:100%; } .icon-boxed { height:58px; width:58px; line-height:68px; z-index: 5; vertical-align: middle; text-align: center; transition: all 0.3s ease-out 0s; margin:auto; color:#fff; font-weight:normal; background:#000000; border-radius:8%; float:left; } .fea-sce-col:hover .icon-boxed, .fea-sce-col.active .icon-boxed { color:#fff; background:#49a32b; } .fea-col-box { background:#e5e5e5; padding:20px 20px 15px 20px; transition: all 0.3s ease-out 0s; } .fea-col-box:hover, .fea-col-box.active { background:#49a32b; color:#FFF; } .fea-col-box:hover h2 { color:#FFF; } .icon-boxed.wide100 { width:100px; height:100px; line-height:110px; vertical-align: middle; text-align: center; border-radius:0; transition: all 0.3s ease-out 0s; } .fea-sce-col:hover .icon-boxed.wide100 { background:#151515; } .icon-boxed.wide100.gray-color-box { background:#e5e5e5; color:#949494; } .fea-sce-col:hover .icon-boxed.wide100.gray-color-box { background:#000; color:#fff; } .icon-boxed.wide100.box-blue { background:#7ecefd; } .icon-boxed.wide100.box-orange { background:#f2675d; } .icon-boxed.wide100.box-sea { background:#13baa8; } .icon-boxed.wide100.box-green { background:#78be20; } .icon-boxed.wide100.box-yellow { background:#ebc631; } .icon-boxed.wide100.box-l-green { background:#9bc666; } .icon-boxed.wide90 { width:90px; height:90px; line-height:105px; vertical-align: middle; text-align: center; transition: all 0.3s ease-out 0s; background:#eaeaea; color:#49a32b; border-radius:0; } .icon-boxed.wide80 { width:80px; height:80px; line-height:95px; vertical-align: middle; text-align: center; transition: all 0.3s ease-out 0s; background:#ffffff; color:#949494; } .fea-col-box:hover .wide80 { color:#49a32b; } .box-round { border-radius:100% !important; } .col-fea-box { margin:0; padding:60px 30px 40px 30px; background: rgba(73, 163, 43, .8); overflow:hidden; } .col-fea-box::before { border: 1px solid rgba(255, 255, 255, 1); bottom: 5px; content: ""; display: block; left: 5px; position: absolute; right: 5px; top: 5px; } .col-fea-box-white { margin:0; padding:60px 30px 38px 30px; background: rgba(255, 255, 255, .95); overflow:hidden; } .col-fea-box-white::before { border: 1px solid rgba(73, 163, 43, 1); bottom: 5px; content: ""; display: block; left: 5px; position: absolute; right: 5px; top: 5px; } .col-fea-box-image { margin:0; padding:80px 30px 102px 30px; background-size:cover; overflow:hidden; } .col-fea-box-image::before { border: 1px solid rgba(255, 255, 255, 1); bottom: 5px; content: ""; display: block; left: 5px; position: absolute; right: 5px; top: 5px; } .new-domin-list li { border-radius:3px; background:#49a32b; margin-bottom:12px; color:#FFF; font-weight:bold; overflow:hidden; } .new-domin-list li span { padding:0 15px; line-height:35px; } .new-domin-list li a { padding:8px 20px; background:#3c3c3c; color:#FFF; } .new-domin-list li a:hover { background:#000; } /*--------------------------------------------------- Parallax and Textures ------------------------------------------------------*/ .bg-parallax { background-size:cover; width:100%; float:left; padding:65px 0 40px 0; } .bg-parallax-1 { background-size:cover; width:100%; float:left; } .bg-parallax-2 { background-size:cover; width:100%; padding:70px 0 70px 0; float:left; } .bg-parallax-2.one { padding:60px 0 30px 0; } .bg-parallax-3 { background-size:cover; width:100%; padding:80px 0 80px 0; float:left; } .bg-parallax-4 { background-size:cover; width:100%; padding:80px 0 30px 0; float:left; } .bg-parallax-5 { background-size:cover; width:100%; padding:60px 0 100px 0; float:left; } .bg-parallax-6 { background-size:cover; width:100%; padding:70px 0 80px 0; float:left; } .bg-parallax-7 { background-size:cover; width:100%; padding:70px 0 100px 0; float:left; } .bg-parallax-8 { background-size:cover; width:100%; padding:80px 0 70px 0; float:left; } .bg-parallax-9 { background-size:cover; width:100%; padding:80px 0 80px 0; float:left; } .bg-parallax-10 { background-size:cover; width:100%; padding:0; float:left; } .bg-parallax-11 { background-size:cover; width:100%; padding:80px 0 40px 0; float:left; } .bg-parallax-12 { background-size:cover; width:100%; padding:80px 0 100px 0; float:left; } .bg-parallax-13 { background-size:cover; width:100%; padding:0px; float:left; } .bg-parallax-14 { background-size:cover; width:100%; padding:0px; float:left; } .bg-parallax-15 { background-size:cover; width:100%; padding:0px; float:left; } .bg-parallax-16 { background-size:cover; width:100%; padding:80px 0 40px 0; float:left; } .parallax-shape { padding:70px 0 50px 0; } .bg-texture-1 { padding:70px 0 50px 0; } .shape-top { width:100%; height:38px; } .shape-bottom { width:100%; height:38px; } .shape-cross-top { width:100%; height:104px; } .shape-cross-bottom { width:100%; height:140px; } /*------------------*/ /*pricing boxes styles */ /*------------------------------------------------------*/ .pricing-box { background:#ffffff; } .service-title { padding:25px 20px 40px 20px; } .price { padding:10px 0px 10px 20px; } .price span { vertical-align:middle; } .price small { top:-25px; vertical-align:sub } .price-info.black-bg { background: #000 none repeat scroll 0 0; border-radius: 100%; color: #fff; font-size: 18px; height: 120px; margin-left: 50px; padding-top: 40px; position: absolute; text-align: center; width: 120px; z-index: 999; box-shadow:none; } .price-info.black-bg.style1 { right:50px; top:20%; } .price-info-circle { background: #267ae9 none repeat scroll 0 0; border-radius: 100%; color: #fff; font-size: 18px; font-style: italic; height: 110px; padding-top: 30px; position: absolute; text-align: center; width: 110px; z-index: 999; right:60px; } .price img.badge-tag { float:right; margin-top:30px; } ul.plan-list { padding:0px 20px 20px 20px !important; } ul.plan-list.one { padding:20px 20px 10px 20px!important; } ul.plan-list li { margin-bottom:10px; } .plan-list i { color:#c5c5c5; float:right; } .price-info { background: #fff none repeat scroll 0 0; border-radius: 100%; color: #979898; font-size: 15px; height: 100px; padding-top: 20px; position:relative; text-align: center; line-height:20px; width: 100px; z-index: 999; box-shadow: 3px 3px 3px #a6a6a6; } .pricing-box.style-1 { background:#ffffff; padding:25px 0; box-shadow: 0 3px 4.7px 0.3px rgba(0, 0, 0, 0.24); position: relative; transition: box-shadow 0.2s ease-in-out 0s; transition: all 0.3s ease-out 0s !important; } .pricing-box.style-1.active, .pricing-box.style-1:hover { background: #fff none repeat scroll 0 0; border: 0 solid #e3e2e2; box-shadow: 0 20px 30.4px 2.6px rgba(0, 0, 0, 0.24); transition: box-shadow 0.2s ease-in-out 0s; transform: scale(1.1, 1.1); z-index:99; } .pricing-box.style-1 div.price { background:#49a32b; padding:5px 0; margin:15px 0; transition: all 0.3s ease-out 0s; } .pricing-box.style-1:hover div.price, .pricing-box.style-1.active div.price { background:#000000; } .fea-lists { line-height:38px; padding-left:0; } .pricing-box-grey { background:#5b5b5b; } .service-title-color { background:#7ecefd; padding:15px 20px; } .price-black-bg { background:#313131; padding:15px 20px; } .price-black-bg span.subtest { position:absolute; line-height:50px; } .order-now { text-align:center; padding:20px; background:#313131; } .order-now:hover a { color:#FFF; } /*domin plans*/ .domin-plan { border:solid 1px #dedede; padding:40px 10px 10px 10px; box-shadow:4px 4px 0px #d1d0d0; } .domain-list { padding:12px 10px; border-bottom:solid 1px #dedede; } .domain-list a { color:#fff; padding:5px 10px; background:#000; } .domain-list a:hover { color:#fff; background:#878787; } /*price boxes multi colors*/ .pricing-box-home2 { background:#FFF; } .pricing-box-home2 h2 { background:#49a32b; padding:23px 0; } .pricing-box-home2 .price { padding:30px 0 10px 0; line-height:25px; } .pricing-box-home2 .price small { vertical-align:inherit; padding-right:5px; } .pricing-box-home2 ul.fea-lists li { border-top:solid 1px #e0e0e0; padding-top:6px; margin:5px 0 5px 0; } .pricing-box-home2 ul.fea-lists li:last-child { border-bottom:solid 0px #e0e0e0; } .pricing-box-home2 .order { background:#49a32b; padding:20px 0; transition: all 0.3s ease-out 0s; } .pricing-box-home2 .order:hover { background:#000; } .pricing-box-home2 .order a { color:#FFF; } .pricing-box-home2 .order:hover a { color:#fff; } .pricing-box-home5 { background:#FFF; transition: all 0.3s ease-out 0s; } .pricing-box-home5 h2 { background:#49a32b; padding:15px 0; transition: all 0.3s ease-out 0s; } .pricing-box-home5:hover h2, .pricing-box-home5.active h2 { background:#000; } .pricing-box-home5 .price { background:#000; padding:20px 0 15px 0; line-height:50px; transition: all 0.3s ease-out 0s; } .pricing-box-home5:hover .price, .pricing-box-home5.active .price { background:#49a32b; } .pricing-box-home5 .price span { background:#797878; padding:5px 10px; font-size:12px; } .pricing-box-home5 ul.fea-lists{ margin-bottom:0; } .pricing-box-home5 ul.fea-lists li { border-bottom:solid 1px #e0e0e0; padding-bottom:10px; margin:10px 0 0px 0; } .pricing-box-home5 .order-now{ padding:30px 0; background:#000; color:#FFF; } .pricing-box-home5:hover .order-now, .pricing-box-home5.active .order-now{ background:#49a32b; } .pricing-box-green ul.fea-lists li:last-child { border-bottom:solid 0px #e0e0e0; } .pricing-box-blue .order { background:#589da8; padding:30px 0; transition: all 0.3s ease-out 0s; } .pricing-box-blue .order:hover { background:#418b97; } .pricing-box-blue .order a { color:#FFF; } .pricing-box-blue .order:hover a { color:#000; } .pricing-box-orange { background:#fff; } .pricing-box-orange h2 { background:#de6724; padding:15px 0; } .pricing-box-orange .price { background:#f8955d; padding:20px 0 15px 0; line-height:50px; } .pricing-box-orange .price span { background:#de6724; padding:5px 10px; font-size:12px; } .pricing-box-orange ul.fea-lists li { border-bottom:solid 1px #e0e0e0; padding-bottom:10px; margin:10px 0 5px 0; } .pricing-box-orange ul.fea-lists li:last-child { border-bottom:solid 0px #e0e0e0; } .pricing-box-orange .order { background:#de6724; padding:30px 0; transition: all 0.3s ease-out 0s; } .pricing-box-orange .order:hover { background:#c45110; } .pricing-box-orange .order a { color:#FFF; } .pricing-box-orange .order:hover a { color:#000; } .pricing-box-yellow { background:#fff; } .pricing-box-yellow h2 { background:#f5bb3d; padding:15px 0; } .pricing-box-yellow .price { background:#fed680; padding:20px 0 15px 0; line-height:50px; } .pricing-box-yellow .price span { background:#f5bb3d; padding:5px 10px; font-size:12px; } .pricing-box-yellow ul.fea-lists li { border-bottom:solid 1px #e0e0e0; padding-bottom:10px; margin:10px 0 5px 0; } .pricing-box-yellow ul.fea-lists li:last-child { border-bottom:solid 0px #e0e0e0; } .pricing-box-yellow .order { background:#f5bb3d; padding:30px 0; transition: all 0.3s ease-out 0s; } .pricing-box-yellow .order:hover { background:#e4a826; } .pricing-box-yellow .order a { color:#FFF; } .pricing-box-yellow .order:hover a { color:#000; } .price-box-sea { padding:35px 25px; border-bottom:solid 3px #000; } .price-box-orange { padding:35px 25px; border-bottom:solid 3px #000; } .price-box-green { padding:35px 25px; border-bottom:solid 3px #000; } .order-link a { color:#000; } .order-link a:hover { color:#fff; } /*collaps */ .panel-group.collaps { width:100%; } .collaps-style-1 .panel-default > .panel-heading { background-color:#000000; border:0; border-radius:0; color:#FFF; padding:16px 15px; } .collaps-style-1 .panel-default > .panel-heading a:hover, .collaps-style-1 .panel-default > .panel-heading a:focus{ color:#d3d2d2; } .collaps-style-2 .panel-default > .panel-heading { background-color:#267ae9; border:0; border-radius:0; color:#FFF; padding:16px 15px; } .collaps-style-2 .panel-default > .panel-heading a:hover, .collaps-style-2 .panel-default > .panel-heading a:focus{ color:#e4e4e4; } /*team */ .team-col { float: left; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; } .team-col.imgbox { float: left; margin: 0; padding: 0; width: 100%; } .team-thumb .imgbox img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .team-thumb:hover .imgbox img { -webkit-transform: scale(1.5); transform: scale(1.5); } .team-col .team-overlay { margin: 0; padding: 0; position: absolute; top: 345px; transition: top 0.3s ease-in-out 0s; width: 100%; z-index: 100; text-align:center; } .team-thumb:hover .team-col .team-overlay, .team-thumb.active .team-col .team-overlay { position: absolute; top: 216px; background:#49a32b; padding:13px 0; } .team-thumb .team-col .team-overlay a { color:#fff; padding:0 10px; } .team-thumb .team-col .team-overlay a:hover { color:#000; } .team-thumb .team-dis { border-bottom:solid 1px #e6e6e6; padding:20px; width:100%; float:left; transition: top 0.3s ease-in-out 0s; } .team-thumb:hover .team-dis, .team-thumb.active .team-dis { border-bottom:solid 1px #dcdcdc; background:#f6f6f6; } .team-col.one .team-overlay { margin: 0; padding: 0; position: absolute; top: 370px; transition: top 0.3s ease-in-out 0s; width: 100%; z-index: 100; text-align:center; } .team-thumb.one:hover .team-col .team-overlay, .team-thumb.one.active .team-col .team-overlay { top: 313px; } /*image hovers */ .col-img-hover { position: relative; width: 100%; padding: 10px; margin: 0px; float: left; border: 1px solid #e1e1e1; } .img-hover-st-1 { position: relative; width: 100%; height: 233px; padding: 0px; margin: 0px; float: left; overflow: hidden; } .img-hover-st-1 .text { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 233px; left: 0px; top: 0px; z-index: 10; background-color: #1cbac8; transition: left .3s ease-in-out; } .img-hover-st-1 .text.red { background-color: #e71a1a; } .img-hover-st-11 .text.green { background-color: #3fc35f; } .img-hover-st-1 .text.violet { background-color: #8a5ed9; } .img-hover-st-1 .imgbox { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 235px; left: 0px; top: 0px; z-index: 100; transition: top .3s ease-in-out; } .imgbox img { width:100%; } .img-hover-st-1 .text .title { color: #fff; margin: 15px 0 0 19px; } .img-hover-st-1 .text p { color: #fff; font-weight: normal; margin: 5px 15px 0 19px; } .img-hover-st-1 .text a { color: #FFF; margin: 15px 15px 0 19px; } .img-hover-st-1 .text a:hover { color: #161616; } .img-hover-st-1:hover .imgbox { position: absolute; top: 250px; transition: top .3s ease-in-out; } /*style 2*/ .img-hover-st-2 { opacity: 1; width: 100%; height: 235px; margin: 0px; position: relative; left: 0px; top: 0px; margin: 0px; overflow: hidden; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .img-hover-st-2 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 235px; } .img-hover-st-2 .text { position: absolute; background: #000; width: 100%; height: 235px; text-align: center; color: #fff; top: 0; left: 0; opacity: 0; -webkit-transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -ms-transition: opacity .50s ease-in-out; -o-transition: opacity .50s ease-in-out; transition: opacity .50s ease-in-out; } .img-hover-st-2 .text:hover { opacity: 1; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .img-hover-st-2 .text a.hov_circle { position: absolute; width: 50px; height: 50px; left: 63px; top: 0px; padding: 0px; margin: 0px; background-color: #1cbac8; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; transition-property: background-color, color; transition: top .3s ease-in-out; transition-timing-function: ease-out; } .img-hover-st-2 .text a.hov_circle:hover, .img-hover-st-2 .text a.hov_circle.two:hover { background-color: #fff; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; } .img-hover-st-2 .text a.hov_circle:hover i, .img-hover-st-2 .text a.hov_circle.two:hover i { color: #272727; transition-property: color; transition-duration: 0.3s; transition-timing-function: ease-out; } .img-hover-st-2 .text a.hov_circle.two { left: 118px; top: 0px; transition: top .5s ease-in-out; background-color: #8dba13; } .img-hover-st-2 .text a.hov_circle i { color: #fff; font-size: 20px; text-align: center; line-height: 50px; } .img-hover-st-2 .text:hover .hov_circle { transition: top .3s ease-in-out; left: 65px; top: 100px; } .img-hover-st-2 .text:hover .hov_circle.two { transition: top .5s ease-in-out; left: 122px; top: 100px; } .img-border { border:solid 1px #545454; } /*style 3*/ .img-hover-st-3 { opacity: 1; width: 100%; height: 235px; margin: 0px; position: relative; left: 0px; top: 0px; margin: 0px; overflow: hidden; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .img-hover-st-3 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; } .img-hover-st-3 .text { width: 100%; height: 235px; position: absolute; background: #000; color: #fff; top: 0; left: 0; opacity: 0; overflow: hidden; -webkit-transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -ms-transition: opacity .50s ease-in-out; -o-transition: opacity .50s ease-in-out; transition: opacity .50s ease-in-out; } .img-hover-st-3 .text:hover { opacity: 1; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .img-hover-st-3 .text h3 { position: absolute; color: #fff; font-size: 16px; font-weight: 600; left: 5px; top: 220px; margin: 15px 0 0 19px; transition: top .4s ease-in-out; } .img-hover-st-3 .text p { position: absolute; color: #fff; font-size: 14px; font-weight: normal; left: 5px; line-height: 18px; top: 255px; text-align: left; margin: 15px 0 0 19px; transition: top .6s ease-in-out; } .img-hover-st-3 .text a { position: absolute; font-weight: normal; left: 0px; top: 320px; text-align: left; margin: 0px 0 0 19px; transition: top .7s ease-in-out; overflow: hidden; } .img-hover-st-3 .text:hover h3 { position: absolute; left: 5px; top: 20px; transition: top .4s ease-in-out; } .img-hover-st-3 .text:hover p { position: absolute; left: 5px; top: 50px; transition: top .6s ease-in-out; } .img-hover-st-3 .text:hover a { position: absolute; left: 0px; top: 136px; transition: top .7s ease-in-out; } /*style 4*/ .img-hover-st-4 { position: relative; width: 100%; height: 235px; padding: 0px; margin: 0px; float: left; overflow: hidden; } .img-hover-st-4 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; } .img-hover-st-4 .text { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 235px; left: 0px; top: 192px; z-index: 100; transition: top .3s ease-in-out; } .img-hover-st-4 .text h3 { color: #fff; font-size: 16px; font-weight: 600; margin: 15px 0 0 19px; } .img-hover-st-4 .text h3 span { color: #fff; font-size: 13px; text-transform:none; } .img-hover-st-4 .text p { color: #fff; font-weight: normal; margin: 5px 15px 0 19px; } .img-hover-st-4 .text a { margin: 8px 15px 0 19px; } .img-hover-st-4:hover .text { position: absolute; top: 20px; transition: top .3s ease-in-out; } .img-hover-st-4 .container { border-top: 1px solid #e1e1e1; padding-top: 50px; } /*style 5*/ .img-hover-st-5 { position: relative; width: 100%; height: 235px; padding: 0px; margin: 0px; float: left; overflow: hidden; } .img-hover-st-5 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; } .img-hover-st-5 .text { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 235px; left: -270px; top: 0px; z-index: 100; transition: left .5s ease-in-out; } .img-hover-st-5 .text h3 { color: #fff; font-size: 16px; font-weight: 600; margin: 15px 0 0 19px; } .img-hover-st-5 .text p { color: #fff; font-weight: normal; margin: 5px 15px 0 19px; } .img-hover-st-5 .text a { margin: 8px 15px 0 19px; } .img-hover-st-5:hover .text { position: absolute; left: 0px; transition: left .5s ease-in-out; } /*style 6*/ .img-hover-st-6 { position: relative; width: 100%; height: 235px; padding: 0px; margin: 0px; float: left; overflow: hidden; } .img-hover-st-6 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 235px; } .img-hover-st-6 .text { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 235px; left: 0px; top: 250px; z-index: 100; transition: top .3s ease-in-out; } .img-hover-st-6 .text h3 { color: #fff; font-size: 16px; font-weight: 600; margin: 15px 0 0 19px; } .img-hover-st-6 .text p { color: #fff; font-weight: normal; margin: 5px 15px 0 19px; } .img-hover-st-6 .text a.readmore_small { margin: 10px 0px 0 28px; padding: 4px 15px; } .img-hover-st-6 .text a.readmore_small.green { margin: 10px 0px 0 5px; } .img-hover-st-6:hover .text { position: absolute; top: 185px; transition: top .3s ease-in-out; } /*buttons*/ .btn { padding: 10px 35px; font-size:15px; } /*Black btn*/ .black { border: 1px solid #121212; background-color: #121212; color: #fff; } .black:after { background-color: #000; } .black:hover { border-color: #000; background-color: transparent; color: #000; } /*orange button*/ .orange-button { border:solid 1px #49a32b; border-radius:30px; background:#49a32b; padding:10px 20px; color:#fff; border-radius:0px; padding:18px 25px; margin-left:6px; margin-top:-3px; transition: all 0.3s ease-out 0s; } .orange-button:hover { border:solid 1px #fff; color:#000; background:#fff; } /*black button*/ .black-button { border:solid 1px #222222; background:#222222; padding:10px 20px; color:#fff; border-radius:0px; padding:18px 20px; margin-left:6px; margin-top:-3px; transition: all 0.3s ease-out 0s; } .black-button:hover { border:solid 1px #000; color:#fff; background:#000; } /*orange button*/ .orange-button.one { border:0; border-radius:30px; background:#49a32b; padding:20px; color:#fff; text-align:center; margin:0; border-radius:0px; transition: all 0.3s ease-out 0s; } .orange-button.one:hover { border:0; color:#fff; background:#25272b; } /*orange button*/ .orange-button.two { border:0; background:#49a32b; padding:15px 30px; color:#fff; text-align:center; margin:-3px 0 0 5px; border-radius:0px; transition: all 0.3s ease-out 0s; } .orange-button.two:hover { border:0; color:#222222; background:#fff; } /*white small bordere*/ .button a.white-bordersmal { border:solid 1px #fff; border-radius:30px; padding:10px 20px; color:#fff; } .button a.white-bordersmal:hover { border:solid 1px #555555; color:#555555; } /*white bordere*/ .button a.whte-border { border:solid 1px #FFF; border-radius:30px; padding:12px 45px; color:#FFF; } .button a.whte-border:hover { border:solid 1px #fff; background:#fff; color:#000; } /*white box border*/ .button a.whte-box-border { border:solid 1px #FFF; background:#fff; border-radius:5px; padding:12px 20px; color:#484949; } .button a.whte-box-border:hover { border:solid 1px #1f1f1f; background:#1f1f1f; color:#fff; } /*grey bordere*/ .button a.grey-border { border:solid 1px #8d8d8d; border-radius:30px; padding:8px 20px; color:#8d8d8d; } .button a.grey-border:hover { border:solid 1px #8d8d8d; background:#8d8d8d; color:#fff; } /*blue button*/ .blue-button { border:solid 1px #49a32b; border-radius:30px; background:#49a32b; padding:10px 20px; color:#fff; border-radius:0px; padding:18px 25px; margin-left:6px; margin-top:-3px; transition: all 0.3s ease-out 0s; } .blue-button:hover { border:solid 1px #000; color:#fff; background:#494949; } .samll-grey-button { border:solid 1px #787878; border-radius:30px; background:#787878; padding:12px 20px; color:#fff; margin-left:6px; margin-top:-3px; transition: all 0.3s ease-out 0s; } .samll-grey-button:hover, .pricing-box.style-1:hover .samll-grey-button, .pricing-box.style-1.active .samll-grey-button { border:solid 1px #49a32b; color:#fff; background:#49a32b; } /*brn style large*/ .button a.boxed-color-lg { border:0; background:#1cbac8; border-radius:0px; padding:18px 45px; color:#fff; font-size:14px; margin-bottom:30px; } .button a.round { border-radius:6px !important; } .button a.round.border { border-radius:6px !important; background-color:transparent; border:solid 1px #414141; color:#414141; } .button a.round.border:hover { border:solid 1px #414141; } .button a.boxed-color-lg.red { background:#ff2023; } .button a.boxed-color-lg.blue { background:#49a32b; } .button a.boxed-color-lg.green { background:#449d44; } .button a.boxed-color-lg.orange { background:#f05424; } .button a.boxed-color-lg:hover, .button a.boxed-color-lg.active { border:solid 0; background:#2c2c2c; color:#fff; } /*brn style small*/ .button a.boxed-color-sm { border:0; background:#1cbac8; border-radius:0px; padding:15px 25px; color:#fff; font-size:14px; margin-bottom:30px; } .button a.boxed-color-sm.red { background:#ff2023; } .button a.boxed-color-sm.blue { background:#49a32b; } .button a.boxed-color-sm.green { background:#449d44; } .button a.boxed-color-sm.orange { background:#49a32b; } .button a.boxed-color-sm:hover, .button a.boxed-color-sm.active { border:solid 0; background:#2c2c2c !important; color:#fff; } /*brn style extra small*/ .button a.boxed-color-xs { border:0; background:#1cbac8; border-radius:0px; padding:8px 15px; color:#fff; font-size:14px; margin-bottom:30px; } .button a.boxed-color-xs.red { background:#ff2023; } .button a.boxed-color-xs.blue { background:#49a32b; } .button a.boxed-color-xs.green { background:#449d44; } .button a.boxed-color-xs.orange { background:#f05424; } .button a.boxed-color-xs:hover, .button a.boxed-color-xs.active { border:solid 0; background:#2c2c2c; color:#fff; } .black-button.small-xs { border:solid 1px #fff; border-radius:30px; background:#fff; padding:6px 18px !important; font-size:13px; color:#000; border-radius:0px; margin-left:14px; margin-top:9px; transition: all 0.3s ease-out 0s; } .black-button.small-xs:hover { background:#3d3d3d; border:solid 1px #3d3d3d; color:#FFF; } .call-to-action { border: 1px solid #d0d0d0; border-radius: 4px; float: left; margin: 0 0 30px; padding: 20px; width: 100%; } /*------------------*/ /*flip boxes styles */ /*------------------------------------------------------*/ .flip { -webkit-perspective: 800; -ms-perspective: 800; -moz-perspective: 800; -o-perspective: 800; width:100%; height:300px; position: relative; margin:25px auto; } .flip .card.flipped { transform:rotatey(-180deg); -ms-transform:rotatey(-180deg); /* IE 9 */ -moz-transform:rotatey(-180deg); /* Firefox */ -webkit-transform:rotatey(-180deg); /* Safari and Chrome */ -o-transform:rotatey(-180deg); /* Opera */ } .flip .card { width: 100%; height:300px; -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; -moz-transform-style: preserve-3d; -moz-transition: 0.5s; -ms-transform-style: preserve-3d; -ms-transition: 0.5s; -o-transform-style: preserve-3d; -o-transition: 0.5s; transform-style: preserve-3d; transition: 0.5s; } .flip .card .face { width: 100%; height:306px; position: absolute; z-index: 2; text-align: center; backface-visibility: hidden; /* W3C */ -webkit-backface-visibility: hidden; /* Safari & Chrome */ -moz-backface-visibility: hidden; /* Firefox */ -ms-backface-visibility: hidden; /* Internet Explorer */ -o-backface-visibility: hidden; /* Opera */ } .flip .card .front { position: absolute; z-index: 1; background: black; color: white; cursor: pointer; } .flip .card .back { background:#49a32b; color: #fff; cursor: pointer; padding:30px; transform:rotatey(-180deg); -ms-transform:rotatey(-180deg); /* IE 9 */ -moz-transform:rotatey(-180deg); /* Firefox */ -webkit-transform:rotatey(-180deg); /* Safari and Chrome */ -o-transform:rotatey(-180deg); /* Opera */ } /*flip verticle*/ .flip { -webkit-perspective: 800; -ms-perspective: 800; -moz-perspective: 800; -o-perspective: 800; width:100%; height:300px; position: relative; margin:25px auto; } .flip .cardv.flippedv { transform:rotatex(-180deg); -ms-transform:rotatex(-180deg); /* IE 9 */ -moz-transform:rotatex(-180deg); /* Firefox */ -webkit-transform:rotatex(-180deg); /* Safari and Chrome */ -o-transform:rotatex(-180deg); /* Opera */ } .flip .cardv { width: 100%; height:306px; -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; -moz-transform-style: preserve-3d; -moz-transition: 0.5s; -ms-transform-style: preserve-3d; -ms-transition: 0.5s; -o-transform-style: preserve-3d; -o-transition: 0.5s; transform-style: preserve-3d; transition: 0.5s; } .flip .cardv .face { width: 100%; height:306px; position: absolute; z-index: 2; text-align: center; backface-visibility: hidden; /* W3C */ -webkit-backface-visibility: hidden; /* Safari & Chrome */ -moz-backface-visibility: hidden; /* Firefox */ -ms-backface-visibility: hidden; /* Internet Explorer */ -o-backface-visibility: hidden; /* Opera */ } .flip .cardv .front { position: absolute; z-index: 1; background: black; color: white; cursor: pointer; } .flip .cardv .back { background:#49a32b; color: #fff; cursor: pointer; padding:30px; transform:rotatex(-180deg); -ms-transform:rotatex(-180deg); /* IE 9 */ -moz-transform:rotatex(-180deg); /* Firefox */ -webkit-transform:rotatex(-180deg); /* Safari and Chrome */ -o-transform:rotatex(-180deg); /* Opera */ } /*------------------*/ /*Divider lines */ /*------------------------------------------------------*/ .divider-ls { border-top: 1px solid #ff7713; height: 25px; margin: 0 auto 45px; opacity: 0.5; width: 12%; } .divider-d-dashed { border-bottom: 1px dashed #d7d7d7; border-top: 1px dashed #d7d7d7; float: left; height: 5px; margin: 10px 0 45px; width: 100%; } .divider-s-line { border-bottom: 1px solid #e5e5e5; float: left; margin-bottom: 45px; padding-top: 0; width: 100%; } .divider-d-line { border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; float: left; height: 5px; margin: 20px 0 45px; width: 100%; } .divider-s-dashed { border-top: 1px dashed #d7d7d7; float: left; margin: 15px 0 45px; width: 100%; } /*--------------------------------------------------- counters ------------------------------------------------------*/ .counters { margin:0; padding:0 } .plus-icon { float: right; margin: -90px -10px 0 0; } /*tab styles */ .home-tabs { margin:0; } .home-tabs ul.nav-tabs li a { padding:10px 20px; } .tab-content { border:solid 1px #dddddd; border-top:0; padding:25px 10px 20px 10px; } .tab-content img { margin:auto; } .tab-style { margin:0; padding:80px 0 20px 0; overflow:hidden; } .tab-style .nav-tabs { border:0; padding-left:9%; } .tab-style .nav-tabs > li { margin-right:1px; } .tab-style .nav-tabs > li > a { margin-right:0; transition: all 0.3s ease-out 0s; font-size:15px; text-align:center; color:#3c3c3c; font-weight:bold; border:0; background:#fff; border-radius:0; padding:20px 50px 15px 50px !important; } .tab-style .nav-tabs > li:hover > a, .tab-style .nav-tabs > li.active > a { color:#fff; } .tab-style .nav-tabs > li > a span { display:list-item; padding-bottom:8px; } .tab-style .tab-content, .tab-style .nav-tabs { border:0; } .tab-style .nav-tabs > li.active > a, .tab-style .nav-tabs > li.active > a:focus, .tab-style .nav-tabs > li.active > a:hover, .tab-style .nav-tabs > li > a:hover { background:#49a32b; border:0; } .tab-style1 { margin:0; padding:0; } .tab-style1 .nav-tabs { border:0; padding-left:9.200%; } .tab-style1 .nav-tabs > li > a { margin-right:0; transition: all 0.3s ease-out 0s; font-size:13px; text-align:center; } .tab-style1 .nav > li:first-child > a { border-left:solid 1px #e3e2e2; } .tab-style1 .tab-content { border:solid 0px #dddddd; } .tab-style1 .nav-tabs > li > a, .tab-style1 .nav-tabs > li > a:focus { color:#656565; border-right:solid 1px #e3e2e2; border-radius:0; border-bottom:0; border-top:0; } .tab-style1 .nav > li > a:focus, .tab-style1 .nav > li > a:hover { background:#FFF; border-bottom:0; border-top:0; } .tab-style1 .nav-tabs > li.active > a, .tab-style1 .nav-tabs > li.active > a:focus, .tab-style1 .nav-tabs > li.active > a:hover { color:#656565; border-bottom:0; border-top:0; border-color:#e3e2e2; } .tab-style1 .nav > li > a { padding:10px 65px !important; } .tab-style1 .nav > li > a > i { display:inherit; color:#e3e2e2; transition: all 0.3s ease-out 0s; } ul.tabs-style2 { width:100%; } ul.tabs-style2 > li > a { background:#eaedf0; border-radius:0; padding: 20px 32px; } .tab-content.tab-style2 { overflow:hidden; } .tab-style-1{ margin:0; } .tab-style-1 .nav-tabs { border:0; } .tab-style-1 .nav-tabs > li { margin-right:1px; } .tab-style-1 .nav-tabs > li > a { margin-right:0; transition: all 0.3s ease-out 0s; font-size:15px; text-align:center; color:#fff; font-weight:bold; border:0; background:#282828; border-radius:0; padding:15px 35px !important; } .tab-style-1 .nav-tabs > li:hover > a, .tab-style-1 .nav-tabs > li.active > a { color:#fff; } .tab-style-1 .nav-tabs > li > a span { display:list-item; padding-bottom:8px; } .tab-style-1 .tab-content, .tab-style-1 .nav-tabs { border:0; } .tab-style-1 .nav-tabs > li.active > a, .tab-style-1 .nav-tabs > li.active > a:focus, .tab-style-1 .nav-tabs > li.active > a:hover, .tab-style-1 .nav-tabs > li > a:hover { background:#49A32B; border:0; } /*------------------*/ /*carousel styles */ /*------------------------------------------------------*/ .small-circle-commet { background: #49A32B none repeat scroll 0 0; border-radius: 100%; color: #fff; font-size: 25px; font-weight: bold; height: 50px; line-height: 52px; margin:0px 0 0 145px; top:0; text-align: center; transition: all 0.3s ease-out 0s; vertical-align: middle; width: 50px; position:absolute; } .carousel-indicators { width:100%; margin:0; left:0; bottom:-20px; } .carousel-indicators li { border-color:#7d7c7c; border-radius:5px; background:#7d7c7c; margin: 0; width:60px; height:4px; } .carousel-indicators.white-color li { border-color:#fff; background:#fff; } .carousel-indicators .active, .carousel-indicators.white-color .active { background:#49a32b; border:0; height: 4px; margin: 0; width: 60px; } /*------------------*/ /*widget styles */ /*------------------------------------------------------*/ .ad-col { padding:10px 20px; } .best-price { float:right; width:100px; text-align:center; } .offer-best { font-size:13px; border-bottom:solid 3px #000; margin-bottom:10px; } .offer-best-white { border-bottom: 3px solid #fff; font-size: 13px; margin-bottom: 10px; } /*products widget*/ .cat-title { background:#666; padding:20px; color:#FFF; } .cat-list ul { margin:0; padding:0; } .cat-list ul li { border:solid 1px #dddddd; border-top:solid 0px #dddddd; padding:15px 20px; } .cat-list ul li a { color:#656565 } .pro-list h2 { padding-bottom:10px; border-bottom:solid 1px #dddddd; margin:0 0 30px 0; } .pro-list .product-desc { float:left; width:100%; } .product-title { font-size:20px; } .product-title a { color:#222222; font-weight:300; } .pro-imgage { float: left; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; } .pro-imgage.imgbox { float: left; margin: 0; padding: 0; width: 100%; } .pro-imgage .product-overlay { margin: 0; padding: 0; position: absolute; top: 345px; transition: top 0.3s ease-in-out 0s; width: 100%; z-index: 100; text-align:center; } .pro-imgage .product-overlay a.add-to-cart { padding:12px 16px; background:#efefef; color:#15181a; font-family: 'Roboto', sans-serif; } .pro-imgage .product-overlay a:hover.add-to-cart { padding: 12px 16px; background:#15181a; color:#FFF; } .product:hover .pro-imgage .product-overlay { position: absolute; top: 287px; transition: top 0.3s ease-in-out 0s; } .product-desc { float:left; width:100%; } .recommend-content .item { border-bottom:solid 1px #dddddd; padding-bottom:15px; margin-bottom:5px; overflow:hidden; } .recommend-content .item.lst { border:0; } .item-thumb { border: 1px solid #e1e1e1; float: left; margin-right: 20px; } .item-content a { color:#222222; font-size:16px; } .item-content a:hover { color:#000; font-size:16px; } /*------------------*/ /*404 error */ /*------------------------------------------------------*/ .error_404 { margin: 0 auto; padding: 0; text-align: center; width: 60%; } .c-post { border-bottom:solid 1px #3d3d3d; margin-bottom:25px; } .c-post.one { border-bottom:solid 1px #dddddd; margin-top:25px; padding-bottom:10px; } .whitebg .col-md-3 .c-post { border-bottom:solid 1px #d8d8d8; } .c-post.c-post-last, .whitebg .col-md-3 .c-post.c-post-last { border-bottom:solid 0px #3d3d3d; } .c-post-img { float: left; height: 72px; position: relative; width: 68px; } .c-post-content { padding-left:80px; } .c-post-content p span { font-size:12px; } .post-info { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; float: left; margin: 0 0 20px; padding: 10px 0; width: 100%; } .post-info-box { padding:30px; background:#FFF; } .comment-list { margin-bottom:25px; } .tags-b { border:solid 1px #505050; border-radius:6px; color:#727272; padding:10px 15px; margin: 0 5px 5px 0; display: inline-block; } .tags-s { border:solid 1px #cbcbcb; border-radius:4px; color:#727272; padding:8px 15px; margin: 0 5px 5px 0; display: inline-block; } .tags-s:hover { border:solid 1px #000; background:#000; border-radius:4px; color:#fff; padding:8px 15px; margin: 0 5px 5px 0; display: inline-block; } /* countdown headers */ .countdown-header { float: left; margin: 0; padding:60px 0 80px 0; width: 100%; text-align:center; } /* pagenation */ .pagenation { color: #fff; font-size: 14px; font-weight: normal; margin:23px 0 0 0; text-align: right !important; text-transform:uppercase; } .pagenation.one { color: #fff; font-size: 14px; font-weight: normal; margin:8px 0 0 0; text-align: right !important; text-transform:uppercase; } .pagenation a:hover { color: #fff; } .pagenation i { color: #a2a2a2; padding:0 5px; } .pagenation-blog { text-align:center; } ul.pagenation-list { display: inline-block; margin: 0 0 30px; padding: 0; } ul.pagenation-list > li { display: inline-block; list-style: outside none none; ; } ul.pagenation-list li a { background-color: #e4e4e4; border-radius:100%; color: #161616; display: inline-block; height: 35px; line-height: 35px; margin: 0 10px 0 0; padding: 0; text-align: center; width: 35px; } ul.pagenation-list li span.page-numbers.current { background-color: #666; border-radius:100%; color: #fff; display: inline-block; height: 35px; line-height: 35px; margin: 0 10px 0 0; padding: 0; text-align: center; width: 35px; } ul.pagenation-list li a:hover { background-color: #666; color: #fff; } /*------------------*/ /*footer styles */ /*------------------------------------------------------*/ footer { width: 100%; float: left; margin:0; color:#727272; } .footer-bg { padding:60px 0 80px 0; } .footer-bg.home2 { padding:80px 0 80px 0; } .footer-bg.home3 { padding:60px 0 80px 0; } .footer-bg.styleone { padding:80px 0 0px 0; } .footer-bg.texture1 { padding-top:30px; } .footer-bg.style-white-bg { background:#fff; padding-top:0; } .title-line { background-color: #49a32b; height: 3px; margin:10px auto 25px 0; padding: 0; width: 36px; } .footer-bg.style-white-bg ul li { margin-bottom:12px; } .footer-bg.style-white-bg ul li a { color:#777575; } .footer-bg.style-white-bg ul li a:hover { color:#3e3e3e; } .footer-bg.footer-bg.texture1 ul li a { color:#727272; } .footer-bg.footer-bg.texture1 ul li a:hover { color:#fff; } ul.address-info { margin: 0; padding: 0; } ul.social-icons { margin:0px 0 0 0; padding: 0; float:right; } ul.social-icons li { float: left; margin: 0 8px 0 0; padding: 0; } ul.social-icons li i { color: #fff; } ul.social-icons li a { background-color: #3d434b; border-radius: 100%; color: #fff; float: left; font-size: 14px; height: 36px; line-height: 36px; margin: 0; padding: 0; text-align: center; width: 36px; } ul.social-icons li a:hover { background-color: #49a32b; } ul.social-icons li a:hover i { color: #fff; } ul.social-icons.style-two { margin:0px 0 0 0; padding: 0; float:left; } ul.social-icons.style-two li a { background-color:transparent; width:auto; padding-right:5px; margin-right:10px; height:auto; line-height:normal; } ul.social-icons.style-two li a:hover { background-color:transparent; } ul.social-icons.style-two li i { color:#959595; transition: all 0.3s ease-out 0s; } ul.social-icons.style-two.one { margin:33px -15px 0 0; } ul.social-icons.style-two.one li a, ul.social-icons.style-two.one li i { color:#FFF; } ul.social-icons.style-two.one li a:hover, ul.social-icons.style-two.one li:hover i { color:#fff; } ul.social-icons.style-four { float:none; } ul.social-icons.style-four li { float:none; display:inline-block } ul.social-icons.style-five { float:right; display:inline-block; margin-top:14px; } ul.social-icons.style-five.one { float:left; } ul.social-icons.style-five li { margin-left:5px; margin-right:0px; } ul.social-icons.style-five li a, ul.social-icons.style-five li i { border-radius:0; color:#FFF; } ul.social-icons.style-five.one.circle li a { border-radius:100%; } ul.social-icons.style-five li.facebook a { background:#3c599b; } ul.social-icons.style-five li.twitter a { background:#00abf0; } ul.social-icons.style-five li.linkedin a { background:#007bb6; } ul.social-icons.style-five li.google-plus a { background:#dd4c39; } ul.social-icons.style-five li.pinterest a { background:#ef1438; } ul.social-icons.style-five li.skype a { background:#13caff; } ul.social-icons.style-five li.dribbble a { background:#f5699a; } ul.social-icons.style-five li.wordpress a { background:#2472a2; } ul.social-icons.style-five li.android a { background:#8ec429; } ul.social-icons.style-five li.windows a { background:#23c5f1; } ul.social-icons.style-five li.renren a { background:#025dac; } ul.social-icons.style-five li.apple a { background:#a6a8a7; } ul.social-icons.style-five li.faqq a { background:#1f1f1f; } ul.social-icons.style-five li.weixin a { background:#1a1a1a; } ul.social-icons.style-five li.youtube a { background:#cb3235; } ul.social-icons.style-five li.rss a { background:#ffa336; } ul.social-icons.style-five li.flickr a { background:#ee1a89; } ul.social-icons.style-five li.whatsapp a { background:#1f9e11; } ul.social-icons.style-five li a:hover { background:#fff; } ul.social-icons.style-five.style-five.one li a:hover { background:#000; } ul.social-icons.style-five.style-five.one li a i { color:#FFF } ul.social-icons.style-five.ltside { float:left; } .fa-social-icons.sty-six { text-align:center; font-size:45px; padding:20px 0; transition: all 0.3s ease-out 0s; } .fa-social-icons.sty-six li a, .fa-social-icons.sty-six li a:hover { color:#FFF; background:#000000; } ul.social-icons.sty-six { margin:20px 0 0 0; padding: 0; float:left; } ul.social-icons.sty-six li { float: left; margin: 0 8px 0 0; padding: 0; } ul.social-icons.sty-six li i { color: #919191; } ul.social-icons.sty-six li a { background-color: #595959; border-radius:0; color: #919191; float: left; font-size: 14px; height: 36px; line-height: 36px; margin: 0; padding: 0; text-align: center; width: 36px; } ul.social-icons.sty-six li a:hover { background-color: #000; } ul.social-icons.sty-six li a:hover i { color: #fff; } ul.social-icons.sty-six.circle li a { background-color: #49a32b; border-radius:100%; color: #fff; float: left; font-size: 14px; height: 36px; line-height: 36px; margin: 0; padding: 0; text-align: center; width: 36px; } ul.social-icons.sty-six.circle li a:hover { background-color: #000; } ul.social-icons.sty-six.circle li a i { color: #fff; } ul.social-icons.sty-six.circle li a:hover i { color: #fff; } ul.social-icons.sty-six.boxed li a { background-color: #fff; border:solid 1px #d3d3d3; border-radius:0; color: #919191; float: left; font-size: 14px; height: 36px; line-height: 36px; margin: 0; padding: 0; text-align: center; width: 36px; } ul.social-icons.sty-six.boxed li a:hover { background-color: #000; } ul.social-icons.sty-six.boxed li a i { color: #595959; } ul.social-icons.sty-six.boxed li a:hover i { color: #fff; } ul.social-icons.sty-six.border li a { background-color: #fff; border:solid 1px #d3d3d3; border-radius:100%; color: #919191; float: left; font-size: 14px; height: 36px; line-height: 36px; margin: 0; padding: 0; text-align: center; width: 36px; } ul.social-icons.sty-six.border li a:hover { background-color: #000; border:solid 1px #000; } ul.social-icons.sty-six.border li a i { color: #595959; } ul.social-icons.sty-six.border li a:hover i { color: #fff; } /*------------------*/ /*foms styles */ /*------------------------------------------------------*/ form .input-b-line { border:solid 1px #d9d9d9; border-bottom:solid 1px #c2c2c2; background-color:transparent; height:45px; width:100%; font-size:14px; color:#656565; padding:5px; } form .input-b-line.gery, form textarea.gery { border-bottom:solid 1px #c2c2c2; } form textarea { border:solid 1px #d9d9d9; border-bottom:solid 1px #c2c2c2; background-color:transparent; height:125px; width:100%; font-size:14px; color:#656565; padding:5px; } form .submit-btn { font-size:16px; font-weight:bold; border:0; color:#fff; width:200px; height:55px; background:#7ecefd; text-transform:uppercase; cursor:pointer; transition: all 0.3s ease-out 0s; } form .submit-btn:hover { background:#222222; color:#fff; transition: all 0.3s ease-out 0s; } form .submit-btn.border { border-radius:5px; } /* copyrights */ .copyrights { width:100%; float:left; background:#000000; margin: 0; padding:30px 0 20px 0; } .copyrights.black-bg { background:#000; } .content-container { background: rgba(255, 0, 0, 0.1) none repeat scroll 0 0; margin-top: 10px; text-align: center; width: 100%; border:0; } iframe { border:0; } ul.address-info { margin:0; padding:0; } ul.address-info.map { padding-bottom:20px; } ul.address-info li { margin-bottom:15px; } ul.address-info i { font-size:20px; margin-right:10px; } ul.address-info.one li { margin-bottom:40px; } /* scroll up */ .scrollup { width: 40px; height: 40px; opacity: 1; position: fixed; bottom: 22px; right: 20px; display: none; text-indent: -9999px; z-index: 999; } #nav-ssl .navbar-nav > li > a { padding-bottom: 15px; padding-top: 15px; text-transform: none; } @media (max-width: 991px) { #nav-ssl .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } } /* * Reset */ /********************************* COMPONENTS *********************************/ body { font-family: 'Roboto', sans-serif; background:#FFF; font-size: 15px; } a { outline: none !important; -webkit-transition: back 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } a:focus, a:hover, a:active { outline: none !important; text-decoration: none; color:#4a4a4a; } /*-------- html tags --------*/ p { line-height: 1.5; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } ul, li, ol { list-style:none; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-size:100%; font-weight:normal; margin:0; padding:0; } h6 { font-size: 16px; } h5 { font-size: 14px; } h4 { font-size: 16px; } h3 { font-size:18px; } h2 { color: #222222; font-size: 20px; } h1 { color: #222222; font-size: 50px; } h1 span { color: #1a8ad0; } h1 span.bg-color { color: #fff; padding:0px 10px; background:#1a8ad0; } figure { margin:30px 0 0 0; padding: 0; } em { font-size:25px; color: #525252; } blockquote { font-size: 18px !important; font-style: italic; color: #3c3c3c; line-height: 24px; font-family: 'Roboto', sans-serif; margin: 0 0 10px; } .fullwide-col { float: left; width: 100%; } .spinner-style{ display: none !important; color: #000 !important; } #contactsMsgs{ color: #6fb679; } .pagenation-blog, footer button.button.seven{ margin-bottom: 30px; } .comment-notes{ display: none; } .m-i-bottom3{ margin-bottom: 30px !important; } .p-i-top2{ padding-top: 20px !important; } .comment.depth-2{ padding-left: 80px; padding-top: 20px; } .comment.depth-3{ padding-left: 120px; padding-top: 20px; } .comment.depth-4{ padding-left: 160px; padding-top: 20px; } .comment.depth-5{ padding-left: 200px; padding-top: 20px; } /*-------- widget style --------*/ #searchsubmit, #s{ border-radius: 0; } ul.cat-list li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #dddddd; border-image: none; border-style: solid; border-width: 0 1px 1px; padding: 15px 20px; } ul.cat-list{ padding-left:0 } .tags a { border: 1px solid #cbcbcb; border-radius: 4px; color: #727272; display: inline-block; margin: 0 5px 5px 0; padding: 8px 15px; } .gallery-caption{} .bypostauthor{} .calendar_wrap td{ padding: 10px 24px 0 0; } #wp-calendar caption{ text-transform: uppercase; font-size: 14px; font-style: normal; font-weight: bold; line-height: 20px; margin: 15px 0; } .textwidget img{ max-width: 100%; height: auto; } .invalid{ width: 100% !important; } em.invalid{ float: left; padding: 10px 0; color: red; } th, td{ padding-right: 10px; } table, dl{ margin-bottom: 25px; } #calendar_wrap table{ margin-bottom: 0; } pre{ margin-bottom: 25px !important; } .wp-caption-text{ font-style: italic; padding: 5px !important; text-align: center; } .sticky{ background-color: #F5F7F6; border-radius: 4px; padding: 5%; } .alignright{ float: right; margin-bottom: 10px; margin-left: 15px; margin-top: 10px; } .alignleft{ float: left; margin-bottom: 10px; margin-right: 15px; margin-top: 10px; } .article-img img{ display: inline-block !important; } .aligncenter{ text-align: center; } div.aligncenter{ width: 100% !important; } img{ max-width: 100% !important; } .alignnone{ max-width: 100% !important; } .text-justify { text-align: justify; } .screen-reader-text{ display: none; } .widget_archive select, .widget_categories select { background-color: #fff; border: 1px solid #e4e4e4; color: #989898; float: left; font-family: Open Sans,sans-serif; font-size: 13px; height: auto; margin: 0; padding: 10px; text-transform: uppercase; width: 100%; } .widget_archive select, .widget_categories select{ margin-bottom: 40px; } #menu-all-pages{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #dddddd; border-image: none; border-style: solid; border-width: 1px; padding-left: 20px; } .maxhost_sidebar .menu-item{ padding-bottom: 10px; padding-top: 10px; } /*-------- font weight --------*/ .font-thin-xs { font-weight:200 !important; } .font-thin { font-weight:300 !important; } .font-slim { font-weight: 400 !important; } .font-sbold { font-weight: 500 !important; } .font-bold { font-weight: 600 !important; } .font-uppercase { text-transform: uppercase; } .uppercase { text-transform: uppercase; } .font-lowercase { text-transform: initial !important; } /*-------- font colors --------*/ .font-white { color:#FFF !important; } .font-color { color:#49a32b; } .font-red { color:#ff0000; } .font-black { color:#3c3c3c; } .font-black-dark { color:#000000; } .font-grey { color:#888989; } .font-grey-light { color:#cfcfcf; } /*-------- font sizes / style --------*/ .italic { font-style:italic; } .font13 { font-size:13px !important; } .font14 { font-size:14px !important; } .font15 { font-size:15px !important; } .font16 { font-size:16px !important; } .font18 { font-size:18px !important; } .font20 { font-size:20px !important; } .font25 { font-size:25px !important; } .font30 { font-size:30px !important; } .font35 { font-size:35px !important; } .font40 { font-size:40px !important; } .font45 { font-size:45px !important; } .font50 { font-size:50px !important; } .font55 { font-size:55px !important; } .font60 { font-size:60px !important; } .font65 { font-size:65px !important; } .font70 { font-size:70px !important; } .font80 { font-size:80px !important; } .font90 { font-size:90px !important; } .font100 { font-size:100px !important; } /*-------- marigns --------*/ .nomargin { margin:0 !important; } .m-top0 { margin-top:0px; } .m-top1 { margin-top:10px; } .m-top2 { margin-top:20px; } .m-top3 { margin-top:30px; } .m-top4 { margin-top:40px; } .m-top5 { margin-top:50px; } .m-top6 { margin-top:60px; } .m-top7 { margin-top:70px; } .m-top8 { margin-top:80px; } .m-top9 { margin-top:90px; } .m-top10 { margin-top:100px; } .m-top-1 { margin-top:-10px; } .m-top-2 { margin-top:-20px; } /*bottom margin*/ .m-bottom1 { margin-bottom:10px; } .m-bottom2 { margin-bottom:20px; } .m-bottom3 { margin-bottom:30px; } .m-bottom4 { margin-bottom:40px; } .m-bottom5 { margin-bottom:50px; } .m-bottom6 { margin-bottom:60px; } .m-bottom7 { margin-bottom:70px; } .m-bottom8 { margin-bottom:80px; } .m-bottom9 { margin-bottom:90px; } .m-bottomp10 { margin-bottom:100px; } .m-left1 { margin-left:10px; } /*-------- padding --------*/ .nopadding { padding:0 !important; } .no-left-padd { padding-left:0; } .no-right-padd { padding-right:0; } .left-padd0 { padding-left:0px !important; } .left-padd1 { padding-left:10px; } .left-padd2 { padding-left:20px; } .left-padd3 { padding-left:30px; } .left-padd4 { padding-left:40px; } .left-padd5 { padding-left:50px; } .left-padd6 { padding-left:60px; } .left-padd7 { padding-left:70px; } .left-padd8 { padding-left:80px; } .left-padd9 { padding-left:90px; } .left-padd10 { padding-left:100px; } .left-padd11 { padding-left:110px; } .left-padd12 { padding-left:120px; } .left-padd13 { padding-left:130px; } .right-padd1 { padding-right:10px; } .right-padd2 { padding-right:20px; } .right-padd3 { padding-right:30px; } .right-padd4 { padding-right:40px; } .right-padd5 { padding-right:50px; } .right-padd6 { padding-right:60px; } .right-padd7 { padding-right:70px; } .right-padd8 { padding-right:80px; } .right-padd9 { padding-right:90px; } .right-padd10 { padding-right:100px; } .p-top3{ padding-top: 30px; } .p-top7{ padding-top: 70px; } .p-bottom7{ padding-bottom: 70px; } .p-top_ulta7{ padding-top: 0px !important; } .p-bottom_ulta7{ padding-bottom: 0px !important; } .nodisplay{ display: none; } /* * Simple line icons */ @font-face { font-family: 'Simple-Line-Icons'; src:url('fonts/Simple-Line-Icons.eot'); src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('fonts/Simple-Line-Icons.woff') format('woff'), url('fonts/Simple-Line-Icons.ttf') format('truetype'), url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'Simple-Line-Icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users { font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-user-female:before { content: "\e000"; } .icon-user-follow:before { content: "\e002"; } .icon-user-following:before { content: "\e003"; } .icon-user-unfollow:before { content: "\e004"; } .icon-trophy:before { content: "\e006"; } .icon-screen-smartphone:before { content: "\e010"; } .icon-screen-desktop:before { content: "\e011"; } .icon-plane:before { content: "\e012"; } .icon-notebook:before { content: "\e013"; } .icon-moustache:before { content: "\e014"; } .icon-mouse:before { content: "\e015"; } .icon-magnet:before { content: "\e016"; } .icon-energy:before { content: "\e020"; } .icon-emoticon-smile:before { content: "\e021"; } .icon-disc:before { content: "\e022"; } .icon-cursor-move:before { content: "\e023"; } .icon-crop:before { content: "\e024"; } .icon-credit-card:before { content: "\e025"; } .icon-chemistry:before { content: "\e026"; } .icon-user:before { content: "\e005"; } .icon-speedometer:before { content: "\e007"; } .icon-social-youtube:before { content: "\e008"; } .icon-social-twitter:before { content: "\e009"; } .icon-social-tumblr:before { content: "\e00a"; } .icon-social-facebook:before { content: "\e00b"; } .icon-social-dropbox:before { content: "\e00c"; } .icon-social-dribbble:before { content: "\e00d"; } .icon-shield:before { content: "\e00e"; } .icon-screen-tablet:before { content: "\e00f"; } .icon-magic-wand:before { content: "\e017"; } .icon-hourglass:before { content: "\e018"; } .icon-graduation:before { content: "\e019"; } .icon-ghost:before { content: "\e01a"; } .icon-game-controller:before { content: "\e01b"; } .icon-fire:before { content: "\e01c"; } .icon-eyeglasses:before { content: "\e01d"; } .icon-envelope-open:before { content: "\e01e"; } .icon-envelope-letter:before { content: "\e01f"; } .icon-bell:before { content: "\e027"; } .icon-badge:before { content: "\e028"; } .icon-anchor:before { content: "\e029"; } .icon-wallet:before { content: "\e02a"; } .icon-vector:before { content: "\e02b"; } .icon-speech:before { content: "\e02c"; } .icon-puzzle:before { content: "\e02d"; } .icon-printer:before { content: "\e02e"; } .icon-present:before { content: "\e02f"; } .icon-playlist:before { content: "\e030"; } .icon-pin:before { content: "\e031"; } .icon-picture:before { content: "\e032"; } .icon-map:before { content: "\e033"; } .icon-layers:before { content: "\e034"; } .icon-handbag:before { content: "\e035"; } .icon-globe-alt:before { content: "\e036"; } .icon-globe:before { content: "\e037"; } .icon-frame:before { content: "\e038"; } .icon-folder-alt:before { content: "\e039"; } .icon-film:before { content: "\e03a"; } .icon-feed:before { content: "\e03b"; } .icon-earphones-alt:before { content: "\e03c"; } .icon-earphones:before { content: "\e03d"; } .icon-drop:before { content: "\e03e"; } .icon-drawer:before { content: "\e03f"; } .icon-docs:before { content: "\e040"; } .icon-directions:before { content: "\e041"; } .icon-direction:before { content: "\e042"; } .icon-diamond:before { content: "\e043"; } .icon-cup:before { content: "\e044"; } .icon-compass:before { content: "\e045"; } .icon-call-out:before { content: "\e046"; } .icon-call-in:before { content: "\e047"; } .icon-call-end:before { content: "\e048"; } .icon-calculator:before { content: "\e049"; } .icon-bubbles:before { content: "\e04a"; } .icon-briefcase:before { content: "\e04b"; } .icon-book-open:before { content: "\e04c"; } .icon-basket-loaded:before { content: "\e04d"; } .icon-basket:before { content: "\e04e"; } .icon-bag:before { content: "\e04f"; } .icon-action-undo:before { content: "\e050"; } .icon-action-redo:before { content: "\e051"; } .icon-wrench:before { content: "\e052"; } .icon-umbrella:before { content: "\e053"; } .icon-trash:before { content: "\e054"; } .icon-tag:before { content: "\e055"; } .icon-support:before { content: "\e056"; } .icon-size-fullscreen:before { content: "\e057"; } .icon-size-actual:before { content: "\e058"; } .icon-shuffle:before { content: "\e059"; } .icon-share-alt:before { content: "\e05a"; } .icon-share:before { content: "\e05b"; } .icon-rocket:before { content: "\e05c"; } .icon-question:before { content: "\e05d"; } .icon-pie-chart:before { content: "\e05e"; } .icon-pencil:before { content: "\e05f"; } .icon-note:before { content: "\e060"; } .icon-music-tone-alt:before { content: "\e061"; } .icon-music-tone:before { content: "\e062"; } .icon-microphone:before { content: "\e063"; } .icon-loop:before { content: "\e064"; } .icon-logout:before { content: "\e065"; } .icon-login:before { content: "\e066"; } .icon-list:before { content: "\e067"; } .icon-like:before { content: "\e068"; } .icon-home:before { content: "\e069"; } .icon-grid:before { content: "\e06a"; } .icon-graph:before { content: "\e06b"; } .icon-equalizer:before { content: "\e06c"; } .icon-dislike:before { content: "\e06d"; } .icon-cursor:before { content: "\e06e"; } .icon-control-start:before { content: "\e06f"; } .icon-control-rewind:before { content: "\e070"; } .icon-control-play:before { content: "\e071"; } .icon-control-pause:before { content: "\e072"; } .icon-control-forward:before { content: "\e073"; } .icon-control-end:before { content: "\e074"; } .icon-calendar:before { content: "\e075"; } .icon-bulb:before { content: "\e076"; } .icon-bar-chart:before { content: "\e077"; } .icon-arrow-up:before { content: "\e078"; } .icon-arrow-right:before { content: "\e079"; } .icon-arrow-left:before { content: "\e07a"; } .icon-arrow-down:before { content: "\e07b"; } .icon-ban:before { content: "\e07c"; } .icon-bubble:before { content: "\e07d"; } .icon-camcorder:before { content: "\e07e"; } .icon-camera:before { content: "\e07f"; } .icon-check:before { content: "\e080"; } .icon-clock:before { content: "\e081"; } .icon-close:before { content: "\e082"; } .icon-cloud-download:before { content: "\e083"; } .icon-cloud-upload:before { content: "\e084"; } .icon-doc:before { content: "\e085"; } .icon-envelope:before { content: "\e086"; } .icon-eye:before { content: "\e087"; } .icon-flag:before { content: "\e088"; } .icon-folder:before { content: "\e089"; } .icon-heart:before { content: "\e08a"; } .icon-info:before { content: "\e08b"; } .icon-key:before { content: "\e08c"; } .icon-link:before { content: "\e08d"; } .icon-lock:before { content: "\e08e"; } .icon-lock-open:before { content: "\e08f"; } .icon-magnifier:before { content: "\e090"; } .icon-magnifier-add:before { content: "\e091"; } .icon-magnifier-remove:before { content: "\e092"; } .icon-paper-clip:before { content: "\e093"; } .icon-paper-plane:before { content: "\e094"; } .icon-plus:before { content: "\e095"; } .icon-pointer:before { content: "\e096"; } .icon-power:before { content: "\e097"; } .icon-refresh:before { content: "\e098"; } .icon-reload:before { content: "\e099"; } .icon-settings:before { content: "\e09a"; } .icon-star:before { content: "\e09b"; } .icon-symbol-female:before { content: "\e09c"; } .icon-symbol-male:before { content: "\e09d"; } .icon-target:before { content: "\e09e"; } .icon-volume-1:before { content: "\e09f"; } .icon-volume-2:before { content: "\e0a0"; } .icon-volume-off:before { content: "\e0a1"; } .icon-users:before { content: "\e001"; } /* * Et Line font */ @font-face { font-family: 'et-line'; src:url('et-line-font/fonts/et-line.eot'); src:url('et-line-font/fonts/et-line.eot?#iefix') format('embedded-opentype'), url('et-line-font/fonts/et-line.woff') format('woff'), url('et-line-font/fonts/et-line.ttf') format('truetype'), url('et-line-font/fonts/et-line.svg#et-line') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'et-line'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble { font-family: 'et-line'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; } .icon-mobile:before { content: "\e000"; } .icon-laptop:before { content: "\e001"; } .icon-desktop:before { content: "\e002"; } .icon-tablet:before { content: "\e003"; } .icon-phone:before { content: "\e004"; } .icon-document:before { content: "\e005"; } .icon-documents:before { content: "\e006"; } .icon-search:before { content: "\e007"; } .icon-clipboard:before { content: "\e008"; } .icon-newspaper:before { content: "\e009"; } .icon-notebook:before { content: "\e00a"; } .icon-book-open:before { content: "\e00b"; } .icon-browser:before { content: "\e00c"; } .icon-calendar:before { content: "\e00d"; } .icon-presentation:before { content: "\e00e"; } .icon-picture:before { content: "\e00f"; } .icon-pictures:before { content: "\e010"; } .icon-video:before { content: "\e011"; } .icon-camera:before { content: "\e012"; } .icon-printer:before { content: "\e013"; } .icon-toolbox:before { content: "\e014"; } .icon-briefcase:before { content: "\e015"; } .icon-wallet:before { content: "\e016"; } .icon-gift:before { content: "\e017"; } .icon-bargraph:before { content: "\e018"; } .icon-grid:before { content: "\e019"; } .icon-expand:before { content: "\e01a"; } .icon-focus:before { content: "\e01b"; } .icon-edit:before { content: "\e01c"; } .icon-adjustments:before { content: "\e01d"; } .icon-ribbon:before { content: "\e01e"; } .icon-hourglass:before { content: "\e01f"; } .icon-lock:before { content: "\e020"; } .icon-megaphone:before { content: "\e021"; } .icon-shield:before { content: "\e022"; } .icon-trophy:before { content: "\e023"; } .icon-flag:before { content: "\e024"; } .icon-map:before { content: "\e025"; } .icon-puzzle:before { content: "\e026"; } .icon-basket:before { content: "\e027"; } .icon-envelope:before { content: "\e028"; } .icon-streetsign:before { content: "\e029"; } .icon-telescope:before { content: "\e02a"; } .icon-gears:before { content: "\e02b"; } .icon-key:before { content: "\e02c"; } .icon-paperclip:before { content: "\e02d"; } .icon-attachment:before { content: "\e02e"; } .icon-pricetags:before { content: "\e02f"; } .icon-lightbulb:before { content: "\e030"; } .icon-layers:before { content: "\e031"; } .icon-pencil:before { content: "\e032"; } .icon-tools:before { content: "\e033"; } .icon-tools-2:before { content: "\e034"; } .icon-scissors:before { content: "\e035"; } .icon-paintbrush:before { content: "\e036"; } .icon-magnifying-glass:before { content: "\e037"; } .icon-circle-compass:before { content: "\e038"; } .icon-linegraph:before { content: "\e039"; } .icon-mic:before { content: "\e03a"; } .icon-strategy:before { content: "\e03b"; } .icon-beaker:before { content: "\e03c"; } .icon-caution:before { content: "\e03d"; } .icon-recycle:before { content: "\e03e"; } .icon-anchor:before { content: "\e03f"; } .icon-profile-male:before { content: "\e040"; } .icon-profile-female:before { content: "\e041"; } .icon-bike:before { content: "\e042"; } .icon-wine:before { content: "\e043"; } .icon-hotairballoon:before { content: "\e044"; } .icon-globe:before { content: "\e045"; } .icon-genius:before { content: "\e046"; } .icon-map-pin:before { content: "\e047"; } .icon-dial:before { content: "\e048"; } .icon-chat:before { content: "\e049"; } .icon-heart:before { content: "\e04a"; } .icon-cloud:before { content: "\e04b"; } .icon-upload:before { content: "\e04c"; } .icon-download:before { content: "\e04d"; } .icon-target:before { content: "\e04e"; } .icon-hazardous:before { content: "\e04f"; } .icon-piechart:before { content: "\e050"; } .icon-speedometer:before { content: "\e051"; } .icon-global:before { content: "\e052"; } .icon-compass:before { content: "\e053"; } .icon-lifesaver:before { content: "\e054"; } .icon-clock:before { content: "\e055"; } .icon-aperture:before { content: "\e056"; } .icon-quote:before { content: "\e057"; } .icon-scope:before { content: "\e058"; } .icon-alarmclock:before { content: "\e059"; } .icon-refresh:before { content: "\e05a"; } .icon-happy:before { content: "\e05b"; } .icon-sad:before { content: "\e05c"; } .icon-facebook:before { content: "\e05d"; } .icon-twitter:before { content: "\e05e"; } .icon-googleplus:before { content: "\e05f"; } .icon-rss:before { content: "\e060"; } .icon-tumblr:before { content: "\e061"; } .icon-linkedin:before { content: "\e062"; } .icon-dribbble:before { content: "\e063"; } /* * Responsive layouts */ /*-----------------------------RESPONSIVE STYLES---------------------------------- */ @media only screen and (min-width: 992px) and (max-width: 1279px) { .input-text.newsfield{ min-width: 360px; } .orange-button.two{ padding: 15px 25px; } .tab-style .nav-tabs > li > a { padding: 20px 35px 15px 35px !important; } .input-text.dsearch-sty1{ min-width: 600px; } .input-text.dsearch-home2 { min-width: 300px; } .input-text.wide-input{ min-width: 82.4%; } .col-fea-box-white { padding: 60px 30px 33px; } } @media only screen and (min-width: 992px) and (max-width: 1169px) { .calendar_wrap td { padding: 8px 15px 0 0; } .container { padding: 0 15px; } header.headr-style.mtop { top: 0px; } .navbar-collapse { padding-right: 0; } .nav > li > a { padding-left: 6px !important; padding-right: 6px !important; } #domain-searchform .input-text { min-width: 54.900%; } #domain-searchform .input-text.wide-input { min-width: 82% !important; margin: 10px 0; } input-text newsfield .price span.font60 { font-size: 50px !important; } .price small.left-padd1 { padding-left: 0; } .price img.badge-tag { margin-top: 23px; } .parallax-shape.left-padd10 { padding-left: 15px; } .col-md-4 h2.font-thin.font30 { font-size: 26px !important; } .tab-style-1 .nav-tabs > li > a { padding: 15px 22px !important; } .maxad-col { background-size: 100%; } .maxad-col h2.m-top5 { margin-top: 45px; } .maxad-col h2.font25, .maxad-col .best-price .font25 { font-size: 18px !important; } .maxad-col ul.listitems li { margin-bottom: 5px; } .tab-style .nav-tabs > li > a { padding: 20px 25px 15px 25px !important; } .listitems { padding-left: 0; } .best-price { width: 78px; } .pricing-box .uppercase{ text-transform: inherit !important; } #dsearch { min-width: 72% !important; } #domain-searchform .input-text { min-width: 65% !important; margin: 10px 0; } #domain-searchform .input-text.dsearch-home2 { min-width: 51.200% !important; margin: 10px 0; } .tab-style .nav-tabs { border: 0 none; padding-left: 0%; } .input-text.newsfield { min-width: 345px; } .bg-shape::before { right: 36%; } a.login-btn, a.register-btn { display: none; } #domain-searchform .input-text.one { min-width: 69.500% !important; } .sec-col-left { padding: 80px 20px 50px 30px; } .sec-col-right { padding: 80px 20px 50px 30px; } /*master slider styles*/ .ms-layer.title4.sub-one { margin-top:6px !important;; } .ms-layer.text1 { font-size: 14px !important; line-height:18px !important; margin-top: 3px !important; } .ms-layer.btn3{ margin-top: 5px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .calendar_wrap td { padding: 8px 15px 0 0; } .container { width: 94% !important; } header.headr-style.mtop { top: 0px; } header.headr-style-home6 { top: 0px !important; } .navbar-nav .dropdown .dropdown-menu { width: 94.500% !important; } .headr-style.headr-style-2 { top: 20px; } .headr-style.headr-style-2 .dropdown-menu > li > a { border-bottom: 1px solid #3b3e44; } header.headr-style-2 .dropdown-menu > li > a, header.headr-style-2 .list-unstyled a { color: #FFF; } header.headr-style-2 .dropdown-menu > li > a:hover, header.headr-style-2 .list-unstyled a:hover { color: #000; } .navbar-toggle { margin-top: 20px !important; } .header-top span { padding: 0 2px; } #domain-searchform .input-text { min-width: 58%; margin: 10px 0; } .tab-style-1 .nav-tabs > li > a { padding: 15px 32px !important; } .headr-style-home6 .dropdown-menu > li > a, .headr-style.font-white .dropdown-menu > li > a { border-color: #3c3f44; } #domain-searchform .input-text.wide-input { min-width: 77% !important; margin: 10px 0; } .plus-icon, .bg-transparent.no-dis-phone, ul.social-icons.pull-right.no-dis-phone, .bg-shape::before { display: none; } .bg-shape .parallax-shape { background-position: left top; } .parallax-shape.left-padd10 { padding-left: 15px; } .two-color-boxes::before, .two-color-boxes-dark::before, .two-color-boxes-multi::before { right: 0; } .listitems { padding-left: 0; } #domain-searchform .input-text { min-width: 54.500% !important; margin: 10px 0; } #domain-searchform .input-text.dsearch-home2 { min-width: 58.500% !important; margin: 10px 0; } .price-info-circle { right: 200px; } .input-text.one { min-width: 60% !important; } .sec-col-left { padding: 80px 20px 50px 20px; } .sec-col-right { padding: 80px 20px 50px 20px; } .tab-style .nav-tabs { border: 0 none; padding-left: 1.500%; } .tab-style .nav-tabs > li > a { padding: 20px 19px 15px 19px !important; font-size: 14px; } a.login-btn, a.register-btn { display: none; } .col-lg-8.col-md-8.col-xs-12 p.left-padd3 { padding-left: 0; } .col-lg-4.col-md-4.col-xs-12.text-right { text-align: left; margin-bottom: 20px; } .two-color-boxes-multi .no-left-padd.right-padd4 { padding-right: 0; } .two-color-boxes-multi .no-right-padd.left-padd4 { padding-left: 0; } /*master slider styles*/ .ms-layer.title4 { font-size: 25px !important; } .ms-layer.title4.sub-one { margin-top:6px !important;; } .ms-layer.text1 { font-size: 14px !important; line-height:18px !important; margin-top: 3px !important; } .ms-layer.btn3{ margin-top: 3px !important; } .ms-layer.no-dis-phone{ display:none !important; } .ms-layer.phone-left-margin{ margin-left:70px; } .pricing-box .uppercase{ text-transform: inherit !important; } .input-text.newsfield{ min-width: 250px; } .orange-button.two{ padding: 15px 20px; } } @media only screen and (max-width: 999px) { .yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav, .yamm .nav ul{ z-index: 99999 !important; position: relative !important; } } @media only screen and (min-width: 640px) and (max-width: 767px) { .calendar_wrap td { padding: 12px 50px 0 0; } .container { width: 94% !important; } header.headr-style.mtop { top: 0px; } header.headr-style-home6 { top: 0px !important; } .navbar-nav .dropdown .dropdown-menu { width: 94.500% !important; } .headr-style.headr-style-2 { top: 15px; } .headr-style.headr-style-2 .dropdown-menu > li > a { border-bottom: 1px solid #3b3e44; } header.headr-style-2 .dropdown-menu > li > a, header.headr-style-2 .list-unstyled a { color: #FFF; } header.headr-style-2 .dropdown-menu > li > a:hover, header.headr-style-2 .list-unstyled a:hover { color: #000; } .headr-style-home6 .dropdown-menu > li > a, .headr-style.font-white .dropdown-menu > li > a { border-color: #3c3f44; } .navbar-toggle { margin-top: 20px !important; } .no-dis-phone, .bg-shape::before { display: none; } #domain-searchform .input-text { min-width: 50%; margin: 10px 0; } .parallax-shape { background-position: left top; } .parallax-shape.left-padd10 { padding-left: 15px; } .two-color-boxes::before, .two-color-boxes-dark::before, .two-color-boxes-multi::before { right: 0; } .maxad-col { background-size: 100%; } .best-price { float: right; margin: 25px 25px 0 0; text-align: center; width: 126px; } .listitems { padding-left: 0; } #dsearch { min-width: 72% !important; } #domain-searchform .input-text { min-width: 45% !important; margin: 10px 0; } #domain-searchform .input-text.dsearch-home2 { min-width: 50% !important; margin: 10px 0; } #domain-searchform .input-text.wide-input { min-width: 72% !important; margin: 10px 0; } .input-text.one { min-width-width: 52%; } .sec-col-left { padding: 80px 20px 50px 20px; } .sec-col-right { padding: 80px 20px 50px 20px; } .col-lg-8.col-md-8.col-xs-12 p.left-padd3 { padding-left: 0; } .col-lg-4.col-md-4.col-xs-12.text-right { text-align: left; margin-bottom: 20px; } .tab-style .nav-tabs > li { float: none; margin-bottom: 1px; } .tab-style .nav-tabs > li > a { width: 90%; } ul.listitems.half li { width: 100%; } .orange-button { margin-left: 0 !important; } .two-color-boxes-multi .no-left-padd.right-padd4 { padding-right: 0; } .two-color-boxes-multi .no-right-padd.left-padd4 { padding-left: 0; } /*master slider styles*/ .ms-layer.title4 { font-size: 20px !important; } .ms-layer.title4.sub-one { margin-top:6px !important;; } .ms-layer.text1 { font-size: 11px !important; line-height:15px !important; margin-top: 3px !important; } .ms-layer.btn3{ margin-top: 5px !important; } .ms-layer.no-dis-phone{ display:none !important; } .ms-layer.phone-left-margin{ margin-left:70px; } .pricing-box .uppercase{ text-transform: inherit !important; } } @media only screen and (min-width: 480px) and (max-width: 639px) { .calendar_wrap td { padding: 10px 40px 0 0; } .container { width: 94% !important; } header.headr-style, .headr-style-home6 { position: static !important; background: #333 !important; } .navbar-nav .dropdown .dropdown-menu { width: 94.500% !important; } .headr-style.headr-style-2 { padding-top: 5px; } .headr-style.headr-style-2 .dropdown-menu > li > a { border-bottom: 1px solid #3b3e44; } header.headr-style-2 .dropdown-menu > li > a, header.headr-style-2 .list-unstyled a { color: #FFF; } header.headr-style-2 .dropdown-menu > li > a:hover, header.headr-style-2 .list-unstyled a:hover { color: #000; } .headr-style-home6 .dropdown-menu > li > a, .headr-style.font-white .dropdown-menu > li > a { border-color: #3c3f44; } .navbar-toggle { margin-top: 20px !important; } .no-dis-phone, .bg-shape::before { display: none; } #domain-searchform .input-text { min-width: 100% !important; margin: 10px 0; } #domain-searchform .selectpicker { min-width: 64.8%; margin-left: 0; width: 64.8%; margin-bottom: 10px; } #domain-searchform .selectpicker.selectpicker-home2 { min-width: 62.8%; margin-left: 0; width: 62.8%; margin-bottom: 10px; } .col-lg-8.col-md-8.col-xs-12 p.left-padd3 { padding-left: 0; } .col-lg-4.col-md-4.col-xs-12.text-right { text-align: left; margin-bottom: 20px; } .tab-style .nav-tabs > li { float: none; margin-bottom: 1px; } .tab-style .nav-tabs > li > a { width: 90%; } ul.listitems.half li { width: 100%; } .orange-button { margin-left: 0 !important; } .parallax-shape { background-position: left top; } .parallax-shape.left-padd10 { padding-left: 15px; } .two-color-boxes::before, .two-color-boxes-dark::before, .two-color-boxes-multi::before { right: 0; } .maxad-col { background-size: 100%; } #dsearch { min-width: 72% !important; } #domain-searchform .input-text { min-width: 100% !important; margin: 10px 0; } .dom-list { margin-right: 0; } .dom-but { padding: 8px 18px; margin-bottom: 8px; } .input-text.one { width: 100%; } .sec-col-left { padding: 80px 20px 50px 20px; } .sec-col-right { padding: 80px 20px 50px 20px; } .sec-col-left img, .sec-col-right img { width: 100%; margin-bottom: 20px; } .two-color-boxes-multi .no-left-padd.right-padd4 { padding-right: 0; } .two-color-boxes-multi .no-right-padd.left-padd4 { padding-left: 0; } /*master slider styles*/ .ms-layer.title4 { font-size: 18px !important; } .ms-layer.title4.sub-one { margin-top:6px !important;; } .ms-layer.title3 { font-size: 18px !important; margin-top: -5px; } .ms-layer.text1 { font-size: 9.5px !important; line-height:12px !important; margin-top: 3px !important; } .ms-layer.btn3{ margin-top: 5px !important; } .ms-slide.index6 .ms-layer.title4 { margin-top: -20px !important; } .ms-slide.index6 .ms-layer.title4.subtitle { margin-top: -10px !important; } .ms-layer.no-dis-phone{ display:none !important; } .ms-layer.phone-left-margin{ margin-left:100px; } } @media only screen and (max-width: 479px) { .container { width: 94% !important; } .navbar-nav .dropdown .dropdown-menu { width: 94.300% !important; } header.headr-style, .headr-style-home6 { position: static !important; background: #333 !important; } header.headr-style-2 .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { width: 100%; } .headr-style.headr-style-2 { padding-top: 5px; } .headr-style.headr-style-2 .dropdown-menu > li > a { border-bottom: 1px solid #3b3e44; } .headr-style.headr-style-2 a.navbar-brand { padding: 0 105px; } header.headr-style-2 .dropdown-menu > li > a, header.headr-style-2 .list-unstyled a { color: #FFF; } header.headr-style-2 .dropdown-menu > li > a:hover, header.headr-style-2 .list-unstyled a:hover { color: #000; } .headr-style-home6 .dropdown-menu > li > a, .headr-style.font-white .dropdown-menu > li > a { border-color: #3c3f44; } .domin-list span.space-pad { padding: 0 10px; } .navbar-toggle { margin-top: 20px !important; } .no-dis-phone, .plus-icon, span.offer-best, .bg-shape::before { display: none !important; } #domain-searchform .input-text { min-width: 100%; margin: 10px 0; } #domain-searchform .input-text.wide-input { min-width: 100%; margin: 10px 0; } #domain-searchform .selectpicker { min-width: 100%; margin-left: 0; width: 100%; margin-bottom: 10px; } .two-color-boxes::before, .two-color-boxes-dark::before, .two-color-boxes-multi::before { right: 0; } .col-lg-8.col-md-8.col-xs-12 p.left-padd3 { padding-left: 0; } .col-lg-4.col-md-4.col-xs-12.text-right { text-align: left; margin-bottom: 20px; } .tab-style .nav-tabs > li { float: none; margin-bottom: 1px; } .tab-style .nav-tabs > li > a { width: 90%; } ul.listitems.half li { width: 100%; } .orange-button, .blue-button, .black-button { margin-left: 0 !important; } .price span.font60 { font-size: 50px !important; } .price small.left-padd1 { padding-left: 0; } .price img.badge-tag { margin-top: 23px; } .maxad-col { background-size: 100%; } .maxad-col h2.m-top5 { margin-top: 25px; } .maxad-col h2.font25, .maxad-col .best-price .font25 { font-size: 18px !important; } .maxad-col ul.listitems li { margin-bottom: 5px; } .best-price { width: 70px; } .dom-list { margin-right: 0; } .dom-but { padding: 8px 34px; margin-bottom: 8px; } .sec-col-left { padding: 80px 20px 50px 20px; } .sec-col-right { padding: 80px 20px 50px 20px; } .sec-col-left img, .sec-col-right img { width: 100%; margin-bottom: 20px; } #newsletter .input-text.newsfield { min-width: 100%; margin-bottom: 8px; } .tab-style-1 .nav-tabs > li > a { padding: 12px 25px !important; } .two-color-boxes-multi .no-left-padd.right-padd4 { padding-right: 0; } .two-color-boxes-multi .no-right-padd.left-padd4 { padding-left: 0; } /*master slider styles*/ .ms-layer.title4 { font-size: 15px !important; } .ms-layer.title4.sub-one { margin-top:6px !important; font-size: 14px !important; } .ms-layer.title3 { font-size: 16px !important; margin-top: -5px !important; } .ms-slide.index4 .ms-layer.title2 { margin-top: -5px !important; } .ms-slide.index6 .ms-layer.title4 { margin-top: -20px !important; } .ms-slide.index6 .ms-layer.title4.subtitle { margin-top: -10px !important; } .ms-layer.text1 { font-size:6px !important; line-height:10px !important; margin-top: 3px !important; } .ms-layer.btn3{ margin-top: 5px !important; } .ms-layer.no-dis-phone{ display:none !important; } .ms-layer.phone-left-margin{ margin-left:100px; } .nodisplay-phone{ display:none !important; } /*Main Menu*/ header.headr-style-2 .navbar-default { padding: 0 10px !important; } } @media only screen and (min-width:655px) and (max-width:820px){ .input-text.dsearch-home2 { min-width: 300px !important; } } @media only screen and (max-width:998px){ .section-lg.m-top0.domain-search.white-bg #domain-searchform input[type=submit], .section-lg.m-top0.domain-search.white-bg #domain-form input[type=submit] { margin-top:10px; margin-left:0; } } /* * Mainmenu/menus.css */ /*! * Yamm!3 - Yet another megamenu for Bootstrap 3 * http://geedmo.github.com/yamm3 * * @geedmo - Licensed under the MIT license */ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; } .yamm .dropdown.wide-menu .dropdown-menu { left: 0; right: 0; } .navbar { margin-bottom:0; border:0; } .navbar-nav { float: right; } .navbar-brand { float: left; font-size: 18px; height: 55px; line-height: 20px; padding:0px 110px; margin-left:0 !important; } .navbar-default { background:none; border-color: #e7e7e7; } ul.nav>li>a.active { color:#49a32b;/* border-bottom:3px solid #06d0d8;*/ } ul.nav>li>a:hover.active { color:#49a32b;/*border-bottom:3px solid #06d0d8;*/ } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #49a32b; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text { color:#fff; font-size:13px; } .headr-style-3 .navbar-default .navbar-nav > li > a, .headr-style-3 .navbar-default .navbar-text { color:#8a8989; font-size:13px; } .headr-style-2 .navbar-default .navbar-nav > li > a:hover { color:#fff; } header.header.headr-style-1 .navbar-default .navbar-nav > li > a, header.header.headr-style-1 .navbar-default .navbar-text { color:#8a8989; font-size:14px; } header.header.headr-style-1.font-white .navbar-default .navbar-nav > li > a, header.header.headr-style-1.font-white .navbar-default .navbar-text { color:#fff; } header.header.headr-style-1 .navbar-default .navbar-nav .dropdown-menu { background:#2c3036; border:0; } header.header.headr-style-1 .navbar-default .navbar-nav .dropdown-menu > li > a { border-bottom: 1px solid #32373d; } header.header.headr-style-1 .navbar-default .navbar-nav .dropdown-menu > li > a:hover { background:#292e33; } .nav > li > a { padding:10px 13px; } .nav > li:last-child > a { padding-right:0; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color:transparent; } .navbar-nav > li > a { padding-bottom: 25px; padding-top: 25px; text-transform:uppercase; } .headr-style-3 .navbar-nav > li > a { padding-bottom: 22px; padding-top: 21px; text-transform: uppercase; } .dropdown-menu.right-margin { margin-left:-80px; } .dropdown-menu.right-margin.one { margin-left:-10px; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -1px; margin-left: -1px; /* margin-left: -456px;*/ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .dropdown-submenu>.dropdown-menu:last-child { } .list-unstyled li { padding: 5px 0; } .list-unstyled a { color: #999; font-size: 13px; padding: 4px 0; transition: all 0.3s ease 0s; width: 100%; } .list-unstyled a:hover { color: #49a32b; } .list-unstyled li p { color: #242424; font-size: 13px; font-weight: 600; line-height: 0; margin-bottom: 18px; text-transform: uppercase; } .list-unstyled a span { color:#ff4f56; } .list-unstyled li.marginbottom { margin-bottom: 20px; } .navbar-nav > li > .dropdown-menu { margin-top: -2px; } .yamm .col-sm-4 ul, .yamm .col-sm-3 ul { padding:0; width:100% !important; } .dropdown-menu { min-width: 185px; padding:0; } .dropdown-menu>li>a { padding: 9px 20px; font-size:13px; color:#999; border-bottom: 1px solid #e4e4e4; transition: all 0.3s ease; } .dropdown-menu>li>a:hover { border-bottom: 1px solid #e4e4e4; color:#49a32b; } .headr-style-2 .dropdown-menu>li>a, .headr-style-3 .dropdown-menu>li>a, .headr-style-4 .dropdown-menu>li>a, { border-bottom: 1px solid #e4e4e4; } .headr-style-2 .dropdown-menu>li>a:hover, .headr-style-3 .dropdown-menu>li>a:hover, .headr-style-4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #d7d7d7; } .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } .navbar-nav > li.cart { background:#f05d6b; float:right; margin-top:-2px; } .navbar-nav > li.cart a { color:#FFF !important; padding:23px 25px 22px 25px; font-size:15px 10px; } .cart-info-box { width:400px; right:0; padding:30px; } .cart-info-box .mini-cart { width:100%; } .price-total { border-bottom:dashed 1px #cecece; padding-top:10px; padding-bottom:10px; margin-bottom:25px; } @media (min-width:769px; ) { .dropdown-submenu>.dropdown-menu:last-child { border-top: 0px solid #000; } } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-nav { margin:0; width:100%; } @media (max-width: 767px) { .navbar-nav .dropdown .dropdown-menu { padding-left: 12px; } } /*@media (min-width: 1000px) {*/ @media (min-width: 1000px) { .dropdown-submenu:hover>.dropdown-menu { -webkit-animation-duration: 0.5s; -webkit-animation-name: fadeInFromNone; -webkit-animation-fill-mode: forwards; animation-duration: 0.5s; animation-name: fadeInFromNone; animation-fill-mode: forwards; -ms-animation-duration: 0.5s; -ms-animation-name: fadeInFromNoneIE; -ms-animation-fill-mode: forwards; } /*menu on hover dropdown*/ .yamm ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; animation-duration: 0.5s; animation-name: fadeInFromNone; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; -webkit-animation-name: fadeInFromNone; -webkit-animation-fill-mode: forwards; -ms-animation-duration: 5s; -ms-animation-name: fadeInFromNoneIE; -ms-animation-fill-mode: forwards; } @-webkit-keyframes fadeInFromNone { 0% { opacity: 0; } 1% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInFromNoneIE { 0% { opacity: 0; } 1% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInFromNone { 0% { opacity: 0; } 1% { opacity: 0; } 100% { opacity: 1; } } } @media (max-width:999px) { .navbar-header { width:100%; } .navbar-toggle { margin-top: 14px; margin-right:0; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text { color:#49a32b; } .yamm.fulldark .navbar-nav > li > a { padding-bottom: 10px; padding-top: 10px; } .yamm.fulldark .dropdown-menu > li > a.active { color: #fff; } .yamm .yamm-content { padding: 0; } .navbar-nav > li > a { padding-bottom: 5px; padding-top: 13px; } .yamm .col-sm-3 { width: 50%; } .list-unstyled h5, .list-unstyled li span { border-bottom: 1px solid #3d4045; padding-bottom:5px; width:100%; float:left; margin:8px 0 8px 0; } .dropdown-menu.right-margin { margin-left: 0px; } } @media (max-width:768px) { .navbar-header { width:100%; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text { color:#49a32b; } .navbar-nav > li > a { padding-bottom: 5px; padding-top: 13px; } .yamm .yamm-content { padding: 0; } .yamm .col-sm-3 { float: left; margin-left: 0; width: 46%; } .list-unstyled h5, .list-unstyled li span { border-bottom: 1px solid #3d4045; padding-bottom:5px; width:100%; float:left; margin:8px 0 8px 0; } .dropdown-menu.right-margin { margin-left: 0px; } } @media (max-width:479px) { .navbar-nav > li > a { padding-bottom: 5px; padding-top: 20px; } .navbar-brand img { width:70%; } .navbar-nav { margin:0; width:100%; } .yamm .col-sm-3 { width: 95%; } .yamm .yamm-content { padding: 0; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text { color:#49a32b; } .list-unstyled h5, .list-unstyled li span { border-bottom: 1px solid #3d4045; padding-bottom:8px; width:100%; float:left; margin:8px 0 8px 0; } } @media (max-width: 999px) { .navbar-collapse.pull-right { width: 100%; background: #fff; } .navbar-collapse.pull-right.dark-color { background: #2c3036; } .navbar-nav { margin: 0; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; max-height: 340px; overflow-x: visible; padding-left: 15px; padding-right: 15px; } .yamm.fulldark .navbar-collapse { margin-top:0px; background-color:#000; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-: none; } /*auto expand style*/ .navbar-nav .dropdown .dropdown-menu { display: block; position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .sticky-wrapper { padding:0px; margin: 0 0 -21px; height:0; } } header.header { -webkit-border-radius:0; border-spacing:0; -webkit-appearance:none; -moz-appearance:none; appearance:normal; -webkit-tap-highlight-color:transparent; outline:0!important; -webkit-touch-callout:none; transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-duration:.2s; -moz-transition-duration:.2s; -webkit-transition-duration:.2s; -o-transition-duration:.2s } :focus { outline:0 } body { overflow-x:hidden } ::-webkit-scrollbar { width:12px } ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3); -moz-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3); box-shadow:inset 0 0 6px rgba(0, 0, 0, .3); } ::-webkit-scrollbar-thumb { background:rgba(210, 210, 210, .8); -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .5); -moz-box-shadow:inset 0 0 6px rgba(0, 0, 0, .5); box-shadow:inset 0 0 6px rgba(0, 0, 0, .5); } ::-webkit-scrollbar-thumb:window-inactive { background:rgba(210, 210, 210, .4) } header.header { display:block; position:fixed; z-index:9000!important; top:55px; left:0; width:100%; background-color: transparent; height:100px; border-bottom: 0px solid rgba(255, 255, 255, 0.18); } header.header.headr-style-home6{ top:30px; } header.header.headr-style-1 { display:block; position:inherit; z-index:9000!important; top:0px; left:0; width:100%; background-color: transparent; height:85px; padding-top:6px; border-bottom: 0px solid rgba(255, 255, 255, 0.18); } header.header.headr-style-2 { padding-top:52px; } header.header.headr-style-2 .navbar-default { margin:auto !important; background-color:#45be84; border-radius:0; padding:0px 20px; } header.header.headr-style-3 { display:block; position:inherit; z-index:9000!important; top:0px; left:0; width:100%; background-color:#101010; height:65px; padding-top:2px; border-bottom: 0px solid rgba(255, 255, 255, 0.18); } header.header.headr-style-4 { display:block; position:fixed; z-index:9000!important; top:0px; left:0; width:100%; background-color: transparent; height:100px; padding: 20px 30px 0 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } header.header.headr-style-4.noborder { border:0; } .compact header.header { display:block; position:fixed; z-index:9000!important; top:0; left:0; width:100%; background: rgba(0, 0, 0, 2); border-bottom:none; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .1); box-shadow:0 1px 4px rgba(0, 0, 0, .1); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, .1); height: auto; padding-top: 0px; padding-bottom: 0px; } .compact header.header.whitebg { background: rgba(255, 255, 255, 2); } .compact header.header.olivebg { background: rgba(69, 190, 132, 2); } .compact header.header .navbar-brand { background-size: 70%; background-position: left 20px; } .compact header.header.headr-style-4 .navbar-brand, .compact header.header.headr-style-2 .navbar-brand { background-size:60%; background-position: left 20px; } .compact header.header .navbar-nav>li>a { padding-top: 22px; padding-bottom: 22px; text-transform: uppercase; } header.header.onpage-head { display:none; position:relative; z-index:9000!important; top:0px; left:0; width:100%; background-color: transparent; height:100px; padding-top: 20px; border-bottom: 0px solid rgba(255, 255, 255, 0.18); transition: all 0.3s ease-out 0s; } .compact header.header.onpage-head { display:block; position:fixed; top:0; left:0; width:100%; background: rgba(0, 0, 0, 2); border-bottom:none; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .1); box-shadow:0 1px 4px rgba(0, 0, 0, .1); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, .1); height: auto; padding-top: 0px; padding-bottom: 0px; transition: all 0.3s ease-out 0s; } } @media only screen and (min-width: 1000px) and (max-width: 1169px) { header.header { height: auto; padding-top: 5px; } .compact header.header .navbar-brand { background-size: 75%; background-position: left 20px; } .compact header.header .navbar-nav>li>a { padding-top: 20px; padding-bottom: 20px; } header.header.headr-style-2 { padding-top:0px; } } @media only screen and (min-width: 768px) and (max-width: 999px) { header.header { height: auto; padding-top: 5px; padding-bottom: 10px; } .compact header.header { padding-top: 0px; padding-bottom: 10px; } header.header.headr-style-2 { padding-top:0px; } } @media only screen and (min-width: 640px) and (max-width: 767px) { header.header { height: auto; padding-top: 5px; padding-bottom: 10px; } .compact header.header { padding-top: 0px; padding-bottom: 9px; } .compact header.header .navbar-brand { background-position: left 22px; } header.header.headr-style-2 { padding-top:0px; } } @media only screen and (min-width: 480px) and (max-width: 639px) { header.header { height: auto; padding-top: 9px; padding-bottom: 8px; } .compact header.header { padding-top: 0px; padding-bottom: 9px; } .compact header.header .navbar-brand { background-size: 75%%; background-position: left 22px; } header.header.headr-style-2 { padding-top:20px; } } @media only screen and (max-width: 479px) { header.header { height: auto; padding-top: 9px; padding-bottom: 8px; } .compact header.header { padding-top: 0px; padding-bottom: 9px; } .compact header.header .navbar-brand { background-size: 75%; background-position: left 22px; } header.header.headr-style-2 { padding-top:0px; } } /*For Page Header Three*/ .page-header.three { border-bottom: none; } @media only screen and (max-width: 991px){ .page-header.three .col-md-6.left-padd0.m-bottom2{ float: left; } .navbar-collapse.in, .navbar-collapse.show { overflow-y: auto; } } /*END For Page Header Three*/ /*For Mobile view of Menu*/ @media (min-width: 1000px) and (max-width: 1125px){ .navbar-nav>li:last-child .dropdown-menu { right: -60px; } } @media only screen and (max-width: 999px){ .yamm .yamm-content { padding: 0px 30px 20px!important; } .compact header.header .navbar-nav>li>a { padding-bottom: 5px; padding-top: 13px; } .navbar-nav .dropdown .dropdown-menu { margin-bottom: 15px; } .dropdown-menu>li>a { color: #fafafa; padding: 9px 20px 9px 30px; } .yamm .yamm-content .col-sm-3 { margin-left: 0; } } @media (min-width: 768px) and (max-width: 999px){ .navbar-nav>li { float: none; } } /*END For Mobile view of Menu*/ @media only screen and (max-width: 999px) and (min-width: 992px){ header .navbar-default .navbar-collapse{ border-color: #fff; } } .products header{ top: 0; height: auto; z-index: 0 !important; } /* * Sky-forms */ /**/ /* font */ /**/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700); /**/ /* defaults */ /**/ .sky-form { margin: 0; outline: none; /*box-shadow: 0 0 20px rgba(0,0,0,.3);*/ font: 13px/1.55 'Roboto', sans-serif; color: #666; } .sky-form header { display: block; padding: 20px 30px; margin-bottom:30px; border-bottom: 1px solid rgba(0, 0, 0, .1); background: none; font-size: 25px; font-weight: 300; color: #232323; } .sky-form fieldset { display: block; /*padding: 25px 30px 5px;*/ padding:0px; border: none; margin-top:30px;/*background: rgba(255, 255, 255, .9);*/ } .sky-form fieldset + fieldset { /* border-top: 1px solid rgba(0,0,0,.1);*/ } .sky-form section { margin-bottom: 20px; } /*.sky-form footer { display: block; padding: 0 30px 25px; background: rgba(248,248,248,.9); }*/ .sky-form footer { display: block; padding: 0; } .sky-form footer:after { content: ''; display: table; clear: both; } .sky-form a { color: #1cbac8; } .sky-form .label { display: block; margin-bottom: 6px; line-height: 19px; font-weight: 400; } .sky-form .label.col { margin: 0; padding-top: 10px; } .sky-form .note { margin-top: 6px; padding: 0 1px; font-size: 13px; line-height: 15px; color: #999; } .sky-form .input, .sky-form .select, .sky-form .textarea, .sky-form .radio, .sky-form .checkbox, .sky-form .toggle, .sky-form .button { position: relative; display: block; } .sky-form .input input, .sky-form .select select, .sky-form .textarea textarea { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 39px; padding: 6px 10px; outline: none; border-width: 1px; border-style: solid; border-radius: 0; background: #fff; font: 15px/23px 'Roboto', sans-serif; color: #404040; appearance: normal; -moz-appearance: none; -webkit-appearance: none; } .sky-form.two .input input, .sky-form.two .select select, .sky-form.two .textarea textarea { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 6px 10px; outline: none; border:solid 0px #3d3d3d; border-bottom:solid 1px #3d3d3d; background: none repeat scroll 0 0 #2f2f2f; font: 15px/23px 'Roboto', sans-serif; color: #404040; appearance: normal; -moz-appearance: none; -webkit-appearance: none; } .sky-form .progress { float: right; margin-top: 10px; line-height: 39px; color: #232323; } .sky-form button::-moz-focus-inner { padding: 0; border: 0; } /**/ /* captcha inputs */ /**/ .sky-form .input-captcha img { position: absolute; top: 2px; right: 2px; border-left: 1px solid #e5e5e5; } /**/ /* file inputs */ /**/ .sky-form .input-file .button { position: absolute; top: 4px; right: 4px; float: none; height: 31px; margin: 0; padding: 0 20px; font-size: 13px; line-height: 31px; } .sky-form .input-file .button:hover { box-shadow: none; } .sky-form .input-file .button input { position: absolute; top: 0; right: 0; padding: 0; font-size: 30px; cursor: pointer; opacity: 0; } /**/ /* selects */ /**/ .sky-form .select i { position: absolute; top: 2px; right: 2px; width: 28px; height: 35px; background: #fff; pointer-events: none; } .sky-form .select i:after, .sky-form .select i:before { content: ''; position: absolute; right: 10px; border-right: 4px solid transparent; border-left: 4px solid transparent; } .sky-form .select i:after { bottom: 12px; border-top: 4px solid #404040; } .sky-form .select i:before { top: 12px; border-bottom: 4px solid #404040; } .sky-form .select select { padding-right: 28px; } .sky-form .select-multiple select { height: auto; } /**/ /* textareas */ /**/ .sky-form .textarea textarea { height: auto; resize: none; } .sky-form .textarea-resizable textarea { resize: vertical; } .sky-form .textarea-expandable textarea { height: 39px; } .sky-form .textarea-expandable textarea:focus { height: auto; } /**/ /* radios and checkboxes */ /**/ .sky-form .radio, .sky-form .checkbox { margin-bottom: 4px; padding-left: 27px; font-size: 15px; line-height: 27px; color: #404040; cursor: pointer; } .sky-form .radio:last-child, .sky-form .checkbox:last-child { margin-bottom: 0; } .sky-form .radio input, .sky-form .checkbox input { position: absolute; left: -9999px; } .sky-form .radio i, .sky-form .checkbox i { position: absolute; top: 5px; left: 0; display: block; width: 13px; height: 13px; outline: none; border-width: 2px; border-style: solid; background: #fff; } .sky-form .radio i { border-radius: 50%; } .sky-form .radio input + i:after, .sky-form .checkbox input + i:after { position: absolute; opacity: 0; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; } .sky-form .radio input + i:after { content: ''; top: 4px; left: 4px; width: 5px; height: 5px; border-radius: 50%; } .sky-form .checkbox input + i:after { content: '\f00c'; top: -1px; left: -1px; width: 15px; height: 15px; font: normal 12px/16px FontAwesome; text-align: center; } .sky-form .radio input:checked + i:after, .sky-form .checkbox input:checked + i:after { opacity: 1; } .sky-form .inline-group { margin: 0 -30px -4px 0; } .sky-form .inline-group:after { content: ''; display: table; clear: both; } .sky-form .inline-group .radio, .sky-form .inline-group .checkbox { float: left; margin-right: 30px; } .sky-form .inline-group .radio:last-child, .sky-form .inline-group .checkbox:last-child { margin-bottom: 4px; } /**/ /* toggles */ /**/ .sky-form .toggle { margin-bottom: 4px; padding-right: 61px; font-size: 15px; line-height: 27px; color: #404040; cursor: pointer; } .sky-form .toggle:last-child { margin-bottom: 0; } .sky-form .toggle input { position: absolute; left: -9999px; } .sky-form .toggle i { content: ''; position: absolute; top: 4px; right: 0; display: block; width: 49px; height: 17px; border-width: 2px; border-style: solid; border-radius: 12px; background: #fff; } .sky-form .toggle i:after { content: 'OFF'; position: absolute; top: 2px; right: 8px; left: 8px; font-style: normal; font-size: 9px; line-height: 13px; font-weight: 700; text-align: left; color: #5f5f5f; } .sky-form .toggle i:before { content: ''; position: absolute; z-index: 1; top: 4px; right: 4px; display: block; width: 9px; height: 9px; border-radius: 50%; opacity: 1; -ms-transition: right 0.2s; -moz-transition: right 0.2s; -webkit-transition: right 0.2s; } .sky-form .toggle input:checked + i:after { content: 'ON'; text-align: right; } .sky-form .toggle input:checked + i:before { right: 36px; } /**/ /* ratings */ /**/ .sky-form .rating { margin-bottom: 4px; font-size: 15px; line-height: 27px; color: #404040; } .sky-form .rating:last-child { margin-bottom: 0; } .sky-form .rating input { position: absolute; left: -9999px; } .sky-form .rating label { display: block; float: right; height: 17px; margin-top: 5px; padding: 0 2px; font-size: 17px; line-height: 17px; cursor: pointer; } /**/ /* buttons */ /**/ .sky-form .button { float: right; height: 45px; overflow: hidden; margin: 10px 0 0 0; padding: 2px 25px; outline: none; border: 0; font: 500 15px/39px 'Roboto', sans-serif; text-decoration: none; color: #fff; cursor: pointer; text-transform:uppercase; } .sky-form .button-uploading { position: relative; color: transparent; cursor: default; } .sky-form .button-uploading:after { content: 'Uploading...'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; -o-animation: blink 1s linear infinite; -ms-animation: blink 1s linear infinite; -moz-animation: blink 1s linear infinite; -webkit-animation: blink 1s linear infinite; } @-o-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0.3 } 100% { opacity: 1 } } @-ms-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0.3 } 100% { opacity: 1 } } @-moz-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0.3 } 100% { opacity: 1 } } @-webkit-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0.3 } 100% { opacity: 1 } } /**/ /* icons */ /**/ .sky-form .icon-append, .sky-form .icon-prepend { position: absolute; top: 5px; width: 29px; height: 29px; font-size: 15px; line-height: 29px; text-align: center; } .sky-form .icon-append { right: 5px; padding-left: 3px; border-left-width: 1px; border-left-style: solid; } .sky-form .icon-prepend { left: 5px; padding-right: 3px; border-right-width: 1px; border-right-style: solid; } .sky-form .input .icon-prepend + input, .sky-form .textarea .icon-prepend + textarea { padding-left: 46px; } .sky-form .input .icon-append + input, .sky-form .textarea .icon-append + textarea { padding-right: 46px; } .sky-form .input .icon-prepend + .icon-append + input, .sky-form .textarea .icon-prepend + .icon-append + textarea { padding-left: 46px; } /**/ /* grid */ /**/ .sky-form .row { margin: 0 -15px; } .sky-form .row:after { content: ''; display: table; clear: both; } .sky-form .col { float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; } .sky-form .col-1 { width: 8.33%; } .sky-form .col-2 { width: 16.66%; } .sky-form .col-3 { width: 25%; } .sky-form .col-4 { width: 33.33%; } .sky-form .col-5 { width: 41.66%; } .sky-form .col-6 { width: 50%; } .sky-form .col-7 { width: 58.33%; } .sky-form .col-8 { width: 66.67%; } .sky-form .col-9 { width: 75%; } .sky-form .col-10 { width: 83.33%; } .sky-form .col-11 { width: 91.66%; } @media screen and (max-width: 600px) { .sky-form .col { float: none; width: 100%; } } /**/ /* tooltips */ /**/ .sky-form .tooltip { position: absolute; z-index: 1; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0, 0, 0, 0.9); color: #fff; opacity: 0; -ms-transition: margin 0.3s, opacity 0.3s; -moz-transition: margin 0.3s, opacity 0.3s; -webkit-transition: margin 0.3s, opacity 0.3s; } .sky-form .tooltip:after { content: ''; position: absolute; } .sky-form .input input:focus + .tooltip, .sky-form .textarea textarea:focus + .tooltip { opacity: 1; } .sky-form .tooltip-top-right { bottom: 100%; margin-bottom: 15px; } .sky-form .tooltip-top-right:after { top: 100%; right: 16px; border-top: 4px solid rgba(0, 0, 0, 0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-top-right, .sky-form .textarea textarea:focus + .tooltip-top-right { right: 0; left: auto; margin-bottom: 5px; } .sky-form .tooltip-top-left { bottom: 100%; margin-bottom: 15px; } .sky-form .tooltip-top-left:after { top: 100%; left: 16px; border-top: 4px solid rgba(0, 0, 0, 0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-top-left, .sky-form .textarea textarea:focus + .tooltip-top-left { right: auto; left: 0; margin-bottom: 5px; } .sky-form .tooltip-right { top: 9px; white-space: nowrap; margin-left: 15px; } .sky-form .tooltip-right:after { top: 6px; right: 100%; border-top: 4px solid transparent; border-right: 4px solid rgba(0, 0, 0, 0.9); border-bottom: 4px solid transparent; } .sky-form .input input:focus + .tooltip-right, .sky-form .textarea textarea:focus + .tooltip-right { left: 100%; margin-left: 5px; } .sky-form .tooltip-left { top: 9px; white-space: nowrap; margin-right: 15px; } .sky-form .tooltip-left:after { top: 6px; left: 100%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgba(0, 0, 0, 0.9); } .sky-form .input input:focus + .tooltip-left, .sky-form .textarea textarea:focus + .tooltip-left { right: 100%; left: auto; margin-right: 5px; } .sky-form .tooltip-bottom-right { top: 100%; margin-top: 15px; } .sky-form .tooltip-bottom-right:after { bottom: 100%; right: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0, 0, 0, 0.9); border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-bottom-right, .sky-form .textarea textarea:focus + .tooltip-bottom-right { right: 0; left: auto; margin-top: 5px; } .sky-form .tooltip-bottom-left { top: 100%; margin-top: 15px; } .sky-form .tooltip-bottom-left:after { bottom: 100%; left: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0, 0, 0, 0.9); border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-bottom-left, .sky-form .textarea textarea:focus + .tooltip-bottom-left { right: auto; left: 0; margin-top: 5px; } /**/ /* normal state */ /**/ .sky-form .input input, .sky-form .select select, .sky-form .textarea textarea, .sky-form .radio i, .sky-form .checkbox i, .sky-form .toggle i, .sky-form .icon-append, .sky-form .icon-prepend { border-color: #e5e5e5; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .sky-form.two .input input, .sky-form.two .select select, .sky-form.two .textarea textarea, .sky-form.two .radio i, .sky-form.two .checkbox i, .sky-form.two .toggle i, .sky-form.two .icon-append, .sky-form.two .icon-prepend { border-color: #3d3d3d; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .sky-form .toggle i:before { background-color: #1cbac8; } .sky-form .rating label { color: #ccc; -ms-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; } .sky-form .button { background-color: #1cbac8; opacity: 0.8; -ms-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; } .sky-form .button.button-secondary { background-color: #5b5b5b; padding-top:4px; padding-bottom:0; } .sky-form .icon-append, .sky-form .icon-prepend { color: #ccc; } .sky-form.two .icon-append, .sky-form.two .icon-prepend { color: #626262; } /**/ /* hover state */ /**/ .sky-form .input:hover input, .sky-form .select:hover select, .sky-form .textarea:hover textarea, .sky-form .radio:hover i, .sky-form .checkbox:hover i, .sky-form .toggle:hover i, .sky-form .ui-slider-handle:hover { border-color: #6e6e6e; } .sky-form .rating input + label:hover, .sky-form .rating input + label:hover ~ label { color: #1cbac8; } .sky-form .button:hover { opacity: 1; } /**/ /* focus state */ /**/ .sky-form .input input:focus, .sky-form .select select:focus, .sky-form .textarea textarea:focus, .sky-form .radio input:focus + i, .sky-form .checkbox input:focus + i, .sky-form .toggle input:focus + i { border-color: #000; } /**/ /* checked state */ /**/ .sky-form .radio input + i:after { background-color: #1cbac8; } .sky-form .checkbox input + i:after { color: #1cbac8; } .sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i { border-color: #1cbac8; } .sky-form .rating input:checked ~ label { color: #1cbac8; } /**/ /* error state */ /**/ .sky-form .state-error input, .sky-form .state-error select, .sky-form .state-error textarea, .sky-form .radio.state-error i, .sky-form .checkbox.state-error i, .sky-form .toggle.state-error i { background: #fff0f0; } .sky-form .state-error select + i { background: #fff0f0; box-shadow: 0 0 0 12px #fff0f0; } .sky-form .toggle.state-error input:checked + i { background: #fff0f0; } .sky-form .state-error + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #1cbac8; } .sky-form .rating.state-error + em { margin-top: -4px; margin-bottom: 4px; } /**/ /* success state */ /**/ .sky-form .state-success input, .sky-form .state-success select, .sky-form .state-success textarea, .sky-form .radio.state-success i, .sky-form .checkbox.state-success i, .sky-form .toggle.state-success i { background: #f0fff0; } .sky-form .state-success select + i { background: #f0fff0; box-shadow: 0 0 0 12px #f0fff0; } .sky-form .toggle.state-success input:checked + i { background: #f0fff0; } .sky-form .state-success + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #ee9393; } .sky-form .note-success { color: #6fb679; } /**/ /* disabled state */ /**/ .sky-form .input.state-disabled input, .sky-form .select.state-disabled, .sky-form .textarea.state-disabled, .sky-form .radio.state-disabled, .sky-form .checkbox.state-disabled, .sky-form .toggle.state-disabled, .sky-form .button.state-disabled { cursor: default; opacity: 0.5; } .sky-form .input.state-disabled:hover input, .sky-form .select.state-disabled:hover select, .sky-form .textarea.state-disabled:hover textarea, .sky-form .radio.state-disabled:hover i, .sky-form .checkbox.state-disabled:hover i, .sky-form .toggle.state-disabled:hover i { border-color: #e5e5e5; } /**/ /* submited state */ /**/ .sky-form .message { display: none; color: #6fb679; } .sky-form .message i { display: block; margin: 0 auto 20px; width: 81px; height: 81px; border: 1px solid #6fb679; border-radius: 50%; font-size: 30px; line-height: 81px; } .sky-form.submited fieldset, .sky-form.submited footer { display: none; } .sky-form.submited .message { display: block; padding: 25px 30px; background: rgba(255, 255, 255, .9); font: 300 18px/27px 'Roboto', sans-serif; text-align: center; } /**/ /* datepicker */ /**/ .ui-datepicker { display: none; padding: 10px 12px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 10px rgba(0, 0, 0, .3); font: 13px/1.55 'Roboto', sans-serif; text-align: center; color: #666; } .ui-datepicker a { color: #404040; } .ui-datepicker-header { position: relative; margin: -10px -12px 10px; padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, .1); font-size: 15px; line-height: 27px; } .ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: 0; display: block; width: 47px; height: 47px; font-size: 15px; line-height: 47px; text-decoration: none; cursor: pointer; } .ui-datepicker-prev { left: 0; } .ui-datepicker-next { right: 0; } .ui-datepicker-calendar { border-collapse: collapse; font-size: 13px; line-height: 27px; } .ui-datepicker-calendar th { color: #999; } .ui-datepicker-calendar a, .ui-datepicker-calendar span { display: block; width: 31px; margin: auto; text-decoration: none; color: #404040; } .ui-datepicker-calendar a:hover { background: rgba(0, 0, 0, .05); } .ui-datepicker-calendar span { color: #bfbfbf; } .ui-datepicker-today a { font-weight: 700; } .ui-datepicker-calendar .ui-state-active { background: rgba(0, 0, 0, .05); cursor: default; } .ui-datepicker-inline { border: 2px solid #e5e5e5; background: #fff; box-shadow: none; } .ui-datepicker-inline .ui-datepicker-header { line-height: 47px; } .ui-datepicker-inline .ui-datepicker-calendar { width: 100%; } /**/ /* slider */ /**/ .sky-form .ui-slider { position: relative; height: 3px; border: 2px solid #e5e5e5; background: #fff; margin: 12px 6px 26px; } .sky-form .ui-slider-handle { position: absolute; width: 15px; height: 15px; margin: -8px 0 0 -8px; border: 2px solid #e5e5e5; outline: none; background: #fff; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } /**/ /* modal */ /**/ .sky-form-modal { position: fixed; z-index: 1; display: none; width: 400px; } .sky-form-modal-overlay { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } /**/ /* bootstrap compatibility */ /**/ .sky-form *, .sky-form *:after, .sky-form *:before { margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; } .sky-form .label { border-radius: 0; font-size: 100%; font-size:14px; text-align: left; white-space: normal; color: inherit; } .sky-form .label.al_left { text-align: left; } .sky-form .radio, .sky-form .checkbox { font-weight: 400; } .sky-form .radio + .radio, .sky-form .checkbox + .checkbox { margin-top: 0; } /*added classes*/ .sky-form .label.col { margin: 0; padding-top: 10px; } .sky-form .label.two { color:#fff; } .sky-form .checkbox.two { color: #fff; } .sky-form .button.small { float: left; height: 35px; overflow: hidden; margin: 0px 0 0 0px; padding: 0 15px; outline: none; border: 0; font-size:14px; font-weight:normal; text-decoration: none; color: #fff; cursor: pointer; background:#727272; transition: all 0.3s ease-out 0s; } .sky-form .textarea .onepage { border:none; color:#727272; min-height:80px; background: none; background: url(../images/site-img94.png) 0 0 repeat; border:1px solid #e4e4e4; } .sky-form .input .onepage { border:none; color:#727272; height:40px; background: url(../images/site-img94.png) 0 0 repeat; border:1px solid #e4e4e4; } .sky-form .input .onepage2 { border:none; color:#727272; height:40px; background: url(../images/site-img94.png) 0 0 repeat; border:1px solid #494949; } .sky-form .textarea .onepage2 { border:none; color:#727272; min-height:80px; background: none; background: url(../images/site-img94.png) 0 0 repeat; border:1px solid #494949; } .sky-form .textarea .small { border:none; color:#727272; min-height:40px; background: none; background: url(../images/site-img94.png) 0 0 repeat; border:1px solid #454545; } .sky-form .input .small { border:none; color:#727272; height:30px; background: url(../images/site-img94.png) 0 0 repeat; border:1px solid #454545; } .sky-form .textarea .small2 { border:none; color:#727272; min-height:40px; background: none; background: url(../images/site-img94.png) 0 0 repeat; border:1px solid #e4e4e4; } .sky-form .input .small2 { border:none; color:#727272; height:30px; background: url(../images/site-img94.png) 0 0 repeat; border:1px solid #e4e4e4; } .sky-form .button.two { opacity:1; color:#fff; background-color: #38c4ff; transition: all 0.3s ease-out 0s; } .sky-form .button.two:hover { opacity:1; color:#272727; background-color: #fff; } .sky-form .button.three { opacity:1; color:#fff; background-color: #11c9da; transition: all 0.3s ease-out 0s; } .sky-form .button.three:hover { opacity:1; color:#272727; background-color: #fff; } .sky-form .button.four { opacity:1; color:#fff; background-color: #ef5879; transition: all 0.3s ease-out 0s; } .sky-form .button.five { opacity:1; color:#fff; background-color: #1cbac8; transition: all 0.3s ease-out 0s; } .sky-form .button.five:hover { opacity:1; color:#fff; background-color: #272727; } .sky-form .button.six { color:#fff; background-color: #1cbac8; transition: all 0.3s ease-out 0s; opacity: 1; } .sky-form .button.six:hover { color:#fff; background-color: #161616; } .sky-form .button.seven { color:#fff; font-weight:500; font-size:16px; padding:5px 30px; border-radius:2px; background-color: #1cbac8; opacity: 1; float:left; transition: all 0.3s ease-out 0s; } .sky-form .button.seven:hover { color:#fff; background-color: #161616; } .sky-form .button.eight { background-color: #1cbac8; padding:5px 35px; font-size:14px; font-weight:600; color:#fff; text-transform:uppercase; transition: all 0.3s ease-out 0s; margin-left:10px; } .sky-form.submited .message.two { background:none; } .sky-form .label.doc { color:#272727; } .sky-form .label.doc2 { color:#fff; } .sky-form fieldset.two { background: none; } .sky-form footer.nobackground { border-top: none; background: none; } .login_form { background-color: #fff; border: 1px solid #e4e4e4; margin: 0 auto; padding: 20px 35px 50px; width: 60%; overflow:hidden; } .reg_form { background-color: #fff; border: 1px solid #e4e4e4; margin: 0 auto; padding: 20px 35px 30px; width: 60%; overflow:hidden; } @media only screen and (max-width:800px) { .login_form { width: 100%; } .reg_form { width: 100%; } } @media only screen and (max-width:768px) { .login_form { width: 100%; } .reg_form { width: 100%; } } @media only screen and (max-width:640px) { .login_form { width: 100%; } .reg_form { width: 100%; } } @media only screen and (max-width:480px) { .login_form { width: 100%; } .reg_form { width: 100%; } } @media only screen and (max-width:360px) { .login_form { width: 100%; } .reg_form { width: 100%; } } @media only screen and (max-width:320px) { .login_form { width: 100%; } .reg_form { width: 100%; } }