Warning: file_get_contents(https://raw.githubusercontent.com/Den1xxx/Filemanager/master/languages/ru.json): failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 88

Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 215

Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 216

Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 217

Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 218

Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 219

Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 220
/* * * CUSTOM.CSS * * + TYPOGRAPHY * + WAVES EFFECT * + HEADLINE * + ALERTS * + LISTS * + LOGOS LIST * + BUTTONS * + POPOVER * + DIVIDERS * + TEXT BOXES * + NUMBER BOXES * + MENU BOXES * + IMAGE BOXES * + ACCORDION * + TABS * + GOOGLE MAPS * + SOCIAL MEDIA * + PIE CHARTS * + PROGRESS BARS * + COUNTERS * + COUNTDOWN * + STATISTICS * + PRICE PLAN * + PROCESS STEPS * + TIMELINE * + TESTIMONIALS * + ISOTOPE * + FILTER * + PAGINATION * + BREADCRUMB * + FULL SECTIONS * + VIDEO PLAYER * + SCROLL UP * + SLIDERS * + FULLPAGE * + FANCYBOX * + ANIMATIONS * + WIDGETS */ /*********************************************************************************** * + TYPOGRAPHY ***********************************************************************************/ body { position: relative; left: 0; font: 16px/28px "Source Sans Pro", sans-serif; background-color: #fff; color: #636363; -webkit-transition: left 0.25s; transition: left 0.25s; } .body-overlay:after { position: fixed; z-index: 8000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); content: ""; } body.secondary-menu-open { left: -240px; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #252525; font-weight: 700; } h1 { margin-bottom: 10px; font-size: 48px; line-height: 64px; } h2 { margin-bottom: 10px; font-size: 42px; line-height: 56px; } h3 { margin-bottom: 10px; font-size: 32px; line-height: 42px; } h4 { margin-bottom: 10px; font-size: 24px; line-height: 32px; } h5 { margin-bottom: 10px; font-size: 18px; line-height: 24px; } h6 { margin-bottom: 10px; font-size: 16px; line-height: 22px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #252525; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #3cbbd6; text-decoration: none; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: inherit; font-size: 85%; font-weight: inherit; } p { margin-bottom: 20px; } /* LINKS */ a { color: #3cbbd6; } a:hover, a:focus { outline: 0; color: #3cbbd6; } /* IMAGES */ img { max-width: 100%; height: auto; } /* ADDRESS */ address { line-height: inherit; } /* FORMS */ input, select, textarea { position: relative; z-index: 1; display: block; max-width: 100%; height: 35px; padding: 5px 20px; border: 2px solid #ebebeb; border-radius: 20px; margin-bottom: 20px; background-color: #fff; font-size: 14px; line-height: 20px; } label { position: relative; font-weight: normal; } textarea { height: 120px; } select { width: 100%; height: 50px; border-radius: 0; background: #fff url(../images/arrow.png) no-repeat center right; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } input[class^="col-"], select[class^="col-"], textarea[class^="col-"] { padding: 5px 20px; } textarea:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="color"]:focus, input[type="email"]:focus, input[type="image"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="password"]:focus { border-color: #dddddd; box-shadow: none; outline: 0; } select:focus { outline: none; } input[type="radio"], input[type="checkbox"] { position: relative; display: inline-block; height: 0; opacity: 0; margin-left: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="radio"] ~ span, input[type="checkbox"] ~ span { position: absolute; display: inline-block; top: 2px; left: 0; width: 24px; height: 24px; margin-right: 10px; } input[type="checkbox"] ~ span { background: url(../images/check.png) no-repeat top center; } input[type="radio"] ~ span { border-radius: 50%; background: url(../images/radio.png) no-repeat top center; } input[type="radio"]:checked ~ span, input[type="checkbox"]:checked ~ span { background-color: #3cbbd6; background-position: bottom center; } .radio label, .checkbox label { padding-left: 35px; margin-bottom: 15px; } button, input[type="reset"], input[type="submit"], input[type="button"] { padding: 10px 30px; border: none; background-color: #3cbbd6; color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; } button:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:focus { box-shadow: none; outline: 0; } ::-moz-placeholder { color: #8f8f8f; font-size: 12px; font-weight: 300; font-style: italic; } ::-webkit-input-placeholder { color: #8f8f8f; font-size: 12px; font-weight: 300; font-style: italic; } :-ms-input-placeholder { color: #8f8f8f; font-size: 12px; font-weight: 300; font-style: italic; } /* TABLES */ table th { text-transform: uppercase; color: #252525; } table td { padding: 0 20px; } table td a { color: inherit; } /* TRANFORMATION CLASSES */ .text-transform-none { text-transform: none !important; } .text-mute { color: #b4b4b4; } .text-md { font-size: 20px; line-height: 28px; } .text-lg { font-size: 24px; line-height: 32px; } .text-xl { font-size: 100px; line-height: 92px; } i.text-xl { font-size: 170px; line-height: 170px; } .text-special { font-family: "Playfair Display", serif; font-weight: 400; font-style: italic; } .text-gradient { background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #3cbbd6; } .text-default-color { color: #3cbbd6; } .text-highlight { display: inline-block; padding: 10px 15px; margin: 5px 0; background-color: #3cbbd6; color: #fff; } .text-highlight-dark { display: inline-block; padding: 10px 15px; margin: 5px 0; background-color: #252525; color: #fff; } .text-highlight-gradient { display: inline-block; padding: 10px 15px; margin: 5px 0; background: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); color: #fff; } .dropcap:first-letter { float: left; font-size: 52px; height: 44px; margin-top: 12px; margin-right: 10px; } .dropcap-2:first-letter { float: left; padding: 10px 11px; color: #fff; font-size: 38px; height: 44px; margin-top: 7px; margin-right: 10px; text-transform: uppercase; } .dropcap-2.default:first-letter { background-color: #3cbbd6; } .dropcap-2.dark:first-letter { background-color: #252525; } .dropcap-2.gradient:first-letter { background: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); } .last, .no-margin-bottom { margin-bottom: 0 !important; } @media (min-width: 1200px) { .border-left-xl { border-left: 1px solid #e1e1e1; } .border-right-xl { border-right: 1px solid #e1e1e1; } } @media (max-width: 767px) { .last { margin-bottom: 20px !important; } .text-xl { font-size: 72px; line-height: 60px; } } /*********************************************************************************** * + WAVES EFFECT ***********************************************************************************/ .waves { position: relative; z-index: 1; overflow: hidden; display: inline-block; -webkit-user-select: none; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .waves .waves-ripple { position: absolute; z-index: -1; width: 20px; height: 20px; border-radius: 50%; margin-top: -10px; margin-left: -10px; background-color: rgba(255, 255, 255, 0.35); opacity: 0; pointer-events: none; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .waves.waves-dark .waves-ripple { background-color: rgba(0, 0, 0, 0.2); } /*********************************************************************************** * + HEADLINE ***********************************************************************************/ .headline { margin-bottom: 70px; } .headline:before { display: inline-block; width: 2px; height: 33px; margin-bottom: 15px; background-color: #3cbbd6; background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96); background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96); background: linear-gradient(bottom, #3cbbd6, #00ff96); content: ""; } .headline.text-center:before { margin: 0 auto 15px; } .headline h1 { font-size: 60px; } .headline h2 { text-transform: uppercase; } .headline h5 { margin-bottom: 7px; color: #636363; font-family: "Playfair Display", serif; font-weight: 400; font-style: italic; } .headline p { margin-bottom: 0; } /* STYLE 2 */ .headline.style-2:before { position: relative; top: 10px; display: block; width: 40px; height: 2px; margin-bottom: 0; margin-left: -55px; background-color: #3cbbd6; background: -webkit-linear-gradient(right, #3cbbd6, #00ff96); background: -ms-linear-gradient(right, #3cbbd6, #00ff96); background: linear-gradient(right, #3cbbd6, #00ff96); } @media (max-width: 767px) { .headline h1 { font-size: 48px; line-height: 52px; } } /*********************************************************************************** * + ALERTS ***********************************************************************************/ .alert { padding: 10px 30px; border: none; border-radius: 25px; color: #fff; text-align: center; } .alert.squares { border-radius: 0; } .alert.alert-info { background-color: #252525; } .alert.alert-danger { background-color: #ff0050; } .alert.alert-success { background-color: #3cbbd6; } .alert.alert-warning { background-color: #ffed19; color: #252525; } h1.error { position: relative; float: left; padding: 40px 0; margin-right: 70px; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 150px; line-height: 150px; font-weight: 600; } h1.error:after { position: absolute; top: 5px; right: -35px; display: block; width: 2px; height: 100%; background-color: #3cbbd6; background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96); background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96); background: linear-gradient(bottom, #3cbbd6, #00ff96); content: ""; } @media (max-width: 991px) { h1.error { float: none; } h1.error:after { display: none; margin-right: 0; } } /*********************************************************************************** * + LISTS ***********************************************************************************/ /* GENERAL */ ul, ol { padding: 0; list-style-position: inside; } li > ul, li > ol { margin-bottom: 0; margin-left: 20px; } dl { margin-bottom: 20px; } /* BULLET LIST */ .bullet-list { list-style: none; margin-bottom: 20px; } .bullet-list li { margin-bottom: 5px; } .bullet-list li:last-child { margin-bottom: 0; } .bullet-list li:before { position: relative; top: -3px; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 12px; background-color: #3cbbd6; content: ""; } /* DISC LIST */ .disc-list { margin-bottom: 20px; font-weight: 600; list-style: none; } .disc-list li { margin-bottom: 5px; } .disc-list li:last-child { margin-bottom: 0; } .disc-list li:before { position: relative; top: -1px; display: inline-block; width: 7px; height: 7px; border: 2px solid #636363; border-radius: 50%; margin-right: 25px; content: ""; } /* CHECK LIST */ .check-list { list-style: none; margin-bottom: 20px; } .check-list li { margin-bottom: 5px; } .check-list li:last-child { margin-bottom: 0; } .check-list li:before { display: inline-block; width: 8px; height: 14px; border: solid #3cbbd6; border-width: 0 2px 2px 0; margin-right: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; } /* PLUS LIST */ .plus-list { margin-bottom: 20px; list-style: none; } .plus-list li { margin-bottom: 10px; } .plus-list li:last-child { margin-bottom: 0; } .plus-list li:before { display: inline-block; width: 20px; height: 20px; margin-right: 15px; background-color: #3cbbd6; color: #fff; font-size: 16px; line-height: 19px; font-weight: 700; text-align: center; content: "+"; } /* PLUS LIST 2 */ .plus-list-2 { margin-bottom: 20px; list-style: none; } .plus-list-2 li { position: relative; padding-left: 55px; margin-bottom: 20px; font-weight: 600; color: #252525; } .plus-list-2 li:last-child { margin-bottom: 0; } .plus-list-2 li:before { position: absolute; top: 50%; left: 0; display: inline-block; width: 38px; height: 38px; border-radius: 50%; margin-right: 15px; background-color: #3cbbd6; color: #fff; font-size: 18px; line-height: 37px; font-weight: 700; text-align: center; content: "+"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* PLUS LIST 3 */ .plus-list-3 { margin-bottom: 20px; list-style: none; } .plus-list-3 li { position: relative; padding-left: 55px; margin-bottom: 15px; font-weight: 600; color: #252525; } .plus-list-3 li:last-child { margin-bottom: 0; } .plus-list-3 li:before, .plus-list-3 li:after { position: absolute; top: 50%; left: 0; display: inline-block; border-radius: 50%; color: #252525; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .plus-list-3 li:before { width: 32px; height: 32px; margin-right: 15px; background-color: #3cbbd6; background: -webkit-linear-gradient(30deg, #3cbbd6, #00ff96); background: -ms-linear-gradient(30deg, #3cbbd6, #00ff96); background: linear-gradient(30deg, #3cbbd6, #00ff96); content: ""; } .plus-list-3 li:after { width: 28px; height: 28px; margin-left: 2px; background-color: #fff; font-size: 18px; line-height: 27px; font-weight: 700; text-align: center; content: "+"; } /* DARK SECTIONS */ .full-section.dark-section .disc-list li:before { border-color: inherit; } .full-section.dark-section .plus-list-2 li, .full-section.dark-section .plus-list-3 li { color: inherit; } /*********************************************************************************** * + LOGOS LIST ***********************************************************************************/ .logos-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px; text-align: center; list-style: none; } .logos-list li { flex-basis: 20%; } .logos-list li a { display: block; height: 45px; padding: 0 20px; margin: 20px 0; text-align: center; background: no-repeat top center; -webkit-transition: all 0.25s; transition: all 0.25s; } .logos-list li a:hover { background-position: bottom center; } @media (min-width: 576px) and (max-width: 991px) { .logos-list li { flex-basis: 33.3333%; } } @media (max-width: 575px) { .logos-list li { flex-basis: 50%; } } /*********************************************************************************** * + BUTTONS ***********************************************************************************/ .btn { position: relative; z-index: 1; padding: 19px 37px; margin-right: 20px; margin-bottom: 20px; border: none; border-radius: 30px; font: 700 12px/24px "Raleway", sans-serif; letter-spacing: 1.2px; text-transform: uppercase; cursor: pointer; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.2s; transition: all 0.2s; } .btn:last-child { margin-right: 0; } .btn:focus, .btn:active { outline: 0 !important; box-shadow: none; } .btn-xs { padding: 15px 30px; font-size: 11px; } .btn-lg { padding: 19px 50px; } .btn-xl { padding: 19px 100px; } /* STYLE 1 */ .btn-style-1 { color: #fff; } .btn-style-1:before, .btn-style-1:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 25px; content: ""; -webkit-transition: all 0.4s; transition: all 0.4s; } .btn-style-1:before { background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); opacity: 0.45; } .btn-style-1:after { margin: 7px; background-color: #3cbbd6; } .btn-style-1:hover { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } .btn-style-1:hover, .btn-style-1:focus { color: #fff; } .btn-style-1:hover:before { opacity: 1; } .btn-style-1:hover:after { opacity: 0; } /* STYLE 2 */ .btn-style-2 { color: #636363; } .btn-style-2:before, .btn-style-2:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 25px; content: ""; -webkit-transition: all 0.4s; transition: all 0.4s; } .btn-style-2:before { background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); opacity: 0.45; } .btn-style-2:after { margin: 7px; background-color: #fff; } .btn-style-2:hover { color: #3cbbd6; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } .btn-style-2:hover:before { opacity: 1; } /* STYLE 3 */ .btn-style-3, .btn-style-3:focus { color: #fff; } .btn-style-3:before, .btn-style-3:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 25px; content: ""; -webkit-transition: all 0.4s; transition: all 0.4s; } .btn-style-3:before { background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); } .btn-style-3:after { margin: 7px; background-color: #212433; } .btn-style-3:hover { color: #fff; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } .btn-style-3:hover:before { opacity: 1; } .btn-style-3:hover:after { opacity: 1; background-color: transparent; } /* STYLE 4 */ .btn-style-4 { color: #fff; } .btn-style-4:before, .btn-style-4:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 25px; content: ""; -webkit-transition: all 0.4s; transition: all 0.4s; } .btn-style-4:before { background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); opacity: 0.45; } .btn-style-4:after { margin: 7px; background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); } .btn-style-4:hover { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } .btn-style-4:hover, .btn-style-4:focus { color: #fff; } .btn-style-4:hover:before { opacity: 1; } .btn-style-4:hover:after { opacity: 0; } /* SQUARE BUTTONS */ .btn.btn-square, .btn-style-1.btn-square:before, .btn-style-1.btn-square:after, .btn-style-2.btn-square:before, .btn-style-2.btn-square:after, .btn-style-3.btn-square:before, .btn-style-3.btn-square:after, .btn-style-4.btn-square:before, .btn-style-4.btn-square:after { border-radius: 0; } /* DARK SECTION */ .full-section.dark-section .btn-style-2:hover { color: #3cbbd6; } /*********************************************************************************** * + POPOVER ***********************************************************************************/ .popover-btn { padding: 0; width: 48px; height: 48px; border-radius: 50%; background-color: #3cbbd6; background: -webkit-linear-gradient(75deg, #3cbbd6, #00ff96); background: -ms-linear-gradient(75deg, #3cbbd6, #00ff96); background: linear-gradient(75deg, #3cbbd6, #00ff96); font-size: 24px; line-height: 48px; font-weight: 600; text-align: center; cursor: pointer; } .popover-btn:before { position: relative; z-index: 3; content: "+"; } .popover-btn[aria-describedby]:before { line-height: 30px; content: "-"; } .popover-btn span, .popover-btn span:before { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: #3cbbd6; background: -webkit-linear-gradient(75deg, #3cbbd6, #00ff96); background: -ms-linear-gradient(75deg, #3cbbd6, #00ff96); background: linear-gradient(75deg, #3cbbd6, #00ff96); } .popover-btn span { margin: -13px; opacity: 0.5; } .popover-btn span:before { margin: -13px; opacity: 0.25; content: ""; } .popover { z-index: 1; padding: 0 25px; border: none; margin-top: 50px; background-color: transparent; } .popover .arrow { display: none; } .popover-body { font-family: "Source Sans Pro", sans-serif; } .popover-body h6 { margin-bottom: 5px; font-size: 16px; font-weight: 600; } /*********************************************************************************** * + DIVIDERS ***********************************************************************************/ .hr { height: 1px; margin: 50px 0; background-color: #e1e1e1; } .hr.default-color { background: #3cbbd6; } .hr.gradient-color { background: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); } .hr.black { background-color: #252525; } /*********************************************************************************** * + TEXT BOXES ***********************************************************************************/ .text-box { width: 100%; padding: 45px 30px; margin-bottom: 50px; background-color: #f8f9fb; color: #636363; text-align: center; -webkit-transition: all 0.25s; transition: all 0.25s; } .text-box.round { border-radius: 15px; } .text-box h6 { margin-bottom: 5px; color: #3cbbd6; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; -webkit-transition: all 0.25s; transition: all 0.25s; } .text-box h4 { margin-bottom: 20px; font-weight: 600; -webkit-transition: all 0.25s; transition: all 0.25s; } .text-box > *:last-child { margin-bottom: 0; } .text-box:hover { background-color: #252525; color: #b4b4b4; } .text-box:hover h6 { color: #fff; } .text-box:hover h4, .text-box:hover h4 a { color: #3cbbd6; } .text-box:hover h4 a:hover { color: #fff; } .text-box > *:last-child { margin-bottom: 0; } .text-box.dark { background-color: #252525; color: #fff; } .text-box.dark a, .text-box.dark h1, .text-box.dark h2, .text-box.dark h3, .text-box.dark h4, .text-box.dark h5, .text-box.dark h6 { color: inherit; } .text-box.dark a:hover { color: #3cbbd6; } .text-box.dark .service-box.style-4 > i:before { -webkit-text-fill-color: #fff; } /* STYLE 2 */ .text-box-2 { position: relative; width: 100%; height: 100%; padding: 10%; margin-bottom: 50px; background: #f8f9fb no-repeat center center; background-size: cover; } .text-box-2.bordered:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-top: 2px solid #00ff96; border-bottom: 2px solid #3cbbd6; background-size: 2px 100%; background-position:0 0, 100% 0; background-repeat: no-repeat; background-image: linear-gradient(0deg, #00ff96, #3cbbd6), linear-gradient(0deg, #00ff96, #3cbbd6); content: ''; } .text-box-2 > *:last-child { margin-bottom: 0; } .text-box-2.default { background-color: #3cbbd6; background: -webkit-linear-gradient(220deg, #3cbbd6, #00ff96); background: -ms-linear-gradient(220deg, #3cbbd6, #00ff96); background: linear-gradient(220deg, #3cbbd6, #00ff96); color: #fff; } .text-box-2.dark { background-color: #252525; color: #fff; } .text-box-2.default a, .text-box-2.default h1, .text-box-2.default h2, .text-box-2.default h3, .text-box-2.default h4, .text-box-2.default h5, .text-box-2.default h6, .text-box-2.dark a, .text-box-2.dark h1, .text-box-2.dark h2, .text-box-2.dark h3, .text-box-2.dark h4, .text-box-2.dark h5, .text-box-2.dark h6 { color: inherit; } .text-box-2.dark a:not(.btn):hover, .text-box-2.default a:not(.btn):hover { color: #3cbbd6; } .text-box-2.dark input, .text-box-2.default input, .text-box-2.dark textarea, .text-box-2.default textarea { background-color: transparent; color: inherit; } .text-box-2.dark .plus-list-3 li, .text-box-2.default .plus-list-3 li { color: inherit; } /* DARK SECTION */ .text-box-2 .testimonial { padding: 0; background-color: transparent; } .text-box-2 .testimonial:hover:after { border: none; background: none; } .text-box-2 .testimonial .testimonial-author { padding-top: 0; border-top: none; margin-top: 0; } .text-box-2 .number-box:nth-child(even) { margin-left: 0; } /* TEXT BOXES LIST */ .text-boxes-list { display: flex; flex-wrap: wrap; margin-bottom: 50px; list-style: none; } .text-boxes-list li { display: flex; width: 100%; align-content: stretch; } .text-boxes-list li > *:last-child { margin-bottom: 0; } .text-boxes-list li .text-box-2 { min-height: 400px; } /* DARK SECTION */ .full-section.dark-section .text-box a, .full-section.dark-section .text-box h1, .full-section.dark-section .text-box h2, .full-section.dark-section .text-box h3, .full-section.dark-section .text-box h4, .full-section.dark-section .text-box h5, .full-section.dark-section .text-box h6 { color: inherit; } .full-section.dark-section .text-box-2 { background-color: transparent; } @media (min-width: 1400px) { .text-box-2 { padding: 18%; } } @media (min-width: 992px) and (max-width: 1399px) { .text-boxes-list li.col { flex-basis: 33.33333333%; } } @media (min-width: 768px) and (max-width: 991px) { .text-box { padding: 45px 15px; } .text-boxes-list { flex-wrap: wrap; } .text-boxes-list li.col { flex-basis: 50%; } } @media (max-width: 767px) { .text-boxes-list { flex-direction: column; } .text-boxes-list li { display: block; flex-basis: 100%; } } /*********************************************************************************** * + NUMBER BOXES ***********************************************************************************/ .number-box { position: relative; z-index: 3; display: flex; margin-bottom: 50px; } .number-box:nth-child(even) { margin-left: 100px; } .number-box h1 { margin-right: 15px; color: #3cbbd6; font-size: 60px; line-height: 48px; font-weight: 600; } .number-box h4 { font-size: 20px; line-height: 26px; font-weight: 600; } .number-box > *:last-child { margin-bottom: 0; } @media (max-width: 767px) { .number-box { flex-direction: column; } .number-box:nth-child(even) { margin-left: 0; } } /*********************************************************************************** * + MENU BOXES ***********************************************************************************/ .menu-box { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 60px; } .menu-box img + .menu-box-details { display: flex; flex-wrap: wrap; flex-basis: calc(100% - 165px); padding-left: 30px; } .menu-box .menu-box-details h5 { margin-bottom: 15px; font-weight: 600; } .menu-box .menu-box-details .price { position: relative; align-self: flex-end; flex-basis: 100%; color: #3cbbd6; font-size: 18px; line-height: 22px; font-weight: 600; text-align: right; } .menu-box .menu-box-details .price:before { position: relative; top: 12px; float: left; display: inline-block; width: 55%; height: 2px; background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); content: ""; } .menu-box .menu-box-details .price small { position: relative; top: -1px; margin-right: 10px; color: #464646; font-size: 14px; font-weight: 400; } @media (min-width: 1200px) { .menu-box { align-items: stretch; } .menu-box .menu-box-details .price:before { width: 65%; } } @media (max-width: 991px) { .menu-box { flex-direction: column; align-items: flex-start; } .menu-box .menu-box-details { flex-basis: 100%; padding-left: 0; margin-top: 30px; } .menu-box .menu-box-details .price:before { width: 65%; } } /*********************************************************************************** * + IMAGE BOXES ***********************************************************************************/ .image-box { padding: 0 30px; margin-bottom: 50px; text-align: center; -webkit-transition: all 0.25s; transition: all 0.25s; } .image-box .image-box-thumbnail { position: relative; overflow: hidden; margin: 0 -30px 30px; } .image-box .image-box-thumbnail img { width: 100%; -webkit-transition: all 0.8s; transition: all 0.8s; } .image-box .image-box-thumbnail i { position: absolute; bottom: 0; left: 0; width: 60px; height: 60px; background-color: #3cbbd6; color: #fff; font-size: 28px; line-height: 60px; } .image-box .image-box-thumbnail .image-box-overlay { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.65; } .image-box .image-box-thumbnail .image-box-title { position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-box .image-box-thumbnail .image-box-title a, .image-box .image-box-thumbnail .image-box-title h6, .image-box .image-box-thumbnail .image-box-title h4 { color: #fff; } .image-box .image-box-thumbnail .image-box-title h4 { margin-bottom: 0; } .image-box .image-box-thumbnail .image-box-title a:hover { color: #3cbbd6; } .image-box h6 { margin-bottom: 5px; color: #3cbbd6; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; -webkit-transition: all 0.25s; transition: all 0.25s; } .image-box h4 { margin-bottom: 20px; font-weight: 600; -webkit-transition: all 0.25s; transition: all 0.25s; } .image-box > a { display: inline-block; margin-top: 10px; color: #252525; font-size: 14px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.25s; transition: all 0.25s; } .image-box > a:after { display: block; width: auto; height: 2px; margin-top: -3px; background: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); content: ""; } .image-box > a:hover { color: #3cbbd6; text-decoration: none; } .image-box > *:last-child { margin-bottom: 0; } .image-box:hover .image-box-thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* STYLE 2 */ .image-box.style-2 { padding-bottom: 40px; background-color: #f6f8fa; color: #636363; } /* IMAGE BOX 2 */ .image-box-2 { padding: 40px; margin-bottom: 50px; background: no-repeat center center; background-size: cover; color: #636363; } .image-box-2.dark { color: #fff; } .image-box-2.dark h1, .image-box-2.dark h2, .image-box-2.dark h3, .image-box-2.dark h4, .image-box-2.dark h5, .image-box-2.dark h6 { color: inherit; } .image-box-2 > *:last-child, .image-box-2 .image-box-content > *:last-child { margin-bottom: 0; } /* IMAGES BOXES LIST */ .images-boxes-list { display: flex; align-items: stretch; flex-direction: row; margin-bottom: 50px; } .images-boxes-list .image-box-2 { flex-basis: 100%; margin-bottom: 0; } .images-boxes-list .image-box-2 .image-box-content { padding: 15% 20%; } /* IMAGE BORDERED */ .image-bordered { position: relative; z-index: 1; margin: 0 -30px 30px 30px; } .image-bordered:before { position: absolute; z-index: -1; top: 20px; right: 20px; bottom: -20px; left: -20px; border-right: 2px solid #3cbbd6; border-left: 2px solid #00ff96; background-size: 100% 2px; background-position: 0 0, 0 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg, #00ff96, #3cbbd6), linear-gradient(90deg, #00ff96, #3cbbd6); content: ""; } /* DARK SECTION */ .full-section.dark-section .image-box.style-2 a, .full-section.dark-section .image-box.style-2 h1, .full-section.dark-section .image-box.style-2 h2, .full-section.dark-section .image-box.style-2 h3, .full-section.dark-section .image-box.style-2 h4, .full-section.dark-section .image-box.style-2 h5, .full-section.dark-section .image-box.style-2 h6, .full-section.dark-section .image-box-2 > a, .full-section.dark-section .image-box-2 h1, .full-section.dark-section .image-box-2 h2, .full-section.dark-section .image-box-2 h3, .full-section.dark-section .image-box-2 h4, .full-section.dark-section .image-box-2 h5, .full-section.dark-section .image-box-2 h6 { color: inherit; } .full-section.dark-section .image-box-2 > a:hover, .full-section.dark-section .image-box.style-2 a:hover { color: #3cbbd6; } @media (max-width: 1199px) { .images-boxes-list .image-box-2 .image-box-content { padding: 15% 10%; } } @media (min-width: 768px) and (max-width: 991px) { .image-box { padding-right: 15px; padding-left: 15px; } .image-box .image-box-thumbnail { margin: 0 -15px 30px; } } @media (max-width: 767px) { .images-boxes-list { flex-direction: column; } } /*********************************************************************************** * + ACCORDION ***********************************************************************************/ .accordion {} .accordion-title {} .accordion-title a { position: relative; overflow: hidden; display: block; padding: 10px 50px; border-radius: 30px; margin-bottom: 15px; background-color: #e9f1f5; color: #252525; font-size: 18px; font-weight: 600; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.25s; transition: all 0.25s; } .accordion-title a:before { position: absolute; top: 50%; right: 25px; content: "+"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .accordion-title a[aria-expanded="true"]:before { content: "-"; } .accordion-title a:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-right: 2px solid transparent; border-left: 2px solid transparent; border-radius: 30px; background-size: 100% 2px; background-position: 0 0, 0 100%; background-repeat: no-repeat; content: ''; } .accordion-title a:hover, .accordion-title a[aria-expanded="true"] { background-color: transparent; } .accordion-title a:hover:after, .accordion-title a[aria-expanded="true"]:after { border-left-color: #00ff96; border-right-color: #3cbbd6; background-image: linear-gradient(90deg, #00ff96, #3cbbd6), linear-gradient(90deg, #00ff96, #3cbbd6); } .accordion-body { padding: 15px 50px 30px; } .accordion-body > *:last-child { margin-bottom: 0; } .accordion.square .accordion-title a, .accordion.square .accordion-title a:after { border-radius: 0; } /* DARK SECTION */ .full-section.dark-section .accordion-title a:hover, .full-section.dark-section .accordion-title a[aria-expanded="true"] { color: inherit; } @media (max-width: 767px) { .accordion-body { padding: 15px 15px 30px; } } /*********************************************************************************** * + TABS ***********************************************************************************/ .nav-tabs { justify-content: center; border-bottom: none; margin-bottom: 70px; } .nav-tabs > li { padding: 0 5px; } .nav-tabs > li > a { position: relative; z-index: 1; display: block; padding: 10px 25px; border-color: transparent; background-color: #252525; color: #fff; font-weight: 700; letter-spacing: 0.5px; text-decoration: none; text-transform: uppercase; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.25s; transition: all 0.25s; } .nav-tabs > li > a:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); opacity: 0; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .nav-tabs > li > a small { display: block; margin-bottom: 4px; font-size: 12px; line-height: 14px; text-transform: none; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: transparent; background-color: #252525; } .nav-tabs > li > a:hover, .nav-tabs > li > a.active { background-color: #3cbbd6; color: #fff; } .nav-tabs > li > a:hover:before, .nav-tabs > li > a.active:before { opacity: 0.75; } .tab-content { margin: 40px 0; } .tab-pane > *:last-child { margin-bottom: 0; } .tab-content .counter i { float: none; margin-right: 20px; font-size: 42px; } .tab-content .counter-details { font-size: 16px; } .tab-content:after { display: table; content: " "; clear: both; } /* STYLE 2 */ .tabs.style-2 .nav-tabs { display: inline-flex; border-bottom: 3px solid #f8f8fb; margin-bottom: 10px; } .tabs.style-2 .nav-tabs > li { padding: 0; } .tabs.style-2 .nav-tabs > li > a { padding: 10px; background-color: transparent; color: #252525; font-size: 17px; } .tabs.style-2 .nav-tabs > li > a:before { background: transparent; border-bottom: 3px solid #3cbbd6; margin-bottom: -3px; } .tabs.style-2 .nav-tabs > li > a:hover, .tabs.style-2 .nav-tabs > li > a.active { color: #3cbbd6; } /* VERTICAL TABS */ .vertical-tabs .nav-tabs { display: block; float: left; width: 200px; border-bottom: none; } .vertical-tabs .nav-tabs li { justify-content: flex-start; padding: 0; margin-bottom: 2px; } .vertical-tabs .nav-tabs li:last-child { margin-bottom: 0; } .vertical-tabs .nav-tabs li a { width: 100%; padding: 10px 20px; background-color: #e9f3f5; color: #636363; font-weight: 600; } .vertical-tabs .nav-tabs > li > a:hover, .vertical-tabs .nav-tabs > li > a.active { color: #fff; } .vertical-tabs .nav-tabs > li > a.active { width: 120%; border-radius: 0 30px 30px 0; font-weight: 700; } .vertical-tabs .tab-content { margin: 0; margin-left: 250px; } /* VERTICAL TABS 2 */ .vertical-tabs-2 { display: flex; align-items: center; } .vertical-tabs-2 .nav-tabs { display: block; float: left; width: 300px; } .vertical-tabs-2 .nav-tabs li { margin-bottom: 30px; } .vertical-tabs-2 .nav-tabs li:last-child { margin-bottom: 0; } .vertical-tabs-2 .nav-tabs li a { background-color: transparent; color: #252525; font-size: 18px; font-weight: 600; text-align: center; } .vertical-tabs-2 .nav-tabs li a:before { background: transparent; } .vertical-tabs-2 .nav-tabs li a:after { position: absolute; top: 0; right: 0; bottom: 0; width: 2px; opacity: 0; background-color: #3cbbd6; background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96); background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96); background: linear-gradient(bottom, #3cbbd6, #00ff96); content: ""; } .vertical-tabs-2 .nav-tabs li a img { display: block; margin: 0 auto 10px; } .vertical-tabs-2 .nav-tabs li a.active:after { opacity: 1; } .vertical-tabs-2 .tab-content { margin-left: 300px; } /* CIRCLE TABS */ .vertical-tabs.circle-tabs .nav-tabs { width: 135px; } .vertical-tabs.circle-tabs .nav-tabs li { margin-bottom: 20px; } .vertical-tabs.circle-tabs .nav-tabs li:last-child { margin-bottom: 0; } .vertical-tabs.circle-tabs .nav-tabs li a { padding: 0; width: 77px; height: 77px; border-radius: 50%; background-color: #ecf6ff; font-size: 20px; line-height: 77px; text-align: center; } .vertical-tabs.circle-tabs .nav-tabs > li > a:hover:before, .vertical-tabs.circle-tabs .nav-tabs > li > a.active:before { opacity: 1; } .vertical-tabs.circle-tabs .tab-content { margin-left: 135px; } /* SWITCH TABS */ .switch-tabs .nav-tabs:before { position: absolute; top: 12px; left: 50%; display: block; width: 66px; height: 29px; border-radius: 20px; margin-left: -33px; background: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); content: ""; } .switch-tabs .nav-tabs > li { margin: 0 40px; } .switch-tabs .nav-tabs > li:first-child { text-align: right; } .switch-tabs .nav-tabs > li:last-child { text-align: left; } .switch-tabs .nav-tabs > li > a { position: relative; width: 70px; padding: 10px 0; background-color: transparent; color: #636363; font-weight: 600; letter-spacing: 0; text-transform: lowercase; } .switch-tabs .nav-tabs > li:first-child a:after { position: absolute; z-index: 2; top: 16px; right: -74px; display: block; width: 21px; height: 21px; border-radius: 50%; background-color: #fff; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .switch-tabs .nav-tabs > li:first-child a.active:after { right: -38px; } .switch-tabs .nav-tabs > li > a.active, .switch-tabs .nav-tabs > li > a:hover { color: #3cbbd6; } .switch-tabs .nav-tabs > li > a:before { background: transparent; } /* DARK SECTION */ .full-section.dark-section .tabs.style-2 .nav-tabs > li > a, .full-section.dark-section .vertical-tabs-2 .nav-tabs li a, .full-section.dark-section .switch-tabs .nav-tabs > li > a { color: inherit; } .full-section.dark-section .tabs.style-2 .nav-tabs > li > a:hover, .full-section.dark-section .tabs.style-2 .nav-tabs > li > a.active, .full-section.dark-section .switch-tabs .nav-tabs > li > a:hover, .full-section.dark-section .switch-tabs .nav-tabs > li > a.active { color: #3cbbd6; } @media (min-width: 1200px) { .tabs.style-2 .nav-tabs > li > a { padding: 10px 25px; font-size: 18px; } .tab-content .counter i { float: left; } } @media (min-width: 768px) and (max-width: 991px) { .nav-fill .nav-item { margin-top: 10px; } .tabs.style-2 .nav-tabs > li > a { padding: 10px 5px; font-size: 16px; } .vertical-tabs-2 .tab-content { margin-left: 70px; } } @media (max-width: 767px) { .nav-tabs > li, .nav-fill .nav-item { flex-basis: 100%; text-align: center; margin-bottom: 1px; } .nav-tabs > li:last-child, .nav-fill .nav-item:last-child { margin-bottom: -1px; } .tab-content .counter i { float: left; } .vertical-tabs-2 { display: block; } .vertical-tabs .nav-tabs, .vertical-tabs-2 .nav-tabs { float: none; } .vertical-tabs .tab-content, .vertical-tabs-2 .tab-content { margin-left: 0; } .switch-tabs .nav-tabs > li { flex-basis: auto; } .vertical-tabs.circle-tabs .nav-tabs { display: flex; width: 100%; } .vertical-tabs.circle-tabs .nav-tabs > li { flex-basis: 33.333333%; } .vertical-tabs.circle-tabs .nav-tabs > li a { margin: 0 auto; } .vertical-tabs.circle-tabs .tab-content { margin-left: 0; } } /*********************************************************************************** * + GOOGLE MAPS ***********************************************************************************/ .map-container { position: relative; } .map-container .widget-contact { position: absolute; top: 60%; right: 0; padding: 10px 80px 10px 30px; margin-bottom: 0; background-color: #252525; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .map-container .widget-contact a { color: inherit; } .map-container .widget-contact i { color: #b4b4b4; } .map { height: 300px; margin-bottom: 50px; } .map img { max-width: none; } @media (max-width: 767px) { .map { height: 400px !important; } .map-container .widget-contact { position: relative; top: 0; padding: 30px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } /*********************************************************************************** * + SOCIAL MEDIA ***********************************************************************************/ .social-media { margin-bottom: 20px; } .social-media a { display: inline-block; margin-right: 20px; font-size: 16px; line-height: 32px; color: #484848; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .social-media.big-icons a { margin-right: 30px; font-size: 20px; line-height: 38px; } .social-media.bordered, .social-media.rounded { margin-top: -5px; } .social-media.bordered a { width: 34px; height: 34px; border: 2px solid #252525; border-radius: 50%; margin: 5px 15px 5px 0; font-size: 14px; line-height: 30px; text-align: center; } .social-media.rounded a { width: 68px; height: 68px; border: 2px solid #636363; border-radius: 50%; margin: 5px 20px 5px 0; background-color: #636363; color: #fff; font-size: 22px; line-height: 68px; text-align: center; } .social-media.rounded a:hover { background-color: transparent; } .social-media a:last-child { margin-right: 0; } .social-media a.facebook:hover { color: #0e59a0; } .social-media a.twitter:hover { color: #0ea4ff; } .social-media a.dribbble:hover { color: #ea73a0; } .social-media a.pinterest:hover { color: #d73532; } .social-media a.google:hover { color: #da4835; } .social-media a.tumblr:hover { color: #2a445f; } .social-media a.instagram:hover { color: #9c27b0; } .social-media a.rss:hover { color: #f79638; } .social-media a.linkedin:hover { color: #018faf; } .social-media a.skype:hover { color: #00b0f6; } .social-media a.flickr:hover { color: #0061db; } .social-media a.vimeo:hover { color: #4cb2d9; } .social-media a.github:hover { color: #3b3b3b; } .social-media a.youtube:hover { color: #cc181e; } .social-media a.windows:hover { color: #6dc2e9; } .social-media a.dropbox:hover { color: #007ee5; } .social-media a.xing:hover { color: #026566; } .social-media a.adn:hover { color: #1ea076; } .social-media a.android:hover { color: #98cb02; } .social-media a.apple:hover { color: #a6b1b7; } .social-media a.behance:hover { color: #2d9ad2; } .social-media a.bitbucket:hover { color: #214f81; } .social-media a.bitcoin:hover { color: #f7931b; } .social-media a.codepan:hover { color: #000; } .social-media a.css3:hover { color: #3289ce; } .social-media a.delicious:hover { color: #3399fe; } .social-media a.deviantart:hover { color: #c8da30; } .social-media a.digg:hover { color: #0080c2; } .social-media a.drupal:hover { color: #0077b9; } .social-media a.empire:hover { color: #000; } .social-media a.foursquare:hover { color: #daecb0; } .social-media a.git:hover { color: #f34f29; } .social-media a.gitti:hover { color: #634c3e; } .social-media a.hacker-news:hover { color: #f18642; } .social-media a.html5:hover { color: #e54c1f; } .social-media a.joomla:hover { color: #016fb9; } .social-media a.jsfiddle:hover { color: #4679a4; } .social-media a.linux:hover { color: #fece0e; } .social-media a.maxcdn:hover { color: #f36f20; } .social-media a.openid:hover { color: #fe6101; } .social-media a.pagelines:hover { color: #3783e3; } .social-media a.pied-piper:hover { color: #0c7b48; } .social-media a.qq:hover { color: #23286c; } .social-media a.rebel:hover { color: #000; } .social-media a.reddit:hover { color: #cee3f8; } .social-media a.renren:hover { color: #0d81e4; } .social-media a.share:hover { color: #252525; } .social-media a.slack:hover { color: #453744; } .social-media a.soundcloud:hover { color: #fe4e00; } .social-media a.spotify:hover { color: #80bb41; } .social-media a.stack-exchange:hover { color: #265a93; } .social-media a.stackoverflow:hover { color: #fea501; } .social-media a.steam:hover { color: #191919; } .social-media a.stumbleupon:hover { color: #f04f23; } .social-media a.tencent-weibo:hover { color: #0063a7; } .social-media a.trello:hover { color: #226784; } .social-media a.vine:hover { color: #00b081; } .social-media a.vk:hover { color: #50769d; } .social-media a.wechat:hover { color: #a4dc31; } .social-media a.weibo:hover { color: #d82828; } .social-media a.wordpress:hover { color: #454442; } .social-media a.yahoo:hover { color: #4b04a8; } .social-media a.ftpx:hover { color: #000; } .social-media a.amazon:hover { color: #ff9900; } .social-media a.angellist:hover { color: #000; } .social-media a.btc:hover { color: #f7931b; } .social-media a.black-tie:hover { color: #000; } .social-media a.bluetooth:hover { color: #0a3d91; } .social-media a.buysellads:hover { color: #ba0202; } .social-media a.cc-amex:hover { color: #016dd2; } .social-media a.cc-diners-club:hover { color: #0069aa; } .social-media a.cc-discover:hover { color: #f88737; } .social-media a.cc-jcb:hover { color: #29166f; } .social-media a.cc-mastercard:hover { color: #fe9611; } .social-media a.paypal:hover { color: #012069; } .social-media a.cc-stripe:hover { color: #49b802; } .social-media a.cc-visa:hover { color: #1b4da2; } .social-media a.chrome:hover { color: #edcd16; } .social-media a.codepen:hover { color: #1b1c1b; } .social-media a.codiepie:hover { color: #000; } .social-media a.connectdevelop:hover { color: #023cb0; } .social-media a.contao:hover { color: #e4790f; } .social-media a.dashcube:hover { color: #000; } .social-media a.edge:hover { color: #2c74be; } .social-media a.expeditedssl:hover { color: #2e2e2e; } .social-media a.firefox:hover { color: #df731b; } .social-media a.fonticons:hover { color: #1d1e2a; } .social-media a.fort-awesome:hover { color: #000; } .social-media a.forumbee:hover { color: #85ac2f; } .social-media a.get-pocket:hover { color: #e84352; } .social-media a.gg:hover { color: #fd0002; } .social-media a.gratipay:hover { color: #653614; } .social-media a.houzz:hover { color: #9bc545; } .social-media a.internet-explorer:hover { color: #00bcf2; } .social-media a.ioxhost:hover { color: #f6a814; } .social-media a.lastfm:hover { color: #e2152b; } .social-media a.leanpub:hover { color: #231f20; } .social-media a.meanpath:hover { color: #538dd6; } .social-media a.medium:hover { color: #00ab6c; } .social-media a.mixcloud:hover { color: #040204; } .social-media a.modx:hover { color: #8ed547; } .social-media a.odnoklassniki:hover { color: #f68634; } .social-media a.opencart:hover { color: #00c1f2; } .social-media a.opera:hover { color: #e81617; } .social-media a.optin-monster:hover { color: #8ed31e; } .social-media a.product-hunt:hover { color: #d6573d; } .social-media a.reddit:hover { color: #ff4500; } .social-media a.safari:hover { color: #2973d9; } .social-media a.scribd:hover { color: #382d29; } .social-media a.sellsy:hover { color: #006ca2; } .social-media a.shirtsinbulk:hover { color: #dd3a26; } .social-media a.simplybuilt:hover { color: #322f34; } .social-media a.skyatlas:hover { color: #01aebe; } .social-media a.slideshare:hover { color: #13999a; } .social-media a.stack-overflow:hover { color: #ef532a; } .social-media a.tripadvisor:hover { color: #1e892f; } .social-media a.twitch:hover { color: #6441a5; } .social-media a.usb:hover { color: #000; } .social-media a.viacoin:hover { color: #2376a2; } .social-media a.whatsapp:hover { color: #44c254; } .social-media a.wikipedia:hover { color: #0c0c0c; } .social-media a.y-combinator:hover { color: #ff6501; } .social-media a.yelp:hover { color: #bf311b; } .social-media a.email:hover { color: #689c49; } .social-media a.envira:hover { color: #75bd3b; } .social-media a.gitlab:hover { color: #e24329; } .social-media a.glide:hover { color: #00a7ff; } .social-media a.snapchat:hover { color: #efe200; } .social-media a.viadeo:hover { color: #f4982b; } .social-media a.wpbeginner:hover { color: #ff6600; } .social-media a.wpforms:hover { color: #b6581a; } .social-media.bordered a.facebook:hover { color: #0e59a0; border-color: #0e59a0; } .social-media.bordered a.twitter:hover { color: #0ea4ff; border-color: #0ea4ff; } .social-media.bordered a.dribbble:hover { color: #ea73a0; border-color: #ea73a0; } .social-media.bordered a.pinterest:hover { color: #d73532; border-color: #d73532; } .social-media.bordered a.google:hover { color: #da4835; border-color: #da4835; } .social-media.bordered a.tumblr:hover { color: #2a445f; border-color: #2a445f; } .social-media.bordered a.instagram:hover { color: #9c27b0; border-color: #9c27b0; } .social-media.bordered a.rss:hover { color: #f79638; border-color: #f79638; } .social-media.bordered a.linkedin:hover { color: #018faf; border-color: #018faf; } .social-media.bordered a.skype:hover { color: #00b0f6; border-color: #00b0f6; } .social-media.bordered a.flickr:hover { color: #0061db; border-color: #0061db; } .social-media.bordered a.vimeo:hover { color: #4cb2d9; border-color: #4cb2d9; } .social-media.bordered a.github:hover { color: #3b3b3b; border-color: #3b3b3b; } .social-media.bordered a.youtube:hover { color: #cc181e; border-color: #cc181e; } .social-media.bordered a.windows:hover { color: #6dc2e9; border-color: #6dc2e9; } .social-media.bordered a.dropbox:hover { color: #007ee5; border-color: #007ee5; } .social-media.bordered a.xing:hover { color: #026566; border-color: #026566; } .social-media.bordered a.adn:hover { color: #1ea076; border-color: #1ea076; } .social-media.bordered a.android:hover { color: #98cb02; border-color: #98cb02; } .social-media.bordered a.apple:hover { color: #a6b1b7; border-color: #a6b1b7; } .social-media.bordered a.behance:hover { color: #2d9ad2; border-color: #2d9ad2; } .social-media.bordered a.bitbucket:hover { color: #214f81; border-color: #214f81; } .social-media.bordered a.bitcoin:hover { color: #f7931b; border-color: #f7931b; } .social-media.bordered a.codepan:hover { color: #000; border-color: #000; } .social-media.bordered a.css3:hover { color: #3289ce; border-color: #3289ce; } .social-media.bordered a.delicious:hover { color: #3399fe; border-color: #3399fe; } .social-media.bordered a.deviantart:hover { color: #c8da30; border-color: #c8da30; } .social-media.bordered a.digg:hover { color: #0080c2; border-color: #0080c2; } .social-media.bordered a.drupal:hover { color: #0077b9; border-color: #0077b9; } .social-media.bordered a.empire:hover { color: #000; border-color: #000; } .social-media.bordered a.foursquare:hover { color: #daecb0; border-color: #daecb0; } .social-media.bordered a.git:hover { color: #f34f29; border-color: #f34f29; } .social-media.bordered a.gitti:hover { color: #634c3e; border-color: #634c3e; } .social-media.bordered a.hacker-news:hover { color: #f18642; border-color: #f18642; } .social-media.bordered a.html5:hover { color: #e54c1f; border-color: #e54c1f; } .social-media.bordered a.joomla:hover { color: #016fb9; border-color: #016fb9; } .social-media.bordered a.jsfiddle:hover { color: #4679a4; border-color: #4679a4; } .social-media.bordered a.linux:hover { color: #fece0e; border-color: #fece0e; } .social-media.bordered a.maxcdn:hover { color: #f36f20; border-color: #f36f20; } .social-media.bordered a.openid:hover { color: #fe6101; border-color: #fe6101; } .social-media.bordered a.pagelines:hover { color: #3783e3; border-color: #3783e3; } .social-media.bordered a.pied-piper:hover { color: #0c7b48; border-color: #0c7b48; } .social-media.bordered a.qq:hover { color: #23286c; border-color: #23286c; } .social-media.bordered a.rebel:hover { color: #000; border-color: #000; } .social-media.bordered a.reddit:hover { color: #cee3f8; border-color: #cee3f8; } .social-media.bordered a.renren:hover { color: #0d81e4; border-color: #0d81e4; } .social-media.bordered a.share:hover { color: #252525; border-color: #252525; } .social-media.bordered a.slack:hover { color: #453744; border-color: #453744; } .social-media.bordered a.soundcloud:hover { color: #fe4e00; border-color: #fe4e00; } .social-media.bordered a.spotify:hover { color: #80bb41; border-color: #80bb41; } .social-media.bordered a.stack-exchange:hover { color: #265a93; border-color: #265a93; } .social-media.bordered a.stackoverflow:hover { color: #fea501; border-color: #fea501; } .social-media.bordered a.steam:hover { color: #191919; border-color: #191919; } .social-media.bordered a.stumbleupon:hover { color: #f04f23; border-color: #f04f23; } .social-media.bordered a.tencent-weibo:hover { color: #0063a7; border-color: #0063a7; } .social-media.bordered a.trello:hover { color: #226784; border-color: #226784; } .social-media.bordered a.vine:hover { color: #00b081; border-color: #00b081; } .social-media.bordered a.vk:hover { color: #50769d; border-color: #50769d; } .social-media.bordered a.wechat:hover { color: #a4dc31; border-color: #a4dc31; } .social-media.bordered a.weibo:hover { color: #d82828; border-color: #d82828; } .social-media.bordered a.wordpress:hover { color: #454442; border-color: #454442; } .social-media.bordered a.yahoo:hover { color: #4b04a8; border-color: #4b04a8; } .social-media.bordered a.ftpx:hover { color: #000; border-color: #000; } .social-media.bordered a.amazon:hover { color: #ff9900; border-color: #ff9900; } .social-media.bordered a.angellist:hover { color: #000; border-color: #000; } .social-media.bordered a.btc:hover { color: #f7931b; border-color: #f7931b; } .social-media.bordered a.black-tie:hover { color: #000; border-color: #000; } .social-media.bordered a.bluetooth:hover { color: #0a3d91; border-color: #0a3d91; } .social-media.bordered a.buysellads:hover { color: #ba0202; border-color: #ba0202; } .social-media.bordered a.cc-amex:hover { color: #016dd2; border-color: #016dd2; } .social-media.bordered a.cc-diners-club:hover { color: #0069aa; border-color: #0069aa; } .social-media.bordered a.cc-discover:hover { color: #f88737; border-color: #f88737; } .social-media.bordered a.cc-jcb:hover { color: #29166f; border-color: #29166f; } .social-media.bordered a.cc-mastercard:hover { color: #fe9611; border-color: #fe9611; } .social-media.bordered a.paypal:hover { color: #012069; border-color: #012069; } .social-media.bordered a.cc-stripe:hover { color: #49b802; border-color: #49b802; } .social-media.bordered a.cc-visa:hover { color: #1b4da2; border-color: #1b4da2; } .social-media.bordered a.chrome:hover { color: #edcd16; border-color: #edcd16; } .social-media.bordered a.codepen:hover { color: #1b1c1b; border-color: #1b1c1b; } .social-media.bordered a.codiepie:hover { color: #000; border-color: #000; } .social-media.bordered a.connectdevelop:hover { color: #023cb0; border-color: #023cb0; } .social-media.bordered a.contao:hover { color: #e4790f; border-color: #e4790f; } .social-media.bordered a.dashcube:hover { color: #000; border-color: #000; } .social-media.bordered a.edge:hover { color: #2c74be; border-color: #2c74be; } .social-media.bordered a.expeditedssl:hover { color: #2e2e2e; border-color: #2e2e2e; } .social-media.bordered a.firefox:hover { color: #df731b; border-color: #df731b; } .social-media.bordered a.fonticons:hover { color: #1d1e2a; border-color: #1d1e2a; } .social-media.bordered a.fort-awesome:hover { color: #000; border-color: #000; } .social-media.bordered a.forumbee:hover { color: #85ac2f; border-color: #85ac2f; } .social-media.bordered a.get-pocket:hover { color: #e84352; border-color: #e84352; } .social-media.bordered a.gg:hover { color: #fd0002; border-color: #fd0002; } .social-media.bordered a.gratipay:hover { color: #653614; border-color: #653614; } .social-media.bordered a.houzz:hover { color: #9bc545; border-color: #9bc545; } .social-media.bordered a.internet-explorer:hover { color: #00bcf2; border-color: #00bcf2; } .social-media.bordered a.ioxhost:hover { color: #f6a814; border-color: #f6a814; } .social-media.bordered a.lastfm:hover { color: #e2152b; border-color: #e2152b; } .social-media.bordered a.leanpub:hover { color: #231f20; border-color: #231f20; } .social-media.bordered a.meanpath:hover { color: #538dd6; border-color: #538dd6; } .social-media.bordered a.medium:hover { color: #00ab6c; border-color: #00ab6c; } .social-media.bordered a.mixcloud:hover { color: #040204; border-color: #040204; } .social-media.bordered a.modx:hover { color: #8ed547; border-color: #8ed547; } .social-media.bordered a.odnoklassniki:hover { color: #f68634; border-color: #f68634; } .social-media.bordered a.opencart:hover { color: #00c1f2; border-color: #00c1f2; } .social-media.bordered a.opera:hover { color: #e81617; border-color: #e81617; } .social-media.bordered a.optin-monster:hover { color: #8ed31e; border-color: #8ed31e; } .social-media.bordered a.product-hunt:hover { color: #d6573d; border-color: #d6573d; } .social-media.bordered a.reddit:hover { color: #ff4500; border-color: #ff4500; } .social-media.bordered a.safari:hover { color: #2973d9; border-color: #2973d9; } .social-media.bordered a.scribd:hover { color: #382d29; border-color: #382d29; } .social-media.bordered a.sellsy:hover { color: #006ca2; border-color: #006ca2; } .social-media.bordered a.shirtsinbulk:hover { color: #dd3a26; border-color: #dd3a26; } .social-media.bordered a.simplybuilt:hover { color: #322f34; border-color: #322f34; } .social-media.bordered a.skyatlas:hover { color: #01aebe; border-color: #01aebe; } .social-media.bordered a.slideshare:hover { color: #13999a; border-color: #13999a; } .social-media.bordered a.stack-overflow:hover { color: #ef532a; border-color: #ef532a; } .social-media.bordered a.tripadvisor:hover { color: #1e892f; border-color: #1e892f; } .social-media.bordered a.twitch:hover { color: #6441a5; border-color: #6441a5; } .social-media.bordered a.usb:hover { color: #000; border-color: #000; } .social-media.bordered a.viacoin:hover { color: #2376a2; border-color: #2376a2; } .social-media.bordered a.whatsapp:hover { color: #44c254; border-color: #44c254; } .social-media.bordered a.wikipedia:hover { color: #0c0c0c; border-color: #0c0c0c; } .social-media.bordered a.y-combinator:hover { color: #ff6501; border-color: #ff6501; } .social-media.bordered a.yelp:hover { color: #bf311b; border-color: #bf311b; } .social-media.bordered a.email:hover { color: #689c49; border-color: #689c49; } .social-media.bordered a.envira:hover { color: #75bd3b; border-color: #75bd3b; } .social-media.bordered a.gitlab:hover { color: #e24329; border-color: #e24329; } .social-media.bordered a.glide:hover { color: #00a7ff; border-color: #00a7ff; } .social-media.bordered a.snapchat:hover { color: #efe200; border-color: #efe200; } .social-media.bordered a.viadeo:hover { color: #f4982b; border-color: #f4982b; } .social-media.bordered a.wpbeginner:hover { color: #ff6600; border-color: #ff6600; } .social-media.bordered a.wpforms:hover { color: #b6581a; border-color: #b6581a; } .social-media.rounded a.facebook:hover { border-color: #0e59a0; } .social-media.rounded a.twitter:hover { border-color: #0ea4ff; } .social-media.rounded a.dribbble:hover { border-color: #ea73a0; } .social-media.rounded a.pinterest:hover { border-color: #d73532; } .social-media.rounded a.google:hover { border-color: #da4835; } .social-media.rounded a.tumblr:hover { border-color: #2a445f; } .social-media.rounded a.instagram:hover { border-color: #9c27b0; } .social-media.rounded a.rss:hover { border-color: #f79638; } .social-media.rounded a.linkedin:hover { border-color: #018faf; } .social-media.rounded a.skype:hover { border-color: #00b0f6; } .social-media.rounded a.flickr:hover { border-color: #0061db; } .social-media.rounded a.vimeo:hover { border-color: #4cb2d9; } .social-media.rounded a.github:hover { border-color: #3b3b3b; } .social-media.rounded a.youtube:hover { border-color: #cc181e; } .social-media.rounded a.windows:hover { border-color: #6dc2e9; } .social-media.rounded a.dropbox:hover { border-color: #007ee5; } .social-media.rounded a.xing:hover { border-color: #026566; } .social-media.rounded a.adn:hover { border-color: #1ea076; } .social-media.rounded a.android:hover { border-color: #98cb02; } .social-media.rounded a.apple:hover { border-color: #a6b1b7; } .social-media.rounded a.behance:hover { border-color: #2d9ad2; } .social-media.rounded a.bitbucket:hover { border-color: #214f81; } .social-media.rounded a.bitcoin:hover { border-color: #f7931b; } .social-media.rounded a.codepan:hover { border-color: #000; } .social-media.rounded a.css3:hover { border-color: #3289ce; } .social-media.rounded a.delicious:hover { border-color: #3399fe; } .social-media.rounded a.deviantart:hover { border-color: #c8da30; } .social-media.rounded a.digg:hover { border-color: #0080c2; } .social-media.rounded a.drupal:hover { border-color: #0077b9; } .social-media.rounded a.empire:hover { border-color: #000; } .social-media.rounded a.foursquare:hover { border-color: #daecb0; } .social-media.rounded a.git:hover { border-color: #f34f29; } .social-media.rounded a.gitti:hover { border-color: #634c3e; } .social-media.rounded a.hacker-news:hover { border-color: #f18642; } .social-media.rounded a.html5:hover { border-color: #e54c1f; } .social-media.rounded a.joomla:hover { border-color: #016fb9; } .social-media.rounded a.jsfiddle:hover { border-color: #4679a4; } .social-media.rounded a.linux:hover { border-color: #fece0e; } .social-media.rounded a.maxcdn:hover { border-color: #f36f20; } .social-media.rounded a.openid:hover { border-color: #fe6101; } .social-media.rounded a.pagelines:hover { border-color: #3783e3; } .social-media.rounded a.pied-piper:hover { border-color: #0c7b48; } .social-media.rounded a.qq:hover { border-color: #23286c; } .social-media.rounded a.rebel:hover { border-color: #000; } .social-media.rounded a.reddit:hover { border-color: #cee3f8; } .social-media.rounded a.renren:hover { border-color: #0d81e4; } .social-media.rounded a.share:hover { border-color: #252525; } .social-media.rounded a.slack:hover { border-color: #453744; } .social-media.rounded a.soundcloud:hover { border-color: #fe4e00; } .social-media.rounded a.spotify:hover { border-color: #80bb41; } .social-media.rounded a.stack-exchange:hover { border-color: #265a93; } .social-media.rounded a.stackoverflow:hover { border-color: #fea501; } .social-media.rounded a.steam:hover { border-color: #191919; } .social-media.rounded a.stumbleupon:hover { border-color: #f04f23; } .social-media.rounded a.tencent-weibo:hover { border-color: #0063a7; } .social-media.rounded a.trello:hover { border-color: #226784; } .social-media.rounded a.vine:hover { border-color: #00b081; } .social-media.rounded a.vk:hover { border-color: #50769d; } .social-media.rounded a.wechat:hover { border-color: #a4dc31; } .social-media.rounded a.weibo:hover { border-color: #d82828; } .social-media.rounded a.wordpress:hover { border-color: #454442; } .social-media.rounded a.yahoo:hover { border-color: #4b04a8; } .social-media.rounded a.ftpx:hover { border-color: #000; } .social-media.rounded a.amazon:hover { border-color: #ff9900; } .social-media.rounded a.angellist:hover { border-color: #000; } .social-media.rounded a.btc:hover { border-color: #f7931b; } .social-media.rounded a.black-tie:hover { border-color: #000; } .social-media.rounded a.bluetooth:hover { border-color: #0a3d91; } .social-media.rounded a.buysellads:hover { border-color: #ba0202; } .social-media.rounded a.cc-amex:hover { border-color: #016dd2; } .social-media.rounded a.cc-diners-club:hover { border-color: #0069aa; } .social-media.rounded a.cc-discover:hover { border-color: #f88737; } .social-media.rounded a.cc-jcb:hover { border-color: #29166f; } .social-media.rounded a.cc-mastercard:hover { border-color: #fe9611; } .social-media.rounded a.paypal:hover { border-color: #012069; } .social-media.rounded a.cc-stripe:hover { border-color: #49b802; } .social-media.rounded a.cc-visa:hover { border-color: #1b4da2; } .social-media.rounded a.chrome:hover { border-color: #edcd16; } .social-media.rounded a.codepen:hover { border-color: #1b1c1b; } .social-media.rounded a.codiepie:hover { border-color: #000; } .social-media.rounded a.connectdevelop:hover { border-color: #023cb0; } .social-media.rounded a.contao:hover { border-color: #e4790f; } .social-media.rounded a.dashcube:hover { border-color: #000; } .social-media.rounded a.edge:hover { border-color: #2c74be; } .social-media.rounded a.expeditedssl:hover { border-color: #2e2e2e; } .social-media.rounded a.firefox:hover { border-color: #df731b; } .social-media.rounded a.fonticons:hover { border-color: #1d1e2a; } .social-media.rounded a.fort-awesome:hover { border-color: #000; } .social-media.rounded a.forumbee:hover { border-color: #85ac2f; } .social-media.rounded a.get-pocket:hover { border-color: #e84352; } .social-media.rounded a.gg:hover { border-color: #fd0002; } .social-media.rounded a.gratipay:hover { border-color: #653614; } .social-media.rounded a.houzz:hover { border-color: #9bc545; } .social-media.rounded a.internet-explorer:hover { border-color: #00bcf2; } .social-media.rounded a.ioxhost:hover { border-color: #f6a814; } .social-media.rounded a.lastfm:hover { border-color: #e2152b; } .social-media.rounded a.leanpub:hover { border-color: #231f20; } .social-media.rounded a.meanpath:hover { border-color: #538dd6; } .social-media.rounded a.medium:hover { border-color: #00ab6c; } .social-media.rounded a.mixcloud:hover { border-color: #040204; } .social-media.rounded a.modx:hover { border-color: #8ed547; } .social-media.rounded a.odnoklassniki:hover { border-color: #f68634; } .social-media.rounded a.opencart:hover { border-color: #00c1f2; } .social-media.rounded a.opera:hover { border-color: #e81617; } .social-media.rounded a.optin-monster:hover { border-color: #8ed31e; } .social-media.rounded a.product-hunt:hover { border-color: #d6573d; } .social-media.rounded a.reddit:hover { border-color: #ff4500; } .social-media.rounded a.safari:hover { border-color: #2973d9; } .social-media.rounded a.scribd:hover { border-color: #382d29; } .social-media.rounded a.sellsy:hover { border-color: #006ca2; } .social-media.rounded a.shirtsinbulk:hover { border-color: #dd3a26; } .social-media.rounded a.simplybuilt:hover { border-color: #322f34; } .social-media.rounded a.skyatlas:hover { border-color: #01aebe; } .social-media.rounded a.slideshare:hover { border-color: #13999a; } .social-media.rounded a.stack-overflow:hover { border-color: #ef532a; } .social-media.rounded a.tripadvisor:hover { border-color: #1e892f; } .social-media.rounded a.twitch:hover { border-color: #6441a5; } .social-media.rounded a.usb:hover { border-color: #000; } .social-media.rounded a.viacoin:hover { border-color: #2376a2; } .social-media.rounded a.whatsapp:hover { border-color: #44c254; } .social-media.rounded a.wikipedia:hover { border-color: #0c0c0c; } .social-media.rounded a.y-combinator:hover { border-color: #ff6501; } .social-media.rounded a.yelp:hover { border-color: #bf311b; } .social-media.rounded a.email:hover { border-color: #689c49; } .social-media.rounded a.envira:hover { border-color: #75bd3b; } .social-media.rounded a.gitlab:hover { border-color: #e24329; } .social-media.rounded a.glide:hover { border-color: #00a7ff; } .social-media.rounded a.snapchat:hover { border-color: #efe200; } .social-media.rounded a.viadeo:hover { border-color: #f4982b; } .social-media.rounded a.wpbeginner:hover { border-color: #ff6600; } .social-media.rounded a.wpforms:hover { border-color: #b6581a; } /* DEFAULT COLOR */ .social-media.default-color a:hover { color: #3cbbd6; } .social-media.bordered.default-color a:hover { border-color: #3cbbd6; color: #3cbbd6; } .social-media.rounded.default-color a:hover { border-color: #3cbbd6; } /* SOCIAL MEDIA LIST */ .social-media-list { display: flex; justify-content: space-around; margin-bottom: 0; background-color: #0b1725; list-style: none; } .social-media-list li { width: 100%; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; } .social-media-list li + li { border-left: 1px solid #fff; } .social-media-list li i { margin-right: 10px; } .social-media-list li a { display: flex; align-items: center; justify-content: center; height: 90px; color: #fff; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .social-media-list li a.facebook:hover { background-color: #0e59a0; } .social-media-list li a.twitter:hover { background-color: #0ea4ff; } .social-media-list li a.dribbble:hover { background-color: #ea73a0; } .social-media-list li a.pinterest:hover { background-color: #d73532; } .social-media-list li a.google:hover { background-color: #da4835; } .social-media-list li a.tumblr:hover { background-color: #2a445f; } .social-media-list li a.instagram:hover { background-color: #9c27b0; } .social-media-list li a.rss:hover { background-color: #f79638; } .social-media-list li a.linkedin:hover { background-color: #018faf; } .social-media-list li a.skype:hover { background-color: #00b0f6; } .social-media-list li a.flickr:hover { background-color: #0061db; } .social-media-list li a.vimeo:hover { background-color: #4cb2d9; } .social-media-list li a.github:hover { background-color: #3b3b3b; } .social-media-list li a.youtube:hover { background-color: #cc181e; } .social-media-list li a.windows:hover { background-color: #6dc2e9; } .social-media-list li a.dropbox:hover { background-color: #007ee5; } .social-media-list li a.xing:hover { background-color: #026566; } .social-media-list li a.adn:hover { background-color: #1ea076; } .social-media-list li a.android:hover { background-color: #98cb02; } .social-media-list li a.apple:hover { background-color: #a6b1b7; } .social-media-list li a.behance:hover { background-color: #2d9ad2; } .social-media-list li a.bitbucket:hover { background-color: #214f81; } .social-media-list li a.bitcoin:hover { background-color: #f7931b; } .social-media-list li a.codepan:hover { background-color: #000; } .social-media-list li a.css3:hover { background-color: #3289ce; } .social-media-list li a.delicious:hover { background-color: #3399fe; } .social-media-list li a.deviantart:hover { background-color: #c8da30; } .social-media-list li a.digg:hover { background-color: #0080c2; } .social-media-list li a.drupal:hover { background-color: #0077b9; } .social-media-list li a.empire:hover { background-color: #000; } .social-media-list li a.foursquare:hover { background-color: #daecb0; } .social-media-list li a.git:hover { background-color: #f34f29; } .social-media-list li a.gitti:hover { background-color: #634c3e; } .social-media-list li a.hacker-news:hover { background-color: #f18642; } .social-media-list li a.html5:hover { background-color: #e54c1f; } .social-media-list li a.joomla:hover { background-color: #016fb9; } .social-media-list li a.jsfiddle:hover { background-color: #4679a4; } .social-media-list li a.linux:hover { background-color: #fece0e; } .social-media-list li a.maxcdn:hover { background-color: #f36f20; } .social-media-list li a.openid:hover { background-color: #fe6101; } .social-media-list li a.pagelines:hover { background-color: #3783e3; } .social-media-list li a.pied-piper:hover { background-color: #0c7b48; } .social-media-list li a.qq:hover { background-color: #23286c; } .social-media-list li a.rebel:hover { background-color: #000; } .social-media-list li a.reddit:hover { background-color: #cee3f8; } .social-media-list li a.renren:hover { background-color: #0d81e4; } .social-media-list li a.share:hover { background-color: #252525; } .social-media-list li a.slack:hover { background-color: #453744; } .social-media-list li a.soundcloud:hover { background-color: #fe4e00; } .social-media-list li a.spotify:hover { background-color: #80bb41; } .social-media-list li a.stack-exchange:hover { background-color: #265a93; } .social-media-list li a.stackoverflow:hover { background-color: #fea501; } .social-media-list li a.steam:hover { background-color: #191919; } .social-media-list li a.stumbleupon:hover { background-color: #f04f23; } .social-media-list li a.tencent-weibo:hover { background-color: #0063a7; } .social-media-list li a.trello:hover { background-color: #226784; } .social-media-list li a.vine:hover { background-color: #00b081; } .social-media-list li a.vk:hover { background-color: #50769d; } .social-media-list li a.wechat:hover { background-color: #a4dc31; } .social-media-list li a.weibo:hover { background-color: #d82828; } .social-media-list li a.wordpress:hover { background-color: #454442; } .social-media-list li a.yahoo:hover { background-color: #4b04a8; } .social-media-list li a.ftpx:hover { background-color: #000; } .social-media-list li a.amazon:hover { background-color: #ff9900; } .social-media-list li a.angellist:hover { background-color: #000; } .social-media-list li a.btc:hover { background-color: #f7931b; } .social-media-list li a.black-tie:hover { background-color: #000; } .social-media-list li a.bluetooth:hover { background-color: #0a3d91; } .social-media-list li a.buysellads:hover { background-color: #ba0202; } .social-media-list li a.cc-amex:hover { background-color: #016dd2; } .social-media-list li a.cc-diners-club:hover { background-color: #0069aa; } .social-media-list li a.cc-discover:hover { background-color: #f88737; } .social-media-list li a.cc-jcb:hover { background-color: #29166f; } .social-media-list li a.cc-mastercard:hover { background-color: #fe9611; } .social-media-list li a.paypal:hover { background-color: #012069; } .social-media-list li a.cc-stripe:hover { background-color: #49b802; } .social-media-list li a.cc-visa:hover { background-color: #1b4da2; } .social-media-list li a.chrome:hover { background-color: #edcd16; } .social-media-list li a.codepen:hover { background-color: #1b1c1b; } .social-media-list li a.codiepie:hover { background-color: #000; } .social-media-list li a.connectdevelop:hover { background-color: #023cb0; } .social-media-list li a.contao:hover { background-color: #e4790f; } .social-media-list li a.dashcube:hover { background-color: #000; } .social-media-list li a.edge:hover { background-color: #2c74be; } .social-media-list li a.expeditedssl:hover { background-color: #2e2e2e; } .social-media-list li a.firefox:hover { background-color: #df731b; } .social-media-list li a.fonticons:hover { background-color: #1d1e2a; } .social-media-list li a.fort-awesome:hover { background-color: #000; } .social-media-list li a.forumbee:hover { background-color: #85ac2f; } .social-media-list li a.get-pocket:hover { background-color: #e84352; } .social-media-list li a.gg:hover { background-color: #fd0002; } .social-media-list li a.gratipay:hover { background-color: #653614; } .social-media-list li a.houzz:hover { background-color: #9bc545; } .social-media-list li a.internet-explorer:hover { background-color: #00bcf2; } .social-media-list li a.ioxhost:hover { background-color: #f6a814; } .social-media-list li a.lastfm:hover { background-color: #e2152b; } .social-media-list li a.leanpub:hover { background-color: #231f20; } .social-media-list li a.meanpath:hover { background-color: #538dd6; } .social-media-list li a.medium:hover { background-color: #00ab6c; } .social-media-list li a.mixcloud:hover { background-color: #040204; } .social-media-list li a.modx:hover { background-color: #8ed547; } .social-media-list li a.odnoklassniki:hover { background-color: #f68634; } .social-media-list li a.opencart:hover { background-color: #00c1f2; } .social-media-list li a.opera:hover { background-color: #e81617; } .social-media-list li a.optin-monster:hover { background-color: #8ed31e; } .social-media-list li a.product-hunt:hover { background-color: #d6573d; } .social-media-list li a.reddit:hover { background-color: #ff4500; } .social-media-list li a.safari:hover { background-color: #2973d9; } .social-media-list li a.scribd:hover { background-color: #382d29; } .social-media-list li a.sellsy:hover { background-color: #006ca2; } .social-media-list li a.shirtsinbulk:hover { background-color: #dd3a26; } .social-media-list li a.simplybuilt:hover { background-color: #322f34; } .social-media-list li a.skyatlas:hover { background-color: #01aebe; } .social-media-list li a.slideshare:hover { background-color: #13999a; } .social-media-list li a.stack-overflow:hover { background-color: #ef532a; } .social-media-list li a.tripadvisor:hover { background-color: #1e892f; } .social-media-list li a.twitch:hover { background-color: #6441a5; } .social-media-list li a.usb:hover { background-color: #000; } .social-media-list li a.viacoin:hover { background-color: #2376a2; } .social-media-list li a.whatsapp:hover { background-color: #44c254; } .social-media-list li a.wikipedia:hover { background-color: #0c0c0c; } .social-media-list li a.y-combinator:hover { background-color: #ff6501; } .social-media-list li a.yelp:hover { background-color: #bf311b; } .social-media-list li a.email:hover { background-color: #689c49; } .social-media-list li a.envira:hover { background-color: #75bd3b; } .social-media-list li a.gitlab:hover { background-color: #e24329; } .social-media-list li a.glide:hover { background-color: #00a7ff; } .social-media-list li a.snapchat:hover { background-color: #efe200; } .social-media-list li a.viadeo:hover { background-color: #f4982b; } .social-media-list li a.wpbeginner:hover { background-color: #ff6600; } .social-media-list li a.wpforms:hover { background-color: #b6581a; } /* DARK SECTION */ .full-section.dark-section .social-media a { color: inherit; } .full-section.dark-section .social-media a:hover { color: #3cbbd6; } .full-section.dark-section .social-media.bordered a { border-color: inherit; color: inherit; } .full-section.dark-section .social-media.bordered a:hover { border-color: #252525; color: #252525; } .full-section.dark-section .social-media.rounded a { border-color: #fff; background-color: #fff; color: #636363; } .full-section.dark-section .social-media.rounded a:hover { background-color: transparent; color: #fff; } @media (max-width: 767px) { .social-media.rounded a { width: 50px; height: 50px; font-size: 18px; line-height: 48px; } .social-media-list { flex-wrap: wrap; } .social-media-list li { flex-basis: 50%; border-top: 1px solid #fff; } .social-media-list li + li { border-left: none; } .social-media-list li:nth-child(even) { border-left: 1px solid #fff; } } /*********************************************************************************** * + PIE CHARTS ***********************************************************************************/ .pie-chart-container { margin-bottom: 50px; text-align: center; } .pie-chart { position: relative; margin: 0; } .pie-chart canvas { max-width: 100%; } .pie-chart-percent { position: absolute; top: 50%; left: 0; width: 100%; color: #252525; font-size: 20px; line-height: 20px; font-weight: 700; text-align: center; -webkit-transform: translateY(-55%); -ms-transform: translateY(-55%); transform: translateY(-55%); } .pie-chart-details .pie-chart-percent { position: relative; font-size: 72px; line-height: 72px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pie-chart-details { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pie-chart + .pie-chart-details { position: relative; margin-top: -5px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pie-chart + .pie-chart-details h5 { font-weight: 600; } /* DARK SECTION */ .full-section.dark-section .pie-chart-percent { color: inherit; } /*********************************************************************************** * + PROGRESS BARS ***********************************************************************************/ .progress-bar-container { margin-bottom: 15px; overflow: hidden; } .progress { overflow: visible; height: 4px; margin-bottom: 15px; box-shadow: none; border-radius: 0; background-color: #d2e1ec; } .progress-bar { position: relative; height: 4px; background-color: #3cbbd6; background: -webkit-linear-gradient(right, #3cbbd6, #00ff96); background: -ms-linear-gradient(right, #3cbbd6, #00ff96); background: linear-gradient(right, #3cbbd6, #00ff96); } .progress-bar-title { color: #252525; font-size: 16px; font-weight: 700; } .progress-bar span { position: absolute; bottom: -42px; right: 0; color: #252525; font-size: 16px; font-weight: 700; } /* DARK SECTION */ .full-section.dark-section .progress { background-color: transparent; } .full-section.dark-section .progress-bar-title, .full-section.dark-section .progress-bar span { color: inherit; } /*********************************************************************************** * + COUNTERS ***********************************************************************************/ /* COUNTER */ .counter { margin-bottom: 50px; } .counter i { float: left; margin-top: 10px; margin-right: 30px; color: #3cbbd6; background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96); background: linear-gradient(bottom, #3cbbd6, #00ff96); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 54px; line-height: 54px; } .counter-value { color: #252525; font-size: 48px; line-height: 48px; font-weight: 600; } .counter-value:before { content: attr(data-symbol-before); } .counter-value:after { content: attr(data-symbol-after); } .counter-details { color: #b4b4b4; font-size: 18px; font-weight: 600; } /* STYLE 2 */ .counter.style-2 .counter-wrapper { float: left; width: 35%; } .counter.style-2 i { margin-right: 15px; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .counter.style-2 .counter-value { margin-bottom: 12px; font-size: 92px; line-height: 64px; font-weight: 700; } .counter.style-2 .counter-details { margin-left: 75px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } .counter.style-2 p { float: left; width: 65%; } .counter.style-2:after { display: table; clear: both; content: ""; } @media (max-width: 1199px) { .counter.style-2 p, .counter.style-2 .counter-wrapper { width: 100%; } .counter.style-2 .counter-wrapper { margin-bottom: 20px; } } /* ODOMETER */ .odometer-container { margin-bottom: 50px; } .odometer-container i { float: left; margin-top: 10px; margin-right: 30px; color: #3cbbd6; background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96); background: linear-gradient(bottom, #3cbbd6, #00ff96); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 54px; line-height: 54px; } .odometer { color: #252525; font-size: 48px; line-height: 48px; font-weight: 600; } .odometer-inside { display: inline-block; } .odometer:before { content: attr(data-symbol-before); } .odometer:after { content: attr(data-symbol-after); } .odometer-details { color: #b4b4b4; font-size: 18px; font-weight: 600; } /* STYLE 2 */ .odometer-container.style-2 .odometer-wrapper { float: left; width: 35%; } .odometer-container.style-2 i { margin-right: 15px; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .odometer-container.style-2 .odometer { margin-bottom: 0; font-size: 92px; line-height: 72px; font-weight: 700; } .odometer-container.style-2 .odometer-details { margin-left: 75px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } .odometer-container.style-2 p { float: left; width: 65%; } .odometer-container.style-2:after { display: table; clear: both; content: ""; } @media (max-width: 1199px) { .odometer-container.style-2 p, .odometer-container.style-2 .odometer-wrapper { width: 100%; } .odometer-container.style-2 .odometer-wrapper { margin-bottom: 20px; } } /* DARK SECTION */ .full-section.dark-section .odometer, .full-section.dark-section .counter-value, .full-section.dark-section .counter-details, .full-section.dark-section .odometer-details { color: inherit; } /*********************************************************************************** * + COUNTDOWN ***********************************************************************************/ .countdown { display: flex; margin: 75px 0; font-size: 90px; line-height: 90px; font-weight: 600; } .countdown > div { margin-right: 40px; } .countdown > div:last-child { margin-right: 0; } /* STYLE 2 */ .countdown.style-2 { justify-content: center; } @media (min-width: 1200px) { .countdown.style-2 { font-size: 120px; line-height: 140px; } } @media (min-width: 768px) and (max-width: 991px) { .countdown, .countdown.style-2 { font-size: 56px; line-height: 64px; } } @media (max-width: 767px) { .countdown, .countdown.style-2 { font-size: 64px; line-height: 72px; flex-direction: column; } .countdown > div { margin: 0; } .countdown.style-2 { text-align: center; } } /*********************************************************************************** * + STATISTICS ***********************************************************************************/ .statistics-container { padding: 40px 20px; margin-bottom: 50px; background-color: #edf7ff; } .statistics-container.round { border-radius: 20px; } .radial-bar-chart { margin-bottom: 50px; } .legend { list-style: none; } .legend li { font-size: 14px; } .legend li:before { display: inline-block; width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; content: ""; } .legend li:nth-child(1):before { background-color: #07ffbc } .legend li:nth-child(2):before { background-color: #0af6c5 } .legend li:nth-child(3):before { background-color: #0eebd0 } .legend li:nth-child(4):before { background-color: #1fbdff } .legend li:nth-child(5):before { background-color: #29bbd8 } @media (max-width: 767px) { .statistics-container { padding: 10px 0; } } /*********************************************************************************** * + PRICE PLAN ***********************************************************************************/ .price-plan { position: relative; padding: 0 30px 25px; border: 2px solid transparent; margin-bottom: 50px; background-color: #edf7ff; color: #636363; text-align: center; -webkit-transition: all 0.25s; transition: all 0.25s; } .price-plan:before, .price-plan:after { position: absolute; z-index: 1; right: -1px; left: -1px; height: 2px; background: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); opacity: 0; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .price-plan:before { top: -2px; } .price-plan:after { bottom: -2px; } .price-plan-header { position: relative; padding: 60px 0 15px; border-bottom: 1px solid #b7b7b7; margin-bottom: 30px; } .price-plan-header span { position: absolute; top: 1px; left: -29px; right: -29px; background-color: #fff; color: #3cbbd6; font-size: 14px; } .price-plan-header h1, .price-plan-header h3 { margin-bottom: 0; text-transform: uppercase; } .price-plan-header h1 { position: relative; font-size: 60px; line-height: 68px; } .price-plan-header h1 sup { position: absolute; top: 15px; font-size: 18px; font-weight: 600; } .price-plan-header h3 { padding-top: 26px; font-size: 36px; line-height: 42px; } .price-plan-header h1 + p, .price-plan-header h3 + p { color: #3cbbd6; font-weight: 700; text-transform: uppercase; } .price-plan-header h4 { color: #3cbbd6; text-transform: uppercase; } .price-plan ul { margin-bottom: 25px; list-style: none; } .price-plan ul li { margin-bottom: 15px; } .price-plan ul li:last-child { margin-bottom: 0; } .price-plan ul li i { font-size: 20px; color: #3cbbd6; } .price-plan:hover, .price-plan.recommended { border-right-color: #00ff96; border-left-color: #3cbbd6; background-color: #fff; } .price-plan:hover:before, .price-plan:hover:after, .price-plan.recommended:before, .price-plan.recommended:after { opacity: 1; } .price-plan:hover .price-plan-header span, .price-plan.recommended .price-plan-header span { background-color: #f9fbfc; color: #3cbbd6; } /* DARK SECTION */ .full-section.dark-section .price-plan-header h1, .full-section.dark-section .price-plan-header h3, .full-section.dark-section .price-plan-header h4 { color: #252525; } /*********************************************************************************** * + PROCESS STEPS ***********************************************************************************/ /* HORIZONTAL PROCESS STEPS */ .process-steps { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px; } .process-steps .step { position: relative; padding: 90px 0 100px; flex-basis: calc(25% - 22px); background-color: #ff84c1; background: -webkit-linear-gradient(bottom, #c750e9, #ff84c1); background: -ms-linear-gradient(bottom, #c750e9, #ff84c1); background: linear-gradient(bottom, #c750e9, #ff84c1); color: #fff; text-align: center; box-shadow: -10px 22px 24px 0 rgba(0, 0, 0, 0.28); } .process-steps.process-3-steps .step { flex-basis: calc(33.3333333% - 22px); } .process-steps.process-4-steps .step { flex-basis: calc(25% - 22px); } .process-steps.process-5-steps .step { flex-basis: calc(20% - 22px); } .process-steps .step a, .process-steps .step h6, .process-steps .step h4, .process-steps .step h4 a { color: #fff; } .process-steps .step h4 a:hover { color: #252525; } .process-steps .step h6 { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .process-steps .step h4 { font-weight: 600; } .process-steps .step > a { position: absolute; bottom: 0; left: 50%; display: inline-block; font-size: 12px; line-height: 14px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; opacity: 0; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .process-steps .step > a:after { display: block; border-bottom: 1px solid #fff; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .process-steps .step > a:hover { color: #252525; text-decoration: none; } .process-steps .step a:hover:after { border-bottom-color: #252525; } .process-steps .step:nth-child(1) { background-color: #ff84c1; background: -webkit-linear-gradient(bottom, #c750e9, #ff84c1); background: -ms-linear-gradient(bottom, #c750e9, #ff84c1); background: linear-gradient(bottom, #c750e9, #ff84c1); } .process-steps .step:nth-child(2) { background-color: #47dfff; background: -webkit-linear-gradient(bottom, #71a0ff, #47dfff); background: -ms-linear-gradient(bottom, #71a0ff, #47dfff); background: linear-gradient(bottom, #71a0ff, #47dfff); } .process-steps .step:nth-child(3) { background-color: #d7fba4; background: -webkit-linear-gradient(bottom, #46d06e, #d7fba4); background: -ms-linear-gradient(bottom, #46d06e, #d7fba4); background: linear-gradient(bottom, #46d06e, #d7fba4); } .process-steps .step:nth-child(4) { background-color: #f295fd; background: -webkit-linear-gradient(bottom, #968bf7, #f295fd); background: -ms-linear-gradient(bottom, #968bf7, #f295fd); background: linear-gradient(bottom, #968bf7, #f295fd); } .process-steps .step > *:last-child { margin-bottom: 0; } .process-steps .step:hover > a { bottom: 40px; opacity: 1; } @media (max-width: 991px) { .process-steps { justify-content: space-around; } .process-steps .step, .process-steps.process-4-steps .step { flex-basis: calc(50% - 22px); margin: 20px 0; } .process-steps.process-5-steps .step { flex-basis: calc(33.3333333% - 22px); margin: 20px 0; } } @media (max-width: 767px) { .process-steps .step, .process-steps.process-3-steps .step, .process-steps.process-4-steps .step, .process-steps.process-5-steps .step { flex-basis: 100%; margin: 20px 0; } .process-steps .step:first-child { margin-top: 0; } .process-steps .step:last-child { margin-bottom: 0; } } /* VERTICAL PROCESS STEPS */ .vertical-process-steps { position: relative; margin-bottom: 50px; } .vertical-process-steps:before { position: absolute; top: 0; bottom: 0; left: 0; display: block; border-left: 2px solid #cccccc; content: ""; } .vertical-step { position: relative; padding: 30px 50px 30px 100px; margin: 0 0 25px 75px; background-color: #3cbbd6; color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; } .vertical-step i { position: absolute; top: 30px; left: 40px; font-size: 32px; line-height: 32px; } .vertical-step h6 { position: absolute; top: 50%; left: -100px; width: 54px; height: 54px; border-radius: 50%; margin-bottom: 0; background-color: #3cbbd6; background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96); background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96); background: linear-gradient(bottom, #3cbbd6, #00ff96); font-size: 18px; line-height: 54px; font-weight: 600; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .vertical-step h6:after { position: absolute; top: 0; left: 0; z-index: -1; width: 50px; height: 50px; margin: 2px 0 0 2px; border-radius: 50%; background-color: #edf7ff; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .vertical-step h5, .vertical-step h5 a { color: inherit; text-transform: uppercase; } .vertical-step:last-child, .vertical-step > *:last-child { margin-bottom: 0; } .vertical-step:hover { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } .vertical-step:hover h6 { color: #fff; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } .vertical-step:hover h6:after { background-color: transparent; } /* DARK SECTION */ .full-section.dark-section .vertical-step h6 { color: #252525; } .full-section.dark-section .vertical-step:hover h6 { color: #fff; } @media (max-width: 767px) { .vertical-process-steps:before { display: none; } .vertical-step { margin-left: 0; } } /*********************************************************************************** * + TIMELINE ***********************************************************************************/ .timeline { position: relative; margin-bottom: 50px; } .timeline:before { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background-color: #b7b7b7; content: ""; } .timeline-item { position: relative; z-index: 1; margin-bottom: 20px; } .timeline-item:last-child { margin-bottom: 0; } .timeline-item:before, .timeline-item:after { position: absolute; top: 0; left: 50%; display: block; border-radius: 50%; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .timeline-item:before { width: 22px; height: 22px; margin-left: -11px; background-color: #b7b7b7; } .timeline-item:after { width: 18px; height: 18px; margin-top: 2px; margin-left: -9px; background-color: #fff; } .timeline-item h3 { margin-bottom: 15px; font-weight: 600; } .timeline-item:hover:before { background: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); } /* STYLE 2 */ .timeline.style-2:before { left: 135px; width: 2px; background: #3cbbd6; background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96); background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96); background: linear-gradient(bottom, #3cbbd6, #00ff96); } .timeline.style-2 .period { display: inline-block; color: #666666; text-align: center; } .timeline.style-2 .period small { display: block; font-size: 14px; font-weight: 400; } .timeline.style-2 .timeline-item { margin-bottom: 30px; } .timeline.style-2 .timeline-item:last-child { margin-bottom: 0; } .timeline.style-2 .timeline-item:before, .timeline.style-2 .timeline-item:after { left: 135px; } .timeline.style-2 h5 { font-weight: 600; } /* DARK SECTION */ .full-section.dark-section .timeline.style-2 .period { color: inherit; } @media (max-width: 767px) { .timeline:before, .timeline-item:before, .timeline-item:after { display: none; } } /*********************************************************************************** * + TESTIMONIALS ***********************************************************************************/ /* BLOCKQUOTE */ blockquote { padding: 0; border-left: none; margin-bottom: 20px; } blockquote footer { color: inherit; font-size: 14px; font-style: normal; } blockquote footer small { color: inherit; } blockquote footer:before, blockquote footer small:before { display: none; } blockquote footer img { border-radius: 50%; margin-right: 10px; } blockquote > *:last-child { margin-bottom: 0; } /* TESTIONIAL */ .testimonial { position: relative; z-index: 1; padding: 50px 25px; margin-bottom: 50px; background-color: #f7f7f7; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.25s; transition: all 0.25s; } .testimonial:hover:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-left: 1px solid #3cbbd6; border-right: 1px solid #00ff96; background-size: 100% 1px; background-position: 0 0, 0 100%; background-repeat: no-repeat; background-image: linear-gradient(30deg, #3cbbd6, #00ff96), linear-gradient(30deg, #3cbbd6, #00ff96); opacity: 0; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .testimonial h6 { color: #3cbbd6; text-transform: uppercase; } .testimonial blockquote { padding: 0; border: none; } .testimonial blockquote > *:last-child { margin-bottom: 0; } .testimonial .testimonial-author { display: flex; align-items: center; padding-top: 40px; border-top: 1px solid #e1e1e1; margin-top: 40px; } .testimonial .testimonial-author img { border-radius: 50%; margin-right: 20px; } .testimonial .testimonial-author p { margin-bottom: 0; font-weight: 600; } .testimonial .testimonial-author p span { color: #3cbbd6; } .testimonial:hover { background-color: transparent; } .testimonial:hover:after { opacity: 1; } /* TESTIONIAL 2 */ .testimonial-2 { margin-bottom: 50px; text-align: center; } .testimonial-2 h6 { margin-bottom: 30px; text-transform: uppercase; } .testimonial-2 blockquote { margin-bottom: 40px; line-height: 26px; font-weight: 300; font-style: italic; } .testimonial-2 blockquote > *:last-child { margin-bottom: 0; } .testimonial-2 .testimonial-author img { display: inline-block; border-radius: 50%; margin-bottom: 15px; } .testimonial-2 .testimonial-author p { margin-bottom: 0; font-weight: 600; } .testimonial-2 .testimonial-author p span { color: #3cbbd6; } /* TESTIONIAL 3 */ .testimonial-3 { margin-bottom: 50px; text-align: center; } .testimonial-wrapper { position: relative; padding: 60px 20px; margin-bottom: 35px; background-color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; } .testimonial-wrapper:after { position: absolute; bottom: -10px; width: 0; height: 0; border-top: 10px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; margin-left: -6px; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .testimonial-3 h6 { margin-bottom: 30px; text-transform: uppercase; -webkit-transition: all 0.25s; transition: all 0.25s; } .testimonial-3 blockquote { margin-bottom: 0; line-height: 26px; font-weight: 300; font-style: italic; } .testimonial-3 blockquote > *:last-child { margin-bottom: 0; } .testimonial-3:hover .testimonial-wrapper { background-color: #3cbbd6; color: #fff; } .testimonial-3:hover .testimonial-wrapper:after { border-top-color: #3cbbd6; } .testimonial-3:hover h6 { color: #fff; } .testimonial-3 .testimonial-author img { display: inline-block; border-radius: 50%; margin-bottom: 15px; } .testimonial-3 .testimonial-author p { margin-bottom: 0; font-weight: 600; } .testimonial-3 .testimonial-author p span { color: #3cbbd6; } /* TESTIMONIAL 4 */ .testimonial-4 { margin-bottom: 50px; } .testimonial-4:after { display: table; clear: both; content: ""; } .testimonial-4 h6 { margin-bottom: 15px; text-transform: uppercase; } .testimonial-4 .testimonial-author { display: flex; align-items: center; } .testimonial-4 .testimonial-author img { border-radius: 50%; margin-right: 15px; } .testimonial-4 .testimonial-author p { margin-bottom: 0; font-weight: 600; } .testimonial-4 .testimonial-author p span { color: #3cbbd6; } /* TESTIMONIAL 5 */ .testimonial-5 { display: flex; align-items: center; margin-bottom: 50px; } .testimonial-5 .testimonial-author img { border-radius: 50%; margin-right: 15px; } .testimonial-5 h6 { margin-bottom: 15px; text-transform: uppercase; } .testimonial-5 .testimonial-content { padding-left: 40px; } .testimonial-5 .testimonial-content > p { font-weight: 600; } .testimonial-5 .testimonial-content > p span { color: #3cbbd6; } .testimonial-5 blockquote { margin-bottom: 0; font-style: italic; font-weight: 300; } /* DARK SECTION */ .full-section.dark-section .testimonial, .full-section.dark-section .testimonial-3 .testimonial-wrapper { color: #636363; } .full-section.dark-section .testimonial h4, .full-section.dark-section .testimonial-3 h6 { color: #252525; } .full-section.dark-section .testimonial h6 { color: #3cbbd6; } .full-section.dark-section .testimonial:hover, .full-section.dark-section .testimonial:hover h4 { color: inherit; } .full-section.dark-section .testimonial-3:hover h6, .full-section.dark-section .testimonial-3:hover .testimonial-wrapper { color: #fff; } @media (min-width: 1200px) { .testimonial { padding: 50px 45px; } } @media (max-width: 767px) { .testimonial-5 { flex-direction: column; } .testimonial-5 .testimonial-content { margin-top: 30px; padding-left: 0; } .testimonial-5 .testimonial-content > p, .testimonial-5 .testimonial-content > h6 { text-align: center; } } /*********************************************************************************** * + ISOTOPE ***********************************************************************************/ .isotope { margin-bottom: 50px; } .isotope.gutter { margin: -15px -15px 35px; } .isotope.small-gutter { margin: -1px -1px 35px; } .isotope .isotope-item { float: left; width: 25%; } .isotope.gutter .isotope-item { padding: 15px; } .isotope.small-gutter .isotope-item { padding: 1px; } .isotope.cols-3 .isotope-item { width: 33.333333%; } .isotope.cols-4 .isotope-item { width: 25%; } .isotope .portfolio-item { margin-bottom: 0; } .isotope:after { display: table; content: " "; clear: both; } @media (min-width: 768px) and (max-width: 991px) { .isotope.gutter { margin: -5px -5px 30px; } .isotope.gutter .isotope-item { padding: 5px; } .isotope.cols-4 .isotope-item { width: 33.33333%; } } @media (max-width: 767px) { .isotope .isotope-item, .isotope.cols-3 .isotope-item, .isotope.cols-4 .isotope-item { float: none; width: 100%; } } @media (min-width: 576px) and (max-width: 767px) { .isotope .isotope-item, .isotope.cols-3 .isotope-item, .isotope.cols-4 .isotope-item { float: left; width: 50%; } .isotope.gutter { margin: -5px -5px 30px; } .isotope.gutter .isotope-item { padding: 5px; } } /*********************************************************************************** * + FILTER ***********************************************************************************/ .filter { margin-bottom: 80px; list-style: none; } .filter li { display: inline-block; margin-right: 35px; } .filter li:after { margin-left: 35px; content: "-"; } .filter li:last-child { margin-right: 0; } .filter li:last-child:after { display: none; } .filter li a { display: inline-block; color: #636363; font-weight: 600; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .filter li a:hover, .filter li a.active { color: #3cbbd6; } /* STYLE 2 */ .filter.style-2 li { margin-right: 15px; } .filter.style-2 li:last-child { margin-right: 0; } .filter.style-2 li:after { display: none; } .filter.style-2 li a { padding: 7px 30px; border-radius: 20px; background-color: #f7fafc; } .filter.style-2 li a:hover, .filter.style-2 li a.active { background-color: #3cbbd6; color: #fff; } /* DARK SECTION */ .full-section.dark-section .filter:not(.style-2) li a { color: inherit; } .full-section.dark-section .filter:not(.style-2) li a:hover, .full-section.dark-section .filter:not(.style-2) li a.active { color: #3cbbd6; } @media (max-width: 767px) { .filter li:after { display: none; } .filter.style-2 li { display: block; margin-right: 0; margin-bottom: 10px; } .filter.style-2 li:last-child { margin-bottom: 0; } } @media (max-width: 575px) { .filter li { display: block; margin-right: 0; margin-bottom: 10px; } .filter li:last-child { margin-bottom: 0; } } /*********************************************************************************** * + PAGINATION ***********************************************************************************/ /*********************************************************************************** * + PAGINATION ***********************************************************************************/ .pagination { margin: 30px 0 50px 0; } .pagination li { margin-right: 5px; } .pagination li:last-child { margin-right: 0; } .pagination li a { display: block; width: 40px; height: 40px; border: 2px solid transparent; border-radius: 5px; color: #636363; line-height: 36px; font-weight: 600; text-align: center; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .pagination li.active a, .pagination li a:hover { border-color: #3cbbd6; color: #3cbbd6; } /* DARK SECTION */ .full-section.dark-section .pagination li a { color: inherit; } .full-section.dark-section .pagination li.active a, .full-section.dark-section .pagination li a:hover { color: #3cbbd6; } /*********************************************************************************** * + BREADCRUMB ***********************************************************************************/ .breadcrumb { justify-content: center; margin: 0; padding: 0; background-color: transparent; font-size: 14px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; } .breadcrumb > li + li:before { padding: 0; margin: 0 10px 0 7px; color: #fff; content: "/"; } .breadcrumb li a { color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } .breadcrumb li a:hover { color: #3cbbd6; text-decoration: none; } .breadcrumb li.active { color: #3cbbd6; } @media (max-width: 767px) { .breadcrumb { display: none; } } /*********************************************************************************** * + FULL SECTIONS ***********************************************************************************/ .full-section { position: relative; z-index: 1; padding: 50px 0; margin-bottom: 100px; background: no-repeat center center; } .full-section-overlay { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.5; } .full-section-blending { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: #3cbbd6; background: -webkit-linear-gradient(30deg, #3cbbd6, #00ff96); background: -ms-linear-gradient(30deg, #3cbbd6, #00ff96); background: linear-gradient(30deg, #3cbbd6, #00ff96); mix-blend-mode: multiply; opacity: 0.9; } .full-section-container { position: relative; z-index: 4; } /* FULL SECTION WITH HALF IMAGE/SOLID COLOR */ .half-image-left, .half-image-right { position: absolute; z-index: 3; top: 0; bottom: 0; width: 50%; background: no-repeat center center; background-size: cover; } .half-image-left { left: 0; } .half-image-right { right: 0; } .half-image-left img, .half-image-right img { display: none; } /* PARALLAX */ .parallax { background-attachment: fixed; -webkit-background-size: cover !important; background-size: cover !important; } .parallax.parallax-disable { background-attachment: scroll; } /* MULTILAYER PARALLAX */ .multilayer-parallax { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; } .multilayer-parallax .parallax-layer { position: absolute; top: 0; left: 0; } .multilayer-parallax .parallax-layer img.resize-off { max-width: none; } .multilayer-parallax .parallax-layer[data-x="center"] { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* ELEMENTS IN DARK SECTION */ .full-section.dark-section { background-color: #000; color: #fff; } .full-section.dark-section ::-moz-placeholder { color: inherit; } .full-section.dark-section ::-webkit-input-placeholder { color: inherit; } .full-section.dark-section :-ms-input-placeholder { color: inherit; } .full-section.dark-section h1, .full-section.dark-section h2, .full-section.dark-section h3, .full-section.dark-section h4, .full-section.dark-section h5, .full-section.dark-section h6, .full-section.dark-section h1 a, .full-section.dark-section h2 a, .full-section.dark-section h3 a, .full-section.dark-section h4 a, .full-section.dark-section h5 a, .full-section.dark-section h6 a, .full-section.dark-section table th { color: #fff; } .full-section.dark-section h1 a:hover, .full-section.dark-section h2 a:hover, .full-section.dark-section h3 a:hover, .full-section.dark-section h4 a:hover, .full-section.dark-section h5 a:hover, .full-section.dark-section h6 a:hover { color: #3cbbd6; } .full-section.dark-section input, .full-section.dark-section select, .full-section.dark-section textarea { border-color: #fff; } /* BACKROUNDS AND STYLE FOR FULL SECTIONS */ #section-1 { padding: 100px 0 80px; margin-bottom: 100px; } #section-2 { padding: 140px 0 100px; margin-bottom: 100px; background-color: #f4fafb; } #section-2:after { position: absolute; z-index: 5; bottom: 25px; display: block; width: 100%; height: 4px; background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); content: ""; } #section-2 .half-image-right { width: 40%; } #section-3 { padding: 100px 0 80px; margin-top: 50px; margin-bottom: 0; background-color: #f4fafb; } #section-4 { padding: 80px 0 30px; background-image: url(../../../images/bg/a2.jpg); } #section-5 { padding: 100px 0 30px; margin-top: 50px; margin-bottom: -50px; background-image: url(../../../images/bg/a4.jpg); } #section-6 { position: relative; z-index: 100; padding-top: 75px; margin-top: -100px; background-color: #fff; } #section-7 { padding: 100px 0; margin-top: 50px; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-3.jpg); } #section-7 h1 { font-size: 150px; line-height: 150px; font-weight: 300; } #section-7 h1 small { font-size: 36px; font-weight: 600; } #section-8 { padding: 100px 0 50px; background-color: #fbf7fc; } #section-9 { position: relative; z-index: 100; margin-top: -60px; } #section-10 { padding: 100px 0 60px; margin-top: 50px; background-color: #252429; background: -webkit-linear-gradient(45deg, #252429 45%, #213b63); background: -ms-linear-gradient(45deg, #252429 45%, #213b63); background: linear-gradient(45deg, #252429 45%, #213b63); } #section-11 { padding: 100px 0 50px; background-color: #f7fafc; } #section-12 { overflow: hidden; padding: 200px 0; margin-top: 80px; background-color: #252429; } #section-13 { padding: 100px 0; margin-top: 80px; margin-bottom: 0; background-color: #252429; } #section-13 .half-image-right { width: 33%; } #section-14 { padding: 100px 0 50px; background-color: #f7fafc; } #section-15 { padding: 100px 0 50px; margin-top: 80px; background-image: url(../../../images/backgrounds/bg-5.jpg); } #section-16 { padding: 100px 0 50px; margin: 50px 20px 100px; background-color: #f7fafc; } #section-17 { padding: 100px 0 70px; margin-top: 25px; margin-bottom: 0; background-color: #fe2f87; } #section-18 { padding: 100px 0 50px; margin-top: 80px; background-color: #f7fafc; } #section-19 { padding: 100px 0 60px; margin-top: 50px; margin-bottom: 0; background-color: #0030ff; } #section-20 { padding: 100px 0 80px; background-color: #f1f7fa; } #section-21 { padding: 100px 0 80px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-6.jpg); } #section-22 { padding: 100px 0 90px; margin-top: 50px; background-color: #f4fafb; } #section-23 { padding: 75px 0 60px; margin-top: 70px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-7.jpg); } #section-24 { overflow: hidden; padding-top: 0; padding-bottom: 80px; margin-bottom: 0; } #section-25 { padding: 100px 0 50px; margin-bottom: 0; background-color: #f6f8fa; } #section-26 { padding: 0; background-color: #252525; } #section-27 { padding: 80px 0; margin-top: 50px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-8.jpg); } #section-28 { padding: 0; margin-top: 50px; margin-bottom: -50px; } #section-28 input, #section-28 textarea { background: transparent; color: inherit; } #section-29 { padding: 100px 0 80px; margin-top: -51px; background-image: url(../../../images/backgrounds/bg-9.jpg); } #section-30 { padding: 50px 0 35px; margin-top: 35px; margin-bottom: -50px; background-color: #454a6d; } #section-31 { padding: 100px 0 85px; margin-top: 80px; margin-bottom: 0; background-color: #f8f8fb; } #section-32 { padding: 100px 0 85px; background-color: #f8f8fb; } #section-33 { padding: 100px 0 60px; margin-top: 60px; background-image: url(../../../images/backgrounds/bg-10.jpg); } #section-34 { padding: 50px 0; margin-top: 20px; margin-bottom: -50px; background-color: #f8f8fb; } #section-35 { padding: 70px 0 60px; margin-top: 50px; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-11.jpg); } #section-36 { padding: 100px 0 50px; background-color: #f9fafb; } #section-37 { padding: 100px 0 50px; margin-top: 65px; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-6.jpg); } #section-38 { padding: 100px 0 80px; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-13.png); } #section-39 { padding: 100px 0 30px; margin-bottom: -50px; background-color: #f7fafc; } #section-40 { background-color: #d297ff; background: -webkit-linear-gradient(47deg, #7dffd6, #8aa0ff, #d297ff); background: -ms-linear-gradient(47deg, #7dffd6, #8aa0ff, #d297ff); background: linear-gradient(47deg, #7dffd6, #8aa0ff, #d297ff); } #section-41 { background-color: #b7a0fb; background: -webkit-linear-gradient(47deg, #f6bff2, #b7a0fb); background: -ms-linear-gradient(47deg, #f6bff2, #b7a0fb); background: linear-gradient(47deg, #f6bff2, #b7a0fb); } #section-42 { z-index: 2; background-color: #7ebcfc; background: -webkit-linear-gradient(47deg, #6bfdc1, #7ebcfc); background: -ms-linear-gradient(47deg, #6bfdc1, #7ebcfc); background: linear-gradient(47deg, #6bfdc1, #7ebcfc); } #section-43 { background-color: #fb7dd6; background: -webkit-linear-gradient(47deg, #fb7dd6, #f9de9f); background: -ms-linear-gradient(47deg, #fb7dd6, #f9de9f); background: linear-gradient(47deg, #fb7dd6, #f9de9f); } #section-44 { overflow: hidden; padding: 120px 0 70px; margin-top: 50px; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-14.jpg); } #section-45 { padding: 100px 0 50px; margin-top: 50px; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-15.jpg); } #section-46 { padding: 70px 0 60px; background-color: #1c1c1c; } #section-47 { padding: 50px 0; margin-top: 80px; background-image: url(../../../images/backgrounds/bg-9.jpg); } #section-47:before { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; width: 35%; background-color: #fff; content: ""; } #section-47 [class^="col-"] { padding: 100px; background-color: #fff; } #section-48 { padding-top: 50px; padding-bottom: 0; margin-top: 50px; margin-bottom: 0; background-color: #f3f8f9; } #section-48 .half-image-right { margin-top: -125px; width: 60%; -webkit-clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%); } #section-49 { padding: 80px 0 30px; background-color: #e5d1fd; background: -webkit-linear-gradient(50deg, #c8eaf5 20%, #e5d1fd); background: -ms-linear-gradient(50deg, #c8eaf5 20%, #e5d1fd); background: linear-gradient(50deg, #c8eaf5 20%, #e5d1fd); } #section-50 { padding: 100px 0 80px; margin-bottom: 0; background-color: #eff4f7; } #section-51 { padding: 50px 0 30px; background-color: #fb874e; background: -webkit-linear-gradient(left, #fdd962, #fb874e); background: -ms-linear-gradient(left, #fdd962, #fb874e); background: linear-gradient(left, #fdd962, #fb874e); font-weight: 600; } #section-51 h3 { font-size: 36px; font-weight: 600; } #section-52 { padding: 90px 0 70px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-16.jpg); } #section-53 { padding: 50px 0 0 0; margin-bottom: -50px; background-color: #1a1a1a; } #section-54 { padding: 100px 0 80px; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-17.jpg); } #section-55 { padding: 100px 0 50px; margin-bottom: 0; background-color: #fafafc; } #section-56 { padding: 50px 0 30px; margin-top: 50px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-18.jpg); font-weight: 600; } #section-57 .text-xl { font-size: 150px; line-height: 150px; font-weight: 200; } #section-58 { background-color: #241825; } #section-58 .map { margin-top: -200px; } #section-59 { padding: 50px 0 30px; margin-top: -1px; background-color: #9117f9; font-weight: 600; } #section-59 h3 { font-size: 36px; font-weight: 600; } #section-60 { padding: 160px 0 140px; margin-top: 20px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-18.jpg); } #section-60 h1 { font-size: 60px; } #section-61 { padding: 100px 0 50px; background-color: #f7fafc; } #section-62 { padding-top: 65px; padding-bottom: 0; margin-top: 50px; background-color: #f7fafc; } #section-63 { padding: 120px 0 100px; margin-top: 50px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-19.jpg); } #section-64 { padding: 150px 0 100px; margin-top: 100px; background-color: #edf7ff; } #section-65 { padding: 100px 0 50px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-14.jpg); } #section-66 { padding: 140px 0 125px; margin-top: 60px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-12.jpg); } #section-67 { padding-top: 220px; padding-bottom: 1px; margin-top: 80px; margin-bottom: 60px; background-image: url(../../../images/backgrounds/bg-20.jpg); } #section-67:before { position: absolute; z-index: 5; top: 0; left: 0; display: block; width: 100%; height: 10px; background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); content: ""; } #section-67 .nav-tabs { margin-top: 150px; } #section-68 { padding: 100px 0 50px; background-image: url(../../../images/backgrounds/bg-21.jpg); } #section-69 { padding: 90px 0 70px; margin-top: 70px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-22.jpg); } #section-70 { padding: 100px 0 50px; margin-top: 50px; margin-bottom: 0; background-color: #fe103d; } #section-71 { padding-top: 100px; padding-bottom: 0; background-color: #212433; } #section-72 { padding: 185px 0 80px; margin-top: 80px; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-23.jpg); } #section-72:after { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; height: 500px; background-color: #f3f7f9; content: ""; } #section-73 { padding: 30px 0; border-bottom: 1px solid #cccccc; margin-bottom: -50px; background-color: #212432; } #section-74 { padding: 100px 0 50px; margin-top: 80px; margin-bottom: 0; background-color: #f3f7f9; } #section-75 { padding: 160px 0 140px; margin-bottom: 0; } #section-76 { padding: 100px 0 50px; background-color: #212432; } #section-77 { padding: 100px 0 50px; margin-top: 80px; background-image: url(../../../images/backgrounds/bg-24.jpg); } #section-78 { padding: 100px 0 80px; margin-top: 50px; background-color: #edf7ff; } #section-79 { padding: 0; border-bottom: 1px solid #fff; margin-bottom: -50px; } #section-80 { background-image: url(../../../images/backgrounds/bg-25.jpg); } #section-81 { background-image: url(../../../images/backgrounds/bg-26.jpg); } #section-82 { background-image: url(../../../images/backgrounds/bg-27.jpg); } #section-83 { background: url(../../../images/backgrounds/bg-28.jpg) no-repeat center bottom; } #section-84 { overflow: hidden; height: 450px; margin-bottom: 0; } #section-85 { overflow: hidden; padding: 140px 0 130px; background-color: #edf7ff; } #section-85 .plus-list-3 li:after { background-color: #edf7ff; } #section-86 { padding: 0; margin-top: 100px; background-color: #edf7ff; } #section-87 { padding: 0; margin-top: 175px; margin-bottom: -50px; } #section-87 input, #section-87 textarea { background: transparent; color: inherit; } #section-88 { padding: 150px 0 90px; margin-top: 80px; margin-bottom: 0; background-color: #6161b2; background: -webkit-linear-gradient(36deg, #6161b2, #b35fa7); background: -ms-linear-gradient(36deg, #6161b2, #b35fa7); background: linear-gradient(36deg, #6161b2, #b35fa7); } #section-88 h5 { font-size: 20px; } #section-88 h5 a { display: inline-block; } #section-88 h5 a:after { display: block; width: 100%; height: 1px; margin-top: 3px; background-color: #3cbbd6; background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96); background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96); background: linear-gradient(bottom, #3cbbd6, #00ff96); content: ""; } #section-89 { padding: 100px 0 50px; background-color: #202332; } #section-90 { z-index: 10; padding: 200px 0; margin-top: 80px; margin-bottom: -51px; font-size: 18px; line-height: 28px; font-weight: 600; background-color: #3d3d6d; background-image: url(../../../images/backgrounds/bg-29.png); } #section-91 { padding: 120px 0 100px; margin-top: 40px; background-color: #0e2040; } #section-92 { padding: 240px 0; margin-top: 70px; margin-bottom: 0; background-color: #0e2040; } #section-93 { padding: 100px 0 80px; margin-bottom: -50px; background-color: #4ed0d1; background: -webkit-linear-gradient(75deg, #4ed0d1, #cb71ff); background: -ms-linear-gradient(75deg, #4ed0d1, #cb71ff); background: linear-gradient(75deg, #4ed0d1, #cb71ff); } #section-93 .social-media a { margin-right: 100px; font-size: 32px; line-height: 32px; } #section-94 { padding: 70px 0 100px; margin-top: 80px; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-30.jpg); color: #cacaca; } #section-95 { padding-top: 70px; padding-bottom: 0; background-image: url(../../../images/backgrounds/bg-31.jpg); } #section-96 { padding: 100px 0 30px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-32.jpg); } #section-97 { padding: 550px 0 65px; margin-top: -120px; margin-bottom: 0; background: transparent url(../../../images/backgrounds/bg-33.png) no-repeat top center; } #section-98 { padding: 100px 0 200px; margin-bottom: -100px; background: transparent url(../../../images/backgrounds/bg-34.png) no-repeat right bottom; } #section-99 { padding: 450px 0; margin-top: -220px; margin-bottom: -50px; background: transparent url(../../../images/backgrounds/bg-35.png) no-repeat center; } #section-100 { margin-top: 50px; margin-bottom: -50px; } #section-100 .half-image-left { background-size: contain; background-position: center bottom; } #section-101 { padding: 100px 0 60px; margin-top: 50px; background-image: url(../../../images/bg/w4.jpg); } #section-102 { padding: 100px 0 80px; margin-top: 50px; background-image: url(../../../images/bg/a4.jpg); } #section-102:before { position: absolute; z-index: 5; top: 0; left: 0; display: block; width: 100%; height: 4px; background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); content: ""; } #section-103 { padding: 100px 0 50px; margin-top: 50px; margin-bottom: -50px; background-color: #f4fafb; } #section-104 { padding: 100px 0 50px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-36.jpg); } #section-105 { padding: 100px 0 50px; margin-top: 50px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-14.jpg); } #section-106 { padding: 100px 0 50px; background-color: #edf7ff; } #section-107 { display: flex; flex-direction: column; justify-content: center; height: 100vh; padding: 100px 0; margin-bottom: -50px; } #section-107:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-left: 3px solid #3cbbd6; border-right: 3px solid #00ff96; margin: 50px; background-size: 100% 3px; background-position: 0 0, 0 100%; background-repeat: no-repeat; background-image: linear-gradient(right, #00ff96, #3cbbd6), linear-gradient(right, #00ff96, #3cbbd6); content: ""; } #section-107 h1, #section-107 h3 { color: #fff; } #section-107 h1 { margin-left: -10px; font-size: 8vw; line-height: 6vw; font-weight: 600; } #section-107 #logo { position: absolute; top: 50px; left: 50px; z-index: 5; } #section-108 { display: flex; flex-direction: column; justify-content: center; height: 100vh; padding: 100px 0; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-37.jpg); background-size: cover; } #section-108:after { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; border-left: 3px solid #3cbbd6; border-right: 3px solid #00ff96; margin: 50px; background-size: 100% 3px; background-position: 0 0, 0 100%; background-repeat: no-repeat; background-image: linear-gradient(right, #00ff96, #3cbbd6), linear-gradient(right, #00ff96, #3cbbd6); content: ""; } #section-109 { display: flex; flex-direction: column; justify-content: center; height: 100vh; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-18.jpg); background-size: cover; } #section-110 { padding: 50px 0 35px; margin-top: 30px; margin-bottom: -50px; background-color: #70d8ed; } #section-111 { padding: 100px 0 15px; margin-top: 30px; margin-bottom: 0; background-color: #f3f9fa; } #section-111 input, #section-111 textarea { background-color: transparent; } #section-111 textarea { height: 150px; } @media (max-width: 1699px) { #section-92 .multilayer-parallax { position: relative; display: block; padding: 0 20px; margin: 0 auto 100px; max-width: 75%; } #section-92 .parallax-layer { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 1400px) { #section-13 { padding-right: 75px; padding-left: 75px; } #section-16 { margin-right: 50px; margin-left: 50px; } } @media (max-width: 1199px) { #section-1 .parallax-layer img { width: 70%; } } @media (min-width: 768px) and (max-width: 991px) { .half-image-left, .half-image-right { position: relative; width: 100%; background-image: none !important; } .half-image-left img { display: block; margin-top: -100px; margin-bottom: 70px; } .half-image-right img { display: block; margin-top: 70px; margin-bottom: -100px; } #section-1 { padding-top: 50px; margin-bottom: 0; } #section-2 .half-image-right { width: 100%; } #section-12 { padding: 100px 0; } #section-13 .half-image-right { width: 100%; } #section-31 { padding-bottom: 0; } #section-32 { padding-top: 0; } #section-38 { background-image: none; } #section-48 { color: #252525; } #section-48 .half-image-right { margin-top: -30px; width: 100%; -webkit-clip-path: polygon(0 100%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%); } #section-58 .map { margin-top: 50px; } #section-75 { padding: 100px 0 80px; } #section-75 .text-white { color: #636363 !important; } #section-75 h2.text-white { color: #252525 !important; } #section-84 { height: 0; } #section-97 { background-size: cover; } #section-98 { background: none; } #section-107 { padding-right: 50px; padding-left: 50px; } #section-107:after { margin: 25px; } #section-107 h1 { margin-bottom: 25vh; margin-left: -5px; } #section-107 .half-image-left { position: absolute; height: 50vh; overflow: hidden; } #section-107 .half-image-left img { margin: 0; } #section-108:after { margin: 20px; } } @media (max-width: 767px) { .multilayer-parallax { display: none; } .half-image-left, .half-image-right { position: relative; width: 100%; background-image: none !important; } .half-image-left img { display: block; margin-top: -100px; margin-bottom: 70px; } .half-image-right img { display: block; margin-top: 70px; margin-bottom: -100px; } #section-1 { padding-top: 50px; margin-bottom: 0; } #section-2 .half-image-right { width: 100%; } #section-7 h1 { font-size: 72px; } #section-9 { margin-top: 100px; } #section-12 { padding: 100px 0; } #section-13 .half-image-right { width: 100%; } #section-31 { padding-bottom: 0; } #section-32 { padding-top: 0; } #section-38 { background-image: none; } #section-47 { padding: 0; } #section-47 [class^="col-"] { padding: 30px; } #section-48 { color: #252525; } #section-48 .half-image-right { margin-top: -30px; width: 100%; -webkit-clip-path: polygon(0 100%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%); } #section-54 { background-image: none; } #section-58 .map { margin-top: 50px; } #section-64 { padding: 100px 0 50px; } #section-75 { padding: 100px 0 80px; } #section-75 .text-white { color: #636363 !important; } #section-75 h2.text-white { color: #252525 !important; } #section-84 { height: 0; } #section-92 .multilayer-parallax { max-width: 100%; } #section-92 .parallax-layer br { display: none; } #section-93 .social-media a { margin-right: 30px; } #section-97 { padding-top: 250px; background-position: left center; background-size: cover; } #section-98 { background: none; } #section-99 { background-size: cover; } #section-107:after { margin: 15px; } #section-107 .half-image-left { margin-top: -85px; margin-bottom: 50px; } #section-107 .half-image-left img { margin: 0; } #section-107 h1, #section-107 h3 { color: #252525; } #section-107 h1 { margin-left: 0; margin-bottom: 50px; font-size: 64px; line-height: 64px; } #section-108 { padding-right: 15px; padding-left: 15px; height: auto; } #section-108:after { margin: 15px; } #section-109 { height: auto; } } @media (max-width: 991px) and (max-height: 767px) { #section-109 { height: auto; } } @media (max-width: 576px) and (max-height: 767px) { #section-107 { padding-right: 15px; padding-left: 15px; height: auto; } #section-109 { height: auto; } } @media (max-width: 1366px) and (max-height: 1024px) { #section-108 { padding-right: 15px; padding-left: 15px; height: auto; } } @media (min-width: 575px) and (max-width: 767px) { #section-107 .half-image-left { margin-top: -100px; height: 500px; overflow: hidden; } } /*********************************************************************************** * + VIDEO PLAYER ***********************************************************************************/ #local-video-section, #youtube-video-section { position: absolute; z-index: 1; overflow: hidden; top: 0; width: 100%; height: 100%; } #video-section { height: 815px; margin-top: 100px; margin-bottom: 0; background: url(../../../images/backgrounds/bg-4.jpg) no-repeat center center; background-size: cover; } #video-section .full-section-container { position: absolute; top: 150px; right: 0; bottom: 50px; left: 0; } #video-section h5 { font-family: "Playfair Display", serif; font-weight: 400; font-style: italic; } .video-description { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .youtube-player { display: none; } .embed-responsive { margin-bottom: 50px; } #local-video-section video { width: 100%; } /*********************************************************************************** * + SCROLL UP ***********************************************************************************/ #scroll-up { position: fixed; z-index: 8030; bottom: 50px; right: 50px; display: none; width: 46px; height: 46px; border-radius: 50%; background-color: #3cbbd6; color: #fff; font-size: 24px; line-height: 42px; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: all 0.25s; transition: all 0.25s; } #scroll-up:hover { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 767px) { #scroll-up { right: 20px; bottom: 30px; } } /*********************************************************************************** * + SLIDERS ***********************************************************************************/ /* REVOLUTION SLIDER */ .rev_slider_wrapper { margin-bottom: 100px; height: 900px; } /* ARROWS */ .tp-leftarrow.custom, .tp-rightarrow.custom { width: 100px; height: 28px; border-radius: 20px; background: #fff; color: #636363; -webkit-transition: all 0.25s; transition: all 0.25s; } .tp-leftarrow.custom { padding-left: 10px; } .tp-rightarrow.custom { padding-right: 10px; } .tp-leftarrow.custom:hover, .tp-rightarrow.custom:hover { background: #3cbbd6; } .custom.tparrows.tp-leftarrow:before, .custom.tparrows.tp-rightarrow:before { color: #636363; font: 700 10px/28px "Raleway", sans-serif; text-transform: uppercase; -webkit-transition: all 0.25s; transition: all 0.25s; } .custom.tparrows.tp-rightarrow:before { content: 'Next'; } .custom.tparrows.tp-leftarrow:before { content: 'Previous'; } .custom.tparrows.tp-leftarrow:after, .custom.tparrows.tp-rightarrow:after { position: absolute; top: 0; color: #636363; font-family: "FontAwesome"; font-size: 16px; line-height: 26px; -webkit-transition: all 0.25s; transition: all 0.25s; } .custom.tparrows.tp-leftarrow:after { left: 10px; content: "\f104"; } .custom.tparrows.tp-rightarrow:after { right: 10px; content: "\f105"; } .tp-leftarrow.custom:hover:before, .tp-rightarrow.custom:hover:before, .tp-leftarrow.custom:hover:after, .tp-rightarrow.custom:hover:after { color: #fff; } /* BULLETS */ .tp-bullets.custom .tp-bullet { width: 6px; height: 6px; border-radius: 50%; background-color: #3cbbd6; -webkit-transition: all 0.25s; transition: all 0.25s; } .tp-bullets.custom .tp-bullet:before { position: absolute; top: 50%; left: 50%; display: block; width: 26px; height: 26px; border: 1px solid transparent; border-radius: 50%; content: ""; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tp-bullets.custom .tp-bullet:hover, .tp-bullets.custom .tp-bullet.selected { background-color: #fff; } .tp-bullets.custom .tp-bullet.selected:before { border-color: #3cbbd6; } /* TYPOGRAPHY */ .tp-caption.title-xl { margin-left: 10px; color: #fff; font: 700 112px/112px "Raleway", sans-serif; letter-spacing: 10px; text-transform: uppercase; } .tp-caption.title-lg { color: #fff; font: 700 125px/125px "Raleway", sans-serif; } .tp-caption.title-sm { margin-left: 45px; color: #fff; font: 700 36px/36px "Raleway", sans-serif; letter-spacing: 45px; text-transform: uppercase; } .tp-caption.text-lg { color: #fff; font: 700 36px/36px "Raleway", sans-serif; } .tp-caption.text-sm { margin-left: 20px; color: #fff; font: 700 14px/24px "Source Sans Pro", sans-serif; letter-spacing: 20px; text-transform: uppercase; } @media (max-width: 1199px) { .custom.tparrows.tp-leftarrow, .custom.tparrows.tp-rightarrow { display: none; } } @media (max-width: 767px) { .tp-caption .btn { padding: 15px 30px; font-size: 10px; } } @media (max-width: 575px) { .tp-caption.text-sm { font-size: 28px; } .tp-caption .btn { padding: 10px 25px; font-size: 6px; } } /* OWL Carousel */ .owl-carousel { margin-bottom: 50px; } .owl-carousel .owl-item img { width: auto; } .owl-dots { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; } .owl-dot { position: relative; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 15px; background-color: #3cbbd6; -webkit-transition: all 0.25s; transition: all 0.25s; } .owl-dot:after { position: absolute; top: 50%; left: 50%; display: block; width: 26px; height: 26px; border: 1px solid transparent; border-radius: 50%; content: ""; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .owl-dot:last-child { margin-right: 0; } .owl-dot:hover { opacity: 0.5; } .owl-dot.active:after { border-color: #3cbbd6; } .owl-prev, .owl-next { position: absolute; top: 50%; width: 36px; height: 36px; border-radius: 50%; background: #3cbbd6 no-repeat center center; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .owl-prev { left: -50px; } .owl-next { right: -50px; } .owl-prev:before, .owl-next:after { font-family: "FontAwesome"; font-size: 20px; line-height: 34px; } .owl-prev:before { content: "\f104"; } .owl-next:after { content: "\f105"; } .owl-prev:hover, .owl-next:hover { background-color: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } @media (min-width: 1200px) { .owl-prev { left: -80px; } .owl-next { right: -80px; } } /* IMAGES SLIDER */ .images-slider .owl-prev { left: 20px; } .images-slider .owl-next { right: 20px; } /* IMAGES SLIDER VERTICAL */ .images-slider-vertical .owl-dots { top: 50%; right: -60px; bottom: auto; left: auto; width: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .images-slider-vertical .owl-dot { display: block; margin-bottom: 15px; } .images-slider-vertical .owl-dot:last-child { margin-bottom: 0; } @media (max-width: 767px) { .images-slider-vertical .owl-dots { top: auto; bottom: -60px; left: 0; width: 100%; } .images-slider-vertical .owl-dot { display: inline-block; margin-bottom: 0; } } /* BLOG ARTICLES SLIDER */ .blog-articles-slider .item .blog-article { margin-bottom: 0; } .blog-articles-slider .owl-dots { display: none; } .blog-articles-slider .owl-nav .disabled { display: none; } .blog-articles-slider .owl-prev, .blog-articles-slider .owl-next { top: 31.5%; width: 80px; height: 28px; border-radius: 15px; font: 700 10px/28px "Raleway", sans-serif; text-transform: uppercase; } .blog-articles-slider .owl-prev { left: -85px; padding-left: 10px; } .blog-articles-slider .owl-next { right: -85px; padding-right: 10px; } .blog-articles-slider .owl-prev:before, .blog-articles-slider .owl-next:after { position: absolute; top: 0; font-size: 16px; line-height: 26px; } .blog-articles-slider .owl-prev:before { left: 10px; } .blog-articles-slider .owl-next:after { right: 10px; } @media (min-width: 1400px) { .blog-articles-slider .owl-prev { left: -150px; } .blog-articles-slider .owl-next { right: -150px; } } @media (max-width: 1199px) { .blog-articles-slider .owl-dots { display: block; bottom: -30px; } .blog-articles-slider .owl-nav { display: none; } } /* TESTIONIALS CAROUSEL */ .testimonials-carousel { margin-bottom: 80px; } .testimonials-carousel .owl-dots { bottom: -20px; } /* TESTIONIALS SLIDER */ .testimonials-slider .testimonial-4 { margin-bottom: 20px; } .testimonials-slider .owl-dots { bottom: -30px; text-align: right; } /* TESTIONIALS SLIDER 2 */ .testimonials-slider-2 .owl-dots { top: 30px; bottom: auto; text-align: right; } @media (max-width: 767px) { .testimonials-slider-2 .owl-dots { top: auto; bottom: 0; text-align: center; } } /* TESTIONIALS SLIDER VERTICAL */ .testimonials-slider-vertical .owl-dots { top: 35%; right: -70px; bottom: auto; left: auto; width: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonials-slider-vertical .owl-dot { display: block; margin-bottom: 15px; } .testimonials-slider-vertical .owl-dot:last-child { margin-bottom: 0; } @media (max-width: 767px) { .testimonials-slider-vertical .owl-dots { top: auto; bottom: -60px; left: 0; width: 100%; } .testimonials-slider-vertical .owl-dot { display: inline-block; margin-bottom: 0; } } /* LOGOS SLIDER */ .logos-slider { margin-bottom: 30px; text-align: center; } .logos-slider .item a { display: block; height: 45px; padding: 0 20px; text-align: center; background: no-repeat top center; -webkit-transition: all 0.3s; transition: all 0.3s; } .logos-slider .item a:hover { background-position: bottom center; } /* SERVICES BOXES CAROUSEL */ .services-boxes-carousel { margin-top: 50px; } .services-boxes-carousel .owl-item.active:last-of-type:after { display: none; } .services-boxes-carousel .owl-dots { bottom: -30px; } .services-boxes-carousel .service-box.style-8 > i { -webkit-text-fill-color: #b4b4b4; } .services-boxes-carousel .service-box.style-8:hover > i { -webkit-text-fill-color: transparent; } /* APP CAROUSEL */ .app-carousel { padding: 0 25px; } .app-carousel img { border-width: 35px 20px; border-style: solid; border-color: transparent; margin: 0 auto; -webkit-transition: all 0.25s; transition: all 0.25s; } .app-carousel .owl-item.center img { border-color: #1c1b20; } .app-carousel .owl-dots { bottom: -85px; } /* WATERWHEEL CAROUSEL */ .features-carousel-container { position: relative; } .features-carousel { position: relative; width: 100%; height: 530px; margin-left: -10px; } .features-carousel .carousel-item { width: 500px; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } .phone-carousel-container > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .phone-carousel-container > img:first-child { z-index: 100; } .phone-carousel { position: relative; height: 720px; margin: 0 auto; } .phone-carousel .carousel-item { width: 300px; } .phone-carousel .carousel-item img { box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2); } @media (min-width: 1400px) { .features-carousel .carousel-item { width: 755px; } } @media (min-width: 1200px) and (max-width: 1399px) { .features-carousel .carousel-item { width: 600px; } } @media (min-width: 768px) and (max-width: 991px) { .carousel-container { margin: 50px 0 100px; } .features-carousel { height: 300px; } .features-carousel .carousel-item { width: 400px; } } @media (max-width: 767px) { .features-carousel { height: 200px; } .features-carousel .carousel-item { width: 250px; } } /*********************************************************************************** * + FULLPAGE ***********************************************************************************/ .fullpage-section { overflow: hidden; padding: 0; margin-bottom: 0; } .fullpage-section:last-child { margin-bottom: -50px; } .fullpage-section .full-section-container { padding-top: 100px; } #fp-nav.right { right: 30px; } #fp-nav ul li a { width: 28px; height: 28px; border: 1px solid transparent; border-radius: 50%; } #fp-nav ul li a.active { border-color: #3cbbd6; } #fp-nav ul li a span, #fp-nav ul li a.active span, #fp-nav ul li:hover a span, #fp-nav ul li a.active:hover span { width: 6px; height: 6px; background: #3cbbd6; } #fp-nav ul li a.active span, #fp-nav ul li a.active:hover span { margin: -3px 0 0 -3px; } #fp-nav ul li a:hover span { opacity: 0.5; margin: -2px 0 0 -2px; } #fp-nav.numbers-nav ul { counter-reset: nav-counter; } #fp-nav.numbers-nav ul li { width: auto; height: auto; margin-bottom: 10px; text-align: center; } #fp-nav.numbers-nav ul li:last-child { display: none; margin-bottom: 0; } #fp-nav.numbers-nav ul li a { width: auto; height: auto; border: none; } #fp-nav.numbers-nav ul li a:before { color: #fff; font-size: 18px; font-weight: 700; content: '0' counter(nav-counter) '.'; counter-increment: nav-counter; -webkit-transition: all 0.25s; transition: all 0.25s; } #fp-nav.numbers-nav ul li a:after { position: relative; left: 50%; display: block; height: 0; border-left: 2px solid #fff; margin-top: 5px; margin-left: -1px; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } #fp-nav.numbers-nav ul li a.active:before { font-size: 30px; } #fp-nav.numbers-nav ul li a.active:after { height: 45px; } #fp-nav.numbers-nav ul li a span { display: none; } @media (max-width: 1400px) { .fullpage-section .multilayer-parallax { margin-left: -100px; } } @media (max-width: 1199px) { .fullpage-section .multilayer-parallax { margin-top: -100px; } } @media (min-width: 768px) and (max-width: 991px) { .fullpage-section .half-image-left img { margin-bottom: 0; } .fullpage-section .half-image-right img { margin-top: 0; } } @media (max-width: 767px) { #fp-nav.numbers-nav { display: none; } .fullpage-section .half-image-left img { margin-bottom: 0; } .fullpage-section .half-image-right img { margin-top: 0; } } /*********************************************************************************** * + FANCYBOX ***********************************************************************************/ /*********************************************************************************** * + ANIMATIONS ***********************************************************************************/ .wow { visibility: hidden; } .wow.animated { visibility: visible; } /*********************************************************************************** * + WIDGETS ***********************************************************************************/ .widget { margin-bottom: 70px; } .widget-title { margin-bottom: 35px; font-size: 16px; line-height: 20px; font-weight: 700; text-transform: uppercase; } .widget > *:last-child { margin-bottom: 0; } /* WIDGET TEXT */ .widget-text {} .widget-text div > *:last-child { margin-bottom: 0; } .copyright { font-weight: 300; } /* WIDGET BLOCKQUOTE */ .widget-blockquote { position: relative; z-index: 1; padding: 65px 40px 35px; background: #3cbbd6; color: #636363; background: -webkit-linear-gradient(-125deg, #3cbbd6, #00ff96); background: -ms-linear-gradient(-125deg, #3cbbd6, #00ff96); background: linear-gradient(-125deg, #3cbbd6, #00ff96); text-align: center; } .widget-blockquote:before { color: #b4b4b4; font-size: 72px; content: '\201c'; } .widget-blockquote:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; margin: 15px; background-color: #fff; content: ""; } .widget-blockquote > p { color: #252525; font-size: 18px; } .widget-blockquote > h5 { font-weight: 600; text-transform: uppercase; } .widget-blockquote blockquote { font-size: 28px; line-height: 36px; font-weight: 600; font-style: italic; } .widget-blockquote blockquote:after { display: inline-block; width: 2px; height: 80px; margin-top: 10px; background: #3cbbd6; background: -webkit-linear-gradient(top, #3cbbd6, #00ff96); background: -ms-linear-gradient(top, #3cbbd6, #00ff96); background: linear-gradient(top, #3cbbd6, #00ff96); content: ""; } /* WIDGET SERACH */ .widget-search {} .widget-search form { position: relative; } .widget-search #s { position: relative; width: 100%; padding: 10px 30px 10px 0; border: none; border-bottom: 2px solid #e1e1e1; border-radius: 0; margin-bottom: 0; background-color: transparent; color: inherit; } .widget-search input[type="submit"] { position: absolute; top: 0; right: -15px; height: 35px; border: none; background: url(../images/search.png) no-repeat center center; } .widget-search label { position: absolute; z-index: 1; top: 3px; left: 0; font-size: 14px; font-style: italic; pointer-events:none; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-search input ~ span { position: absolute; z-index: 20; bottom: 0; left: 50%; display: block; width: 0; height: 2px; background: #3cbbd6; background: -webkit-linear-gradient(left, #3cbbd6, #00ff96); background: -ms-linear-gradient(left, #3cbbd6, #00ff96); background: linear-gradient(left, #3cbbd6, #00ff96); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-search input:focus ~ label, .widget-search textarea:focus ~ label, .widget-search input:valid ~ label, .widget-search textarea:valid ~ label { top: -15px; font-size: 12px; font-style: normal; } .widget-search input:focus ~ span { width: 100%; } .widget-search .advance-search fieldset { display: flex; flex-direction: row; justify-content: center; align-items: center; } .widget-search .advance-search input[type="text"] { height: 48px; border-radius: 25px; margin-right: 30px; background-color: transparent; color: inherit; } @media (min-width: 768px) and (max-width: 991px) { .widget-search .advance-search input[type="text"] { margin-right: 10px; } } @media (max-width: 767px) { .widget-search .advance-search fieldset { flex-direction: column; } .widget-search .advance-search input[type="text"] { margin-right: 0; } .widget-search .advance-search button[type="submit"] { width: 100%; } } /* WIDGET CATEGORIES */ .widget-categories {} .widget-categories ul { margin-bottom: 0; list-style: none; } .widget-categories ul li { margin-bottom: 10px; font-size: 15px; } .widget-categories ul li:last-child { margin-bottom: 0; } .widget-categories ul li a { color: #636363; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-categories ul li a:hover { color: #3cbbd6; text-decoration: none; } /* WIDGET CATEGORIES DROPDOWN */ .widget-categories-dropdown {} /* WIDGET ARCHIVES */ .widget-archives {} .widget-archives ul { margin-bottom: 0; list-style: none; } .widget-archives ul li { margin-bottom: 10px; font-size: 15px; } .widget-archives ul li:last-child { margin-bottom: 0; } .widget-archives ul li a { color: #636363; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-archives ul li a:hover { color: #3cbbd6; text-decoration: none; } /* WIDGET ARCHIVES DROPDOWN */ .widget-archives-dropdown {} /* WIDGET PAGES */ .widget-pages {} .widget-pages ul { margin-bottom: 0; list-style: none; } .widget-pages ul li { margin-bottom: 10px; font-size: 15px; } .widget-pages ul li:last-child { margin-bottom: 0; } .widget-pages ul li a { color: #636363; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-pages ul li a:hover { color: #3cbbd6; text-decoration: none; } /* WIDGET METADATA */ .widget-metadata {} .widget-metadata ul { margin-bottom: 0; list-style: none; } .widget-metadata ul li { margin-bottom: 10px; font-size: 15px; } .widget-metadata ul li:last-child { margin-bottom: 0; } .widget-metadata ul li a { color: #636363; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-metadata ul li a:hover { color: #3cbbd6; text-decoration: none; } /* WIDGET TAGS */ .widget-tags {} .widget-tags a { display: inline-block; padding: 1px 18px; border: 1px solid #959595; border-radius: 20px; margin-right: 5px; margin-bottom: 10px; color: #959595; font-size: 15px; font-weight: 300; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-tags a:last-child { margin-right: 0; } .widget-tags a:hover { border-color: #3cbbd6; color: #3cbbd6; } /* WIDGET NEWSLETTER */ .widget-newsletter {} .widget-newsletter form { display: flex; flex-direction: row; justify-content: space-between; } .widget-newsletter input[type="text"], .widget-newsletter input[type="email"] { height: 55px; border-radius: 55px; padding: 10px 20px; } .widget-newsletter input[type="text"] { flex-basis: 30%; } .widget-newsletter input[type="email"] { flex-basis: 75%; } .widget-newsletter input[type="text"] + input[type="email"] { flex-basis: 50%; } .widget-newsletter button[type="submit"] { padding: 19px 50px; font-size: 12px; background-color: transparent; } .widget-newsletter ::-moz-placeholder { font-size: 14px; font-weight: 400; } .widget-newsletter ::-webkit-input-placeholder { font-size: 14px; font-weight: 400; } .widget-newsletter :-ms-input-placeholder { font-size: 14px; font-weight: 400; } .widget-newsletter form + p { color: #b4b4b4; font-size: 12px; font-style: italic; } @media (max-width: 767px) { .widget-newsletter form { flex-direction: column; } } /* WIDGET RECENT POSTS */ .widget-recent-posts {} .widget-recent-posts ul { list-style: none; margin-bottom: 0; } .widget-recent-posts ul li { margin-bottom: 15px; } .widget-recent-posts ul li:last-child { margin-bottom: 0; } .widget-recent-posts ul li p { font-size: 15px; margin-bottom: 0; } .widget-recent-posts ul li img { float: left; margin: 5px 20px 10px 0; } .widget-recent-posts ul li .post-title { color: #252525; font-size: 14px; font-weight: 600; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-recent-posts ul li .post-details { color: #3cbbd6; font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget-recent-posts ul li .post-details a { color: #838383; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-recent-posts ul li .post-details a:first-child { color: #3cbbd6; } .widget-recent-posts ul li .post-details a:after { position: relative; top: -1px; margin-left: 5px; color: #838383; content: "/"; } .widget-recent-posts ul li .post-details a:last-child:after { display: none; } .widget-recent-posts ul li .post-details a:hover { color: #252525; } .widget-recent-posts ul li .post-details p:last-of-type { margin-bottom: 0; } .widget-recent-posts ul li .post-title:hover { color: #3cbbd6; text-decoration: none; } .widget-recent-posts ul li:after { display: table; clear: both; content: ""; } /* WIDGET RECENT COMMENTS */ .widget-recent-comments {} .widget-recent-comments ul { margin-bottom: 0; font-size: 15px; list-style: none; } .widget-recent-comments ul li { margin-bottom: 10px; } .widget-recent-comments ul li:last-child { margin-bottom: 0; } .widget-recent-comments ul li a { color: #636363; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-recent-comments ul li a:last-child { color: #3cbbd6; } /* WIDGET CALENDAR */ .widget-calendar {} .widget-calendar table { width: 100%; text-align: center; } .widget-calendar table th, .widget-calendar table td { padding: 8px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; text-align: center; } .widget-calendar table th:last-child, .widget-calendar table td:last-child { border-right: 1px solid #e1e1e1; } .widget-calendar table tr:last-child td { border-bottom: 1px solid #e1e1e1; } .widget-calendar table tfoot td, .widget-calendar table tfoot td:last-child, .widget-calendar table tfoot tr:last-child td { border: none; } .widget-calendar table td#today { background-color: #3cbbd6; color: #fff; } /* WIDGET FLICKR */ .widget-flickr {} .flickr-photos { padding-top: 8px; margin: -4px; } .flickr_badge_image { position: relative; float: left; padding: 4px; } .flickr_badge_image img { width: 64px; height: auto; } .flickr-photos:after { display: table; content: " "; clear: both; } @media (min-width: 1200px) { .flickr_badge_image img { width: 79px; } } /* WIDGET INSTAGRAM */ .widget-instagram {} #instafeed { margin: 0 -4px; } #instafeed a { float: left; display: block; width: 72px; padding: 4px; } #instafeed a img { display: block; width: 100%; height: auto; } #instafeed:after { visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } @media (min-width: 1200px) { #instafeed a { width: 87px; } } /* WIDGET TWITTER */ .tweets-list ul { margin-bottom: 0; list-style: none; } .tweets-list ul li { margin-bottom: 20px; } .tweets-list ul li > *:last-child { margin-bottom: 0; } .tweets-list ul li:last-child { margin-bottom: 0; } /* WIDGET CONTACT */ .widget-contact {} .widget-contact ul { margin-bottom: 0; list-style: none; } .widget-contact ul li { position: relative; padding-left: 30px; margin-bottom: 15px; } .widget-contact ul li:last-child { margin-bottom: 0; } .widget-contact ul li h4 { margin-bottom: 15px; font-weight: 400; } .widget-contact ul li i { position: absolute; top: 7px; left: 0; width: 20px; text-align: center; color: #3cbbd6; } .widget-contact ul li a { color: #838383; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-contact ul li a:hover { color: #3cbbd6; text-decoration: none; } .widget-contact ul li.email i { font-size: 18px; } /* WIDGET SOCIAL */ .widget-social {} .widget-social .social-media { margin-bottom: 0; } /* DARK SECTION */ .full-section.dark-section .widget-tags a, .full-section.dark-section .widget-pages ul li a, .full-section.dark-section .widget-contact ul li a, .full-section.dark-section .widget-archives ul li a, .full-section.dark-section .widget-metadata ul li a, .full-section.dark-section .widget-categories ul li a, .full-section.dark-section .widget-recent-comments ul li a, .full-section.dark-section .widget-recent-posts ul li .post-title { color: inherit; } .full-section.dark-section .widget-tags a { border-color: inherit; } .full-section.dark-section .widget-blockquote > h5 { color: #252525; } .full-section.dark-section .widget-tags a:hover, .full-section.dark-section .widget-pages ul li a:hover, .full-section.dark-section .widget-contact ul li a:hover, .full-section.dark-section .widget-archives ul li a:hover, .full-section.dark-section .widget-metadata ul li a:hover, .full-section.dark-section .widget-categories ul li a:hover, .full-section.dark-section .widget-recent-posts ul li .post-title:hover { color: #3cbbd6; } .full-section.dark-section .widget-recent-posts ul li .post-details a:hover { color: #fff; } .full-section.dark-section .widget-search input[type="submit"] { background-image: url(../images/search-white.png); }