html {
scroll-behavior: smooth;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
font-display: swap;
src: local('Poppins Thin'), local('Poppins-Thin'), url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
font-display: swap;
src: local('Poppins Thin'), local('Poppins-Thin'), url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
font-display: swap;
src: local('Poppins Thin'), local('Poppins-Thin'), url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-display: swap;
src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-display: swap;
src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-display: swap;
src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local('Poppins Black'), local('Poppins-Black'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local('Poppins Black'), local('Poppins-Black'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local('Poppins Black'), local('Poppins-Black'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@charset "utf-8";
/* CSS Document */
/*===== HOME PAGE CSS START=====*/
body, html {
height: 100%
}
body {
background: #fff;
box-shadow:none;
font-family: 'Poppins', sans-serif;
overflow-x: hidden;
}
hr {
margin-top: 0;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
h1, h2, h3, h4, h5, h6, p, a, ul, li {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover {
text-decoration: none;
}
a:focus, :focus {
outline: none !important;
border: none;
text-decoration: none;
}
.flexCol {
display: flex;
align-items: center;
}
.center {
margin: 0 auto !important;
display: table !important;
float: none !important;
}
.padd-0 {
padding:0px;
}
.navbar-default {
margin-bottom: 0;
background: none;
box-shadow: none;
border: 0;
}
/*Header Css Start*/
.navbar-toggle .icon-bar {
background-color: #000;
}
.navbar-toggle {
background-color:#fff;
margin-top:20px;
}
a:hover {
text-decoration: none;
}
div#navbar-primary-collapse {
padding: 0px;
text-align: right;
display: flex !important;
align-items: end;
margin-right: 0px;
}
.navbar {
margin: 0px;
border: none;
padding-right: 0;
}
.navbar-brand {
float: none;
height: auto;
padding: 0px 0px 0px 0px;
display: inline-block;
}
ul.nav.navbar-nav {
float: inherit;
margin-top: 15px;
/* display: flex; */
width: 100% !important;
text-align: right;
align-items: flex-end;
/* vertical-align: middle; */
flex-direction: row;
justify-content: flex-end;
}
.navbar-nav li {
padding: 5px 10px;
/* display: inline-flex; */
/* float: left; */
cursor: context-menu;
}
.navbar-nav li a {
padding: 10px 0px;
color: #2c5471;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.navbar-nav li:last-child {
padding-right: 0px;
}
.nav>li>a:hover, .nav li.active a, .nav>li>a:focus {
text-decoration: none;
background-color: transparent;
}
.navbar-nav li a.call-btn {
border: 1px solid #f7571e;
padding: 10px 25px !important;
border-radius: 25px;
font-size: 14px;
color: #fff;
font-weight: 600;
display: flex;
align-items: center;
background: #f7571e;
}
.navbar-nav li a.call-btn span {
color: #2c5471;
font-weight: 400;
margin: 0px 5px;
}
.navbar-nav li a.call-btn i {
color: #fdfdfd;
font-size: 24px;
margin-right: 7px;
}
/* Header Css Close */
/*=========================================popup======================================================*/
.mypopup-wrap.active{position: fixed;top: 0px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.mypopup-wrap{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;width: 800px;height: 600px;border-radius: 10px;position: absolute;left: 0;right: 0px;top: 10%;bottom: 0px;margin: auto;z-index: 99999;overflow: hidden;}
.mypopup-wrap .mypopup{border-radius: 10px;font-size: 0px;background: #fff;}
.mypopup-wrap .mypopup .left{width: 50%;vertical-align: top;display: inline-block;overflow: hidden;background: #386163;vertical-align: middle;}
.mypopup-wrap .mypopup .left figure{border-radius: 10px 0px 0px 10px; overflow: hidden; }
.mypopup-wrap .mypopup .left figure img{margin-left: 0; margin-top: 0; width: 100%; }
.mypopup-wrap .mypopup .right{width: 50%;padding: 19px 20px;vertical-align: top;display: inline-block;vertical-align: middle;}
.mypopup-wrap .mypopup .right .closebutton{position: absolute; width: 20px; height: 20px; /*float: right;*/ cursor: pointer; transform: rotate(45deg); right: 20px; top: 20px; }
.mypopup-wrap .mypopup .right .closebutton:before{content: "";position: absolute;height: 20px;width: 1px;top: 0;background: #000;left: 0;right: 0;margin: 0 auto;display: block;}
.mypopup-wrap .mypopup .right .closebutton:after{content: "";position: absolute;height: 1px;width: 20px;top: 0;left: 0;background: #000;display: block;bottom: 0;margin: auto;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap{padding-top: 0px; padding-left: 30px; padding-right: 30px; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3{font-size: 26px;line-height: 1;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span{font-size: 38px; display: block; font-weight: 900; color: #edad0d; margin-top: 5px; margin-bottom: 10px; }
.mypopup-innerwrap .form_wrap{padding: 20px 15px; }
.mypopup-innerwrap .form_wrap .hero_form{}
.mypopup-innerwrap .form_wrap .hero_form form{}
.mypopup-innerwrap .form_wrap .hero_form .form-control{border-radius: 10px; border: 1px solid #b9b8b8; }
.mypopup-innerwrap .form_wrap .hero_form .form-control:focus{border: 1px solid #5d03db;}
.mypopup-innerwrap .form_wrap .hero_form textarea.form-control{color: #000;}
.mypopup-innerwrap .form_wrap #quoteForm textarea.form-control{min-height: 85px;}
.mypopup-innerwrap .form_wrap .hero_form #quoteSubmit{border-radius: 10px; min-width: 100%; }
.mypopup-innerwrap .form_wrap .hero_form .col-md-6{width: 100%;}
.mypopup-innerwrap .form_wrap .hero_form .col-sm-6{width: 100%;}
.hero_form .field-mergedleft{padding-left: 15px;}
.hero_form .field-mergedright{padding-right: 15px;}
.mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {margin-bottom: 10px;}
.submit:hover {
background-color: #1f1f1f;
}
.form_wrap .analyzeform form input[type="submit"] {width: 100%; margin: 0px; text-align: center; margin-top: 10px; border-radius: 4px; }
.submit {
border: 0; font-family: 'Poppins', sans-serif; font-size: 18px; color: #fff; line-height: 2; padding: 5px 51px; outline: none; cursor: pointer; transition: background-color .3s; border-radius: 5px; background: #000000; }
.overlay {
background: #0000006b;
height: 100%;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
}
/*=========================================popup======================================================*/
/*=========================================egg-popup======================================================*/
.eggoffer.show{position: fixed;bottom: 8px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.eggoffer{width: 150px; cursor: pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: fixed; bottom: 10px; left: 8px; z-index: 999; overflow: hidden; }
.eggoffer .top{position: relative; z-index: -1; }
.eggoffer .top figure{text-align: center; }
.eggoffer .top figure img{opacity: 1; }
.eggoffer .bottom{cursor: pointer; padding: 16px 5px; border-radius: 5px; background: #16a07d; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,.eggoffer .bottom h3:before{display: none;}
.eggoffer .bottom h3{font-size: 14px; margin: 0; color: #fff; }
.eggoffer .bottom span{color: #fff; font-size: 20px; font-weight: 900; width: 100%; padding-top: 6px; line-height: 1; display: inline-block; text-align: center; text-shadow: 0 2px 2px #666; }
.form_wrap .analyzeform form .dtf {width: 100%; }
.form_wrap .analyzeform form input[type="submit"] {width: 100%; margin: 0px; text-align: center; margin-top:10px; border-radius: 4px; }
.form_wrap .analyzeform form .wrap{padding-left:0px; }
.form_wrap .analyzeform{margin:0px; }
.eggoffer .broken{display: none;}
.eggoffer .unbroken{display: block;}
.mypopup-wrap .easter{display: none!important;}
.overlay-bg.vis {display: block!important; }
.analyzeform form input[type="text"], .analyzeform form input[type="email"], .analyzeform form input[type="number"], .analyzeform form input[type="tel"], .analyzeform form textarea {width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 13px 15px;color: gray;font-size: 13px;/* border-radius: 5px; */height: 50px;font-weight: 400;outline: none !important;margin-bottom: 10px;transition: 0.4s;/* color: #fff; */font-weight: 700;/* cursor: pointer; */font-size: 12px;text-transform: uppercase;padding: 19px 31px;margin-left: 0;text-align: left;letter-spacing: 1px;/* border-radius: 0px 5px 5px 0; */font-family: var(--primary-font-family);padding: 30px;}
/*=========================================egg-popup======================================================*/
/* BEGIN: BANNER SEC CSS */
.main-banner {
background: url(../images/bg.png) no-repeat;
background-size: contain;
background-position: right;
/*margin-top: 5%;*/
}
.main-slider .item {
height:720px;
}
.main-slider .carousel-caption {
left: 0%;
top: 0%;
right: 0%;
text-align: left;
display: flex;
align-items: center;
text-shadow:none;
}
.main-slider .item h1 {
font-weight: 400;
font-size: 22px;
color: #2c5471;
padding-right: 80px;
/* line-height: 46px; */
}
.main-slider .item h1 span {
color: #ff5a06;
font-weight: 900;
font-size: 56px;
}
.main-slider .item h1 span.blue {
color: #111111;
font-weight: 900;
font-size: 60px;
}
a.schedule-btn {
padding: 15px 20px;
display: inline-block;
/* background: rgb(102,149,2); */
background: -moz-linear-gradient(top, rgba(102,149,2,1) 0%, rgba(185,241,57,1) 100%);
/* background: -webkit-linear-gradient(top, rgb(255, 90, 6) 0%,rgba(185,241,57,1) 100%); */
background: linear-gradient(to bottom, rgb(255, 90, 6) 0%,rgb(255, 90, 6) 100%);
color: #fff;
border-radius: 5px;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
}
a.schedule-btn img {
display: inline-block;
}
/* END: BANNER SEC CSS */
/* BEGIN: CALL TO ACTION CSS */
section.analyze-sec {
background: #f4fbff;
padding: 50px 180px;
margin-top: -127px;
}
section.analyze-sec h3 {
display: inline-block;
color: #111111;
font-size: 24px;
font-weight: 700;
margin: 7px 30px 0 0;
/* float: left; */
}
section.analyze-sec input {
border: 1px solid #c4d5de;
border-radius: 5px;
padding: 13px 30px 13px 20px;
/* float: left; */
}
a.analyze-btn {
background: #ff5a06;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
padding: 12px 25px;
border-radius: 40px;
border-top-left-radius: 0px;
position: relative;
right: 30px;
border: 1px solid #ff5a06;
}
a.analyze-btn:hover {
background: #f4fbff;
color: #ff5a06;
border: 1px solid #ff5a06;
}
/* END: CALL TO ACTION CSS */
/* BEGIN: ABOUT SEC CSS */
section.about-sec {
padding: 50px 0px 50px;
}
section.about-sec h3 {
font-size: 30px;
color: #111111;
font-weight: 600;
margin: 30px 0px10px;
}
section.about-sec h3 span {
color: #ff5a06;
font-size: 44px;
font-weight: 900;
}
section.about-sec p {
color: #3f596b;
font-size: 15px;
line-height: 23px;
}
a.about-btn {
background-color: transparent;
border: 1px solid #ff5a06;
color: #ff5a06;
font-weight: 800;
font-size: 18px;
padding: 10px 30px;
display: inline-block;
border-radius: 30px;
margin-top: 15px;
text-transform: uppercase;
}
a.about-btn:hover {
background-color: #ff5a06;
border: 1px solid #ff5a06;
color: #fff;
}
/* END: ABOUT SEC CSS */
/* BEGIN: SERVICE SEC CSS */
section.services {
padding: 120px 0px 50px;
position: relative;
}
section.services .sec-heading h2{
text-align: left !important;
width: 100% !important
}
section.services .slick-vertical .slick-slide {
opacity: 0.5;
}
section.services .slick-slide.slick-current.slick-active {
opacity: 1;
}
section.services:before {
content: '';
background: url(../images/services-bg-before.png) no-repeat;
position: absolute;
width: 70%;
height: 400px;
right: 0%;
top: 15%;
}
.services .slick-list {
z-index:10;
}
.services .slick-prev {
left: -33% !important;
top: -35px !important;
transform: rotate(90deg);
}
.services .slick-next {
left: -35% !important;
bottom: 160px !important;
top: auto;
transform: rotate(90deg);
}
.service-img-bg {
position: absolute;
top: -150px;
margin: 0 auto;
right: 50px;
}
section.services .sec-heading p {
color: #3f596b;
font-size: 14px;
font-weight: 400;
line-height: 28px;
}
.offer-row {
padding: 0px 0p 0px;
margin: 100px auto 00px auto;
}
.slide-nav-list {
display: inline-block;
background: url(../images/nav-list-bg.png) no-repeat;
background-size: cover;
padding: 10px;
position: relative;
width: 100%;
min-height: 155px;
margin-top: 0;
text-align: center;
border-radius: 25px;
margin-top: auto;
margin-bottom: auto;
}
.slide-nav-list img {
margin: 17px auto 0 auto;
width: 50%;
}
.view-pckg-icon {
position: absolute;
margin: 0;
bottom: -3px;
right: 15%;
}
.slide-heading h2 {
font-size: 30px;
color: #111111;
font-weight: 600;
}
.slick-slide.slick-current.slick-active .slide-nav-list h3{ color: #ff5a06;}
.slide-nav-list h3 {
font-size: 12px;
font-weight: 700;
color: #111111;
text-transform: uppercase;
line-height: 14px;
margin: 10px auto;
}
.slide-nav-list h4 {
font-size: 5px;
font-weight: 800;
color: #2c5471;
text-transform: uppercase;
line-height: 24px;
}
.slide-heading h2 span {
color: #111111;
}
.slide-heading p {
color: #111111;
font-size: 14px;
line-height: 23px;
font-weight: 400;
margin-bottom: 0px;
}
.slide-portfolio {
padding: 30px 0px 40px;
}
.slide-portfolio h5 {
color: #2c5471;
font-size: 18px;
text-transform: uppercase;
font-weight: 800;
}
.portfolio-list {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
text-align: center;
}
.portfolio-list li {
display: inline-block;
width: 22%;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 0px 20px 0px rgba(108, 177, 225, 0.29);
margin: 8px;
}
.slide-portfolio .view-all-btn {
display: inline-block;
position: relative;
top: -70px;
left: 20px;
color: #ff5a06;
font-weight: 700;
text-transform: uppercase;
}
.slick-dots {display: none!important;}
/* BEGIN: SERVICE SEC CSS */
/* BEGIN: STARTED PACKAGES SEC CSS */
.start-pckg-bg {
background: url(../images/start-pckg-bg.png) no-repeat;
background-position: top left;
display: inline-flex;
padding: 50px 0px 50px;
background-size: 100% 100%;
width: 100%;
position:relative;
margin-bottom: 60px;
}
.start-pckg-bg:before {
content: '';
background-color: transparent;
border: 2px dashed #6cbcea;
width: 400px;
height: 400px;
position: absolute;
left: -10%;
border-radius: 50%;
top: -5%;
z-index: -1;
opacity: 0.3;
}
.start-pckg-bg:after {
content: '';
background:url(../images/start-pckg-after-bg.png) no-repeat;
width: 230px;
height: 490px;
position: absolute;
right: -15%;
top: -0%;
z-index: -1;
}
.start-pckg-bg .packagebox {
margin: 25px 60px;
}
.start-pckg-bg .sec-heading h2 {
font-size: 38px;
color: #fff;
font-weight: 800;
/* position: absolute; */
top: 30%;
/* left: 75px; */
text-align: left;
margin-top: 150px;
}
.start-pckg-bg .sec-heading p {
font-size: 14px;
font-weight: 400;
color: #fff;
padding-left: 82px;
/* top: 0; */
left: 11%;
}
a.get-started-btn {
background: #ff5a06;
color: #fff;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
padding: 14px 30px;
display: inline-block;
position: relative;
bottom: 20%;
left: 11%;
border-radius: 5px;
margin-left: 10px;
}
a.get-started-btn:after {
content: '';
background: url(../images/started-btn-after-img.png) no-repeat;
position: absolute;
width: 430px;
height: 105px;
left: 100%;
top: -25px;
background-size: contain;
}
/* END: STARTED PACKAGES SEC CSS */
/* BEGIN: PACKAGES SEC CSS */
section.hourpackages_sec {
background: url(../images/package-sec-bg.jpg) no-repeat;
background-size:cover;
padding: 60px 0 60px;
position: relative;
}
.sec-heading h2 {
font-size: 30px;
color: #111111;
font-weight: 600;
width: 75%;
margin: 30px auto 0px;
text-align: center;
}
.sec-heading p {
color: #3f596b;
font-size: 15px;
font-weight: 500;
}
.ourpackages_diver {
margin: 0% 0 0;
}
.packagebody {
padding: 10px 20px 20px;
border-radius: 10px;
/* box-shadow: 0px 0px 46px #0000001a; */
}
.packagebox {
border: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 10px 20px;
box-shadow: 0px 0px 10px #0000001a;
background:#fff;
}
.packagebox .packagebody h3 {
text-align: center;
margin: 0;
/* text-transform: uppercase; */
font-weight: bold;
position: relative;
font-size: 20px;
padding: 6px 0 12px;
margin-bottom: 18px;
/* min-height: 94px; */
}
.packagebox .packagebody h3 dd {
display: block;
font-weight: 900;
color: #ff5a06;
}
.packagebox .packagebody h3:before {
height: 2px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
width: 100%;
content: '';
position: absolute;
bottom: 0px;
left: 0;
background: #ff5a06;
}
.packagebox .packagebody h3 span {
font-weight: 900;
display: inline-block;
color: #111111;
}
.packagebox .packagebody h3 small {
display: block;
color: #2c5471;
font-weight: 700;
font-size: 20px;
padding: 0;
text-transform: capitalize;
}
.packagebody ul li {
color: #3f596b;
font-weight: 400;
font-size: 13px;
margin-bottom: 7px;
position: relative;
padding: 2px 0;
padding-left: 20px;
text-align: left;
}
.packagebody ul li:before {
content: '';
background: url(../images/sprite.png) no-repeat;
left: 0;
top: 5px;
width: 10px;
height: 12px;
-webkit-background-size: auto;
background-size: auto;
position: absolute;
}
.packagebody ul {
height: 214px;
overflow-y: scroll;
scroll-behavior: smooth;
}
.packagebody ul::-webkit-scrollbar {
display: none;
}
.packagefooter {
padding: 10px 10px 25px;
box-shadow: -7px -26px 62px -32px #cfcfcf9c;
}
.packagefooter .packageprice h3 {
margin: 0;
font-weight: 700;
font-size: 26px;
line-height: 27px;
position: relative;
color: #2c5471;
}
.packagefooter .packageprice h3:after {
width: 142px;
-webkit-background-size: contain;
background-size: contain;
background-image:url(../images/packages_shape.png) ;
content: '';
position: absolute;
height: 52px;
left: 59px;
top: 3px;
background-repeat: no-repeat;
}
.packagefooter .packageprice p {
font-weight: 900;
color: #ff5a06;
margin: 0;
font-size: 25px;
}
.packagefooter .packageprice h4 {
font-weight: 900;
color: #ff5a06;
/*margin: 0;*/
font-size: 28px;
}
.packagefooter .packageprice h5 {
margin: 0;
font-weight: 500;
color: #6cb1e1;
font-size: 15px;
text-decoration: line-through;
}
.packagelinks a.btn2 {
border: 1px solid #ff5a06;
padding: 12px 12px;
margin-left: 0;
color: #fff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
margin: 2px 5px;
border-radius: 5px;
background:#ff5a06;
/* margin-bottom: 20px; */
}
.packagelinks a.btn3 {
border: 1px solid #cbcbcb;
padding: 12px 12px;
margin-left: 0;
color: #2c5471;
font-size: 14px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
margin: 2px 0;
border-radius: 5px;
}
.packagelinks {
text-align: center;
}
.packagefooter .pull-right{
text-align: right;
position: relative;
}
.packageprice {
position: relative;
display: table;
width: 100%;
padding-bottom: 10px;
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
.packagebox .packageprice:after {
height: 2px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
width: 100%;
content: '';
position: absolute;
bottom: 0px;
left: 0;
background: #e6f7ff;
}
.package-bottom h3 {
font-size: 20px;
color: #3f596b;
font-weight: 400;
line-height: 32px;
}
.package-bottom span {
color: #ff5a06;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
}
a.how-works-btn {
background: #2c5471;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
padding: 15px 30px;
display: inline-block;
border-radius: 30px;
border: 1px solid #ff5a06;
margin-top: 15px;
}
a.how-works-btn {
background: #2c5471;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
padding: 15px 30px;
display: inline-block;
border-radius: 5px;
border: none;
margin-top: 15px;
border: 1px solid #2c5471;
}
a.how-works-btn:hover {
background: white;
color: #2c5471;
border: 1px solid #2c5471;
}
.row.package-bottom {
margin-top: 40px;
}
.hourpackages_sec .nav-tabs {
text-align: center !important;
border: none;
margin: 20px 0px 20px;
display: flex;
font-size: center;
/* float: none; */
justify-content: center;
align-items: center;
}
.hourpackages_sec .nav-tabs>li {
display: flex;
align-items: center;
}
.hourpackages_sec .nav-tabs>li>a {
background: transparent;
font-weight: 400;
border: none !important;
padding: 0px;
font-size: 14px;
color: #2d5572;
border-radius: 0;
margin: 0 15px;
font-weight: 700;
}
.hourpackages_sec .nav-tabs>li>a, .hourpackages_sec .nav-tabs>li.active>a:focus, .hourpackages_sec .nav-tabs>li>a:hover {
font-weight:700;
display: inline-flex;
background-color: #e9ecef80;
align-items: center;
/* width: 160%; */
margin: 10px 10px;
padding: 15px 15px;
border-radius: 5px;
/* box-shadow: inset 0px 0px 30px #ff5b07; */
position: relative;
text-align: center !important;
}
.packagebox:hover {
/* background:#2c5471; */
}
.packagebox:hover .packagefooter {
/* background-color:#fff; */
}
.packagebox:hover .packagebody h3 span,
.packagebox:hover .packagebody h3 small,
.packagebox:hover .packagebody ul li {
/* color:#fff; */
}
/* END: PACKAGES SEC CSS */
/* BEGIN: SATISFIED CLIENTS CSS */
.satisfied-clients-sec .name {
color: #ff5a06;
font-size: 28px;
font-weight: 800;
}
.satisfied-clients-sec .desig {
color: #6cb1e1;
font-size: 14px;
margin: 15px 0px;
}
.satisfied-clients-sec p {
line-height: 26px;
padding:0px 40px;
/* font-style: italic; */
}
.client-slider {
padding: 35% 0 0;
}
.satisfied-clients-sec .client-slider img {
display: inline-block;
position: absolute;
left: 50%;
transform: translate(-50%, -80%);
}
section.satisfied-clients-sec {
padding: 70px 0px 20px;
}
.slick-prev {
/*background: url(../images/slick-prev-icon.png) no-repeat !important;*/
border: none !important;
/* width: 60px !important;
height: 60px !important;
background-size: cover !important; */
}
.slick-prev:before, .slick-next:before {
content:none !important;
}
/*.slick-next {
right: 0px !important;
}
.slick-prev {
left: 0px !important;
}*/
.slick-next {
/*background: url(../images/slick-next-icon.png) no-repeat !important;*/
border: none !important;
/* width: 60px !important;
height: 60px !important;
background-size: cover !important; */
}
/* END: SATISFIED CLIENTS CSS */
/* BEGIN: CALL BOX CSS */
.call-box-sec {
background: url(../images/call-box-bg.png) no-repeat;
background-size: cover;
padding: 60px 0px;
display: inline-block;
width: 100%;
}
.call-box {
background: #fff;
text-align: center;
padding: 15px;
border-radius: 20px;
position: relative;
min-height: 350px;
margin: 20px 20px;
box-shadow: 0px 0px 57px 0px rgba(108, 177, 225, 0.29);
}
.call-box img {
display:inline-block;
}
.call-box h3 {
color: #2c5471;
font-size: 18px;
font-weight: 700;
padding: 0px 20px;
}
.call-box h4 {
color: #4c4c4c;
font-size: 24px;
font-weight: 700;
position: absolute;
bottom: 20px;
padding: 0px 20px;
width: 100%;
left: 0;
text-align: center;
}
/* END: CALL BOX CSS */
/* BEGIN: STAND OUT CSS */
section.stand-out-sec {
padding: 60px 0px 60px;
}
section.stand-out-sec h5 {
font-size: 18px;
font-weight: 600;
color: #ff5a06;
margin: 0;
}
section.stand-out-sec h3 {
font-size: 30px;
color: #111111;
font-weight: 600;
width: 75%;
padding-top: 0;
margin-top: 0;
line-height: 36px;
}
section.stand-out-sec p {
color: #3f596b;
font-size: 18px;
line-height: 29px;
}
/* END: STAND OUT CSS */
/* BEGIN: TESTIMONIAL SLIDER CSS */
section.testimonial-sec {
background: url(../images/testi-bg.jpg) no-repeat;
background-size: cover;
padding: 10% 0px;
position: relative;
}
section.testimonial-sec:before {
content: '';
position: absolute;
top: 0;
left: 0;
background: url(../images/testi-bg-top.png) no-repeat;
background-size: cover;
width: 100%;
height: 105px;
}
section.testimonial-sec:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
background: url(../images/testi-bg-bottom.png) no-repeat;
background-size: cover;
width: 100%;
height: 105px;
}
section.testimonial-sec h1 {
font-size: 44px;
color: #2c5471;
font-weight: 900;
position: absolute;
left: 25%;
}
section.testimonial-sec .slick-slider {
margin:0 7%;
}
.testimonial-text {
text-align: right;
padding: 0px 0px 20px 10px;
color: #1b83c6;
font-weight: 600;
font-size: 18px;
position:relative;
}
.testimonial-text:after {
content: '';
position: absolute;
top: -30px;
left: -8px;
font-weight: 700;
font-size: 50px;
font-style: italic;
}
.testimonial-text:before {
content: '';
position: absolute;
bottom: -5px;
right: 0;
font-weight: 700;
font-size: 50px;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.testimonial-for {
color: #596c7c;
text-align: right;
font-size: 14px;
}
.testimonial-logo {
display: inline-block;
width: 400px;
height: 400px;
background: #ffe106;
border-radius: 50%;
text-align: center;
vertical-align: middle;
position: relative;
}
.testimonial-logo img {
top: 50%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
.testimonial-slider .slick-prev:before {
content: '' !important;
background:url(../images/testi-arrow-left.png) no-repeat;
}
.testimonial-slider .slick-next:before {
content: '' !important;
background:url(../images/testi-arrow-right.png) no-repeat;
}
.testimonial-slider .slick-prev, .testimonial-slider .slick-next {
border:none;
}
.testimonial-slider .slick-next:hover, .testimonial-slider .slick-prev:hover {
background-color:transparent;
border-color:transparent;
}
.testimonial-slider .slick-prev {
left: 40% !important;
z-index: 1;
bottom: 5%;
top: auto;
background: none !important;
}
.testimonial-slider .slick-next {
left: 45% !important;
z-index: 1;
bottom: 5%;
top: auto;
background: none !important;
}
/* END: TESTIMONIAL SLIDER CSS */
/* BEGIN: FAQ SEC CSS */
.faq-sec .panel-title a {
font-size: 16px;
color: #000;
font-weight: 600;
}
.faq-sec .panel.panel-default {
border: 1px solid #ddd;
border-radius: 40px;
margin: 20px 0px;
}
.faq-sec .panel-heading {
background: transparent !important;
padding: 20px;
position:relative;
}
.faq-sec .panel-title>a:before {
font-family: FontAwesome;
content: "\f0d7";
color: #fff;
font-size: 20px;
width: 30px;
text-align: center;
padding: 0;
border-radius: 50%;
border: 1px solid #ff5a06;
background-color: #ff5a06;
line-height: 30px;
top: 14px;
position: absolute;
right: 8px;
bottom: 0;
height: 30px;
}
/* End: FAQ SEC CSS */
/* BEGIN: FREE REPORT FORM CSS */
section.free-report-sec {
padding: 0px 0px 60px;
background: url(../images/report-sec-bg.png) no-repeat;
background-position: center bottom;
background-size:100%;
}
.sec-heading h2 span {
color: #111111;
}
.free-report-sec .contactus-form {
background: #fff;
text-align: center;
padding: 25px;
box-shadow: 0px 0px 57px 0px rgba(108, 177, 225, 0.29);
border-radius: 15px;
position: relative;
margin: 40px 20px 20px;
display: inline-block;
}
.contactus-form p {
color: #3f596b;
font-size: 16px;
line-height: 30px;
margin: 0px 0px 0px;
}
.contactus-form p span{
display: block;
}
.contactus-form .form-control {
border: 1px solid #cddee8;
padding: 25px;
}
.contactus-form .submit-btn {
background: #2c5471;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
padding: 15px 80px;
display: inline-block;
border-radius: 30px;
border: 1px solid #2d5572;
margin-top: 15px;
}
/* End: FREE REPORT FORM SEC CSS */
/* BEGIN: FOOTER SEC CSS */
footer {
background: #0d2a3e;
color: #e9f3fb;
padding: 50px 0px 10px;
}
.footer-top-nav-row {
padding-bottom: 15px;
/* border-bottom: 1px solid #1f232f; */
padding-top: 10px;
margin-bottom: 0;
}
.footer-social li {
display: inline-block;
margin: 0px 10px 0 0;
}
.footer-social li a {
font-size: 14px;
width: 35px;
line-height: 40px;
color: #fff;
display: inline-block;
text-align: center;
}
.footer-social li a.tw {
background: #31aae2;
}
.footer-social li a.fb {
background: #0b5fa6;
}
.footer-social li a.drbl {
background: #e11396;
}
.footer-social li a.insta {
background: #313131;
}
.footer-social li a.pint {
background: #f52450;
}
.footer-top-nav li {
display: inline-block;
margin: 15px;
}
.footer-top-nav li a, footer ul li a, footer p {
color: #8f95aa;
font-size: 14px;
text-align: left;
margin: 0;
}
footer p {
padding-right: 35px;
line-height: 26px;
}
.copyright-text {
font-size: 12px;
padding: 0px;
margin: 0 0 0px;
}
footer ul li {
margin:10px 0px;
}
.footer-bottom-nav li {
display: inline-block;
margin: 0px 10px;
}
.footer-bottom-nav li a {
font-size: 12px;
}
.copy-rights-row {
border-top: 1px solid #1f232f;
padding-top: 20px;
margin-top: 0px;
}
/* End: FOOTER SEC CSS */
/* Inner Pages Section Begin */
/* About Us Section Begin */
.inner-page-head {
/* background: url(../images/inner-page-banner.png) no-repeat; */
background-size: cover;
background-position: top center;
min-height: auto !important;
/*padding-bottom: 110px;*/
/*margin-top: 136px;*/
}
.banner-sec-top {
display: inline-block;
width: 100%;
margin-top: 90px;
position:relative;
}
.banner-sec-bg {
background: #f4fbff;
border-top-left-radius: 100px;
width: 75%;
height: 380px;
position: absolute;
top: 0%;
margin-top: 60px;
}
.banner-right-sec {
display: inline-block;
/* position: absolute; */
right: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 24px 0 #3333331f;
}
.banner-sec-top .sec-heading {
text-align: right;
padding: 100px 20px 0px 80px;
position: absolute;
right: 0;
}
.banner-sec-top .sec-heading h2 {
color: #1b79bb;
font-size:62px;
}
.about-cntr-content{
padding: 60px 0;
text-align: center;
}
.about-text p{
color: #2a2a2a;
font-size: 18px;
line-height: 32px;
padding-bottom: 20px;
}
/* About Us Section End */
/* Mission & Vision Section Begin*/
.mission-sec{
background-color: #f4fafe;
padding: 100px 0;
position: relative;
}
.mission-sec:after{
position: absolute;
content: '';
background: url('../images/mission-vector-01.png');
background-repeat: no-repeat;
width: 281px;
height: 593px;
top: 0;
right: 0;
}
.mission-sec:before{
position: absolute;
content: '';
background: url('../images/mission-vector-02.png');
background-repeat: no-repeat;
width: 881px;
height: 751px;
bottom: 0;
left: 0;
}
.mission-content-sec h2{
color: #ff4e0e;
font-size: 45px;
font-weight: 900;
padding-bottom: 10px;
}
.mission-content-sec p {
color: rgba(42, 42, 42, 0.60);
line-height: 30px;
font-size: 16px;
width: 90%;
}
.mission-content-sec {
padding: 0;
}
.mission-tab {
display: inline-block;
margin-top: -5px;
}
.mission-img-sec img {
box-shadow: 0px 0px 9px rgba(108, 177, 225, 0.16);
}
.left-zero{
padding-left: 0;
}
.right-zero{
padding-right: 0;
}
.what-we-sec h2{
color: #1b79bb;
}
.what-we-sec {
padding-left: 50px;
padding-top: 40px;
}
.what-we-sec p{
width: 100%;
}
/* Mission & Vision Section End*/
/* industries section Begin */
.padding-80{
padding: 80px 0;
}
.industries-section .sec-heading p {
color: #2a2a2a;
font-size: 18px;
font-weight: 400;
line-height: 32px;
}
.cilent-item {
text-align: center;
display: inline-block;
margin-bottom: 40px;
}
.cilent-item img{
margin: 0 auto;
}
.cilent-details h2 {
color: #2c5471;
padding-bottom: 10px;
font-size: 20px;
font-weight: bold;
text-transform: capitalize;
}
.cilent-details p {
color: #2a2a2a;
line-height: 22px;
font-size: 16px;
font-weight: 400;
}
/* industries section End */
/* Core value Section Begin */
.core-value-sec .call-box h3{
text-transform: uppercase;
line-height: 20px;
font-size: 16px;
padding: 0;
}
.core-value-sec .call-box h2{
color: #ff5a06;
font-size: 24px;
font-weight: 900;
text-align: center;
}
/* Core value Section End */
/* valued Sectio Begin */
.valued-cilent-sec {
background: #f4fafe;
position: relative;
}
.valued-cilent-sec:after{
content: '';
position: absolute;
background: url('../images/valued-client-vector.png');
background-repeat: no-repeat;
width: 460px;
height: 635px;
right: 0;
top: 0;
}
.valued-cilent-sec .sec-heading p{
color: #2a2a2a;
font-size: 18px;
line-height: 33px;
padding-top: 10px;
}
.award-sec-img {
padding-top: 70px;
text-align:center;
}
.award-sec-img ul li {
display: inline-block;
list-style-type: none;
padding-right: 50px;
}
/* valued Sectio End */
/* Contact Us Section Begin */
.contact-form.free-report-sec {
background: url(../images/contact-form-bg.png) no-repeat;
position:relative;
padding: 0 0px 30px;
}
section.contact-form.free-report-sec:before {
content: '';
background:url(../images/contact-sec-before.png) no-repeat;
width: 344px;
height: 530px;
position: absolute;
right: 0;
bottom: 5%;
z-index: -1;
}
.form-group h3{
color: #2c5471;
font-weight: 800 !important;
}
.form-group {
margin-bottom: 15px;
display: inline-block;
width: 100%;
text-align: center;
}
.contact-form .contactus-form{
position: relative;
}
.contact-form .contactus-form:after{
content: '';
position: absolute;
background: url('../images/contact-vector.png') no-repeat;
height: 199px;
width: 150px;
top: 30px;
left: -110px;
}
/* Contact Us Section End */
/* Combo packages Section Begin */
.inner-packages .packagebox {
box-shadow: 0px 0px 57px 0px rgba(108, 177, 225, 0.29);
margin: 20px 5px;
}
/* Combo packages Section End */
.customize-sec {
box-shadow: 0px 0px 57px 0px rgba(108, 177, 225, 0.29);
padding: 20px;
margin: 20px 5px;
border-radius: 10px;
text-align: center;
border: 2px dashed #1b79bb;
height: 100%;
min-height: 560px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.customize-sec h3 dd {
font-weight: 900;
color: #ff5a06;
text-transform: uppercase;
font-size: 35px;
}
.customize-sec h3 small{
display: block;
color: #2c5471;
font-weight: 600;
font-size: 27px;
padding: 4px 0;
text-transform: capitalize;
}
.customize-sec h3 {
position: relative;
margin-bottom: 18px;
min-height: 104px;
}
.customize-sec h3:before {
height: 2px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
width: 100%;
content: '';
position: absolute;
bottom: 0px;
left: 0;
background: #ff5a06;
}
.customize-sec p{
color: #3f596b;
font-size: 15px;
}
.customize-btn{
padding-top: 20px;
}
.customize-btn a {
border: 1px solid #ff5a06;
padding: 20px 29px;
margin-left: 0;
color: #fff;
font-size: 15px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
margin: 2px 0;
border-radius: 30px;
background: #ff5a06;
display: inline-block;
}
/* logo portfolio Section Begin */
.logo-package-item{
padding-top: 80px;
}
.no-pad{
padding: 0;
}
/* logo portfolio Section End */
/* BEGIN: CONTACT PAGE CSS */
section.contact-page {
padding: 90px 0px;
position:relative;
}
section.contact-page .contactus-form {
background: #fff;
text-align: center;
padding: 45px 40px;
box-shadow: 0px 1px 20px #e9f5fd;
border-radius: 15px;
position: relative;
margin: 0px 20px 0px;
display: inline-block;
}
section.contact-page .contactus-form:before {
content: '';
position: absolute;
top: 50px;
right: -110px;
background: url(../images/contact-page-form-after.png) no-repeat;
width: 195px;
height: 235px;
z-index: -1;
}
section.contact-page .contactus-form:after {
content: '';
position: absolute;
bottom: -40px;
left: -180px;
background: url(../images/contact-page-form-before.png) no-repeat;
width: 500px;
height: 460px;
z-index: -1;
}
section.contact-page:before {
content: '';
background-color: transparent;
border: 2px dashed #95abb7;
width: 290px;
height: 400px;
position: absolute;
left: -7%;
border-radius: 50%;
bottom: 5%;
z-index: -1;
opacity: 0.3;
}
.sec-heading p span {
font-weight: 800;
color: #ff5a06;
font-size: 17px;
}
.contact-page .sec-heading {
margin-top: 40px;
}
.c-detail img {
display: inline-block;
}
.c-detail h4 {
color: #ff5a06;
font-size: 24px;
margin: 0px;
}
.c-detail a {
color: #000;
font-size: 20px;
margin: 0px;
}
.c-detail {
padding: 23px 0px;
}
/* END: CONTACT PAGE CSS */
/* BEGIN: SERVICES PAGE CSS */
.top-form:before{content:'';width: 32px;height: 52px;/* background-color:#333; */position:absolute;top: 0;right: 0;border-left: 85px solid #f65706;border-top: 85px solid #333;border-radius: 0px 0px 0px 239px;box-shadow: 2px 2px 2px 22px #f6580730;}
.top-form {
display: inline-block;
background: #ffffff;
padding: 30px 30px 20px;
box-shadow: 0 0 20px 2px #333;
position: relative;
}
.top-form .form-control {
height: 40px;
width: 100%;
border: none;
border-radius: 4px;
margin: 15px 0px 0px;
padding: 0px 10px;
font-size: 12px;
color: #a5a5a5;
}
.top-form textarea.form-control {
height: auto;
padding: 10px;
margin-top: 0;
resize: none;
border: 1px solid #cbcbcb;
}
.top-form .submit-btn {
background: #2c5471;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
padding: 10px 20px;
display: inline-block;
margin: 0px auto;
border-radius: 5px;
border: none;
}
section.all-services-sec {
position: relative;
padding: 10px 0px 30px;
}
.services-sec-box {
position:relative;
display:inline-block;
}
.services-sec-box:before {
content: '';
background: url(../images/contact-page-form-after.png) no-repeat;
width: 130px;
height: 200px;
position: absolute;
right: -4%;
bottom: -13%;
z-index: -1;
transform: rotate(-90deg);
background-size: 100%;
}
.services-sec-box .call-box {
margin: 30px 0px 0px;
text-align: left;
min-height: 330px;
}
.services-sec-box .call-box img {
display: inline-block;
padding: 0px 10px;
}
.services-sec-box .call-box h2 {
text-align: left;
text-transform: uppercase;
color: #ff5a06;
font-size: 24px;
font-weight: 900;
}
.services-sec-box .call-box p {
color: #595959;
font-size: 13px;
display: inline-block;
margin: 15px 0px;
}
.more-btn {
font-size: 13px;
text-transform: uppercase;
font-weight: 800;
color: #fff;
background: #ff5a06;
padding: 7px 20px;
border-radius: 25px;
display: inline-block;
position: absolute;
left: 15px;
bottom: 9%;
font-size: 13px;
border:1px solid #ff5a06;
}
.more-btn:hover {
color: #ff5a06;
background: transparent;
border:1px solid #ff5a06;
}
section.services-content .sec-heading p {
color: #2a2a2a;
font-size: 18px;
line-height: 32px;
padding-bottom: 20px;
font-weight: 400;
margin-top: 30px;
width: 85%;
margin: 10px auto;
text-align: center;
}
section.services-content ul {
display: flex;
padding: 25px 0 50px 0px;
text-align: left;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 1px;
/* flex-flow: wrap; */
align-items: center;
justify-content: center;
}
section.services-content ul li{
display: inline-block;
padding: 0;
text-align: center;
}
section.services-content ul li {
display: inline-block;
padding: 50px 15px 15px 15px;
text-align: center;
font-size: 16px;
color: #000;
font-weight: 500;
position: relative;
width: 19%;
}
section.services-content ul li i {
font-size: 50px;
color: #ff5a06;
position: absolute;
top: -10px;
margin: 0 auto;
width: 45px;
left: 0;
margin: -10px auto;
right: 0;
}
section.services-content ul li i img{
width:100%;
}
.services-portfolio .package-img {
width: 100%;
/* height: 385px; */
}
.services-portfolio .package-img a {
display: inline-block;
margin: 0;
/* border: 1px solid #ff5a06; */
width: 100%;
height: 100%;
overflow: hidden;
}
.services-portfolio .package-img a img {
display: inline-block;
width: 100%;
height: 100%;
}
/* END: SERVICES PAGE CSS */
/* BEGIN: BRANDING PAGE CSS */
ul.branding-info li {
width: 19%;
padding: 0px 10px !important;
border-right: 2px solid #ff5a06;
}
.branding-portfolio {
padding-bottom: 60px;
}
ul.branding-info {
margin-top: 40px;
}
ul.branding-info li:last-child {
border-right: 0px solid #ff5a06;
}
ul.branding-info li img{
display:inline-block;
/* width: 20%; */
line-height: 0;
margin: 0;
}
ul.branding-info li h4 {
font-weight: 600;
color: #525252;
line-height: 19px;
padding: 0px 5px;
width: 100%;
font-size: 16px;
margin: 8px auto;
}
.logo-packages-heading .sec-heading {
padding-bottom: 40px;
}
/* END: BRANDING PAGE CSS */
/* BEGIN: WEB PAGE CSS */
.sec-heading.small-heading h2 {
font-size: 46px;
}
.web-design-package .nav-tabs {
text-align: center;
border: none;
margin: 40px 0px 20px;
}
.web-design-package .nav-tabs>li {
float: none;
display: inline-block;
}
.web-design-package .nav-tabs>li>a {
background: transparent;
font-weight: 400;
border: none !important;
padding: 0px;
font-size: 14px;
color: #ff5a06;
border-radius: 0;
margin: 0 15px;
}
.web-design-package .nav-tabs>li.active>a, .web-design-package .nav-tabs>li.active>a:focus, .web-design-package .nav-tabs>li>a:hover {
font-weight:700;
}
.web-design-package .tab-content {
display: inline-block;
padding-top: 30px;
}
section.web-design-package .web-package-img {
margin: 15px 0px;
}
section.web-packages .sec-heading {
padding: 10px 0px 40px;
}
section.web-call {
background: #2c5471;
color: #fff;
text-align: center;
padding: 40px 0px;
margin-bottom:30px;
}
.web-call h2 {
color: #fff;
font-size: 54px;
text-align: center;
font-weight: 800;
margin: 0px;
}
.web-call a {
color: #fff;
font-size: 19px;
text-align: center;
font-weight: 700;
margin: 0px;
background: #fe3205;
padding: 12px 10px;
display: inline-block;
border-radius: 30px;
text-transform: uppercase;
width: 220px;
margin: 15px 10px 0px;
}
/* END: WEB PAGE CSS */
/* BEGIN: OUR WORK PAGE CSS */
.inner-page-head .work-page-banner {
}
.work-slider .sec-heading {
text-align: center;
}
section.web-design-package.work-portfolio .web-package-img {
margin: 0px 0px;
}
/* END: OUR WORK PAGE CSS */
/*animation starts */
.slider-item {
position: relative;
padding: 2% 0;
height: 100vh;
}
.scene, .layer {
display: block;
height: 100%;
width: 100%;
padding: 0;
margin: -30px 0 0 0;
}
.layer {
position: absolute;
}
.firstplan {
background: url(../images/new-elements/shape-left-bottom.png);
background-position: center center;
position: absolute;
width: 90px;
height: 113px;
left: 27px;
top: 439px;
background-size: cover;
}
.thirdplan {
background: url(../images/new-elements/banner-rightimg.png) no-repeat 50% 100%;
background-position: center center;
background-size: cover;
position: absolute;
width: 700px;
height: 738px;
left: 0;
top: 44px;
display: block;
}
.secondplan {
background: url(../images/new-elements/shape-left-top.png);
background-position: center center;
position: absolute;
width: 132px;
height: 196px;
left: -385px;
top: 250px;
right: 0;
margin: 0 auto;
z-index: 999999999999999999999;
}
.fourthplan {
background: url(../images/new-elements/shape-right-bottom.png);
background-position: center center;
position: absolute;
width: 170px;
height: 124px;
right: 95px;
bottom: 188px;
background-size: cover;
}
.slideritem-content {
margin: 30% 0 40%;
}
.bottom_section {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;-webkit-animation: bounce 2s infinite ease-in-out;-moz-animation: bounce 2s infinite ease-in-out;
}
.bottom_section img {margin-bottom: 100px;}
@-webkit-keyframes bounce {0%, 20%, 60%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-20px); }}
.main-slider {
position: relative;
}
.hvr-radial-out:active:before, .hvr-radial-out:focus:before, .hvr-radial-out:hover:before {
-webkit-transform: scale(2);
transform: scale(2);
background-color: #ffffff;
}
.packagebox {
display: block;
}
/*animation ends */
/* Inner Pages Section End */
@media only screen and (min-device-width:520px) and (max-device-width:767px) and (orientation:portrait) {}
@media only screen and (min-device-width:120px) and (max-device-width:750px) and (orientation:landscape) {}
@media only screen and (min-device-width:751px) and (max-device-width:999px) and (orientation:portrait) {}
@media only screen and (min-device-width:751px) and (max-device-width:999px) and (orientation:landscape) {}
@media only screen and (min-device-width:1000px) and (max-device-width:1030px) and (orientation:portrait) {}
@media only screen and (min-device-width:1000px) and (max-device-width:1030px) and (orientation:landscape) {}
@media only screen and (min-device-width:1000px) and (max-device-width:1030px) and (orientation:landscape) {}
@media only screen and (min-width: 2100px) and (max-width: 2200px){
.fourthplan {
width: 170px;
height: 124px;
right: 157px;
bottom: 164px;
}
.secondplan {
width: 132px;
height: 196px;
left: -478px;
top: 219px;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 1950px) and (max-width: 2199px){
.fourthplan {
width: 170px;
height: 124px;
right: 157px;
bottom: 164px;
}
.secondplan {
width: 132px;
height: 196px;
left: -478px;
top: 219px;
right: 0;
margin: 0 auto;
}
.thirdplan {
width: 652px;
height: 685px;}
}
@media only screen and (min-width: 1700px) and (max-width: 1800px){
.thirdplan {
width: 693px;
height: 727px;}
.fourthplan {
width: 170px;
height: 124px;
right: 28px;
bottom: 203px;
}
}
@media only screen and (min-width: 1591px) and (max-width: 1699px){
.thirdplan {
width: 593px;
height: 627px;}
.fourthplan {
width: 170px;
height: 124px;
right: 28px;
bottom: 203px;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1590px){
.thirdplan {
width: 548px;
height: 585px;}
.secondplan {
left: -249px;
top: 194px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1300px){
.thirdplan {
width: 548px;
height: 585px;}
.secondplan {
left: -249px;
top: 194px;}
}
@media only screen and (min-width: 1445px) and (max-width: 1599px) {
.services .slick-prev {
top: -85px !important;
}
/*.packagesslider .slick-prev {
left: 0 !important;
}
.packagesslider .slick-next {
right: 0 !important;
}*/
.start-pckg-bg:after {
width: 100%;
right: 0;
}
.main-banner {
background-position: 100%;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1444px) {
.services .slick-prev {
top: -85px !important;
}
/*.packagesslider .slick-prev {
left: 0 !important;
}
.packagesslider .slick-next {
right: 0 !important;
}*/
.start-pckg-bg:after {
width: 100%;
right: 0;
}
.main-banner {
background-position: right;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1365px){
.main-banner {
background-position: 90%;
}
.offer-row {
padding: 100px 0px 0;
}
.services .slick-prev {
top: -85px !important;
}
.packagesslider .slick-prev {
left: 0 !important;
}
.packagesslider .slick-next {
right: 0 !important;
}
.start-pckg-bg:after {
width: 100%;
right: 0;
}
.core-value-slider .slick-prev {
left: 0 !important;
}
.core-value-slider .slick-next {
right: 0 !important;
}
.padding-80 {
padding: 10px 0;
}
.services-portfolio .package-img {
height: auto;
}
section.contact-page:before {
width: 100%;
left: 0;
}
section.contact-page .contactus-form:before {
right: 0;
width: 100%;
}
section.contact-page .contactus-form:after {
left: 0;
width: 100%;
}
.logo-package-item {
padding-top: 30px;
}
.services-sec-box:before {
width: 160px;
right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
ul.nav.navbar-nav {
width: 59%;
}
.navbar-nav li:last-child {
padding-right: 0;
}
.navbar-nav li {
padding: 5px 2px;
}
.navbar-nav li a.call-btn {
padding: 6px 7px !important;
font-size: 13px;
}
.navbar-nav li a {
font-size: 13px;
}
.main-banner {
background-position: 55%;
}
.main-slider .item h1 {
font-size: 40px;
}
section.analyze-sec h3 {
font-size: 20px;
}
.view-pckg-icon {
right: -5%;
}
.services .slick-prev {
top: -66px !important;
}
.offer-row {
padding: 140px 0px 0;
}
.start-pckg-bg .packagebox {
margin: 25px 0;
}
.start-pckg-bg:after {
width: 100%;
right: 0;
}
.start-pckg-bg:before {
width: 100%;
left: 0;
}
.start-pckg-bg .sec-heading h2 {
font-size: 37px;
}
.start-pckg-bg .sec-heading p {
top: 48%;
}
.packagesslider .slick-next {
right: 0 !important;
}
.packagesslider .slick-prev {
left: 0 !important;
}
section.testimonial-sec h1 {
left: 11%;
}
.testimonial-text:after {
left: 0px;
}
.testimonial-text:before {
bottom: -40px;
}
.testimonial-logo {
display: inline-block;
width: 380px;
height: 380px;
}
.testimonial-slider .slick-prev {
bottom: 0%;
}
.testimonial-slider .slick-next {
bottom: 0%;
}
.sec-heading h2 {
font-size: 45px;
text-align: center;
margin-bottom: 40px;
}
.free-report-sec .contactus-form {
margin: 0 20px 20px;
}
.footer-top-nav li {
margin: 9px;
}
.hourpackages_sec .nav-tabs>li>a {
margin: 0 12px;
}
.inner-page-head {
min-height: 540px;
background-size: auto;
}
.about-cntr-content {
padding: 0 0 0;
}
.mission-sec:after {
background: transparent;
width: 100%;
}
.mission-sec:before {
width: 100%;
}
.mission-sec {
padding: 50px 0 30px;
}
.padding-80 {
padding: 0 0 0;
}
.award-sec-img {
padding-top: 10px;
}
.core-value-slider .slick-prev {
left: 0 !important;
}
.core-value-slider .slick-next {
right: 0 !important;
}
.banner-sec-top {
margin-top: 0;
}
.packagefooter .packageprice h4 {
font-size: 27px;
}
.packagelinks a.btn3 {
padding: 12px 6px;
font-size: 14px;
}
.services-portfolio .package-img {
height: auto;
}
section.testimonial-sec:after {
height: auto;
}
section.testimonial-sec {
padding: 10% 0px 7%;
}
section.contact-page:before {
width: 100%;
left: 0;
}
section.contact-page .contactus-form:before {
right: 0;
width: 100%;
}
section.contact-page .contactus-form:after {
left: 0;
width: 100%;
}
.logo-package-item {
padding-top: 30px;
}
.services-sec-box:before {
width: 160px;
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.slick-dots {display: block!important;}
.branding-portfolio {
padding-bottom: 0;
}
.navbar-brand {
padding: 20px 0px 0px 0;
}
.navbar {
/* text-align: center; */
/* display: table; */
margin: 0 auto;
}
.navbar .navbar-header {
float: none;
}
.navbar-nav li {
float: none;
display: inline-block;
}
.main-banner {
background: transparent;
}
.main-slider .item h1 {
text-shadow: 0 0 2px black;
}
.main-slider .item {
height: 480px;
}
section.analyze-sec {
text-align: center;
}
section.analyze-sec h3 {
margin: 0px 0 25px 0;
}
.service-img-bg {
position: static;
top: 0;
}
.service-img-bg img{margin: auto;}
.slide-nav-list h3 {
font-size: 11px;
font-weight: 500;
}
.slide-nav-list{
min-height: 127px;
}
.slide-heading h2 {
font-size: 36px;
}
.offer-row {
padding: 0px 0px 0 !important;
}
.services .slick-next {
bottom: 301px !important;
}
.services .slick-prev {
top: -85px !important;
}
.start-pckg-bg .packagebox {
margin: 25px 0;
}
.start-pckg-bg .sec-heading h2 {
font-size: 24px;
position: static;
padding: 0 0px 0 9px;
line-height: 32px;
margin: 0 auto;
}
.start-pckg-bg .sec-heading p {
font-size: 14px;
position: static;
padding: 0 0px 10px 60px;
}
a.get-started-btn {
position: static;
margin-left: 56px;
font-size: 10px;
padding: 11px;
}
.start-pckg-bg .col-md-7 {
display: flex;
align-items: center;
}
.packagefooter .packageprice h3 {
font-size: 18px;
line-height: 22px;
}
.packagefooter .packageprice h4 {
font-size: 21px;
}
.packagefooter .packageprice h3:after {
top: 0;
background: transparent;
}
.start-pckg-bg {
padding: 0 0;
}
.packagelinks a.btn2 {
font-size: 10px;
padding: 12px 6px;
}
.packagelinks a.btn3 {
font-size: 11px;
padding: 12px 2px;
}
.start-pckg-bg:before {
width: 100%;
left: 0;
}
a.get-started-btn:after {
width: 100%;
left: 0;
}
.start-pckg-bg:after {
width: 100%;
right: 0;
}
.hourpackages_sec .nav-tabs>li>a {
margin: 0 5px;
font-size: 12px;
margin-bottom: 12px;
}
.packagebox .packagebody h3 dd {
font-size: 21px;
}
.packagesslider .slick-prev {
left: 0 !important;
}
.packagesslider .slick-next {
right: 0 !important;
}
.client-slide .slick-prev {
left: -50 !important;
}
.client-slide .slick-next {
right: -50 !important;
}
.call-box h4 {
position: static;
padding: 0;
font-size: 15px;
}
.call-box h3 {
font-size: 10px;
line-height: 15px;
padding: 0px 0px;
}
.call-box-sec {
padding: 0 0px;
}
section.stand-out-sec h3 {
font-size: 28px;
}
section.stand-out-sec {
padding: 20px 0px 0;
}
.testimonial-logo {
width: 300px;
height: 300px;
}
section.testimonial-sec h1 {
position: static;
padding: 0 0;
text-align: center;
}
.testimonial-text {
padding: 0px 0px 20px 0;
text-align: center;
}
section.testimonial-sec .slick-slider {
margin: 0 7% 40px;
}
.testimonial-logo img {
width: 80%;
}
.testimonial-slider .slick-prev {
left: 40% !important;
bottom: -4%;
}
.testimonial-slider .slick-next {
left: 49% !important;
bottom: -4%;
}
.testimonial-text:after {
top: -39px;
}
.testimonial-text:before {
bottom: -37px;
}
.faq-sec .panel-title a {
font-size: 14px;
width: 90%;
display: block;
}
.sec-heading h2 {
font-size: 30px;
text-align: center;
margin-bottom: 40px;
}
.free-report-sec .contactus-form {
margin: 0 20px 20px;
}
.free-report-sec .contactus-form {
background: #fff;
text-align: center;
padding: 5px;
box-shadow: 0px 0px 57px 0px rgba(108, 177, 225, 0.29);
border-radius: 15px;
position: relative;
margin: 0px 20px 20px;
display: inline-block;
}
.footer-top-nav li {
margin: 3px;
}
.footer-top-nav li a, footer ul li a, footer p {
font-size: 12px;
}
.footer-bottom-nav li a {
font-size: 10px;
}
.footer-bottom-nav li {
margin: 0px 3px;
}
.footer-social li {
margin: 0px 4px 0 0;
}
.inner-page-head {
background: transparent;
}
.banner-right-sec {
position: static;
}
.banner-sec-top .sec-heading {
text-align: center;
padding: 30px 20px 30px 80px;
position: static;
}
.banner-sec-bg {
width: 100%;
margin-top: 30px;
}
.banner-sec-top {
margin-top: 0;
}
.mission-sec:after {
background: transparent;
width: 100%;
height: auto;
}
.mission-content-sec h2 {
margin: 0;
}
.mission-content-sec p {
line-height: 21px;
font-size: 13px;
}
.mission-sec:before {
width: 100%;
}
.mission-sec {
padding: 50px 0 30px;
}
.cilent-inner {
display: table;
margin: 0 auto;
text-align: center;
}
.padding-80 {
padding: 80px 0 0;
}
.padding-80 {
padding: 0 0 0;
}
.core-value-slider .slick-prev {
left: 0 !important;
}
.core-value-slider .slick-next {
right: 0 !important;
}
.award-sec-img ul {
padding: 0;
display: table;
margin: 0 auto;
}
.award-sec-img ul li {
padding-right: 21px;
}
.about-cntr-content {
padding: 30px 0 0;
}
.customize-sec {
min-height: auto;
}
.customize-sec h3 dd {
font-size: 25px;
}
.customize-btn a {
padding: 20px 8px;
font-size: 14px;
}
.services-portfolio .package-img {
height: auto;
}
section.testimonial-sec:after {
height: auto;
}
section.testimonial-sec {
padding: 9% 0px 4%;
}
section.services-content ul {
margin-bottom: 0;
text-align: center;
}
ul.branding-info {
margin-top: 0;
}
section.contact-page:before {
width: 100%;
left: 0;
}
section.contact-page {
padding: 0 0px;
text-align: center;
}
section.contact-page .contactus-form:before {
right: 0;
width: 100%;
}
section.contact-page .contactus-form:after {
left: 0;
width: 100%;
}
.flexCol {
display: inherit;
}
.services-sec-box .call-box h2 {
font-size: 15px;
}
.more-btn {
position: static;
}
.testimonial-for {
text-align: center;
}
.services-sec-box:before {
width: 160px;
right: 0;
}
}
@media only screen and (min-width: 520px) and (max-width: 767px){
.navbar-brand {
padding: 20px 0px 0px 0;
width: 70%;
}
.navbar-brand img {
width: 100%;
}
.main-banner {
background: transparent;
}
.navbar-toggle {
margin-top: 30px;
margin-right: 0;
}
.main-slider .carousel-caption {
display: block;
align-items: initial;
padding: 0;
}
.main-slider .item h1 {
font-size: 20px;
padding-right: 0;
line-height: 32px;
text-align: center;
}
.main-slider .item h1 span {
font-size: 23px;
}
.main-slider .item h1 span.blue {
font-size: 25px;
}
a.schedule-btn {
padding: 10px 22px;
font-size: 15px;
display: table;
margin: 0 auto 30px;
}
.main-slider .item {
height: 620px;
}
section.analyze-sec {
padding: 40px 0px;
text-align: center;
}
section.analyze-sec input {
width: 74%;
}
a.analyze-btn {
padding: 12px 10px;
font-size: 10px;
right: 0;
}
section.analyze-sec h3 {
font-size: 19px;
margin: 0px 30px 20px 0;
}
.flexCol {
display: inherit;
}
section.about-sec {
text-align: center;
}
section.about-sec h3 span {
font-size: 32px;
}
section.services {
padding: 0px 0px 0;
text-align: center;
}
.sec-heading h2 {
font-size: 28px;
}
.service-img-bg {
position: static;
top: 0;
}
.slide-nav-list h3 {
text-align: left;
margin: 50px 0 0;
font-size: 23px;
}
.slide-nav-list h4 {
text-align: left;
font-size: 23px;
}
.view-pckg-icon {
right: 40px;
}
.slide-nav-list {
margin-top: 0;
background-position: 100%;
}
.offer-row {
padding: 20px 0px 0;
}
.slide-heading p {
margin-bottom: 0;
}
.slide-portfolio {
padding: 30px 0px 0;
}
.slide-heading h2 {
font-size: 35px;
}
.start-pckg-bg .sec-heading p {
position: static;
text-align: center;
}
.start-pckg-bg .sec-heading h2 {
font-size: 25px;
position: static;
text-align: center;
}
a.get-started-btn {
position: static;
}
.start-pckg-bg {
display: inline-block;
}
.start-pckg-bg .packagebox {
margin: 25px 0;
}
.packagelinks a.btn2 {
padding: 12px 19px;
font-size: 10px;
}
.packagelinks a.btn3 {
padding: 12px 9px;
font-size: 10px;
}
.sec-heading {
text-align: center;
}
section.hourpackages_sec {
padding: 30px 0 60px;
}
.hourpackages_sec .nav-tabs>li {
display: block;
margin-bottom: 11px;
}
.packagebox .packagebody h3 {
font-size: 23px;
min-height: 84px;
}
.packagebox .packagebody h3 small {
font-size: 22px;
}
.package-bottom span {
font-size: 17px;
}
.row.package-bottom {
margin-top: 0;
}
section.satisfied-clients-sec {
padding: 20px 0px 20px;
}
.call-box-sec {
padding: 0px 0px;
}
.call-box h4 {
position: static;
}
.call-box h3 {
font-size: 14px;
line-height: 21px;
}
.call-box h4 {
font-size: 18px;
}
.call-box {
min-height: 330px;
}
section.stand-out-sec {
padding: 10px 0px 40px;
text-align: center;
}
section.stand-out-sec h3 {
font-size: 26px;
}
section.testimonial-sec h1 {
position: static;
font-size: 27px;
text-align: center;
}
section.testimonial-sec:before {
background: transparent;
}
.testimonial-text {
font-size: 15px;
text-align: center;
padding: 0;
}
.testimonial-for {
text-align: center;
}
.testimonial-text:after {
display: none;
}
.testimonial-logo img {
width: 60%;
}
.testimonial-logo {
width: 230px;
height: 230px;
}
.testimonial-logo {
margin-bottom: 30px;
}
.testimonial-slider .slick-next {
bottom: 0;
left: 49% !important;
}
.testimonial-slider .slick-prev {
left: 38% !important;
bottom: 0;
}
section.testimonial-sec {
padding: 0 0px;
}
section.testimonial-sec:after {
height: auto;
}
.faq-sec .panel-title a {
font-size: 14px;
width: 90%;
display: block;
}
.faq-sec .panel-title>a:before {
width: 35px;
height: 35px;
line-height: 35px;
}
section.free-report-sec {
padding: 10px 0px 30px;
}
.free-report-sec .contactus-form {
padding: 45px 10px;
margin: 20px 0;
}
.client-slide .slick-prev {
left: 0 !important;
}
.client-slide .slick-next {
right: 0px !important;
}
footer {
text-align: center;
}
.footer-top-nav li {
display: block;
margin: 15px;
}
.for_fotterLogo img {
margin: 0 auto;
}
footer p {
padding-right: 0;
}
.footer-top-nav-row {
margin-bottom: 0;
}
.copy-rights-row {
margin-top: 0;
}
.footer-bottom-nav li {
display: block;
margin: 0px 10px 5px;
}
a.get-started-btn:after {
width: auto;
left: 0;
background: transparent;
}
.start-pckg-bg:after {
background: transparent;
width: auto;
right: 0;
}
.start-pckg-bg:before {
width: auto;
left: 0;
border: transparent;
}
.service-img-bg img {
margin: 0 auto;
}
ul.nav.navbar-nav {
float: left;
margin: 0;
padding: 0 0px;
}
.inner-page-head {
background: transparent;
min-height: 490px;
}
.banner-sec-bg {
height: auto;
position: static;
margin-top: 0;
}
.banner-sec-top .sec-heading {
text-align: center;
padding: 0;
position: static;
right: 0;
}
.mission-sec {
padding: 0 0;
text-align: center;
}
.mission-sec:after {
background: transparent;
width: 100%;
}
.about-cntr-content {
padding: 0 0 0;
text-align: center;
}
.mission-sec:before {
width: 100%;
height: auto;
}
.what-we-sec {
padding-left: 0;
}
.padding-80 {
padding: 0 0;
}
.mission-tab .left-zero {
padding-left: 15px;
}
.core-value-slider .slick-next {
right: 0 !important;
}
.core-value-slider .slick-prev {
left: 0 !important;
}
.banner-sec-top {
margin-top: 10px;
}
.banner-right-sec {
position: static;
}
.award-sec-img {
padding-top: 0;
}
.award-sec-img ul {
padding: 0;
}
.award-sec-img ul li {
padding-right: 0;
}
.cilent-inner {
display: table;
margin: 0 auto;
text-align: center;
}
.banner-sec-top .sec-heading h2 {
font-size: 42px;
}
section.services-content ul {
margin-bottom: 20px;
}
section.services-content .sec-heading p {
padding-bottom: 0;
}
.customize-sec {
min-height: auto;
}
.services-portfolio .package-img {
height: auto;
margin-bottom: 20px;
}
section.services-content ul li {
display: inline-block;
width: 30%;
margin-bottom: 20px;
}
.branding-portfolio {
padding-bottom: 0;
}
section.contact-page {
padding: 0 0px;
}
.c-detail {
text-align: center;
}
section.contact-page:before {
width: 100%;
left: 0;
}
section.contact-page .contactus-form {
padding: 45px 0;
margin: 0px 0 0px;
}
section.contact-page .contactus-form:before {
right: 0;
width: 100%;
}
section.contact-page .contactus-form:after {
left: 0;
width: 100%;
}
.logo-package-item .no-pad{
padding: 15px;
}
.logo-package-item {
padding-top: 0;
}
.logo-package-img a img {
width: 100%;
}
.web-design-package .nav-tabs>li {
display: inline-block;
margin-bottom: 10px;
}
.web-design-package .tab-content {
padding-top: 0;
}
.web-design-package .nav-tabs>li>a {
margin: 0 9px;
}
.top-bar{display:none !important }
.services-sec-box .call-box img {
display: block;
padding: 0px 0;
margin: 0 auto;
}
.services-sec-box .call-box h2 {
text-align: center;
}
.more-btn {
position: static;
}
.services-sec-box .call-box {
text-align: center;
}
.services-sec-box:before {
background: transparent;
width: 100%;
right: 0;
}
}
@media only screen and (min-width: 300px) and (max-width: 519px){
.navbar-brand {
padding: 20px 0px 0px 0;
width: 70%;
}
.navbar-brand img {
width: 100px;
margin-left: 0;
}
.main-banner {
padding-top: 100px !important;
height: 440px !important;
padding-bottom: 0 !important;
background-size: 100% !important;
background-position: center !important;
margin: 0;
}
.main-banner img{display:none }
.navbar-toggle {
margin-top: 0;
margin-right: 0;
}
.main-slider .carousel-caption {
display: block;
align-items: initial;
padding: 0;
}
.main-slider .item h1 {
font-size: 30px;
padding-right: 0;
line-height: 42px;
text-align: left;
}
.main-slider .item h1 span {
font-size: 34px;
}
.main-slider .item h1 span.blue {
font-size: 32px;
}
section.about-sec h3{text-align:left !important}
section.about-sec p{text-align:left !important}
a.schedule-btn {
padding: 10px 22px;
font-size: 15px;
display: table;
margin: 0;
}
.main-slider .item {
height: 470px;
}
section.analyze-sec {
padding: 40px 0px;
text-align: center;
}
section.analyze-sec input {
width: 100% !important;
}
#analyze-btn{ width:40%;}
a.analyze-btn {
padding: 12px 10px;
font-size: 10px;
right: 0;
}
section.analyze-sec h3 {
font-size: 19px;
margin: 0px 30px 20px 0;
padding: 0;
}
.flexCol {
display: inherit;
}
section.about-sec {
text-align: center;
}
section.about-sec h3 span {
font-size: 32px;
}
section.services {
padding: 50px 0 0 0;
text-align: center;
}
.sec-heading h2 {
font-size: 28px;
text-align: left;
width: 100%;
}
.service-img-bg {
position: static;
top: 0;
}
.slide-nav-list h3 {
text-align: center;
font-size: 10px;
}
.slide-nav-list img{width:50% !important;padding: 0 !important;/* margin: 0 !important; */}
.slide-nav-list h4 {
text-align: left;
font-size: 11px;
}
.startup-package{display:none}
.view-pckg-icon {
right: 15%;
}
.slide-nav-list {
margin-top: 0;
background-position: 100%;
background: no-repeat;
text-align: center;
/* border-radius: 0; */
margin: 0 auto;
box-shadow: 1px -1px 20px 0px inset #cbcbcb24;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.offer-row {
padding: 20px 0px 0;
}
.slide-heading p {
margin-bottom: 0;
}
.slide-portfolio {
padding: 30px 0px 0;
}
.slide-heading h2 {
font-size: 28px;
}
.for_fotterLogo img{width:50%!important; margin:10px 0 !important }
.start-pckg-bg .sec-heading p {
position: static;
text-align: center;
}
.start-pckg-bg .sec-heading h2 {
font-size: 25px;
position: static;
text-align: center;
}
a.get-started-btn {
position: static;
left: 0 !important;
margin: 0;
padding: 20px;
margin-bottom: 15px;
margin-top: 15px;
}
.start-pckg-bg {
display: inline-block;
}
.start-pckg-bg .packagebox {
margin: 25px 0;
}
.packagelinks a.btn2 {
padding: 12px 19px;
font-size: 10px;
}
.packagelinks a.btn3 {
padding: 12px 9px;
font-size: 10px;
}
.sec-heading {
text-align: left;
}
section.hourpackages_sec {
padding: 30px 0 60px;
text-align: left !important;
}
section.hourpackages_sec h2{
text-align:left;width:100%;
}
.hourpackages_sec .nav-tabs>li {
display: block;
margin-bottom: 11px;
}
.packagebox .packagebody h3 {
font-size: 23px;
min-height: 84px;
}
.packagebox .packagebody h3 small {
font-size: 22px;
}
.package-bottom span {
font-size: 17px;
}
.row.package-bottom {
margin-top: 0;
}
section.satisfied-clients-sec {
padding: 20px 0px 20px;
}
.call-box-sec {
padding: 0px 0px;
}
.call-box h4 {
position: static;
}
.call-box h3 {
font-size: 14px;
line-height: 21px;
}
.call-box h4 {
font-size: 18px;
}
.call-box {
min-height: 330px;
}
section.stand-out-sec {
padding: 10px 0px 40px;
text-align: center;
}
section.stand-out-sec h3 {
font-size: 26px;
text-align: left;
}
section.stand-out-sec p{text-align:left}
section.testimonial-sec h1 {
position: static;
font-size: 27px;
text-align: center;
}
section.stand-out-sec h5{
text-align:left;
}
section.testimonial-sec:before {
background: transparent;
}
.testimonial-text {
font-size: 15px;
text-align: center;
padding: 0;
}
.testimonial-for {
text-align: center;
}
.testimonial-text:after {
display: none;
}
.testimonial-logo img {
width: 60%;
}
.testimonial-logo {
width: 230px;
height: 230px;
}
.testimonial-logo {
margin-bottom: 30px;
}
.testimonial-slider .slick-next {
bottom: 0;
}
.testimonial-slider .slick-prev {
left: 30% !important;
bottom: 0;
}
section.testimonial-sec {
padding: 0 0px;
}
section.testimonial-sec:after {
height: auto;
}
.faq-sec .panel-title a {
font-size: 14px;
width: 90%;
display: block;
}
.faq-sec .panel-title>a:before {
width: 35px;
height: 35px;
line-height: 35px;
}
section.free-report-sec {
padding: 10px 0px 30px;
}
.free-report-sec .contactus-form {
padding: 45px 10px;
margin: 20px 0;
}
.client-slide .slick-prev {
left: 0 !important;
}
.client-slide .slick-next {
right: 0px !important;
}
footer {
text-align: center;
}
.footer-top-nav li {
display: block;
margin: 15px;
}
.for_fotterLogo img {
margin: 0 auto;
}
footer p {
padding-right: 0;
}
.footer-top-nav-row {
margin-bottom: 0;
}
.copy-rights-row {
margin-top: 0;
}
.footer-bottom-nav li {
display: block;
margin: 0px 10px 5px;
}
a.get-started-btn:after {
width: auto;
left: 0;
background: transparent;
}
.start-pckg-bg:after {
background: transparent;
width: auto;
right: 0;
}
.start-pckg-bg:before {
width: auto;
left: 0;
border: transparent;
}
.service-img-bg img {
margin: 0 auto;
margin-top: 10px;
width: 70%;
}
ul.nav.navbar-nav {
float: left;
margin: 0;
padding: 0 0px;
}
.inner-page-head {
background: transparent;
min-height: 490px;
}
.banner-sec-bg {
height: auto;
position: static;
margin-top: 0;
}
.banner-sec-top .sec-heading {
text-align: center;
padding: 0;
position: static;
right: 0;
}
.mission-sec {
padding: 0 0;
text-align: center;
}
.mission-sec:after {
background: transparent;
width: 100%;
}
.about-cntr-content {
padding: 0 0 0;
text-align: center;
}
.mission-sec:before {
width: 100%;
height: auto;
}
.what-we-sec {
padding-left: 0;
}
.padding-80 {
padding: 0 0;
}
.mission-tab .left-zero {
padding-left: 15px;
}
.core-value-slider .slick-next {
right: 0 !important;
}
.core-value-slider .slick-prev {
left: 0 !important;
}
.banner-sec-top {
margin-top: 10px;
}
.banner-right-sec {
position: static;
}
.award-sec-img {
padding-top: 0;
}
.award-sec-img ul {
padding: 0;
}
.award-sec-img ul li {
padding-right: 0;
}
.cilent-inner {
display: table;
margin: 0 auto;
text-align: center;
}
.banner-sec-top .sec-heading h2 {
font-size: 42px;
}
section.services-content ul {
margin-bottom: 20px;
}
section.services-content .sec-heading p {
padding-bottom: 0;
}
.customize-sec {
min-height: auto;
}
.services-portfolio .package-img {
height: auto;
margin-bottom: 20px;
}
section.services-content ul li {
display: block;
width: 100%;
}
.branding-portfolio {
padding-bottom: 0;
}
section.contact-page {
padding: 0 0px;
}
.c-detail {
text-align: center;
}
section.contact-page:before {
width: 100%;
left: 0;
}
section.contact-page .contactus-form {
padding: 45px 0;
margin: 0px 0 0px;
}
section.contact-page .contactus-form:before {
right: 0;
width: 100%;
}
section.contact-page .contactus-form:after {
left: 0;
width: 100%;
}
.logo-package-item .no-pad{
padding: 15px;
}
.logo-package-item {
padding-top: 0;
}
.web-design-package .nav-tabs>li {
display: block;
margin-bottom: 10px;
}
.web-design-package .tab-content {
padding-top: 0;
}
.services-sec-box .call-box img {
display: block;
padding: 0px 0;
margin: 0 auto;
}
.services-sec-box .call-box h2 {
text-align: center;
}
.more-btn {
position: static;
}
.services-sec-box .call-box {
text-align: center;
}
.services-sec-box:before {
background: transparent;
width: 100%;
right: 0;
}
}
.services-portfolio .package-img a{
transition: all 2s;
}
.services-portfolio .package-img a:after {transition: all 2s;-webkit-transition: all 2s;/* width: 100%; *//* height: 100%; */display:none;background: #0a0a0a7a;position: absolute;z-index: 999;top: 0;left: 0;font-size: 5rem;text-align: center;vertical-align: middle;padding: 39% 0;color: #fff;right: 0;}
.services-portfolio .package-img a:hover:after{
display: block !important;
}
ul.branding-info {
display: block !important;
}
ul.branding-info li {
padding: 0px 0px 0px 0px !important;
}
.hourpackages_sec .nav-tabs>li:nth-child(6) {
/* margin: 10px 10px 0px 25%; */
}
.affilate-marketing{
background-image:url('../images/services/affilate-markiting.png');
background-size: cover;
}
.branding{
background-image:url('../images/branding.html');
background-size: cover;
}
.creative-copywriting{
background-image:url('../images/creative-copywriting.png');
background-size: cover;
}
.digital-marketing{
background-image:url('../images/digital-marketing.html');
background-size: cover;
}
.logo-design{
background-image:url('../images/logo-design.png');
background-size: cover;
}
.marketing-collaterals{
background-image:url('../images/marketing-collaterals.png');
background-size: cover;
}
.motion-graphic{
background-image:url('../images/motion-graphic.png');
background-size: cover;
}
.seo{
background-image:url('../images/seo.png');
background-size: cover;
}
.testimonials{
background-image:url('../images/testimonials.png');
background-size: cover;padding: 230px 0;
}
.packages{
background-image:url('../images/packages.png');
background-size: cover;
padding: 230px 0;
}
.portfolio{
background-image:url('../images/portfolio.png');
background-size: cover;padding: 230px 0;
}
.combo{
background-image:url('../images/combo-packages.png');
background-size: cover;
padding: 200px 0;
}
.testimonials p ,.packages p ,.portfolio p , .combo p{
width: 65%;
margin: 0 auto;
text-align: center;
}
.testimonials h1 ,.packages h1 ,.portfolio h1 , .combo h1{
width: 75%;
margin: 0 auto;
padding:0;
text-align: center;
}
.website-design-development{
background-image:url('../images/website-design-development.png');
background-size: cover;
}
.website-ecommerce{
background-image:url('../images/website-ecommerce.png');
background-size: cover;
}
.website-seo{
background-image:url('../images/website-seo.png');
background-size: cover;
}
.social .inner-page-head{
background-image:url('../images/social.png');
background-size: cover;
}
.logo-design .inner-packages .packagebox{
box-shadow: none;
}
p.detail {
margin: -10px;
color: #333 !important;
font-size: 12px;
padding: 0 0 29px 0;
font-weight: 500;
}
ul.list-unstyled.footer-ul {
display: block;
}
ul.list-unstyled.footer-ul li {
display: inline-block;
padding:0px 6px;
width: 49%;
text-align: left;
}
footer p span{
color: #fff;
}
footer p a{
color: #fff;
}
.logo-img{
width: 75%;
}
/*==============floating strips css start============== */
.floatbutton.active{right: 0;z-index: 9;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -370px;top: 30%;font-size: 0;width: 420px;/* transform: translateY(-50%); */z-index: 999;}
.floatbutton .clickbutton{width: 50px;z-index: 999;height: 200px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);border-radius: 3px 0px 0px 3px;border-radius: 5px 0px 0px 5px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 125px;color: #fff;font-size: 16px;font-weight: 700;position: relative;text-transform: uppercase;background-color: #ff5a06;box-shadow: 0px 0px 40px #00000026;-webkit-box-shadow: 0px 0px 40px #00000026;-ms-box-shadow: 0px 0px 40px #00000026;-o-box-shadow: 0px 0px 40px #00000026;}
.floatbutton .clickbutton .crossplus:before{content: ""; display:none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus:after{content: ""; display:none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus{position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;left: -47px;white-space: pre;bottom: 87px;}
.floatbutton .clickbutton .crossplus.rotate{transform: rotate(45deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus i {font-size: 18px;color: #ffffff;margin: 17px 0 0 15px;}
.banner-form{background: #fff;padding: 30px;position: relative;z-index: 99999 !important;border-radius: 5px;margin: -40px 0 0 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;}
.ban-form input{width: 100%;/* margin: 0 0 0 0 !important; */border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.banner-form .intl-tel-input{width: 100%;}
.banner-form h3 {color: #141315;font-size: 24px;margin-bottom: 5px;font-weight: 700;}
.banner-form h3 strong {font: 24px/24px "Poppins", sans-serif;font-weight: 600;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;border-radius: 3px;text-align: center;padding: 10px 15px;margin: 20px 0 0;border: transparent;cursor: pointer;background-color: #f87321;font-size: 14px;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;font-weight: 400;height: 120px;outline: none !important;margin: 15px 0 0px 0;resize: none;}
.btns_wrap{position:fixed;right: -6px;}
.btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.btns_wrap .call_wrap{width: 280px;background-color: #fe5a06;position: absolute;right: -225px;top: 63px;border-radius: 3px 0px 0px 3px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 9999;border-radius: 5px 0px 0px 5px;}
.btns_wrap .call_wrap span{color: #fff;font-size: 20px;vertical-align: middle;/* background: #000; */padding: 15px 20px 15px 15px;}
.btns_wrap .chat_wrap{display: block;position: absolute;right: -225px;width: 280px;background-color: #ff5a06;top: 0;border-radius: 0px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 5px 0px 0px 5px;z-index: 9999;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #fff;font-size: 18px;padding: 15px 20px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;border-radius: 10px 0px 0px 10px;}
.btns_wrap .chat_wrap span{color: #fff;font-size: 20px;vertical-align: middle;/* background: #000; */padding: 15px 30px 15px 15px;}
.ban-form .fldset.inpchecbx label{display: inline-block;margin: 0;line-height: 1.4;color: #676767;font-size: 13px;}
.ban-form .fldset.inpchecbx input{display: inline-block;width: auto;height: auto;margin: 0;}
.fldset.inpchecbx {margin: 10px 0 0 0;}
.fldset p{font-size: 13px;color: #676767;padding: 0;margin: 10px 0 0 0;}
.fldset p a{display: block; padding: 5px 0px 0 0; color: #141315; font-weight: 500; font-size: 14px; }
.main-services-banner-sec .ban-form .fldset textarea{height: 60px;}
.main-services-banner-sec .ban-form input{height: 40px}
.intl-tel-input .country-list .country{font-size:14px;}
/*===================floating strips css end =================*/
.for_fotterLogo img {
width: 75%;
margin-bottom: 20px;
}
form.form_report {
/* float: left; */
}
.analyze-btn {
background: #ff5a06;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
padding: 12px 25px !important;
border-radius: 0 5px 5px 0 !important;
position: relative;
right: 140px;
border: 1px solid #ff5a06 !important;
position: absolute;
width: 100 !important;
}
div#offerFormResult {
position: absolute;
top: -5px;
width: 45%;
left: 0;
padding: 16px;
margin: 10px auto;
font-weight: 600;
margin-left: 12px;
text-align: center;
/* color: #fff; */
/* display: block !important; */
margin: 0 auto !important;
right: 90px;
}
.intl-tel-input.allow-dropdown.separate-dial-code {
width: 100%;
}
ul.nav.navbar-nav.top {
background: #cbcbcb85;
margin: 0 !important;
width: 102.5% !important;
position: relative;
margin-left: -14px !important;
padding-right: 3rem;
}
ul.nav.navbar-nav.top a.call-btn {
padding: 10px 5px !important;
margin: 0;
color: #fdfdfd;
padding: 5px 15px !important;
background: #f7571e;
border: none;
}
ul.nav.navbar-nav.top {
margin: 0;
}
a.btn-theme-outline {
padding: 10px;
background: #ff5a06;
border-radius: 5px;
color: #fff;
box-shadow: 0 3px 12px 0 #de26265c;
}
header.custom_header {
margin-top: 0px;
background: #fff;
box-shadow:0 6px 14px 0 #cbcbcb66;
}
.emailsec {
padding-top: 25px;
color: #333;
}
.emailsec a{
color: #2d5572;
font-weight: 800;
}
section.services-content{padding:50px 0;}
.combo-pack .packagebody ul{
height: 150px;
text-align: left;
}
.slide-portfolio .portfolio-list li {
width: 27%;
margin-right: 0;
}
.leftnav li {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 10px 0;
}
.leftnav li a {
color: #000;
font-size: 14px;
}
.rightnav {
width: 100%;
text-align: right;
margin-left: calc(100% - 88%);
float: right;
}
.rightnav ul li {
display: inline-block;
padding: 10px;
}
.rightnav ul li a {
color: #25364b;
font-weight: 500;
font-size: 14px;
}
.rightnav ul li a.book-a-callbtn {
border: 1px solid #cbd6e2;
padding: 6px 12px;
border-radius: 10px;
}
.rightnav ul li a.rd {
color: #111111;
}
.rightnav ul li img {
width: 30px;
margin-right: 10px;
}
.rightnav ul li a.headerbtn {
background-color: #ff5a06;
color: #fff;
font-family: Poppins, sans-serif;
font-size: .7777em;
font-weight: 500;
padding: 1em 1.8571em .8285em;
border-radius: 5px;
border: 0;
text-decoration: none;
}
ul.partnerslider.slick-initialized.slick-slider {
/* border: 1px solid #cbcbcb; */
padding: 0 0px 0 0;
width: 81%;
}
.partnerslider li img{height:auto;/* height:50px; */padding:10px;margin:0;/* filter: invert(1); *//* border: 1px solid #cbcbcb; */max-width:90%;}
.package-item {
width: 90%;
margin: 0 auto;
}
.package-item img{
padding: 5px!important;
width: 100%;
}
.hourpackages_sec .nav-tabs>li> .active{
color:#fe5a06 !important
}
.inner-page-head h1,.inner-page-head p{color: #fff;}
.inner-page-head a.get-started-btn{left: 0;}
@media(max-width:1024px){
.main-banner {
background: url(../images/bg.png) no-repeat;
background-size: contain;
/* background-position: right !important; */
margin-top: 0%;
}
/**/
section.analyze-sec {
background: #f4fbff;
padding: 40px 0px;
/* margin-top: -127px; */
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
box-shadow: 0 6px 14px 0 #cbcbcb66;
width: 98.56%;
}
}
@media(max-width:768px){
section.analyze-sec h3 {
font-size: 16px;
padding: 11px 15px;
}
section.analyze-sec input {
border: 1px solid #c4d5de;
border-radius: 5px;
padding: 13px 30px 13px 13px;
float: left;
margin-bottom: 10px !important;
}
.startup-package{display: none}
.floatbutton{display:none;}
.analyze-btn {
background: #ff5a06;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
padding: 12px 18px !important;
border-radius: 0 5px 5px 0 !important;
position: relative;
right: 0;
border: 1px solid #ff5a06 !important;
position: absolute;
width: 100 !important;
}
section.analyze-sec {
background: #fff;
padding: 20px 0px;
margin-top: 0;
}
.analyzeform form .wrap{padding-left: 10px;}
.analyzeform form .dtf {float: none; width: 70%; margin: auto; }
section.stand-out-sec p {
color: #3f596b;
font-size: 15px;
line-height: 22px;
}
.call-box {
background: #fff;
text-align: center;
padding: 15px;
border-radius: 20px;
position: relative;
min-height: 300px;
margin: 20px 20px;
box-shadow: 0px 0px 57px 0px rgba(108, 177, 225, 0.29);
}
.packagebox .packagebody h3 {
text-align: center;
margin: 0;
/* text-transform: uppercase; */
font-weight: bold;
position: relative;
font-size: 16px;
padding: 6px 0 12px;
margin-bottom: 18px;
/* min-height: 94px; */
}
.packagebox .packagebody h3 dd {
font-size: 16px;
}
.packagebox .packagebody h3 small {
display: block;
color: #2c5471;
font-weight: 700;
font-size: 14px;
padding: 0;
text-transform: capitalize;
}
.navbar-toggle {
display: block;
}
.navbar-brand{padding: 0px;}
.navbar-brand .logo-img {width: 40%; }
.navbar-toggle {
background-color: #fff;
/*margin-top: 20px;*/
position: absolute;
top: -20px;
}
.banner h1 {
font-weight: 700;
font-size: 28px;
color: #f39423;
padding-right: 80px;
}
section.services-content ul li {
display: inline-flex;
padding: 50px 15px 15px 15px;
text-align: center;
font-size: 12px;
color: #000;
font-weight: 500;
position: relative;
width: 33%;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 15px;
}
}
@media(max-width: 500px){
.slick-dots {display: block!important;}
.package-item .slick-prev, .package-item .slick-next{ display: none!important; }
.nav-tabs-horizontal .slick-prev, .slider-nav .slick-prev{left: 0;}
.nav-tabs-horizontal .slick-next, .slider-nav .slick-next {right: 0;}
.services-portfolio .slick-dots li{top: 15px;}
.wow-testimonial .tsbox .lft, .wow-testimonial .tsbox .rht{width: 100%;}
.center{display: block !important;}
section.services-content ul {
display: block;
padding: 50px 0;
/* text-align: left; */
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 1px;
/* flex-flow: wrap; */
align-items: center;
justify-content: center;
text-align: center;
}
section.services-content ul li {
display: inline-flex;
padding: 50px 15px 15px 15px;
text-align: center;
font-size: 12px;
color: #000;
font-weight: 500;
position: relative;
width: 32%;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 15px;
}
ul.branding-info li h4 {
font-weight: 600;
color: #525252;
line-height: 19px;
padding: 0px 5px;
width: 100%;
font-size: 14px;
margin: 8px auto;
}
.inner-page-head h1 , .inner-page-head p{
margin: 0 auto;
padding: 0;
width: 100%;
}
ul.list-unstyled.footer-ul li {
display: block;
padding: 0px 6px;
width: 100%;
text-align: left;
}
.footer-top-nav-row h4{
text-align: left;
}
.nav-tabs-wrapper .slick-track li a { font-weight:700;
display: inline-flex;
background-color: #e9ecef80;
align-items: center;
/* width: 160%; */
margin: 0px 10px;
padding: 15px 15px;
border-radius: 5px;
/* box-shadow: inset 0px 0px 30px #ff5b07; */
position: relative;
text-align: center !important;}
.nav-tabs-wrapper .slick-track .slick-current a{
color:#ff5b07
}
.slick-prev {
background: url(../images/slick-prev-icon.png) no-repeat !important;
border: none !important;
width: 40px !important;
height: 40px !important;
background-size: 100% !important;
}
.slick-next {
background: url(../images/slick-next-icon.png) no-repeat !important;
border: none !important;
width: 40px !important;
height: 40px !important;
background-size: 100% !important;
}
.navbar-toggle {
background-color: #fff;
margin-top: 20px;
position: absolute;
top: -10px;
right: 30px;
height: 50px;
}
.analyzeform form .dtf {
float: left;
width: 90%;
margin-bottom: 0px;
}
.analyzeform form .wrap {
padding-left: 40px;
text-align: center;
width: 100%;
}
.analyzeform form input[type="submit"] {
border: none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color: #fff;
font-weight: 700;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
padding: 19px 31px;
margin-left: 0;
text-align: left;
letter-spacing: 1px;
border-radius: 0px 5px 5px 0;
font-family: var(--primary-font-family);
background: #ff5a06;
text-align: center;
margin-top: 5px;
border-radius: 5px;
}
input#phone-coun {
margin-top: 5px !important;
}
}
.combo-pack .pull-left.text-left .heading {
margin: 0 !important;
padding: 1px;
color: #3f596b;
}
.combo-pack .pull-left.text-left p{
margin: 0 !important;
padding: 1px;
font-size:20px;
color: #2c5471;
font-weight:700;
}
.combo-pack .pull-left.text-left span{
margin: 0 !important;
font-size: 14px !important;
left: 81px;
top: 2px;
}
.combo-pack .pull-right p {font-size: 3.88rem !important;margin-top: 14px;margin-bottom: -4px;/* padding: 0 0px; */}
.combo-pack .pull-right span{color: #ff5a06;/* margin-top: -2px; *//* position: absolute; *//* left: -28px; *//* font-size: 33px; */}
.combo-pack .pull-left span{font-size: 20px !important;
position: absolute;
top: 4px;
margin: 0 auto;
left: 72px;
color: #cbcbcb;}
body.hompg .combo-pack .packagebody ul {
height: 80px;
}
.single-pack .col-sm-4 .packagebox {padding: 0 !important;margin: 20px 0px;}
.single-pack .packagebox {padding: 0 !important;margin: 20px 15px;}
#combo .slick-next {
right: 40px !important;
}
#combo .slick-prev {
left:40px !important;
}
.mobile-nav-btn.active{right: 15px;}