@font-face {
    font-family: 'A Love of Thunder';
    src: url('../fonts/A Love of Thunder.eot');
    src: url('../fonts/A Love of Thunder.woff2') format('woff2'), url('../fonts/A Love of Thunder.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ALoveofThunder';
    src: url('../fonts/ALoveofThunder.woff') format('woff'), url('../fonts/ALoveofThunder.ttf') format('truetype'), url('../fonts/ALoveofThunder.svg#ALoveofThunder') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    padding: 0px;
    margin: 0px;
    outline: none;
}
h1, h2, h3, h4, h5 {
    font-family: 'ALoveofThunder';
    text-transform: uppercase;
}
h1 {
    font-size: 40px;/*    background: url(../images/title-bg.png) repeat-y;
	background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
	text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-animation: titletag 80s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    animation: titletag 80s linear infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
   -moz-backface-visibility: hidden;*/
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 25px;
}
h2>span, h3>span, h1>span {
    color: #f7791c;
}
p, ul li, ol li {
    color: #868686;
    font-size: 16px;
}
body {
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #4a4a4a;
    overflow-x: hidden;
    background-color: #FFFFFF;
}
/*================= Navigation css start =================*/
.navbar {
    border-radius: 0px;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
}
.navbar-nav>li>a {
    font-family: 'ALoveofThunder';
    color: #4a4a4a;
    padding: 40px 31px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-nav>li>a:hover {
    color: #f7791c;
}
.navbar-nav>li.active>a {
    color: #f7791c;
}
.navbar-nav>li.logo-menu {
    padding: 0px 36px;
}
.navbar-nav>li.logo-menu>a {
    padding: 24px 0px;
    background: url(../images/logo-top.png) center center no-repeat;
    background-position: -190px 0px;
    width: 190px;
    display: block;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: none;
}
.navbar-nav>li.logo-menu.logo-right>a {
    padding: 24px 0px;
    background: url(../images/logo-top.png) center center no-repeat;
    background-position: -381px 0px;
    width: 190px;
    display: block;
    margin: 0 auto;
}
.navbar-nav>li.logo-menu.logo-left>a {
    padding: 24px 0px;
    background: url(../images/logo-top.png) center center no-repeat;
    background-position: 1px 0px;
    width: 190px;
    display: block;
    margin: 0 auto;
}
/*.navbar-nav>li.logo-menu>a:hover{
  
    background-position: 50% -61px;

}*/
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: inherit;
}
.navbar-nav>li>ul.dropdown-menu {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 31px;
    opacity: 0;
    visibility: hidden;
    display: block;
    box-shadow: none;
    border: 0px;
    border-radius: 10px;
}
.navbar-nav>li.dropdown:hover ul.dropdown-menu {
    opacity: 1;
    display: block;
    margin-top: 0px;
    visibility: visible;
    background-color: #ff7d1d;
}
.navbar-nav>li>ul.dropdown-menu li>a {
    font-family: 'ALoveofThunder';
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
}
ul.dropdown-menu:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ff7d1d;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    content: "";
    margin: auto;
}
.dropdown-menu>li>a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
    color: #4a4a4a!important;
}
.megamenu {
    position: absolute;
    min-width: 600px;
    background-color: rgba(255,125,29,0.95);
    padding: 10px 10px 20px 10px;
    border-radius: 20px;
    /*    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
    opacity: 0;
    visibility: hidden;
    box-shadow: none;
    border: 0px;
    border-radius: 0px 60px 60px 60px;
    -webkit-border-radius: 0px 60px 60px 60px;
    -moz-border-radius: 0px 60px 60px 60px;
    -ms-border-radius: 0px 60px 60px 60px;
}
.navbar-nav>li.dropdown:hover .megamenu {
    opacity: 1;
    display: block;
    visibility: visible;
}
.megamenu:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ff7d1d;
    position: absolute;
    top: -10px;
    left: 50px;
    content: "";
    margin: auto;
}
.megamenu h5 {
    font-family: 'ALoveofThunder';
    color: #fff;
    font-size: 14px;
    padding: 5px 0px;
    border-bottom: 1px dashed #fff;
}
.megamenu h5.active {
    color: #4a4a4a;
    border-bottom: 1px dashed #4a4a4a;
}
.megamenu ul>li {
    list-style: none;
}
.megamenu ul>li>a {
    color: #fff;
    padding: 2px 0px;
    display: block;
    font-size: 14px;
    text-decoration: none;
}
.megamenu ul>li>a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}
.megamenu ul>li>a:hover, .megamenu ul>li.active>a {
    color: #4a4a4a!important;
    padding-left: 2px;
}
.megamenu ul>li>a>i {
    padding-right: 3px;
}
.navbar ul.navbar-nav {
    text-align: center;
    float: none;
	    padding-right: 91px;
}
.navbar ul.navbar-nav>li {
    float: none;
    display: inline-block;
}
.megamenu {
    text-align: left;
}

.services-area .col-lg-3
{
	padding-left:5px;
	padding-right:5px;
}
/*============= Banner Css Start ===================*/


.banner-area-home {
    position: relative;
    background-color: #fff;
    z-index: 9;
    overflow: hidden;
    background: url(../images/banner.png) bottom no-repeat;
    width: 100%;
    background-size: 100%;
    background-position: bottom;
}
.banner-area {
    position: relative;
    background-color: #fff;
    z-index: 9;
    overflow: hidden;
}
.banner-area>img {
    width: 100%;
}
.star img {
    max-width: 90%;
    height: auto;
}
.star {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    animation-duration: 8s;
    animation-name: star;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    z-index: -1;
}
.plane {
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: 9;
    animation-duration: 15s;
    animation-name: plane;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.air-balloon {
    position: absolute;
    top: 20%;
    right: 20%;
    animation-duration: 8s;
    animation-name: animUpDown;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 8s;
    -webkit-animation-name: animUpDown;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-duration: 8s;
    -moz-animation-name: animUpDown;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-out;
    -o-animation-duration: 8s;
    -o-animation-name: animUpDown;
    -o-animation-iteration-count: infinite;
    -ms-animation-duration: 8s;
    -ms-animation-name: animUpDown;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-out;
}
.kite {
    position: absolute;
    top: 30%;
    left: 25%;
    animation: kite 14s infinite;
    -webkit-animation: kite 14s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.drone {
    position: absolute;
    top: 70%;
    left: 50%;
    animation: drone 8s infinite;
    -webkit-animation: drone 8s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
 @keyframes animUpDown {
 0%, 100% {
 transform: translateY(0)
}
 50% {
 transform: translateY(250px)
}
}
@-webkit-keyframes animUpDown {
 0%, 100% {
 -webkit-transform: translateY(0)
}
 50% {
 -webkit-transform: translateY(250px)
}
}
@-moz-keyframes animUpDown {
 0%, 100% {
 -moz-transform: translateY(0)
}
 50% {
 -moz-transform: translateY(250px)
}
}
@-o-keyframes animUpDown {
 0%, 100% {
 -o-transform: translateY(0)
}
 50% {
 -o-transform: translateY(250px)
}
}
@-ms-keyframes animUpDown {
 0%, 100% {
 -ms-transform: translateY(0)
}
 50% {
 -ms-transform: translateY(250px)
}
}
/*============= Banner Css Close ===================*/
/*=========== About us css start ===============*/
.about-area {
    padding: 35px 0px 70px 0px;
    overflow: hidden;
    text-align: center;
}
.about-character {
    position: relative;
    width: 100%;
    clear: both;
    min-height: 400px;
}
.about-character1 {
    position: relative;
    width: 100%;
    clear: both;
    min-height: 400px;
}
.social-marketing {
    position: absolute;
    top: 6%;
    left: 15px;
    animation: social-marketing 8s infinite;
    -webkit-animation: social-marketing 8s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
/*.social-marketing:hover{
	animation:none;
}*/
.digital-marketing {
    position: absolute;
    top: 50%;
    left: 0;
    animation: digital-marketing 11s infinite;
    -webkit-animation: digital-marketing 11s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.contect-creation {
    position: absolute;
    top: 34%;
    right: 30%;
    animation: contect-creation 10s infinite;
    -webkit-animation: contect-creation 10s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.globe-service {
    position: absolute;
    top: 72%;
    right: 30%;
    animation: globe-service 12s infinite;
    -webkit-animation: globe-service 13s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.yoga-man {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 6s;
    -webkit-animation-name: yogaanimation;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-duration: 6s;
    -moz-animation-name: yogaanimation;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-out;
    -o-animation-duration: 6s;
    -o-animation-name: yogaanimation;
    -o-animation-iteration-count: infinite;
    -ms-animation-duration: 6s;
    -ms-animation-name: yogaanimation;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-out;
}
@keyframes yogaanimation {
 0%, 100% {
 transform: translateY(0)
}
 50% {
 transform: translateY(50px)
}
}
@-webkit-keyframes yogaanimation {
 0%, 100% {
 -webkit-transform: translateY(0)
}
 50% {
 -webkit-transform: translateY(50px)
}
}
@-moz-keyframes yogaanimation {
 0%, 100% {
 -moz-transform: translateY(0)
}
 50% {
 -moz-transform: translateY(50px)
}
}
@-o-keyframes yogaanimation {
 0%, 100% {
 -o-transform: translateY(0)
}
 50% {
 -o-transform: translateY(50px)
}
}
@-ms-keyframes yogaanimation {
 0%, 100% {
 -ms-transform: translateY(0)
}
 50% {
 -ms-transform: translateY(50px)
}
}
.yoga-bg img {
    widows: 100%;
    height: auto;
}
.yoga-bg {
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 100%;
    -webkit-animation: zoomin 7s ease-in infinite;
    -moz-animation: zoomin 7s ease-in infinite;
    -o-animation: zoomin 7s ease-in infinite;
    animation: zoomin 7s ease-in infinite;
}
@-webkit-keyframes zoomin {
 0% {
transform: scale(1);
}
 50% {
transform: scale(1.1);
}
 100% {
transform: scale(1);
}
}
@-moz-keyframes zoomin {
 0% {
transform: scale(1);
}
 50% {
transform: scale(1.1);
}
 100% {
transform: scale(1);
}
}
@keyframes zoomin {
 0% {
transform: scale(1);
}
 50% {
transform: scale(1.1);
}
 100% {
transform: scale(1);
}
}
.about-area .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}
.about-character-area {
    margin-top: 30px;
}
.web-design {
    position: absolute;
    top: 6%;
    right: 15%;
    animation: social-marketing 11s infinite;
    -webkit-animation: social-marketing 11s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.mobile-app {
    position: absolute;
    top: 32%;
    right: 48%;
    animation: contect-creation 14s infinite;
    -webkit-animation: contect-creation 15s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.seo {
    position: absolute;
    top: 45%;
    right: 0%;
    animation: digital-marketing 13s infinite;
    -webkit-animation: digital-marketing 13s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.email-marketing {
    position: absolute;
    top: 68%;
    right: 60%;
    animation: email-marketing 11s infinite;
    -webkit-animation: email-marketing 11s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.about-character div span {
    width: 150px;
    height: auto;
    line-height: 20px;
    padding: 10px 5px;
    left: 50%;
    margin-left: -40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 4px solid #fff;
    background: rgba(255,124,29,1);
    text-indent: 0px;
    border-radius: 5px;
    position: absolute;
    bottom: 70px;
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    box-shadow: 0px 1px 7px #ccc;
    -ms-box-shadow: 0px 1px 7px #ccc;
    -webkit-box-shadow: 0px 1px 7px #ccc;
    -moz-box-shadow: 0px 1px 7px #ccc;
    -o-box-shadow: 0px 1px 7px #ccc;
    -webkit-transform: translate(35px) rotate(25deg) scale(1.5);
    -moz-transform: translate(35px) rotate(25deg) scale(1.5);
    -o-transform: translate(35px) rotate(25deg) scale(1.5);
    -ms-transform: translate(35px) rotate(25deg) scale(1.5);
    transform: translate(35px) rotate(25deg) scale(1.5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.about-character1 div span {
    width: 150px;
    height: auto;
    line-height: 20px;
    padding: 10px 5px;
    left: 50%;
    margin-left: -100px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 4px solid #fff;
    background: rgba(255,124,29,1);
    text-indent: 0px;
    border-radius: 5px;
    position: absolute;
    bottom: 70px;
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    box-shadow: 0px 1px 7px #ccc;
    -ms-box-shadow: 0px 1px 7px #ccc;
    -webkit-box-shadow: 0px 1px 7px #ccc;
    -moz-box-shadow: 0px 1px 7px #ccc;
    -o-box-shadow: 0px 1px 7px #ccc;
    -webkit-transform: translate(35px) rotate(25deg) scale(1.5);
    -moz-transform: translate(35px) rotate(25deg) scale(1.5);
    -o-transform: translate(35px) rotate(25deg) scale(1.5);
    -ms-transform: translate(35px) rotate(25deg) scale(1.5);
    transform: translate(35px) rotate(25deg) scale(1.5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.about-character div span:before, .about-character div span:after, .about-character1 div span:before, .about-character1 div span:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.1);
}
.about-character div span:after, .about-character1 div span:after {
    bottom: -14px;
    margin-left: -10px;
    border-top: 10px solid #fff;
}
.about-character div:hover span, .about-character1 div:hover span {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0px) rotate(0deg) scale(1);
    -moz-transform: translate(0px) rotate(0deg) scale(1);
    -o-transform: translate(0px) rotate(0deg) scale(1);
    -ms-transform: translate(0px) rotate(0deg) scale(1);
    transform: translate(0px) rotate(0deg) scale(1);
}
/*=========== About us css Close ===============*/

/*============== Our Work Css start ===============*/

.left-ani, .right-ani {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.left-ani a:before, .right-ani a:before {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -150%, 0px);
    -webkit-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -150%, 0px);
    -moz-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -150%, 0px);
    -ms-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -150%, 0px);
    -o-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -150%, 0px);
    transition: transform 0.9s ease 0s;
    -webkit-transition: transform 0.9s ease 0s;
    -moz-transition: transform 0.9s ease 0s;
    -ms-transition: transform 0.9s ease 0s;
    -o-transition: transform 0.9s ease 0s;
    width: 100%;
}
.left-ani:hover a::before, .right-ani:hover a::before {
    transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 150%, 0px);
    -webkit-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 150%, 0px);
    -moz-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 150%, 0px);
    -ms-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 150%, 0px);
    -o-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 150%, 0px);
}
.our-work {
    padding: 70px 0px;
    overflow: hidden;
}
.our-work img {
    width: 100%;
    height: auto;
}
.work-content {
    text-align: right;
    padding: 15% 0px;
}
.work-content1 {
    text-align: left;
    padding: 15% 0px;
}
.work-img {
    position: relative;
    overflow: hidden;
}
.work-img img {
    width: 100%;
    height: auto;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}
.work-img:hover img {
    background-color: #f7f7f7;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
a.work-btn {
    background: #f7791c;
    color: #fff;
    font-size: 18px;
    padding: 13px 28px;
    border-radius: 40px;
    font-family: 'ALoveofThunder';
    text-transform: uppercase;
    display: inline-block;
    margin-top: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    position: relative;
}
a.work-btn span {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.work-btn span:after {
    content: '\00bb';
    position: absolute;
    top: 2px;
    font-size: 27px;
    opacity: 0;
    right: -20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.work-btn:hover span {
    padding-right: 15px;
}
a.work-btn:hover {
    background-color: #4a4a4a;
}
a.work-btn:hover span:after {
    opacity: 1;
    right: 22px;
}
.our-client {
    text-align: center;
    padding-top: 70px;
    margin-bottom: 47px;
    overflow: hidden;
}
.client-test {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 60px 20px;
    min-height: 300px;
    background-color: #fff;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.client-test>p {
    font-size: 18px;
}
.client-test:hover {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
}
.our-client-test {
    margin-top: 60px;
}
.client-logo {
    position: absolute;
    bottom: 55px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
/*============== Our Work Css start ===============*/
/*================ working-with-us css start ===================*/
.our-client-areas {
    position: relative;
    clear: both;
    z-index: 99;
    background-color: transparent;
}
.our-client-areas:before {
    position: absolute;
    bottom: 90px;
    content: '';
    height: 250px;
    width: 106%;
    background-color: #fff;
    border-radius: 0px 0px 90% 90%;
    left: 0;
    right: 0;
    margin: auto;
    animation: main-slide 3s infinite;
    -webkit-animation: main-slide 3s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    left: -3%;
    right: -3%;
}
.our-client-areas:after {
    position: absolute;
    bottom: 70px;
    content: '';
    height: 250px;
    width: 106%;
    background-color: rgba(255,255,255,0.5);
    border-radius: 0px 0px 90% 90%;
    left: 0;
    right: 0;
    margin: auto;
    animation: main-slide1 4s infinite;
    -webkit-animation: main-slide1 4s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    left: -3%;
    right: -3%;
    z-index: -1;
}
.working-with-us {
    background: url(../images/working-with-us.png) top center no-repeat;
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 177px 0px 100px;
    margin-top: -105px;
    position: relative;
}
.working-with-us:before {
    width: 100%;
    content: "";
    position: absolute;
    height: 400px;
    top: -103px;
    z-index: -1;
    background-color: rgba(255,124,29,0.4);
}
.working-with-content {
    text-align: center;
    color: #fff;
    position: relative;
}
.working-with-content p {
    color: #fff;
}
.email-form {
    margin: 30px auto;
    position: relative;
    width: 60%;
}
.email-form input {
    background-color: inherit;
    border: 1px solid #fff;
    padding: 17px 157px 17px 29px;
    width: 100%;
    border-radius: 40px;
    height: auto;
    box-shadow: none;
}
.email-form button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    color: #5c5c5c;
    border: 0px;
    padding: 18px 25px;
    font-size: 15px;
    border-radius: 0px 40px 40px 0px;
    text-transform: uppercase;
    font-weight: 700;
}
 .email-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #fff;
 opacity: 1; /* Firefox */
}
 .email-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #fff;
}
 .email-form input::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff;
}
p.phone-text {
    font-style: italic;
    font-size: 17px;
    font-weight: 600;
}
.interest-img {
    position: absolute;
    bottom: -103px;
    left: 0;
}
.element2 {
    position: absolute;
    bottom: -103px;
    left: 0;
    right: 0;
    margin: auto;
}
.element3 {
    position: absolute;
    bottom: -103px;
    right: 0;
}
.element4 {
    position: absolute;
    top: 25%;
    right: 12%;
    animation: element4 30s infinite;
    -webkit-animation: element4 30s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.element5 {
    position: absolute;
    top: 25%;
    left: 10%;
    animation: element5 30s infinite;
    -webkit-animation: element5 30s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.element6 {
    position: absolute;
    top: 35%;
    left: 0%;
    animation: element5 30s infinite;
    -webkit-animation: element5 30s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.element7 {
    position: absolute;
    top: 35%;
    right: 5%;
    animation: element4 30s infinite;
    -webkit-animation: element4 30s infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
/*================ working-with-us css Close ===================*/

/*=========== Footer Css Start =================*/
body.front .footer {
    border-top: 0px;
}
.footer {
    padding: 40px 0px 0px 0px;
    overflow: hidden;
    border-top: 1px solid #ccc;
}
.footer h5 {
    font-weight: 600;
    color: #5f5f5f;
    font-size: 18px;
}
.footer ul li {
    list-style: none;
    padding: 3px 0px;
    color: #868686;
    font-size: 16px;
}
.footer ul li>a {
    color: #868686;
    display: block;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.footer ul li>a:hover {
    color: #ff7c1d;
    padding-left: 2px;
    text-decoration: none;
}
.footer ul.social-icon {
    margin: 0px;
    padding: 0px;
}
.footer ul.social-icon>li {
    list-style: none;
    float: left;
    padding: 5px 10px;
}
.footer ul.social-icon>li>a {
    font-size: 20px;
}
.footer ul.social-icon>li.first {
    padding-left: 0px;
}
.footer ul.social-icon>li a:hover {
    padding-left: 0px;
}
.last-footer {
    padding: 30px 0px;
    overflow: hidden;
}
.last-footer img {
    float: left;
    margin-right: 25px;
}
.last-footer p {
    font-size: 14px;
    padding-left: 15px;
    float: left;
    padding: 21px 0px;
}
/*=========== Footer Css close =================*/
/*================ client-logo-slider css start ===========*/
.client-logo-slider {
    padding: 40px 0px;
}
.client-logo-slider img {
    opacity: 0.6;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
    padding: 0px 5px;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-track {
    position: relative;
    top: 0px;
left: 21px!important;}
.slick-prev {
    display: inline-block;
    position: absolute;
    left: -27px;
    top: 40%;
    z-index: 9;
    font-size: 0px;
    border: 0px;
    background: url(../images/pre-icon.png) left no-repeat;
    width: 26px;
    height: 26px;
    z-index: 99;
}
.slick-next {
    display: inline-block;
    position: absolute;
    right: -27px;
    top: 40%;
    z-index: 9;
    font-size: 0px;
    border: 0px;
    background: url(../images/next-icon.png) left no-repeat;
    width: 26px;
    height: 26px;
    z-index: 99;
}
/*================ client-logo-slider css Close ===========*/


.float-panel {
    width: 100%;
    background: #FFFFFF;
    z-index: 300;
    padding: 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.float-panel .content-area {
    margin: 0px auto;
}
.float-panel .fa-gg {
    color: #F0595C;
    font-size: 30px;
    vertical-align: middle;
    transition: all 1s;
}
.fixed {
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    animation: slide-down 0.7s;
    -webkit-animation: slide-down 0.7s;
    -ms-animation: slide-down 0.7s;
    -moz-animation: slide-down 0.7s;
    -o-animation: slide-down 0.7s;
    opacity: 1;
}
.fixed .fa-gg {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
@keyframes slide-down {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
}
}
 @-webkit-keyframes slide-down {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
}
}
 @-moz-keyframes slide-down {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
}
}
.scrollToTop {
    background-color: orange;
    padding: 7px 16px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    font-size: 25px;
    border-radius: 100%;
    text-align: right;
    float: right;
    margin-top: -72px;
    margin-bottom: 15px;
    margin-right: 15px;
    animation: backtop 2s infinite;
    -webkit-animation: backtop 2s infinite;
    -moz-animation: backtop 2s infinite;
    -o-animation: backtop 2s infinite;
    position: fixed;
    z-index: 999;
    bottom: 8px;
    right: 15px;
    display: none;
}
 @-webkit-keyframes backtop {
 0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
 40% {
-webkit-transform: translateY(-30px);
}
 60% {
-webkit-transform: translateY(-15px);
}
}
 @-moz-keyframes backtop {
 0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
}
 40% {
-moz-transform: translateY(-30px);
}
 60% {
-moz-transform: translateY(-15px);
}
}
 @-o-keyframes backtop {
 0%, 20%, 50%, 80%, 100% {
-o-transform: translateY(0);
}
 40% {
-o-transform: translateY(-30px);
}
 60% {
-o-transform: translateY(-15px);
}
}
@keyframes backtop {
 0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
 40% {
transform: translateY(-30px);
}
}
#loader {
    background: rgba(255,255,255,0.9) url(../images/loader.gif) center center no-repeat;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/*================== About us page css start ==================*/
.g-recaptcha>div {
    margin: auto;
}
.about-tab .nav-tabs {
    border-bottom: 0px;
    text-align: center;
    background-color: rgb(241, 243, 247);
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.11);
    -ms-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.11);
    -o-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.11);
    width: 370px;
    margin: auto;
    border-radius: 40px;
    padding: 3px;
    position: relative;
}
.about-tab .nav-tabs>li {
    display: inline-block;
    margin-bottom: -1px;
    width: 50%;
    float: left;
    text-align: center;
    font-family: 'ALoveofThunder';
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.about-tab .nav-tabs> li a {
    color: #636972;
}
.about-tab .nav-tabs> li.active a {
    background-color: #f7791c;
    color: #fff;
    border: 0px;
    border-radius: 30px;
}
.nav-tabs>li>a:hover {
    border-color: transparent;
}
/*================== About us page css Close ==================*/

.tab-head {
    text-align: center;
}
.tab-content {
    margin-top: 29px;
    margin-bottom: 50px;
    overflow: hidden;
}
.first-part .tab-text {
    text-align: right;
    padding: 8% 40px 8% 0px;
}
.first-part img {
    padding-left: 40px;
}
.second-part .tab-text {
    text-align: left;
    padding: 8% 0px 8% 40px;
}
.second-part img {
    padding-right: 40px;
    float: right;
}
.tab-content-area .row {
    margin: 30px 0px;
}
.tab-content-area {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 50px 0px;
}
.tab-content-area:after {
    position: absolute;
    left: 50%;
    content: "";
    top: 0;
    height: 100%;
    width: 1px;
    border-right: 1px dashed #ccc;
}
.row.first-part {
    position: relative;
}
.row.first-part:before {
    position: absolute;
    top: 50%;
    content: "";
    left: 49.1%;
    background-color: #868686;
    padding: 1%;
    border-radius: 100%;
    z-index: 9;
    margin: 0 auto;
    box-sizing: border-box;
}
.row.second-part:before {
    position: absolute;
    top: 50%;
    content: "";
    left: 49.1%;
    background-color: #f7791c;
    padding: 1%;
    border-radius: 100%;
    z-index: 9;
    margin: 0 auto;
}
.ga-tab:before {
    background: -moz-linear-gradient(87deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0.4)));
    background: -webkit-linear-gradient(87deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(87deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(87deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(3deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0 );
    width: 10px;
    height: 30px;
    left: 49.5%;
    top: 0px;
    content: "";
    position: absolute;
    z-index: 9;
}
.ga-tab:after {
    background: -moz-linear-gradient(271deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.4)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(271deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(271deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(271deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(179deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0 ); /* ie6-9 */
    width: 10px;
    height: 30px;
    left: 49.5%;
    bottom: 0px;
    content: "";
    position: absolute;
    z-index: 9;
}
.team-area {
    margin-top: 60px;
}
.team-content {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.team-txt p {
    font-size: 18px;
}
.team-txt {
    padding: 10px;
    margin-top: 10px;
}
.hover-txt {
    position: absolute;
    top: 100%;
    background-color: rgba(247,121,28,0.95);
    height: 100%;
    width: 100%;
    padding: 20px 20px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hover-txt p {
    font-size: 16px;
    color: #fff;
}
p.team-title {
    font-size: 22px;
    font-family: 'ALoveofThunder';
}
.team-content:hover .hover-txt {
    top: 0;
}
/*================ service page css start =================*/
.service-area {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-bottom:100px;
}
.service-area .col-lg-6 {
    position: initial;
}

.regular.slider img{
	filter: grayscale(100%);
	cursor:pointer;
}
.regular.slider img:hover{
	filter: grayscale(0%);
}
.service-data {
 /*    position: absolute;
    top: 45%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    overflow: hidden; 
    width: 48%;*/
}
.service-area.left-part img {
    max-width: 100%;
    float: left;
}
.service-area.right-part img {
    max-width: 100%;
    float: right;
}
.service-area ul {
    margin-left: 3px;
}
.service-area ul li {
    list-style: none;
    padding: 3px 0px;
    color: #868686;
    font-size: 16px;
}
.service-area ul li>i {
    color: #f7791c;
    font-size: 18px;
    align-items: center;
    padding-right: 9px;
}
.footer-area {
    background-color: #fff;
}
/*================ service page css close =================*/
/*=========== contact css start ============*/

.contact-form {
    position: relative;
}
.contact-form input, .contact-form select, .contact-form textarea {
    border-bottom: 1px solid #ccc!important;
    width: 100%;
    box-shadow: none;
    border: 0px;
    padding: 10px 0px;
    margin-bottom: 25px;
    background-color: inherit;
}
.contact-form input.redclass, .contact-form select.redclass, .contact-form textarea.redclass {
    border-bottom: 2px solid #ff0505!important;
}
.contact-form textarea {
    height: 100px;
}
.contact-form button {
    margin-top: 24px;
    font-family: 'ALoveofThunder';
    background-color: #ff7c1d;
    color: #fff;
    font-size: 15px;
    padding: 15px 0px;
    width: 100%;
    border: 0px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.contact-form button:hover {
    background-color: #4a4a4a;
}
.contact-area {
    background: url(../images/contact-bg.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    padding-bottom: 150px;
}
ul.contact-details {
    margin-top: 20px;
}
ul.contact-details li {
    padding: 5px 0px;
    list-style: none;
}
ul.contact-details li>a {
    color: #868686;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.contact-details li>a:hover {
    color: #f7791c;
    text-decoration: none;
}
ul.contact-details li i {
    padding-right: 10px;
}
.navbar-btn {
    display: none;
}
.captcha-error {
    text-align: center;
    display: block;
    padding-top: 5px;
    color: red;
}
#interest-email-sucess, #interest-email-error {
    display: none;
}
#contactform {
    position: relative;
}
.loader {
    background: rgba(255,124,29,0.5) url(../images/form-loader.gif) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}
/*================= Service page css start ================*/

.service-content {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
}
.service-content>a {
    position: relative;
    min-height: 300px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
}
.service-content>a .service-main h3 {
    color: #4a4a4a;
    text-decoration: none;
}
.service-content h3 {
     line-height: 30px;
    font-size: 22px;
}
.service-content>a:hover {
    text-decoration: none;
}
.service-main {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.contact-area {
    background: url(../images/contact-bg.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    padding-bottom: 150px;
}
.service-main-hover {
    position: absolute;
    background-color: orange;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
h1.one-apper>span{
	color:#4a4a4a;
}
.ser-h-text
{
	left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}
.service-main-hover h3 {
    color: #fff;
}
.service-content>a:hover .service-main-hover {
    top: 0;
}
.btxt{
    text-align: center;
    top: 25%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    z-index: 1;

}
.btxt h1{
	font-size:0px;
	line-height:0px;
}
.btxt>h3
{
	font-size:40px;
	    margin-bottom: 33px;
}

.btxt>p
{
	font-size:20px;
	padding-bottom:25px;
}
.one-apper
{
	margin-top:140px;
}
/* .one-apper
{
	position:absolute;
	left:-200%;
	margin-top:10px;
	 -webkit-transition: all 4s ease-in-out;
    -moz-transition: all 4s ease-in-out;
    -o-transition: all 4s ease-in-out;
    -ms-transition: all4s ease-in-out;
    transition: all 4s ease-in-out;
}

.one-apper.apper{
	
	left:0;
	right:0;
	 -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
} */
.one-apper.disapper{
	position:absolute;
	right:-400%;
}
.social-right-icon {
    position: fixed;
    top: 35%;
    right: 0;
    z-index: 999;
}
.social-right-icon ul li {
    list-style: none;
    padding: 3px 0px;
}
.social-right-icon ul li>a.facebook {
    background: url(../images/facebook-icon.png) no-repeat;
    width: 50px;
    height: 50px;
    top: 92px;
    left: 0;
    display: block;
}
.social-right-icon ul li>a.twitter {
    background: url(../images/twitter-icon.png) no-repeat;
    width: 50px;
    height: 50px;
    top: 92px;
    left: 0;
    display: block;
}
.social-right-icon ul li>a.instagram {
    background: url(../images/instagram-icon.png) no-repeat;
    width: 50px;
    height: 50px;
    top: 92px;
    left: 0;
    display: block;
}
.social-right-icon ul li>a.linkedin {
    background: url(../images/linkedin-icon.png) no-repeat;
    width: 50px;
    height: 50px;
    top: 92px;
    left: 0;
    display: block;
}
.social-right-icon ul li>a:active, .social-right-icon ul li>a:focus, .social-right-icon ul li>a:hover {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}
 @-webkit-keyframes hvr-wobble-top {
 16.65% {
 -webkit-transform: skew(-12deg);
 transform: skew(-12deg)
}
 33.3% {
 -webkit-transform: skew(10deg);
 transform: skew(10deg)
}
 49.95% {
 -webkit-transform: skew(-6deg);
 transform: skew(-6deg)
}
 66.6% {
 -webkit-transform: skew(4deg);
 transform: skew(4deg)
}
 83.25% {
 -webkit-transform: skew(-2deg);
 transform: skew(-2deg)
}
 100% {
 -webkit-transform: skew(0);
 transform: skew(0)
}
}
@keyframes hvr-wobble-top {
 16.65% {
 -webkit-transform: skew(-12deg);
 transform: skew(-12deg)
}
 33.3% {
 -webkit-transform: skew(10deg);
 transform: skew(10deg)
}
 49.95% {
 -webkit-transform: skew(-6deg);
 transform: skew(-6deg)
}
 66.6% {
 -webkit-transform: skew(4deg);
 transform: skew(4deg)
}
 83.25% {
 -webkit-transform: skew(-2deg);
 transform: skew(-2deg)
}
 100% {
 -webkit-transform: skew(0);
 transform: skew(0)
}
}



@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.ti-container{display:block;font-size:inherit}.ti-text-container{position:relative;display:inline;font-size:inherit}.ti-text-container:before{content:'';display:inline-block;width:1px;height:1em;position:relative}.ti-text-container.active-container.ti-cursor:after{display:inline}.ti-cursor:after{display:none;content:'|';bottom:.05em;right:-.25em;position:absolute;line-height:normal;font-size:inherit;-webkit-animation:blink 1s infinite;animation:blink 1s infinite}

/*============ New Css Start ============*/
.panel-group {
    margin-bottom: 80px;
}
.panel 
{    border-radius: 0px;
    border: 0px;}

.panel-heading
{    background-color: #f7791c!important;
    border-radius: 0px;
    border: 0px;}

.panel-heading h4.panel-title a
{background: url(../images/arrow-bottom.png) right no-repeat;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 20px;
	color:#ffffff;
}
.panel-heading h4.panel-title a.collapsed
{
	background: url(../images/arrow-left.png) right no-repeat;
}
.panel-body
{
	background-color: #f3f1f1;
    padding: 23px;
    display: block;
}
.career-page .career-img
{
	display:none;
}
.career-img
{
	position: fixed;
    top: 50%;
    z-index: 999;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}

.career-img img
{
	min-width:100%;
}
.panel-body ul
{
	margin-left:25px;
}

.panel-body ul li
{
	padding:5px 0px;
}

.apply-btn>a
{  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f7791c;
    color: #fff;
    padding: 10px 23px;
    display: inline-block;
    margin-top: 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;}

.apply-btn>a:hover
{
	background-color: #333;
}

.gdpr-img    {float: right;
    margin-left: 27px;
    margin-bottom: 15px;}			/* =========== Privacy policy css start ================ */		.privacy-area{		    padding: 35px 0px 70px 0px;    overflow: hidden;	}	.privacy-area h1	{		    text-align: center;    margin-bottom: 46px;	}		.privacy-area ol{		    margin-left: 25px;	}			.privacy-area ol li{				padding:5px 0px;	}				/* =========== Privacy policy css close  ================ */