/*------------------------------------------
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: #565656;
	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%;
}
.logo-img{
	width: 160px;
    margin-top: -26px;

}
/*---------------------------------------
   Buttons               
-----------------------------------------*/

.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: left;
}
.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:#d2232a; height:1px; width:100px; position:absolute; bottom:-26px; left:0%; margin-left:0px;}
.section-title h3:before{content:''; background:#d2232a; height:7px; width:7px; position:absolute; bottom:-29px; left:4.5%; margin-left:-5px;}

.section-title p {
	max-width: 100%;
	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: 17px 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:#d2232a; border-color:#d2232a; 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/overlaypattern.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;
}
.post-header a{
	color:#d2232a;
}

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 14PX 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: 6px 15px;
    border-radius: 5px;
}
.howlist li .iconcircle i {
	font-size: 24px;
	    color: #c62224;
}
.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;} 
#work{padding:80px 0 60px 0;}

#work .work-thumb
{
	border:1px solid #dadada;
	padding-bottom:30px;
	margin-bottom:30px;
}
#work .work-thumb:hover
{
	-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
transition:0.2s ease !important;
}
#work .work-thumb .work-thumb-content
{
	padding-left:10px;
	padding-top:10px;
}
#work .work-thumb .work-thumb-content h5
{
	font-weight:bold;
	color:#000;
	
}
#work .work-thumb .work-thumb-content span{

background-color:#d4232b;
}

.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 {}
.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/videobg.jpg) 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/taglinebg.jpg) 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: 10px;
	border: 1px solid #e4e4e4;
	border-radius: 0 0 5px 5px;
	min-height: 376px;
	border-top: 3px solid #d2232a !important;
}
.blogGrid li .int:hover{
	border-top-color: #d2232a !important;
}
.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: #e0e0e0;
	cursor:pointer;
}
.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.parallax-section{
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	padding: 80px 15px;
}

#contact.parallax-section > .container{
	background-color: #ffffff;
	padding: 40px 30px;
}

#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 input:focus, #contact textarea:focus {
	border-color: #24a4cc !important;
}
#contact textarea {
	background: #fff;
	border: 2px solid #f0f0f0 !important;
}
#contact button#submit {
	background-color: #d2232a;
	
	border: none;
	border-radius: 0;
	color: #ffffff;
	padding: 10px 30px;
	height: auto;
	width: 100%;
	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: #d2232a;;
	float: left;
	font-size: 30px;
	line-height: 55px;
	text-align: center;
	width: 60px;
	height:60px;
	border:1px solid #d2232a;;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	background:#fff;
	cursor:pointer;
}
.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: #231f20;
	padding-top: 50px;
	padding-bottom: 40px;
	text-align: center;
}
.banner-container
{
	
	padding:0px !important;
}
.carousel-inner img
{
	
	height:520px !important;
}
.socialLinks {
	margin-bottom: 30px;
}
.socialLinks a {
	font-size: 24px;
	color: #fff;
	display: inline-block;
	margin: 0 7px;
}
.socialLinks a:hover {
	color: #d2232a;
}
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: 1024px) {
	.custom-navbar .nav li a{padding:10px 15px;}
	.custom-navbar .navbar-brand{font-size:24px; line-height:24px;}
	.navbar-right{margin-top: 10px;}
}

@media (max-width: 990px) {
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;
	
}
.custom-navbar
{
	
	    margin-bottom: 35px;
}

#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);}



.reponsive-carousel-text #myCarousel .carousel-inner1 .item .carousel-caption h3 {
   font-size: 32px !important;
    margin-bottom: 24px !important;
    line-height: normal;
}

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

}
 @media (max-width: 350px) {
#about .team-wrapper .team-desc {
	padding-top: 14em;
}
}
@media (max-width: 767px){
	.logo-img {
    width: 146px;
    margin-top: -23px;
	}
}



#myCarousel .carousel-inner1 .item  .carousel-caption
{
	
	    bottom: 178px !important;
}

#myCarousel .carousel-inner1  .item  .carousel-caption h3
{
	font-size:80px !important;
	margin-bottom: -16px !important;
    line-height: normal;
}

[class*="page-section"].type2 {
    padding: 90px 0;
}

[class*="page-section"] {
    //padding: 90px 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.services {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: -15px;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.services .service-col {
    padding: 15px;
}

.fx-col-3 > * {
    width: 33.33%;
}

.services .service-item {
    position: relative;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.services .service-item .thumb_img{
	border: 3px solid #ffffff;
	border-radius: 100%;
	box-shadow: 0 3px 6px #b1b1b1;
	height: 200px;
	width: 200px;
	transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	margin: 0 auto 20px;
}

.services .service-item:hover .thumb_img{
	border-color: #d2232a;
	transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.services .service-item .thumb_img img{
	border-radius: 100%;
	height: 100%;
	width: 100%;
}

.services .service-item .service-inner h4{
	margin-top: 0;
}

h4:not(:last-child) {
    margin-bottom: 15px;
}

.services .service-item .service-inner p:not(:last-child) {
    margin-bottom: 30px;
}

.services .service-item .service-inner .btn {
    padding-left: 30px;
    padding-right: 30px;
}

[class*="btn"].btn-style-2 {
    background: #d2232a;
	color: #fff;
    box-shadow: 0px 5px 25px 0px rgba(166, 196, 55, 0.35);
}

.BgColorr
{
	background: #f6f6f6 !important;
}

.BgColorr2
{
	background: #f6f6f6 !important;
	padding-top: 80px;
    padding-bottom: 80px;
}
/*nanny */

.ct-u-paddingBoth80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ct-mediaSection {
    width: 100%;
    position: relative;
}

.ct-u-paddingBottom40 {
    padding-bottom: 40px;
}

.ct-u-image--full-width img {
    width: 100%;
}
.ct-u-image--full-width p
{
	text-align: left;
}



.pb-40 {
    padding-bottom: 40px !important;
}


/*nanny navbar */

/*--- DROPDOWN ---*/
.nav ul {
  
  
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
}
.nav ul li {
    padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
}
.nav ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.nav li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
}
.nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background-color: #6b0c36;
    text-decoration: underline;
}
.nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
}


.nav ul {
    background-color: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
	    width: 200px;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
}

.nav ul li {
   padding-top: 1px;
    float: none;
    background: #fff;
    border-bottom: 1px solid #eee;
	z-index: 9;
    
}

.nav ul li ul li a{
	display: block;
}

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

.nav ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.nav li:hover ul { /* Display the dropdown on hover */
    left: 0; 
	    z-index: 22;
}

.nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background-color: #fff;
    text-decoration: underline;
}


.blocks_sec .row{
	border-bottom: 1px solid #ddd;
    margin: 15px 0;
    padding: 15px 0;
}
.blocks_sec .row:first-child{
	margin-top: 0;
}
.blocks_sec .row:last-child{
	border-bottom: 0 none;
	margin-bottom: 0;
}

.blocks_sec .postimg{
	background-color: #ffffff;
	box-shadow: 0 2px 8px #d6d6d6;
	padding: 8px;
}

.test-c
{
	height: 201px;
}
.test-b
{
	    height: 200px;

}

.close {
  
    font-size: 29px;
   
    position: relative;
    left: -14px;
    top: 10px;
}


.benefits_sec ul{
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: space-between;
	display: flex;
	-moz-box-pack: justify;
	width: 100%;
}

.benefits_sec ul li{
	display: inline-block;
    width: 215px;
    height: 125px;
    padding: 0;
    vertical-align: top;
    margin: 0;
    position: relative;
    max-width: 100%;
}

.benefits_sec ul li:before {
	position: absolute;
	content: "";
	border-top: 2px solid #d2232a;
	top: 0;
	width: 25%;
	right: 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.benefits_sec ul li:hover:before {
	width: 100%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.benefits_sec ul li:after {
	position: absolute;
	content: "";
	border-right: 2px solid #d2232a;
	top: 0;
	width: 2px;
	right: 0;
	height: 20%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.benefits_sec ul li:hover:after {
	height: 100%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.benefits_sec ul li .thumb{
	border: 2px solid #eaeaea;
	padding: 12px 15px;
	height: 100%;
	width: 100%;
	display: block;
	margin: 0;
}

.benefits_sec ul li:hover .thumb{
	background-color: #c9caca;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.benefits_sec ul li .thumb:before {
	position: absolute;
	content: "";
	border-top: 2px solid #d2232a;
	bottom: 0;
	width: 25%;
	left: 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.benefits_sec ul li:hover .thumb:before {
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.benefits_sec ul li .thumb:after {
	position: absolute;
	content: "";
	border-right: 2px solid #d2232a;
	bottom: 0;
	width: 2px;
	left: 0;
	height: 20%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.benefits_sec ul li:hover .thumb:after {
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.benefits_sec ul li h4{
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
}

.call_to_action{
	background-image: url(../images/call_banner.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding: 80px 15px;
	text-align: center;
	position: relative;
}

.call_to_action .overlay{
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.call_to_action .container{
	position: relative;
	z-index: 99;
}

.call_to_action h3{
	color: #ffffff;
	font-size: 28px;
	font-weight: 800;
	line-height: 35px;
	margin: 0 0 15px;
	text-transform: capitalize;
}

.call_to_action p{
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	margin: 0 0 15px;
}

.call_to_action a{
	background-color: #ffffff;
	border-radius: 25px;
	color: #d2232a;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 8px 20px;
	margin-left: 15px;
	display: inline-block;
}

.requirement_sec{
	padding: 50px 15px;
}

.modus-box-1 h3 {
	padding: 200px 0;
	text-align: center;
	font-size: 40px;
	font-weight: 300;
	margin: 0;
	width: 320px;
	max-width: 100%;
	line-height: 45px !important;
}

.modus-box-2 {
	padding: 9px 0px 0px 40px;
}

.modus-box-2 ul{
	position: relative;
}

.modus-box-2 ul li {
	display: block;
	padding: 0;
	position: absolute;
	margin: 0;
}

.modus-box-2 li h4{
	margin-top: 0;
	margin-bottom: 10px;
}

.modus-box-3  {
	left: -230px;
	top: 0;
}

.modus-box-4 {
	left: -96px;
	top: 100px;
}

.modus-box-5 {
	left: -52px;
	top: 258px;
}

.modus-box-6 {
	left: -96px;
	top: 423px;
}

.modus-box-7 {
	left: -230px;
	top: 530px;
}

.modus-box-2 h4 {
	font-size:24px;
	font-weight: 800;
}

@media (max-width: 1199px){
	.benefits_sec ul{
		display: block;
		text-align: center;
	}
	.benefits_sec ul li{
		width: 30%;
		margin: 1%;
		text-align: left;
	}
}

@media (min-width: 992px){
	.blocks_sec .row:nth-child(even) .col-md-4{
		float: right;
	}

	.modus-box-1 {
		background: url('../images/circular.png');
		background-repeat: no-repeat;
		background-position: left center;
		padding: 60px 0;
	}
}

@media (max-width: 992px){

	#contact.parallax-section{
		padding: 60px 15px;
	}

	#contact.parallax-section .container{
		padding: 30px 15px;
	}

	.modus-box-2{
		padding: 40px 0 0;
	}

	.modus-box-1 h3{
		position: relative;
		font-size: 30px;
		margin-bottom: 50px;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #555;
		font-weight: 400;
		padding: 0;
		text-align: left;
		margin: 10px 0 20px;
		width: unset;
		height: unset;
		position: relative;
	}

	.modus-box-1 h3:before {
		content: '';
		background: #d2232a;
		height: 7px;
		width: 7px;
		position: absolute;
		bottom: -29px;
		left: 4.5%;
		margin-left: -5px;
	}

	.modus-box-1 h3:after {
		content: '';
		background: #d2232a;
		height: 1px;
		width: 100px;
		position: absolute;
		bottom: -26px;
		left: 0%;
		margin-left: 0px;
	}

	.modus-box-2 ul li{
		border-bottom: 1px solid #ddd;
		position: relative;
		left: unset !important;
		top: unset !important;
		margin: 0;
		padding: 18px 0 18px 30px;
	}

	.modus-box-2 ul li:last-child{
		border-bottom: 0 none;
	}

	.modus-box-2 ul li:before{
		content: "\f046";
		color: #d2232a;
		font-family: FontAwesome;
		font-size: 20px;
		position: absolute;
		left: 0;
		top: 20px;
	}

	.modus-box-2 ul li p{
		margin-bottom: 0;
	}

	.blocks_sec {
		text-align: center;
	}
	.blocks_sec h2{
		font-size: 30px;
	}
	.blocks_sec .postimg{
		display: block;
		margin: 0 auto 20px;
		max-width: 100%;
		width: 300px;
	}
	#about{
		padding: 30px 0 15px;
	}
	.services .service-item .thumb_img{
		height: 175px;
		width: 175px;
	}
}

@media (max-width: 767px){
	.call_to_action{
		padding: 50px 15px;
	}
	.benefits_sec ul li{
		width: 45%;
		margin: 1%;
		text-align: left;
	}
}

@media (max-width: 540px){
	.benefits_sec ul li{
		width: 300px;
		margin: 1.5% auto;
		text-align: center;
		height: auto;
		max-width: 100%;
	}
}