/*-------------------------------------------------------------------------------------
Template Name: Protech saas
Template URI: http://protechtheme.com/saas/
Author: protechtheme
-------------------------------------------------------------------------------------*/
/**
*****************************************
@File: saas Template Styles
* This file contains the styling for the actual Template,.opt5.fixed
this is the file you need to edit to change the look of the Template.
01. General Style
02. Preloader
03. Header
04. Banner
05. Home Sections
06. Footer
07. Index 4
08. About Us
09. More Features
10. How It Works
11. Portfolio
12. Pricing
13. Our Blog
14. FAQ
15. Support
16. Career
17. Apply Job
18. Call To Action
19. Contact
20. Login & Register
21. Privacy Policy
22. 404
23. Typography
24. Components
25. Coming Soon
26. Shop
27. Cart
28. Checkout
29. Responsive
*****************************************
**/
/* ================================================== */
/* 01. General Style */
/* ================================================== */
@import url('css6079.css?family=Poppins:300,400,500,600,700');
body {
font-family: 'Poppins', sans-serif;
font-weight: normal;
font-size: 16px;
color: #687377;
line-height: 30px;
}
/*---Typography---*/
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0px;
margin: 0px;
font-family: 'Poppins', sans-serif;
color: #00324c;
}
h1 {
font-size: 42px;
font-weight: 400;
}
h2 {
font-size: 36px;
font-weight: 300;
line-height: 45px;
}
h3 {
font-size: 30px;
font-weight: 300;
}
h4 {
font-size: 24px;
font-weight: 300;
}
h5 {
font-size: 22px;
font-weight: 400;
}
h6 {
font-size: 20px;
font-weight: 300;
}
p {
padding: 0px;
margin: 0px;
font-family: 'Poppins', sans-serif;
color: #687377;
}
p.large {
font-size: 16px;
line-height: 30px;
}
p.medium {
font-size: 14px;
line-height: 24px;
}
p.small {
font-size: 12px;
line-height: 22px;
}
ol,
ul,
li {
padding: 0px;
margin: 0px;
}
ol {
display: block;
list-style-type: decimal !important;
margin: 0;
padding: 0 0 0 15px;
}
ol li {
color: #687377;
font-size: 14px;
}
ul {
list-style: inside;
}
ul.list-unstyled {
list-style: none;
}
a {
text-decoration: none !important;
outline: none;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
button {
outline: none !important;
}
.btn.focus,
.btn:focus {
box-shadow: none;
}
label {
font-weight: normal;
}
::-webkit-input-placeholder {
opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
opacity:1;
}
:-ms-input-placeholder {
opacity:1;
}
input,
textarea {
transition: all 0.3s ease 0s;
}
input:focus,
textarea:focus,
select:focus {
outline: none;
}
.btn {
display: inline-block;
padding: 14px 45px;
background: #57bce2;
font-size: 16px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
border-radius: 5px;
}
.btn:hover {
background: #f29a32;
color: #fff;
}
hr {
margin: 0px;
border-color: #e5e5e5;
}
figure {
margin: 0px;
}
.white-bg {
background: #fff !important;
}
.grey-bg {
background: #f5f5f5;
}
/* ================================================== */
/* 02. Preloader */
/* ================================================== */
#loader {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
#element {
width: 70px;
height: 24px;
position: relative;
left: 0px;
right: 0px;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
z-index: 1001;
animation: spin 2s linear infinite;
}
.circ-one,
.circ-two {
position: relative;
display: block;
width: 20px;
height: 20px;
border-radius: 100%;
}
.circ-one {
background: #42d79e;
float: left;
animation: load-x 1s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;
}
.circ-two {
background: #57bce2;
float: right;
animation: load-y 1s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;
}
@keyframes load-x {
0% {
left: -5px;
}
25% {
z-index:2;
}
50% {
left:50px;
}
75% {
z-index: 1;
}
100% {
left:-5px;
}
}
@keyframes load-y {
0% {
right:-5px;
}
25% {
}
50% {
right:50px;
z-index:1;
}
75% {
z-index:2;
}
100% {
right:-5px;
}
}
@keyframes pulse {
50% {
opacity:0.5;
}
}
/* ================================================== */
/* 03. Header */
/* ================================================== */
/*-----------------------
Header opt1
-----------------------*/
.navbar-brand{
max-width:192px;
}
.header-top {
display: block;
background: #f1f1f1;
}
.header-top .lang-wrapper {
display: block;
float: left;
}
.header-top .select-lang,
.header-top .select-lang2 {
display: block;
padding-right: 10px;
float: left;
font-size: 12px;
text-transform: uppercase;
border-right: 1px #d7dadb solid;
}
.header-top .select2-container--default .select2-selection--single {
border: none;
border-radius: 0px;
background: none;
}
.header-top .select2.select2-container {
width: 100px !important;
}
.header-top .select2-container .select2-selection--single {
height: 42px;
}
.header-top .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px;
}
.header-top .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 16px;
color: #738389;
}
.header-top .select2-container .select2-selection--single .select2-selection__rendered img {
margin-right: 4px;
}
.header-top .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 30px;
height: 42px;
}
.header-top .select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-top: -4px;
opacity: 0.5
}
.header-top .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
}
.select2-dropdown {
border: 1px #dedddd solid;
}
.select2-results__option {
padding: 0 6px;
font-size: 13px;
}
.select2-results__option .img-flag {
margin-right: 4px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background: #f1f1f1;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #57bce2;
}
.header-top .right-block {
display: block;
float: right;
}
.header-top ul.top-nav {
display: block;
padding-top: 8px;
padding-right: 10px;
float: left;
}
.header-top ul.top-nav li {
display: block;
padding: 0 10px;
float: left;
font-size: 12px;
text-transform: uppercase;
}
.header-top ul.top-nav li a {
color: #6c777d;
}
.header-top ul.top-nav li a:hover {
color: #57bce2;
}
.header-top ul.follow-us {
display: block;
padding: 8px 0 6px 5px;
float: right;
border-left: 1px #d2dfdf solid;
}
.header-top ul.follow-us li {
display: inline-block;
padding-left: 16px;
font-size: 16px;
}
.header-top ul.follow-us li a {
color: #93a4a3;
}
.header-top ul.follow-us li a i {
opacity: 0.7;
}
.header-top ul.follow-us li a:hover i {
opacity: 1;
}
/*-----------------------
Header opt2
-----------------------*/
.header-wrapper header {
margin-top: 70px;
border-bottom: 1px #c5cacf solid;
}
.header-wrapper header.fixed {
position: relative;
animation: none;
}
.opt2 .header-top {
background: #2a3f44;
}
.opt2 .header-top .select-lang,
.opt2 .header-top .select-lang2,
.opt2 .header-top ul.follow-us {
border-color: #405357;
}
.opt2 .header-top .select2-container .select2-selection--single .select2-selection__rendered {
color: #adbdc3;
}
.opt2 .header-top ul.top-nav li a {
color: #96a5b0
}
.opt2 .header-top ul.top-nav li a:hover {
color: #fff;
}
.opt2 .header-top ul.follow-us li a {
color: #93a4a3;
}
.opt2 .header-top ul.follow-us li a:hover {
color: #fff;
}
.opt2 .navbar-right a {
border: 2px #57bce2 solid;
color: #57bce2 !important;
}
.opt2 .navbar-right > li:first-child a {
background: none;
border-right: none;
}
.opt2 .navbar-right > li:first-child a:hover,
.opt2 .navbar-right > li:last-child a:hover {
background: #57bce2;
color: #fff !important;
}
.opt2 .navbar-right > li:last-child a {
background: none;
}
/*-----------------------
Header opt3
-----------------------*/
.opt3 .header-top {
background: #57bce2;
}
.opt3 .header-top .select-lang,
.opt3 .header-top .select-lang2,
.opt3 .header-top ul.follow-us {
border-color: #8ad0eb;
}
.opt3 .header-top .select2-container .select2-selection--single .select2-selection__rendered {
color: #fff;
}
.opt3 .header-top .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #8ad0eb transparent transparent transparent;
}
.opt3 .header-top .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #8ad0eb transparent;
}
.opt3 .header-top ul.top-nav li a,
.opt3 .header-top ul.follow-us li a {
color: #fff
}
.opt3 .navbar {
background: #2a3f44 !important;
}
.opt3 .navbar-expand-lg .navbar-nav .nav-link {
color: #fff;
}
/*-----------------------
Header opt4
-----------------------*/
.opt4 .navbar-right > li a {
font-size: 13px;
}
.opt4 .navbar-right > li:first-child a {
background: none;
color: #556665 !important;
border-radius: 0px;
}
.opt4 .navbar-right > li:first-child a:hover {
background: none;
color: #57bce2 !important;
}
.opt4 .navbar-right > li:last-child a {
border-radius: 25px;
}
/*-----------------------
Header opt5
-----------------------*/
.header-wrapper .opt5 {
position: relative;
background: url(../images/header-bg.jpg) no-repeat center top;
}
.opt5 {
width: 100%;
position: absolute;
z-index: 3;
}
.opt5.fixed {
position: fixed;
top: 0px;
background: #fff;
border-bottom: 1px #e0e5e9 solid;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04);
}
.opt5.fixed .navbar-expand-lg .navbar-nav .nav-link {
color: #556665;
}
.opt5.fixed .navbar-right > li a {
border-color: #57bce2;
color: #57bce2 !important;
}
.opt5.fixed .navbar-right > li a:hover {
color: #fff !important;
}
.logo1,
.opt5.fixed .logo2 {
display: none;
}
.opt5.fixed .logo1 {
display: block;
}
.opt5 .navbar-right a {
border: 2px #fff solid;
}
.opt5 .navbar-right > li:first-child a {
background: none;
border-right: none;
}
.opt5 .navbar-right > li:first-child a:hover,
.opt5 .navbar-right > li:last-child a:hover {
background: #57bce2;
}
.opt5 .navbar-right > li:last-child a {
background: none;
}
.opt5 .navbar-expand-lg .navbar-nav .nav-link {
color: #fff;
}
.opt5.fixed {
animation: 0.7s ease-in-out 0.1s normal both 1 running stickyhead;
}
/*-----------------------
Header opt6
-----------------------*/
.header-wrapper .opt6 {
z-index: 2;
}
.opt6 .navbar-right {
margin: 17px 0 0;
}
.opt6 .follow-us {
display: inline-block;
vertical-align: top;
margin: 20px 15px 0 0;
}
.opt6.fixed {
animation: none;
}
.opt6.fixed .top-menu-bar {
padding: 10px 50px 10px 0;
}
.opt6.fixed .mob-icon{
top: 28px;
}
.opt6.fixed .mob-icon span,
.opt6.fixed .mob-icon span:before,
.opt6.fixed .mob-icon span:after{
background: #556665;
}
.openmenu .opt6.fixed .mob-icon span{
background: none;
}
.opt6.fixed .navbar-right {
margin: 15px 0 0
}
.opt6.fixed .follow-us {
margin-top: 17px;
}
.opt6.fixed .follow-us li a {
color: #556665;
}
.opt6 .follow-us li {
display: inline-block;
padding: 0 8px;
list-style: none;
}
.opt6 .follow-us li a {
color: #fff;
font-size: 15px;
}
.opt6 .follow-us li a:hover {
color: #57bce2;
}
.opt6 .navbar-brand {
float: left;
}
.top-menu-bar {
text-align: right;
width: 100%;
display: block;
padding: 20px 0;
position: relative;
padding-right: 50px;
}
.navbar-right.buttons-sec {
display: inline-block;
}
.navbar-right.buttons-sec li {
display: inline-block;
float: left;
}
/*-----------------------
Bottom opt7
-----------------------*/
.header-wrapper .opt7 {
position: relative;
}
.opt7 {
width: 100%;
position: absolute;
z-index: 3;
}
.opt7.fixed {
position: fixed;
bottom: 0px;
background: #fff;
border-bottom: 1px #e0e5e9 solid;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04);
}
/*-----------------------
Side Panel Menu
-----------------------*/
.mob-icon {
width: 26px;
height: 23px;
display: block;
cursor: pointer;
right: 0px;
position: absolute;
top: 39px;
z-index: 1;
}
.mob-icon span {
width: 26px;
height: 3px;
background: #fff;
border-radius: 4px;
position: absolute;
left: 0px;
top: 10px;
transition-duration: 0.5s;
}
.mob-icon span:before, .mob-icon span:after{
width: 26px;
height: 3px;
background: #fff;
border-radius: 4px;
position: absolute;
left: 0px;
content: "";
transition-duration: 0.5s;
}
.mob-icon span:before {
top: -10px;
}
.mob-icon span:after {
top: 10px;
}
.openmenu .mob-icon span {
background: none;
}
.openmenu .mob-icon span:before {
transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
}
.openmenu .mob-icon span:after {
transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
}
.side-panel-menu {
width: 0;
height: 100%;
background: #2a3f44;
position: fixed;
right: 0;
padding: 20px 0;
top: 0;
bottom: 0;
overflow: auto;
}
.side-panel-menu .dropdown-menu {
min-width: inherit !important;
width: 100%;
background: #223337;
margin: 0;
padding: 15px 0;
box-shadow: none;
border-radius: 0px;
position: relative;
}
.side-panel-menu .dropdown-menu .inner {
padding: 0px;
background: rgba(0,0,0,0);
margin: 0;
text-align: right;
box-shadow: none;
border-radius: 0px;
}
.side-panel-menu .dropdown-menu .inner:after {
display: none;
}
.side-panel-menu ul {
padding: 0;
text-align: right;
margin: 0;
}
.side-panel-menu ul li {
display: block;
position: relative;
width: 100%;
}
.side-panel-menu ul li a {
color: #fff !important;
display: block;
font-size: 14px;
line-height: 34px;
margin: 0;
padding: 0 30px 0 0;
position: relative;
text-decoration: none;
transition: all 0.5s ease 0s;
}
.side-panel-menu li a:hover {
color: #57bce2 !important;
transition: all 0.5s ease 0s;
}
.side-panel-menu .dropdown-menu.megamenu ul {
width: 100%;
}
.side-panel-menu li li {
padding: 0;
}
.side-panel-menu li li a {
padding: 0 40px 0 0;
}
.side-panel-menu .dropdown-item {
font-size: 12px;
line-height: 28px;
}
@keyframes stickyhead {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes stickyhead {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
/*-----------------------
Navigation
-----------------------*/
.navbar {
padding: 0px;
}
.navbar-light {
background: none;
border: none;
margin-bottom: 0px;
}
.navbar-light .navbar-nav {
padding-left: 5%;
}
.navbar-light .navbar-nav > li {
text-transform: uppercase;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 30px 20px;
font-size: 18px;
font-weight: 500;
color: #556665;
cursor: pointer;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: #57bce2;
}
.dropdown-menu {
padding-top: 15px;
min-width: 230px;
border: none;
background: none;
}
.opt5 .dropdown-menu {
padding-top: 0px;
}
.opt5.fixed .dropdown-menu {
padding-top: 15px;
}
.dropdown-menu .inner {
padding: 10px 0;
background: #fff;
border-radius: 3px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
position: relative;
}
.dropdown-menu .inner:after {
bottom: 100%;
left: 30px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.dropdown-menu.megamenu {
min-width: 380px;
}
.dropdown-menu.megamenu ul {
width: 49%;
display: inline-block;
vertical-align: top;
}
.dropdown-menu.megamenu ul li {
display: block;
}
.dropdown-menu > li > a {
padding: 6px 20px;
}
.dropdown-item {
padding: 3px 15px;
font-size: 14px;
color: #556665;
text-transform: capitalize;
}
.dropdown-item:focus,
.dropdown-item:hover {
background: none;
color: #57bce2;
}
.dropdown-toggle:after{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.navbar-right > li {
list-style: none;
}
.navbar-right > li a {
padding: 12px 40px;
font-size: 12px;
font-weight: 600;
color: #fff !important;
text-align: center;
text-transform: uppercase;
}
.navbar-right > li:first-child a {
border-radius: 30px 0 0 30px;
background: #42d79e;
}
.navbar-right > li:first-child a:hover {
background: #38b786;
}
.navbar-right > li:last-child a {
border-radius: 0 30px 30px 0;
background: #57bce2;
}
.navbar-right > li:last-child a:hover {
background: #4aa0c0;
}
/* ================================================== */
/* 04. Banner */
/* ================================================== */
.banner {
display: block;
min-height: 695px;
}
.banner .container {
position: relative;
z-index: 2;
}
.banner .cnt-block {
padding-top: 90px;
padding-bottom: 90px;
}
.banner .cnt-block .left {
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.banner .left h1 {
padding-bottom: 15px;
font-size: 46px;
font-weight: normal;
line-height: 54px;
color: #fff;
}
.banner .left p {
font-size: 24px;
font-weight: 300;
color: #fff;
}
.banner .right-sec {
text-align: center;
}
.banner a.get-started {
max-width: 220px;
margin: 0 auto;
display: block;
padding: 12px 20px;
background: #f29a32;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
border-radius: 5px;
text-align: center;
}
.banner.slide3 a.get-started:hover {
background: #57bce2;
}
.banner a.get-started:hover {
background: #173139;
}
.banner .right-sec p {
max-width: 190px;
margin: 0 auto;
padding-top: 15px;
font-size: 12px;
line-height: 20px;
color: #fff;
opacity: 0.7;
}
.banner .tab-screen {
max-width: 870px;
margin: 0 auto -160px;
}
.banner img {
margin: 0 auto;
}
.banner .pop-box {
max-width: 350px;
padding: 25px 30px;
position: absolute;
top: 40%;
background: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.banner .pop-box.right {
left: inherit;
right: 0px;
top: -30px;
}
.banner .pop-box.right {
left: inherit;
right: 0px;
}
.banner .pop-box.right:after {
left: 20px;
border-color: #fff transparent transparent #fff;
}
.banner .pop-box:after {
content: " ";
position: absolute;
bottom: -16px;
right: 20px;
width: 0;
height: 0;
border-style: solid;
border-color: #fff #fff transparent transparent;
border-width: 8px;
}
.banner .pop-box .icon {
width: 36%;
float: left;
}
.banner .pop-box .right-cnt {
width: 64%;
padding-left: 20px;
float: left;
}
.banner .pop-box .right-cnt h3 {
padding-bottom: 12px;
font-size: 18px;
font-weight: 300;
color: #343430;
line-height: 24px;
}
.banner .pop-box .right-cnt p {
font-size: 12px;
line-height: 18px;
color: #7d8078;
}
.banner.solid-bg {
margin-bottom: 74px;
background: #57bde0;
}
.banner.gradient-bg {
margin-bottom: 74px;
background: #3edc93;
background: -moz-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
background: -webkit-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
background: linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3edc93', endColorstr='#57bce2', GradientType=1 );
}
/*-----------------------
Banner Opt2
-----------------------*/
.banner.banner2 {
background: url(../images/banner-bg2.jpg) no-repeat center top / cover;
position: relative;
}
.banner.banner2:after {
width: 100%;
height: 100%;
display: block;
background: #3edc93;
background: -moz-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
background: -webkit-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
background: linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3edc93', endColorstr='#57bce2', GradientType=1 );
content: "";
position: absolute;
left: 0px;
top: 0px;
opacity: 0.85;
}
.banner.banner2.parallax-window{
background: none;
}
.banner.banner2.parallax-window:after{
background: rgba(42, 63, 68, 0.9);
}
.banner.banner2 .cnt-block {
padding-bottom: 0px;
}
.banner.banner2 .left {
border: none;
padding-top: 90px;
}
.banner.banner2 .left h1 {
font-size: 44px;
}
.banner.banner2 .left > p {
font-size: 24px;
}
.banner.banner2 .cnt-row2 {
padding-top: 70px;
}
.banner.banner2 .video-block {
max-width: 225px;
background: #000;
border-radius: 5px;
text-align: center;
position: relative;
}
.banner.banner2 .video-block img {
background: #000;
border-radius: 5px;
opacity: 0.5;
}
.banner.banner2 a.play-btn {
font-size: 40px;
position: absolute;
top: 50%;
margin: 0 auto;
left: 0px;
right: 0px;
transform: translateY(-50%);
color: #fff;
z-index: 1;
}
.banner.banner2 a.play-btn:hover {
color: #f29a32;
}
.banner.banner2 .right-sec {
padding-left: 0px;
text-align: left;
}
.banner.banner2 .right-sec p {
margin: 0px;
padding: 0 0 20px 0;
font-size: 14px;
}
.banner.banner2 a.get-started {
margin: 0px;
}
/*-----------------------
Banner Opt3
-----------------------*/
.banner.banner3 {
display: block;
position: relative;
}
.banner.banner3:after {
width: 100%;
height: 100%;
display: block;
content: "";
position: absolute;
left: 0px;
top: 0px; /*background:rgba(49, 89, 93, 0.5);*/
background: #3edc93;
background: -moz-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
background: -webkit-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
background: linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3edc93', endColorstr='#57bce2', GradientType=1 );
opacity: 0.8;
}
.banner.banner3 .cnt-block .left {
border-color: rgba(255, 255, 255, 0.5);
}
/*-----------------------
Banner Opt4
-----------------------*/
.banner-outer {
width: 100%;
overflow: hidden;
position: relative;
}
.banner.slide2 {
background: url(../images/banner-bg2.jpg) no-repeat center top / cover;
position: relative;
}
.banner.slide2:after {
width: 100%;
height: 100%;
display: block;
background: rgba(48, 90, 90, 0.85);
content: "";
position: absolute;
left: 0px;
top: 0px;
}
.banner.slide2 .cnt-block {
padding-bottom: 50px;
}
.banner.slide2 img {
display: block;
margin: 0 auto;
}
.banner.slide2 .cnt-block .left {
border-color: #b7c5c7;
}
.banner.slide3 {
background: url(../images/banner-bg3.jpg) no-repeat center top / cover;
position: relative;
}
.banner.slide3:after {
width: 100%;
height: 100%;
display: block;
background: rgba(42, 63, 68, 0.85);
content: "";
position: absolute;
left: 0px;
top: 0px;
}
.banner.slide3 .cnt-block {
padding-top: 80px;
padding-bottom: 40px;
}
.banner.slide3 .left {
text-align: center;
border: none;
}
.banner.slide3 .left h1 {
padding-bottom: 10px;
}
.banner.slide3 .left p {
font-size: 20px;
padding-bottom: 30px;
}
.banner.slide3 img {
display: block;
margin: 0 auto;
}
.banner-outer .bx-pager,
.banner-outer .bx-controls-auto {
width: 100%;
text-align: center;
position: absolute;
bottom: 15px;
z-index: 999;
}
.banner-outer .bx-wrapper .bx-pager-item,
.banner-outer .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
}
.banner-outer .bx-pager.bx-default-pager a {
width: 20px;
height: 5px;
background: #fff;
display: block;
margin: 0 5px;
outline: 0 none;
text-indent: -9999px;
}
.banner-outer .bx-pager.bx-default-pager a:hover,
.banner-outer .bx-pager.bx-default-pager a.active,
.banner-outer .bx-pager.bx-default-pager a:focus {
background: #f29a32;
}
.delay-02s {
animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
}
.delay-03s {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
.delay-04s {
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
}
.delay-05s {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.delay-06s {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}
.delay-07s {
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}
.delay-08s {
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
}
.delay-1s {
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
/*-----------------------
Banner Opt5
-----------------------*/
.banner.slide3.banner5 {
padding-top: 86px;
background: url(../images/banner-bg4.jpg) no-repeat center top / cover;
}
/* ================================================== */
/* 05. home Sections */
/* ================================================== */
/*--------------------------------
Content Marketing opt1
----------------------------------*/
.padding-lg {
padding: 90px 0;
}
.content-marketing {
display: block;
text-align: center;
}
.content-marketing .head-block {
padding-bottom: 90px;
}
.content-marketing .head-block h2 {
padding-bottom: 30px;
}
.content-marketing .head-block h2 span {
display: block;
}
.content-marketing .head-block p {
font-size: 16px;
line-height: 30px;
}
ul.marketing-list li {
list-style: none;
border-right: 1px #dbeaef solid;
position: relative;
}
ul.marketing-list li .inner {
display: block;
padding: 0 6%;
}
ul.marketing-list li:after {
width: 12px;
height: 12px;
display: block;
position: absolute;
right: -6px;
top: 0px;
content: "";
background: #dbeaef;
border-radius: 50%;
}
ul.marketing-list li:last-child {
border: none;
}
ul.marketing-list li:last-child:after {
display: none;
}
ul.marketing-list li img {
margin: 0 auto;
}
ul.marketing-list li h3 {
display: block;
padding: 40px 5% 30px 5%;
font-size: 22px;
font-weight: 300;
line-height: 28px;
}
ul.marketing-list li p {
padding-bottom: 30px;
}
a.know-more {
font-size: 15px;
font-weight: 600;
color: #606d87;
text-transform: uppercase;
}
a.know-more:before {
display: inline-block;
vertical-align: middle;
margin-right: 12px;
font-family: 'icomoon';
font-size: 24px;
content: "\e900";
color: #f29a32;
transition: all 0.3s ease 0s;
}
a.know-more:hover:before {
color: #57bce2;
}
ul.marketing-list li a:hover {
color: #f29a32;
}
/*--------------------------------
Content Marketing opt2
----------------------------------*/
.seo-reports.seo-reports2 {
padding-top: 85px;
}
.seo-reports.seo-reports2 .cnt-block {
padding-top: 60px;
}
ul.marketing-list2 {
text-align: left;
}
ul.marketing-list2 li {
list-style: none;
}
ul.marketing-list2 li .icon {
display: block;
padding-bottom: 25px;
}
ul.marketing-list2 li h3 {
max-width: 260px;
padding-bottom: 15px;
font-size: 22px;
font-weight: 300;
line-height: 28px;
}
ul.marketing-list2 li p {
padding: 0 6% 0 0;
}
/*--------------------------------
Content Marketing opt3
----------------------------------*/
.content-marketing3 .head-block {
padding-bottom: 60px;
}
ul.marketing-list3 {
text-align: left;
}
ul.marketing-list3 li {
list-style: none;
margin-bottom: 30px;
}
ul.marketing-list3 li .equal-hight {
padding: 45px 12% 0 8%;
background: #fff;
border: 1px #e0e5e9 solid;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
border-radius: 5px;
position: relative;
}
ul.marketing-list3 li .ico-block {
width: 20%;
float: left;
}
ul.marketing-list3 li .cnt-block {
width: 80%;
padding-left: 35px;
float: left;
}
ul.marketing-list3 li h3 {
display: block;
padding-bottom: 10px;
font-size: 22px;
font-weight: 300;
line-height: 28px;
}
ul.marketing-list3 li p {
padding-bottom: 30px;
}
ul.marketing-list3 li a {
position: absolute;
right: 25px;
top: 50px;
font-size: 26px;
color: #e2e2e2;
}
ul.marketing-list3 li a:hover {
color: #f29a32;
}
/*-----------------------
Create SEO Reports
-----------------------*/
.seo-reports {
background: #f5f5f5;
}
.seo-reports .cnt-block {
padding-top: 110px;
}
.seo-reports .cnt-block.padd-left {
padding-left: 40px;
}
.seo-reports .cnt-block h2 {
padding-bottom: 25px;
}
.seo-reports .cnt-block p {
padding: 0 4% 35px 0;
}
.seo-reports .margin {
margin-right: -100px;
}
/*-----------------------
Generate Forms
-----------------------*/
.generate-forms {
text-align: center;
}
.generate-forms.padding-lg {
padding-bottom: 0px;
}
.generate-forms h2 {
padding-bottom: 30px;
}
.generate-forms p {
padding-bottom: 45px;
}
.generate-forms p.padd-sm {
padding-bottom: 20px;
}
/*-----------------------
Simple Editor
-----------------------*/
.simple-editor {
background: #f5f5f5;
}
.simple-editor.padding-lg {
padding-bottom: 0px;
}
.simple-editor .cnt-block {
padding-top: 20px;
}
.simple-editor .cnt-block h2 {
padding-bottom: 25px;
}
.simple-editor .cnt-block p {
padding: 0 4% 35px 0;
}
.simple-editor .right {
position: relative;
text-align: center;
}
.simple-editor .right img {
margin: 0 auto;
}
.simple-editor .right a.play-btn {
width: 82px;
padding: 8px;
display: inline-block;
background: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0px;
right: 0px;
top: 50%;
margin: -66px auto 0;
font-size: 62px;
color: #f29a32;
border-radius: 50%;
}
.simple-editor .right a.play-btn2 {
width: 66px;
padding: 6px;
left: -86px;
margin: -52px auto 0;
font-size: 54px;
}
.simple-editor .right a.play-btn:hover {
color: #57bce2;
}
/*-----------------------
Choose Pack
-----------------------*/
.choose-pack {
background: #324349;
text-align: center;
}
.choose-pack.opt1,
.choose-pack.opt2 {
background: #fff;
}
.choose-pack.opt1 h2,
.choose-pack.opt2 h2 {
color: #00324c;
}
.choose-pack.opt1 p,
.choose-pack.opt2 p {
color: #687377;
}
.choose-pack.opt1 ul li {
list-style: none;
}
.choose-pack.opt1 ul li .inner {
border: 1px #dde5e7 solid;
}
.choose-pack.opt2 ul li {
border-right: 1px #dde5e7 solid;
}
.choose-pack.opt2 ul li .inner {
background: none;
}
.choose-pack.opt2 ul li:last-child {
border-right: none;
}
.choose-pack.opt2 .cnt-block {
background: none;
padding-top: 0px;
padding-bottom: 0px;
}
.choose-pack.opt2 .cnt-block ul li {
padding: 2px 0;
border: none;
text-align: center;
}
.choose-pack.opt2 .cnt-block ul li:before {
display: none;
}
.choose-pack.opt2 ul li .head-block {
background: none;
padding-top: 0px;
}
.choose-pack.opt2 ul li.active .head-block,
.choose-pack.opt2 ul li.active .cnt-block {
background: none;
}
.choose-pack.opt2 .head-block .plan-title span {
padding-bottom: 15px;
position: relative;
top: inherit;
}
.choose-pack.opt2 .head-block .plan-title h3 {
font-size: 21px;
}
.choose-pack.opt2 .head-block .plan-title span {
background: none;
color: #abc2ca;
}
.choose-pack.opt2 a.btn.get-started {
padding: 12px 25px;
}
.choose-pack.opt2.blue-bg {
background: #466e7d;
}
.choose-pack.opt2.blue-bg h2,
.choose-pack.opt2.blue-bg p,
.choose-pack.opt2.blue-bg .head-block .plan-title h3,
.choose-pack.opt2.blue-bg .cnt-block .you-choose,
.choose-pack.opt2.blue-bg .price .right {
color: #fff;
}
.choose-pack.opt2.blue-bg .cnt-block ul li,
.choose-pack.opt2.blue-bg .head-block .price .month {
color: #fff;
opacity: 0.7;
}
.choose-pack.opt2.blue-bg ul li {
border-color: #658693;
}
.choose-pack.opt2.blue-bg .graph {
padding-right: 20px;
}
.choose-pack.opt3 ul li {
margin-bottom: 22px;
border: none;
}
.choose-pack.opt3 ul li .inner {
border: 1px #dde5e7 solid;
}
.choose-pack.opt3 ul li .head-block {
padding-top: 30px;
}
.choose-pack.opt3 a.btn.get-started {
position: relative;
bottom: -22px;
}
.choose-pack.opt3 ul li.active .price .right {
color: #f29a32;
}
.choose-pack.opt3.dark-bg {
background: #324349;
}
.choose-pack.opt3.dark-bg h2,
.choose-pack.opt3.dark-bg p {
color: #fff;
}
.choose-pack.opt3.dark-bg ul li {
border: none;
}
.choose-pack.opt3.dark-bg ul li .inner {
background: #fff;
}
.choose-pack.opt3.dark-bg ul li .head-block {
padding-top: 30px;
}
.choose-pack.opt3.dark-bg a.btn.get-started {
position: relative;
bottom: -22px;
}
.choose-pack.opt3.dark-bg ul li.active .price .right {
color: #f29a32;
}
.choose-pack .cnt-block ul li {
display: block;
padding: 10px 0;
margin: 0px;
border-bottom: 1px #e8ebeb solid;
font-size: 13px;
color: #828f94;
}
.choose-pack h2 {
padding-bottom: 25px;
color: #fff;
}
.choose-pack p {
padding-bottom: 35px;
color: #fff;
opacity: 0.7;
}
.choose-pack ul {
padding-top: 40px;
}
.choose-pack ul li {
list-style: none;
padding-right: 10px;
padding-left: 10px;
}
}
.choose-pack ul li .inner {
display: block;
background: #fff;
border-radius: 5px;
}
.choose-pack ul li .head-block {
display: block;
padding: 60px 10px 30px 10px;
background: #fff;
border-radius: 5px 5px 0 0;
}
.choose-pack ul li.active .head-block {
background: #eaf7f7;
}
.choose-pack .head-block .plan-title {
padding-bottom: 30px;
}
.choose-pack .head-block .plan-title span {
width: 170px;
position: absolute;
top: -15px;
margin: 0 auto;
left: 0;
right: 0;
display: block;
padding: 3px 10px;
border-radius: 5px;
background: #42d79e;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.choose-pack ul li.active .plan-title span {
background: #57bce2;
}
.choose-pack .head-block .plan-title h3 {
font-size: 24px;
font-weight: 400;
}
.choose-pack .head-block .price {
display: block;
}
.choose-pack .graph {
display: inline-block;
padding-right: 30px;
}
.choose-pack .graph span {
width: 7px;
height: 50px;
display: inline-block;
margin: 0 5px;
background: #c3d5dc;
border-radius: 4px;
}
.choose-pack .graph span:nth-child(2) {
height: 60px;
}
.choose-pack .graph span:nth-child(3) {
height: 70px;
}
.choose-pack .graph span.org {
background: #f29a32;
}
.choose-pack .price sup {
display: inline-block;
vertical-align: super;
font-size: 24px;
font-weight: 300;
}
.choose-pack .price .right {
display: inline-block;
color: #6cabc2;
}
.choose-pack .price .right .amt {
display: block;
font-size: 72px;
line-height: 60px;
font-weight: 300;
}
.choose-pack ul li.active .price .right {
color: #42d79e;
}
.choose-pack .head-block .price .month {
display: block;
font-size: 12px;
color: #828f94;
text-transform: uppercase;
}
.choose-pack .cnt-block {
display: block;
padding: 40px 8%;
background: #f4f4f4;
background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 15%);
background: -webkit-linear-gradient(top, #f4f4f4 0%, #ffffff 15%);
background: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 15%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 );
border-radius: 0 0 5px 5px;
}
.choose-pack ul li.active .cnt-block {
background: #fff;
}
.choose-pack .cnt-block ul {
padding: 0 0 30px 0;
text-align: left;
}
.choose-pack .cnt-block ul li {
display: block;
padding: 10px 0;
border-bottom: 1px #e8ebeb solid;
font-size: 16px;
color: #828f94;
}
.choose-pack .cnt-block ul li:before {
display: inline-block;
margin-right: 15px;
font-family: 'icomoon';
font-size: 16px;
content: "\e902";
color: #c0ced2;
}
.choose-pack ul li.active .cnt-block ul li:before {
color: #42d79e;
}
.choose-pack .cnt-block ul li:last-child {
border-bottom: none;
}
.choose-pack .cnt-block .you-choose {
display: block;
padding: 0 0 10px 0;
font-size: 13px;
font-weight: 500;
}
.choose-pack a.btn.get-started {
display: inline-block;
padding: 12px 45px;
}
.choose-pack a.btn.get-started:hover,
.choose-pack ul li.active a.btn.get-started {
background: #f29a32;
}
/*-----------------------
Our Features
-----------------------*/
.our-features {
background: #f5f5f5;
text-align: center;
}
ul.features-listing li {
list-style: none;
padding-bottom: 60px;
}
ul.features-listing li:last-child,
ul.features-listing li:nth-last-child(2),
ul.features-listing li:nth-last-child(3) {
padding-bottom: 0px;
}
ul.features-listing li .inner {
padding: 0 5%;
}
ul.features-listing li .icon {
width: 70px;
height: 70px;
line-height: 70px;
background: #fff;
border-radius: 50%;
display: inline-block;
box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.1);
}
ul.features-listing li h3 {
padding: 30px 0 20px 0;
font-size: 22px;
font-weight: 300;
line-height: 28px;
}
ul.features-listing.ico-bg li .icon {
background: #57bce2;
font-family: 'icomoon';
font-size: 32px;
color: #fff;
text-align: center;
box-shadow: none;
}
ul.features-listing.bg-none li h3 {
padding: 5px 0 10px;
}
ul.features-listing.bg-none li .icon {
width: auto;
height: auto;
background: none;
box-shadow: none;
font-size: 52px;
color: #57bce2;
}
/*---------------------------
Client Speak opt1
---------------------------*/
.client-speak {
display: block;
text-align: center;
}
.client-speak .head-block {
padding-bottom: 70px;
}
.client-speak .head-block span {
display: block;
padding-bottom: 15px;
font-weight: 700;
color: #abc2ca;
text-transform: uppercase;
}
.client-speak .head-block h2 {
padding-bottom: 20px;
}
.client-speak .head-block p {
padding: 0 6%;
}
ul.speak-listing {
position: relative;
}
ul.speak-listing.opt1:after {
width: 1px;
height: 100%;
display: block;
position: absolute;
right: 0px;
top: 0px;
content: "";
background: #fff;
}
ul.speak-listing li {
display: block;
}
ul.speak-listing li .inner {
display: block;
padding: 0 4%;
position: relative;
}
ul.speak-listing.opt1 li .inner:after {
width: 1px;
height: 100%;
position: absolute;
right: -15px;
top: 0px;
content: "";
background: #eaeaea;
}
ul.speak-listing li .inner figure {
margin-bottom: 50px;
}
ul.speak-listing li figure img {
width: auto !important;
margin: 0 auto;
}
ul.speak-listing li .icon-quote {
display: block;
padding-bottom: 25px;
font-family: 'icomoon';
font-size: 20px;
content: "\e903";
color: #57bce2;
}
ul.speak-listing.opt1 li .client-detail {
display: block;
padding-bottom: 20px;
}
ul.speak-listing li h4 {
font-size: 18px;
color: #464f53
}
ul.speak-listing li .designation {
display: block;
font-size: 12px;
color: #929caa;
}
ul.speak-listing li p {
color: #929caa;
}
ul.speak-listing li a {
color: #2a3539;
}
ul.speak-listing li a:hover {
color: #57bce2;
}
.speak-listing .owl-dots {
margin-top: 70px;
}
.owl-dot {
display: inline-block;
}
.owl-dot span {
width: 20px;
height: 20px;
margin: 0 11px;
background: #d9dcdd;
display: block;
border: 6px #fff solid;
border-radius: 50%;
}
.grey-bg .owl-dot span {
border-color: #f5f5f5;
}
.owl-dot.active span,
.owl-dot:hover span {
background: #42d79e;
border-color: #42d79e;
}
/*---------------------------
Client Speak opt2
---------------------------*/
.client-speak .padd-sm {
padding-bottom: 25px;
}
ul.speak-listing.opt2 li {
padding-bottom: 50px;
}
ul.speak-listing.opt2 li p {
font-size: 18px;
font-weight: 300;
color: #929caa;
line-height: 33px;
}
.client-speak #bx-pager a {
display: inline-block;
opacity: 0.5;
}
.client-speak #bx-pager a:hover,
.client-speak #bx-pager a.active,
.client-speak #bx-pager a.active .client-detail {
opacity: 1;
}
.client-speak #bx-pager a .client-detail {
opacity: 0;
}
.client-speak #bx-pager figure {
width: 70px;
margin: 0 auto;
}
.client-speak #bx-pager figure img {
width: 100%;
}
.client-speak #bx-pager .client-detail {
padding: 20px 0 0 0;
}
.client-speak #bx-pager .client-detail h4 {
padding-bottom: 2px;
font-size: 18px;
color: #464f53;
}
.client-speak #bx-pager .client-detail .designation {
display: block;
padding-bottom: 10px;
font-size: 12px;
color: #929caa;
}
.client-speak #bx-pager .client-detail .icon-quote {
display: block;
font-family: 'icomoon';
font-size: 18px;
content: "\e903";
color: #57bce2;
}
/*---------------------------
Client Speak opt3
---------------------------*/
ul.speak-listing.opt3 li {
display: block;
}
ul.speak-listing.opt3 li .inner {
padding: 45px 5% 45px 8%;
background: #fff;
border: 1px #d0dde1 solid;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
border-radius: 5px;
position: relative;
}
ul.speak-listing.opt3 li .inner figure {
width: 20%;
float: left;
margin: 0px;
position: relative;
}
ul.speak-listing.opt3 li .cnt-right {
width: 80%;
padding-left: 30px;
float: left;
text-align: left;
}
ul.speak-listing.opt3 li .client-detail {
padding-bottom: 5px;
}
ul.speak-listing.opt3 li .icon-quote {
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 50%;
padding: 0px;
background: #57bce2;
font-size: 16px;
color: #fff;
position: absolute;
right: -5px;
bottom: -5px;
}
/*---------------------------
Client Speak opt4
---------------------------*/
ul.speak-listing.opt4 li {
padding: 19px 0 125px 0;
opacity: 0.5;
}
ul.speak-listing.opt4 .active.center li {
opacity: 1;
}
ul.speak-listing.opt4 li .inner {
padding: 30px 32px 50px 32px;
border: 1px #d0dde1 solid;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 5px;
position: relative;
}
ul.speak-listing.opt4 li p {
padding: 10px 0 25px 0;
}
ul.speak-listing.opt4 li .inner figure {
margin-bottom: 28px;
}
ul.speak-listing.opt4 li .icon-quote {
width: 38px;
height: 38px;
display: block;
padding: 0px;
margin: 0 auto;
line-height: 38px;
background: #57bce2;
font-size: 16px;
color: #fff;
border-radius: 50%;
position: absolute;
top: -20px;
left: 0;
right: 0;
}
ul.speak-listing.opt4 li .client-detail {
width: 100%;
position: absolute;
left: 0px;
bottom: -125px;
}
/*-----------------------
Latest Stories
-----------------------*/
.latest-stories {
display: block;
background: #f5f5f5;
}
.latest-stories .head-block {
padding-bottom: 60px;
text-align: center;
}
.latest-stories .head-block span {
display: block;
padding-bottom: 15px;
font-weight: 700;
color: #abc2ca;
text-transform: uppercase;
}
.latest-stories .head-block h2 {
padding-bottom: 20px;
}
.latest-stories .head-block p {
padding: 0 6%;
}
.blog-blocks .card-body h4 {
display: block;
padding-bottom: 25px;
font-size: 14px;
font-weight: 700;
color: #abc2ca;
text-transform: uppercase;
}
.blog-blocks .card-body h2 {
padding-bottom: 20px;
}
.blog-blocks .card-body p {
padding-bottom: 40px;
}
.blog-blocks .card {
background: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
border: none;
border-radius: 5px;
overflow: hidden;
}
.white-bg .blog-blocks .card {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
}
.blog-blocks .card.bg-none {
background: none;
box-shadow: none;
}
.blog-blocks .card figure img {
width: 100%;
}
.blog-blocks .card-body {
padding: 45px 30px;
}
.blog-blocks .card-body h3 {
padding-bottom: 10px;
font-size: 20px;
font-weight: 300;
line-height: 30px;
}
.blog-blocks .card-body h3 a {
color: #00324c;
}
.blog-blocks .card-body p {
padding-bottom: 33px;
}
.blog-blocks .card-body .date {
display: block;
font-size: 12px;
text-transform: uppercase;
color: #8d99a3;
}
.blog-blocks .card-body .date:before {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-right: 10px;
font-family: 'icomoon';
font-size: 18px;
color: #57bce2;
content: "\e913";
}
/*-----------------------
Partners
-----------------------*/
.brands {
display: block;
padding: 55px 0;
}
.brands ul {
display: block;
}
.brands ul li {
list-style: none;
}
.brands ul .owl-item img {
width: auto;
opacity: 0.5;
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
transition: all 0.3s ease 0s;
}
.brands ul .owl-item img:hover {
opacity: 1;
filter: none;
-webkit-filter: grayscale(0%);
}
/*-----------------------
Sign Up opt1
-----------------------*/
.signup-outer {
background: #56bedd;
text-align: center;
color: #fff;
position: relative;
}
.signup-outer .container {
position: relative;
z-index: 2;
}
.signup-outer ul {
max-width: 620px;
margin: 0 auto;
padding-bottom: 60px;
}
.signup-outer ul li {
width: calc(100% / 3);
display: block;
float: left;
position: relative;
}
.signup-outer ul li:after {
position: absolute;
right: -30px;
top: 5px;
content: url(../images/dots.png);
}
.signup-outer ul li:last-child:after {
display: none;
}
.signup-outer ul li span {
display: block;
min-height: 45px;
}
.signup-outer ul li .icon-men {
font-size: 30px;
}
.signup-outer ul li .icon-chat {
font-size: 40px;
}
.signup-outer ul li .icon-lap {
font-size: 55px;
margin-top: -10px;
}
.signup-outer ul li h4 {
padding: 15px 0 0 0;
font-size: 16px;
color: #fff;
line-height: 22px;
}
.signup-outer ul li h4 span {
display: block;
}
.signup-form {
display: block;
}
.signup-form .email,
.signup-form .password {
width: 36%;
display: inline-block;
padding: 0 14px;
position: relative;
}
.signup-form .email:before,
.signup-form .password:before {
display: block;
position: absolute;
left: 14px;
font-family: 'icomoon';
font-size: 22px;
content: "\e906";
color: #c8ede7;
}
.signup-form .password:before {
content: "\e908";
}
.signup-form input {
width: 100%;
padding: 0 0 8px 40px;
background: none;
border: none;
border-bottom: 1px #c8ece9 solid;
font-size: 14px;
color: #b2e1d9;
}
.signup-form input::-webkit-input-placeholder {
color:#fff;
opacity:0.5;
}
.signup-form input :-moz-placeholder { /* Firefox 18- */
color:#fff;
opacity:0.5;
}
.signup-form input::-moz-placeholder { /* Firefox 19+ */
color:#fff;
opacity:0.5;
}
.signup-form input:-ms-input-placeholder {
color:#fff;
opacity:0.5;
}
.signup-form .signup-btn {
margin-left: 12px;
padding: 10px 36px;
background: #f29a32;
font-size: 14px;
font-weight: 700;
color: #fff;
border: none;
border-radius: 4px;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.signup-form .signup-btn:hover {
background: #173139;
}
/*-----------------------
Sign Up op2
-----------------------*/
.signup-outer.gradient-bg {
background: #53b0d7;
background: -moz-linear-gradient(top, #53b0d7 0%, #4cb9c1 44%, #44c4a7 100%);
background: -webkit-linear-gradient(top, #53b0d7 0%, #4cb9c1 44%, #44c4a7 100%);
background: linear-gradient(to bottom, #53b0d7 0%, #4cb9c1 44%, #44c4a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b0d7', endColorstr='#44c4a7', GradientType=0 );
}
/*-----------------------
Sign Up op3
-----------------------*/
.signup-outer.img-bg {
background: url(../images/signup-bg.jpg) no-repeat center top / cover;
}
.signup-outer.img-bg:after {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
display: block;
content: "";
opacity: 0.85;
background: #53b0d7;
background: -moz-linear-gradient(top, #53b0d7 0%, #4cb9c1 44%, #44c4a7 100%);
background: -webkit-linear-gradient(top, #53b0d7 0%, #4cb9c1 44%, #44c4a7 100%);
background: linear-gradient(to bottom, #53b0d7 0%, #4cb9c1 44%, #44c4a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b0d7', endColorstr='#44c4a7', GradientType=0 );
}
.signup-outer.parallax-window{
background: none;
}
/*-----------------------
Sign Up op4
-----------------------*/
.signup-outer.video-bg {
background: none;
}
.signup-outer.video-bg:after {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0px;
top: 0px;
content: "";
background: #53b0d7;
background: -moz-linear-gradient(top, #53b0d7 0%, #4cb9c1 44%, #44c4a7 100%);
background: -webkit-linear-gradient(top, #53b0d7 0%, #4cb9c1 44%, #44c4a7 100%);
background: linear-gradient(to bottom, #53b0d7 0%, #4cb9c1 44%, #44c4a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b0d7', endColorstr='#44c4a7', GradientType=0 );
opacity: 0.85;
}
/*-----------------------------------
Demos Wrapper
------------------------------------*/
.demo-wrapper {
padding: 130px 0;
background: #fbfbfb url(../images/landing-CTA-top.png) no-repeat bottom center;
background-size: 100%;
}
.demo-wrapper.white-bg {
padding: 90px 0;
}
.demo-wrapper h2 {
padding: 0 0 15px;
}
.demo-wrapper p {
font-size: 16px;
line-height: 26px;
}
.demo-wrapper .container.lg {
max-width: 1470px;
margin: 50px auto 0;
}
.theme-demo-listing {
margin: 40px auto 0;
}
.theme-demo-listing li {
display: block;
margin-bottom: 30px;
}
.theme-demo-listing li img {
width: 100%;
display: block;
}
.theme-demo-listing li .top-bar {
display: block;
}
.thumbnail-holder {
box-shadow: 2px 2px 10px -5px rgba(0, 0, 0, 0.2);
position: relative;
}
.thumbnail-holder .mask {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0px;
text-align: center;
opacity: 0;
transition: all 0.3s ease 0s;
z-index: 1;
}
.thumbnail-holder:hover .mask {
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
opacity: 1;
transition: all 0.5s ease 0s;
}
.thumbnail-holder .inner {
position: absolute;
margin: 0 auto;
left: 0px;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.thumbnail-holder .inner h3 {
display: block;
padding-bottom: 25px;
font-size: 22px;
color: #fff;
position: relative;
top: -20px;
transition: all 0.3s ease 0s;
}
.thumbnail-holder .inner a.ovelay-icon {
position: relative;
transform: none;
}
.thumbnail-holder:hover .inner h3 {
top: 0;
}
a.ovelay-icon {
width: 70px;
height: 70px;
position: absolute;
margin: 0 auto;
left: 0px;
right: 0px;
top: 50%;
transform: translateY(-50%);
border-radius: 100%;
background: #f29a32;
font-size: 24px;
color: #fff;
display: block;
padding: 23px;
}
.thumbnail-holder a.ovelay-icon:hover {
background: #fff;
color: #f29a32;
}
/* ================================================== */
/* 06. Footer */
/* ================================================== */
/*-----------------------
Footer opt1
-----------------------*/
.footer {
display: block;
background: #fff;
}
.footer .top {
padding: 70px 0 60px 0;
border-bottom: 1px #ebebeb solid;
}
.footer .top h4 {
padding-bottom: 30px;
font-size: 18px;
}
.footer .quick-links {
display: block;
padding-bottom: 30px;
border-bottom: 1px #e1e1e1 solid;
}
.footer .quick-links ul {
display: block;
}
.footer .quick-links ul li {
width: 49%;
display: inline-block;
font-size: 14px;
}
.footer .quick-links ul li a {
color: #868f95;
}
.footer .quick-links ul li a:hover {
color: #57bce2;
}
.footer .connect-outer {
display: block;
padding-top: 30px;
}
.footer .connect-outer h4 {
padding-bottom: 20px;
}
.footer ul.connect-us {
display: block;
}
.footer ul.connect-us li {
display: inline-block;
padding: 0 1px;
text-align: center;
}
.footer ul.connect-us li a {
display: block;
width: 36px;
height: 36px;
line-height: 36px;
background: #d5dfe7;
color: #fff;
border-radius: 50%;
}
.footer ul.connect-us li a:hover {
background: #57bce2;
}
.footer .recent-post {
display: block;
padding-left: 25px;
}
.footer .recent-post ul {
display: block;
}
.footer .recent-post ul li {
list-style: none;
padding: 20px 0;
border-bottom: 1px #ebebeb solid;
}
.footer .recent-post ul li:first-child {
padding-top: 0px;
}
.footer .recent-post ul li:last-child {
border: none;
}
.footer .recent-post ul li figure {
width: 24%;
padding-right: 15px;
}
.footer .recent-post ul li h5 {
padding-bottom: 5px;
font-size: 14px;
font-weight: normal;
color: #646f79;
line-height: 18px;
}
.footer .recent-post ul li p {
font-size: 11px;
color: #4b555e;
}
.footer .recent-post ul li p span {
font-weight: 600;
}
.footer .recent-post ul li p:before {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-right: 10px;
font-family: 'icomoon';
font-size: 18px;
color: #c1d0da;
content: "\e904";
}
.footer .subscribe {
display: block;
}
.footer .subscribe p {
padding-bottom: 40px;
line-height: 20px;
}
.footer .input-outer {
display: block;
position: relative;
}
.footer .input-outer input[type='email'] {
width: 100%;
float: left;
padding: 0 0 10px 0;
border: none;
font-size: 12px;
border-bottom: 2px #e6ecf0 solid;
background: none;
color: #9ca7af;
}
.footer .input-outer .clear {
width: 40px;
height: 40px;
position: absolute;
right: 0px;
bottom: 0px;
background: #ffb311;
border-radius: 5px;
text-align: center;
}
.footer .input-outer .clear:hover {
background: #57bce2;
}
.footer .input-outer .clear:after {
position: absolute;
margin: 0 auto;
left: 0px;
right: 0px;
top: 50%;
transform: translateY(-50%);
font-family: 'icomoon';
font-size: 20px;
content: "\e90a";
color: #fff;
z-index: 1;
}
.footer .input-outer .clear .button {
width: 100%;
height: 100%;
background: none;
border: none;
z-index: 2;
text-indent: -9999px;
position: relative;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.footer .tweet {
display: block;
padding: 60px 0 0 0;
}
.footer .tweet .icon {
width: 14%;
float: left;
font-size: 70px;
color: #e4e9ed;
}
.footer .tweet .right-cnt {
width: 86%;
padding: 0 0 0 25px;
float: left;
}
.footer .tweet .right-cnt p {
padding-bottom: 10px;
line-height: 24px;
}
.footer .tweet .sourse {
display: block;
font-weight: 700;
color: #314859;
}
.footer .tweet .sourse span {
display: inline-block;
padding-left: 4px;
font-weight: normal;
color: #93aabb;
}
.footer .tweet .sourse ul {
display: inline-block;
padding-left: 15px;
}
.footer .tweet .sourse ul li {
display: inline-block;
padding: 0 6px;
}
.footer .tweet .sourse ul li a {
display: block;
color: #8ba6ba;
}
.footer .tweet .sourse ul li a:hover {
color: #57bce2;
transition: all 0.3s ease 0s;
}
.footer .bottom {
display: block;
padding: 25px 0;
font-size: 12px;
color: #5f7279;
text-align: center;
}
a.scroll-top {
width: 42px;
height: 42px;
line-height: 38px;
font-size: 24px;
color: #fff;
border-radius: 50%;
text-align: center;
position: fixed;
display: none;
right: 20px;
bottom: 20px;
background: #57bce2;
z-index: 999;
}
a.scroll-top:hover {
background: #f29a32;
}
/*-----------------------
Footer opt2
-----------------------*/
.footer.dark-bg {
background: #2a3f44;
}
.footer.dark-bg .top {
border-bottom: none;
}
.footer.dark-bg .top h4 {
color: #fff;
}
.footer.dark-bg .quick-links ul li a,
.footer.dark-bg .recent-post ul li h5,
.footer.dark-bg .subscribe p,
.footer.dark-bg .input-outer input,
.footer.dark-bg .tweet .right-cnt p,
.footer.dark-bg .bottom {
color: #8d9ca8;
}
.footer.dark-bg ul.connect-us li a {
background: #3d555a;
}
.footer.dark-bg ul.connect-us li a:hover {
background: #57bce2;
}
.footer.dark-bg .quick-links,
.footer.dark-bg .recent-post ul li,
.footer.dark-bg .input-outer input {
border-color: #3d555a
}
.footer.dark-bg .quick-links ul li a:hover {
color: #57bce2;
}
.footer.dark-bg .recent-post ul li p {
color: #697f84;
}
.footer.dark-bg .recent-post ul li p:before {
color: #576a71;
}
.footer.dark-bg .input-outer input::-webkit-input-placeholder { /* Chrome */
color: #8d9ca8;
}
.footer.dark-bg .input-outer input:-ms-input-placeholder { /* IE 10+ */
color: #8d9ca8;
}
.footer.dark-bg .input-outer input::-moz-placeholder { /* Firefox 19+ */
color: #8d9ca8;
}
.footer.dark-bg .input-outer input:-moz-placeholder { /* Firefox 4 - 18 */
color: #8d9ca8;
}
.footer.dark-bg .input-outer input {
}
.footer.dark-bg .tweet .icon {
color: #5b787e;
}
.footer.dark-bg .tweet .sourse {
color: #fff;
}
.footer.dark-bg .bottom {
background: #25373c;
}
/* ================================================== */
/* 07. Index 4
/* ================================================== */
/*-----------------------------------
Sided Full Image Styles
------------------------------------*/
.sided-item-wrapper {
max-width: 1920px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.sided-item-wrapper.padding-lg {
padding-bottom: 0;
}
.sided-item-wrapper ul.marketing-list3 {
padding: 50px 0 0;
}
.sided-item-wrapper ul.marketing-list3 li .equal-hight {
border: none;
padding: 0;
border-radius: 0px;
box-shadow: none;
}
.sided-item-wrapper ul.marketing-list3 li .ico-block {
width: 20%;
}
.sided-item-wrapper ul.marketing-list3 li .cnt-block {
width: 80%;
padding-left: 15px;
}
.sided-item-wrapper ul.marketing-list3 h3 {
font-size: 20px;
}
.sided-item-wrapper .content-area {
position: relative;
z-index: 2;
}
.sided-item-wrapper .right-sided-full-image {
width: calc(100% - 66%);
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.sided-item-wrapper .left-sided-full-image {
width: calc(100% - 60%);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.sided-item-wrapper .left-sided-full-image img {
float: right;
}
/*-----------------------------------
Sided SEO Report Styles
------------------------------------*/
.seo-reports .sided-item-wrapper h2 {
padding: 0 0 25px;
}
.seo-reports .sided-item-wrapper .content-area {
max-width: 610px;
}
.seo-reports .sided-item-wrapper .icon-tik-list {
max-width: 100%;
padding: 30px 0 0;
margin: 0;
}
.seo-reports .sided-item-wrapper .icon-tik-list li:before {
top: 15px;
font-size: 26px;
}
.seo-reports .sided-item-wrapper .icon-tik-list li {
border: none;
padding: 10px 30px 10px 40px;
}
.seo-reports .sided-item-wrapper .icon-tik-list p {
font-size: 13px;
line-height: 26px;
}
/*-----------------------------------
Custom Opacity Slider
------------------------------------*/
.custom-opacity {
position: relative;
margin-top: 30px;
}
.custom-opacity .keyboard {
max-width: 38%;
margin: 0 auto;
left: 0px;
right: 0px;
margin-top: 60px;
}
.custom-opacity .frame {
width: 33%;
position: absolute;
margin: 0 auto;
left: 0px;
right: 0px;
top: -20px;
z-index: 1;
}
.custom-opacity .item {
opacity: 0.3;
}
.custom-opacity .center.active .item {
opacity: 1;
}
.custom-opacity #owl-career .owl-nav .owl-next,
.custom-opacity #owl-career .owl-nav .owl-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.custom-opacity #owl-career .owl-nav .owl-next {
right: 14.5%;
}
.custom-opacity #owl-career .owl-nav .owl-prev {
left: 14.5%;
transform: translateY(-50%) scale(-1, 1);
}
.latest-stories.white-bg .know-more {
margin: 50px auto 0;
font-size: 15px;
color: #606d87;
display: block;
text-transform: capitalize;
font-weight: 400;
text-align: center;
}
.blog-blocks.with-border .card {
box-shadow: none;
border: 1px solid #d9e7ec;
}
/*-----------------------------------
Provide Features Styles
------------------------------------*/
.provide-features {
background: #f5f5f5;
}
.provide-features ul.features-listing {
padding-top: 45px;
}
.provide-features ul.features-listing li .icon {
background: none;
box-shadow: none;
width: auto;
height: auto;
line-height: 1.1;
}
.provide-features ul.features-listing li h3 {
padding: 10px 0 15px;
}
.provide-features .sided-item-wrapper .right-sided-full-image {
width: calc(100% - 58%);
}
.provide-features ul.features-listing li .inner {
padding: 0;
}
/* ================================================== */
/* 08. About Us */
/* ================================================== */
/*-----------------------
Who we are
-----------------------*/
.who-we-are {
display: block;
}
.who-we-are figure img {
width: 100%;
}
.who-we-are .cnt-block {
padding: 0 0 0 45px;
}
.who-we-are .cnt-block p {
padding: 15px 0 20px 0;
}
.who-we-are .row1 {
padding-bottom: 75px;
}
ul.who-listing li {
display: block;
padding: 4px 0 4px 32px;
color: #525d62;
position: relative;
}
ul.who-listing li:before {
display: block;
position: absolute;
left: 0px;
top: 4px;
font-family: 'icomoon';
content: "\e927";
font-size: 20px;
color: #42d79e;
}
ul.counter-listing {
text-align: center;
}
ul.counter-listing li {
width: 24.5%;
display: inline-block;
}
ul.counter-listing li span {
font-size: 45px;
font-weight: 300;
line-height: 40px;
color: #57bce2;
}
ul.counter-listing li .sub-title {
display: block;
font-size: 14px;
color: #959ca3;
line-height: 30px;
text-transform: uppercase;
}
/*-----------------------
Take a Tour
-----------------------*/
.about-video {
height: 560px;
background: url(../images/about-video-bg.jpg) no-repeat center top / cover;
position: relative;
text-align: center;
}
.about-video:after {
width: 100%;
height: 100%;
display: block;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0px;
z-index: 1;
content: "";
}
.about-video .cnt-block {
max-width: 650px;
position: absolute;
margin: 0 auto;
left: 0px;
right: 0px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.about-video .cnt-block a {
display: inline-block;
padding: 6px;
font-size: 64px;
color: #ffaa00;
background: #fff;
border-radius: 50%;
}
.about-video .cnt-block a:hover {
color: #57bce2;
}
.about-video .cnt-block h2 {
padding: 25px 0 20px 0;
font-size: 54px;
color: #fff;
}
.about-video .cnt-block p {
font-size: 16px;
color: #f5f5f5;
opacity: 0.7;
}
/*-----------------------
Our Team
-----------------------*/
.our-team-outer {
text-align: center;
}
.our-team-outer h2 {
padding-bottom: 25px;
}
.our-team-outer p {
padding-bottom: 60px;
}
ul.team-listing li {
list-style: none;
}
ul.team-listing li figure {
padding-bottom: 25px;
}
ul.team-listing li h3 {
font-size: 18px;
}
ul.team-listing li .source-title {
display: block;
padding-bottom: 15px;
font-size: 12px;
color: #77868e;
text-transform: uppercase;
}
ul.team-listing li p {
padding: 0 6px 20px 6px;
}
ul.team-listing li ul.follow-us li {
display: inline-block;
padding: 0 2px;
text-align: center;
}
ul.team-listing li ul.follow-us li a {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
background: #d1d8da;
color: #fff;
border-radius: 50%;
}
ul.team-listing li ul.follow-us li a:hover {
background: #57bce2;
}
/* ================================================== */
/* 09. More Features */
/* ================================================== */
.awesome-design {
background: #f5f5f5;
text-align: center;
}
.awesome-design.padding-lg {
padding-bottom: 0px;
}
.awesome-design h2 {
padding-bottom: 28px;
}
.more-features .img-holder {
max-width: 620px;
position: relative;
text-align: center;
}
.more-features .img-holder img {
margin: 0 auto;
}
.more-features .img-holder a.play-btn {
width: 92px;
background: rgba(0, 0, 0, 0.1);
border-radius: 50%;
color: #f29a32;
display: inline-block;
font-size: 72px;
left: 0;
margin: 0 auto;
padding: 10px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.more-features .img-holder a.play-btn2 {
background: rgba(0, 0, 0, 0.1);
border-radius: 50%;
color: #f29a32;
display: inline-block;
font-size: 54px;
left: -86px;
margin: -52px auto 0;
padding: 6px;
position: absolute;
right: 0;
top: 50%;
width: 66px;
}
.more-features .img-holder a.play-btn:hover {
color: #57bce2;
}
/*-----------------------
More Features
-----------------------*/
.more-features {
display: block;
}
.more-features h2 {
padding-bottom: 20px;
}
ul.more-features-list {
max-width: 430px;
padding: 20px 0 0 0;
}
ul.more-features-list li {
display: block;
padding: 15px 15px 15px 0;
border-bottom: 1px #d6d7d7 solid;
position: relative;
margin-left: 40px;
}
ul.more-features-list li:before {
width: 40px;
position: absolute;
top: 18px;
left: -40px;
content: "\e927";
font-family: 'icomoon';
font-size: 30px;
color: #42d79e;
}
ul.more-features-list li:last-child {
border-bottom: none;
}
ul.more-features-list li p {
font-size: 12px;
line-height: 20px;
}
/*-----------------------
Tab Vertical Styles
-----------------------*/
.vertical-tab-outer {
padding: 60px 0 0;
}
.tabs-vertical {
width: 39%;
float: right;
}
.tabs-vertical ul {
padding: 0 0 0 30px;
}
.tabs-vertical li {
list-style: none;
margin: 0 0 10px;
padding: 10px 18px;
height: auto;
background: #f5f5f5;
color: #fff;
position: relative;
border-radius: 5px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
text-align: left;
cursor: pointer;
}
.tabs-vertical li .icon-div {
width: 30%;
display: inline-block;
vertical-align: top;
padding: 10px 12px;
}
.tabs-vertical li .text-div {
width: 68%;
display: inline-block;
vertical-align: top;
padding: 10px 12px;
}
.tab-area {
position: relative;
}
.tab-area h4 {
padding-bottom: 4px;
font-size: 16px;
color: #00324c;
line-height: 20px;
font-weight: 400;
}
.tab-area p {
font-size: 12px;
color: #687377;
line-height: 20px;
}
.generate-forms .tab-area p {
padding-bottom: 0;
}
.tabs-vertical li:before {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #f5f5f5;
border-bottom: 10px solid transparent;
top: 40%;
position: absolute;
content: "";
left: -10px;
transition: all 0.5s ease 0s;
}
.tabs-vertical li.active {
display: block;
background: #fff;
}
.tabs-vertical li:hover {
background: #fff;
}
.tabs-vertical li:hover,
.tabs-vertical li.active {
box-shadow: 0 0 25px #ebebeb;
}
.tabs-vertical li:hover:before,
.tabs-vertical li.active:before {
border-right: 10px solid #fff;
transition: all 0.5s ease 0s;
}
.tab-vertical-container {
width: 61%;
border-top: none;
float: left;
position: relative;
}
.tab-vertical-content {
padding: 25px 0 0;
display: none;
text-align: left;
}
.tab-vertical-content img {
max-width: 100%;
}
.tab-drawer-heading {
display: none;
position: relative;
text-align: center;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
background-color: #fafafa;
margin: 0 0 30px;
padding: 30px;
cursor: pointer;
border-radius: 10px;
}
.tab-drawer-heading .icon-div {
margin: 0 0 15px;
}
.tab-drawer-heading:hover,
.tab-drawer-heading.active-item {
background-color: #fff;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.tab-drawer-heading:before {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fafafa;
content: "";
position: absolute;
bottom: -10px;
left: auto;
transition: all 0.5s ease 0s;
}
.tab-drawer-heading.active-item:before,
.tab-drawer-heading:hover:before {
border-top: 10px solid #fff;
transition: all 0.5s ease 0s;
}
/*-----------------------
Counters
-----------------------*/
.generate-forms ul.counter-listing {
max-width: 850px;
margin: 0 auto;
text-align: center;
padding: 80px 0 40px;
}
.generate-forms ul.counter-listing li {
width: 32%;
display: inline-block;
}
.generate-forms ul.counter-listing li span {
font-size: 60px;
padding: 0 0 10px;
}
.generate-forms ul.counter-listing li .sub-title {
font-size: 14px;
padding: 0;
}
/*-----------------------------------
Features Carousel
------------------------------------*/
.features-carousel-sec {
max-width: 900px;
margin: 0 auto;
padding: 0 70px;
}
.owl-carousel.owl-feature .owl-item img {
display: block;
width: inherit;
max-width: 100%;
}
.owl-feature .owl-nav.disabled {
display: block;
}
.owl-feature .owl-dots {
display: none;
}
.owl-feature .owl-nav .icon-know-more-arrow {
font-size: 44px;
color: #798c93;
}
.owl-feature .owl-nav .icon-know-more-arrow:hover {
color: #f29a32;
}
.owl-feature .owl-nav .owl-prev,
.owl-feature .owl-nav .owl-next {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
background: #fff;
padding: 5px;
opacity: 0.9;
}
.owl-feature .owl-nav .owl-prev {
left: -70px;
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.owl-feature .owl-nav .owl-next {
right: -70px;
}
/*---------------------------
Need To Discuss design
----------------------------*/
.need-to-discuss {
background: #324349;
position: relative;
}
.need-to-discuss.bg-img {
background: url(../images/need-discuss-bg.jpg) no-repeat center top / cover;
}
.need-to-discuss.bg-img:after {
width: 100%;
height: 100%;
display: block;
background: #699882;
background: -moz-linear-gradient(45deg, #699882 0%, #708f99 100%);
background: -webkit-linear-gradient(45deg, #699882 0%, #708f99 100%);
background: linear-gradient(45deg, #699882 0%, #708f99 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699882', endColorstr='#708f99', GradientType=1 );
content: "";
position: absolute;
left: 0px;
top: 0px;
opacity: 0.8;
z-index: 1;
}
.need-to-discuss.bg-img .container {
position: relative;
z-index: 2;
}
.need-to-discuss .head-block {
text-align: center;
padding-bottom: 60px;
}
.need-to-discuss h2 {
padding: 0 0 20px;
color: #fff;
}
.need-to-discuss P {
color: #fff;
opacity: 0.6;
}
.need-to-discuss .submit-form {
padding-bottom: 16px;
}
.need-to-discuss .submit-form input {
width: 100%;
background: none;
border: none;
border-bottom: 1px #516167 solid;
color: #9fb4bc;
font-size: 12px;
padding: 0 0 9px 0;
margin: 0 0 55px;
text-transform: uppercase;
}
.need-to-discuss .submit-form input {
border-color: rgba(255, 255, 255, 0.4);
}
.need-to-discuss .submit-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#fff;
opacity:0.5;
}
.need-to-discuss .submit-form ::-moz-placeholder { /* Firefox 19+ */
color:#fff;
opacity:0.5;
}
.need-to-discuss .submit-form :-ms-input-placeholder { /* IE 10+ */
color:#fff;
opacity:0.5;
}
.need-to-discuss .submit-form :-moz-placeholder { /* Firefox 18- */
color:#fff;
opacity:0.5;
}
.need-to-discuss .submit-form input:focus {
color: #fff;
border-color: currentcolor currentcolor #fff;
}
.need-to-discuss .submit-form .submit-btn {
width: 175px;
margin: 0 auto;
background: #f29a32;
border: none;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 14px;
line-height: 48px;
text-align: center;
font-weight: 700;
padding: 0 15px;
display: block;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.need-to-discuss .submit-form .submit-btn:hover {
background: #57bce2;
}
/*----------------------------
FAQ
-----------------------------*/
.faq-sec {
display: block;
}
.faq-sec .head-block {
padding-bottom: 40px;
text-align: center;
}
.faq-sec .head-block span {
display: block;
padding-bottom: 15px;
font-weight: 700;
color: #abc2ca;
text-transform: uppercase;
}
.faq-sec .head-block h2 {
padding-bottom: 20px;
}
.faq-sec ul li {
display: block;
padding-bottom: 40px;
}
.faq-sec ul li h3 {
padding-bottom: 12px;
font-size: 16px;
font-weight: 500;
}
/*----------------------------
Still Have Questains
-----------------------------*/
.still-hav-qtns-outer {
text-align: center;
}
.still-hav-qtns-outer h2 {
padding: 0 0 50px;
}
.features-listing .info-content {
max-width: 300px;
margin: 0 auto;
}
.info-content .icon-holder {
display: block;
width: auto;
}
.info-content .icon-holder img {
max-width: 100%;
}
.info-content h3 {
font-size: 22px;
font-weight: 300;
padding: 30px 0 20px;
}
.info-content .know-more {
display: block;
margin: 30px auto 0;
}
/* ================================================== */
/* 10. How It Works */
/* ================================================== */
.how-it-work-items {
display: block;
}
.how-it-work-items .row {
padding-bottom: 90px;
}
.how-it-work-items .row:last-child {
padding-bottom: 0px;
}
.how-it-work-items .content-area {
max-width: 585px;
padding: 0 0 50px;
}
.how-it-work-items .content-area .icon {
width: 19%;
display: inline-block;
vertical-align: top;
}
.how-it-work-items .content-area .icon span {
width: 60px;
height: 60px;
line-height: 60px;
display: block;
text-align: center;
color: #fff;
background: #f29a32;
font-size: 30px;
font-weight: 400;
margin: 0 auto;
border-radius: 50%;
}
.how-it-work-items figure {
padding-bottom: 40px;
}
.how-it-work-items figure.right {
text-align: right;
}
.how-it-work-items .text-area {
width: 80%;
display: inline-block;
}
.how-it-work-items .text-area h2 {
padding-bottom: 20px;
}
/* ================================================== */
/* 11. Portfolio */
/* ================================================== */
ul.portfolio-filter {
padding-bottom: 45px;
}
ul.portfolio-filter li {
display: inline-block;
padding: 0 4px;
}
ul.portfolio-filter li a {
display: block;
padding: 4px 30px;
font-size: 14px;
font-weight: 600;
color: #818d98;
text-transform: uppercase;
border-radius: 25px;
position: relative;
}
ul.portfolio-filter li a:after {
width: 0;
height: 0;
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
border-color: rgba(242, 154, 50, 0);
border-top-color: #f29a32;
border-width: 6px;
margin-left: -6px;
opacity: 0;
transition: all 0.3s ease 0s;
}
ul.portfolio-filter li a:hover:after,
ul.portfolio-filter li.active a:after {
opacity: 1;
}
ul.portfolio-filter li a:hover {
background: #f29a32;
color: #fff;
}
ul.portfolio-filter li:hover a,
ul.portfolio-filter li.active a {
background: #f29a32;
color: #fff;
}
.portfolio-outer {
padding-bottom: 0px;
}
.portfolio-outer ul.portfolio li {
display: block;
margin-bottom: 30px;
}
.portfolio-outer ul.portfolio li .inner {
background: #2a3f44;
position: relative;
border: 3px #fff solid;
}
.portfolio-outer ul.portfolio li figure {
transition: all 0.3s ease 0s;
}
.portfolio-outer ul.portfolio li figure img {
width: 100%;
}
.portfolio-outer ul.portfolio li:hover figure {
opacity: 0.2;
}
.portfolio-outer ul.portfolio li:hover .inner {
border-color: #f29a32;
}
.portfolio-outer ul.portfolio li .overlay {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
text-align: center;
opacity: 0;
transition: all 0.3s ease 0s;
left: 0px;
}
.portfolio-outer ul.portfolio li:hover .overlay {
opacity: 1;
}
.portfolio-outer ul.portfolio li h2 {
display: block;
font-size: 22px;
font-weight: 500;
color: #fff;
line-height: 30px;
}
.portfolio-outer ul.portfolio li p {
display: block;
padding-bottom: 25px;
font-size: 14px;
color: #fff;
opacity: 0.7;
}
.portfolio-outer ul.portfolio li a {
width: 56px;
height: 56px;
margin: 0 8px;
display: inline-block;
line-height: 62px;
border-radius: 50%;
text-align: center;
background: #f29a32;
font-size: 20px;
color: #fff;
}
.portfolio-outer ul.portfolio li a:hover {
background: #fff;
color: #f29a32;
}
.portfolio-outer .paging-block {
padding: 60px 0 90px 0;
}
.mfp-counter {
left: 0px;
right: 0px;
margin: 0 auto;
text-align: center;
}
.mfp-arrow {
width: 80px;
}
.mfp-arrow-left:before,
.mfp-arrow-left:after,
.mfp-arrow-right:before,
.mfp-arrow-right:after {
border: none;
}
.mfp-arrow-left:before,
.mfp-arrow-right:after {
width: 20px;
height: 38px;
display: block;
content: "";
background: url(../images/popup-arrows.png) no-repeat center bottom;
}
.mfp-arrow-left:before {
background-position: left top;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer;
}
/* ================================================== */
/* 12. Pricing */
/* ================================================== */
.select-pricing-plan.padding-lg {
padding-bottom: 0px;
}
.select-pricing-plan h2 {
padding: 13px 0 20px;
}
.select-pricing-plan p {
padding: 0 0 20px;
}
.plan-features-sec {
display: block;
}
.plan-features-sec h2 {
padding-bottom: 18px;
}
.plan-table-holder {
text-align: center;
padding: 60px 0 0;
}
.plan-table-holder .table {
margin: 0;
}
.plan-table-holder .table .icon-tick-circle {
font-size: 28px;
color: #42d79e;
}
.plan-table-holder .table .icon-close-circle {
font-size: 28px;
color: #c5d5db;
}
.plan-table-holder .table thead {
width: 100%;
z-index: 20;
position: relative;
display: table;
}
.plan-table-holder .table tbody {
width: 100%;
position: relative;
z-index: 10;
margin-top: -40px;
display: table;
}
.plan-table-holder .table tfoot {
width: 100%;
position: relative;
z-index: 10;
text-align: center;
display: table;
}
.plan-table-holder .table tfoot tr th {
width: 25%;
}
.plan-table-holder .table thead td {
width: 25%;
border-bottom: none;
border-top: none;
border-right: 1px solid #e9ecef;
}
.plan-table-holder .table thead td:first-child {
border-left: 1px solid #e9ecef;
}
.plan-table-holder .table thead th {
border-bottom: none;
border-right: 1px solid #e9ecef;
width: 25%;
border-radius: 5px 5px 0 0;
overflow: hidden;
padding-bottom: 0;
}
.plan-table-holder .table thead th:first-child {
border-top: none;
border-right: none;
}
.plan-table-holder .table thead th:nth-child(2) {
border-left: 1px solid #e9ecef;
}
.plan-table-holder .table .get-started {
width: 100%;
display: block;
margin: 0 auto;
padding: 0 10px;
max-width: 210px;
text-align: center;
font-size: 14px;
line-height: 48px;
}
.plan-table-holder .table tfoot tr th {
border-right: 1px solid #e9ecef;
border-bottom: 1px solid #e9ecef;
padding: 40px 1rem;
border-radius: 0 0 5px 5px;
}
.plan-table-holder .table tfoot tr th:first-child {
border-bottom: 0;
border-right: none;
}
.plan-table-holder .table tfoot tr th:nth-child(2) {
border-left: 1px solid #e9ecef;
}
.plan-table-holder .table tbody tr:first-child {
background: url(../images/table-row-bg.png) repeat-x top;
}
.plan-table-holder .table tbody tr td {
width: 25%;
border-bottom: none;
border-right: 1px solid #e9ecef;
font-size: 16px;
font-weight: 500;
color: #00324c;
padding: 1rem;
}
.plan-table-holder .table tbody tr td img {
width: 22px;
max-width: 100%;
}
.plan-table-holder .table tbody tr:first-child td {
padding-top: 80px;
}
.plan-table-holder .table tbody tr td:first-child {
border-left: 1px solid #e9ecef;
background: #f5f5f5;
color: #778083;
font-weight: 400;
text-align: left;
}
.plan-table-holder .table tbody tr th {
width: 25%;
border-bottom: none;
border-right: 1px solid #e9ecef;
border-top: 1px solid #e9ecef;
}
.plan-table-holder .table tbody tr th:first-child {
border-left: 1px solid #e9ecef;
}
.plan-table-holder .table .icon-play-btn {
color: #d0dadd;
padding-right: 5px;
}
.plan-table-holder .table h6 {
color: #00324c;
font-size: 14px;
font-weight: 500;
}
.plan-table-holder .table .head-block {
max-width: 210px;
margin: 30px auto 0;
text-align: center;
}
.plan-table-holder .table .head-block span {
display: block;
font-size: 30px;
font-weight: 300;
color: #00324c;
padding: 0 0 15px;
}
.plan-table-holder .table .head-block p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
.plan-table-holder .table .head-block .price {
background: #6f7b7f;
color: #fff;
padding: 21px 10px 11px;
border-radius: 5px;
margin: 28px 0 0;
z-index: 100;
transition: all 0.3s ease 0s;
}
.plan-table-holder .table .head-block .price.active {
transition: all 0.3s ease 0s;
background: #42d79e;
}
.plan-table-holder .table .head-block .price .amnt {
font-size: 72px;
font-weight: 300;
color: #fff;
line-height: 1;
padding: 0;
}
.plan-table-holder .table .head-block .price sup {
display: inline-block;
font-size: 24px;
font-weight: 300;
vertical-align: super;
}
.plan-table-holder .table .head-block .price p {
text-transform: uppercase;
color: #fff;
position: relative;
top: -5px;
}
/* ================================================== */
/* 13. Our Blog */
/* ================================================== */
/*-----------------------
Blog List
-----------------------*/
.inner-banner {
background: url(../images/inner-banner.jpg?v=20210110) no-repeat center top;
text-align: center;
min-height: 400px;
position: relative;
}
.inner-banner:after {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
content: "";
background: #3edc93;
background: -moz-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
background: -webkit-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
background: linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3edc93', endColorstr='#57bce2', GradientType=1 );
opacity: 0.9;
}
.inner-banner .container {
position: relative;
z-index: 2;
}
.inner-banner .contents {
padding: 130px 0 0;
}
.inner-banner h1 {
color: #fff;
font-size: 46px;
margin-bottom: 20px;
}
.inner-banner p {
color: #fff;
font-size: 18px;
line-height: 28px;
opacity: 0.7;
}
.inner-banner p span {
display: block;
}
.blog-section {
display: block;
padding: 80px 0px;
background: #fff;
}
.blog-content {
display: block;
margin-right: 98px;
}
.blog-content > ul > li {
display: block;
padding: 58px 0px;
border-top: 1px solid #e9e9e9;
}
.blog-content > ul > li p {
padding-bottom: 20px;
}
.blog-content > ul > li:first-child {
padding-top: 0;
border-top: none;
}
.blog-content > ul > li p.time {
padding-bottom: 0px;
}
p.time {
position: relative;
font-size: 12px;
color: #2e2e2e;
padding-left: 22px;
font-weight: 500;
}
p.time span {
color: #616161;
}
p.time:before {
content: "\e912";
font-family: 'icomoon';
font-size: 16px;
color: #b2b2b2;
position: absolute;
left: 0;
top: 0;
}
.blog-content h5 {
color: #30373d;
font-size: 22px;
line-height: 36px;
font-weight: 300;
margin-bottom: 25px;
margin-top: 5px;
}
.blog-content h5 a {
color: #30373d;
}
.blog-content h5 a:hover {
color: #121517;
}
.blog-content .box {
display: block;
padding-bottom: 30px;
}
ul.blog-info {
display: inline-block;
vertical-align: middle;
}
ul.blog-info li {
display: inline-block;
border-left: 1px solid #e0e0e0;
padding: 0px 20px 0px 46px;
position: relative;
color: #536066;
}
ul.blog-info li a {
color: #8a979e;
}
ul.blog-info li a:hover {
text-decoration: underline;
color: #42d79e
}
ul.blog-info li:before {
position: absolute;
font-size: 23px;
color: #42d79e;
left: 15px;
font-family: 'icomoon';
}
ul.blog-info li.comment:before {
content: "\e90b";
left: 0;
}
ul.blog-info li.like:before {
content: "\e90f";
}
ul.blog-info li:first-child {
padding-left: 30px;
border-left: none;
}
ul.blog-tag {
display: inline-block;
}
ul.blog-tag li {
display: inline-block;
}
ul.blog-tag li a {
background: #f29a32;
color: #fff;
display: block;
padding: 2px 20px;
border-radius: 30px;
}
ul.blog-tag li a:hover {
background: #57bce2;
}
.blog-pic {
display: block;
margin-bottom: 40px;
}
.blog-content a.know-more {
margin-top: 10px;
display: inline-block;
}
.paging-block {
display: block;
}
.paging-block ul li {
display: inline-block;
vertical-align: middle;
}
.paging-block ul li a {
display: block;
width: 32px;
height: 32px;
border: 1px solid #d7dae4;
border-radius: 2px;
text-align: center;
line-height: normal;
color: #62657b;
font-size: 14px;
padding-top: 5px;
}
.paging-block ul li a:hover,
.paging-block ul li.active a {
background: #57bce2;
color: #fff;
border: 1px solid #57bce2;
}
.paging-block ul li a.dots {
font-size: 24px;
color: #ccc;
border: none;
padding-top: 0px;
width: 52px;
}
.paging-block ul li a.dots:hover {
color: #fff;
}
.paging-block ul li a.prev,
.paging-block ul li a.next {
font-size: 12px;
padding-top: 7px;
}
.blog-sidebar {
display: block;
position: relative;
margin-left: -30px;
}
.blog-sidebar .cmn-box {
display: block;
padding: 37px;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.13);
margin-bottom: 25px;
}
.blog-sidebar .cmn-box h4 {
color: #3d4145;
font-size: 24px;
font-weight: 300;
margin-bottom: 15px;
}
.blog-sidebar .cmn-box ul li {
display: block;
border-top: 1px solid #e9e9e9;
}
.blog-sidebar .cmn-box ul li:first-child {
border-top: none;
}
.blog-sidebar .cmn-box ul li a {
display: block;
position: relative;
font-size: 14px;
color: #62727d;
font-weight: 300;
padding: 9px 40px 8px 0px;
line-height: normal;
}
.blog-sidebar .cmn-box ul li a:hover {
color: #404638;
}
.blog-sidebar .cmn-box ul li a span.count {
font-size: 12px;
color: #62727d;
padding: 2px 8px 1px 8px;
background: #dde4e9;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
line-height: normal;
display: inline-block;
position: absolute;
right: -2px;
top: 9px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
min-width: 30px;
text-align: center;
}
.blog-sidebar .cmn-box ul li a:hover span.count {
color: #fff;
background: #57bce2;
}
.blog-sidebar .cmn-box.archive ul li a {
padding: 16px 0px 14px 0px;
padding-left: 34px;
}
.blog-sidebar .cmn-box.archive ul li a:before {
content: "\e90c";
font-family: 'icomoon';
position: absolute;
top: 16px;
left: 0;
color: #c5d0d7;
font-size: 18px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.blog-sidebar .cmn-box.archive ul li a:hover,
.blog-sidebar .cmn-box.archive ul li a:hover:before {
color: #f29a32;
}
.blog-sidebar .article-pic {
display: block;
position: relative;
margin-left: -37px;
margin-right: -37px;
background: #ccc;
margin-bottom: 12px;
}
.blog-sidebar .article-pic img {
width: 100%;
}
.blog-sidebar p {
color: #747d84;
font-size: 12px;
line-height: 20px;
}
.blog-sidebar p.time {
margin-top: 15px;
position: relative;
display: block;
background: #fff;
}
.blog-sidebar p.time:after {
width: 32%;
height: 1px;
position: absolute;
top: 10px;
right: 0px;
content: '';
display: block;
border-bottom: 1px solid #cfcfcf;
}
.blog-sidebar .article-box {
display: block;
padding-bottom: 43px;
}
.blog-sidebar .cmn-box .blog-tag li {
display: inline-block;
border-top: none;
margin-top: 12px;
}
.blog-sidebar .cmn-box .blog-tag li a {
background: #f29a32;
color: #fff;
font-size: 12px;
display: block;
padding: 5px 14px;
border-radius: 30px;
}
.blog-sidebar .cmn-box .blog-tag li a:hover {
color: #fff;
background: #57bce2;
}
/*-----------------------
Blog Grid
-----------------------*/
.blog-content.masonry-blog {
margin-right: 0;
overflow: hidden;
}
.blog-content.masonry-blog > ul {
position: relative;
margin-left: -40px;
}
.blog-content.masonry-blog > ul > li {
float: left;
width: 49%;
border-left: 1px solid #e9e9e9;
border-top: none;
padding: 0;
padding-left: 40px !important;
padding-right: 40px !important;
border-top: none;
}
.blog-content.masonry-blog.grid > ul {
margin-right: -40px;
}
.blog-content.masonry-blog.grid > ul > li {
width: 33%;
}
.blog-content.grid h5 {
font-size: 20px;
line-height: 28px;
}
ul.blog-info li {
font-size: 13px;
}
ul.blog-info li:before {
font-size: 20px;
}
.blog-content.masonry-blog > ul > li .blog-item {
border-top: 1px solid #f0f0f0;
padding: 60px 0px 50px 0px;
}
.blog-content.masonry-blog > ul > li:first-child .blog-item,
.blog-content.masonry-blog > ul > li:nth-child(2) .blog-item,
.blog-content.masonry-blog.grid > ul > li:nth-child(3) .blog-item {
border-top: none;
padding-top: 0px;
}
.blog-content.masonry-blog .blog-pic {
margin-bottom: 22px;
}
.blog-content.masonry-blog .box {
padding-bottom: 20px;
}
.blog-content.masonry-blog ul.blog-tag {
display: block;
padding-top: 10px;
padding-bottom: 20px;
}
.blog-section .paging-block {
padding-top: 60px;
border-top: 1px solid #e9e9e9;
}
/*-----------------------
Blog Standard
-------------------------*/
.blog-sigle-item {
max-width: 945px;
margin: 0 auto;
}
.blog-sigle-item >li {
display: block;
list-style: none;
}
.blog-sigle-item h4 {
font-size: 28px;
font-weight: 300;
color: #30373d;
line-height: 40px;
margin: 0 0 25px;
}
.blog-sigle-item .blog-content {
margin: 0;
}
.blog-sigle-item .blog-content > ul > li p.time {
margin-left: 15px;
}
.blog-sigle-item ul.blog-info {
width: 100%;
text-align: left;
margin: 15px 0 0;
}
.blog-sigle-item ul.blog-info li:last-child {
border: none;
float: right;
}
.blog-sigle-item .blog-content a.know-more {
margin: 0;
}
/*-----------------------
Blog Single
-----------------------*/
.blog-content.blog-detailed {
margin-right: 30px;
padding-right: 20px;
}
.blog-content.blog-detailed > ul > li {
border-top: none;
padding: 25px 0px 0px 0px;
}
.blog-content.blog-detailed h5 {
font-size: 26px;
line-height: 44px;
}
.blog-content.blog-detailed p.time {
padding-bottom: 0px;
}
.blog-content.blog-detailed p {
padding-bottom: 20px;
}
.disqus-cmt {
display: block;
padding-top: 30px;
}
/* ================================================== */
/* 14. FAQ */
/* ================================================== */
.faq-outer .faq-left {
max-width: 28.5%;
flex: 0 0 28.5%;
}
.faq-outer .faq-left ul li {
display: block;
margin-bottom: 15px;
border: 1px #d6dfda solid;
box-shadow: 0px 0px 8px #e6ede9;
border-radius: 5px;
position: relative;
transition: all 0.3s ease 0s;
}
.faq-outer .faq-left ul li a {
display: block;
padding: 20px;
}
.faq-outer .faq-left ul li:before {
width: 2px;
height: 65%;
display: block;
background: #42d79e;
content: "";
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s ease 0s;
}
.faq-outer .faq-left ul li:after {
width: 0;
height: 0;
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
border-color: rgba(66, 215, 158, 0);
border-left-color: #42d79e;
border-width: 5px;
margin-top: -5px;
opacity: 0;
transition: all 0.3s ease 0s;
}
.faq-outer .faq-left ul li:hover:before,
.faq-outer .faq-left ul li:hover:after,
.faq-outer .faq-left ul li.active:before,
.faq-outer .faq-left ul li.active:after {
opacity: 1;
}
.faq-outer .faq-left ul li:hover,
.faq-outer .faq-left ul li.active {
border-color: #42d79e;
}
.faq-outer .faq-left ul li .icon {
width: 19%;
display: inline-block;
vertical-align: middle;
font-size: 36px;
color: #869ea9;
transition: all 0.3s ease 0s;
}
.faq-outer .faq-left ul li:nth-child(4) .icon {
font-size: 46px;
}
.faq-outer .faq-left ul li:hover .icon,
.faq-outer .faq-left ul li.active .icon {
color: #42d79e;
}
.faq-outer .faq-left ul li .cnt-block {
width: 79%;
display: inline-block;
vertical-align: top;
}
.faq-outer .faq-left ul li .cnt-block h3 {
padding-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: #22333a;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.faq-outer .faq-left ul li:hover .cnt-block h3,
.faq-outer .faq-left ul li.active .cnt-block h3 {
color: #42d79e;
}
.faq-outer .faq-left ul li .cnt-block p {
font-size: 12px;
color: #707986;
line-height: 19px;
}
.faq-outer .faq-right {
max-width: 71.5%;
flex: 0 0 71.5%;
padding-left: 45px;
margin-top: -18px;
}
.faq-outer .card-header {
padding: 18px 0;
background: none;
border: none;
}
.faq-outer #accordion h5 a {
display: block;
padding: 0 25px 0 47px;
font-size: 16px;
font-weight: 500;
color: #5e6b6f;
line-height: 22px;
position: relative;
}
.faq-outer .card-header h5 a:before {
width: 32px;
height: 32px;
line-height: 32px;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
border-radius: 30px 30px 0 30px;
text-align: center;
background: #dbe5ea;
content: "?";
font-size: 17px;
font-weight: 600;
color: #fff;
transition: all 0.3s ease 0s;
}
.faq-outer .card-header h5 a:hover:before,
.faq-outer #accordion .active h5 a:before {
background: #43b8ea;
}
.faq-outer #accordion h5 a:hover,
.faq-outer #accordion .active h5 a {
color: #232127;
}
.faq-outer .card-header h5 a:after {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
content: "\e91e";
font-family: 'icomoon';
font-size: 20px;
color: #9db5c0;
transition: all 0.3s ease 0s;
}
.faq-outer .card-header h5 a:hover:after,
.faq-outer #accordion .active h5 a:after {
content: "\e91f";
color: #4a555b;
}
.faq-outer .card {
border: none;
border-bottom: 1px #878787 dotted;
background: none;
}
.faq-outer .card:last-child {
border-bottom: none;
}
.faq-outer .card-body {
padding: 0px 25px 40px 47px;
}
/* ================================================== */
/* 15. Support */
/* ================================================== */
/*-----------------------
Contact Info
-----------------------*/
.contact-outer {
background: #f9f9f9; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fff, #f9f9f9); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff, #f9f9f9); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, #f9f9f9); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fff, #f9f9f9); /* Standard syntax (must be last) */
border-bottom: 1px #dedede solid;
}
ul.contact-list {
margin-bottom: 60px;
}
ul.contact-list li {
list-style: none;
text-align: center;
}
ul.contact-list li .inner {
padding: 55px 30px;
border: 1px #d0dbe1 solid;
border-radius: 5px;
}
ul.contact-list li .inner .icon {
width: 58px;
height: 58px;
line-height: 58px;
display: inline-block;
background: #57bce2;
border-radius: 3px;
font-size: 34px;
color: #fff;
}
ul.contact-list li .inner h3 {
padding: 30px 0 20px 0;
font-size: 22px;
font-weight: 300;
color: #00324c;
}
ul.contact-list li .inner p {
padding-bottom: 20px;
line-height: 22px;
}
ul.contact-list li .inner .call {
padding-bottom: 8px;
}
ul.contact-list li .inner .call,
ul.contact-list li .inner a.mail-to {
font-size: 16px;
color: #00324c;
}
ul.contact-list li .inner .call span,
ul.contact-list li .inner a.mail-to span {
margin-right: 8px;
color: #57bce2;
}
ul.contact-list li .inner a.mail-to:hover {
color: #57bce2;
}
ul.contact-list li .inner a.live-chat {
padding: 6px 40px;
margin-top: 20px;
display: inline-block;
background: #42d79e;
font-size: 12px;
color: #fff;
text-transform: uppercase;
border-radius: 3px;
}
ul.contact-list li .inner a.live-chat span {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
font-size: 18px;
}
ul.contact-list li .inner a.live-chat:hover {
background: #57bce2;
}
ul.contact-list li .inner a.live-chat.support {
padding: 6px 50px;
background: #1e4e62;
}
ul.contact-list li .inner a.live-chat.support:hover {
background: #f29a32;
}
/*-----------------------
Support Request
-----------------------*/
.support-request {
text-align: center;
}
.support-request h2 {
padding-bottom: 15px;
font-size: 30px;
}
.support-form {
padding-top: 55px;
}
.support-form .row {
margin: 0 -10px;
}
.support-form .col-md-6 {
padding-left: 10px;
padding-right: 10px;
}
.support-form input,
.support-form textarea {
width: 100%;
height: 46px;
padding: 0 20px;
border: none;
background: #e4eaec;
font-size: 14px;
color: #697980;
margin-bottom: 20px;
border: 1px #e4eaec solid;
border-radius: 3px;
}
.support-form textarea {
height: 110px;
padding: 10px 20px;
margin-bottom: 0px;
resize: none;
}
.support-form input:focus,
.support-form textarea:focus {
border-color: #69c2e4;
}
.support-form .submit-btn {
padding: 8px 45px;
margin-top: 20px;
background: #57bce2;
border: none;
border-radius: 3px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.support-form .submit-btn:hover {
background: #f29a32;
}
/*-----------------------
Advices & Answers
-----------------------*/
.advices-outer {
text-align: center;
}
.advices-outer h2 {
padding-bottom: 15px;
font-size: 30px;
}
.advices-outer .search-outer {
padding: 0 0 0 30px;
margin-bottom: 80px;
border: 3px #57bce2 solid;
border-radius: 35px;
}
.advices-outer .search-outer input {
width: 100%;
padding-right: 30px;
height: 60px;
border: none;
color: #bac4c9;
}
.advices-outer .search-outer .go-btn {
width: 66px;
height: 66px;
padding: 0px;
margin: -2px;
border: none;
border-radius: 50%;
background: #57bce2;
font-size: 26px;
color: #fff;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.advices-outer .search-outer .go-btn:hover {
background: #1e4e62;
}
.advices-outer ul.features-listing li h3 {
padding: 20px 0;
}
.advices-outer ul.features-listing li h3 span {
display: block;
}
.advices-outer ul.features-listing li .icon {
width: auto;
height: auto;
background: none;
box-shadow: none;
}
/* ================================================== */
/* 16. Career */
/* ================================================== */
.career-banner.inner-banner {
min-height: 400px;
background: url(../images/banner-career.jpg) no-repeat center top;
}
.career-banner .get-started {
max-width: 230px;
display: block;
margin: 50px auto 0;
background: #f29a32;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 0 20px;
line-height: 52px;
text-align: center;
text-transform: uppercase;
}
.career-banner .get-started:hover {
background: #173139;
}
.success-everyday {
padding: 60px 0px;
border-bottom: 1px solid #dedede;
background: #f7f7f7;
text-align: center;
}
.success-everyday h2 {
padding-bottom: 25px;
}
.success-everyday p {
font-size: 16px;
line-height: 30px;
}
/*-----------------------------------
Career Our Values
------------------------------------*/
.career-our-values-sec {
padding: 60px 0 70px;
}
.career-our-values-sec h3 {
font-size: 24px;
font-weight: 500;
padding: 30px 0 40px;
}
ul.our-values {
margin: 0 -10px;
}
ul.our-values li {
list-style: none;
padding: 0 10px 45px 10px;
}
.our-perks {
border: 1px solid #d0dbe1;
border-radius: 10px;
padding: 40px 22px;
box-shadow: 2px -3px 10px -3px rgba(0, 0, 0, 0.1);
}
.career-our-values-sec .our-perks h3 {
text-align: left;
padding: 0;
}
.icon-tik-list {
max-width: 430px;
}
.icon-tik-list li {
list-style: none;
padding: 20px 0 20px 40px;
border-bottom: 1px #d6d7d7 solid;
position: relative;
}
.icon-tik-list li:before {
width: 30px;
height: 100%;
position: absolute;
top: 20px;
left: 0;
content: "\e927";
font-family: 'icomoon';
font-size: 24px;
color: #42d79e;
}
.icon-tik-list li:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.icon-tik-list li h6 {
font-size: 16px;
color: #22333a;
font-weight: 600;
padding: 0 0 5px;
}
.icon-tik-list li p {
line-height: 24px;
font-weight: 400;
}
ul.our-values li .icon {
width: 22%;
display: inline-block;
vertical-align: top;
max-width: 65px;
padding-right: 10px;
font-size: 42px;
color: #68c3e5;
text-align: center;
}
ul.our-values li .icon span {
font-size: 44px;
color: #68c3e5;
}
ul.our-values li .text-area {
width: 76%;
display: inline-block;
vertical-align: top;
}
ul.our-values.opt2 li .text-area {
width: 80%;
}
ul.our-values li .text-area h6 {
font-size: 18px;
font-weight: 600;
color: #22333a;
line-height: 20px;
padding: 0 0 8px;
}
ul.our-values li .text-area p {
font-size: 16px;
line-height: 30px;
}
/*-----------------------------------
career Carousel
------------------------------------*/
#owl-career {
position: relative;
}
#owl-career li {
display: block;
}
#owl-career .owl-nav.disabled {
display: block;
}
#owl-career .owl-dots {
display: none;
}
#owl-career .owl-nav .icon-know-more-arrow {
font-size: 40px;
color: #798c93;
}
#owl-career .owl-nav .icon-know-more-arrow:hover {
color: #f29a32;
}
#owl-career .owl-nav .owl-prev,
#owl-career .owl-nav .owl-next {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
background: #fff;
padding: 5px;
opacity: 0.9;
}
#owl-career .owl-nav .owl-prev {
left: 10%;
transform: translateY(-50%) scale(-1, 1);
}
#owl-career .owl-nav .owl-next {
right: 10%;
}
/*-----------------------------------
What Can We Do
------------------------------------*/
.wht-can-we-do-outer {
background: #f5f5f5;
}
.wht-can-we-do-outer .content-area {
padding-bottom: 30px;
text-align: center;
}
.wht-can-we-do-outer .content-area h2 {
padding-bottom: 15px;
}
.career-info-panel {
background: #fff;
border-radius: 10px;
box-shadow: 2px 0px 10px -3px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
border: 1px solid #d0dbe1;
padding: 50px 45px;
margin: 30px 0 0;
}
.career-info-panel:hover,
.career-info-panel:focus {
border-color: #57bce2;
box-shadow: 2px 0px 10px -3px #57bce2;
}
.career-info-panel h3 {
font-size: 22px;
font-weight: 500;
padding: 0 0 10px;
transition: all 0.3s ease 0s;
}
.career-info-panel:hover h3 {
color: #57bce2;
}
.career-info-panel p {
font-size: 14px;
line-height: 22px;
}
.career-info-panel ul {
padding: 20px 0 0;
margin: 0;
display: block;
}
.career-info-panel ul li {
width: 49%;
padding: 0 0 0 20px;
position: relative;
display: inline-block;
}
.career-info-panel ul li:before {
width: 8px;
height: 8px;
border-radius: 100px;
background: #c3bab9;
position: absolute;
top: 8px;
left: 0;
content: "";
}
.career-info-panel a.apply-now {
background: #798c93;
padding: 0 20px;
margin-bottom: 0px;
}
.career-info-panel a.apply-now:hover {
background: #57bce2;
}
.apply-now {
max-width: 175px;
background: #798c93;
border-radius: 3px;
color: #fff;
display: block;
font-size: 14px;
font-weight: 700;
height: 48px;
line-height: 48px;
margin: 20px auto 15px;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
}
.apply-now:hover,
.career-info-panel:hover .apply-now {
background: #f29a32;
}
.career-accordian {
padding: 30px 0 0;
}
.career-accordian.faq .card-header {
padding-top: 16px;
padding-bottom: 16px;
}
.career-accordian.faq .card-header a {
display: block;
}
.career-accordian.faq .card-header h3 {
width: calc(100% - 30px);
}
.career-accordian ul {
padding: 20px 0 0;
display: block;
}
.career-accordian li {
padding: 0 60px 0 20px;
position: relative;
width: auto;
display: inline-block;
}
.career-accordian ul li:before {
width: 8px;
height: 8px;
border-radius: 100px;
background: #c3bab9;
position: absolute;
top: 8px;
left: 0;
content: "";
}
/*-----------------------------------
accordion-simple Styles
------------------------------------*/
.career-accordian .card {
display: block;
border: none;
}
.career-accordian .card-header {
background: #fff;
border-radius: 5px;
box-shadow: 2px 0px 10px -3px rgba(0, 0, 0, 0.1);
transition: all 0.15s ease-in-out 0s;
border: 1px solid #d0dbe1;
padding: 18px 20px;
position: relative;
margin: 0 0 6px;
transition: all 0.3s ease 0s;
}
.career-accordian .card-header h3 {
width: calc(100% - 280px);
font-size: 18px;
font-weight: 500;
color: #324349;
display: inline-block;
vertical-align: middle;
transition: all 0.3s ease 0s;
}
.career-accordian .card-header h6 {
width: 37%;
max-width: 250px;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
padding: 0 20px 0 0;
margin-top: 4px;
text-align: left;
color: #909ca1;
float: right;
}
.career-accordian .card-header h6 span {
padding: 0 5px;
font-size: 16px;
}
.career-accordian .card-header:after {
color: #b9bec3;
content: "\e90d";
font-family: 'icomoon';
float: right;
font-size: 13px;
margin-left: 5px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.career-accordian .card-header.active:after {
color: #57bce2;
}
.career-accordian .card-header.active:before {
width: 100%;
background: #fff;
bottom: -7px;
position: absolute;
height: 11px;
content: "";
left: 0;
}
.career-accordian .card-header:hover,
.career-accordian .card:focus {
border-color: #57bce2;
box-shadow: 2px 0px 10px -3px #57bce2;
}
.career-accordian .card:hover h3,
.career-accordian .card-header.active h3 {
color: #57bce2;
}
.career-accordian .card-header.active {
border-color: #57bce2;
box-shadow: 2px 0px 10px -3px #57bce2;
border-radius: 5px 5px 0 0;
margin: 0;
border-bottom: none;
}
.career-accordian .card-body {
border: 1px solid #57bce2;
border-radius: 0 0 5px 5px;
display: block;
margin: 0 0 6px;
background: #fff;
padding: 0 20px 30px;
border-top: none;
box-shadow: 2px 0px 10px -3px #57bce2;
}
.career-accordian .apply-now.btn {
padding: 0 30px;
background: #f29a32;
margin-top: 28px auto 18px;
display: inline-block;
}
.career-accordian .apply-now.btn:hover {
background: #57bce2;
}
/* ================================================== */
/* 17. Apply Job */
/* ================================================== */
.career-banner.apply-job h1 {
padding-top: 50px;
}
.career-banner.apply-job .btn {
height: 52px;
line-height: 52px;
padding: 0 30px;
margin-top: 40px;
}
.career-banner.apply-job p {
text-transform: uppercase;
}
.career-banner.apply-job p span {
display: inline-block;
padding: 0 10px 0 0;
}
.job-apply-wrapper {
display: block;
}
.job-apply-wrapper .job-info-box {
padding: 0 0 40px;
}
.job-apply-wrapper .job-info-box p {
font-size: 15px;
line-height: 30px;
}
.job-apply-wrapper .job-features-wrapper {
border-top: 1px solid #d0dbe1;
padding: 40px 0px 20px 0px;
}
.job-apply-wrapper .job-features-wrapper:last-child {
padding-bottom: 0px;
}
.job-apply-wrapper .job-features-wrapper h5 {
font-weight: 500;
padding: 0 0 25px;
}
.job-features-wrapper .icon-tik-list {
max-width: 100%;
}
.job-features-wrapper .icon-tik-list p {
color: #7c8a8e;
line-height: 24px;
}
.job-features-wrapper .icon-tik-list li {
width: 49%;
display: inline-block;
vertical-align: top;
border: none;
padding: 0 35px 20px;
}
.job-features-wrapper .icon-tik-list li:before {
top: 0px;
}
.apply-for-job-outer {
background: #f5f5f5;
}
.apply-for-job-outer .top-intro {
padding-bottom: 30px;
text-align: center;
}
.apply-for-job-outer .top-intro p {
padding: 20px 0;
}
.apply-for-job-outer .contact-form-wrapper input,
.apply-for-job-outer .contact-form-wrapper textarea {
border-color: #bfc8ce;
}
.apply-for-job-outer .contact-form-wrapper input:focus,
.apply-for-job-outer .contact-form-wrapper textarea:focus {
background: #fff;
}
.apply-for-job-outer textarea.large {
height: 133px;
}
.apply-for-job-outer input,
.apply-for-job-outer textarea {
margin-bottom: 15px;
}
.browse-doc {
width: 100%;
position: relative;
}
.browse-doc .browse-icon {
width: 46px;
height: 44px;
display: inline-block;
border: 1px solid #bfc8ce;
border-radius: 0 3px 3px 0;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
text-align: center;
background: #e7f8ff;
font-size: 25px;
color: #57bce2;
line-height: 46px;
}
.browse-doc .browse-icon:hover {
color: #f29a32;
}
.browse-doc input[type="file"] {
cursor: pointer;
font-size: 50px;
left: 0;
line-height: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
z-index: 999;
}
/* ================================================== */
/* 18. Call To Action */
/* ================================================== */
.call-to-action {
display: block;
}
.call-to-action .btn {
display: inline-block;
padding: 0 25px;
height: 50px;
line-height: 50px;
vertical-align: middle;
}
.call-action-box-large {
padding: 70px 0;
text-align: center;
}
.call-action-box-large p {
max-width: 900px;
margin: 10px auto 30px;
}
.call-to-action h2 strong {
font-weight: 700;
}
.call-action-box-large h2 span {
color: #57bce2;
}
.call-action-bar {
padding: 60px 0;
text-align: center;
}
.call-action-bar.blue {
background: #57bce2;
}
.call-action-bar.green {
background: #42d79e;
}
.call-action-bar.green .border {
background: none;
border: 2px #fff solid !important;
color: #fff;
}
.call-action-bar.green .border:hover {
background: #fff;
color: #42d79e;
}
.call-action-bar.orange {
background: #f29a32;
}
.call-action-bar.blue h2,
.call-action-bar.green h2,
.call-action-bar.orange h2 {
color: #fff;
}
.call-action-bar.bg {
padding: 65px 0;
background: url(../images/call-action-bg.jpg) no-repeat center center;
background-size: cover;
position: relative;
}
.call-action-bar.bg:after {
width: 100%;
height: 100%;
display: block;
content: "";
position: absolute;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.5)
}
.call-action-bar.bg .container {
position: relative;
z-index: 2;
}
.call-action-bar h2 {
padding-bottom: 5px;
color: #00324c;
line-height: 48px;
}
.call-action-bar h4 {
color: #fff;
line-height: 48px;
font-size: 28px;
}
.call-action-bar h2 span,
.call-action-bar h4 span {
display: inline-block;
padding: 0 40px;
}
.call-action-bar p {
color: #728e9c;
}
.download-box {
max-width: 560px;
margin: 0 auto;
border-radius: 3px;
box-shadow: 2px 0 10px -3px rgba(0, 0, 0, 0.1);
}
.download-box.blank {
box-shadow: none;
}
.download-box .top {
padding: 50px 50px 40px;
}
.download-box .bottom {
padding: 0 50px 50px;
}
.download-box.dark h2 {
color: #fff;
}
.download-box.dark .bottom {
background: #1b1e1f;
}
.download-box.blank .top {
padding-top: 10px;
}
.download-box.blank .bottom {
padding-bottom: 10px;
}
.download-box p {
max-width: 400px;
margin: 0 auto;
}
.download-box p.small {
padding: 15px 0 0;
color: rgba(0, 50, 76, 0.6);
}
.download-box.dark p {
color: #8f9da1;
}
.download-box.dark p.small {
color: #fff;
opacity: 0.4;
}
.star-box {
position: relative;
top: -9px;
}
.star-box i {
padding: 0 3px;
display: inline-block;
color: #f29a32;
font-size: 18px;
}
.button-box {
padding: 10px 0 0;
}
.button-box a {
width: 160px;
padding: 6px 8px;
border-radius: 3px;
text-align: center;
display: inline-block;
margin: 0 10px;
background: #1b1e1f;
color: #fff;
}
.download-box.dark .button-box a {
background: #fff;
margin: 0 5px;
}
.download-box.dark {
background: rgba(39, 45, 47, 0.6);
}
.download-box.border {
background: #fff;
border: 1px solid #dde3e9;
}
.download-box.border .bottom {
background: #f2f5f6;
}
.call-action-img {
width: 100%;
text-align: center;
}
.call-action-img img {
max-width: 100%;
}
.call-action-bar.two-sided {
padding-bottom: 0px;
}
.call-action-bar.two-sided .container {
max-width: 991px;
}
.call-action-bar.two-sided .download-box {
box-shadow: none;
text-align: left;
}
.call-action-bar.two-sided .download-box .top {
padding-top: 0px;
}
.call-action-bar.two-sided .button-box a {
margin-left: 0px;
}
.call-action-bar.gradient {
background: rgba(0, 0, 0, 0) linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
padding: 60px 0;
}
.call-action-bar.gradient h2 {
font-weight: 400;
color: #fff;
padding: 15px 0;
}
.call-action-bar.gradient p.small {
font-size: 12px;
color: #fff;
opacity: 0.7;
}
.call-action-bar.gradient p {
font-size: 16px;
color: #fff;
line-height: 28px;
opacity: 0.7;
}
.call-action-bar.gradient .container {
max-width: 750px;
}
.call-action-bar.gradient hr {
width: 100%;
height: 1px;
border: none;
background: rgba(255, 255, 255, 0.2);
display: block;
margin: 40px auto;
}
.call-action-bar.gradient .btn {
max-width: 230px;
display: block;
margin: 0 auto 5px;
font-weight: 300;
}
.call-action-bar.gradient .btn strong {
font-weight: 500;
}
/* ================================================== */
/* 19. Contact */
/* ================================================== */
.contact-wrapper-outer {
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(244,246,247,1) 70%);
}
.contact-wrapper-outer .container {
position: relative;
z-index: 1;
}
.contact-form-wrapper .input-col {
margin-bottom: 15px;
}
.contact-form-wrapper label {
font-size: 14px;
color: #697980;
padding-bottom: 2px;
margin: 0px;
}
.contact-form-wrapper label span{
color: #f29a32;
}
.contact-form-wrapper input {
width: 100%;
height: 44px;
line-height: 44px;
background: none;
font-size: 12px;
color: #697980;
padding: 0 20px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #d8dfe3;
border-radius: 3px;
}
.contact-form-wrapper input.bg {
background: #eaf0f3;
border: none;
}
.contact-form-wrapper input.bg:focus {
border: 1px #69c2e4 solid;
}
.contact-form-wrapper textarea {
width: 100%;
height: 110px;
line-height: 20px;
background: none;
color: #697980;
padding: 15px 20px;
margin: 0 0 14px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #d8dfe3;
border-radius: 3px;
resize: none;
}
.contact-form-wrapper input:focus,
.contact-form-wrapper textarea:focus {
border-color: #69c2e4;
}
.contact-form-wrapper .submit {
width: 100%;
height: 52px;
line-height: 52px;
padding: 0 10px;
margin: 15px auto 0;
display: block;
font-size: 14px;
background: #f29a32;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.contact-form-wrapper .submit:hover {
background: #57bce2;
}
.contact-info-wrapper {
height: 100%;
background: #f4f6f7;
}
.info-contact-box {
display: block;
}
.info-contact-box li {
display: block;
padding: 5px 0 15px 35px;
position: relative;
}
.info-contact-box li:before {
position: absolute;
left: 0;
top: 0;
content: "";
font-family: 'icomoon';
font-size: 19px;
color: #c7d0d3;
}
.info-contact-box li:first-child:before {
content: "\e92e";
}
.info-contact-box li:nth-child(2):before {
content: "\e924";
}
.info-contact-box li:nth-child(3):before {
content: "\e90a";
}
.contact-info-wrapper h3 {
font-size: 24px;
font-weight: 600;
color: #2c5260;
padding: 0 0 30px;
}
.contact-info-wrapper h6 {
font-size: 14px;
font-weight: 600;
color: #2c5260;
padding: 0 0 10px;
}
.contact-info-wrapper a {
display: block;
font-size: 14px;
font-weight: 600;
color: #2c5260;
line-height: 1;
}
.contact-info-wrapper a:hover {
color: #57bce2;
}
.contact-info-wrapper p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #2c5260;
}
.contact-info-wrapper .contact-info {
max-width: 290px;
margin: 0 auto;
padding: 0 20px;
}
.contact-info-wrapper .social-media-box {
max-width: 290px;
background: none;
margin: 30px auto 0;
padding: 0 20px;
box-shadow: none;
text-align: center;
}
.contact-info-wrapper .social-media-box h6 {
display: block;
font-weight: 400;
text-transform: uppercase;
position: relative;
padding: 0 0 15px;
}
.contact-info-wrapper .social-media-box h6:before {
content: "";
top: 30%;
left: 0;
width: 100%;
height: 1px;
background: #d8dfe3;
position: absolute;
z-index: 1;
}
.contact-info-wrapper .social-media-box h6 span {
background: #f4f6f7;
padding: 0 15px;
z-index: 2;
position: relative;
}
.contact-map {
height: 600px;
position: relative;
overflow: hidden;
}
.contact-map .msg-box {
width: 100%;
height: 30px;
position: absolute;
left: 0px;
bottom: -30px;
text-align: center;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
z-index: 2;
transition: all 0.3s ease 0s;
}
.contact-map:hover .msg-box {
bottom: 0px;
opacity: 1;
}
.contact-map .msg-box p {
font-size: 14px;
color: #fff;
line-height: 30px;
}
.contact-map .msg-box p i{
display: inline-block;
vertical-align: middle;
padding-right: 5px;
}
.contact-map iframe {
width: 100%;
height: 100%;
display: block;
pointer-events: none;
position: relative; /* IE needs a position other than static */
}
.contact-map iframe.clicked {
pointer-events: auto;
}
.contact-map iframe {
width: 100%;
height: 100%;
}
.contact-form-wrapper label.error {
margin: 5px 0 0 0;
font-size: 12px;
color: #aa0101;
}
.msg {
display: none;
}
.msg-error {
display: block;
padding: 6px 20px;
margin: 20px 0 0 0;
font-size: 13px;
color: #721c24;
background: #f5c6cb;
border-radius: 4px;
}
.msg-error:after {
display: inline-block;
vertical-align: middle;
font-family: 'FontAwesome';
content: "\f071";
float: right;
}
.msg-success {
display: block;
padding: 6px 20px;
margin: 30px 0 0 0;
font-size: 13px;
color: #155724;
background: #c3e6cb;
border-radius: 4px;
}
.msg-success:after {
display: inline-block;
vertical-align: middle;
font-family: 'FontAwesome';
content: "\f00c";
float: right;
}
/* ================================================== */
/* 20. Login & Register */
/* ================================================== */
.login-outer {
width: 100%;
height: 100%;
padding: 40px 20px;
display: table;
position: absolute;
background: url(../images/login-pg-bg.jpg) no-repeat fixed;
background-size: cover;
}
.login-outer:after {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.8);
content: "";
}
.login-outer .content-area {
display: table-cell;
vertical-align: middle;
position: relative;
z-index: 1;
}
.login-form-holder {
max-width: 460px;
margin: 0 auto;
text-align: center;
}
.login-form-holder .inner {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.login-form-holder .login-form {
background: #fff;
padding: 50px 35px 48px;
text-align: left;
}
.login-form-holder h3 {
padding: 0 0 34px;
text-align: center;
font-size: 30px;
font-weight: 400;
color: #3a4951;
}
.login-form-holder label {
display: block;
position: relative;
padding-bottom: 2px;
font-size: 14px;
color: #697980;
margin: 0px;
}
.login-form-holder input {
width: 100%;
height: 48px;
line-height: 48px;
color: #697980;
padding: 0 20px;
margin: 0 0 14px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #d8dfe3;
border-radius: 3px;
}
.login-form-holder input:focus {
border-color: #69c2e4;
}
.login-form .forgot label {
display: inline-block;
position: relative;
cursor: pointer;
vertical-align: top;
}
.login-form .forgot a {
display: inline-block;
font-size: 12px;
color: #697980;
text-transform: uppercase;
}
.login-form .forgot a:hover {
color: #57bce2;
}
.login-form .forgot a .q-mark {
width: 21px;
height: 21px;
font-size: 12px;
line-height: 21px;
margin-right: 8px;
border: 1px #dbe1e5 solid;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
font-weight: normal;
text-align: center;
padding: 0px;
}
.login-form label img {
max-width: 100%;
vertical-align: top;
display: inline-block;
}
.login-form label span {
display: inline-block;
vertical-align: top;
padding: 0 12px;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
}
.login-form label span a {
color: #5db5d6;
}
.login-form label span a:hover {
color: #f29a32;
}
.login-form input[type="checkbox"] {
width: 20px;
height: 20px;
line-height: 20px;
display: inline-block;
padding: 0;
margin: 2px 0 0;
cursor: pointer;
vertical-align: top;
}
.login-form input[type="checkbox"]:checked + span:before {
position: absolute;
top: -1px;
left: 4px;
display: block;
content: "";
content: "\f00c";
font-family: 'FontAwesome';
font-size: 12px;
color: #69c2e4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.login-form .forgot {
padding: 16px 0 0;
}
.login-btn {
width: 100%;
height: 52px;
line-height: 52px;
padding: 0 10px;
margin: 27px auto 0;
display: block;
font-size: 14px;
background: #f29a32;
text-align: center;
box-shadow: none;
border-radius: 3px;
cursor: pointer;
}
.login-btn:hover {
background: #57bce2;
}
.social-media-box {
background: rgba(255, 255, 255, 0.8);
padding: 20px 35px;
box-shadow: inset 0 15px 20px -20px rgba(0, 0, 0, 0.2);
}
.social-media-box p {
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
}
.social-media-box ul {
display: block;
padding: 15px 0 10px;
}
.social-media-box ul li {
display: inline-block;
padding: 0 2px;
}
.social-media-box ul li a i {
width: 38px;
height: 38px;
line-height: 38px;
background: #f29a32;
color: #fff;
border-radius: 100%;
text-align: center;
font-size: 18px;
display: block;
transition: all 0.3s ease 0s;
}
.social-media-box ul li a i.fa-facebook {
background: #4460a1;
}
.social-media-box ul li a i.fa-twitter {
background: #57bce2;
}
.social-media-box ul li a i.fa-google-plus {
background: #d56644;
}
.social-media-box ul li a i.fa-linkedin {
background: #007ebb;
}
.social-media-box ul li a:hover i {
background: #2c5260;
}
.box-hav-accnt {
max-width: 420px;
margin: 0 auto;
background: #57bce2;
padding: 10px 30px 10px;
box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
border-radius: 0 0 1px 1px;
}
.box-hav-accnt p {
font-size: 14px;
color: #c9e9f6;
}
.box-hav-accnt a {
border-bottom: 1px solid #c9e9f6;
color: #fff;
}
/* ================================================== */
/* 21. Privacy Policy */
/* ================================================== */
.privacy-policy {
display: block;
}
.privacy-policy h4 {
font-size: 22px;
font-weight: 400;
padding: 0 0 15px;
}
.privacy-policy h5 {
font-size: 18px;
font-weight: 600;
padding: 0 0 15px;
}
.privacy-policy p {
padding: 0 0 25px;
}
.circle-bordered-list {
margin: 0 0 10px;
}
.circle-bordered-list li {
display: block;
padding: 0 0 15px 25px;
position: relative;
}
.circle-bordered-list li p {
padding: 0px;
}
.circle-bordered-list li p strong {
color: #00324c;
}
.circle-bordered-list li:before {
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: 7px;
left: 0;
border: 2px solid #57bce2;
content: "";
}
.privacy-policy hr {
margin: 18px 0 45px;
}
.quate-box {
padding: 0 0 0 25px;
margin: 20px 0 0;
}
.quate-box li {
width: 100%;
background: url(../images/dotted-border.png) top repeat-x, url(../images/dotted-border.png) bottom repeat-x, url(../images/dotted-border-vertical.png) left repeat-y, url(../images/dotted-border-vertical.png) right repeat-y;
position: relative;
display: block;
padding: 27px 45px 28px;
color: #808f96;
font-size: 12px;
font-weight: 400;
line-height: 22px;
box-shadow: 0 0 10px -3px rgba(0,0,0,0.2);
margin: 0 0 35px;
}
.quate-box li:before {
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 50%;
position: absolute;
top: 30%;
left: -25px;
background: #42d79e;
font-size: 20px;
color: #fff;
content: "\f10e";
font-family: 'FontAwesome';
text-align: center;
}
/* ================================================== */
/* 22. 404 */
/* ================================================== */
.error-page-bg {
width: 100%;
height: 100%;
display: table;
background: url(../images/404-bg.png) no-repeat center fixed;
color: #fff;
position: absolute;
text-align: center
}
.error-page-bg .error-inner {
display: table-cell;
vertical-align: middle;
}
.error-page-bg .error-inner h1 {
font-size: 110px;
color: #57bce2;
font-weight: 700;
padding: 0 0 20px;
}
.error-page-bg .error-inner p {
max-width: 300px;
margin: 0 auto;
font-size: 14px;
color: #96a3b5;
line-height: 24px;
}
.error-page-bg .back-to-home {
max-width: 175px;
height: 45px;
line-height: 45px;
padding: 0 10px;
margin: 30px auto 0;
display: block;
font-size: 14px;
background: #f29a32;
}
.error-page-bg .back-to-home:hover {
background: #57bce2;
}
.error-page-bg .back-to-home i {
font-size: 13px;
padding-right: 5px;
}
/* ================================================== */
/* 23. Typography */
/* ================================================== */
.heading-box {
border: 1px solid #c5cacf;
border-radius: 5px;
padding: 50px 50px 35px;
}
.heading-box h1,
.heading-box h2,
.heading-box h3,
.heading-box h4,
.heading-box h5,
.heading-box h6 {
padding-bottom: 15px;
}
.paragraph-box {
padding: 0 0 30px;
}
.paragraph-box:last-child {
padding-bottom: 0px;
}
.paragraph-box h6 {
padding-bottom: 5px;
}
.typography-middle {
background: #f5f5f5;
padding: 70px 0 40px;
}
.typography-middle code {
font-size: 16px;
color: #b92e2e;
font-weight: 400;
padding: 0 0 20px;
}
.typography-middle ol,
.typography-middle ul {
margin-bottom: 30px;
}
.typography-bottom {
border-bottom: 1px solid #efefef;
}
/* ================================================== */
/* 24. Components */
/* ================================================== */
.components .head-block {
text-align: center;
padding: 0 0 30px;
}
.components.form-sec {
display: block;
}
.form-area .select2.select2-container {
background: none;
border: 1px solid #d8dfe3;
border-radius: 3px;
box-shadow: none;
height: 46px;
line-height: 46px;
margin: 0 0 14px;
padding: 0 45px 0 10px;
width: 100% !important;
display: block;
overflow: hidden;
-moz-appearance: none;
-webkit-appearance: none;
}
.form-area .select2-container--default .select2-selection--single {
background: rgba(0, 0, 0, 0);
border: none;
height: 46px;
line-height: 46px;
border-radius: 0px;
}
.form-area .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #697980;
line-height: 46px;
}
.form-area .select2-container--default .select2-selection--single .select2-selection__arrow b {
border: solid #bcc5cc;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 4px;
top: 38%;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.form-area .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 5px;
width: 35px;
height: 35px;
border-radius: 2px;
top: 4px;
}
.form-area .select-border-box .select2-container--default .select2-selection--single {
border-right: 1px solid #d8dfe3;
}
.form-area .bg.select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
background: #fff;
}
.form-area .bg .select2.select2-container {
background: #f0f4f7;
}
/*-----------------------------------
Buttons
------------------------------------*/
.buttons-holder {
padding-top: 28px;
}
.buttons-holder .btn {
margin-bottom: 20px;
}
.large.btn {
display: block;
}
.btn.orange {
background: #f29a32;
}
.btn.orange:hover,
.btn.blue:hover,
.btn.green:hover {
background: #173139;
}
.btn.blue {
background: #57bce2;
}
.btn.green {
background: #42d79e;
}
.btn.dark {
background: #385665;
}
.btn.dark:hover {
background: #173139;
}
.btn.border {
background: #fff;
color: #f29a32;
border: 2px solid #f29a32 !important;
}
.btn.border:hover {
background: #f29a32;
color: #fff;
}
.components.count-to-sec {
background: #fff;
}
/*-----------------------------------
Horizontal Tab
------------------------------------*/
#myTab {
display: block;
text-align: center;
border: none;
}
#myTab .nav-item {
display: inline-block;
padding: 0 4px;
}
#myTab .nav-link {
display: block;
padding: 4px 30px;
font-size: 14px;
font-weight: 600;
color: #818d98;
text-transform: uppercase;
border-radius: 25px;
position: relative;
border: none;
}
#myTab .nav-link:hover,
#myTab .nav-link.active {
background: #f29a32;
border: none;
color: #fff;
}
#myTab .nav-link:after {
width: 0;
height: 0;
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
border-color: rgba(242, 154, 50, 0);
border-top-color: #f29a32;
border-width: 6px;
margin-left: -6px;
opacity: 0;
transition: all 0.3s ease 0s;
}
#myTab .nav-link:hover:after,
#myTab .nav-link.active:after {
opacity: 1;
}
#myTabContent {
padding-top: 45px;
}
#myTabContent p {
padding-bottom: 20px;
}
#myTabContent p:last-child{
padding-bottom: 0px;
}
.vertical-tab.padding-lg {
padding-bottom: 0px;
}
/*-----------------------------------
Popup
------------------------------------*/
.popup-outer.padding-lg {
padding-bottom: 0px;
}
.popup-outer ul.popup-menu {
margin-bottom: 30px;
text-align: center;
}
.popup-outer ul.popup-menu li {
display: inline-block;
list-style: none;
padding: 0 12px;
font-weight: 600;
text-transform: uppercase;
}
.popup-outer ul.popup-menu li a {
display: block;
padding: 6px 25px;
background: #57bce2;
color: #fff;
border-radius: 25px;
}
.popup-outer ul.popup-menu li a:hover {
background: #f29a32;
}
.modal-content {
border-radius: 0px;
}
.modal-dialog {
max-width: 700px;
}
button.close {
width: 25px;
height: 25px;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
z-index: 998;
text-align: center;
font-size: 18px;
text-shadow: none;
background: #57bce2;
line-height: 25px;
color: #fff;
opacity: 1;
}
.close:focus,
.close:hover {
background: #f29a32;
color: #fff;
opacity: 1;
}
.popup-img {
max-width: 740px;
margin: 0 auto;
position: relative;
}
.popup-img a {
width: 66px;
height: 66px;
margin: 0 8px;
display: inline-block;
line-height: 72px;
border-radius: 50%;
text-align: center;
position: absolute;
margin: 0 auto;
left: 0px;
right: 0px;
top: 50%;
transform: translateY(-50%);
background: #f29a32;
font-size: 20px;
color: #fff;
}
.popup-img a:hover {
background: #fff;
color: #f29a32;
}
/*-----------------------------------
Countdown
------------------------------------*/
.countdown-wrapper.bg {
background: url(../images/inner-countdown.jpg) no-repeat center;
background-size: cover;
padding: 50px 0;
}
.count-down.padding-lg {
padding-bottom: 40px;
}
.components .count-dwn-cnt {
max-width: 750px;
margin: 0 auto;
}
.components .countdown-1 {
margin-bottom: 40px;
}
.components .countdown-2 {
margin-bottom: 40px;
}
.count-dwn-cnt.transparent span {
background: none;
}
.count-dwn-cnt.transparent span.count:before,
.count-dwn-cnt.transparent span.count:after,
.count-dwn-cnt.border span.count:before,
.count-dwn-cnt.border span.count:after,
.count-dwn-cnt.blank span.count:before,
.count-dwn-cnt.blank span.count:after {
display: none;
}
.count-dwn-cnt.transparent li:before {
top: 30%;
}
.count-dwn-cnt.color span {
background: rgba(0,0,0,0.2);
}
.count-dwn-cnt.color li:before {
color: rgba(0,0,0,0.2);
}
.count-dwn-cnt.border {
border: none !important;
}
.count-dwn-cnt.border span {
background: none;
}
.count-dwn-cnt.border li:before {
color: rgba(0,0,0,0.2);
}
.count-dwn-cnt.border span.count {
padding-top: 15px;
background: none;
border-bottom: none;
color: #484a4c;
line-height: 70px;
}
.count-dwn-cnt.border span {
border: 1px solid rgba(0,0,0,0.2);
color: #484a4c;
}
.count-dwn-cnt.border li span:last-child {
border-top: none;
}
.count-dwn-cnt.blank span.count {
line-height: 70px;
}
.count-dwn-cnt.blank span {
background: none;
}
.count-dwn-cnt.blank li:before {
top: 30%;
color: #484a4c;
}
.count-dwn-cnt.blank span {
color: #484a4c;
}
.count-dwn-cnt.blank.blue li:before {
color: rgba(0,0,0,0.2);
}
.count-dwn-cnt.blank.blue span.count {
color: #57bce2;
}
.component-carousel {
text-align: center;
}
.component-carousel ul {
display: block;
}
.component-carousel ul li {
display: block;
}
.component-carousel .owl-dots {
margin-top: 30px;
}
/* ================================================== */
/* 25. Coming Soon */
/* ================================================== */
.comingsoon {
width: 100%;
height: 100%;
position: absolute;
display: table;
background: url(../images/comingsoon.jpg) no-repeat center fixed;
background-size: cover;
}
.comingsoon:after {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
left: 0;
top: 0;
bottom: 0;
content: "";
}
.comingsoon .countdown-container {
display: table-cell;
vertical-align: middle;
}
.countdown-wrapper {
max-width: 690px;
margin: 0 auto;
padding: 40px 15px;
text-align: center;
position: relative;
z-index: 1;
}
.countdown-wrapper h1 {
display: block;
font-size: 80px;
font-weight: 600;
color: #fff;
padding: 0 0 26px;
text-align: center;
text-transform: uppercase;
}
.countdown-container h3 {
font-size: 24px;
line-height: 51px;
color: #fff;
padding: 0 0 15px;
font-weight: 600;
}
.countdown-container p {
font-size: 16px;
line-height: 28px;
color: #fff;
opacity: 0.7;
}
.comingsoon .social-media-box {
position: relative;
background: none;
margin: 10px 0 0;
box-shadow: none;
}
.comingsoon .social-media-box ul li {
padding: 0 4px;
}
.comingsoon .social-media-box ul li a {
display: inline-block;
padding: 0 1px;
}
.comingsoon .social-media-box ul li a i {
width: 40px;
height: 40px;
line-height: 40px;
transition: all 0.3s ease 0s;
}
.comingsoon .social-media-box ul li a i:hover {
background: #fff;
color: #333;
}
.comingsoon .social-media-box:before {
width: 200px;
max-width: 32%;
position: absolute;
top: 48%;
left: 0;
content: "";
height: 1px;
background: rgba(255,255,255,0.3);
}
.comingsoon .social-media-box:after {
width: 200px;
max-width: 32%;
position: absolute;
top: 48%;
right: 0;
content: "";
height: 1px;
background: rgba(255,255,255,0.3);
}
.comingsoon .social-media-box ul {
max-width: 240px;
margin: 0 auto;
padding: 25px 0;
}
.count-dwn-cnt {
display: block;
height: auto;
margin: 0 -30px;
}
.count-dwn-cnt li {
width: 25%;
display: inline-block;
color: #fff;
text-align: center;
position: relative;
float: left;
padding: 0 30px;
}
.count-dwn-cnt li:before {
position: absolute;
left: -10px;
top: 50%;
transform: translateY( -50%);
font-size: 70px;
color: #fff;
content: ":";
}
.count-dwn-cnt li:first-child:before {
display: none;
}
.count-dwn-cnt span {
width: 100%;
max-width: 120px;
display: block;
font-size: 14px;
font-weight: 600;
color: #fff;
margin: 0 auto;
padding: 0;
line-height: 35px;
text-transform: uppercase;
background: rgba(255, 255, 255,0.2);
}
.count-dwn-cnt span.count {
font-size: 70px;
margin: 0 auto;
padding: 0;
height: auto;
line-height: 90px;
text-align: center;
font-weight: 300;
position: relative;
z-index: 20;
}
.count-dwn-cnt span.count:before {
position: absolute;
top: 48%;
left: 0;
height: 2px;
width: 100%;
content: "";
background: rgba(255, 255, 255,0.2);
z-index: 10;
}
.count-dwn-cnt span.count:after {
position: absolute;
bottom: 0;
left: 0;
height: 48%;
width: 100%;
content: "";
background: rgba(255, 255, 255,0.2);
z-index: 10;
}
/* ================================================== */
/* 26. Shop */
/* ================================================== */
/*-----------------------------------
Shop Grid
------------------------------------*/
ul.Product-listing{
margin-bottom: 30px;
}
ul.Product-listing li{
display: block;
margin-bottom: 30px;
}
ul.Product-listing li .inner{
border: 1px #d5e0e1 solid;
position: relative;
transition: all 0.3s ease 0s;
}
ul.Product-listing li .sale-ribbon {
position: absolute;
top: 20px;
right: -6px;
overflow: visible; /* so we can see the pseudo-elements we're going to add to the anchor */
font-size: 16px; /* font-size and line-height must be equal so we can account for the height of the banner */
font-weight: 600;
line-height: 16px;
}
ul.Product-listing li .sale-ribbon span {
display:block;
padding:5px 15px;
position:relative; /* allows us to position our pseudo-elements properly */
background:#42d79e;
overflow:visible;
height:24px;
color: #fff;
border-radius: 0 2px 2px 0;
}
ul.Product-listing li .sale-ribbon span:before { /* this creates the "forked" part of our ribbon */
content:"";
height: 0;
width: 0;
display:block;
position:absolute;
top:0;
left:-13px;
border-top: 12px solid #42d79e;
border-bottom: 12px solid #42d79e;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
}
ul.Product-listing li:hover .inner{
border-color: #57bce2;
}
ul.Product-listing li .product-block{
padding: 35px 30px;
}
ul.Product-listing li .product-block img{
display: block;
margin: 0 auto;
}
ul.Product-listing li .product-detail{
padding: 20px 20px 25px 20px;
border-top: 1px #d5e0e1 solid;
text-align: center;
transition: all 0.3s ease 0s;
}
ul.Product-listing li:hover .product-detail{
background: #edf4f6;
}
ul.Product-listing li .product-detail h2{
padding-bottom: 8px;
font-size: 22px;
line-height: 24px;
}
ul.Product-listing li .rating{
display: block;
padding-bottom: 20px;
}
ul.Product-listing li .rating li{
display: inline-block;
margin: 0px;
font-size: 16px;
color: #d5e0e1;
}
ul.Product-listing li .rating li.color{
color: #42d79e;
}
ul.Product-listing li .bottom{
display: block;
}
ul.Product-listing li .bottom .price{
display: inline-block;
vertical-align: middle;
padding-right: 20px;
font-size: 30px;
color: #57bce2;
}
ul.Product-listing li .bottom .price sup{
font-size: 18px;
}
ul.Product-listing li .bottom .add-cart{
display: inline-block;
padding: 10px 24px;
font-size: 14px;
background: #f29a32;
}
ul.Product-listing li .bottom .add-cart:hover{
background: #57bce2;
}
/*-----------------------------------
Shop Grid Sidebar
------------------------------------*/
.shop-sidebar{
display: block;
}
.shop-sidebar .search-outer{
padding-bottom: 45px;
}
.shop-sidebar .search-outer input{
width: calc(100% - 41px);
padding: 7px 15px;
font-size: 12px;
color: #758a95;
border: 1px #d5e0e1 solid;
border-right: 0px;
border-radius: 3px 0 0 3px;
}
.shop-sidebar .search-outer .go-btn{
background: #57bce2;
border: none;
color: #fff;
border-radius: 0 3px 3px 0;
cursor: pointer;
padding: 0 14px;
transition: all 0.3s ease 0s;
}
.shop-sidebar .search-outer .go-btn:hover{
background: #f29a32;
}
.filter-price{
padding-bottom: 45px;
}
.shop-sidebar h3{
display: block;
padding-bottom: 14px;
border-bottom: 1px #e2e9ea solid;
font-size: 18px;
}
.filter-price .price-outer{
display: block;
}
.filter-price .price-left{
width: calc(100% - 52px);
float: left;
}
.filter-price .price-left label{
width: 36px;
display: inline-block;
margin: 0px;
color: #889297;
}
.filter-price .price-left #amount{
width: calc(100% - 40px);
display: inline-block;
font-weight: 600;
color: #00324c;
border: none;
}
.filter-price a.filter-btn{
width: 52px;
float: right;
font-size: 14px;
color: #fff;
line-height: 24px;
text-align: center;
background: #bec9ca;
border-radius: 3px;
}
.filter-price a.filter-btn:hover{
background: #57bce2;
}
.ui-slider-horizontal{
height: 3px;
}
.ui-slider-horizontal .ui-slider-handle{
top: -7px;
cursor: pointer;
transition: all 0.5s ease 0s;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
background: #f29a32;
border: none;
border-radius: 50%;
}
.ui-widget.ui-widget-content{
margin: 30px 0 15px 0;
border: none;
background: #d5e0e1;
}
.product-categories{
display: block;
padding-bottom: 30px;
}
.product-categories ul{
display: block;
padding-top: 10px;
}
.product-categories ul li{
display: block;
line-height: 44px;
border-bottom: 1px #e2e9ea solid;
}
.product-categories ul li:last-child{
border-bottom: none;
}
.product-categories ul li a{
display: block;
color: #687377;
}
.product-categories ul li a:before{
display: inline-block;
vertical-align: middle;
margin-top: -2px;
padding-right: 6px;
font-family: 'icomoon';
font-size: 10px;
color: #93aab3;
content: "\e911";
}
.product-categories ul li a:hover,
.product-categories ul li a:hover:before{
color: #57bce2;
}
.product-categories.archieves li a:before{
padding-right: 8px;
font-size: 16px;
content: "\e913";
}
ul.Product-listing.right-sec li .product-detail h2{
font-size: 18px;
}
ul.Product-listing.right-sec li .bottom .price{
font-size: 24px;
}
ul.Product-listing.right-sec li .bottom .price sup{
font-size: 14px;
}
ul.Product-listing.right-sec li .bottom .add-cart{
padding: 8px 15px;
font-size: 12px;
}
/*-----------------------------------
Shop Single
------------------------------------*/
.product-outer{
margin-bottom: 60px;
}
.product-gallery{
padding: 20px;
border: 2px #a2bac3 solid;
border-radius: 5px;
}
.product-gallery .left{
width: calc(100% - 94px);
}
.product-gallery .thub-outer{
width: 94px;
}
.product-gallery .thub-outer a{
display: block;
border: 2px #c9d3d7 solid;
border-radius: 5px;
margin-bottom: 7px;
}
.product-gallery .thub-outer a figure{
opacity: 0.3;
transition: all 0.5s ease 0s;
}
.product-gallery .thub-outer a:hover,
.product-gallery .thub-outer a.active,
.product-gallery .thub-outer a.active figure,
.product-gallery .thub-outer a:hover figure{
border-color: #57bce2;
opacity: 1;
}
.product-gallery .thub-outer a:last-child{
margin-bottom: 0px;
}
.product-detail h2{
padding-bottom: 7px;
font-size: 30px;
}
.product-detail ul.rating{
display: block;
padding-bottom: 10px;
}
.product-detail ul.rating li{
display: inline-block;
padding: 0 1px;
font-size: 16px;
color: #d5e0e1;
}
.product-detail ul.rating li.color{
color: #42d79e;
}
.product-detail .select-spec{
padding: 20px 0;
}
.product-detail .select-spec label{
font-size: 14px;
margin-bottom: 2px;
}
.select-spec .select2-container {
width: 100% !important;
}
.select-spec .select2-container .select2-selection--single {
width: 100%;
height: 42px;
position: relative;
border: 1px #d8dfe3 solid;
}
.select-spec .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 15px;
padding-right: 20px;
font-size: 13px;
color: #697980;
line-height: 42px;
}
.select-spec .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 40px;
height: 40px;
top: 0px;
border-left: 1px #d8dfe3 solid;
}
.select-spec .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #bdc5ca transparent transparent;
}
.select-spec .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #bdc5ca;
}
.product-detail .cart-outer{
display: flex;
}
.product-detail .price{
padding-right: 30px;
font-size: 30px;
color: #57bce2;
}
.product-detail .price sup{
font-size: 18px;
}
.product-detail .add-cart{
padding: 10px 26px;
font-size: 14px;
background: #f29a32;
}
.product-detail .add-cart:hover{
background: #57bce2;
}
.sku-outer{
margin-top: 20px;
padding-top: 20px;
border-top: 1px #d5e0e1 solid;
}
.sku-outer ul{
display: block;
}
.sku-outer ul li{
display: inline-block;
padding-right: 25px;
}
.sku-outer ul li strong{
padding-right: 5px;
color: #2e393e;
text-transform: uppercase;
}
.sku-outer ul li .label{
padding: 2px 10px;
font-size: 12px;
color: #fff;
background: #42d79e;
border-radius: 3px;
}
.product-info-tab{
padding: 60px 0;
border-top: 1px #e2e9ea solid;
border-bottom: 1px #e2e9ea solid;
}
.product-info-tab #myTab .nav-link:after{
border-color: #57bce2 rgba(242, 154, 50, 0) rgba(242, 154, 50, 0);
}
.product-info-tab #myTab .nav-link:hover,
.product-info-tab #myTab .nav-link.active{
background: #57bce2;
}
.related-products{
padding: 50px 0 0;
}
.related-products h2{
padding-bottom: 35px;
font-size: 30px;
text-align: center;
}
.related-products ul.related-carousel,
.related-products ul.related-carousel li{
margin-bottom: 0px;
}
.related-products .owl-nav div{
font-family: 'icomoon';
font-size: 20px;
color: #c7d0d5;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.related-products .owl-nav div:hover{
color: #7f939e;
}
.related-products .owl-nav .owl-prev{
left: -40px;
}
.related-products .owl-nav .owl-next{
right: -40px;
}
/* ================================================== */
/* 27. Cart */
/* ================================================== */
.cart-table {
margin-bottom: 40px;
}
.cart-table .table {
width: calc(100% - 2px);
margin-bottom: 0px;
background: #fcfcfc;
}
.cart-table thead th {
padding: 5px 10px;
background: #778a91;
border: none;
color: #fff;
}
.cart-table tbody td:first-child {
text-align: center;
}
.cart-table td,
.cart-table th {
border-left: none;
border-right: none;
vertical-align: middle;
}
.cart-table td:first-child{
border-left: 1px solid #dee2e6;
}
.cart-table td:last-child{
border-right: 1px solid #dee2e6;
}
.cart-table tbody tr:last-child td{
border: none;
}
.cart-table a.remove {
color: #42d79e;
}
.cart-table a.remove:hover {
color: #57bce2;
}
.cart-table .product-name {
margin: 0px;
}
.cart-table .product-name td {
border: none;
padding: 0px;
}
.cart-table .product-name td:first-child {
width: 25%;
border: none;
}
.cart-table .product-name td:last-child {
width: 75%;
border: none;
}
.cart-table th:first-child {
width: 10%;
}
.cart-table th:nth-child(2) {
width: 35%;
}
.cart-table th:nth-child(3) {
width: 20%;
}
.cart-table th:nth-child(4) {
width: 20%;
}
.cart-table th:last-child {
width: 15%;
}
.cart-table .product-name figure {
background: #fff;
border: 1px #b4c2c3 solid;
border-radius: 5px;
}
.cart-table .product-name figure img {
margin: 0 auto;
border-radius: 5px;
}
.cart-table .product-name p {
max-width: 180px;
padding-left: 20px;
font-size: 18px;
font-weight: 500;
color: #00324c;
}
.cart-table > .table > tbody > tr.coupon-row {
background: #f1f3f4;
}
.cart-table > .table > tbody > tr.coupon-row td {
padding: 18px 27px;
}
.cart-table tbody tr td {
padding: 18px 10px;
}
.cart-table tbody tr td:nth-child(3),
.checkout-table tbody tr td:nth-child(2){
font-size: 18px;
font-weight: 500;
}
.cart-table tbody tr td:last-child {
font-size: 24px;
font-weight: 500;
color: #57bce2;
}
.apply-coupon {
display: flex;
}
.apply-coupon input {
width: 210px;
height: 42px;
line-height: 42px;
padding: 0 15px;
font-size: 12px;
color: #758a95;
border: 1px #d5e0e1 solid;
border-right: none;
border-radius: 5px 0 0 5px;
}
.apply-coupon .coupon-btn {
padding: 10px 25px;
background: #9aaeb0;
font-size: 12px;
border-radius: 0 5px 5px 0;
}
.apply-coupon .coupon-btn:hover {
background: #57bce2;
}
.update-cart {
padding: 10px 28px;
font-size: 13px;
}
.item-qty .select2-container {
width: 80px !important;
}
.item-qty .select2-container .select2-selection--single {
width: 80px;
height: 38px;
position: relative;
border: 1px #d8dfe3 solid;
}
.item-qty .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 15px;
padding-right: 20px;
color: #00324c;
line-height: 38px;
}
.item-qty .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 28px;
height: 34px;
}
.item-qty .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #bdc5ca transparent transparent;
}
.item-qty .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #bdc5ca;
}
.cart-total {
display: block;
}
.cart-total .table {
width: 325px;
margin-left: auto;
}
.cart-total .table td,
.cart-total .table th {
padding: 10px 0;
border-color: #dfe2e3;
}
.cart-total .table tr:first-child th,
.cart-total .table tr:first-child td,
.cart-total .table tr:last-child td {
border-top: none;
}
.cart-total .table thead th {
border: none;
font-size: 24px;
font-weight: 500;
color: #00324c;
}
.cart-total .table tbody th {
font-size: 16px;
font-weight: 500;
color: #687982;
}
.cart-total .table tbody td {
font-size: 18px;
color: #596164;
text-align: right;
}
.cart-total .table a.calculate {
display: block;
font-size: 12px;
color: #498a90;
line-height: 18px;
text-decoration: underline !important;
}
.cart-total .table a.calculate:hover {
color: #57bce2;
}
.cart-total .table tbody tr:nth-last-child(2) th {
color: #424c51;
}
.cart-total .table tbody tr:nth-last-child(2) td {
font-size: 24px;
color: #57bce2;
}
.cart-total .proceed-checkout {
width: 100%;
padding-top: 13px;
padding-bottom: 13px;
display: block;
margin-top: 10px;
background: #f29a32;
}
.cart-total .proceed-checkout:hover {
background: #57bce2;
}
/* ================================================== */
/* 28. Checkout */
/* ================================================== */
.error-msg{
display: block;
padding: 7px 20px;
margin-bottom: 45px;
background: #fff7ee;
border: 1px #f29a32 solid;
border-radius: 3px;
font-size: 12px;
font-weight: 500;
color: #5d4c39;
text-align: center;
}
.error-msg span{
width: 21px;
height: 21px;
line-height: 21px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
background: #f5b06a;
color: #fff;
border-radius: 50%;
}
.checkout-table th:first-child {
width: 45%;
padding-left: 30px;
padding-right: 30px;
}
.checkout-table th:nth-child(2) {
width: 15%;
}
.checkout-table th:nth-child(3) {
width: 20%;
}
.checkout-table th:last-child {
width: 20%;
}
.checkout-table > table > tbody > tr > td:first-child{
padding-left: 30px;
padding-right: 30px;
}
.checkout-table tbody td:first-child{
text-align: left;
}
.checkout-table tbody tr:last-child td{
border-bottom: 1px solid #dee2e6;
}
.checkout-table tbody tr td:first-child{
border-left: 1px solid #dee2e6;
}
.checkout-table tbody tr td:last-child{
border-right: 1px solid #dee2e6;
}
.pay-outer{
background: #eaf0f2;
}
.check-pay{
padding: 25px 30px 35px 30px;
border-bottom: 1px #d6dfe3 solid;
}
.check-pay .radio-outer{
margin-bottom: 20px;
}
.radio-outer {
display: block;
}
.radio-outer input[type="radio"] {
display: none;
}
.radio-outer label {
padding-left: 30px;
margin: 0px;
position: relative;
font-size: 18px;
font-weight: 500;
color: #00324c;
}
.radio-outer input[type="radio"] + label:before {
width: 18px;
height: 18px;
display: block;
content: ' ';
background: url(../images/radio-button.png) no-repeat center top / 100%;
position: absolute; top: 0px;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.radio-outer input[type="radio"]:checked + label:before {
background-position: center bottom;
}
.check-pay .payment-box{
padding: 20px 65px 20px 25px;
background: #fff;
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
position: relative;
margin-left: 30px;
border-radius: 3px;
}
.check-pay .payment-box:after {
bottom: 100%;
left: 25px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 8px;
margin-left: -8px;
}
.check-pay .payment-box p{
font-size: 12px;
line-height: 18px;
color: #929caa;
}
.method-paypal{
padding: 25px 30px 35px 30px;
}
.method-paypal .radio-outer{
display: block;
}
.method-paypal .paypal-img{
display: inline-block;
padding-left: 20px;
}
.method-paypal a.what-paypal{
display: block;
float: right;
font-size: 12px;
color: #36a4ce;
text-decoration: underline !important;
}
.method-paypal a.what-paypal:hover{
color: #f29a32;
}
.checkout-right{
border: 1px #d5e0e1 solid;
}
.checkout-right .have-coupon{
display: flex;
padding: 18px 30px;
border-bottom: 1px #d5e0e1 solid;
}
.checkout-right .have-coupon .icon{
padding-right: 25px;
}
.checkout-right .have-coupon .cnt-right{
padding-top: 6px;
}
.checkout-right .have-coupon h3{
display: block;
font-size: 18px;
font-weight: 600;
}
.checkout-right .have-coupon a{
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #57bce2;
text-decoration: underline !important;
}
.checkout-right .have-coupon a:hover{
color: #f29a32;
}
.checkout-right .cart-total{
padding: 20px 30px;
}
.checkout-right .cart-total .table{
width: 100%;
margin-bottom: 0px;
}
.checkout-right .btn-outer{
text-align: right;
}
.checkout-right .btn-outer .btn{
width: 140px;
padding: 8px 15px;
font-size: 16px;
text-transform: none;
}
.checkout-right .btn-outer .revise-btn{
background: #c3cdd1;
}
.checkout-right .btn-outer .checkout-btn{
background: #f29a32;
}
.checkout-right .btn-outer .revise-btn:hover,
.checkout-right .btn-outer .checkout-btn:hover{
background: #57bce2;
}
.shipping-address{
padding: 25px 0 0;
}
.shipping-address h2{
padding-bottom:20px;
font-size:24px;
}
.checkout-form textarea{
height: 131px;
margin-bottom: 0px;
}
.shipping-address .select2-container {
width: 100% !important;
}
.shipping-address .select2-container .select2-selection--single {
width: 100%;
height: 44px;
position: relative;
border: 1px #d8dfe3 solid;
}
.shipping-address .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 15px;
padding-right: 20px;
color: #697980;
line-height: 38px;
}
.shipping-address .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 40px;
height: 40px;
}
.shipping-address .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #d8dfe3 transparent transparent;
}
.shipping-address .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #d8dfe3;
}
/* ================================================== */
/* 29. Responsive */
/* ================================================== */
@media (max-width: 1600px) {
.sided-item-wrapper .right-sided-full-image {
width: calc(100% - 72%);
}
}
@media (max-width: 1200px) {
.sided-item-wrapper .right-sided-full-image {
width: calc(100% - 74%);
}
.sided-item-wrapper ul.marketing-list3 h3 {
font-size: 18px;
line-height: 26px;
}
.sided-item-wrapper ul.marketing-list3 li .ico-block {
width: 15%;
}
.sided-item-wrapper ul.marketing-list3 li .cnt-block {
width: 85%;
}
.sided-item-wrapper h2,
.generate-forms h2,
.latest-stories.white {
font-size: 30px;
line-height: 38px;
}
.custom-opacity .frame {
width: 32.7%;
top: -17px;
}
.cart-table th:nth-child(2) {
width: 40%;
}
.cart-table th:nth-child(3){
width: 15%;
}
.cart-table th:last-child {
width: 15%;
}
.related-products .owl-nav .owl-prev {
left: -26px;
}
.related-products .owl-nav .owl-next {
right: -26px;
}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width:1199px) {
body {
font-size: 13px;
}
h1 {
font-size: 38px;
}
h2 {
font-size: 32px;
line-height: 40px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 24px;
}
h6 {
font-size: 22px;
}
.padding-lg {
padding: 60px 0;
}
.navbar-light .navbar-nav {
padding-left: 3%;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 30px 15px;
font-size: 15px;
}
.navbar-right > li a {
padding: 10px 24px;
font-size: 12px;
}
.dropdown-menu.megamenu {
min-width: 342px;
}
.banner .left h1,
.banner.banner2 .left h1 {
padding-bottom: 15px;
font-size: 38px;
line-height: 46px;
}
.banner .left p {
font-size: 22px;
line-height: 26px;
}
.banner a.get-started {
max-width: 200px;
padding: 10px 15px;
}
.banner .pop-box {
left: 0px;
}
.banner .pop-box .right-cnt h3 {
font-size: 16px;
line-height: 22px;
}
.banner.banner2 {
min-height: 600px;
}
.banner.banner2 .left {
padding-top: 55px;
}
.banner.banner2 .left h1 {
font-size: 36px;
}
.banner.banner2 .left > p {
font-size: 20px;
line-height: 28px;
}
.banner.banner2 .cnt-row2 {
padding-top: 50px;
}
.banner.banner2 .cnt-block {
padding-top: 96px;
}
.banner.banner2 .right-sec p {
padding-bottom: 10px;
line-height: 22px;
}
.banner.banner3 .cnt-block {
padding-bottom: 60px;
}
.banner.banner2.slide1 .cnt-block {
padding-top: 91px;
}
.banner.banner2.slide1,
.banner.slide2,
.banner.slide3 {
min-height: 580px;
}
.banner.slide2 .cnt-block {
padding-top: 60px;
padding-bottom: 40px;
}
.banner.slide2 img {
width: 82.5%;
}
.banner.slide3 .left h1 {
font-size: 38px;
}
.banner.slide3 .cnt-block {
padding-top: 60px;
padding-bottom: 20px;
}
.banner.slide3 img {
width: 81.5%;
}
.content-marketing .head-block p {
font-size: 14px;
line-height: 26px;
}
ul.marketing-list3 li .cnt-block {
padding-left: 25px;
}
ul.marketing-list3 li h3 {
font-size: 20px;
}
.seo-reports .cnt-block {
padding-top: 80px;
}
.seo-reports .cnt-block h2 {
padding-bottom: 15px;
}
.simple-editor .cnt-block {
padding-top: 0px;
}
.simple-editor .cnt-block h2 {
padding-bottom: 10px;
}
.choose-pack .head-block .plan-title h3 {
font-size: 20px;
font-weight: 400;
}
.choose-pack a.btn.get-started {
padding: 10px 30px;
}
.client-speak .head-block {
padding-bottom: 40px;
}
.speak-listing .owl-dots {
margin-top: 60px;
}
.blog-blocks .card-body {
padding: 30px;
}
.brands {
padding: 45px 0;
}
.signup-outer ul {
padding-bottom: 30px;
}
.demo-wrapper.white-bg {
padding: 60px 0;
}
.thumbnail-holder .inner h3 {
padding-bottom: 20px;
font-size: 22px;
}
a.ovelay-icon {
width: 60px;
height: 60px;
padding: 20px;
font-size: 20px;
}
.footer .top {
padding: 50px 0 40px 0;
}
.footer .quick-links ul li {
font-size: 13px;
}
.footer .recent-post {
padding-left: 0px;
}
.footer .recent-post ul li figure {
width: 27%;
}
.footer .recent-post ul li h5 {
font-size: 13px;
}
.footer ul.connect-us li a {
width: 28px;
height: 28px;
line-height: 28px;
}
.footer .bottom {
padding: 20px 0;
}
.custom-opacity .frame {
width: 32.5%;
top: -13px;
}
.inner-banner {
min-height: 240px;
}
.inner-banner .contents {
padding: 55px 0px 0px;
}
.who-we-are .cnt-block {
padding-left: 20px;
}
.who-we-are .cnt-block p {
padding: 10px 0;
}
ul.who-listing li {
padding: 2px 0 2px 32px;
}
.blog-sidebar {
margin-left: -70px;
}
.blog-sidebar .cmn-box {
padding: 37px 30px;
}
.blog-sidebar .article-pic {
margin-left: -30px;
margin-right: -30px;
}
.blog-content > ul > li {
padding: 40px 0px;
}
.blog-content h5,
.blog-content.grid h5 {
font-size: 18px;
line-height: 28px;
}
.blog-content.masonry-blog {
margin-right: 30px;
}
.blog-content.masonry-blog > ul {
margin-left: -30px;
}
.blog-content.masonry-blog > ul > li {
padding-left: 30px !important;
padding-right: 30px !important;
}
.blog-content.masonry-blog ul.blog-info li {
padding-right: 10px;
}
.blog-content.masonry-blog.grid {
margin-right: 0px;
}
.blog-content.masonry-blog.grid > ul {
margin-left: -30px;
margin-right: -30px;
}
.blog-content.masonry-blog.grid ul.blog-info li {
padding-right: 4px;
}
ul.blog-info li {
font-size: 12px;
padding-left: 30px;
}
ul.blog-info li:before {
font-size: 18px;
left: 6px;
}
ul.blog-info li:first-child {
padding-left: 24px;
}
ul.blog-tag li a {
padding: 2px 15px;
}
.blog-content.masonry-blog > ul > li .blog-item {
padding: 40px 0px 40px 0px;
}
.blog-content.blog-detailed {
margin-right: 80px;
}
.blog-content > ul > li {
padding: 30px 0px;
}
.faq-outer .faq-left ul li a {
padding: 20px 15px;
}
.faq-outer .faq-left ul li .icon {
font-size: 32px;
}
.faq-outer .faq-left ul li:nth-child(4) .icon {
font-size: 42px;
}
.faq-outer .faq-right {
padding-left: 35px;
}
ul.contact-list li .inner .call,
ul.contact-list li .inner a.mail-to {
font-size: 14px;
}
.career-banner.inner-banner {
min-height: 360px;
}
.career-info-panel {
padding: 30px 25px;
}
.contact-map {
height: 400px;
}
.select-pricing-plan h2 {
padding: 0 0 10px 0;
}
.select-pricing-plan p {
padding: 0 0 10px;
}
ul.Product-listing li .rating{
padding-bottom: 15px;
}
ul.Product-listing li .product-detail h2{
font-size: 18px;
}
ul.Product-listing.right-sec li .product-detail h2{
font-size: 16px;
}
ul.Product-listing.right-sec li .bottom .price{
display: block;
padding: 0 0 10px 0;
}
.sku-outer ul li{
padding-right: 5px;
}
.checkout-right .cart-total {
padding: 25px 20px;
}
.checkout-right .btn-outer .btn {
width: 122px;
font-size: 15px;
padding: 7px 15px;
}
}
@media (max-width: 991px) {
body {
font-size: 16px;
line-height: 30px;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
line-height: 38px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 22px;
}
h6 {
font-size: 22px;
}
p.large {
line-height: 24px;
}
.logo1 {
display: block;
}
.navbar-brand {
height: 70px;
padding: 10px 15px;
}
.navbar-light .navbar-nav {
padding: 0px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 6px 15px;
}
.navbar-light .navbar-toggler {
border: none;
cursor: pointer;
outline: none;
}
.navbar-right {
padding: 15px 15px 30px 15px;
}
.navbar-right > li {
padding-right: 10px;
}
.navbar-right > li > a {
padding: 10px 40px;
}
.navbar-right > li:first-child a,
.navbar-right > li:last-child a {
border-radius: 25px;
}
.opt2 .navbar-right > li:first-child a {
border: 2px solid #57bce2;
}
.navbar-collapse {
padding-top: 10px;
border-top: 1px #e6e4e4 solid;
}
.opt3 .navbar-collapse {
border-color: rgba(255, 255, 255, 0.2);
}
.opt3 .navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(255, 255, 255, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E");
}
.opt5 {
background: #fff;
}
.opt5 .logo2,
.opt5.fixed.logo2 {
display: none;
}
.opt5 .navbar-right > li a {
border: 2px #57bce2 solid !important;
}
.opt5 .navbar-expand-lg .navbar-nav .nav-link {
color: #556665;
}
.opt5 .navbar-right > li a {
color: #57bce2 !important;
}
.opt5 .navbar-right > li a:hover {
color: #fff !important;
}
.mob-icon span,
.mob-icon span:before, .mob-icon span:after{
background: #57bce2;
}
.opt5 .top-menu-bar{
padding-right: 20px;
}
.opt6 .follow-us{
display: none;
}
.opt6 .navbar-right{
margin: 5px 0 0;
padding: 15px;
}
.opt6.fixed .navbar-right{
margin: 6px 0 0;
}
.dropdown-menu {
padding-top: 0px;
}
.dropdown-menu.megamenu ul {
width: 100%;
}
.dropdown-menu.megamenu {
min-width: inherit;
}
.dropdown-menu .inner {
border-radius: 0px;
padding: 0px;
box-shadow: none;
}
.dropdown-menu .inner:after {
display: none;
}
.dropdown-item {
font-size: 13px;
padding: 2px 15px;
}
.demo-wrapper {
padding: 80px 0 40px 0;
}
.demo-wrapper.white-bg {
padding: 50px 0;
}
.thumbnail-holder .inner h3 {
padding-bottom: 15px;
font-size: 20px;
}
a.ovelay-icon {
width: 50px;
height: 50px;
padding: 15px;
font-size: 18px;
}
.why-protech-outer ul.features-listing li h3 {
font-size: 16px;
}
.tabs-vertical {
width: 45%;
}
.tab-vertical-container {
width: 55%;
}
.plan-features-sec .container {
width: 90%;
max-width: none;
}
.how-it-work-items .content-area .icon {
width: 18%;
padding-right: 8px;
}
.how-it-work-items .content-area .icon span {
width: 52px;
height: 52px;
line-height: 52px;
font-size: 24px;
}
.how-it-work-items .text-area h2 {
font-size: 28px;
}
.portfolio-outer ul.portfolio li h2 {
font-size: 18px;
}
.portfolio-outer ul.portfolio li p {
padding-bottom: 10px;
}
.portfolio-outer ul.portfolio li a {
width: 46px;
height: 46px;
font-size: 16px;
line-height: 52px;
}
ul.portfolio-filter li,
#myTab .nav-item {
padding: 0 2px;
}
ul.portfolio-filter li a,
#myTab .nav-link {
padding: 4px 15px;
}
ul.blog-info li {
font-size: 12px;
padding: 0 10px 0 30px;
}
ul.blog-info li:before {
font-size: 18px;
left: 8px;
}
ul.blog-tag li a {
padding: 2px 15px;
}
.blog-content.masonry-blog.grid > ul > li {
width: 50%;
}
.blog-content.masonry-blog.grid > ul > li:nth-child(2) .blog-item {
border-top: none;
padding-top: 0px;
}
.blog-content.masonry-blog.grid > ul > li:nth-child(3) .blog-item {
padding: 30px 0 20px;
border-top: 1px solid #f0f0f0;
}
.blog-sigle-item h4 {
font-size: 24px;
line-height: 34px;
}
.plan-table-holder .table .head-block .price .amnt {
font-size: 62px;
}
.plan-table-holder .table tbody tr td {
font-size: 11px;
}
.plan-table-holder .table .icon-tick-circle,
.plan-table-holder .table .icon-close-circle {
font-size: 22px;
}
.need-to-discuss .submit-form input {
margin-bottom: 40px;
}
.need-to-discuss .head-block {
padding-bottom: 30px;
}
ul.more-features-list {
padding-bottom: 30px;
}
.tabs-vertical li .icon-div {
display: none;
}
.tabs-vertical li .text-div {
width: 100%;
}
.generate-forms ul.counter-listing {
padding: 30px 0 20px;
}
.generate-forms ul.counter-listing li span {
font-size: 44px;
padding: 0px;
}
.career-banner.inner-banner {
min-height: 340px;
}
.career-info-panel {
padding: 30px 20px;
}
.career-info-panel h3 {
font-size: 18px;
}
ul.our-values.opt2 li .text-area {
width: 78%;
}
.call-action-box-large,
.call-action-bar,
.call-action-bar.bg,
.call-action-bar.gradient {
padding: 35px 0;
}
.career-accordian .card-header h3 {
font-size: 16px;
}
.career-accordian .card-header {
padding: 15px 20px;
}
.career-banner.apply-job h1 {
padding-top: 0px;
}
.job-apply-wrapper .job-info-box p {
font-size: 14px;
line-height: 26px;
}
.icon-tik-list li h6 {
font-size: 14px;
line-height: 18px;
}
.call-action-bar h2 {
line-height: 1.2;
}
.call-action-bar h2 span {
display: block;
}
.call-action-bar h4 {
line-height: 1.2;
font-size: 22px;
}
.call-action-bar h2 .btn,
.call-action-bar h4 .btn {
margin-top: 20px;
}
.contact-map {
height: 340px;
}
.login-form-holder h3 {
font-size: 26px;
}
.custom-opacity .frame {
width: 32%;
top: -10px;
}
.sided-item-wrapper ul.marketing-list3 {
padding-top: 30px;
}
.faq-sec ul li h3 {
font-size: 15px;
line-height: 26px;
}
#myTabContent {
padding-top: 30px;
}
.countdown-container h3 {
font-size: 22px;
}
ul.Product-listing li .product-detail h2{
font-size: 14px;
}
ul.Product-listing li .rating{
padding-bottom: 10px;
}
ul.Product-listing li .bottom .price{
display: block;
padding: 0 0 10px 0;
font-size: 26px;
}
ul.Product-listing li .bottom .add-cart{
padding: 6px 18px;
}
ul.Product-listing.right-sec li .product-detail h2{
font-size: 16px;
}
.product-outer{
margin-bottom: 40px;
}
.product-detail h2{
font-size: 24px;
}
.sku-outer ul li{
padding-right: 8px;
font-size: 13px;
}
.product-info-tab{
padding: 40px 0;
}
.related-products{
padding-top: 40px;
}
.cart-table .product-name p{
font-size: 15px;
line-height: 24px;
}
.cart-table tbody tr td:last-child{
font-size: 20px;
}
.cart-total .table thead th{
font-size: 20px;
}
.cart-total .table tbody th{
font-size: 15px;
}
.cart-total .table tbody td{
font-size: 16px;
}
.cart-total .table tbody tr:nth-last-child(2) td{
font-size: 22px;
}
.error-msg{
margin-bottom: 30px;
}
.checkout-form{
margin-bottom: 20px;
}
.apply-coupon .coupon-btn{
padding: 10px 18px;
}
.checkout-table th:first-child {
width: 45%;
}
.cart-table th:nth-child(2) {
width: 15%;
}
.cart-table th:nth-child(3) {
width: 20%;
}
.cart-table th:last-child {
width: 20%;
}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
.hidden-md {
display: none;
}
.padding-lg {
padding: 50px 0;
}
.header-top ul.follow-us li {
padding-left: 10px;
}
.banner {
min-height: 620px;
}
.banner.solid-bg,
.banner.gradient-bg {
margin-bottom: 80px;
}
.banner .cnt-block {
padding-top: 60px;
padding-bottom: 80px;
}
.banner .left h1 {
padding-bottom: 10px;
font-size: 28px;
line-height: 36px;
}
.banner .left p {
font-size: 18px;
}
.banner.banner2 {
min-height: 430px;
}
.banner.banner2 .left {
padding-top: 15px;
}
.banner.banner2 .left h1 {
padding-bottom: 10px;
font-size: 30px;
line-height: 40px;
}
.banner.banner2 .left p {
font-size: 15px;
}
.banner.banner2 .cnt-row2 {
padding-top: 30px;
}
.banner.banner2 .right-sec {
padding-left: 0px;
}
.banner.banner2 .right-sec p {
padding-bottom: 10px;
font-size: 13px;
}
.banner.banner2 .right-sec a.get-started {
padding: 6px 16px;
font-size: 12px;
}
.banner.banner3 {
min-height: 540px;
}
.banner.banner3 .cnt-block {
padding-top: 60px;
padding-bottom: 50px;
}
.banner.slide1 .mobile-img {
max-width: 57%;
position: absolute;
right: 0;
}
.banner.slide1 .cnt-block {
padding-top: 90px;
}
.banner.banner2.slide1,
.banner.slide2,
.banner.slide3 {
min-height: 513px;
}
.banner.slide2 .cnt-block {
padding-top: 60px;
padding-bottom: 40px;
}
.banner.slide2 img {
width: 94%;
}
.banner.slide3 .left h1 {
font-size: 36px;
}
.banner.slide3 .cnt-block {
padding-top: 50px;
padding-bottom: 30px;
}
.banner.slide3 img {
width: 88%;
}
.banner a.get-started {
max-width: 200px;
padding: 10px 20px;
}
.banner .pop-box {
padding: 15px 20px;
left: 0px;
}
.banner .pop-box .right-cnt h3 {
padding-bottom: 8px;
font-size: 15px;
line-height: 22px;
}
.content-marketing .head-block {
padding-bottom: 60px;
}
.content-marketing .head-block p {
font-size: 14px;
line-height: 26px;
}
ul.marketing-list li img {
width: 60%;
}
ul.marketing-list li h3 {
padding: 30px 5% 20px 5%;
font-size: 18px;
line-height: 24px;
}
ul.marketing-list3 li .equal-hight {
padding: 45px 13% 0 8%;
}
ul.marketing-list3 li .cnt-block {
padding-left: 15px;
}
ul.marketing-list3 li h3 {
font-size: 20px;
}
a.know-more {
font-size: 14px;
}
.seo-reports .cnt-block {
padding-top: 60px;
padding-bottom: 20px;
text-align: center;
}
.seo-reports .cnt-block h2 {
padding-bottom: 20px;
}
.seo-reports .img {
width: 60%;
margin: 0 auto;
}
.seo-reports.seo-reports2 {
padding-top: 50px;
}
.seo-reports.seo-reports2 .cnt-block {
padding-top: 0px;
}
.simple-editor .cnt-block {
text-align: center;
padding-bottom: 30px;
}
.simple-editor .right .img-block {
width: 70%;
margin: 0 auto;
}
.simple-editor .right a.play-btn {
width: 70px;
padding: 8px;
margin: -55px auto 0;
font-size: 50px;
}
.choose-pack ul.row {
margin-left: -10px;
margin-right: -10px;
}
.choose-pack ul.row li {
padding-left: 10px;
padding-right: 10px;
}
.choose-pack ul li .head-block {
padding: 40px 10px 30px 10px;
}
.choose-pack .head-block .plan-title {
padding-bottom: 20px;
}
.choose-pack .head-block .plan-title span {
width: 140px;
padding: 1px 10px;
font-size: 12px;
}
.choose-pack .head-block .plan-title h3 {
font-size: 16px;
}
.choose-pack .price .right .amt {
font-size: 62px;
}
.choose-pack .cnt-block {
padding: 20px 12px;
}
.choose-pack .cnt-block ul li {
padding: 5px 0;
font-size: 12px;
}
.choose-pack .cnt-block ul li:before {
margin-right: 10px;
}
.choose-pack a.btn.get-started {
padding: 10px 15px;
font-size: 14px;
}
ul.features-listing li h3 {
font-size: 20px;
}
.client-speak .head-block {
padding-bottom: 50px;
}
.speak-listing .owl-dots {
margin-top: 50px;
}
ul.speak-listing.opt3 li .icon-quote {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 12px;
}
.latest-stories .head-block {
padding-bottom: 40px;
}
.blog-blocks .card-body h4 {
padding-bottom: 20px;
}
.blog-blocks .card-body h2 {
padding-bottom: 15px;
font-size: 27px;
}
.blog-blocks .card-body {
padding: 20px;
}
.blog-blocks .card-body h3 {
font-size: 18px;
line-height: 26px;
}
.blog-blocks .card-body p {
padding-bottom: 10px;
}
.brands {
padding: 30px 0;
}
.signup-outer ul {
padding-bottom: 20px;
}
.signup-form .signup-btn {
padding: 8px 20px;
}
.footer .top {
padding: 40px 0 30px 0;
}
.footer .quick-links ul li {
font-size: 13px;
}
.footer .connect-outer {
padding-top: 20px;
}
.footer ul.connect-us li a {
width: 28px;
height: 28px;
line-height: 28px;
}
.footer .recent-post {
padding-left: 0px;
}
.footer .recent-post ul li figure {
width: 30%;
}
.footer .recent-post ul li h5 {
font-size: 13px;
}
.footer .subscribe p {
padding-bottom: 20px;
}
.footer .input-outer .clear {
width: 34px;
height: 34px;
}
.footer .tweet {
padding-top: 30px;
}
.footer .tweet .icon {
width: 16%;
font-size: 40px;
}
.footer .tweet .right-cnt {
width: 84%;
padding-left: 15px;
}
.footer .tweet .right-cnt p {
line-height: 20px;
}
.footer .bottom {
padding: 10px 0;
}
.inner-banner {
min-height: 240px;
}
.inner-banner h1 {
font-size: 38px;
}
.inner-banner .contents {
padding: 55px 0px 0px;
}
.who-we-are .row1 {
padding-bottom: 55px;
}
.who-we-are .cnt-block {
padding: 30px 0 0 0;
}
.about-video {
height: 460px;
}
.about-video .cnt-block h2 {
font-size: 46px;
}
.about-video .cnt-block a {
padding: 5px;
font-size: 54px;
}
ul.team-listing li {
padding-bottom: 30px;
}
.portfolio-outer ul.portfolio li .inner {
border: 2px solid #fff;
}
.portfolio-outer .paging-block {
padding: 30px 0;
}
.blog-sidebar .cmn-box {
padding: 37px 30px;
}
.blog-sidebar .article-pic {
margin-left: -30px;
margin-right: -30px;
}
.blog-content {
margin-right: 50px;
}
.blog-content > ul > li p {
padding-bottom: 0px;
}
ul.blog-info {
margin-bottom: 15px;
}
.blog-pic {
margin-bottom: 30px;
}
.blog-content > ul > li {
padding: 40px 0px;
}
.blog-section .paging-block {
padding-top: 40px;
}
.blog-content.masonry-blog {
margin-right: 30px;
}
.blog-content.masonry-blog > ul > li {
float: none;
width: 100%;
}
.blog-content.masonry-blog > ul > li .blog-item {
padding: 30px 0px 20px 0px;
}
.blog-content.masonry-blog > ul > li:nth-child(2) .blog-item {
padding: 30px 0px 20px 0px;
border-top: 1px solid #f0f0f0;
}
.blog-content.masonry-blog .blog-pic img {
width: 100%;
}
.blog-content h5,
.blog-content.grid h5 {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
.blog-content.masonry-blog .box {
padding-bottom: 0px;
}
.blog-content p {
margin-bottom: 15px;
}
.blog-sidebar .cmn-box h4 {
font-size: 20px;
}
.blog-sidebar p.time:after {
width: 20%;
}
.blog-section {
padding: 50px 0px;
}
.blog-content .box {
padding-bottom: 10px;
}
.blog-content.blog-detailed h5 {
font-size: 22px;
line-height: 34px;
}
.faq-outer .faq-left {
max-width: 38%;
flex: 0 0 38%;
}
.faq-outer .faq-left ul li a {
padding: 15px;
}
.faq-outer .faq-left ul li .icon {
font-size: 32px;
}
.faq-outer .faq-left ul li:nth-child(4) .icon {
font-size: 42px;
}
.faq-outer .faq-right {
max-width: 62%;
flex: 0 0 62%;
padding-left: 15px;
}
.faq-outer #accordion h5 a {
font-size: 14px;
}
ul.contact-list li .inner {
padding: 45px 20px;
}
ul.contact-list li .inner .call,
ul.contact-list li .inner a.mail-to {
font-size: 14px;
}
.career-info-panel ul li {
width: 100%;
}
.career-banner.apply-job {
min-height: 300px;
}
ul.our-values li .icon {
width: 26%;
}
ul.our-values li .text-area {
width: 72%;
}
.countdown-wrapper h1 {
font-size: 70px;
}
.download-box .button-box a {
margin: 0 2px !important;
}
.download-box .top {
padding: 50px 30px 30px 15px;
}
.download-box .bottom {
padding: 0 0 50px 15px;
}
.call-action-bar.two-sided .download-box .top {
padding-top: 40px;
}
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
.opt6 .top-menu-bar{
padding: 10px 0;
}
.mob-icon{
top: 34px;
}
.hidden-xs {
display: none !important;
}
.padding-lg {
padding: 40px 0;
}
.top-menu-bar .mob-icon {
right: 15px;
}
.banner {
min-height: 520px;
}
.banner.solid-bg,
.banner.gradient-bg {
margin-bottom: 70px;
}
.banner .cnt-block {
padding-top: 20px;
padding-bottom: 20px;
}
.banner .cnt-block .left {
padding-top: 50px;
padding-bottom: 30px;
border: none;
text-align: center;
}
.banner .left {
padding-bottom: 30px;
border-right: 0px;
}
.banner .left h1,
.banner.banner2 .left h1 {
padding-bottom: 10px;
font-size: 32px;
line-height: 42px;
}
.banner .left p,
.banner.banner2 .left p {
font-size: 22px;
}
.banner .right-sec p {
display: none;
}
.banner.banner2 .cnt-row2 {
padding-top: 25px;
}
.banner.banner2 .cnt-block img {
width: 60%;
display: block;
margin: 0 auto;
}
.banner.banner2 .video-block {
max-width: inherit;
}
.banner.banner2 .video-block img {
width: 100%;
}
.banner.banner2 a.get-started {
margin: 0 auto;
}
.banner a.get-started {
max-width: 200px;
padding: 10px 20px;
}
.banner .tab-screen {
width: 90%;
}
.banner .pop-box {
display: none;
}
.banner.banner2.slide1 .cnt-block img {
width: 46.5%;
}
.banner.slide3 .cnt-block {
padding-bottom: 30px;
padding-top: 52px;
}
.content-marketing .head-block h2 {
padding-bottom: 20px;
}
.content-marketing .head-block p {
font-size: 14px;
line-height: 26px;
}
.content-marketing .head-block {
padding-bottom: 40px;
}
ul.marketing-list li {
border: none;
padding-bottom: 30px;
}
ul.marketing-list li:after {
display: none;
}
ul.marketing-list li:last-child {
padding-bottom: 0px;
}
ul.marketing-list li h3 {
padding-bottom: 10px;
}
ul.marketing-list3 li .equal-hight {
padding: 30px 20px 15px 20px;
}
ul.marketing-list3 li .ico-block {
width: 103px;
float: none;
margin: 0 auto 20px;
}
ul.marketing-list3 li .cnt-block {
width: 100%;
padding: 0 20px;
float: none;
text-align: center;
}
ul.marketing-list3 li h3 {
font-size: 20px;
}
ul.marketing-list3 li p {
padding-bottom: 15px;
}
ul.marketing-list3 li a {
position: relative;
top: inherit;
right: inherit;
}
ul.marketing-list2 li {
padding-bottom: 30px;
text-align: center;
}
ul.marketing-list2 li:last-child {
padding-bottom: 0px;
}
ul.marketing-list2 li h3 {
margin: 0 auto;
}
.seo-reports .cnt-block {
padding-top: 40px;
}
.seo-reports .cnt-block.padd-left {
padding-left: 0px;
}
.seo-reports .img,
.generate-forms .img,
.simple-editor .right .img {
width: 85%;
margin: 0 auto;
}
.seo-reports .cnt-block h2,
.generate-forms h2,
.simple-editor .cnt-block h2,
.choose-pack h2 {
padding-bottom: 20px;
}
.seo-reports.seo-reports2 {
padding-top: 40px;
}
.seo-reports.seo-reports2 .cnt-block {
padding: 0 0 30px 0;
}
.simple-editor .cnt-block {
padding-bottom: 40px;
}
.simple-editor .right .img-block img {
margin: 0 auto;
}
.simple-editor .right a.play-btn {
width: 62px;
font-size: 50px;
margin: -50px auto 0;
padding: 6px;
}
.simple-editor .right a.play-btn2 {
width: 62px;
padding: 6px;
left: -86px;
font-size: 50px;
margin: -50px auto 0;
}
.choose-pack p {
padding-bottom: 20px;
}
.choose-pack .cnt-block {
padding: 30px 20px;
}
.choose-pack ul {
padding-top: 20px;
}
.choose-pack ul li {
margin-bottom: 50px;
}
.choose-pack ul li:last-child,
.choose-pack.opt3 ul li .cnt-block ul li:last-child {
margin-bottom: 0px !important;
}
.choose-pack ul li .cnt-block ul li {
margin-bottom: 0px;
}
.choose-pack.opt2 ul li {
border: none !important;
margin-bottom: 20px;
}
.choose-pack.opt2 ul li .inner {
padding: 20px 0 30px 0;
border: 1px solid #dde5e7;
}
.choose-pack.opt2 .cnt-block ul li,
.choose-pack.opt2.blue-bg .cnt-block ul li,
.choose-pack.opt3 ul li {
border: none !important;
}
.choose-pack.opt2.blue-bg ul li {
padding-top: 0px;
padding-bottom: 0px;
border: none !important;
}
.choose-pack.opt2.blue-bg ul li .inner {
padding: 20px 0 30px 0;
border: 1px #658693 solid;
}
.choose-pack.opt3 ul li {
margin-bottom: 60px;
padding-bottom: 0px;
}
.choose-pack.opt3 ul li .inner {
padding: 0px;
}
.choose-pack.opt3 ul li:last-child {
margin-bottom: 30px !important;
}
ul.features-listing li,
ul.features-listing li:nth-last-child(3) {
padding-bottom: 20px;
}
ul.features-listing li h3 {
font-size: 20px;
}
.client-speak .head-block {
padding-bottom: 0px;
}
.client-speak .head-block span {
padding-bottom: 5px;
}
.speak-listing .owl-dots {
margin-top: 30px;
}
.owl-dot span {
width: 10px;
height: 10px;
border: 2px #fff solid;
margin: 0 6px;
}
ul.speak-listing li h4,
.client-speak #bx-pager .client-detail h4 {
font-size: 16px;
}
ul.speak-listing.opt1 li .inner:after {
display: none;
}
ul.speak-listing.opt4 li {
opacity: 1;
}
ul.speak-listing li .inner figure {
margin-bottom: 30px;
}
ul.speak-listing.opt2 li p {
font-size: 15px;
line-height: 28px;
}
ul.speak-listing.opt3 li .inner {
padding: 30px 5% 30px 8%;
}
ul.speak-listing.opt3 li .inner figure {
width: 82px;
float: none;
margin: 0 auto 25px;
}
ul.speak-listing.opt3 li .cnt-right {
width: auto;
padding: 0px;
float: none;
text-align: center;
}
ul.speak-listing.opt3 li .icon-quote {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 12px;
right: 0px;
}
.latest-stories .head-block {
padding-bottom: 0px;
}
.latest-stories .head-block span {
padding-bottom: 5px;
}
.blog-blocks .card {
width: 100%;
flex: inherit;
margin-top: 30px;
}
.blog-blocks .card:first-child {
margin-top: 0px;
}
.blog-blocks .card-body {
padding: 30px 20px;
}
.blog-blocks .card.bg-none .card-body {
padding-bottom: 0px;
}
.blog-blocks .card-body h3 {
font-size: 18px;
line-height: 26px;
}
.blog-blocks .card-body h4 {
padding-bottom: 10px;
}
.blog-blocks .card figure img {
width: 100%;
}
.brands {
padding: 20px 0;
}
.signup-outer ul {
padding-bottom: 30px;
}
.signup-outer ul li h4 {
font-size: 14px;
line-height: 20px;
}
.signup-form .email,
.signup-form .password {
width: 34%;
}
.signup-form .email:before,
.signup-form .password:before {
font-size: 17px;
}
.signup-form input {
padding: 0 0 8px 30px;
font-size: 12px;
}
.signup-form .signup-btn {
padding: 8px 20px;
}
.footer p {
font-size: 12px;
line-height: 20px;
}
.footer .top {
padding: 15px 0 30px 0;
}
.footer .top h4 {
padding-bottom: 0px;
font-size: 16px;
cursor: pointer;
}
.footer .mob-acco h4:after {
display: inline-block;
vertical-align: middle;
margin-top: -4px;
float: right;
content: " + ";
}
.footer .mob-acco h4.open:after {
content: " - ";
}
.footer .quick-links,
.footer .connect-outer,
.footer .recent-post {
padding: 15px 0;
border-bottom: 1px #e1e1e1 solid;
}
.footer.dark-bg .quick-links,
.footer.dark-bg .connect-outer,
.footer.dark-bg .recent-post {
border-color: #3d555a;
}
.footer .quick-links ul,
.footer ul.connect-us,
.footer .recent-post ul {
padding-top: 15px;
}
.footer .quick-links ul li {
font-size: 12px;
}
.footer ul.connect-us li a {
width: 34px;
height: 34px;
line-height: 34px;
}
.footer .recent-post ul li figure {
width: 11%;
}
.footer .subscribe {
padding: 15px 0;
}
.footer .subscribe h4 {
padding-bottom: 15px;
}
.footer .input-outer .clear {
width: 34px;
height: 34px;
}
.footer .tweet {
padding: 10px 0 0 0;
}
.footer .tweet .right-cnt p {
font-size: 12px;
}
.footer .bottom {
padding: 15px 0;
font-size: 11px;
line-height: 18px;
}
.sided-item-wrapper {
text-align: center;
}
.sided-item-wrapper ul.marketing-list3 li .ico-block {
width: auto;
display: block;
margin: 0 auto 20px
}
.sided-item-wrapper ul.marketing-list3 li .ico-block img {
margin: 0 auto;
display: block;
}
.sided-item-wrapper ul.marketing-list3 li .cnt-block {
width: auto;
text-align: center;
}
.sided-item-wrapper .right-sided-full-image,
.sided-item-wrapper .left-sided-full-image {
display: none;
}
.sided-item-wrapper h2,
.generate-forms h2,
.latest-stories.white {
font-size: 26px;
line-height: 36px;
}
.custom-opacity {
padding: 0 18px;
}
.custom-opacity .frame {
width: auto;
padding: 0 15px;
top: -23px;
z-index: 0;
}
.custom-opacity .keyboard {
max-width: 100%;
}
.custom-opacity .item {
opacity: 1;
}
.custom-opacity #owl-career .owl-nav .owl-next {
right: 5%;
}
.custom-opacity #owl-career .owl-nav .owl-prev {
left: 5%
}
.inner-banner {
min-height: inherit;
}
.inner-banner h1 {
font-size: 26px;
}
.inner-banner p {
font-size: 14px;
line-height: 24px;
}
.inner-banner p span {
display: inline;
}
.inner-banner .contents {
padding: 40px 0px;
}
.who-we-are .row1 {
padding-bottom: 30px;
}
.who-we-are .cnt-block {
padding: 30px 0 0 0;
}
ul.counter-listing li {
width: 49%;
padding-bottom: 20px;
}
ul.counter-listing li span {
font-size: 40px;
line-height: 30px;
}
ul.counter-listing li:last-child,
ul.counter-listing li:nth-last-child(2) {
padding-bottom: 0px;
}
.about-video {
height: 360px;
}
.about-video .cnt-block a {
padding: 4px;
font-size: 49px;
}
.about-video .cnt-block h2 {
font-size: 40px;
}
.about-video .cnt-block p {
font-size: 14px;
padding: 0 20px;
}
.plan-features-sec .container {
width: 100%;
}
.tabs-vertical {
width: 50%;
}
.tab-vertical-container {
width: 50%;
}
.owl-feature .owl-nav .owl-prev,
.owl-feature .owl-nav .owl-next {
width: 30px;
height: 30px;
}
.owl-feature .owl-nav .owl-prev {
left: -40px;
}
.owl-feature .owl-nav .owl-next {
right: -40px;
}
.features-carousel-sec {
padding: 0 50px;
}
.plan-table-holder .table .head-block {
max-width: 140px;
}
.plan-table-holder .table .get-started {
font-size: 12px;
font-weight: 500;
}
.plan-table-holder .table .head-block span {
font-size: 20px;
}
.plan-table-holder .table tbody tr td,
.plan-table-holder .table tfoot tr th,
.plan-table-holder .table thead tr ht,
.plan-table-holder .table thead th {
min-width: 200px;
}
.heading-box {
margin-bottom: 40px;
}
.tabs-vertical {
display: none;
}
.vertical-tab-outer {
padding-bottom: 40px;
}
.tab-vertical-container {
width: 100%;
border-radius: 5px;
}
.tab-vertical-content {
display: block;
padding: 20px 20px 40px;
position: relative;
}
.tab-drawer-heading {
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tab-drawer-heading {
padding: 12px 20px;
margin-bottom: 10px;
background: none;
border-radius: 0px;
border: 1px #d6d6d6 solid;
text-align: left;
}
.tab-drawer-heading:after {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
content: "+";
font-size: 26px;
font-weight: 300;
color: #00324c;
}
.tab-drawer-heading.active-item:after {
content: "-";
}
.tab-drawer-heading:before {
display: none;
}
.our-team-outer p,
ul.team-listing li {
padding-bottom: 30px;
}
.how-it-work-items figure,
.how-it-work-items figure.right {
text-align: center;
}
.how-it-work-items .content-area .text-area {
width: 78%;
}
.how-it-work-items .row {
padding-bottom: 50px;
}
ul.portfolio-filter {
padding-bottom: 10px;
}
.popup-outer ul.popup-menu li {
padding: 0 4px;
margin-bottom: 10px;
}
ul.portfolio-filter li,
#myTab .nav-item {
margin-bottom: 10px;
}
ul.portfolio-filter li a:after,
#myTab .nav-link:after {
display: none;
}
.portfolio-outer ul.portfolio li .inner {
border: 1px solid #fff;
}
.portfolio-outer .paging-block {
padding: 20px 0 0;
}
.plan-table-holder .table .head-block {
margin: 10px auto 0;
}
.plan-table-holder .table tbody tr td {
padding: 10px 15px;
font-size: 12px;
}
.plan-table-holder .table tbody tr:first-child td {
padding-top: 60px;
}
.plan-table-holder .table tfoot tr th {
padding: 20px 15px;
}
.plan-table-holder .table tbody tr td,
.plan-table-holder .table tfoot tr th,
.plan-table-holder .table thead tr ht,
.plan-table-holder .table thead th {
min-width: 180px;
}
.select-pricing-plan.padding-lg figure {
padding-top: 20px;
}
.need-to-discuss .submit-form input {
margin-bottom: 30px;
}
.more-features .img-holder a.play-btn {
width: 72px;
}
.more-features .img-holder a.play-btn {
font-size: 52px;
}
.heading-box {
padding: 30px;
}
.blog-content {
margin-right: 0;
}
.blog-content.blog-detailed p {
padding-bottom: 10px;
}
.blog-content.masonry-blog > ul > li:nth-child(2) .blog-item {
padding: 30px 0px 20px 0px;
border-top: 1px #f0f0f0 solid;
}
ul.blog-info,
ul.blog-tag {
display: block;
}
ul.blog-info {
margin-bottom: 15px;
}
.blog-pic {
margin-bottom: 30px;
}
.blog-sidebar {
margin-left: 0;
}
.blog-section .paging-block {
padding: 40px 0px;
}
.blog-sidebar p.time:after {
display: none;
}
.blog-section {
padding: 40px 0px;
}
.blog-content > ul > li {
padding: 40px 0px;
}
.blog-content.masonry-blog {
margin-right: 0px;
}
.blog-content.masonry-blog > ul {
margin-left: 0px;
margin-right: 0px;
}
.blog-content.masonry-blog > ul > li {
width: 100% !important;
float: none;
border-left: none;
padding-left: 0px !important;
padding-right: 0px !important;
}
.blog-content.masonry-blog.grid > ul > li:nth-child(2) .blog-item {
border-top: 1px solid #f0f0f0;
padding: 30px 0 20px;
}
.blog-content.masonry-blog > ul > li .blog-item {
padding: 30px 0px 20px 0px;
}
.blog-content.masonry-blog .blog-pic img {
width: 100%;
}
.blog-content.blog-detailed h5 {
font-size: 22px;
line-height: 36px;
}
.blog-content h5,
.blog-content.grid h5 {
font-size: 18px;
line-height: 26px;
margin-bottom: 20px;
}
.blog-content.masonry-blog.grid > ul {
margin-left: 0px;
margin-right: 0px;
}
.blog-content.masonry-blog.grid > ul > li {
width: 100%;
}
.blog-content p {
margin-bottom: 15px;
}
.blog-sidebar .cmn-box {
padding: 25px
}
.blog-sidebar .cmn-box h4 {
font-size: 20px;
}
.blog-sidebar .article-pic {
margin: 0 -25px 20px -25px;
}
.blog-content.masonry-blog .box {
padding-bottom: 0px;
}
.blog-content > ul > li {
padding: 30px 0px;
}
.blog-content > ul > li p {
padding-bottom: 0px;
}
.blog-content .box {
padding-bottom: 20px;
}
.blog-content,
.blog-content.blog-detailed {
margin-right: 0;
}
.blog-sigle-item h4 {
font-size: 20px;
line-height: 30px;
}
.faq-sec ul li {
padding-bottom: 20px;
}
.faq-outer .faq-left {
max-width: 100%;
flex: inherit;
padding-bottom: 30px;
}
.faq-outer .faq-left ul li .icon {
width: 50px;
}
.faq-outer .faq-left ul li .cnt-block {
width: calc(98% - 50px);
}
.faq-outer .faq-right {
max-width: 100%;
flex: inherit;
padding-left: 15px;
}
.faq-outer .card-header h5 a::before {
width: 28px;
height: 28px;
font-size: 15px;
}
.faq-outer #accordion h5 a {
font-size: 14px;
}
.support-request h2,
.advices-outer h2 {
font-size: 26px;
}
.support-form {
padding-top: 35px;
}
.support-form input,
.support-form textarea {
height: 40px;
padding: 0 15px;
font-size: 13px;
}
.advices-outer .search-outer {
margin-bottom: 40px;
border: 2px #57bce2 solid;
}
.advices-outer .search-outer input {
height: 50px;
}
.advices-outer .search-outer .go-btn {
width: 56px;
height: 56px;
font-size: 22px;
margin: -1px;
}
ul.contact-list {
margin-bottom: 20px;
}
ul.contact-list li {
margin-bottom: 20px;
}
ul.contact-list li .inner {
padding: 30px 20px;
}
ul.contact-list li .inner p {
max-width: 200px;
margin: 0 auto;
}
ul.contact-list li .inner .call,
ul.contact-list li .inner a.mail-to {
font-size: 14px;
}
ul.our-values li:last-child {
padding-bottom: 0px;
}
ul.our-values li .icon span {
font-size: 38px;
}
ul.our-values li,
ul.our-values li:last-child {
padding-bottom: 30px;
}
#owl-career .owl-nav .owl-prev,
#owl-career .owl-nav .owl-next {
width: 35px;
height: 35px;
}
#owl-career .owl-nav .icon-know-more-arrow {
font-size: 25px;
}
.career-banner.inner-banner {
min-height: inherit;
}
.career-banner .get-started {
max-width: 210px;
font-size: 15px;
line-height: 46px;
padding: 0 10px;
margin-top: 20px;
}
.career-our-values-sec {
padding: 40px 0 50px;
}
.career-our-values-sec h3 {
font-size: 22px;
}
.career-info-panel {
padding: 40px 30px;
}
.career-banner.apply-job .btn {
height: 44px;
line-height: 44px;
margin-top: 20px;
}
.job-apply-wrapper .job-features-wrapper {
padding: 30px 0 20px 0;
}
.job-features-wrapper .icon-tik-list li {
width: 100%;
padding-right: 20px;
}
.career-accordian .apply-now {
height: 44px;
line-height: 44px;
}
.apply-for-job-outer textarea.large {
height: 100px;
}
.success-everyday {
padding: 40px 0;
}
.success-everyday p {
font-size: 14px;
line-height: 26px;
}
.icon-tik-list li h6 {
font-size: 14px;
}
.call-action-bar.border.two-sided .download-box {
text-align: center;
}
.call-action-bar.two-sided .download-box {
text-align: center;
}
.call-action-bar.border {
padding: 30px 30px;
}
.call-action-bar.border.two-sided {
padding-top: 10px;
}
.call-action-bar.gradient {
padding: 30px;
}
.call-action-bar.gradient hr {
margin: 20px auto;
}
.download-box .top {
padding: 20px 0;
}
.download-box .bottom {
padding: 20px 0 40px;
}
.download-box .button-box a {
margin: 0 5px !important;
}
.contact-wrapper-outer {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(244, 246, 247) 50%) repeat scroll 0 0;
}
.contact-info-wrapper h3 {
font-size: 22px;
}
.contact-wrapper-outer .container {
width: 100%;
max-width: 100%;
}
.contact-info-wrapper .contact-info {
margin: 0;
}
.contact-info-wrapper .social-media-box {
margin: 30px 0 0;
}
.contact-info-wrapper .social-media-box {
text-align: left;
}
.contact-info-wrapper .social-media-box h6:before {
display: none;
}
.contact-info-wrapper .social-media-box h6 span {
padding: 0px;
}
.login-form-holder h3 {
padding: 0 0 25px;
}
.login-form-holder input {
margin: 0 0 10px;
}
.login-form .forgot {
max-width: 300px;
}
.login-form .forgot label span a {
margin-left: -10px;
}
.error-page-bg {
background-size: 100%;
}
.error-page-bg .error-inner h1 {
font-size: 100px;
}
.count-dwn-cnt {
margin: 0 -10px;
}
.count-dwn-cnt li {
padding: 0 20px;
}
.countdown-container h3 {
font-size: 20px;
}
.countdown-wrapper {
padding: 20px 15px;
}
.countdown-wrapper h1 {
font-size: 60px;
padding: 0 0 20px;
}
.count-dwn-cnt span.count {
font-size: 50px;
line-height: 70px;
}
.comingsoon .social-media-box {
margin: 0;
}
.comingsoon .social-media-box ul {
padding: 0px;
}
.comingsoon .social-media-box:before,
.comingsoon .social-media-box:after {
max-width: 28%;
}
ul.Product-listing li .sale-ribbon{
font-size: 14px;
right: 0px;
}
.shop-sidebar .search-outer,
.filter-price{
padding-bottom: 30px;
}
.product-categories{
padding-bottom: 20px;
}
.product-detail{
padding-top: 15px;
}
.product-detail h2, .related-products h2 {
padding-bottom: 20px;
font-size: 22px;
}
.cart-table .product-name p{
font-size: 14px;
font-weight: normal;
line-height: 22px;
}
.cart-table tbody tr td:nth-child(3),
.checkout-table tbody tr td:nth-child(2){
font-size: 16px;
}
.cart-table tbody tr td:last-child{
font-size: 18px;
}
.radio-outer label{
font-size: 15px;
}
.radio-outer input[type="radio"] + label:before{
width: 15px;
height: 15px;
}
.checkout-table > table > tbody > tr > td:first-child {
padding-left: 20px;
padding-right: 20px;
}
.check-pay .payment-box {
padding: 15px 20px;
}
.shipping-address h2{
font-size: 22px;
}
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
line-height: 32px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
.banner {
min-height: 550px;
}
.banner .cnt-block .left {
padding-top: 30px;
padding-bottom: 30px;
}
.banner .left h1,
.banner.banner2 .left h1 {
font-size: 34px;
line-height: 40px;
}
.banner .left p,
.banner.banner2 .left p,
.banner.slide3 .left p {
font-size: 16px;
}
.banner.slide1 .cnt-block img {
width: 48%;
}
.banner.slide2 .cnt-block {
padding-bottom: 52px;
}
.banner.slide3 .cnt-block .left {
padding-bottom: 30px;
}
.content-marketing .head-block p {
font-size: 13px;
line-height: 24px;
}
ul.marketing-list li h3 {
font-size: 20px;
}
ul.features-listing li {
width: 100%;
}
ul.features-listing li,
ul.features-listing li:nth-last-child(2) {
padding-bottom: 30px;
}
.generate-forms p {
padding-bottom: 15px;
}
.provide-features ul.features-listing {
padding-top: 20px;
}
.signup-form .email,
.signup-form .password {
width: 49%;
}
.signup-form .signup-btn {
margin-top: 30px;
}
.advices-outer .search-outer {
padding: 0 0 0 20px;
}
.advices-outer .search-outer input {
height: 40px;
}
.advices-outer .search-outer .go-btn {
width: 40px;
height: 40px;
font-size: 16px;
margin: 0px;
}
.portfolio-outer ul.portfolio li {
margin-bottom: 20px;
}
.mfp-container {
padding-left: 15px;
padding-right: 15px;
}
.how-it-work-items .content-area,
.how-it-work-items figure {
text-align: center;
padding: 0 20px;
}
.how-it-work-items .content-area {
padding: 0 20px 30px 20px;
}
.how-it-work-items .content-area .icon {
margin: 0 auto 20px;
}
.how-it-work-items .content-area .text-area {
display: block;
width: 100%;
}
.career-our-values-sec h3 {
padding: 0 0 30px;
}
.career-our-values-sec .our-perks h3 {
padding: 0 0 10px;
}
.career-accordian .card-header h3 {
width: calc(100% - 30px);
float: none;
font-size: 15px;
}
.career-accordian.faq .card-header h3 {
font-size: 15px;
line-height: 24px;
}
.career-accordian .card-header h6 {
width: 100%;
width: 100%;
float: none;
display: block;
padding-right: 30px;
font-size: 13px;
}
.career-accordian .card-header h6 span {
padding-left: 0;
}
.box-hav-accnt p {
font-size: 13px;
}
.how-it-work-items .content-area .icon span {
width: 46px;
height: 46px;
font-size: 20px;
line-height: 46px;
}
.blog-sigle-item ul.blog-info li:last-child {
display: block;
width: 100%;
padding: 20px 0 0;
float: none;
}
.owl-feature .owl-nav .icon-know-more-arrow {
font-size: 34px;
}
.seo-reports .sided-item-wrapper {
text-align: left;
}
.seo-reports .sided-item-wrapper .icon-tik-list li:before {
top: 10px;
}
.custom-opacity .item figure {
width: 97%;
}
.call-to-action .btn {
height: 46px;
font-size: 15px;
line-height: 46px;
padding: 0 20px;
}
.call-action-bar.gradient .btn {
max-width: inherit;
display: inline-block;
}
.download-box .button-box a {
margin: 10px 5px 0 !important;
}
.contact-wrapper-outer {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 57%, rgb(244, 246, 247) 57%) repeat scroll 0 0;
}
.login-form-holder h3 {
font-size: 22px;
}
.login-form-holder input {
height: 44px;
line-height: 44px;
}
.login-btn {
height: 48px;
line-height: 48px;
}
.login-form-holder .login-form {
padding: 40px 25px;
}
.login-form label span {
font-size: 12px;
padding: 0 8px;
}
.privacy-policy p {
padding-bottom: 15px;
}
.privacy-policy hr {
margin: 20px 0 30px;
}
.error-page-bg {
background-position: bottom 10% center;
}
.error-page-bg .error-inner h1 {
font-size: 80px;
}
.countdown-wrapper h1 {
font-size: 38px;
}
.count-dwn-cnt li {
padding: 0 10px;
}
.count-dwn-cnt li:before {
font-size: 34px;
left: -5px;
}
.countdown-container p {
font-size: 14px;
line-height: 22px;
}
.count-dwn-cnt span.count,
.count-dwn-cnt.border span.count {
font-size: 40px;
line-height: 50px;
}
.count-dwn-cnt span {
font-size: 12px;
line-height: 30px;
font-weight: 400;
}
.comingsoon .social-media-box:before,
.comingsoon .social-media-box:after {
max-width: 22%;
}
ul.Product-listing{
margin-bottom: 10px;
}
.sku-outer ul li{
display: block;
padding-right: 0px;
}
.related-products .owl-nav div{
top: -35px;
}
.related-products .owl-nav .owl-prev {
left: 0px;
}
.related-products .owl-nav .owl-next {
right: 0px;
}
.check-pay {
padding: 20px 20px 30px;
}
.checkout-right .have-coupon {
padding: 15px 20px;
}
.checkout-right .cart-total {
padding: 20px 20px;
}
.shipping-address h2 {
font-size: 20px;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.banner {
min-height: 480px;
}
.banner.solid-bg,
.banner.gradient-bg {
min-height: 440px;
margin-bottom: 70px;
}
.banner .left h1 {
font-size: 30px;
line-height: 38px;
}
.banner.banner2 .left h1 {
font-size: 30px;
}
.banner.banner3 .cnt-block {
padding-bottom: 30px;
}
.banner.slide3 .cnt-block {
padding-top: 40px;
padding-bottom: 40px;
}
.banner.banner5 .left h1 {
font-size: 28px;
}
.simple-editor .right a.play-btn {
width: 62px;
font-size: 50px;
margin: -48px auto 0;
}
.simple-editor .right a.play-btn2 {
width: 50px;
left: -74px;
font-size: 40px;
margin: -42px auto 0;
}
.footer .recent-post ul li figure {
width: 15%;
}
.about-video .cnt-block h2 {
font-size: 32px;
padding: 15px 0 10px;
}
.blog-sigle-item ul.blog-tag li:last-child {
display: block;
padding-top: 10px;
}
.blog-sigle-item ul.blog-tag li:last-child p.time {
margin-left: 0px;
}
.portfolio-outer ul.portfolio li {
max-width: 100%;
}
ul.Product-listing li{
max-width: none;
flex: auto;
margin-bottom: 20px;
}
.product-gallery .left {
width: calc(100% - 70px);
}
.product-gallery .thub-outer{
width: 70px;
}
.product-gallery .thub-outer a{
width: 70px;
}
.product-detail .price{
font-size: 26px;
}
.related-products{
padding-top: 30px;
}
}
/* Landscape iPhone 6 Plus */
@media (max-width: 414px) {
h1 {
font-size: 26px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
.banner {
min-height: 460px;
}
.banner.solid-bg,
.banner.gradient-bg {
min-height: 420px;
margin-bottom: 60px;
}
.banner.banner3 {
min-height: 438px;
}
.banner.slide2 .cnt-block {
padding-bottom: 48px;
}
.banner.slide3 .cnt-block .left {
padding-top: 0px;
padding-bottom: 16px;
}
.banner.banner5 .left h1 {
font-size: 24px;
}
.simple-editor .right a.play-btn2 {
left: -59px;
margin: -32px auto 0;
}
.signup-form .email {
width: 100%;
margin-bottom: 25px;
}
.signup-form .password {
width: 100%;
}
.theme-demo-listing li {
max-width: 100%;
flex: auto;
}
.footer .recent-post ul li figure {
width: 19%;
}
.footer .tweet .icon {
font-size: 55px;
}
.custom-opacity .frame {
top: -13px;
}
.custom-opacity .item figure {
border-width: 3px;
}
.about-video .cnt-block a {
font-size: 48px;
}
.comingsoon .social-media-box:before,
.comingsoon .social-media-box:after {
max-width: 16%;
}
}
/* Landscape iPhone 6 */
@media (max-width: 375px) {
.banner {
min-height: 450px;
}
.banner.solid-bg,
.banner.gradient-bg {
min-height: 390px;
}
.banner .left h1 {
font-size: 26px;
line-height: 32px;
}
.banner .cnt-block .left {
padding-top: 20px;
}
.banner.banner2 .left h1 {
font-size: 26px;
line-height: 32px;
}
.banner.banner2.slide1 .cnt-block img {
width: 54.5%;
}
.banner.banner3 {
min-height: 418px;
}
.banner.banner3 .cnt-block {
padding-bottom: 40px;
}
.banner.slide2 .cnt-block {
padding-bottom: 72px;
}
.banner.slide3 .cnt-block {
padding-bottom: 55px;
}
.banner5 .fixed-txt {
display: none;
}
.client-speak #bx-pager .client-detail h4 {
font-size: 14px;
}
.footer .recent-post ul li figure {
width: 21%;
}
.about-video .cnt-block a {
font-size: 47px;
}
ul.blog-info li {
padding-left: 30px;
border-left: none;
margin-bottom: 8px;
}
ul.blog-info li:before {
left: 0;
}
.blog-sigle-item ul.blog-info li,
.blog-sigle-item ul.blog-tag li {
margin-bottom: 10px;
}
ul.counter-listing li span {
font-size: 36px;
line-height: 26px;
}
ul.counter-listing li .sub-title {
font-size: 12px;
}
.login-form-holder input {
height: 38px;
line-height: 38px;
}
.generate-forms ul.counter-listing li span {
font-size: 34px;
}
ul.our-values.opt2 li .text-area {
width: 76%;
}
.checkout-right .btn-outer .btn {
width: 122px;
padding: 7px 15px;
}
.method-paypal .paypal-img {
width: 72%;
padding-left: 10px;
}
}
/* iPhone 4 */
@media (max-width: 320px) {
.banner .left h1 {
font-size: 24px;
}
.banner.banner2.slide1 .cnt-block img {
width: 56.5%;
}
.banner.slide2 .cnt-block {
padding-bottom: 71px;
}
.client-speak #bx-pager .client-detail h4 {
font-size: 12px;
}
.client-speak #bx-pager .client-detail .designation {
font-size: 11px;
}
.footer .recent-post ul li figure {
width: 25%;
}
}