/* ==========================================================================
Global Settings
========================================================================== */
strong { font-weight:bold; }
/*
* Remove text-shadow in selection highlight.
*/
::-moz-selection { background: #b3d4fc; text-shadow: none; } 
::selection { background: #b3d4fc; text-shadow: none; } 

/*
* Body settings, change it as required
*/
body { font-size: 16px; line-height: 1.2; color: #3f4040; font-family: 'Montserrat', sans-serif; text-rendering: optimizeLegibility; } 
h1, h2, h3, h4, h5, h6 { margin-top: 0px; font-weight: 700; color: #231f20; } 
p { margin-top: 0px; } 

/*
* Links
*/
a, a:hover { text-decoration: none; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 

/*
* A better looking default horizontal rule
*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 

/*
* Remove the gap between images and the bottom of their containers.
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } 

/*
* Allow only vertical resizing of textareas.
*/
textarea { resize: none; } 

/*
* Other
*/
*:focus { outline: none !important; } 

/* ==========================================================================
Helper classes
========================================================================== */

img.alignleft { float: left; margin: 0 10px 10px 0; display: block; } 
img.alignright { float: right; margin: 0 0px 10px 10px; display: block; } 
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } 
.hidden { display: none !important; visibility: hidden; } 
.clear { clear: both; height: 1px; line-height: 1px; } 

/*
* Other
*/

/* ==========================================================================
Layout
========================================================================== */

/* ==========================================================================
Common Functionalities & UI Elements
========================================================================== */
/*
* Typography
*/
h1 { font-size: 38px; margin-bottom: 16px; font-family: 'Aleo', serif; } 
h2 { font-size: 37px; margin-bottom: 16px; font-family: 'Aleo', serif; } 
h3 { font-size: 27px; margin-bottom: 16px; font-family: 'Aleo', serif; } 
h4 { font-size: 23px; margin-bottom: 16px; font-family: 'Aleo', serif; } 
h5 { font-size: 17px; margin-bottom: 16px; font-family: 'Aleo', serif; } 
h6 { font-size: 14px; margin-bottom: 16px; font-family: 'Aleo', serif; } 
p { line-height: 1.25; margin-bottom: 16px; } 
p.lead { font-size: 20px; line-height: 1.6; } 
/* Lists ---------------------- */
 ul, ol { margin-bottom: 16px; list-style-position: outside; } 
 ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; } 
 ol { margin-left: 20px; } 
 ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } 

 @media (min-width:1280px){
 .container { max-width: 1230px; } 
 }

 #container { position: relative; } 
 .home #container:before { position: absolute; content: ''; opacity: 1; background: url(../images/background-bg.png) no-repeat; width: 296px; height: 810px; right: 0; top: 600px; z-index: 50; } 
 @media screen and (max-width:1440px){
 .home #container:before { top: 440px; } 
 }
@media screen and (max-width:1300px){
 .home #container:before { top: 360px; } 
 }
@media screen and (max-width:1200px){
 .home #container:before { top: 180px; width: 180px; } 
 }
@media screen and (max-width:991px){
 .home #container:before { display: none; } 
 }

 #header { color: #fff; position: fixed; width: 100%; left: 0; top: 0; z-index: 1000; } 
 #header .col-sm-8 { opacity: 1; transition: all .5s; } 
 #header.sticky #main-navigation { opacity: 0; pointer-events: none; } 
 #header .top-section { background: rgba(104, 106, 106, .5) url(../images/header-bg.png) repeat; border-bottom-left-radius: 20px; padding: 10px 0; margin-bottom: 20px; } 
 .whatsapp a { color:#fff; } 
 .whatsapp a:hover { color:#fcaf17; } 
 .whatsapp img { margin-right: 10px; vertical-align: top; } 
 #header .col-sm-8 { text-align: right; } 
 .contact { font-size: 8px; margin-left: 60px; } 
 .contact a { color: #fff; display: block; font-size: 9px; margin-top: -10px; } 
 .contact a span { font-size: 22px; font-weight: 700; font-family: 'Cabin', sans-serif; } 
 .contact-options { display: flex; justify-content: flex-end; text-align: right; } 
 @media screen and (max-width:767px){
 #header { position: relative; } 
 #header .col-sm-8 { text-align: left; } 
 #header .top-section { margin-bottom: 0; border-radius: 0; padding-bottom:1px; } 
 #header .contact , #header .whatsapp { margin-left: 0; display: none; text-align: right; } 
 .contact-options { margin-top: 15px; justify-content: space-between; } 
 }


 #main-navigation { text-align: right; transition: all .5s; } 
 #main-navigation ul { margin: 0; padding: 0; display: inline-block; } 
 #main-navigation ul li { list-style: none; display: inline-block; display: inline-block; text-align: center; margin: 0 30px; } 
 #main-navigation ul li + li { margin-left: 30px; } 
 #main-navigation ul li a { font-size: 17px; font-weight: 400; color: #fff; text-transform: uppercase; padding: 10px 3px; position: relative; display: block; } 
 #main-navigation ul li a span { display: block; font-size: 11px; } 
 #main-navigation ul li a:after { position: absolute; content: ''; width: 0; height: 5px; background: #fff; transition: all .5s; left: 0; bottom: 0; } 
 #main-navigation ul li:hover a:after, #main-navigation ul li.active a:after { width: 100%; } 
 #main-navigation ul li.active a { font-weight: 100; } 
 #main-navigation .menu-btn { background:transparent; width:35px; height:35px; padding:0 5px; border:0; border-radius:5px; z-index: 1; position: absolute; right: 15px; top: -100px; display:none; } 
#main-navigation .menu-btn span { background:#fcaf17; height:4px; margin-bottom:3px; display:block; } 
#main-navigation .menu-btn span:last-child { margin-bottom:0; } 

/* Hamburger ---------------------- */
.hamburger { font: inherit; display: none; overflow: visible; margin: 0; padding: 15px; position: absolute; background-color: transparent; top: -60px; right: 0; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,filter; text-transform: none; color: inherit; border: 0; background-color: transparent; } 
.hamburger-box { position: relative; display: inline-block; width: 30px; height: 24px; } 
.hamburger-inner:after, .hamburger-inner:before { display: block; content: ""; } 
.hamburger--slider.is-active .hamburger-inner { transform: translate3d(0,10px,0) rotate(45deg); } 
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color: #fcaf17; } 
.hamburger--slider .hamburger-inner { top: 2px; } 
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 30px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #fcaf17; } 
.hamburger--slider.is-active .hamburger-inner:before { transform: rotate(-45deg) translate3d(-5.71429px,-6px,0); opacity: 0; } 
.hamburger--slider .hamburger-inner:before { top: 10px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform,opacity; } 
.hamburger--slider.is-active .hamburger-inner:after { transform: translate3d(0,-20px,0) rotate(-90deg); } 
.hamburger--slider .hamburger-inner:after { top: 20px; } 
.hamburger-inner:after { bottom: -10px; } 

@media screen and (max-width:575px){
 .hamburger { display: inline-block; } 
 }

 @media screen and (max-width:1200px){
 #main-navigation ul li + li { margin-left: 10px; } 
 #main-navigation ul li a { font-size: 15px; } 
 }
 @media screen and (max-width:991px){
 #main-navigation ul li a { font-size: 12px; } 
 #main-navigation ul li + li { margin-right: 10px; } 
 }
@media screen and (max-width:767px){
 #main-navigation .hamburger + ul { overflow:auto; display: none; background: rgba(252, 175, 23, .95); position: fixed; top: 0; right: 0; width: 100%; padding: 10vh 10px 0; text-align: left; z-index: 100; height: 100vh; } 
 #main-navigation ul li { display: block; margin-bottom: 20px; } 
 #main-navigation ul li a { padding-bottom: 0; } 
 #main-navigation ul li.active a { color: #fff; } 
 #main-navigation ul li + li { margin-left: 0; margin-right:0; } 
 #main-navigation ul li a { font-size: 16px; } 
 #main-navigation .menu-btn { display:block; } 
 #main-navigation ul li a:after { height: 2px; bottom: -10px; } 
 body.menu-open { overflow:hidden; }
 h2 { font-size: 26px !important; }
 .need-help p { font-size: 18px; }
 }

 #banner { height: 1180px; position: relative; overflow: hidden; min-height: 350px; max-height: 350px; } 
.home #banner { min-height: 700px; max-height: 100vh; }
 #banner .slides , #banner .slide , #banner .container { height: 100vh; width: 100%; } 
 #banner .slides { position: relative; } 
 #banner .slide { position: absolute; top: 0; left: 0; display: block !important; opacity: 0; } 
 #banner .slide:first-child { opacity: 1; } 
 #banner::before { position: absolute; content: ''; background: url(../images/header-gradient.png) no-repeat right top; background-size: cover; width: 100%; height: 100%; right: 0; top: 0; z-index: 1; } 
 #banner figure:before { position: absolute; content: ''; background: rgba(0,0,0,1); width: 100%; height: 100%; left: 0; bottom: 0; opacity: .3; } 
 #banner > .container, #banner .row { height: inherit; position: relative; z-index: 1; } 
 #banner figure { position: absolute; left: 0; top: 0;  max-height: 350px; background-size: cover; background-repeat: no-repeat; width: 100%; min-height: 350px; background-position: center center; } 
.home  #banner figure { min-height: 700px; max-height: 100vh; }
 #banner figure img { width: 100%; max-height:350px; } 
.home #banner figure img { max-height:100vh; } 
 #banner h6 { opacity: 0; left: -100px; position: relative; } 
 #banner .active h6 { opacity: 1; left: 0px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) .5s; } 
 #banner h2 .top { opacity: 0; right: -100px; position: relative; } 
 #banner .active h2 .top { opacity: 1; right: 0px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) .8s; } 
 #banner h2 .bottom { opacity: 0; bottom: -100px; position: relative; } 
 #banner .active h2 .bottom { opacity: 1; bottom: 0px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 1.2s; } 
 #banner .button1 { opacity: 0; position: relative; } 
 #banner .active .button1 { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 1.6s; } 
 #banner figure:after { position: absolute; content: ''; background: url(../images/banner-inner-bg.png) no-repeat left bottom; background-size: 100% 100%; width: 100%; height: 100%; left: 0; bottom: 0px; z-index: 5; } 
.home #banner figure:after { position: absolute; content: ''; background: url(../images/banner-outer-bg.png) no-repeat left bottom; background-size: contain; width: 100%; height: 100%; left: 0; bottom: -1px; z-index: auto; } 
 #banner h6 { font-size: 17px; color: #fff; font-weight: 100; margin-bottom: 25px; text-transform: uppercase; } 
 #banner h2 { font-size: 40px; font-weight: 700; color: #fff; margin-bottom: 0px; text-transform: uppercase; } 
.home #banner h2 { margin-bottom: 45px; }
 #banner h2 span.top { font-size: 38px; font-weight: 100; display: block; } 
 @media screen and (max-width:1440px){
 body:not(.home) #banner { height: 780px; min-height:300px; max-height:300px; } 
 body:not(.home) #banner figure { min-height:300px;  max-height:300px; } 
 }
 @media screen and (max-width:1200px){
 #banner { height: 600px; } 
 }
 @media screen and (max-width:1024px){
 #banner h6 { font-size: 14px; margin-bottom: 10px; } 
 #banner h2 , .home #banner h2 { font-size: 30px; margin-bottom: 20px; } 
 #banner h2 span.top { font-size: 20px; } 
 }
 @media screen and (max-width:991px){
 #banner { height: 400px; } 
 #banner h6 { font-size: 12px; } 
 #banner h2 { font-size: 24px; } 
 #banner h2 span.top { font-size: 16px; } 
 }
 @media screen and (max-width:767px){
 #banner figure:after { } 
 #banner { height: 300px; max-height:300px; } 
 .home #banner { margin-bottom:30px; }
 }

 .button1, .button2 { background: #fcaf17; font-size: 15px; font-weight: 600; line-height: 16px; color: #fff; padding: 20px 40px; display: inline-block; } 
 .button1:hover { color: #fff; opacity: .8; } 

 .button2 { background: transparent; color: #231f20; border: 1px solid #231f20; padding: 15px 30px; } 
 .button2:hover { color:#fff; background:#fcaf17; } 
 @media screen and (max-width:1024px){
 .button1, .button2 { padding: 10px 20px; } 
 }
 @media screen and (max-width:767px){
 .button1, .button2 { font-size: 13px; } 
 }

 .heading1 { font-size: 35px; line-height: 1.2; color: #231f20; margin-bottom: 25px; text-transform: uppercase; } 
 .heading1 span { font-family: 'Montserrat', sans-serif; font-size: 17px; line-height: 1; display: block; font-weight: 100; } 
 @media screen and (max-width:1200px){
 .heading1 { font-size: 30px; } 
 }
 @media screen and (max-width:991px){
 .heading1 { font-size: 24px; } 
 }
 @media screen and (max-width:767px){
 .heading1 { font-size: 20px; } 
 }
 p { font-size: 12px; line-height: 1.4; color: #595b5b; font-weight: 100; margin-bottom: 25px; } 

 .section { padding: 80px 0; position: relative; } 
 @media screen and (max-width:1200px){
 .section { padding: 60px 0; } 
 }
 @media screen and (max-width:991px){
 .section { padding: 30px 0; } 
 }
@media screen and (max-width:767px){
 .section { padding: 15px 0; } 
 }

 #about-us .image1 { display: inline-block; } 
 @media screen and (max-width:767px){
 #about-us .image1 { display: block; margin: 0 auto 20px; } 
 }

 #maintenance .heading1 { margin-bottom: 70px; } 
 @media screen and (max-width:991px){
 #maintenance .heading1 { margin-bottom: 40px; } 
 }

 #offer .heading1 { margin-bottom: 50px; } 
 #offer .box1 { padding:0; box-shadow: none; } 
.home   #offer .box1 {  margin-bottom: 40px; }
 #offer .box1 a { padding:30px; display:block; top:0; position:relative; box-shadow: 0 0 7px rgba(0, 0, 0, .13); } 
 #offer .box1 a:hover { top:-30px; } 
 #offer .container-fluid { max-width: 1600px; } 
 #offer figure { min-height: 150px; margin-bottom: 0; line-height: 150px; } 
 #offer h4 { font-size: 13px; line-height: 16px; color: #231f20; text-transform: uppercase; padding: 0 60px; } 
.home #offer h4 { font-size:18px; line-height:1.2; padding: 0 20px; text-align: center; }
.home  #offer figure { margin-bottom:20px; }
 #offer p { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
 @media screen and (max-width:991px){
 #offer .heading1 { margin-bottom: 30px; } 
 #offer figure { min-height: 100px; line-height: 100px; } 
 #offer .box1 { margin-bottom: 20px; } 
 }
 @media screen and (max-width:767px){
#offer .mx-1 { flex-basis: auto; }
}
 .box1 { background: #fff; box-shadow:0 0 7px rgba(0, 0, 0, .13); padding: 30px; text-align: center; } 
 @media screen and (max-width:1200px){
 .box1 , #offer .box1 a { padding: 15px; } 
 #offer h4 { padding:0 10px; } 
 }
 .more-btn { background: url(../images/arrow.png) no-repeat; display: inline-block; width: 20px; height: 20px; } 


 .image1 { margin: 0; position: relative; } 
 .image1:before { position: absolute; content: ''; background: url(../images/image1-bg.png) no-repeat; width: 303px; height: 263px; left: -110px; top: -75px; opacity: 0; } 
 .aos-animate .image1:before { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) .4s; } 
 .image1 img { position: relative; z-index: 1; } 
 @media screen and (max-width:1200px){
 .image1:before { left: -40px; } 
 }
 @media screen and (max-width:767px){
 .image1:before { display: none; } 
 }

 .responsive-table { box-shadow: 0 0 7px rgba(0, 0, 0, .13); border-radius: 5px; } 
 .table1 { width: 100%; } 
 .table1 th:not(:first-child), .table1 td:not(:first-child) { background: #f2f2f2; text-align: center; border-left: 2px solid #fff; } 
 .table1 td:not(:first-child) { border-bottom: 2px solid #fff; } 
 .table1 .essential { color: #ec098d; border-bottom: 5px solid #ec098d; } 
 .table1 .sure { color: #fcaf17; border-bottom: 5px solid #fcaf17; } 
 .table1 .plus { color: #1ca69e; border-bottom: 5px solid #1ca69e; } 
 .table1 th, .table1 td { padding: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0); } 
 .table1 td { font-size: 16px; color: #231f20; font-weight: 300; } 
 .table1 th { font-size: 15px; font-weight: 600; text-transform: uppercase; } 
 .table1 th:first-child, .table1 td:first-child { border-bottom: 2px solid #eaeaea; padding-left: 60px; font-size: 15px; } 
 .table1 th:first-child { font-weight: 600; } 
 .table1 td:first-child { font-weight: 300; } 
 .table1 tr:last-child td { border-bottom: 0 !important; } 
 .table1 .fa-check { color: #1ca69e; } 
 .table1 .fa-close { color: #221f1f; } 
 .table1 .button1 { padding: 15px 40px; } 
 .table1.col2 td:nth-child(2), .table1.col2 th:nth-child(2) { background: #fff; border-bottom: 2px solid #f2f2f2; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3); } 
 .table1.col3 td:nth-child(3), .table1.col3 th:nth-child(3) { background: #fff; border-bottom: 2px solid #f2f2f2; } 
 .table1.col4 td:nth-child(4), .table1.col4 th:nth-child(4) { background: #fff; border-bottom: 2px solid #f2f2f2; } 

 @media screen and (max-width:991px){
 .table1 .button1 { padding: 10px; } 
 }
 @media screen and (max-width:767px){
 /* .table1 td { font-size: 12px; padding: 10px; display: block; position: relative; } 
 .table1 thead { display: none; } 
 .table1 .button1 { white-space: nowrap; } 
.table1 td:first-child { padding-left: 50%; text-align: right; } 
.table1 th:not(:first-child), .table1 td:not(:first-child) { text-align: right; padding-right: 10px; } 
.responsive-table td:before { content: attr(data-title); position: absolute; top: 11px; left: 10px; font-weight: bold; font-size: 14px; } 
.responsive-table td:nth-child(2):before { color: #ec098d; } 
.responsive-table td:nth-child(3):before { color: #fcaf17; } 
.responsive-table td:nth-child(4):before { color: #1ca69e; } 
.responsive-table tr:last-child td:before { top: 20px; font-size: 16px; }  */
   .table1 th, .table1 td { padding: 7px !important; }
   .table1 * { font-size:12px !important; }
   .responsive-table { overflow:auto; }
   .table1 .button1 { padding: 7px 5px; white-space: nowrap; }
 }

 #curve-section { background: url(../images/testimonial-bg.png) no-repeat; background-size: cover; } 
 #curve-section .item { background: #fff; padding: 38px; } 
 #curve-section .item header { margin-bottom: 10px; } 
 #curve-section .item header img { display: inline-block; width: 48px; height: 48px; border-radius: 50%; margin-right: 10px; } 
 #curve-section .item header span { font-size: 13px; color: #676969; text-transform: uppercase; } 
 #curve-section .details { display: flex; justify-content: space-between; margin-top: 10px; } 
 #curve-section p { color: #999; font-size: 13px; line-height: 16px; font-weight: 100; margin-bottom: 0; } 
 #curve-section p a { color: #595b5b; display: block; word-break: break-all; } 
 #curve-section .owl-nav { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } 
 #curve-section button { position: absolute; } 
 #curve-section button:after { content: ""; border: solid #595b5b; border-width: 0 2px 2px 0; display: inline-block; position: absolute; top: 50%; width: 14px; height: 14px; right: -5px; margin-top: -4px; } 
 #curve-section button span { font-size: 0; } 
 #curve-section .owl-prev { left: -20px; } 
 #curve-section .owl-prev:after { transform: rotate(135deg); } 
 #curve-section .owl-next { right: -20px; } 
 #curve-section .owl-next:after { transform: rotate(-45deg); } 
 #curve-section .fa { color: #595b5b; font-size: 26px; margin-left: 10px; } 
 #curve-section .image { position: absolute; left: 0; bottom: 0; height: calc(100% - 100px); } 
 #curve-section .content > header { text-align: center; } 
 #curve-section .content > header h2 { margin-bottom: 40px; } 
 #curve-section .content > header p { font-size: 22px; font-family: 'Aleo', serif; font-weight: normal; margin-bottom: 60px; line-height: 1.2; } 

 @media screen and (min-width:1500px){
 #curve-section .offset-lg-3 { margin-left: 8.333333%; } 
 #curve-section .col-lg-9 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } 
 }
 @media screen and (max-width:1300px){
 #curve-section .image { height: calc(100% - 200px); bottom: 40%; transform: translateY(50%); margin-top: 28px; } 
 }
 @media screen and (max-width:1200px){
 #curve-section .item { padding: 20px; } 
 #curve-section .image { height: calc(100% - 150px); } 
 }
 @media screen and (max-width:991px){
 #curve-section .image { height: calc(100% - 30px); display: none; } 
 #curve-section { background: url(../images/testimonial-bg.png) no-repeat; background-size: cover; background-position: right bottom; } 
 }
 @media screen and (max-width:767px){
 #curve-section { background: #ececea; } 
 #curve-section .image { display: none; } 
 #curve-section .owl-prev { left: 0; } 
 #curve-section .owl-next { right: 0; } 
 #curve-section h2 { text-align: center; padding-top: 20px; } 
 }

 .need-help { padding: 150px 0; text-align: center; } 
 .need-help h2 { text-transform: uppercase; } 
 .need-help h4 { font-size: 22px; color: #231f20; margin-bottom: 30px; } 
 .need-help p { font-size: 22px; color: #231f20; margin:0 auto 30px; max-width: 1200px; font-weight: 500; } 
 .need-help .form p { text-align: right; top: -50px; position: relative; pointer-events:none; }
 @media screen and (max-width:1200px){
 .need-help { padding: 60px 0; } 
 }
@media screen and (max-width:991px){
 .need-help { padding: 30px 0; } 
 .need-help h4 { font-size: 18px; margin-bottom: 15px; line-height: 1.4; } 
 }
@media screen and (max-width:767px){
 .need-help h4 { font-size: 20px; } 
 .need-help .form small { font-size: 12px; }
 .need-help .form p { top: -35px; }
 .need-help .form li:last-child { text-align: left; }
 }

 #footer { background: url(../images/footer-bg.png) repeat; } 

 #footer .top-section { background: url(../images/footer-top-bg.png) no-repeat; background-size: 100% 100%; padding: 20px 0; position: relative; z-index: 1; } 
 #footer p { font-size: 15px; font-weight: 300; margin-bottom: 0; color: #fff; } 
 #footer .download-apps { display: flex; } 
 #footer .download-apps p { display: flex; } 
 #footer .download-apps ul { display: flex; margin-left: 50px; margin-bottom: 0; padding: 0; list-style: none; } 
 #footer .download-apps a { width: max-content; } 
 #footer .download-apps li + li { margin-left: 35px; } 
 #footer h2 { font-size: 16px; line-height: 1; font-weight: 600; color: #fff; border-bottom: 5px solid transparent; padding-bottom: 5px; text-transform: uppercase; margin-bottom: 25px; } 
 #footer .color1 { border-color: #1ca69e; } 
 #footer .color2 { border-color: #ec098d; } 
 #footer .color3 { border-color: #fcaf17; } 
 #footer ul { margin: 0; padding: 0; list-style: none; } 
 #footer .contact-options { display:none; }

 .footer-inner { padding: 60px 0; margin-top: -5px; } 
 .footer-nav li { margin-bottom: 20px; } 
 .footer-nav li a { font-size: 15px; line-height: 1; font-weight: 300; color: #fff; display: block; } 
 .footer-nav li a:hover { color: #fcaf17; } 
 .footer-nav ul li { margin-bottom: 4px; } 
 .footer-nav ul li a { font-size: 13px; color: #a1a1a1; } 
 #footer .footer-nav ul { margin-top: 10px; } 
 #footer .sociable h2 { margin-bottom: 0; } 
 #footer .sociable p { font-size: 13px; margin-bottom: 20px; } 
 #footer .sociable .fa { color: #000; font-size: 30px; } 
 #footer .sociable .fa:hover { color: #fcaf17; } 
 #footer .sociable li { margin-right: 20px; display: inline-block; } 
 #footer .sociable li:last-child { margin-right: 0; } 

 .footer-logo { background: url(../images/footer-bg.png) repeat; padding: 30px 0; } 

.card-options { text-align: right; } 
.card-options a + a { margin-left: 20px; } 

.footer-bottom { background: url(../images/footer-bottom-bg.png) repeat; padding: 20px 0; border-top-right-radius: 20px; } 
.footer-bottom .col-md-8 { padding-right: 100px; } 

.back-to-top { border: 0; background: 0; position: absolute; right: 7px; top: 50%; margin-top: -15px; width: 30px; height: 30px; transform: rotate(-135deg); padding: 0; } 
.back-to-top:after { content: ''; border: solid #fff; border-width: 0 3px 3px 0; position: absolute; top: 6px; width: 14px; height: 14px; right: 10px; } 
@media screen and (max-width:1200px){
 #footer h2 { font-size: 14px; } 
 #footer .sociable li { margin-right: 10px; } 
 .footer-inner { padding: 30px 0; } 
 }
@media screen and (max-width:767px){
 .footer-bottom .col-md-8 { padding-right: 50px; } 
 #footer .top-section { background: url(../images/footer-bottom-bg.png) repeat; } 
 #footer .download-apps { display: block; } 
 #footer .download-apps ul { margin: 15px 0 0; } 
 .footer-inner, .footer-logo, .footer-bottom, #footer .top-section { padding: 15px 0; } 
 .card-options { margin-top: 15px; text-align: center; } 
 .footer-nav li a, #footer p { font-size: 13px; } 
 .button2 { width: 100%; text-align: center; } 
 .menu-open #main-navigation .hamburger { z-index: 1000; } 
 .menu-open .hamburger.is-active .hamburger-inner, .menu-open .hamburger.is-active .hamburger-inner:after, .menu-open .hamburger.is-active .hamburger-inner:before { background-color: #000; } 
  #footer .contact-options { display:flex; margin-top: 25px; margin-bottom: 25px; }
  #footer .contact { color:#fff; margin-left:0; }
  #footer .footer-logo {  text-align:center; }
  #footer .footer-inner { padding-top:30px !important; }
 }

 #breadcrumbs { margin-top: -60px; position: relative; z-index: 10; padding-bottom: 60px; } 
 #breadcrumbs a { font-size: 12px; color: #ec098d; position: relative; margin-right:20px; } 
 #breadcrumbs a + a { color:#1ca69e; } 
 #breadcrumbs a:before { content:"\f105"; position: absolute; font-family: "FontAwesome"; top: -3px; right: -15px; color: #c7c7c7; font-size: 15px; } 
 #breadcrumbs span { font-size: 12px; color: #c7c7c7; position: relative; margin-right: 20px; } 
 #breadcrumbs a:hover { color: #c7c7c7; } 

 .about-content { text-align: center; } 
 .about-content h2 { font-size:40px; text-transform: uppercase; margin-bottom: 50px; } 
 .about-content p { font-size:22px; font-family: 'Aleo', serif; margin-bottom: 0; color: #231f20; } 
 .about-content figure { padding:100px 0; } 
 .about-content h2 + p { max-width: 840px; margin: 0 auto; } 
 .about-content.text-left h2 + p { max-width: 100%; margin-bottom: 25px; } 
 .about-content .row { text-align: left; padding: 100px 15px; } 
 .about-content .row p { font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 300; line-height: 1.6; } 
 .about-content .row h3 { color: #231f20; font-size: 25px; margin-bottom:7px; } 
 .jobs-list { margin-bottom: 0; max-height: 295px; overflow: auto; min-height: 295px; } 
 .jobs-list li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dddddd; width: 100%; overflow: hidden; } 
 .jobs-list li strong { display: inline-block; width:50%; padding-top: 17px; padding-right: 15px; } 
 .jobs-list li span { display: inline-block; width:25%; padding-top: 17px; padding-right: 15px; } 
 .jobs-list li .button1 { float: right; } 
 .jobs-list li:last-child { border-bottom: 0; margin-bottom: 0px; padding-bottom: 0px; } 

 @media screen and (min-width:1500px){
 .jobs-list { padding:0 100px; } 
 }
 @media screen and (max-width:1200px){
 #breadcrumbs { margin-top: 0px; padding-bottom: 30px; } 
 }
 @media screen and (max-width:992px){
 .about-content p { font-size: 18px; } 
 .about-content figure { padding: 50px 0; } 
 .about-content .row { padding:50px 15px; } 
 .about-content h2 { font-size: 30px; margin-bottom: 30px; } 
 #curve-section .content > header p { margin-bottom: 20px; font-size: 18px; } 
 }
 @media screen and (max-width:767px){
 .jobs-list li strong { display: block; width:100%; padding-top: 0px; margin-bottom: 10px; } 
 .jobs-list li span { width:70%; padding-top: 10px; } 
 .about-content .row p { margin-bottom: 20px; } 
 #breadcrumbs { margin-top: 30px; } 
 #banner .slides, #banner .slide, #banner .container, #banner figure { min-height: 300px !important; max-height:300px; background-position: center center; } 
 #banner > .container, #banner .row { height: 100%; } 
 .about-content .row { padding: 30px 0; } 
 }

 .page-contact #banner figure:after { background: url(../images/contact-banner-bg.png) no-repeat left bottom; background-size:100% 100%; } 
 .page-contact #curve-section { padding: 0; background: transparent; position: relative; } 
 .page-contact #curve-section:before { content: ''; background: url(../images/contact-curve-section.png) no-repeat top left; position: absolute; top: 0; left: 0; height:100%; width:555px; z-index: 4; background-size:contain; } 
#google-map { position: relative; padding-bottom: 65vh; height: 0; overflow: hidden; } 
#google-map iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } 
.page-contact #curve-section .image { z-index: 10; } 

.form { padding-bottom: 50px; } 
.form h2 { margin-bottom: 30px; } 
.form small { font-size:100%; color: #000000; font-size: 16px; display: inline-block; margin-bottom: 10px; } 
.form ul { margin: 0 -21px; } 
.form li { clear: both; padding: 0 21px; margin-bottom: 42px; position: relative; width: 100%; overflow: hidden; } 
.form li.half { float:left; width:50%; clear: right; } 
.form li .textbox { width: 100%; height: 46px; appearance: none; padding: 10px; color: #595b5b; box-shadow: inset 0 0 8px rgba(0, 0, 0, .1); border: 0; -webkit-appearance: none; -moz-appearance: none; } 
.form li textarea { width: 100%; height: 116px; appearance: none; padding: 20px 10px; color: #595b5b; box-shadow: inset 0 0 8px rgba(0, 0, 0, .1); border: 0; -webkit-appearance: none; -moz-appearance: none; } 
.form li .button1 { border:0; text-transform: uppercase; } 
.form li select { width: 100%; height: 46px; appearance: none; padding: 10px; color: #595b5b; box-shadow: inset 0 0 8px rgba(0, 0, 0, .1); border: 0; -webkit-appearance: none; -moz-appearance: none; } 
.form .selectbox:before { content: "\f107"; font-family: "FontAwesome"; position: absolute; top: 13px; right: 40px; font-weight: bold; pointer-events: none; } 
.form li:last-child { margin-bottom: 0 !important; } 

.addresses h2 { margin-bottom: 40px; } 
.addresses .row { position: relative; padding-bottom: 40px; margin-bottom: 40px; } 
.addresses .row:last-of-type { padding-bottom: 0px; margin-bottom: 0px; } 
.addresses .row:before { content: ''; height: 1px; left:-50px; width: calc(100% + 100px); background: #ebebeb; position: absolute; bottom: 0; } 
.addresses .row:last-of-type:before { display: none; } 
.addresses .col-sm-4 { padding-top: 40px; } 
.addresses .col-sm-4:first-child { padding-top: 0px; } 
.addresses .col-sm-4 p { font-size: 16px; line-height: 1.8; color: #595b5b; } 
.addresses .col-sm-4 p a { color: #595b5b; } 
.addresses .col-sm-4 p a:hover { color: #fcaf17; } 
.addresses .col-sm-4 .fa { padding:7px 10px; border-radius: 50%; color: #fff; margin-right: 10px; } 
.addresses .color1 { background: #1ca69e; } 
.addresses .color2 { background: #fcaf17; } 
.addresses .color3 { background: #ec098d; } 

@media screen and (max-width:1300px){
 .page-contact #curve-section .image { height: calc(100% - 100px); } 
 .addresses .row:before { left:0px; width: calc(100%); } 
 }
 @media screen and (max-width:1200px){
 .page-contact #curve-section .image { height: calc(100% - 50px); } 
 }
@media screen and (max-width:992px){
 .addresses .col-sm-4 p { font-size: 14px; } 
 .page-contact #curve-section:before { display: none; } 
 #google-map { padding-bottom: 40vh; margin-bottom: 30px; } 
 }
 @media screen and (max-width:575px){
 .form li.half { float:none; width:100%; clear: both; } 
 .addresses .col-sm-4 p { margin-bottom: 0; } 
 .addresses .col-sm-4 { padding-top: 20px; } 
 .addresses { padding-bottom: 50px; } 
 .addresses .col-sm-4 p { font-size: 18px; } 
 .form li { padding: 0; margin-bottom: 20px; } 
 }

 #buy-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background: rgba(43, 43, 43, .8); display: none; } 
 #buy-popup .step.active { display: block; } 
 #buy-popup .step { display: none; } 
 #buy-popup .close { position: absolute; top: 25px; right: 25px; font-size: 21px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; opacity: 1; width: 20px; height: 20px; background: #000; color: #fff; border-radius: 50%; font-weight: normal; text-align: center; line-height: 20px; margin: 0; padding-left: 1px; } 
 #buy-popup .close:hover { background-color: #eb088d; color: #fff; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 
 #buy-popup .content { width: 1200px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); padding-left: 450px; background:url(../images/popup-img.jpg) no-repeat top left #ffffff; background-size: contain; } 
 #buy-popup .form { padding-top: 60px; padding-right: 60px; padding-bottom:20px; } 
 #buy-popup .form li { margin-bottom: 20px; } 
 #buy-popup h2 { color: #231f20; font-size: 33px; font-weight: bold; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 30px; } 
 #buy-popup h2 span { display: inline; font-family: 'Aleo', serif; color: #ec098d; font-size: 33px; font-weight: bold; } 
 #buy-popup h3 { font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-bottom: 0px; padding-top: 25px; } 
 #buy-popup .form li h2 { border:0; padding:0; margin: 0; font-weight: 900; font-size: 30px; } 
 #buy-popup .form li h2 span { padding-left: 20px; color: #231f20; font-weight: 900; font-size: 30px; } 
 #buy-popup .button1 { float: right; margin-top: 25px; } 
 #step2 li { font-size: 13px; color: #595b5b; line-height: 1.5; } 
 #step2 li span { float: right; } 
 #step2 li i { float: left; margin-bottom: 25px; margin-right: 15px; margin-top: 2px; color: #ec098d; font-size:16px; } 
 #step2 li.error i { color: #f00; } 
 #step2 li.half { cursor: pointer; margin-top: 10px; border-top: 1px solid #ebebeb; padding-top: 25px !important; } 
 #step2 li.selected i:before { content: "\f111"; } 
 #step2 li.half a { color: #000000; font-weight: 600; } 
 #buy-popup .form #step2 li { margin-bottom: 15px; } 
 #buy-popup .form #step2 ul , #buy-popup .form #step2 h2 { margin-left: 40px; } 
 #step3 .d-flex { min-height: 600px; text-align: center; padding: 0 40px; } 
 #step3 .d-flex .text i { font-size: 30px; margin-bottom: 30px; color: #eb088d; } 
 #step3 .d-flex .text p { color: #595b5b; font-size: 15px; } 
 #step3 .d-flex .text p strong { color: #231f20; font-size: 24px; font-weight: bold; } 

 @media screen and (max-width:1200px){
 #buy-popup .content { width: calc(100% - 40px); margin: 0 20px; left: 0; transform: translate(0% , -50%); padding-left: 400px; } 
 #buy-popup .form { padding-top:30px; padding-right: 1px; } 
 #buy-popup h2 , #buy-popup h2 span { font-size: 24px; } 
 #buy-popup .form li h2 , #buy-popup .form li h2 span { font-size: 22px; } 
 .form ul { margin: 0; } 
 }
 @media screen and (max-width:992px){
 #buy-popup .content { padding-left: 0px; background:#fff; } 
 #buy-popup .form #step2 ul, #buy-popup .form #step2 h2 { margin-left: 0px; } 
 #step2 { padding:0 15px; } 
 }

 @media screen and (max-width:767px){
 #buy-popup .content { top: 5vh; transform: none; height: 90vh; overflow-y: auto; overflow-x: hidden; } 
 #buy-popup h2, #buy-popup h2 span { font-size: 22px; } 
 #buy-popup .form li h2 , #buy-popup .form li h2 span { font-size: 20px; } 
 #buy-popup .form #step2 li { padding: 0; } 
 #step2 li span { max-width: 50%; display: inline-block; text-align: right; } 
 }

 .services h2 { font-size: 40px; text-transform: uppercase; margin-bottom: 70px; } 
 .services .tab-nav { margin: 0 0 70px; padding:0; list-style: none; border-bottom: 1px solid #ebebeb; } 
 .services .tab-nav li { display: inline-block; margin-right: 30px; font-weight: bold; font-size: 17px; position: relative; } 
 .services .tab-nav li:before { content:''; height: 4px; background: #1ca69e; width: 100%; position: absolute; left: 0; bottom: -4px; display: none; } 
 .services .tab-nav li.current:before , .services .tab-nav li:hover:before { display: block; } 
 .services .tab-nav li a { color:#231f20; display: inline-block; padding-bottom: 30px; } 
 .services .tab-content { border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 50px; } 
 .services .tab-content > p { font-size: 17px; } 
 .services .tab-content hr { border-top: 1px solid #ebebeb; margin-bottom: 70px; } 
 .services .tab-content > p strong { font-weight: bold; display: block; font-size: 18px; } 
 .services .tab-content h3 { font-size: 25px; margin-bottom: 30px; } 
 .services .tab-content ul { margin: 0 0 70px; padding:0; list-style: none; } 
 .services .tab-content li { position: relative; padding-left: 30px; color: #595b5b; font-size: 16px; margin-bottom: 25px; } 
 .services .tab-content li:before { content: "\f00c"; font-family: "FontAwesome"; position: absolute; top: 0; left: 0; color: #2dada5; font: 20px; } 
 .services .tab-content li ul { margin: 30px 0 30px 30px; } 
 .services .tab-content li li:before { content: "\f10c"; color: #ec0f90; } 

 .services .tab-content { display: none; } 
 .services .tab-content.active { display: block; } 

 .faq h3 { font-size: 20px; color:#231f20; font-weight: normal; cursor: pointer; position: relative; padding: 10px 60px 10px 32px; margin-bottom: 22px; letter-spacing: -.5px; line-height: 1.1; } 
 .faq h3:after { position: absolute; font-family: "FontAwesome"; color:#fcaf17; font-size: 37px; right: 15px; top: 2px; content: "\f107"; } 
 .faq h3.active:after { content: "\f106"; } 
 .faq .content.clearfix { margin: 0 -12px 30px; } 
 .faq h3 + .content { margin-top: 0px; position: relative; padding: 19px 33px 12px; background: #f8f8f8; display: none; margin-bottom: 22px; } 
 .faq h3 + .content img { width: 100%; margin-bottom: 19px; } 
 .faq h3 + .content p { margin-bottom: 27px; color:#4d4d4f; font-size: 17px; font-weight: 300; } 
 @media screen and (max-width:767px){
 .faq h2 { font-size: 26px; padding-top: 6px; } 
 .faq h3 { font-size: 21px; padding: 20px 40px 23px 20px; } 
 .faq h3:after { font-size: 40px; } 
 .jobs-list { max-height: inherit; } 
 }

 @media screen and (min-width: 576px){
 .modal-dialog { max-width: 750px; margin: 1.75rem auto; } 
 }

 #jobsModal p { font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 300; line-height: 1.6; } 
 #jobsModal .modal-header { border: 0; } 
 #jobsModal .modal-body { padding-top: 0; } 
 #jobsModal .captcha { float:left; } 
 #jobsModal input.button1 { float: right; } 
 #resume-field { display: none; } 
 .resume-field .resume-btn { position: absolute; top: 0; right: 20px; padding-top: 16px; } 

 @media screen and (max-width:767px){
 #jobsModal .captcha { float:none; margin-bottom: 30px; } 
 #jobsModal input.button1 { float: none; } 
 .form .selectbox:before { right:15px; } 
 #buy-popup .step { padding: 15px; } 
 }

.form li label.error ,.wpcf7-not-valid-tip { display:none !important; } 
.form li input.error , .form li select.error ,.wpcf7-not-valid { border:1px solid #f00 !important; } 
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 0 !important; color:#f00 !important; padding: 0; margin-left: 0; } 
div.wpcf7-mail-sent-ok { border: 0 !important; color: #398f14 !important; padding: 0; margin-left: 0; } 
.merchant-page-iframe.iframe-payment-page .iframe-logo-div { background: rgba(104, 106, 106, .5); } 
.order-agreement-checkbox-wrapper.error , .terms-condition-checkbox-wrapper.error { color:#f00 !important; } 
.pf-iframe > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:100%; text-align:center; } 



 #main-navigation ul li.parent { position: relative; } 
 #main-navigation ul li.parent .dropdown { position: absolute; width: 550px; background: #E70A8D; top: 51px; padding: 20px 20px 20px; display: none; box-shadow: 0 0 10px rgba(0,0,0.3); } 
 #main-navigation ul li.parent:hover .dropdown { display: block; } 
 #main-navigation ul li.parent .dropdown .column { float:left; width: 50%; padding: 10px; } 
 #main-navigation ul li.parent .dropdown a { padding: 0; text-align: left; color:#000; } 
 #main-navigation ul li.parent .dropdown .column h3 { text-align: left; color: #000; border-bottom: 2px solid #000; font-size: 18px; padding-bottom: 10px; margin-bottom: 15px; } 
 #main-navigation ul li.parent .dropdown .column ul { display: block; text-align: left; } 
 #main-navigation ul li.parent .dropdown .column figure { margin-bottom: 0; } 
 #main-navigation ul li.parent .dropdown .column li { display: block; margin-left: 0; margin-bottom: 20px; text-transform: capitalize; padding-left:20px; position: relative; } 
 #main-navigation ul li.parent .dropdown .column li:last-child { margin-bottom: 0; } 
 #main-navigation ul li.parent .dropdown .column li:before { content: "\f061"; font-family: "FontAwesome"; position: absolute; top: 2px; left: 0; font-size:12px; } 
 #main-navigation ul li.parent .dropdown .column li:hover:before { color: #fcaf17; } 
 #main-navigation ul li.parent .dropdown .column li a { text-transform: capitalize; font-size: 15px; } 
 #main-navigation ul .dropdown li a:after { display: none; } 
 #main-navigation ul .dropdown li a:hover { color:#fcaf17; } 

 @media screen and (max-width:1300px){
 #main-navigation ul li.parent .dropdown { padding: 10px; } 
 #main-navigation ul li.parent .dropdown .column { padding: 10px; } 
 #main-navigation ul li.parent .dropdown .column li a { font-size: 14px; } 
 #main-navigation ul li.parent .dropdown .column li:before { font-size: 11px; } 
 }
 @media screen and (max-width:992px){
 #main-navigation ul li.parent .dropdown .column { float:left; width: 50%; } 
 }
@media screen and (max-width:767px){
  #main-navigation ul li.parent:hover .dropdown { display:none; }
  #main-navigation ul li { margin:0 0 20px !important; }
 #main-navigation ul li.parent .dropdown { position: relative; width: 100%; top: 0; padding: 5px; margin-top: 15px; } 
 #main-navigation ul li.parent .dropdown ul { position: relative; } 
 #main-navigation ul li.parent .dropdown .column { float: none; width: 100%; } 
 }

.know-more-button { background: transparent; color:#231f20 !important; } 
.page-template-packages #main-navigation li.parent a:after { width: 100%; } 
.page-template-packages #maintenance .responsive-table { max-width: 650px; margin: 0 auto; } 
#footer .top-section { display:none; } 
.home .form { padding-bottom:0; }

.stats { background: #E8098A; padding-top: 50px; padding-bottom: 20px; }
.stats h2 , .stats p { color:#fff; }
.controls { position: absolute; bottom: 100px; text-align: center; width: 100%; z-index: 100; }
.controls a { width: 10px; height: 10px; background: #fcaf17; display: inline-block; border-radius: 50%; color: #fcaf17; overflow: hidden; margin: 0 5px; }
.controls a.activeSlide {background: #E8098A; color: #E8098A; }
@media screen and (max-width:767px){
  .controls { bottom: 25px; }
  .services .tab-nav li a { padding-bottom: 5px; }
  .services .tab-nav li { margin-bottom: 25px; }
}


#customize { max-width: 620px; } 
#customize h3 { margin-bottom:30px; } 
#customize p { color: #595b5b; font-size: 16px; margin:15px 0 25px; font-weight: bold; } 
#customize .units { position: relative; }
#customize .total { position: relative; } 
#customize .units button { margin-left: 10px; width: 350px; background: transparent; color: #000; border:1px solid #CCC; text-align: left; min-height: 40px; top: -10px; border-radius: 4px; padding: 12px 30px 12px 15px; font-size: 14px; position: relative; float:right; } 
#customize .units button span { font-size:14px; } 
#customize .units span.title { max-width: calc(100% - 70px); display: inline-block; }
#customize .units button:before { content:"\f0d7"; position: absolute; font-family: "FontAwesome"; top: 10px; right: 10px; color: #000; font-size: 15px; } 
#customize .units button span.price { float: right; font-weight: bold; color: #f57f28; } 
#customize .units button span.price small { font-size: 100%; font-weight: bold; } 
#customize .units ul { position: absolute; width: 350px; margin: 0; list-style: none; border: 1px solid #CCC; margin-top: -10px; border-radius: 4px; display: none; background: #fff; z-index: 1000000; font-size: 14px; padding: 14px; top:0; right:0; } 
#customize .units ul li { margin-bottom: 15px; cursor: pointer; padding-bottom: 15px; border-bottom: 1px solid #CCC; } 
#customize .units ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#customize .units ul li span.price { float: right; font-weight: bold; color: #f57f28; } 
#customize .units ul li span small { font-size: 100%; font-weight: bold; } 
#customize .total p { margin-bottom:25px; }
#customize .total span { font-weight: bold; color: #f57f28; float: right; min-width: 350px;} 
#customize .total span small { font-size: 100%; font-weight: bold; } 
#customize .units + .clearfix { position:relative; }
#customize .units + .clearfix:after {content: "\f073"; font-family:"FontAwesome"; position:absolute; color:#595b5b; top:0; right:10px; pointer-events:none; }
#formpayModal .form .heading1 + p { font-size: 20px; line-height: 1.5; }
#formpayModal .form .heading1 + p i { color: red; font-size: 40px; vertical-align: middle; margin-right: 15px; float: left; margin-bottom:30px; }
#formpayModal .form .heading1 + p i.fa-check-circle { color: green; }

#datepicker { float:right; top: -10px; width: 350px; background: transparent; color: #000; border:1px solid #CCC; text-align: left; height: 40px; border-radius: 4px; padding: 12px 30px 12px 15px; font-size: 14px; position: relative; } 
#customize .units+.clearfix { margin-bottom:40px; }
#customize .units+.clearfix small { position:absolute; top:22px; left:0; }
@media screen and (max-width:767px){
  #customize .units button { float: none;  top: 0; margin-left: 0; margin-top: 15px; width: 100%; }
  #datepicker { float: none; top: 0; margin-top: 15px;  width: 100%; }
  #customize .units+.clearfix:after { top: 62px; right: 15px; }
  #customize .total span { float:none; min-width:inherit; margin-left:20px; }
  #customize .units ul { width:100%; margin-top: 38px; }
  .datetimepicker { margin-top: 52px !important; }
  .single-service #offer { padding-top:40px; }
  #customize .units+.clearfix small { position: relative; top: 0; display: block; }
}