/*------------------------------------------
Project Name : Creative Pixel
Desgined By  : eCreative solutions
Developed By : sharjeel;
Date        :  25/Jan/17;

Table Of Index
------------------
1. Base css
2. Typography css
3. Header css
4. Revolution slider css
5. About Us css
6. How it works css
7. Testimonials css
8. Pay Packages css
9. Video css
10. contact form css
11. Footer css

------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Ubuntu:400,500,700');
html, body{min-height:100%;}

body {
	background: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	overflow-x: hidden;
}
/*---------------------------------------
   Typorgraphy              
-----------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', sans-serif;
}
h1, h2, h4 {
	font-weight: 500;
}
h1 {
	font-size: 50px;
}
h2 {
	color: #272727;
	font-size: 36px;
	line-height: 52px;
	margin: 0px;
}
h3 {
	font-size: 16px;
	line-height: 32px;
}
h4 {
	color: #454545;
	font-size: 18px;
	line-height: 26px;
}
h5 {
	letter-spacing: 0.5px;
}
p {
	color: #777;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing:1px;
}
ul, ol{list-style:none; padding:0; margin:0;}
img {
	max-width: 100%;
}
/*---------------------------------------
   Buttons               
-----------------------------------------*/

.whats-app {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    left: 15px;
    z-index: 100;
}

.my-float {
    margin-top: 10px;
}




#getstarted input.error, #getstarted textarea.error {
    border: 1px solid red !important;
}
#getstarted label.error {
    display: none !important;
}


#contact input.error, #contact textarea.error  {
    border: 1px solid red !important;
}

.contact-form label.error {
    display: none !important;
}
#contact input.error {
    border: 1px solid red !important;
}

.panel{
  
  display:none;
}

.loadmore {
  background-color: #008CBA;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  position: relative;
}

a#seeMore:hover{
  opacity:1;
}

.modal-body {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

.form-sub-btn{
  margin: auto;
  background-color: #008CBA;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  position: relative;
}


.form-field group {
    height: 75px;
    padding: 0 45px;
    background: transparent;
    width: 100%;
    border: 1px solid rgba(229,239,248,0.5);
    font-size: 16px;
    outline: none;
    color: #fff;
}

.contact-form {
    max-width: 60%;
    margin: 0 auto;
}

.form-submit{
  display: inline-block;
  width: 60%;
  margin-top: 15px;
}



.site-btn {
  
    display: inline-block;
    background: #24a4cc;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 25px;
    
   
}

a.btn.btn-default.section-btn.site-btn {
    font-size: 18px;
    white-space: break-spaces;
}


.btn-success:focus {
	background-color: #000;
	color: #ffffff;
}
.section-btn {
	background:#24a4cc;
	border: 3px solid #24a4cc;
	border-radius: 0;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	padding: 12px 30px;
	margin-top: 22px;
	text-transform: uppercase;
}
.section-btn:focus, .section-btn:hover {
	background: none;
	color: #fff;
	border-color:#fff;
}
/*---------------------------------------
   General               
-----------------------------------------*/

html {
	-webkit-font-smoothing: antialiased;
}
a {
	transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-ms-transition: ease-in-out 0.3s;
	color: #24a4cc;
	text-decoration: none !important;
}
a:hover, a:active, a:focus {
	color: #24a4cc;
	outline: none;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.parallax-section {
	background-attachment: fixed !important;
	background-size: cover !important;
}
.section-title {
	margin: 0;
	padding-bottom: 50px;
	text-align: center;
}
.section-title h3{position:relative; font-size:30px; margin-bottom:50px; text-transform: uppercase; letter-spacing: 2px; color: #555; font-weight: 400;}
.section-title h3:after{content:''; background:#24a4cc; height:1px; width:100px; position:absolute; bottom:-20px; left:50%; margin-left:-50px;}
.section-title h3:before{content:''; background:#24a4cc; height:7px; width:7px; position:absolute; bottom:-23px; left:50%; margin-left:-5px;}

.section-title p {
	max-width: 800px;
	margin: auto;
}
.parallax-section {
	padding:70px 0;
	position: relative;
}
#counter, #contact, #address {
	text-align: center;
}
/*---------------------------------------
     Preloader section              
-----------------------------------------*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: none repeat scroll 0 0 #ffffff;
}
.cssload-dots {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	outline: 1px solid red;
	filter: url(#goo);
	-o-filter: url(#goo);
	-ms-filter: url(#goo);
	-webkit-filter: url(#goo);
	-moz-filter: url(#goo);
}
.cssload-dot {
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.cssload-dot:before {
	content: "";
	width: 34px;
	height: 34px;
	border-radius: 49px;
	background: rgb(15,229,143);
	position: absolute;
	left: 50%;
	transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	margin-left: -17.5px;
	margin-top: -17.5px;
}
.cssload-dot:nth-child(5):before {
	z-index: 100;
	width: 44.5px;
	height: 44.5px;
	margin-left: -21.75px;
	margin-top: -21.75px;
	animation: cssload-dot-colors 4.6s ease infinite;
	-o-animation: cssload-dot-colors 4.6s ease infinite;
	-ms-animation: cssload-dot-colors 4.6s ease infinite;
	-webkit-animation: cssload-dot-colors 4.6s ease infinite;
	-moz-animation: cssload-dot-colors 4.6s ease infinite;
}
.cssload-dot:nth-child(1) {
	animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
	-o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
	-ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
	-webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
	-moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
}
.cssload-dot:nth-child(1):before {
	background-color: rgb(255,50,112);
	animation: cssload-dot-move 4.6s 0s ease infinite;
	-o-animation: cssload-dot-move 4.6s 0s ease infinite;
	-ms-animation: cssload-dot-move 4.6s 0s ease infinite;
	-webkit-animation: cssload-dot-move 4.6s 0s ease infinite;
	-moz-animation: cssload-dot-move 4.6s 0s ease infinite;
}
.cssload-dot:nth-child(2) {
	animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
	-o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
	-ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
	-webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
	-moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
}
.cssload-dot:nth-child(2):before {
	background-color: rgb(32,139,241);
	animation: cssload-dot-move 4.6s 1.15s ease infinite;
	-o-animation: cssload-dot-move 4.6s 1.15s ease infinite;
	-ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;
	-webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;
	-moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;
}
.cssload-dot:nth-child(3) {
	animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
	-o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
	-ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
	-webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
	-moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
}
.cssload-dot:nth-child(3):before {
	background-color: rgb(175,225,2);
	animation: cssload-dot-move 4.6s 2.3s ease infinite;
	-o-animation: cssload-dot-move 4.6s 2.3s ease infinite;
	-ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;
	-webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;
	-moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;
}
.cssload-dot:nth-child(4) {
	animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
	-o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
	-ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
	-webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
	-moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
}
.cssload-dot:nth-child(4):before {
	background-color: rgb(251,211,1);
	animation: cssload-dot-move 4.6s 3.45s ease infinite;
	-o-animation: cssload-dot-move 4.6s 3.45s ease infinite;
	-ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;
	-webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;
	-moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;
}
 @keyframes cssload-dot-move {
 0% {
 transform: translateY(0);
}
 18%, 22% {
 transform: translateY(-68px);
}
 40%, 100% {
 transform: translateY(0);
}
}
 @-o-keyframes cssload-dot-move {
 0% {
 -o-transform: translateY(0);
}
 18%, 22% {
 -o-transform: translateY(-68px);
}
 40%, 100% {
 -o-transform: translateY(0);
}
}
 @-ms-keyframes cssload-dot-move {
 0% {
 -ms-transform: translateY(0);
}
 18%, 22% {
 -ms-transform: translateY(-68px);
}
 40%, 100% {
 -ms-transform: translateY(0);
}
}
 @-webkit-keyframes cssload-dot-move {
 0% {
 -webkit-transform: translateY(0);
}
 18%, 22% {
 -webkit-transform: translateY(-68px);
}
 40%, 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes cssload-dot-move {
 0% {
 -moz-transform: translateY(0);
}
 18%, 22% {
 -moz-transform: translateY(-68px);
}
 40%, 100% {
 -moz-transform: translateY(0);
}
}
 @keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @-o-keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @-ms-keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @-webkit-keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @-moz-keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @keyframes cssload-dot-rotate-1 {
 0% {
 transform: rotate(-105deg);
}
 100% {
 transform: rotate(270deg);
}
}
 @-o-keyframes cssload-dot-rotate-1 {
 0% {
 -o-transform: rotate(-105deg);
}
 100% {
 -o-transform: rotate(270deg);
}
}
 @-ms-keyframes cssload-dot-rotate-1 {
 0% {
 -ms-transform: rotate(-105deg);
}
 100% {
 -ms-transform: rotate(270deg);
}
}
 @-webkit-keyframes cssload-dot-rotate-1 {
 0% {
 -webkit-transform: rotate(-105deg);
}
 100% {
 -webkit-transform: rotate(270deg);
}
}
 @-moz-keyframes cssload-dot-rotate-1 {
 0% {
 -moz-transform: rotate(-105deg);
}
 100% {
 -moz-transform: rotate(270deg);
}
}
 @keyframes cssload-dot-rotate-2 {
 0% {
 transform: rotate(165deg);
}
 100% {
 transform: rotate(540deg);
}
}
 @-o-keyframes cssload-dot-rotate-2 {
 0% {
 -o-transform: rotate(165deg);
}
 100% {
 -o-transform: rotate(540deg);
}
}
 @-ms-keyframes cssload-dot-rotate-2 {
 0% {
 -ms-transform: rotate(165deg);
}
 100% {
 -ms-transform: rotate(540deg);
}
}
 @-webkit-keyframes cssload-dot-rotate-2 {
 0% {
 -webkit-transform: rotate(165deg);
}
 100% {
 -webkit-transform: rotate(540deg);
}
}
 @-moz-keyframes cssload-dot-rotate-2 {
 0% {
 -moz-transform: rotate(165deg);
}
 100% {
 -moz-transform: rotate(540deg);
}
}
 @keyframes cssload-dot-rotate-3 {
 0% {
 transform: rotate(435deg);
}
 100% {
 transform: rotate(810deg);
}
}
 @-o-keyframes cssload-dot-rotate-3 {
 0% {
 -o-transform: rotate(435deg);
}
 100% {
 -o-transform: rotate(810deg);
}
}
 @-ms-keyframes cssload-dot-rotate-3 {
 0% {
 -ms-transform: rotate(435deg);
}
 100% {
 -ms-transform: rotate(810deg);
}
}
 @-webkit-keyframes cssload-dot-rotate-3 {
 0% {
 -webkit-transform: rotate(435deg);
}
 100% {
 -webkit-transform: rotate(810deg);
}
}
 @-moz-keyframes cssload-dot-rotate-3 {
 0% {
 -moz-transform: rotate(435deg);
}
 100% {
 -moz-transform: rotate(810deg);
}
}
 @keyframes cssload-dot-rotate-4 {
 0% {
 transform: rotate(705deg);
}
 100% {
 transform: rotate(1080deg);
}
}
 @-o-keyframes cssload-dot-rotate-4 {
 0% {
 -o-transform: rotate(705deg);
}
 100% {
 -o-transform: rotate(1080deg);
}
}
 @-ms-keyframes cssload-dot-rotate-4 {
 0% {
 -ms-transform: rotate(705deg);
}
 100% {
 -ms-transform: rotate(1080deg);
}
}
 @-webkit-keyframes cssload-dot-rotate-4 {
 0% {
 -webkit-transform: rotate(705deg);
}
 100% {
 -webkit-transform: rotate(1080deg);
}
}
 @-moz-keyframes cssload-dot-rotate-4 {
 0% {
 -moz-transform: rotate(705deg);
}
 100% {
 -moz-transform: rotate(1080deg);
}
}
/*---------------------------------------
     Navigation section              
-----------------------------------------*/
.sticky-wrapper{width:100%; z-index:1000}
.navbar{border-radius:0;}
.custom-navbar {
	border: none;
	margin-bottom: 0;
	padding: 6px 0;
	width:100%;
	
}
.is-sticky .custom-navbar{background:#fff; -moz-box-shadow: 0 10px 33px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 10px 33px rgba(0,0,0,.1);
    box-shadow: 0 10px 33px rgba(0,0,0,.1); z-index:10000}

.custom-navbar .navbar-brand {
	color:#24a4cc;
	font-weight: bold;
	font-size: 32px;
	line-height: 35px;
}
.custom-navbar .nav li a {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 40px;
	letter-spacing: 0.3px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
.custom-navbar .nav li a:hover {
	background: transparent;
	color: #24a4cc;
}
.custom-navbar .nav li .calltxt {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	display: block;
    margin-top: 15px;
    border-left: 1px solid #ddd;
    padding: 7px 20px;-webkit-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;}

.is-sticky .custom-navbar .nav li a{color:#999;}
.is-sticky .custom-navbar .nav li a:hover{color:#333;}
.is-sticky .custom-navbar .navbar-brand{color:#24a4cc; line-height:20px;}

.is-sticky .custom-navbar .nav li .calltxt{color:#24a4cc; border-color:#24a4cc; margin-top:10px;}

.custom-navbar .navbar-nav > li > a:hover, .custom-navbar .navbar-nav > li > a:focus {
	background-color: transparent;
}
.custom-navbar .nav li.active > a {
	background-color: transparent;
	color: #24a4cc;
}
.custom-navbar .navbar-toggle {
	border: none;
	padding-top: 10px;
}
.custom-navbar .navbar-toggle {
	background-color: transparent;
}
.custom-navbar .navbar-toggle .icon-bar {
	background: #24a4cc;
	border-color: transparent;
}


.navbar-collapse.in {
	overflow: visible;
	max-height: none;
	background:#222;
	padding:0 30px;	
}


.is-sticky .custom-navbar .nav li a{line-height:24px;}




 @media(min-width:768px) {
.custom-navbar {
	border-bottom: 0;
}
.custom-navbar.top-nav-collapse {
	background: rgba(0,0,0,0.7);
	padding: 6px 0;
}
}
/*---------------------------------------
    Home section              
-----------------------------------------*/

#home {
	background: url(../images/home-bg.jpg) no-repeat top;
	background-size: cover;
	background-position: center center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	height: 100vh;
	position: relative;
	text-align: center;
	
}
#home2 {
	background: url(../images/home-bg2.jpg) no-repeat top;
	background-size: cover;
	background-position: center center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	height: 100vh;
	position: relative;
	text-align: center;
	
}

#home h3 {
	color: #f0f0f0;
}
#home .overlay {
	background: url(../images/homeimage.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slide-text h1 {
	margin-top: 0;
}
.slide-text h3 {
	font-size: 30px;
}
.slide-text p{color:#fff; line-height:24px; max-width:770px; margin:20px auto; font-size:16px;}
#js-rotating{border:1px dashed #fff; padding:10px 20px; display:inline-block;}


#lawyer {
	background: url(../images/law-bg.jpg) no-repeat top;
	background-size: cover;
	background-position: center center;	
	color: #ffffff;
	height: 100%;
	position: relative;
	text-align: left;
	padding:100px 0;	
}
#lawyer .slide-text{margin-top:100px;}

#simplecolors{background-color: #24a4cc;
	background-image: -webkit-linear-gradient(bottom, #24a4cc, #000);
	background-image: -moz-linear-gradient(bottom, #24a4cc, #000);
	background-image: -o-linear-gradient(bottom, #24a4cc, #000);
	background-image: -ms-linear-gradient(bottom, #24a4cc, #000);
	background-image: linear-gradient(to top, #24a4cc, #000); color:#fff; height: 100%;
	position: relative;
	text-align: left;
	padding:100px 0;	}
	
#simplecolors .slide-text{margin-top:50px;}

#simplecolors .section-btn{background:none; border-color:#fff;}
#simplecolors .headervideo{margin-top:50px;}


#videobg{position:relative; height:100%;}

/* Video background section from YTPlayer */
header .header-content.video-section .pattern-overlay {
	background-color: rgba(0, 0, 0, 0.6); /* increase 0.3 to any value under 1 to darken the video background */
	padding: 100px 0 100px 0px;
	min-height: 100vh; 
	z-index: 30;
	/* In case of overlay problems just increase the min-height*/ 
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align:center;
	color:#fff;
}

header .header-content.video-section h1 {
	margin-top: 0px;
	font: 600 50px/1.3em "Raleway", sans-serif;
	color: #fff;
}

header .header-content.video-section p {
	font: 300 18px/1.5em "Source Sans Pro", sans-serif;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 15px;
}

header .header-content.video-section .button.solid {
	background-color: #298aff;
	color: #fff;
	border: 2px solid #298aff;
	margin-left: 3px;
	margin-right: 3px;
}

header .header-content.video-section .button.solid:hover {
	background-color: #fff;
	color: #298aff;
	border: 2px solid #fff;
}

header .header-content.video-section .button.transparent {
	color: #fff;
	border: 2px solid #fff;
	margin-left: 3px;
	margin-right: 3px;
}

header .header-content.video-section .button.transparent:hover {
	background-color: #fff;
	color: #298aff;
	border: 2px solid #fff;
}



/*Banner Form*/
.bformBox{background:#fff; border-bottom:5px solid #24a4cc; padding:30px; margin-top:50px;}
.bformBox h3{color:#444; margin:0 0 15px 0; text-align:center; font-size:24px;}
.bformBox .formrow{margin-bottom:15px;}
.bformBox .formrow .form-control{height:auto; border-radius:0; padding:10px 15px; font-size:16px; border-color:#ddd; box-shadow:none}
.bformBox .formrow textarea.form-control{height:100px;}
.bformBox .btn{background:#24a4cc; width:100%; border-radius:0; color:#fff; font-weight:700; padding:10px 15px; font-size:18px; text-transform:uppercase;}
.bformBox .btn:hover{background:#333;}

.bformBox.pg6{margin:0; background:#f6f6f6; padding:30px 0;}

/*---------------------------------------
   Counter section              
-----------------------------------------*/

#counter {
	background:url(../images/funfact-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed;
	padding:50px 0
}

.animatebg{background: #0562da; -webkit-animation: bannerbg 5s linear 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: bannerbg 5s linear 2s infinite alternate;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes bannerbg {
    0%   {background-color:#0562da;}
    25%  {background-color:#fec107;}
    50%  {background-color:#c90157;}
    75%  {background-color:#24a4cc;}
    100% {background-color:#24a4cc;}
}

/* Standard syntax */
@keyframes bannerbg {
   0%   {background-color:#0562da;}
    25%  {background-color:#fec107;}
    50%  {background-color:#c90157;}
    75%  {background-color:#24a4cc;}
    100% {background-color:#24a4cc;}
}


#counter .counter-number {
	display: block;
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	font-weight:300;
}
#counter span {
	color: #fff;
	font-weight: bold;
}
.counter-icon {
	font-size: 60px;
	margin-bottom: 15px;
	color: #fff;
	border-bottom:1px solid #fff;
	padding-bottom:15px;
}
.counterbox{}

/*********************************************
		Revolution slider options
**********************************************/
.tp-banner-container {
	position: relative;
z-index:;
	padding: 0;
	width: 100%;
}
.tp-banner {
	position: relative;
	width: 100%;
}
.tp-banner ul {
	padding: 0;
	margin: 0;
}
.tp-caption {
	line-height: normal !important
}
.tp-caption a {
	color: inherit !important;
}
.tp-bullets.simplebullets.round .bullet {
	border: 3px #fff solid;
	border-radius: 50%;
	background-image: none !important;
}
.tparrows {
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}
.tp-arr-allwrapper {
	margin: 0 10px;
	width: 50px;
	height: 60px;
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
	color: #fff;
}
.tp-leftarrow .tp-arr-allwrapper {
}
.tp-rightarrow .tp-arr-allwrapper {
}
.tp-arr-iwrapper {
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-family: 'FontAwesome';
	line-height: 60px;
}
.tp-leftarrow .tp-arr-iwrapper {
}
.tp-leftarrow .tp-arr-iwrapper:before {
	content: "\f104";
}
.tp-rightarrow .tp-arr-iwrapper:before {
	content: "\f105";
}
.tp-rightarrow .tp-arr-iwrapper {
}
.slide-h1 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 57px;
}
.slide-h2 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #555;
	font-weight: bold;
	font-size: 55px;
	line-height: 100%;
}
.big-font {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 60px;
}
.large-desc {
	font-size: 16px;
}
.slide-h3 {
	color: #fff;
	font-size: 31px;
	line-height: 100%;
}
.slide-h3 span {
	text-transform: uppercase;
	font-weight: bold;
}
.slide-head {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
}
.slide-desc {
	font-size: 22px;
	line-height: 150%;
}
.main-title {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 70px;
}
.icon-cont {
	padding: 15px 40px;
	border-radius: 10px;
	text-align: center;
}
.icon-cont:after {
	position: absolute;
	bottom: -10px;
	left: 40%;
	z-index: 5;
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	content: "";
}
.icon-cont i {
	margin-bottom: 10px;
	color: #fff;
	font-size: 50px;
}
.icon-cont span {
	display: block;
	padding: 0 0 5px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
a.wit-btn {
	background: #fff;
	color: #333 !important;
	text-transform: uppercase;
}
.wit-line {
	width: 5%;
	height: 1px;
	background: #fff;
}
.vert-line {
	min-height: 270px;
	width: 1px;
	background: #fff;
}
.subTxt {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
	color: #333;
}
.large-title {
	color: #222;
	font-size: 60px;
	font-weight: 800;
	text-transform: uppercase !important;
}
.large-light-title {
	color: #787878 !important;
	font-size: 70px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 2px
}
.large-text {
	font-size: 20px;
	color: #000;
	font-weight: lighter;
}
.larger-text {
	font-size: 24px;
	font-weight: lighter;
	text-transform: uppercase;
}
.witTxt {
	color: #fff !important;
}
.light-font {
	font-weight: lighter !important;
	font-size: 50px;
}
.black-bg {
	background: rgba(0,0,0,.63);
	color: #a8a8a8;
	text-transform: none;
}
.lft-list {
	padding: 10px;
	font-size: 18px;
	color: #fff;
}
.wit-border {
	border: 1px #fff solid;
	padding: 15px 60px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
.rounded-bord {
	margin-right: 15px;
	border: 1px #fff solid;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	border-radius: 50%;
}
#vertical-ticker {
	height: 120px;
	overflow: hidden;
}
#vertical-ticker li {
	padding: 15px 20px;
	display: block;
	text-align: center;
}
.to-bottom i.fa {
	font-size: 30px;
	border: 2px #a8a8a8 solid;
	padding: 20px 22px;
	border-radius: 50%;
	-webkit-animation: bounce 2s infinite linear;
	animation: bounce 2s infinite linear;
}
.slidertext1 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	padding: 15px 0;
	text-transform: none;
	font-family: 'Ubuntu', sans-serif;
}
.slidertext2 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	padding: 15px 0;
	text-transform: none;
	font-family: 'Ubuntu', sans-serif;
}
.sliderpara {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 0;
	text-transform: none !important;
}
.sliderbtn a {
	color: #fff !important;
}
.sliderbtn a:hover {
	color: #fff !important;
}
.tp-bannertimer{display:none;}
 @-webkit-keyframes bounce {
 0% {
 transform:translateY(0%);
}
 50% {
 transform:translateY(-30%);
}
 100% {
 transform:translateY(0);
}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
 0% {
 transform:translateY(0%);
}
 50% {
 transform:translateY(-30%);
}
 100% {
 transform:translateY(0);
}
}

/* Opera 12.0 */
@-o-keyframes bounce {
 0% {
 transform:translateY(0%);
}
 50% {
 transform:translateY(-30%);
}
 100% {
 transform:translateY(0);
}
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
 0% {
 transform:translateY(0%);
}
 50% {
 transform:translateY(-30%);
}
 100% {
 transform:translateY(0);
}
}
/*---------------------------------------
    About section              
-----------------------------------------*/

#about {
	padding:70px 0 0 0;
	text-align:center;
}
.about-desc h2{font-size:36px; text-align:center; color:#272727; font-weight:500; margin-bottom:30px;}

#about .about-desc h4 {
	margin-top: 0px;
	padding-bottom: 8px;
}
#about .about-desc h3{font-size:24px;}
#about .about-desc p{}
#about .about-desc a {
	color: #565656;
}
#about .about-desc a:hover {
	color: #24a4cc;
}
.circleList{list-style:none; margin-top:30px;}
.circleList li{text-align:center; margin-top:10px;}
.circleList li .cricle{width:100px; height:100px;background-color: #b1b1b1; border-radius:50%; color:#fff; font-size:36px; text-align:center; line-height:90px; margin:0 auto; border:7px solid rgba(255, 255, 255, 0.3);}
.circleList li .title{font-size:14px; margin-top:5px; font-weight:600; margin-bottom:30px;}

#about .section-title{padding-bottom:10px;}


.postimg{margin-bottom:20px;}

#about .team-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
}
#about .team-wrapper h2 {
	color: #353535;
	font-size: 26px;
	line-height: 32px;
}
#about .team-wrapper strong {
	color: #24a4cc;
	font-weight: 600;
}
#about .team-wrapper img {
	border-radius: 2px;
	width: 100%;
}
#about .team-wrapper .team-desc {
	background: rgba(250,250,250,0.5);
	position: absolute;
	cursor: crosshair;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	padding: 20em 4em 0 0;
	transition: all 0.4s ease-in-out;
	text-align: right;
}
#about .team-wrapper:hover .team-desc {
	opacity: 1;
	transform: scale(1.1);
}

ul.orderlist {
	list-style: none;
	margin: 0;
	padding: 0
}
ul.orderlist li {
	margin-bottom: 12px;
	color: #333;
	font-size: 16px;
	position: relative;
	padding-left: 25px;
}
ul.orderlist li:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	vertical-align: middle;
	color: #24a4cc;
}


/*---------------------------------------
   			How it works         
-----------------------------------------*/
.howitwrap{padding:50px 0;}
.howlist {
	list-style: none;
	margin-bottom:20px;
}
.howlist li {
	margin-bottom: 30px;
}
.howlist li .howbox{}
.howlist li .iconcircle {
	margin-bottom: 15px;
	float:left;
	margin-right:20px;
	border:1px solid #ddd;
	padding:15px;
	border-radius:5px;
}
.howlist li .iconcircle i {
	font-size: 44px;
	color: #24a4cc;
}
.howlist li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #444;
	margin-bottom: 5px;
}
.howlist li p {
	font-size: 14px;
	line-height: 22px;
	color: #555;
}
.howlist li:after{content:''; clear:both; display:table}



/*---------------------------------------
   Service and what we do section              
-----------------------------------------*/
#service{background:#eff3f6;}
#service .service-thumb {
margin-bottom:30px; margin-top:20px; text-align:center;
}
#service .wedobox{background:#fff; border:1px solid #ddd; padding:20px 15px; border-radius:5px; box-shadow:0 2px 3px rgba(0,0,0,0.1); margin-bottom:10px; transition:0.2s ease-in; -webkit-transition:0.2s ease-in;}
#service .wedobox:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
#service .service-thumb h4 {
	color: #555;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:18px;
}
#service .thumb-icon {
	color: #24a4cc;
	margin: 0 auto;
	margin-bottom:20px;
	transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-ms-transition: ease-in-out 0.3s;
	margin-bottom:15px;
	text-align:center;
}
.thumb-img img{box-shadow:-10px 10px 15px rgba(0,0,0,0.1)}

#service .fa {
	font-size:40px;
    border: 1px solid #ddd;
    width: 70px;
    height: 70px;
    line-height: 70px;
	border-radius:5px;
	background:#fff;
}

#service .wedobox .thumb-icon{margin-top:10px;}
#service .wedobox .thumb-icon i{border:none;}


/*---------------------------------------
    Work section              
-----------------------------------------*/
.portfolio-grid {margin:10px 0 0 0;  list-style: none;}
.portfolio-grid li {padding:0px;} 
#work{padding:80px 0 60px 0;}

#work .work-thumb {
	padding: 0;
	overflow: hidden;
	position: relative;
	top: 0;
	-webkit-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
#work .work-thumb:hover {
	background: #ffffff;
}
#work .work-thumb img {
	width: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#work .work-thumb:hover img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}


.portfolio-grid li .itemHover {position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; background: rgba(0, 0, 0, 0.7); transform: scale(0); transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease}
.portfolio-grid li:hover .itemHover {transform: scale(1)}
.portfolio-grid li .infoItem {display: table; width: 100%; height: 100%; text-align: center}
.portfolio-grid li .itemtitle {vertical-align: middle; padding: 0 15px 15px; position: relative; display: table-cell;}
.portfolio-grid li .itemtitle h5 {color: #fff; font-size: 24px; margin: 0 0 5px}
.portfolio-grid li .itemtitle p {color: #fff; font-size: 16px; line-height:24px}
/*---------------------------------------
    Team section              
-----------------------------------------*/
#team{background:#eff3f6;}
#team .thumb-image {
	margin-bottom: 15px;
	overflow: hidden;
}
#team .team-thumb{text-align:center; background:#fff; padding:10px; border-radius:5px; box-shadow:0 2px 3px rgba(0,0,0,0.1); border:1px solid #ddd;}
#team .team-thumb h4 {
	margin: 0 0 5px 0;
	color:#24a4cc;
	font-size:24px;
}
#team .team-thumb p{padding:0 15px;}
#team .team-thumb h5 {
	color: #000;
	margin: 0 0 10px 0;
}
#team .team-thumb img {
	width: 100%;
}


/* Social */
.social{margin-top:15px; margin-bottom:20px;}
.social li a {
  display: block;
  height: 36px;
  width: 36px;
  color: #fff !important;
  line-height: 36px;
  text-align: center;
  text-decoration: none !important;
  border:2px solid transparent;
}
.bg-facebook {
  background-color: #3b5998 !important;
}

.bg-twitter {
  background-color: #00aced !important;
}

.bg-linkedin {
  background-color: #007bb6 !important;
}

.bg-googleplus {
  background-color: #dd4b39 !important;
}
.social li a:hover { 
  border: 2px solid #000;
}
/*---------------------------------------
    Testimonials section              
-----------------------------------------*/
#testimonials {
	color: #333;
	padding:70px 0 50px 0;
	background:url(../images/testimonial-bg.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
#testimonials h2 {
	color: #fff;
}
#testimonials .section-title h3{color:#fff;}


.testimonialsList {
	list-style: none;
}
.testimonialsList li {
	text-align: center;
	margin:0 15px 15px 15px;
	background: rgba(0, 0, 0, 0.3);
    padding: 30px;
	border:2px solid rgba(255,255,255,0.2);
}
.testimonialsList li .testimg {
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin: auto
}
.testimonialsList li .testimg img{border-radius:5px;}
.testimonialsList li .clientname {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	margin-top: 10px;
}
.testimonialsList li p {
	font-style: italic;
	line-height: 26px;
	color: #fff;
	max-width:770px;
	margin:0 auto;
}
.testimonialsList li .clientinfo {
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;
}

/*---------------------------------------
    Prices section              
-----------------------------------------*/
#packages{padding:70px 0; background:#eff3f6;}
.packageList li{text-align:center; margin-top:30px; padding:0;}
.packageList li .packbox{border:1px solid transparent; background:#fff; padding:20px; border-radius:5px; -webkit-transition: all 1s; transition: all 1s;}
.packageList li .packbox:hover{border-color:#ddd;}
.packageList li .icon{margin:0 auto; text-align:center; font-size:48px; line-height:85px; width:90px; height:90px; border:1px solid #ddd; border-radius:50%; margin-bottom:15px;}
.packageList li .icon i{color:#999}
.packageList li h3{margin:0 0 15px 0; font-size:30px; font-weight:700; letter-spacing:0;}
.packageList li .price{margin-bottom:20px;}
.packageList li .price span{color:#888;}
.packageList li .price strong{font-size:48px; color:#24a4cc; display:block;}
.packageList li p{letter-spacing:0; border-top:1px solid #eee; font-size:14px; padding-top:5px; margin-top:5px; text-transform:uppercase;}
.packageList li .booknow{margin-top:20px;}
.packageList li .booknow a{background:#333; color:#fff; text-transform:uppercase; font-size:16px; font-weight:600; padding:10px 20px; display:block;}
.packageList li .packbox.select{background-color: #24a4cc; border-color:#fff; -webkit-box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.29); box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.29); position:relative; -webkit-transform: scale(1.1); transform: scale(1.1); position:relative; z-index:10}
.packageList li .packbox.select i{color:#fff}
.packageList li .packbox.select .booknow a{background:#fff; color:#24a4cc;}
.packageList li .packbox.select h3{color:#fff;}
.packageList li .packbox.select .price span, .packageList li .packbox.select .price strong{color:#fff;}

.packageList li .packbox .booknow a:hover{background:#24a4cc; color:#fff;}
.packageList li .packbox.select p{border-top:1px solid rgba(255,255,255,0.2); color:#fff;}

/************************************************
           == Video css==
*************************************************/
.videowraper {
	background: url(../images/wrapperabout.png) no-repeat top;
	background-size: cover;
	background-attachment:fixed;
	text-align: center;
	padding:50px 0;
}
.videowraper h2{color:#fff;}
.videowraper .subtitle, .videowraper h3 {
	color: #fff;
}
.videowraper p {
	color: #fff;
	max-width: 800px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 24px;
}
.videowraper a {
	display: inline-block;
	margin-top: 20px;
	font-size: 100px;
	color: #fff;
}
.videowraper a:hover {
	color:#fff;
}

/************************************************
           == Video css==
*************************************************/
.taglinewrap {
	background: url(../images/workbanner.png) no-repeat top;
	background-size: cover;
	background-attachment:fixed;
	text-align: center;
	padding:50px 0;
}
.taglinewrap h2{color:#fff; margin-bottom:15px;}
.taglinewrap p {
	color: #fff;
	max-width: 800px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 24px;
}
.taglinewrap a{display:inline-block; background:#24a4cc; padding:10px 20px; color:#fff; font-size:16px; font-weight:600; text-transform:uppercase; margin-top:25px;}
.taglinewrap a:hover{background:#fff; color:#000;}



/* =======================
		Blog Grid
======================= */
#blog{padding:60px 0 50px 0;}
.blogGrid {
	list-style: none;
}
.blogGrid li {
	margin-bottom: 30px;
}
.blogGrid li .int {
	background: #fff;
	padding: 20px;
	border: 1px solid #e4e4e4;
	border-radius:5px;
}
.blogGrid li .postimg {
	position: relative;
	display: inline-block;
	margin:0;
}
.postimg .date {
	width: 60px;
	height: 60px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	padding: 7px 10px 0 10px;
	text-align: center;
	line-height: 20px;
	background: #24a4cc;
	letter-spacing: 0.4px;
	position: absolute;
	right: 11px;
	bottom: 11px;
	z-index: 12;
}
.blogGrid li .int:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-color: #24a4cc;
}
.blogGrid li .post-header {
	margin-top: 10px;
}
.blogGrid .readmore {
	border-bottom: 1px dotted #00b1f1;
	display: inline-block;
	margin-top: 15px;
	color: #000;
	font-weight: 600;
	padding-bottom: 5px;
}
.blogGrid .readmore:hover {
	text-decoration: none;
	color: #00b1f1;
}
.postmeta {
	margin: 15px 0 20px 0;
	line-height: 24px;
}
.postmeta span, .postmeta a {
	color: #24a4cc;
}

/************************************************
           == FAQs css==
*************************************************/
.faqs {
	margin-bottom: 30px;
}
.faqs .panel-default>.panel-heading {
	background: none;
	border: none;
	padding: 0;
}

.faqs h4 a {
	padding: 10px 55px 10px 15px;
	display: block;
	background: #24a4cc;
	color: #fff;
	font-size: 16px;
	position: relative;
	
}
.panel-group .panel {
	border-radius: 0;
	margin-bottom: 20px;
}
.panel-group .panel-body {
	line-height: 24px;
	color: #555;
}
.faqs h4 .collapsed:hover, .faqs h4 a:hover, .faqs h4 a:active {
	text-decoration: none;
	background: #24a4cc;
	color: #fff;
}
.faqs h4 a:before {
	content: "\f068";
	background: #fff;
	font-family: 'FontAwesome';
	width: 30px;
	padding: 6px 0;
	color: #24a4cc;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	line-height:18px;
}
.faqs h4 .collapsed:before {
	content: "\f067";
	font-family: 'FontAwesome';
	background: #666;
	width: 30px;
	padding: 6px 0;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	text-decoration: none;	
}
.faqs h4 a.collapsed {
	background: #fff;
	color: #666;
	text-decoration: none;
}



/*---------------------------------------
    Contact section              
-----------------------------------------*/
#contact{background:#f9f9f9;}

#contact .form-control {
	border-color: transparent;
	border-radius: 0px;
	box-shadow: none;
	font-size: 18px;
	margin-bottom: 20px;
	-webkit-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
#contact input {
	border: 2px solid #f0f0f0 !important;
	height: 55px;
}

#contact textarea {
	background: #fff;
	border: 2px solid #f0f0f0 !important;
}
#contact button#submit {
	background-color: #24a4cc;
	
	border: none;
	border-radius: 0;
	color: #ffffff;
	padding: 10px 30px;
	height: auto;
	width: 60%;
	text-transform: uppercase;
    
}
#contact button#submit:hover {
	background: #343434;
	color: #ffffff;
}

.contact {	
	margin-bottom: 30px;
	border-bottom:1px solid #ddd;
	padding-bottom:30px;	
	text-align:left;
}
.contact > span {
	color: #24a4cc;
	float: left;
	font-size: 30px;
	line-height: 55px;
	text-align: center;
	width: 60px;
	height:60px;
	border:1px solid #24a4cc;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	background:#fff;
}
.inner-page .fa-home:before {
	content: "\f015";
}
.information {
	margin-top: 5px;
	padding-left:80px;
}
.information > strong {
	color: #000;
	display: table;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.information > p {
	line-height: 22px;
	margin: 0;
}








#map {
	width: 100%;
	height: 350px;
	border: none;
	display: block;
	 pointer-events: none;
}
.frmap{margin-top:10px;}
/*---------------------------------------
    Address section              
-----------------------------------------*/

#address {	
	color: #333;
	text-align:left;
	margin-top:10px;
}
#address .fa {
	font-size: 42px;
	color: #24a4cc;
	float:left;
	width:50px;
	height:70px;
	margin-right:15px;
}
#address h4 {
	color: #444;
	margin:0;
}
#address p {
	color: #888; margin-bottom:0
}

.address-office, .address-phone, .address-email{margin-bottom:30px; clear:both; border:1px solid #ddd; background:#fff; padding:20px; min-height:120px;}

/*---------------------------------------
   Clients
-----------------------------------------*/
.our-clients{padding:30px 0; background:#eff3f6;}
.our-clients .owl-controls{display:none !important;}


/*---------------------------------------
   Footer section              
-----------------------------------------*/

footer {
	background: #24a4cc;
	padding-top: 50px;
	padding-bottom: 40px;
	text-align: center;
}
.socialLinks {
	margin-bottom: 30px;
}
.socialLinks a {
	font-size: 24px;
	color: #fff;
	display: inline-block;
	margin: 0 7px;
}
.socialLinks a:hover {
	color: #000;
}
footer .footer-copyright p {
	color: #fff;
}
.scrollup {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	background-color: #000;
	padding: 5px;
	opacity: 0.5;
	border-radius: 50%;
}
.scrollup i {
	color: #fff;
	display: block;
	line-height: 30px;
	text-align: center;
}
.scrollup:hover {
	opacity: 1;
	text-decoration: none;
}

/*---------------------------------------
   Mobile Responsive styles              
-----------------------------------------*/

@media(max-width:1200px)
  {
    .custom-navbar .nav li a {
    padding: 15px 16px;
}
    
  
}


@media (max-width: 1024px) {
	.custom-navbar .nav li a{padding:10px 15px;}
	.custom-navbar .navbar-brand{font-size:24px; line-height:24px;}
	.navbar-right{margin-top: 0px;}
}



@media only screen and (max-width: 991px) and (min-width: 768px)
  {
    ul.nav.navbar-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
}

@media (max-width: 991px) {
    .navbar .container{
    	width:100%;
    }

  
h1 {
	font-size: 52px;
}
.is-sticky .navbar-brand{display:none;}
.custom-navbar .nav li a{padding:0px 15px;}
.custom-navbar .nav li .calltxt{margin-top:0; padding:7px 15px}
.is-sticky .custom-navbar .nav li .calltxt{margin-top:0;}
.navbar-header{float:none; text-align:center;}
.navbar-brand{float:none; display:inline-block;}
.custom-navbar{border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:30px;}
.is-sticky .custom-navbar{padding-bottom:10px;}
.is-sticky .custom-navbar .nav li a{padding:10px 15px;}

#counter .counter-number{font-size:48px;}
#service .service-thumb-first,  #service .service-thumb-second {
	margin-bottom: 32px;
}
ul.orderlist li{float:none; width:auto;}
#team .team-thumb{margin-bottom:30px;}
.postimg{margin-top:30px; margin-bottom:30px}
}

@media (max-width: 880px) {
.portfolio-grid li .itemtitle p{font-size:14px; line-height:22px;}
.portfolio-grid li .itemtitle{padding:10px;}
}

 @media (max-width: 768px) {
h1 {
	font-size: 48px;
}
#counter .counter-item {
	margin-top: 28px;
	margin-bottom: 28px;
}
}

@media (max-width: 767px) {
.navbar-header{text-align:left;}
.custom-navbar{border-bottom:0; padding-bottom:0;}
.sticky-wrapper, .navbar-collapse.in{z-index:100000;}
.sticky-wrapper{height:auto !important;}
.navbar-collapse.in{background:#fff;}
.custom-navbar .nav li .calltxt{border-left:none;}
.is-sticky .navbar-brand{display:block;}
.custom-navbar .navbar-brand {
	line-height: 15px;
}
#about .about-desc {
	margin-bottom: 32px;
}
#address .address-phone {
	margin-top: 22px;
	margin-bottom: 22px;
}
#team .team-thumb {
	margin-bottom: 30px;
}
.custom-navbar .nav li a{border-bottom:1px solid #eee;}
.is-sticky .custom-navbar .nav li a{line-height:24px;}
#service .service-thumb{}
#counter .counter-number{font-size:48px;}
.parallax-section, #packages, #work, #blog{padding:50px 30px;}
.videowraper, .howitwrap{padding:50px 15px;}
.taglinewrap{padding:50px 20px;}
.blogGrid li{text-align:center;}
.packageList li .packbox.select{-webkit-transform: scale(1);  transform: scale(1);}

}
 @media (max-width: 580px) {
h1 {
	font-size: 29px
}
h2 {
	font-size: 24px;
	line-height: 42px;
}
h3 {
	font-size: 12px;
	letter-spacing: 2px;
}

   #contact button#submit {
    width: 100%;
}
   
}
 @media (max-width: 350px) {
#about .team-wrapper .team-desc {
	padding-top: 14em;
}
}

/*-------------------------Update 24-1-2023-----------------*/
.navbar-collapse {
    padding: 0 30px;
}



@media(max-width:767px)
  {
    .contact-form {
    max-width: 100%;
}
    
    .is-sticky .custom-navbar {
    padding-bottom: 0;
}
    
    .modal.in .modal-dialog {
    margin-top: 14vh;
}


    
    
}



.modal  .form-control {
    border: 2px solid #f0f0f0 !important;
    height: 55px;
    border-radius: 0px;
    box-shadow: none;
}

.modal .modal-title {
    text-align: center;
}

.modal .modal-title {
    font-size: 25px;
    color: #24a4cc;
    /* margin-bottom: 15px; */
}

.modal-header {
    border-bottom: 0;
    padding: 25px 0;
  padding-bottom:15px;
}

.modal-body {
    border-top: 0px solid;
}

.modal .form-sub-btn {
    text-align: center;
}

.modal-header .close {
    margin-top: -12px;
    margin-right: 13px;
    position: absolute;
    right: 0;
}

.modal-header .close span {
    font-size: 31px;
}

.form-control:focus {
    box-shadow: none;
}

.modal-body textarea {
    height: auto !important;
}



.contact-form div#success {
    margin-top: 15px;
}