@import url('https://fonts.googleapis.com/css?family=Oswald:300,500');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700');
@font-face {
    font-family: 'Impact';
    src: url('../fonts/Impact.eot');
    src: url('../fonts/Impactd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Impact.html') format('woff2'),
        url('../fonts/Impact.woff') format('woff'),
        url('../fonts/Impact.ttf') format('truetype'),
        url('../fonts/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { outline:none; }
.clear{ clear:both;}
.clear-bdr { clear:both; border-bottom:1px solid #e9e9e9; margin:15px 0px; }
::-moz-selection {
	background:rgba(217, 224, 42, 0.88);
	color:#000
}
::selection {
	background: rgba(217, 224, 42, 0.88);
	color: #000
}
::-moz-selection {
	background:rgba(217, 224, 42, 0.88);
	color:#000
}

body { font-family: 'Oswald', Arial, Helvetica, sans-serif; margin:0px; padding: 0px; }
p { font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 17px; line-height: 34px; color: #000000; padding:15px 0px 5px 0px; margin:0px; text-align:justify; }

.header{ background:#fefefe url(../images/top-shadow.html) left top no-repeat; width:100%; min-height:60px; position:fixed; top:0;
	            box-shadow: 0 2px 3px rgba(167, 167, 167, 0.4); z-index:100000000000 !important;
	            padding-right: 43px !important;
	             }
#logo-wrapper{ margin: 9px 0px; float:left; transition: all 0.5s ease-in-out; 
    display: flex
;
    justify-content: center;
}
#logo-wrapper img { max-width:100%; transition: all 0.5s ease-in-out;    width: 26%; }
.contact { float:right; font-family: 'swis721_blkcn_btblack'; font-size:16px; color:#666c6d;  margin:6px 0px 0px 0px; letter-spacing:1px; }
.hero-subheader .align-container { height: 100vh; }
.transp-header { background: transparent; box-shadow: 0 2px 3px rgba(167, 167, 167, 0); }
.transp-header .homeicon { display:none; }
.transp-header .contact { color: #b3b5b5; margin: 10px 0px 0px 0px; }

.header-fix { position: fixed !important; padding: 0px; min-height:40px;}
/*.header-fix #logo-wrapper { width: 12% }*/
.header-fix .menuinr { padding-top: 18px; }


/* slider start */

.slider {
	overflow: hidden; position: relative;
}
.slider-overlay {
	/* background: rgba(0,0,0,.2); */
	width: 100%;
	height: 100%;
}
.banner-content {
	padding: 200px 80px 130px 80px;
}
.slider.style-2 .banner-content {
	padding: 250px 0 200px 0;
}
.style-2 .banner-content {
	padding: 280px 0px 210px 0;
}
.banner-content [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	color: #ffb902;
	font-size: 105px;
}
.banner-content i {
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-webkit-transition: .4s linear;
	transition: .4s linear;
	display: block;
	opacity: 0;
}
.item.active .banner-content i {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 1;
}
.banner-content h2 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 92px;
	color: #ffb902;
	margin-bottom: 14px;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	opacity: 0;
	transform: translateY(14px);
	-webkit-transform: translateY(14px);
	-ms-transform: translateY(14px);
}
.banr1-img { position: absolute; max-width: 110%; right:0; margin: 25px 0px 0px 0px; }
.button2 {
	padding: 12px 35px 12px 45px;
	background-color: #00688c;
	border: 2px solid #fff !important;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff !important;
	text-align: center;
	border-radius: 52px;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	outline: none;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	white-space: nowrap;
	line-height: 1.5;
	text-decoration: none;
}
.button2:hover {
	background-color: #000;
}
.button2 img { display: inline-block; margin: -5px 0px 0px 30px; }

.slide2 .banner-content h2 {
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
}
.slide2 .banner-content h3 {
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
}
.slide2 .banner-content p {
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
}
.slide2 .banner-content i {
	transform: translateY(-20px);
}
.banner-content h3 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif; text-transform: uppercase;
	font-size: 50px; color: #fff; font-weight: 300; line-height: 75px;
	margin-bottom: 15px;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	opacity: 0;
	transform: translateY(14px);
	-webkit-transform: translateY(14px);
	-ms-transform: translateY(14px);
}
.banner-content h3 span { font-size: 78px; color: #dce336; }
.slide3 .banner-content h3, .slide3 .banner-content h2 {
	word-spacing: -30px;
	transform: translate(0);
}
.banner-content p {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: 300;
	color: #fff;
	line-height: 45px;
	margin: 0 auto 60px auto;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	opacity: 0;
	-webkit-transform: translateY(14px);
	-ms-transform: translateY(14px);
	transform: translateY(14px);
}
.slide3.item.active .banner-content h3, .slide3.item.active .banner-content h2 {
	word-spacing: 0;
}
.item.active .banner-content h3, .item.active .banner-content p, .item.active .banner-content h2, .item.active .slider-btn, .item.active .banner-content ul li {
	opacity: 1;
	-webkit-transform: translate(0px);
	-ms-transform: translate(0px);
	transform: translate(0px);
}
.item.active .slider-btn {
	-webkit-transform: translate(0px);
	-ms-transform: translate(0px);
	transform: translate(0px)
}
.item.active .banner-content h3 {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
.item.active .banner-content h2 {
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
}
.item.active .banner-content p {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.item.active .slider-btn {
	-webkit-transition-delay: 2;
	transition-delay: 2s;
}
.slider .carousel-control {
	width: 42px;
	height: 42px;
	background: #b9b9b9; border: 1px solid rgba(255,255,255,0.7);
	opacity: 1;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-shadow: none;
}
.slider .carousel-control span {
	line-height: 42px;
	font-size: 24px;
}
.slider .carousel-control.right, .slider .carousel-control.left {
	background-image: none;
	top: 55%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.slider .carousel-control.right {
	right: 2%;
}
.slider .carousel-control.left {
	left: 2%;
}
.slider .carousel-control:focus, .carousel-control:hover {
	opacity: 1;
	background-color: #ec9d00;
}
.slider .carousel-indicators li {
	width: 14px;
	height: 14px;
	border: 2px solid #ffffff;
	border-radius: 14px;
	margin: 0 4.5px;
}
.slider .carousel-indicators .active {
	width: 14px;
	height: 14px;
	border: 2px solid #ffb902;
	border-radius: 14px;
	margin: 0 4.5px;
	background-color: #ffb902;
}
.slide1, .slide2, .slide3, .slide4 {
	overflow: hidden;
	background: url(../images/banner1.jpg);
	background-size: cover !important;
	background-position: center !important;
}
 .slider-btn .button2{
	  position: relative !important;
    z-index: 22 !important;   /* overlay ke upar dikhne ke liye */
    color: #fff;
}
.banner-content h3,p {
    position: relative;
    z-index: 2;   /* overlay ke upar dikhne ke liye */
    color: #fff;
}
/* Black overlay */
.slide1::after,
.slide2::after,
.slide3::after,
.slide4::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);   /* yahan 0.4 ka matlab 40% black opacity */
    z-index: 1;                        /* overlay image ke upar aayega */
}
.banner-content {
    position: relative;
    z-index: 2; /* overlay se upar aayega */
    color: #fff; /* text white dikhne ke liye */
}
.slide2 {
	background: url(../images/banner2.jpg) !important;
}
.slide2 .banner-content { text-align: center; }
.slide2 .banner-content h3 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 65px;
	color: #fff;
	margin: 30px 0px 37px 0px;
	text-transform: none;
	line-height: 110px;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	opacity: 0;
	transform: translateY(-14px);
	-webkit-transform: translateY(-14px);
	-ms-transform: translateY(-14px);
}
.slide2 .banner-content h3 span { text-transform: uppercase; font-size: 65px; font-weight: 500; border-bottom: 5px solid #dce336; }
.slide2 .banner-content { padding: 205px 80px; }

.slide3 {
	background: url(../images/banner3.jpg) !important;
}
.slide3 .banner-content { padding: 205px 80px 151px 80px; }
.slide3 .banner-content h3 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 50px;
	color: #fff;
	margin: 30px 0px 70px 0px;
	line-height: 80px;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	opacity: 0;
	transform: translateX(-14px);
	-webkit-transform: translateX(-14px);
	-ms-transform: translateX(-14px);
}
.slide3 .banner-content h3 span { font-size: 53px; }
.slide4 {
	background: url(../images/lastbanner.jpg) !important;
}
.slide4 .banner-content h3 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 60px;
	color: #fff;
	text-transform: none;
	margin: 0px 0px 30px 0px;
	line-height: 90px;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	opacity: 0;
	transform: translateY(24px);
	-webkit-transform: translateY(24px);
	-ms-transform: translateY(24px);
}
.slide4 .banner-content h3 span { text-transform: uppercase; font-size: 70px; font-weight: 500; }
.slide4 .banner-content { padding: 200px 120px 114px 120px; }
.slide4 ul { margin: 20px 0px; padding:0px; list-style: none; }
.slide4 ul li { margin: 20px 0px; padding:0px;  font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 32px; color: #fff; font-weight: 300;
-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	opacity: 0;
	transform: translateX(-24px);
	-webkit-transform: translateX(-24px);
	-ms-transform: translateX(-24px);

 }
.slide4 ul li i { display: inline-block; margin: 0px 20px 0 0; padding:0px; font-size: 30px; }
.slide4 ul li span { border-bottom: 4px solid #dce336; }

/* slider end */


.statics-bg { background:url(../images/meeting-bg.jpg) center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%; position: relative; z-index:0;
 }
.statics-bg:after { content:''; display: block; position: absolute; left:0; top:0; background: #031a44; width: 100%; height: 100%; z-index:1; }
.welcom-bdr { text-align: center; height: 93px;  }
.welcom-bdr:after { content:''; display: block; position: absolute; left:0; top:0; right:0; margin:auto; background:#fff; width: 1px; height: 100%; }
.welcom-box { margin: 30px 130px; display: block; color:#000; text-align: center; }
.welcom-box h1 { display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 42px; font-weight: 500; color: #000; line-height: 55px; margin: 0px 0px 20px 0px; text-align: center; }
.welcom-box h1 span { color: #575353; }
.welcom-box p { color:#fff; text-align: center; }
.abtmore { font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; font-weight:500; background:#000; padding: 8px 25px; margin: 30px 0px 20px 20px; transition: all 0.3s ease-in-out; display: inline-block; }
.abtmore i { display: inline-block; margin: 0px 0px 0px 20px; }
.abtmore:hover { color: #fff; background:#00688c; }
.industry-outer { display:block; padding: 93px 0px; position: relative; }
.industry-outer:after { content:'Services'; font-family: Arial, Helvetica, sans-serif; font-size: 230px; color: #f9f9f9; font-weight: bold; text-align:center; position: absolute; top: 40px; width: 100%; z-index:0 }
.industry-outer h3 { display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 35px; font-weight: 500; color: #0098d8; text-transform: uppercase; margin: 0px; padding:0px; text-align: center; position: relative; z-index:1  }
.industry-outer p { font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 500; color: #585858; margin: 15px 0px; padding:0px; text-align: center; position: relative; z-index:1; }
.service-crousal-outer { background-color: #fff; box-shadow: 0px 0px 28px rgba(0,0,0,0.1); padding: 50px; margin: 20px 0px; position: relative; z-index:2; }
.homeservice-box { width: 100%; padding: 0px 20px; transition:all 0.3s ease-in-out; }
.homeservice-box:hover { box-shadow: 0px 0px 15px rgba(0,0,0,0.5) }

.homeservice-img { width: 100%; height: 227px; position: relative; transition:all 0.3s ease-in-out; overflow: hidden }
.homeservice-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition:all 0.3s ease-in-out; }
.homeservice-box:hover>.homeservice-img img { transform:rotate(2deg) scale(1.1) translate(0px); }

.homeservice-content { width: 100%; border-bottom: 1px solid #efefef; padding: 20px 0px 10px 0px; transition:all 0.3s ease-in-out; }
.homeservice-content h4 { display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 19px; font-weight: 500; color: #000; margin: 0px; padding:0px; }
.homeservice-content h4 a { color: #000; transition:all 0.3s ease-in-out; }
.homeservice-content h4 a:hover { color: #f18915; }
.homeservice-content p { font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; line-height:22px; color: #484848; margin: 8px 0px; padding:0px; text-align: left; position: relative; z-index:1; }
.homeservice-no { float: left; margin: 0px 20px 0px 0px; padding: 0px; color: #dddddd; font-family: 'Impact'; font-size:74px; line-height: 75px; transition:all 0.3s ease-in-out; }
.homeservice-box:hover .homeservice-no { color: #f18915; }
.homeservice-box:hover .homeservice-content { background-color: #f8f8f8; }
.aligncenter { text-align: center; }
.servicebtn { font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 17px; color: #fff; font-weight:500; background:#0098d8; padding: 9px 35px; margin: 30px auto 0px auto; transition: all 0.3s ease-in-out; display: inline-block; }
.servicebtn:hover { color: #fff; background:#00688c; }
.client-outer { background: url(../images/client-bg.jpg) center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%; z-index:0;
}
.client-overlay { background: rgba(6, 28, 37, 0.88); padding: 50px 0px 70px 0px; }
.statics-bg>.counter-outer, .statics-bg>.counter-outer, .client-outer>.container, .client-outer>.container-fluid { z-index:2; position:relative }
.client-outer h2 { display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 50px; font-weight: 500; color: #eaf41b; text-align: center; margin: 26px 0px; padding: 0px 0px 30px 0px; background:url(../images/heading-bdr.png) center bottom no-repeat; }
.client-outer p { display: block; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; color: #e0e1e2; text-align: center; margin: 0px 0px 30px 0px; padding: 0px; }
.client-box { height: 80px; background-color: #fff; margin: 0px 10px !important; position: relative; transition:all 0.3s ease-in-out; overflow: hidden }
.client-box img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height:100%; transition:all 0.3s ease-in-out; }
.client-box:hover img { transform:rotate(2deg) scale(1.1) translate(0px); }
.factouter { text-align: center; color: #fff; }
.counter-detail { float: left; line-height: 40px; margin: 6px 10px 8px 0px; color: #fff; display: inline-block; }
.counter-detail span { font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 55px; font-weight: 400; color: #fff;  }
.num-counter { display: inline-block; width: 19%; text-align: left; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 55px; font-weight: 500; margin: 0px 13px 0px 0px; padding: 0px 13px 0px 9px; background: url(../images/equal-img.png) right 20% center no-repeat }


.num-counter:last-child { border: 0; background:none; width:auto; }
.num-counter h5 {  font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; color: #fff; margin: 15px 0px 0px 0px; letter-spacing:0; display: block; }


.expertise-outer { background:url(../images/meeting-bg.jpg) center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%; position: relative; z-index:0; padding: 55px 0px;
 }
.expertise-outer:after { content:''; display: block; position: absolute; left:0; top:0; background: rgba(255, 255, 255, 0.899); width: 100%; height: 100%; z-index:1; }
.expertise-outer>.container, .expertise-outer>.container-fluid { z-index:2; position:relative }
.centerhd { font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 55px; font-weight: 400; color: #141414; margin: 15px 0px 0px 0px; letter-spacing:0; display: block; text-align: center; padding: 0px 0px 15px 0px; }
.centerhd span { padding: 0px 50px; position: relative; }
.centerhd span:before, .centerhd span:after { content:''; position: absolute; left: -50px; top:12px; bottom:0; margin:auto; background: #0098d8; width: 55px; height: 8px; }
.centerhd span:after { left: auto; right: -50px; }
.expertise-outer ul { display: block; margin: 0px; padding: 0px; list-style: none; }
.expertise-outer ul li { display: block; margin: 20px 0px; padding: 0px 0px 0px 60px; list-style: none; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 23px; color: #07405c; line-height: 50px; position: relative; }
.expertise-outer ul li a { color: #07405c; transition: all 0.3s ease-in-out; }
.expertise-outer ul li a:hover { color: #0098d8; }
.expertise-outer ul li i { font-size: 53px; color: #0098d8; position: absolute; left:0; top:0; transition: all 0.3s ease-in-out; }
.expertise-outer ul li a:hover i { font-size: 48px; top: 3px; color: #07405c; transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);}
.expertise-box { background-color:rgba(255,255,255,0.5); padding: 40px; margin: 30px 0px; }
.leader-outer {  padding: 60px 0px; }
.leaderbox { margin: 60px 0px 0px 0px; padding: 0px; border: 1px solid #fff; transition:all 0.3s ease-in-out; }
.leaderbox:hover { box-shadow: 0px 0px 20px rgba(0,0,0,0.2); }
.leader-img { width: 100%; height: 347px; position: relative; transition:all 0.3s ease-in-out; overflow: hidden; border: 1px solid #e3e3e3;  }
.leader-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition:all 0.3s ease-in-out; width:100%; height:100%; }
.leader-img:hover img { transform:rotate(2deg) scale(1.1) translate(0px); }
.leader-iner { padding: 0px 35px; }
.leader-iner p { text-align: center; }
.leader-content{ padding: 15px 5px; transition:all 0.3s ease-in-out; }
.leaderbox:hover .leader-content { background-color: #f8f8f8; }
.leader-content h4 { display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 500; color: #1998d8; text-align: center; margin: 5px 0px; padding: 0px; }
.leader-content h4 a { color: #1998d8; transition:all 0.3s ease-in-out; }
.leader-content h4 a:hover { color: #f18915; }
.leader-content h5 { display: block; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; color: #5e5e5e; text-align: center; margin: 10px 0px 0px 0px; padding: 0px; }
.leader-content p { text-align: center; font-size:14px; line-height: 25px; }
.testenq-outer { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin: 30px 0px; background-color: #f3f3f3; }
.happyclnt-outer { padding: 60px 60px 0px 60px !important; position: relative; }
.happyclnt-outer .carousel { position: relative; }
.happyclnt-outer h5 { display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 55px; font-weight: 500; color: #000; margin: 5px 0px 20px 0px; padding: 0px 0px 40px 0px; position: relative; }
.happyclnt-outer h5:after { content:''; position: absolute; left: 0px; bottom:0; background: #0098d8; width: 90px; height: 8px; }
.test-text { background-color: #fff; border: 1px solid #e1e1e1; padding: 20px 25px; margin: 20px 0px 0px 0px; position: relative; }
.test-text p { font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; line-height:34px; font-weight: 400; color: #464646; margin: 0px; padding: 10px 0px; }
.test-text i { color: #fff; font-size: 43px; position: absolute; left: 30px; bottom: -26px; text-shadow: 0px 1px 0px rgba(0,0,0,0.3);   }
.testi-name { display: block; margin: 0px 15px 15px 15px; }
.testi-name:after { content:''; display: block; height: 1px; clear: left; }
.testi-name>i.name { float:left; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; color:#6e6e6e; margin: 28px 0px 0px 0px; line-height: 25px; }
.testi-name>i.name span { font-size: 22px;  font-weight: 400; color:#0086bf; font-style:normal; margin: 28px 0px 0px 0px; line-height: 25px;font-style:normal; }
.testi-thumbs { left: 0px !important; width: auto !important;  margin-left: 12px !important; bottom: -10% !important; }
.testi-thumbs li {
    width: 20px !important;
    height: 20px !important;
    background-color: #0098d8 \9 !important;
    background-color: #0098d8 !important;
    border-radius: 10px !important;
}
.testi-thumbs li.active {
    background-color: #000 \9 !important;
    background-color: #000 !important;
}
.callback-outer { padding: 60px !important; position: relative; background:url(../images/callback-bg.jpg) center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }
.callback-outer h5 { display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 55px; font-weight: 500; color: #000; margin: 5px 0px 20px 0px; padding: 0px; position: relative; }
.homequery-form { margin: 0 auto; padding: 0px; width: 95%; padding: 12px; }
.homefld, .homefld2 { background-color: rgba(0,0,0,0.75); margin: 0px 0px 15px 0px; padding: 6px 8px; width: 100%; border-radius: 8px; }
.homefld2 { width: 100%; }
.homefld input[type=text], .homefld select, .homefld textarea, .homecapchafld input[type=text], .homefld input[type=file]{ width:88%; padding:5px 8px; background:transparent; border:0 none; color: #CCC;  font-size: 17px; font-weight:300; }
.homefld input[type="email"]{
	width: 100%;
	border: none;
	color: white;
	height: 33px;
	background: #404040  !important;
}
.homefld input::placeholder {
    color: white;       /* Placeholder text का color */
    opacity: 1;         /* Firefox के लिए जरूरी */
}
.homefld select { width:100%; background-color: #333013; color: #fff; padding:7px 8px; }
.filefld { overflow: hidden; position: relative; }
.filefld input[type=file]{ margin: 0px 0px 0px -122px; cursor: pointer; width: 120%; background:transparent; border:0 none; color: #CCC;  font-size: 17px; font-weight:300; z-index:2; position:relative; }
.filefld span{ position: absolute; right:8px; background:#18bcf7; border:0 none; padding: 8px 18px; border-radius: 8px; color: #fff; text-transform: uppercase;  font-size: 14px; font-weight:300; z-index:1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.filefld:hover span { background:#ec7a00; }


.requirefld { text-align: right; margin: -5px 0px 5px 0px; color: #d74461;  font-size: 15px; font-weight:400; }
.homecapchafld { background-color: rgba(0,0,0,0.75); margin: 0px 10px 12px 0px; padding: 6px 8px; border-radius: 8px; float: left; width: 50%; }
.homecapchafld input[type=text] { width: 100%; }
.homecapcha { float: right; width: 47%; }
.homecapcha input[type=button].captcha-value, .captcha-value  { float: left; background:#fff url(../images/capcha-bg.jpg) left top repeat; border: 0 none;  font-family: 'Autour One', cursive; font-size: 30px; width: 80%; letter-spacing: 4px; padding: 2px 0px; border-radius: 6px 0px 0px 6px; border: 1px solid #88a882; text-align: center; cursor:default }
.homecapcha input[type=button].refreshbnt { float: left; content: "\f021"; font-family: 'FontAwesome'; font-size: 25px; color: #fff; background:#ec7a00 url(../images/refresh-icon.png) center center no-repeat;  border-radius: 0px 6px 6px 0px; border: 1px solid #88a882; border-left: 0px; width: 20%; padding: 6px; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.homecapcha input[type=button].refreshbnt:hover { background:#29698a url(../images/refresh-icon.png) center center no-repeat; }

.enquirybtn { background: #ec7a00; border: 0 none; cursor: pointer; padding: 10px 0px; margin: 11px 0px 0px 0px;  font-size: 17px; color: #fff; float: right; border-radius: 5px; width: 47%; text-transform: uppercase; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; 
 text-align: center; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; position: relative; }
.enquirybtn:hover { background: #29698a; }
.joinusbox-outer { text-align: center; padding: 50px; }
.joinusbox { display: inline-block; }

.joinusblue {
    min-height: 384px; position: relative;
    padding: 40px 40px 0px 40px !important;
    background-color: #1998d8;
    color: #fff;
    margin: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.joinusblue:hover { background-color: #ec7a00; transform:scaleY(1.04); box-shadow: 0px 8px 8px rgba(0,0,0,0.3) }
.joinusblue2 { min-height: 430px; }


.joinusblue i { color: #fff; font-size: 60px; margin-bottom: 20px; }
.joinusblue h5 { color: #fff; display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 500; text-transform: uppercase; }
.joinusblue p, .joinusblue p a { color: #fff; display: block; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 32px; text-align: center; background:none; padding: 0px; margin: 15px 0px 5px 0px ;  }
.joinusblue p span, .joinusblue p span a {  text-transform: none; line-height: 40px; margin: 0px 0px 20px 0px; }
.joinusblue a { position: absolute; bottom: 20px; left:0; right:0; padding: 7px 0px; margin: 10px auto; width: 52%; display: inline-block; background-color:#06547c; color: #fff; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; text-transform: uppercase; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; 
 text-align: center; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;  }
.joinusblue a:hover { background-color:#000;}
.joinusblue p span a { position: relative; width:auto; margin: 20px 0px; }
.joinusblue ul { display: block; margin: 15px 0px 5px 0px !important; padding:0px !important; list-style: none }
.joinusblue ul li { color: #fff !important; display: block; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 25px !important; text-align: left; background: none; padding: 0px 0px 0px 0px !important; margin: 8px 0px !important; position: relative !important; }
.map-image { margin: 20px 13px 0px 13px; padding: 0px; border: 1px solid #eeeeee; }
.joinusblue ul li strong { display: block; }



footer { background-color: #021323;font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; text-align: center; color: #fff; position: fixed; width: 100%; bottom:0; z-index:1; padding: 34px 0px 25px 0px; }
.footer-fisrtrow { margin: 15px 0px; display: block; }
.footer-fisrtrow p { margin: 15px 0px; text-align:center; font-size:22px; color:#dadbdc; }
.footer-fisrtrow p a { color:#3faddc;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.footer-fisrtrow p a:hover { color:#ec7a00; }
.footer-fisrtrow p span { display: inline-block; margin: 0px 20px; color:#78797b; }
.footsocial { display: inline-block; padding: 0px; margin: 10px 0px 30px 0px; list-style: none; }
.footsocial li { float: left; margin: 0px 5px; }
.footsocial li a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.footsocial li a:hover { opacity: 0.5; }
.footsocial li a img { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.footsocial li a:hover img { transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg); }

.footlink, .footblack-box ul { display: inline-block; padding: 0px; margin: 10px 0px; list-style: none; }
.footlink li, .footblack-box ul li { padding: 0px; margin: 4px 18px; font-size: 16px; color: #cbcdcf; display: inline-block; text-transform: uppercase; }

.footlink li a, .footblack-box ul li a { color: #cbcdcf;   transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.footlink li a:hover, .footblack-box ul li a:hover { color: #fff; }
.footblack-box ul li { float: none; display: inline-block; font-size: 16px; color:#515151; margin: 4px 8px; text-transform: none; }
.footblack-box ul li a { color:#a3a3a3; margin: 0px 15px 0px 0px; }
.footblack-box { margin: 5px 0px 20px 0px; padding: 15px; background-color: #000; border-radius: 5px; width: 90%; display: inline-block; }
.copyright { display:block; padding: 5px 0px; text-align: center; font-size: 18px; color: #a4a7aa; }
.inrslider { display: block; padding: 150px 0px 60px 0px; background: url(../images/about-bnr.jpg) center top no-repeat; background-size: cover; text-align: center; }
.inrslider2 { background-image: url(../images/inr-bnr.jpg); }
.inrslider3 { background-image: url(../images/inr-bnr2.jpg); }
.inrslider4 { background-image: url(../images/inr-bnr3.jpg); }
.inrslider5 { background-image: url(../images/inr-bnr4.jpg); }
.inrslider6 { background-image: url(../images/inr-bnr5.jpg); }
.inrslider7 { background-image: url(../images/inr-bnr6.jpg); }
.inrslider8 { background-image: url(../images/inr-bnr7.jpg); }
.inrslider9 { background-image: url(../images/inr-bnr9.jpg); }

.inrslider h1 { display: block; margin: 50px 0px 15px 0px; padding: 0px; text-align: center; color: #fff; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 55px; font-weight: 500; }
.inrslider h1 span { display: inline-block; padding: 5px 60px 20px 60px; background:#000; border-radius: 50px;  }
.bnrpaging { display: inline-block; padding: 0px; margin: 0px; list-style: none; }
.bnrpaging li { padding: 0px; margin: 4px 5px; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; color:#000; display: inline-block;  color:#8a8e31; }
.bnrpaging li span { color:#8a8e31; }

.bnrpaging a { color: #cbcdcf; margin: 0px 10px 0px 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.bnrpaging a:hover { color: #fff; }
.inrbody { padding: 40px 0px;}
.inrbody h2 {
    display: block;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    font-size: 42px;
    font-weight: 500;
    color: #0096cc;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}
.inrbody p span, .inrbody p a { font-weight: 700; color:#f79d1d; transition: all 0.3s ease-in-out; }
.inrbody p a:hover { color:#000; }
.visionouter { padding: 60px 0px; margin: 60px 0px; background:url(../images/visionbg.jpg) center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%; position: relative; z-index:0;
 }
.visionouter:after { content:''; display: block; position: absolute; left:0; top:0; background: rgba(0,0,0,0.1); width: 100%; height: 100%; z-index:1; }
.visionouter>.container, .visionouter>.container-fluid { position: relative; z-index:2; }
.visionouter h4 { color: #fff; }
.visionouter p { color: #fff; text-align: center; }
.aboutimg { float: right; margin: 40px 0px 20px 40px; max-width: 100% }
.aboutimg img, .aboutimg2 img { max-width: 100% }
.aboutimg2 { float: left; margin: 40px 40px 20px 0px; max-width: 100% }

.inrbody ul { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 40px;  }
.inrbody ul li { margin:9px 0px; padding: 0px; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 34px; color:#000000;  }
.greyouter { background-color:#f2f3f5; border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; margin: 50px 0px; }
.greyouter ul li { color: #000; line-height: 23px; margin: 20px 0px; }



.greyleft { padding: 50px !important; }
.padd0 { padding: 0px !important; }
.whydjs-img img { max-width: 100%; }
.greyleft h5 { margin-bottom: 30px !important; font-size: 45px; }
.greyimg img { width:102%; height: 100%; }
.aligncenter { text-align: center; }
.leader-img2 { float: left; width: 30%; max-width: 284px; margin: 20px;  }
.leader-detail { float: right; width: 74%; }
.leader-detail h6 { display: block; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 35px; font-weight: 500; color: #1998d8; margin: 20px 0px 0px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #eaeaea; line-height: 35px; }
.leader-detail h6 span { font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; color:#545454; display:block; }
.testi-outer { margin: 20px 80px 80px 80px; }
.testi-bubble { text-align: center; margin: 20px 0px 0px 0px; padding: 25px 50px; border-radius: 15px; background: #e7e7e7; position: relative; border: 1px solid #fff; transition:all 0.3s ease-in-out; }
.testi-bubble:hover { background: #f5f5f5; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); }
.testi-bubble p { padding: 0px; margin: 0px 0px 8px 0px; }
.testi-bubble i { color: #e7e7e7; font-size: 43px; position: absolute; right: 50px; bottom: -26px; transition:all 0.3s ease-in-out; }
.testi-bubble:hover i { color: #f5f5f5; text-shadow: 0px 5px 10px rgba(0,0,0,0.11); }


.testi-name2 { display: block; margin: 0px 35px 15px 0px; float: right; text-align: right; }
.testi-name2>i.name { float: left; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; color: #6e6e6e; margin: 28px 0px 0px 0px; line-height: 25px; }

.testi-name2>i.name span {
    font-size: 22px;
    font-weight: 400;
    color: #0086bf;
    font-style: normal;
    margin: 28px 0px 0px 0px;
    line-height: 25px;
    font-style: normal;
}
.clientbox { border: 1px solid #efefef; text-align: center; padding: 30px 0px; margin: 0px 0px 15px 0px; min-height: 130px; position: relative; transition:all 0.3s ease-in-out; }
.clientbox img { max-width: 100%; max-height: 100%; position: absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.clientbox:hover img { opacity: 0.7;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;	
}
.jobbox { padding: 15px 25px; border-radius: 15px; background: #f5f5f5; position: relative; border: 1px solid #fff; transition:all 0.3s ease-in-out; }
.jobbox:hover { box-shadow: 0px 0px 20px rgba(0,0,0,0.2); background: #e7e7e7; }
.jobbox h2 { font-size: 25px; margin: 15px 0px 0px 0px; padding:0px; }
.jobbox h3 { font-size: 17px; font-weight:700; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; color: #666; margin: 15px 0px 0px 0px; }
.jobbox a { font-weight: 700; background-color:#f79d1d; color: #fff; padding: 6px 15px; transition: all 0.3s ease-in-out; float: right; }
.jobbox a:hover { color:#000; }

.tip-hd {
    display: block;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: 500;
    color: #f99a2c;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}
.lefthd {
    display: block;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    font-size: 55px;
    font-weight: 500;
    color: #000;
    margin: 5px 0px 20px 0px;
    padding: 0px 0px 40px 0px;
    position: relative;
}
.lefthd:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0;
    background: #0098d8;
    width: 90px;
    height: 8px;
}
.contactright { background-color: #f3f3f3; padding: 40px 60px 60px 60px !important; position: relative; }
.contactright p a { color:#0098d8 }


.photo-gallery {
	margin: 20px 0 0 0;
	border: 1px solid #fff;
	background-color: #fff;
	box-shadow: 0 0 2px #bfbfbf;	 
	max-width: 100%;
    height: 130px;
    position: relative;
}
.photo-gallery img { width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
	top:0px;
    right: 0px;	 
}

/* harpreet dream jobz end here */



.grey-bg { background: url(../images/grey-pattren.html) left top repeat; padding: 40px 0px 0px 0px; }
.homeport-hd, .homeport-hd p { text-align: center; }
.homeport-hd p { margin: 30px; padding: 0px; font-size: 17px; color: #545555; line-height: 29px; }
.homeport-hd h3 { display: inline-block; font-size: 28px; color: #6d6e6e; line-height: 55px; margin: 20px 0px 0px 0px;  }
.homeport-hd h3 span { font-size: 55px; color: #545555; font-weight: 700; display:block;  }
.homeserv-white { background-color: #fff; padding: 0px 5px 8px 0px; margin-bottom: 35px; box-shadow: 2px 25px 56px rgba(0,0,0,0.11); position:relative; transition:all 0.5s ease-in-out; }
.homeserv-white:hover { box-shadow: 2px 25px 56px rgba(0,0,0,0); z-index:1; transform:translate3d(-0px, 6px, 0px); } 

.homeserv-white:after, .home-serv:after { content:''; display: block; height: 1px; clear: left; }
.home-serv { background:#f2f2f2 url(../images/servicebox-bg.html) left top no-repeat; width: 104.55%; margin: 10px 0px 0px -8px; padding: 20px 0px 20px 20px; position: relative; transition:all 0.5s ease-in-out; }
.home-serv:hover { box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.7); z-index:1; transform:translate3d(-0px, -5px, 0px); } 
.home-serv:hover>h4 { color: #009ddc; }
.home-serv:hover>h4 span { color: #1a1a1a; }

.serviceicon { float: left; width: 106px; height: 99px; border-radius: 100%; background-color: #607077; border: 4px solid #fff; box-shadow: 6px 7px 18px rgba(0,0,0,0.15); position: absolute; top: 80px; left: 35px; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.serviceicon img{max-width:100%;margin:0 auto;}

.home-serv:hover .serviceicon { background-color: #0e8bbd; transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);}
.home-serv h4 { font-size: 26px; color: #1a1a1a; line-height: 42px; margin: 0px 0px 8px 100px; transition:all 0.5s ease-in-out; }
.home-serv h4 span { font-weight: 700; font-size: 36px; color: #009ddc; margin: 0px 0px 10px 50px; }
.home-serv ul { margin: 0px; padding: 0px 0px 0px 23px; list-style: none; position: relative; }
.home-serv ul li { margin: 5px 0px 0px 0px; padding: 0px;  font-size: 15px; font-weight: 500; color: #1b1b1b; position: relative; }
.home-serv ul li a { color: #313131; }
.home-serv ul li a:hover { color: #0276a5; }

.home-serv ul:before { content:''; display: block; margin: 0px; padding: 0px; list-style: none; position: absolute; left: 0px; top: 10px; bottom: 10px; width: 1px; height: 80%; background-color: #a8a8a8; }
.home-serv ul li:before { content:''; display: block; margin: 0px; padding: 0px; width: 12px; height: 1px; position: absolute; left: -23px; top: 10px; background-color: #a8a8a8; }

.servicemore { position: absolute; right: 0px; bottom: 0px; background: url(../images/servicemore-bg.html) left top no-repeat; width: 29px; height: 28px; text-align: center; padding: 4px 0px 0px 3px; opacity: 0.5;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.servicemore a { display: block; width: 100%; height: 100%; }
.servicemore:hover { opacity: 1; }


.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin: 9px -14px 0px -5px; position: relative; overflow: hidden;
}


.homeport-hd2 p { margin: 13px;  }
.grey-bg2 { background: url(../images/grey-pattren-big.html) left top repeat-x; }
.homeport-btn-outer { display: inline-block; padding: 8px 20px; border-radius: 8px; margin: 1px 0px; }
.portfolio-white { background-color: #fff; padding: 0px 8px 8px 0px; margin: 15px 0px 35px 0px; box-shadow: 0px 3px 10px rgba(0,0,0,0.0666); position:relative; transition:all 0.5s ease-in-out; min-height: 350px; }
.portfolio-white:after { content:''; display: block; height: 1px; clear: left; }
.homeport-btn { background: transparent; border:0 none; font-size: 15px; color: #545555; text-transform: uppercase; margin: 0px 2px; padding: 17px 19px; border-radius: 5px; }
.homeport-btn:hover, .homeport-btn:focus, .homeport-btn:active { background: #28a9e0 !important; border:0 none; font-size: 15px; color: #fff; text-transform: uppercase; margin: 0px 2px; padding: 17px 19px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(255,255,255,1); }
.non { display: none; }
.port-btn { background: #28a9e0 !important; border: 0 none; font-size: 15px; color: #fff; text-transform: uppercase; margin: 0px 2px; padding: 17px 28px !important;  border-radius: 5px; }
.port-btn { background: #28a9e0 !important; border: 0 none; font-size: 15px; color: #fff; text-transform: uppercase; margin: 0px 2px; padding: 17px 28px !important;  border-radius: 5px; }
.port-btn:hover, .port-btn:focus { background: #198fc1; color: #fff !important; }

/* hover effect
.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}


.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

 */

.port-hover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.55);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.gallery_product:hover .port-hover {
  height: 100%;
}

.text {
	  white-space: nowrap; 
	  
	  font-size: 20px;
	  font-weight: 300;
	  color: rgba(255,255,255,0.9);
	  text-align: center;
	  position: absolute;
	  overflow: hidden;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
}
.text a.quotebtn { padding: 6px 15px; color: #333;  font-size: 17px;	  font-weight: 500; margin: 8px 0px; display: inline-block; border-radius: 3px; text-decoration: none;

  background: #e5e5e5; /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #d9d9d8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%,#d9d9d8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%,#d9d9d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d9d9d8',GradientType=0 ); /* IE6-9 */
}
.text a.quotebtn.quotebtn:hover { background: #fff; padding: 6px 15px; color: #333; }


.client-hd {  font-size: 47px; color: #4b4b4b; font-weight: 700; text-align: center; margin: 70px 0px 35px 0px;  }
.client-hd span { position: relative; display: block; }
.client-hd span:after, .client-hd span:before { content:''; display: block; position: absolute; top: 35px; right: 17%; width: 70px; height: 1px; background-color: rgba(0,0,0,0.7); }
.client-hd span:before { left: 17%; right: auto; }

.client-logo { width: 20%; height: 150px; float:left; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.client-logo img, .client-logo-inr img{ max-width:100%; margin:auto; text-align:center; opacity: 0.7;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;	
	transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
	}
.client-logo:hover img, .client-logo-inr:hover img{ -webkit-filter: none; opacity: 1;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
    filter: none;
	}
.client-logo:last-child { border-right: 0; }
.client-logo:nth-child(5n) { border-right: 0; }
.client-logo:nth-child(11n) { border-bottom: 0; }
.client-logo:nth-child(12n) { border-bottom: 0; }
.client-logo:nth-child(13n) { border-bottom: 0; }
.client-logo:nth-child(14n) { border-bottom: 0; }
.client-logo:nth-child(15n) { border-bottom: 0; }
.client-logo:nth-child(16n) { border-bottom: 0; }


.client-raw { margin: 0px 6%; }
.client-raw:after { content:''; display: block; height: 1px; clear: left; }
.client-more { margin: 30px auto; text-align: center; }
.client-more a { color:#888888;  font-size:18px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.client-more a:hover { color:#000; }
.success-outer { margin: 0px 0 0px 0; position: relative; }
.success-left { background: url(../images/success-left.html) left top no-repeat; background-size: 100% 100%; text-align: center; padding: 160px 0px 0px 0px; min-height: 460px !important; }
.success-left h4 { color:#3e3d3d;  font-size:63px; font-weight:700; text-align: left; margin: 0px; }
.success-left h4 span { color:#017bad; }
.success-left p { color:#4a4a4a;  font-size:29px; font-weight:500; text-align: justify; margin: 10px 0px 0px 0px; padding: 0px; line-height: 40px; }
.success-left-inr { display: inline-block; }
.success-right { background: url(../images/success-right.html) left top no-repeat; background-size: 100% 100%; text-align: center; padding: 90px 70px 0px 70px !important; min-height: 460px !important; position: relative; z-index:0; text-align: center; }
.success-right:after { content:''; display: block; position: absolute; left:0; top:0; background:url(../images/dotted-pattren2.html) left top repeat; width: 100%; height: 100%; z-index:1; }
.success-right-inr { position: relative; z-index: 2; color: #fff; text-align: left; display: inline-block; }
.success-right-inr>.carousel>.carousel-inner { padding-bottom: 20px; min-height: 320px; }


.testi-name>.testi-logo { float: right; width: 180px; height: 79px; background-color: #fff; text-align: center; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.testi-name>.testi-logo img{ max-width:100%; margin:auto;  text-align:center; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	 transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
	
	 }
	
.testi-name>.testi-logo:hover img{ -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
    filter: none;
}
	

.sucess-icon { position: fixed; z-index:1; left: 0; right: 0; top: 50%; bottom: 50%; margin:auto; }
.success-right-inr>.carousel>.carousel-indicators li { text-indent: 0 !important; height:27px !important; width:27px !important; border-radius: 100% !important; padding: 2px 0px; font-size: 15px;  font-weight: 500; border: 2px solid transparent; }
.success-right-inr>.carousel>.carousel-indicators li.active { border: 2px solid #40b7ff; color: #40b7ff; background-color: transparent }
.bodywhite { position: relative; z-index:2; background-color:#fff; margin-bottom: 470px; box-shadow: 0px 10px 20px rgba(0,0,0,0.9) }
.blog-outer { background:#fff url(../images/blog-bg.html) center center no-repeat; background-size: 100% auto; position: relative; z-index:2; padding-bottom: 20px; }
.blog-outer h5 { color:#3e3d3d;  font-size: 52px; font-weight:700; text-align: center; margin: 70px 0px 20px 0px; }
.blogwhite-box { background:#fff url(../images/blog-edge.jpg) right top no-repeat; margin:0 auto; padding: 20px 0px 27px 0px; width: 83.55%; box-shadow: 2px 25px 56px rgba(0,0,0,0.11); position: relative; transition: all 0.5s ease-in-out;  }
.blogdownarrow { display: block; text-align: center; padding: 0px 0px 13px 0px; }
.homeblogimg-outer { max-width: 570px; }
.homeblogimg { display:block; width: 100%; position: relative; }
.homeblogimg img { max-width: 100%; }
.homeblog-content { padding: 20px 0px 20px 28px !important; }
.homeblog-content h5 { text-align: left; color:#585858;  font-size: 33px; font-weight: 300; margin: 10px 0px 20px 0px; padding: 0px; line-height: 50px; }
.homeblog-content h5 span { font-size: 44px; font-weight: 500; color: #3595c5; margin: 20px 0px; padding: 0px; }
.homeblog-content p { color:#000;  font-size: 19px; font-weight: 300; margin: 26px 0px; padding: 0px; }
.blogmore { color: #158fcb;  font-size: 16px; font-weight: 500; margin: 20px 0px; text-transform: uppercase; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.blogmore:hover { color: #000; }
.blogthumbs { bottom: 12px !important; text-align: right !important; margin-left: -15% !important; }
.blogthumbs li { width: 38px !important; height: 37px !important; border-radius: 0 !important; text-indent: 0 !important; background-color: #28a9e0 !important;  }
.blogthumbs li img { width: 100%; height: 100%; }
.blogthumbs li.active img { opacity: 0.5; }
.blog-control { background-image: none !important; background-color: #fff !important; width: 37px !important; height: 37px !important; font-size: 23px !important; color: #000 !important; margin: auto; border: 2px solid #28a9e0; padding: 0px; opacity: 1 !important; text-shadow:none !important; top: 160px !important; transition: all 0.5s ease-in-out !important; -webkit-transition: all 0.5s ease-in-out !important; }
.blog-control.left { left: 7%; }
.blog-control.right { right: 7% !important; }
.blog-control:hover { background-color: #28a9e0 !important; color: #fff !important; }
.homequery-outer { padding: 40px 0px 32px 0px; margin:0px; background:#fff url(../images/homequery-bg.html) center bottom no-repeat; display:block; width:100%; position: relative; z-index:1 }
.homequery-outer h5, .homequery-outer h6 { padding: 0px; margin: 0; color: #000;  font-size: 38px; text-align:center; font-weight:400; }
.homequery-outer h6 { padding: 0px; margin: 10px 0px 0px 0px; color: #737373; font-size: 24px; }


.enquirybtn span { z-index:20; }
.enquirybtn:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.4;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}
.enquirybtn:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }

.req-text { display: block; text-align: right; color: #858687;  font-size: 13px; font-weight:400; padding: 0px 20px 8px 0px; }

.homefld textarea{ height: 91px; margin-bottom:-3px; resize:none; }
.homefld input[type=text]::-webkit-input-placeholder, .homefld textarea::-webkit-input-placeholder, .homecapchafld input[type=text]::-webkit-input-placeholder{ color:#eae9e9; }
.homefld input[type=text]:-moz-placeholder, .homefld textarea:-moz-placeholder, .homecapchafld input[type=text]:-moz-placeholder{color:#eae9e9;}
.homefld input[type=text]::-moz-placeholder, .homefld textarea::-moz-placeholder, .homecapchafld input[type=text]:-moz-placeholder{color:#eae9e9;}
.homefld input[type=text]:-ms-input-placeholder, .homefld textarea:-ms-input-placeholder, .homecapchafld input[type=text]:-ms-input-placeholder{ color:#eae9e9; }


.cont-box-form { padding:30px 30px 15px 30px; }
.form-row { width:100%; background-color:#fff; border:1px solid #e2e2e2; margin:0px 0px 9px 0px; }
.form-row i { border-right:1px solid #e2e2e2; padding:12px 10px; height:100%; color:#333; }
.form-row a i { color:#333; }
.form-row a i:hover { color:#999 }
.form-row input[type=text], .form-row select { border:0 none; padding:10px; font-size:13px; }
.form-row select { width:82%; }
.form-row textarea { border:0 none; padding:15px 10px; font-size:13px; width:100%; height:213px; resize:none; }
.cont-capchafld input[type=text] { width:45%; }

::-webkit-input-placeholder {
    color:#000;
}
:-moz-placeholder {
    color:#000;
}
::-moz-placeholder {
    color:#000;
}
:-ms-input-placeholder {
    color:#000;
}
.contbtn {   font-size:15px; color:#fff; background-color:#1c97cf; float:right; margin:0px 0px 0px 10px; text-transform:uppercase; border:0 none; padding:8px 40px; border-radius:6px; cursor:pointer;
-webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out; }
.contbtn:hover { background-color:#115a7b; }
.contredbtn { background-color:#dc4247; }
.contredbtn:hover { background-color:#a91e22; }
.capcha { float: left; margin: 0px; background: #666666; padding: 8px 15px; }
.cont-accord { padding-right:15px; margin-top: 25px; }
.cont-accord-hd { background-color:transparent !important; border-color:transparent !important; }
.cont-accord-hd>h4.panel-title {   font-size: 14px; display: block; color: #646464; line-height: 37px; padding:0 0 0 30px; cursor: pointer; background: url(../images/minus.html) left top 7px no-repeat !important; }
.cont-accord-hd h4.collapsed, .cont-accord-hd h4:visited { background: url(../images/plus.html) left top 7px no-repeat !important; }

.cont-accord>.panel-default>.panel-heading+.panel-collapse>.panel-body { border:0 none !important; padding:7px 10px 15px 0px; font-size: 14px; text-align:justify; }
.cont-accord>.panel-default { border:0 none !important; border-bottom: 1px solid #e5e5e5 !important; border-radius:0 !important; background-color: transparent !important; box-shadow: none !important;  }
.cont-accord>.panel-default>.panel-heading { padding:0 !important; }
.cont-accord>.panel-default:nth-child(3n) { border-bottom: 0 none !important; }

.iner-bnr { position: relative; min-height:190px; margin: 50px 0px 30px 0px; padding: 20px 0px 20px 0px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.iner-bnr:before { content:''; display: block; position: absolute; left:0; top:0; background:url(../images/dotted-pattren3.html) left top repeat; width: 100%; height: 100%; z-index:1; }
.iner-bnr>.container-fluid>.row { position: relative; z-index:2; }

.iner-bnr h1 {  font-size: 53px; display: block; color: #e4e4e4; line-height: 37px; margin:45px 0 0 0px; font-weight: 700; }
.contact-bnr { background-image: url(../images/contact-img.jpg); }
.profile-bnr { background-image: url(../images/profile-img.html); margin-bottom: 0px; }
.career-bnr { background-image: url(../images/career-bg.html); min-height:390px; }
.career-bnr:before { display:none; }
.career-hd { position: relative; padding: 40px 0px 20px 25px;  }
.career-hd:before { content:''; position: absolute; width: 80%; height: 67%; left:0; top:0px; display:block; background-color: rgba(28,83,107,0.7); margin: -10px 0px 0px -100px; z-index:1;

    -ms-transform: skew(15deg,0deg); /* IE 9 */
    -webkit-transform: skew(15deg,0deg); /* Safari */
    transform: skew(15deg,0deg); /* Standard syntax */
  }
.career-hd:after { content:''; position: absolute; width: 81%; height: 67%; left:0; top:0px; display:block; background-color: rgba(28,83,107,0.5); margin: -10px 0px 0px -100px; z-index:1;

    -ms-transform: skew(15deg,0deg); /* IE 9 */
    -webkit-transform: skew(15deg,0deg); /* Safari */
    transform: skew(10deg,0deg); /* Standard syntax */
  }

.career-bnr h1 { text-align: right;  font-size: 50px; display: block; color: #fff; line-height: 62px; margin: 50px 30px 0px 0px; font-weight: 900; z-index:2; position: relative; }
.career-bnr .paging-list:after { height: 53%; }
.openposition {  font-size: 53px; display: block; color: #2a3235; font-weight: 900; text-align: center; margin: 15px 0px; padding: 0px; }


.career-hd h2 {  font-size: 53px; display: block; color: #fff; line-height: 62px; margin: 10px 0px 55px 0px; font-weight: 900; z-index:2; position: relative; text-transform: uppercase; }
.career-hd p { color:#efefef !important; font-size: 20px !important; line-height: 30px !important; position: relative; z-index:2 }
.iner-bnr p {  font-size: 18px; display: block; color: #e4e4e4; line-height: 25px; font-weight:400; margin: 5px 0px 10px 0px; }
.paging-list { float: right; color: #fff; list-style: none; margin: 30px 0px 0px 0px; padding: 0px; position: relative; }
.paging-list:after { content:''; position: absolute; right:0; top: 10px; background-color: rgba(136,173,192,0.9999); width: 1px; height: 68%; }
.paging-list li { display: block; margin: 0px 0px 12px 0px; padding: 0px 30px 0px 0px; text-align: right; position: relative; }
.paging-list li:after { content:''; position: absolute; right:0; top: 0; bottom:0px; margin:auto; background-color: rgba(136,173,192,0.9999); height: 1px; width: 15px; }

.paging-list li a { background-color: rgba(136,173,192,0.2222); border-radius: 7px; color: #fff;  font-size: 14px; padding: 5px 15px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.paging-list li a:hover { opacity: 0.5; }
.paging-disable { cursor:default; opacity: 0.5; }
h1.requesthd { margin-top: 57px; }
.quotation-bg { background: url(../images/enquiry-bg.html) left top no-repeat; background-size: cover; background-attachment:fixed; margin-top: -30px; padding: 20px 0px 0px 0px; }
.quotation-hd {  font-size: 20px; color: #343434; font-weight:500; text-align: center; margin: 0px 80px 30px 80px; }
.quotation-white { background-color: rgba(255,255,255,0.8); padding: 50px; margin: 0px 20px 60px 20px; box-shadow: 2px 12px 30px rgba(0,0,0,0.2222); position: relative; transition: all 0.5s ease-in-out; }
.quotation-white:hover { box-shadow: 2px 25px 56px rgba(0,0,0,0); z-index: 1; transform: translate3d(-0px, 6px, 0px); }

.portfolio-bnr { background-image: url(../images/portfolio-bg.html); min-height:555px; margin: 0px 0px 0px 0px; padding: 100px 0px 20px 0px; text-align: center; }
.portfolio-bnr:before { content:''; display: block; position: absolute; left:0; top:0; background-color:rgba(0,0,0,0.5522); width: 100%; height: 100%; z-index:1; }
.portfolio-bnr h1 { font-size: 80px; font-weight: 700; color: #e7e8e8; }
.portfolio-bnr p { color: #c1c1c1; font-size: 20px; line-height: 32px; text-align: center; font-weight:300; margin: 25px 0px 0px 0px; }

.portfolio-bnr>.container-fluid>.row>ul.paging-list { float: none; display: inline-block; }
.portfolio-bnr>.container-fluid>.row>ul.paging-list>li { float: left; padding: 0px 9px 0px 0px; text-align: center; }
.portfolio-bnr>.container-fluid>.row>ul.paging-list:after, .portfolio-bnr>.container-fluid>.row>ul.paging-list>li:after { display: none; }
.portfolio-bnr>.container-fluid>.row>ul.paging-list>li>a { background-color: rgba(75, 114, 134, 0.5555); }

.form-row2 { display:block; color:#a7a7a7; font-size:12px; margin:1.5555% 0; width:100% }
.row2-name {  font-size: 16px; color: #525252; font-weight:400; margin: 20px 0px 10px 15px; }
.row2-fld { width:100%; padding: 11px 25px 11px 20px; margin: 0px 0px 8px 0px; background:#e2dfdf; border:0 none; border-radius: 25px; }
.row2-fld input[type=text], .row2-fld textarea, .row2-fld select { width: 100%; background-color: transparent; border:0 none; color: #000;  font-size: 15px; font-weight:300; }
.form-row2 select { padding: 2px 10px 2px 0px; margin: 0px; }

.row2-fld textarea { height: 135px; resize: none; }
.requirement-box textarea { height: 220px; resize: none; }
.capcha2 { float: left; margin: 0px 15px 15px 0px; width: 57%; padding: 5px 25px 6px 25px; background: url(../images/capcha-bg2.jpg) left top repeat; border: 2px solid #c5c5c5; border-radius: 25px; text-align: center; font-family: 'Patua One', cursive; font-size: 22px; color: #000; }
.refreshbnt2 { float: left; font-size:17px; color: #fff; background:#007293; border: 0 none; width: 38%; padding: 11px 5px 11px 5px; border-radius: 25px; cursor: pointer; text-align: center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.refreshbnt2:hover { background:#0c586e; }

.submitbtn { width:100%; font-size:17px; color: #fff; background:#007293; border: 0 none; margin: 6px 0px 0px 0px; cursor:pointer; padding: 8px 0px; border-radius: 25px; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.submitbtn:hover { background:#0c586e; }

.quotation-box { background: #fff; margin: 6px 0px 0px 0px; padding: 15px; min-height: 160px; border-radius: 25px; box-shadow: 2px 7px 23px rgba(0,0,0,0.03333); }
.check-group { display: block; margin: 10px 0px 0px 45px !important; padding:0px; }

/* checkbox start */

.check-group label { display: inline-block; vertical-align: middle; position: relative; cursor:default !important; font-size: 15px; color: #696969; margin:0px; padding:0px 0px 0px 10px !important; padding-left: 5px; }
	
.check-group label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #828282;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.check-group label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555; }
  
  
.check-group input[type="checkbox"], .check-group input[type="radio"] { opacity: 0; z-index: 1; cursor: pointer; width: 19px; height: 18px; }
.check-group input[type="checkbox"]:focus + label::before,
.check-group input[type="radio"]:focus + label::before { outline-offset: -2px; }

.check-group input[type="checkbox"]:checked + label::after,
.check-group input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; }

.check-group input[type="checkbox"]:indeterminate + label::after,
.check-group input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.check-group input[type="checkbox"]:disabled,
.check-group input[type="radio"]:disabled {
    cursor: not-allowed;
}
.check-group input[type="checkbox"]:disabled + label,
.check-group input[type="radio"]:disabled + label {
      opacity: 0.65; }
.check-group input[type="checkbox"]:disabled + label::before,
.check-group input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
        cursor: not-allowed; }
.check-group.checkbox-circle label::before {
    border-radius: 50%; }
.check-group.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }
.scroll-top {
	width: 60px;
	height: 60px;
	background: url(../images/top.png) top center no-repeat;
	background-size: 100% 100%;
	position: fixed;
	bottom: 50px;
	right: 10px;
	float: right;
	text-align: center;
	display: none;
	z-index: 1000000
}
.scroll-top a {
    display: block;
    padding: 12px 10px;
    font-size: 0px;
    width: 59px;
    height: 60px;
}
.scroll-top:hover {
	opacity: 0.5;
}
.profile-section1 { background: url(../images/profilewhite-bg.html) left top 10% no-repeat; background-size: 100% 100%; background-attachment: fixed; padding: 80px 0px; text-align: center; }
.profile-section1 h2 { color: #1390c5;  font-size: 53px; font-weight: 700; margin:0px; padding: 0px; text-transform: uppercase; }
.profile-section1 p { color: #737373;  font-size: 23px; line-height: 40px; font-weight: 400; margin: 15px 180px; padding: 0px; text-align: center; }
.profile-section1 a { display: inline-block; color: #fff;  font-size: 20px; line-height: 40px; font-weight: 400; margin: 5px 0px; padding: 9px 30px; text-align: center; border-radius: 4px; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;
	
	background: #036fc5;
	background: -moz-linear-gradient(45deg, #036fc5 0%, #1987b7 35%, #1987b7 35%, #2493b0 71%, #2c9cab 100%);
	background: -webkit-linear-gradient(45deg, #036fc5 0%,#1987b7 35%,#1987b7 35%,#2493b0 71%,#2c9cab 100%);
	background: linear-gradient(45deg, #036fc5 0%,#1987b7 35%,#1987b7 35%,#2493b0 71%,#2c9cab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036fc5', endColorstr='#2c9cab',GradientType=1 );
 }
.profile-section1 a:hover {  color: #deeaf2;
	background: #2c9cab;
	background: -moz-linear-gradient(45deg, #2c9cab 0%, #2493b0 29%, #1987b7 65%, #1987b7 65%, #036fc5 100%);
	background: -webkit-linear-gradient(45deg, #2c9cab 0%,#2493b0 29%,#1987b7 65%,#1987b7 65%,#036fc5 100%);
	background: linear-gradient(45deg, #2c9cab 0%,#2493b0 29%,#1987b7 65%,#1987b7 65%,#036fc5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c9cab', endColorstr='#036fc5',GradientType=1 );
}
.profile-section2 { background:#373d48 url(../images/profilebg.html) left top 10% no-repeat; background-size: 100% 100%; background-attachment: fixed; padding: 80px 0px 0px 0px; position: relative;  }
.profile-section2 p { color: #f0f0f0;  font-size: 21px; line-height: 38px; font-weight: 300; margin: 40px 0px 25px 0px; padding: 0px; width: 95%; float: right; }

.experience-cont { position: absolute; width: 102%; min-height: 600px; left:0; top: 140px; background-color: #fff; padding: 120px 0px 0px 0px;  }
.coma-img { float: right; margin: 0px -15px 0px 0px; }
.experience-cont h3 { color: #169fd9; font-size: 142px;  padding: 0px 0px 35px 0px; line-height: 58px; font-weight: 900; text-align: center; letter-spacing: -11px; position: relative; }
.experience-cont h3:after { content:''; display: inline-block; height: 7px; width: 45px; background-color: #28a9e0; clear: both; position:absolute; left:0px; right:0px; bottom:0px; margin:auto; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.experience-cont:hover h3:after { content:''; display: inline-block; height: 7px; width: 88%; background-color: #28a9e0; clear: both; position:absolute; left:0px; right:0px; bottom:0px; margin:auto; }
.experience-cont sup { top: -0.5em; font-size: 92px; margin-right: -17px; margin-left: 14px; }
.experience-cont h3 span { color: #313131; font-size: 47px;  line-height: 38px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; }
.exep-desc { width: 100%; padding: 9px 30px; }
.exep-desc em { font-style: normal;
    text-transform: uppercase;
    color: #313131;
    font-size: 24px;
    
    margin-top: 70px;
    letter-spacing: 2px;
    display: inline-block;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 100%;
    text-align: center; display: block; }

.exep-desc p { margin:0px; padding:0px; color: #313131; font-size: 17px; line-height: 30px; font-weight:400;  display:none; width: 100%; }
.experience-cont:hover em { display:none; }
.experience-cont:hover p { display:block; }

.wefocus-outer { background-color: #169fd9; min-height: 500px; margin-top: 90px; border-top: 9px solid #fff; text-align: right; }
.wefocus-outer h3 { background: url(../images/focus-icon.html) right top no-repeat; color: #fff; font-size: 53px;  padding: 30px 70px 25px 0px; line-height: 58px; font-weight: 700; text-transform: uppercase; margin: 50px 0px 30px 0px }
.wefocus-outer p { width: 100%; color: #deeef8; font-size: 23px;  line-height: 38px; font-weight: 400; margin: 0px 0px 30px 0px; padding: 0px; text-align: right; }

.focuspoint-outer { display: block; padding: 30px 0px; margin-bottom: -60px; position: relative; background-color: #058ac2; text-align: center; z-index: 2; }
.focuspoint-outer ul { margin: 0px; padding: 0px; list-style: none; }
.focuspoint-outer ul li { display: inline-block; margin: 0px 20px; padding:35px 45px 35px 0px; list-style: none; color: #fff; font-size: 25px;  border-right: 1px solid #37a1ce; }

/* focuspoint-outer */

.focuspoint-outer ul li:nth-child(3n) { border-right: 0 none; padding-right: 0px; margin-right: 0px; }
.focuspoint-outer ul li img { display: inline-block; margin: 0px 12px 0px 0px; }
.letswork-outer { position: relative; background:#373d48 url(../images/aks-receptionbg.html) left top 10% no-repeat; background-size: 100% 100%; background-attachment: fixed; border-top: 1px solid #fff; text-align: center; padding: 75px 0px 95px 0px; }
.letswork-outer:after { content:''; display: block; position: absolute; left:0; top:0; background: rgba(38, 21, 9, 0.5); width: 100%; height: 100%; z-index:1; }
.letswork-outer>.container-fluid { position: relative; z-index:2; }
.letswork-outer h4 { color: #cdcdcc; font-size: 87px;  padding: 30px 0px 25px 0px; line-height: 88px; font-weight: 700; margin: 50px 0px 15px 0px; letter-spacing: 1px; }
.letswork-outer h4 span { display: block; font-size: 67px; }
.letswork-outer p { width: 100%; color: #a8a5a5; font-size: 20px;  line-height: 34px; font-weight: 300; margin: 0px 0px 30px 0px; padding: 0px; text-align: center; }
.gettouch-link { color: #2eafe6; display: inline-block; font-size: 33px;     line-height: 50px; font-weight: 100; margin: 25px 0px 0px 0px; }
.gettouch-link em { display: block; font-size: 54px; border-bottom: 3px solid #2eafe6; font-weight: 100; padding-bottom: 2px; }  
.gettouch-link img { float: left; }
.gettouch-link-left { float: left; margin: 5px 20px 0px 0px; }
.gettouch-link-right { float: left; }
.profile-section3 { padding: 70px 0px 35px 0px; text-align: center; color: #494949; font-size: 43px;  line-height: 55px; font-weight: 500; margin: 0px; }
.profile-section4 { padding: 50px 0px 90px 0px; margin: 0px; background-color: #fafafa; }
.polygone-shape { -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: #56b7d7; font-size: 30px; color:#fff; width:30%; max-width: 75px; padding: 20px 0px; text-align: center; float: left;  }

.polygone-shape:before { content:''; display: block; position: absolute; left: 11.55%; top: 80px; border-left:1px dashed #acacac; width: 5px; height: 55%; z-index:1; }
.profile-section4-box { float: left; width: 68%; margin-left: 8%; }
.profile-section4-box h5 { color: #0e8cb6; font-size: 30px;  margin: 25px 0px 15px 0px }
.profile-section4-box p { color: #464646; font-size: 17px; line-height: 30px;  margin: 5px 0px 15px 0px; padding:0px; }
.client-body { background-color:#f3f3f3; padding: 30px 0px; }
.client-body p { color: #595959; font-size: 23px; line-height: 40px;  margin: 5px 0px 35px 0px; padding:0px; }


.show-grid [class^=col-] span,
.container-fluid .show-grid [class^=col-] {
  display: block;
  padding: 0px 10px;
}

/* [class^=col-] {
  margin-bottom: 30px;
} */
.client-logo-inr { width: 100%; height: 157px; background-color: #fff; margin: 0px 0px 20px 0px;
 display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.client-logo-inr img{max-width:100%;margin:0 auto;}
.footer-inr { max-width:1920px; margin:0 auto; }
  

	 


/* package start */
.plan-outer,
.starter-outer,
.basic-outer,
.intermediate-outer,
.advance-outer{ width:19%; float:left; margin-top:2%; }
.plan-outer { width:42%; }

.bdr-right { border-right:1px solid #d8d8d8; }

.plan-outer ul,
.starter-outer ul,
.basic-outer ul,
.intermediate-outer ul,
.advance-outer ul{ display:block; list-style:none; padding:0px; margin:0px; border-left:1px solid #d8d8d8; }

.plan-outer ul li,
.starter-outer ul li,
.basic-outer ul li,
.intermediate-outer ul li,
.advance-outer ul li{ font-size:15px; line-height:normal; color:#575757; padding:6px 8px; border-bottom:1px solid #d8d8d8; }

.plan-outer ul li span,
.starter-outer ul li span,
.basic-outer ul li span,
.intermediate-outer ul li span,
.advance-outer ul li span{ font-family: "rupee_foradianregular"; }

.th, .tble-hd { background-color:#0089d9; font-size:17px !important; line-height:40px !important; color:#fff !important; }
.whiteth { color:#fff !important; }
.blueth { color:#fff !important; background-color:#e6a700 !important; }
.yellowth { color:#fff !important; background-color:#dc4247 !important; }
.redth { color:#fff !important; background-color:#8bb434 !important; }

.min-height { min-height:80px; }
.orderbtn { padding:0px !important; }
.orderbtn a, .orderbtn a.bluebtn, .orderbtn a.yellowbtn, .orderbtn a.redbtn { display:block; background-color:#fff; color:#000; padding:6px 8px; margin:0px 1px;
transition:All 0.6s ease;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease; }
.orderbtn a.bluebtn { background-color:#04bcdb; }
.orderbtn a.bluebtn:hover { background-color:#1c5f93; }
.orderbtn a.yellowbtn { background-color:#e39614; }
.orderbtn a.redbtn { background-color:#df182f; }
.orderbtn a:hover { background-color:#07a8d2; color:#fff; }
.plan-hide{display:none;}
.block387 { display:none; }
.dev-pack-total { background-color: #313131; color:#000 !important; font-size:17px !important; border-left: 1px solid #313131; border-top: 1px solid #313131; }
.accordion-section-title { display:none;}
.phone-row { display:block; color:#a7a7a7; font-size:14px; margin:2% 0; width:100% }
.phone-row:after { content:"."; width:100%; height:2px; color:#000; clear:both; }


.phone-name { float:left; margin:0 1% 0 0; min-width:30%; font-weight:bold; }
.phone-name:after { content:":"; font-weight:bold; float:right; }

.phone-det { float:left; margin:0; }
.phone-det a { color:#1480b1; text-decoration:underline !important; }
.phone-det a:hover { text-decoration:none !important; }
.form-outer { background:url(../images/request-frm-bg.html) left top repeat; border: 1px solid #444; padding:5px 8px; }
.form-row { display:block; color:#a7a7a7; font-size:12px; margin:1.5555% 0; width:100% }
.basicbtn, .intermediatebtn, .advancebtn { width:80%; text-align:center; font-size:16px; color: #fff; line-height: normal; display:inline-block; margin:0px; background-color:#e6a700; padding: 12px 0px; border-radius: 5px; border:1px solid rgba(255, 255, 255, 0.6);
-webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out; }
.basicbtn:hover { background-color:#b88600;}

.intermediatebtn { background-color:#dc4247; }
.intermediatebtn:hover { background-color:#045b80; }

.advancebtn { background-color:#8bb434; }
.advancebtn:hover { background-color:#0ca5df; }
.cost {  font-size:25px; color:#e6a700; margin:20px 0px; }
.cost strong { display:block; font-size:14px; color:#666; text-transform:uppercase; letter-spacing:3px; }
.cost span { font-family: "rupee_foradianregular"; }
.cost i { display:block; font-size:13px; letter-spacing:3px; }

.redcost { color:#dc4247; }
.greencost { color:#8bb434; }
/* package end */
.banner-bot { display:block; text-align:center; margin:0px; padding:0px; border-top:1px solid #fff; }
.banner-bot img { width:100%; margin:0px; padding:0px; display:block; margin:0px;  }
.banner-bot span { margin:2px 0 0 0; display:block; opacity:0.7; }
.term-hd { font-size: 18px; display: block; text-transform:uppercase; margin-bottom:0px; padding-bottom:0px; }
.pagelist { margin:20px 0px; padding:0px; }
.pagelist li { margin:20px 0px 20px 50px; padding:0px; font-size: 16px; line-height: 30px; color: #737373; text-align:justify; }
.cllogo-inr { margin-right:10px; width:14%; }
.onetimecost-hd {  font-size:16px; color:#069; text-transform:uppercase; letter-spacing:3px; padding:25px 0px; }
.onetimecost-hd span { font-family: "rupee_foradianregular"; }



.stopfade { 
   opacity: .5;
}



/* banner start */
.video-fg { background:url(../images/slider-try.html) center center no-repeat; width:100%; height: 100%; 
background-size:cover; position:absolute; z-index:0; top:0; }

.banner .carousel {  }

.banner .carousel-indicators { background:#0e3657; position: absolute; width: 100%; left: 0px; bottom: 0px; margin: 0px; padding: 0px; }
.banner .carousel-indicators li { background-color:#0e3657; border:0 none !important; border-right: 1px solid #325470 !important; border-width:0 0px 0 1px; border-radius: 0; cursor: pointer; display: inline-block; height: auto; margin: 0px; text-indent: -0px; width: 20%;  font-size:11px; color:#e7e9eb; /*text-transform:uppercase;*/ padding: 3px 15px 0px 15px; text-align:center; line-height:normal; vertical-align:middle; min-height: 20px; position:relative; float:left; }

.banner .carousel-indicators li i { display:inline-block !important; /* margin: -25px 10px 0px 10px; */ margin: -20px 5px 0px 0px; position:relative; top: -7px; opacity:0.7; }

.greybtns2 li i { position:relative; top: -3px !important; opacity:0.7; width: 20px; }
.greybtns2 li i img { max-width: 100%; }

.banner .carousel-indicators li span { margin: 8px 0px 0px 0px; display:inline-block !important; text-align:left !important;  }

.banner .carousel-indicators li:first-child { border:none}
.banner .carousel-indicators .active { background-color: #0099cc; color:#fff; height: auto; margin: 0; width: 20%; border-right:none; }
.banner .carousel-indicators .active i { opacity:1.0 }

.banner .greybtns li { background-color: #2a2a2a !important; border-right: 1px solid #424242 !important; padding: 3px 0px 0px 0px; font-size: 10px; line-height: 13px; letter-spacing: 1px; }
.banner .greybtns li.active { background-color: #161616 !important; }

.banner .greybtns2 li { font-size: 11px; padding: 10px 5px; }
.banner .greybtns { width: 79%; left: 0px; right: 0px; margin: auto; border-left: 1px solid #424242; background-color: #2a2a2a !important; }


.banner .carousel-indicators .active:before { content:''; width:28px; height:15px; position:absolute; top:-12px; left:0; right:0; margin:auto; float:none; /* background:url(../images/top_arrow.png); */ }

.banner .carousel-control { width:40px; opacity:.8; top:45%;}
.banner .carousel-control.right{ right:0px; background:none;}
.banner .carousel-control.left{ left:0px; background:none;}
.banner .carousel-caption { top: 8%; left:3.55%; text-align:left ; z-index:2 !important;  }
.banner .carousel-caption p { font-size:17px; color:#fff; padding-bottom:10px; line-height:26px; }

.banner .carousel-control .glyphicon-chevron-left, .banner .carousel-control .glyphicon-chevron-right, .banner .carousel-control .icon-prev, .banner .carousel-control .icon-next { width: 42px; height: 60px; margin-top: -60px;}


.banner>.carousel>.ol.carousel-indicators {} 
.banner .img-responsive, .banner .thumbnail > img, .banner .thumbnail a > img, .banner .carousel-inner > .item > img, .banner .carousel-inner > .item > a > img { width:100%; }
.firstslide h2 {  font-size: 65px; font-weight: 500; color:#e6e6e6; line-height: 85px; margin: 93px 0px 20px 0px; }
.firstslide h2 span { color:#28c6fa; }
.banner .carousel-caption p.firstslide-hd2 {  color:#e3ded3; font-size: 38px; font-weight: 300; line-height: 26px; text-align: left; padding: 0; }
.firstslide-img { margin-top: 0px; max-width: 35%; }
.firstslideimg { position:absolute; right:0px; bottom:0px; }
.firstslide .carousel-caption ul { padding: 20px 0px; list-style: none; }
.firstslide .carousel-caption ul li {
    
    font-size: 16px;
    color: #80fcd5;
    line-height: 28px;
    padding-left: 24px;
    background: url(../images/green-arrow.html) left 8px no-repeat;
}
.firstslide .carousel-caption a, .secondslide .carousel-caption a { float:left; padding: 14px 40px; margin: 20px 0px 0px 0px; font-size:15px; color:#6dfaff; text-transform:uppercase; border:2px solid #6dfaff; -webkit-transition:All .6s ease; -moz-transition:All .6s ease; -o-transition:All .6s ease; }
.firstslide .carousel-caption a img, .secondslide .carousel-caption a img { margin: 0px 0px 0px 8px; -webkit-transition:All .6s ease; -moz-transition:All .6s ease; -o-transition:All .6s ease; }
.firstslide .carousel-caption a:hover, .secondslide .carousel-caption a:hover { color:#fff; border-color:#fff; }
.firstslide .carousel-caption a:hover img, .secondslide .carousel-caption a:hover img { margin: 0px 4px 0px 4px; }

.secondslide .carousel-caption a { color:#f9e5c4; border-color:#f9e5c4; }
.secondslide .carousel-caption a:hover { border-color:#4bc9ff; }


.secondslide .carousel-caption { left:0; display: block !important; vertical-align: top !important; padding:0px; }
.secondslide h2 {  font-size: 58px; font-weight: 700; color:#cee9e9; line-height:80px; margin: 100px 0px 15px 0px; position:relative; letter-spacing: 1px; }
.secondslide h2 span { color: #99dcf2; font-size: 68px; }
.banner .secondslide p {  font-size: 20px; color:#9d9e9e; line-height:32px; margin: 0px; padding: 0px; position:relative; }
.devlop-left { float: left; width: 75% }
.devlop-right { float: right; width: 45%; margin-top: -170px; text-align: right; }
.devlop-right img { max-width: 100%; }

.fourthslide h2 { font-size: 68px;  font-weight: 500; color: #fff; line-height:70px; margin: 110px 0px 0px 0px; }
.fourthslide h2 span { color:#f88824; }
.fourthslide p {  font-weight: 300; font-size: 28px !important; line-height: 43px !important; letter-spacing:1px; margin: 5px 0px 65px 0px; text-align: left; }
.fourthslide-cont { width:70%; float:left; }
.fourthslide-img { float:right; max-width: 100%; margin-top: -300px; }
.thirdslide h2 { line-height:70px; margin: 90px 0px 10px 0px; padding:0px;  font-weight: 700; font-size: 55px; color:#d1a65c; letter-spacing: 1px; }
.thirdslide h2 span { color:#d1dfe8; font-size: 82px; }
.banner .thirdslide p {  font-weight: 300; font-size: 41px; color: #c0d2e7; letter-spacing:1px; margin: 0px 0px 0px 0px; text-align: left; }
.fifthslide-cont { width:70%; float:left; }
.thirdslide img { float:right; max-width: 100%; margin: -120px 70px 0px 0px; }

.sixthslide-img { float: right; max-height:; }
.sixthslide-img img { max-width: 100%; }

.fifthslide>.carousel-caption { height: 100vh; padding-top: 80px; }
.fifthslide h2 {  font-size: 67px; color:#fff; letter-spacing:2px; line-height:75px; margin: 20px 0px 0px 75px; padding: 0px; position:relative; }
.fifthslide h2 span { font-size: 77px; }

.fifthslide p {  font-size: 20px !important; color: #9d9e9e !important; margin: 0px 0px 0px 0px; width:40%; margin-left:80px; float:left; text-align:left !important; line-height: 30px !important; }
.fifthslide-img { float: right;  margin: -1% 2% 0 0; position:relative; max-width:100%; }

/* banner End */


/* .video-fg { background:url(../images/slider-try.png) center center no-repeat; width:100%; height:640px;
background-size:cover; position:relative; z-index:0; top:0;  } */
.videoslide span {  font-size:95px; color:#e0d2a5; display:block; letter-spacing:2px; padding-left:10px; }
.mob-slider-img { display:none; }




/* Sweep To Bottom */
.hvr-sweep-to-bottom, .hvr-sweep-to-bottomblack {   
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  /* box-shadow: 0 0 1px transparent; */
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before, .hvr-sweep-to-bottomblack:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #292a2b;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottomblack:before {
  background: #000;
}


.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { }
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before,
.hvr-sweep-to-bottomblack:hover:before, .hvr-sweep-to-bottomblack:focus:before, .hvr-sweep-to-bottomblack:active:before
 {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.client_block {
    /* position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
	overflow: hidden; */
}
.client_block .project_detail {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
	z-index:1;
	display: block;
}
.client_block div.h4 {
	/* position: relative;  3993*/
	height: 60px;
	position: absolute;
	top: 110px;
	bottom: 0;
    left: 0;
    right: 0; opacity: 0;
	/* max-width: 500px;  3993*/
	
	 font-size: 20px; font-weight: 300; color: #fff;
	
	margin: auto;
	text-align: center;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.project_detail>.h4>a.quotebtn {
    /* position: absolute;  3993*/
    position: relative; border-radius: 5px; border: 2px solid #fff;	 font-size: 15px; font-weight: 400; color: #fff;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 40px auto 0;
	padding: 8px 15px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
	opacity:0;
}
.project_detail>.h4>a.quotebtn:hover { background-color: #fff; color: #000; }




.client_block img { -webkit-transition: all 2.5s ease; -moz-transition: all 2.5s ease; transition: all 2.5s ease; }
.client_block:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.client_block:hover .project_detail div.h4 { opacity: 1;
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    -o-transform: translateY(-70px);
    transform: translateY(-70px);
}

.client_block:after {
    display: block;
    content: "";
    position: absolute;
    left: 5%;
    top: 15%;
    top: 15%;
    width: 90%;
    height: 70%;
    margin: 0;
	background:rgba(15, 22, 40, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.6);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.client_block:hover a.quotebtn, .client_block:hover:after {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
	opacity:1;
}
.position-outer>.panel-outer {  border:0 none; border-bottom: 1px solid #dcdcdc; border-radius: 0 !important; box-shadow: none; float: left; width: 45%; margin: 2px 10px 2px 30px; }
.position-outer .panel+.panel { margin-top: 2px !important; }
.position-outer>.panel-outer>.panel-heading { background-color: transparent !important; border-radius: none !important; padding:0px; }
.position-outer>.panel-outer>.panel-heading h4 a { display: block;  font-size: 27px; font-weight: 400; color:#fff; text-transform: uppercase; line-height: 30px; padding: 20px 25px; background-color: #2fa7cd; }

.position-outer>.panel-outer>.panel-heading h4 a span { display: block; font-size: 18px; color: #fff; font-weight: 500; text-transform:none; }
.position-outer>.panel-outer>.panel-heading h4 a.collapsed { color: #2a3235; background-color: transparent; }
.position-outer>.panel-outer>.panel-heading h4 a.collapsed>span { color: #818485; }
.position-outer>.panel-outer>.panel-collapse { background: #f7f7f7; padding: 5px 15px; }
.position-outer>.panel-outer>.panel-collapse:after { content:''; display: block; height: 1px; clear: both; }

.panel-title > a:before {
    float: right !important;
    /* font-family: FontAwesome;
    content: "\f067"; */
	margin-top: 20px;
    padding-right: 5px;
	content:'';
	color: #2fa7cd;
	width: 19px; height: 20px;
	background: url(../images/minus-icon.html) right top no-repeat;
}

.panel-title > a.collapsed:before {
    float: right !important;
	background:#fff url(../images/plus-icon.html) right top no-repeat;
    /* content: "\f055"; */
}
.applynow-btn { float:right; color: #fff;  font-size: 15px; line-height: 20px; font-weight: 400; margin: 5px 0px 20px 0px; padding: 5px 15px; text-align: center; border-radius: 4px; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;
	
	background: #036fc5;
	background: -moz-linear-gradient(45deg, #036fc5 0%, #1987b7 35%, #1987b7 35%, #2493b0 71%, #2c9cab 100%);
	background: -webkit-linear-gradient(45deg, #036fc5 0%,#1987b7 35%,#1987b7 35%,#2493b0 71%,#2c9cab 100%);
	background: linear-gradient(45deg, #036fc5 0%,#1987b7 35%,#1987b7 35%,#2493b0 71%,#2c9cab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036fc5', endColorstr='#2c9cab',GradientType=1 );
 }
.applynow-btn:hover {  color: #deeaf2;
	background: #2c9cab;
	background: -moz-linear-gradient(45deg, #2c9cab 0%, #2493b0 29%, #1987b7 65%, #1987b7 65%, #036fc5 100%);
	background: -webkit-linear-gradient(45deg, #2c9cab 0%,#2493b0 29%,#1987b7 65%,#1987b7 65%,#036fc5 100%);
	background: linear-gradient(45deg, #2c9cab 0%,#2493b0 29%,#1987b7 65%,#1987b7 65%,#036fc5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c9cab', endColorstr='#036fc5',GradientType=1 );
}
.applynow-outer { padding: 50px 0px; margin: 0px; background: url(../images/career-apply-bg.jpg) right top no-repeat; background-size: 100% auto; text-align: center; }
.applynow-outer h5 {  font-size: 38px; color: #212121; font-weight:700; text-align: center; margin: 0px; padding: 0px; }
.applynow-outer p {  font-size: 20px; color: #000; line-height: 35px; text-align: center; font-weight: 400; }
.applynow-outer p a { color: #0eb4e4; font-weight: 500; margin: 15px 0px 0px 0px; display: inline-block; }
.applynow-outer p a:hover { color: #000; }
.portfolio-blue { background-color: #00c2ff; border-top: 1px solid #fff; position: relative; z-index: 2; }

.portfolio-tab { position: relative; top:auto; margin: -190px 0px 0px 0px; padding: 0px; z-index:2; text-align: center; }
.portfolio-tab>li { float: none !important; display:inline-block; text-align: center; margin: 19px 0px 0px 40px !important; padding: 0px 0px 38px 0px !important; position: relative; }
.portfolio-tab>li>a { text-align: center;  font-size: 20px; color: rgba(255,255,255,0.7) !important; text-transform: initial !important; }
.portfolio-arrow { display: none; position: absolute; width: 38px; height: 50px;
    bottom: -18px; left:0; right:0; margin:auto;
    /* right: 50px; */
    /* width: 0; */
    height: 0;
    border-style: solid;
    border-width: 20px 18px 0 20px;
    border-color: rgba(0,0,0,0.8) transparent transparent transparent;
}
.portfolio-tab>li>a:hover, .portfolio-tab>li>a:hover span, .portfolio-tab>li.active span { color: rgba(86,215,255,0.9) !important; }
.portfolio-tab>li:hover i, .portfolio-tab>li.active i { display: block; }
.portfolio-box { margin: 0 auto; padding: 70px 50px 70px 50px; width: 95%; position: relative; }
.portfolio-tab>li>a img { display: inline-block; margin-bottom: 15px; }
.portfolio-tab>li>a>span.text { position:relative; top:0px; left:0px; }
.tab-content>.active { position: relative; }

.portfolio-control { background-image: none !important; width: 48px !important; height: 127px !important; margin: auto; padding: 0px; opacity: 1 !important; text-shadow:none !important; top: 40px !important; transition: all 0.5s ease-in-out !important; -webkit-transition: all 0.5s ease-in-out !important; }
.portfolio-control.left { left: 1.2%; }
.portfolio-control.right { right: 1.2% !important; }
.portfolio-control:hover { opacity: 0.5 !important; }
.portfolio-grey { background-color: #f1f1f1; padding: 80px 0px; text-align: center; }
.portfolio-grey h4 {  font-size: 38px; font-weight: 700; color: #2f2f2f; text-align: center; margin: 0px; }
.portfolio-grey p {  font-size: 24px; font-weight: 400; color: #737373; text-align: center; line-height: normal; }

.portfolio-grey a { display: inline-block; background-color: #28a9e0;  font-size: 24px; font-weight: 400; color: #fff; text-align: center; line-height: normal; padding: 10px 25px; border:1px solid #fff; border-radius: 5px; margin: 10px 0px 0px 0px; box-shadow:0px 1px 11px #fff; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; position: relative; }
.portfolio-grey a span { z-index:20; }
.portfolio-grey a:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}

.portfolio-grey a:hover {  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); }
.portfolio-grey a:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
.homeblogimg-outer { max-width: 570px; }
.portfolio-img { max-width: 700px; float: right !important; position: relative; padding: 20px 0px 30px 0px; text-align: right; }
.portfolio-img img, .portfolio-mobile img { max-width: 100%; }
.portfolio-desktop { box-shadow: 0px 5px 30px 0 rgba(0,0,0,0.4); position: relative; z-index:1; }
.portfolio-mobile { position:absolute; z-index:2; bottom: 0px !important; right: 36px !important; }

.portfolio-content { position: relative; padding: 70px 0px 0px 0px; }
.portfolio-logo { width: 220px; height: 70px; border-radius: 5px; background: #fff; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; }
.portfolio-logo img { max-width:100%; margin:0 auto; }
.portfolio-content h5 {  font-size: 44px; font-weight: 700; color: #fff; margin: 45px 0px 20px 0px; padding:0px; text-transform: uppercase; }
.tag-list { margin:0px; padding:0px; list-style:none; display: block; }
.tag-list:after { content:''; display: block; width: 100%; height:2px; clear:both; }

.tag-list li { float: left; margin: 0px 20px 10px 0px; padding: 0px 0px 0px 30px; list-style:none;  font-size: 25px; font-weight: 400; color: #ddf4ff; background: url(../images/tag-icon.html) left 0px top 6px no-repeat; }

.portfolio-more { display: inline-block;  font-size: 17px; font-weight: 400; color: #fafeff; text-align: center; line-height: normal; padding: 12px 33px; border: 2px solid #c4f1ff; border-radius: 5px; margin: 20px 0px 0px 0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; position: relative; }

.portfolio-more i { margin: 0px 0px 0px 30px; }

.portfolio-more span { z-index:20; }
.portfolio-more:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 1;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}
.portfolio-more:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
.portfolio-more:hover { background-color: #fafbfc; border-color: #fafbfc; color: #02aee4; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.2), 0 17px 50px 0 rgba(0,0,0,0.05); }


/* craousal animation start */
.caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
}
.caption-animate .item .carousel-caption{
   padding:0px !important; 
}

.caption-animate .item .portfolio-mobile.carousel-caption{
   padding:0px !important; left:auto !important; position: absolute !important;
}
/* craousal animation start */




/*---responsive start---*/
@media (max-width:1400px) {
	.banner-content { padding: 200px 80px 120px 80px; }
	.slide2 .banner-content { padding: 191px 80px; }
 	.slide3 .banner-content { padding: 200px 80px 128px 80px; }
	.slide4 .banner-content { padding: 200px 120px 86px 120px; }	
	.leader-iner { padding: 0px 20px; }
	.leader-img { height: 340px; }
}

@media (max-width:1367px) {
	.banner-content h3 { font-size: 46px; }
	.banner-content h3 span { font-size: 76px; }
	.banner-content { padding: 200px 80px 100px 80px; }
	.banr1-img { max-width: 110%; margin: 25px -20px 0px 0px; }
	.num-counter { background: url(../images/equal-img.png) right 10% center no-repeat; }
	.leader-img { height: 320px; }
	.photo-gallery { height: 120px; }
	
	
	.profile-section4-box { width: 70%; }
    .profile-section1 p { margin: 15px 160px; }
	.secondslide-left { width: 52%; }
	.serviceicon { left: 25px; }
	.home-serv h4 { margin: 0px 0px 8px 80px; }
	.client-hd span:after { right: 15%; }
	.client-hd span:before { left: 15%; }
	.foot-left { width: 27.55%; }
	.foot-right { width: 72.44%; }
	.footinr-left ul { margin: 0px 35px 0px 0px; }
	.footinr-left { width: 63%; }
	.footinr-rht { width: 37%; }
	.foot-left { padding: 23px 10px 0px 40px; }
	.firstslide h2 { font-size: 60px; margin: 45px 0px 20px 0px; line-height: 78px; }	
	.firstslide-img { max-width: 30%; }
	.secondslide h2 { margin: 65px 0px 15px 0px; }
	.devlop-right { margin-top: -180px; }
	.fourthslide h2 { margin: 65px 0px 0px 0px; line-height: 59px; }	
	.fifthslide h2 { line-height: 50px; margin: 0px 0px 10px 75px; }
	.sixthslide-img img { max-height: 69vh; }
	.homeblog-content h5 span { font-size: 40px; }
}
@media (max-width:1320px) {
	.banner-content h3 { font-size: 44px; }
	.banner-content h3 span { font-size: 74px; }
	.banner-content { padding: 200px 80px 80px 80px; }	
	.slide2 .banner-content { padding: 181px 80px; }
 	.slide3 .banner-content { padding: 200px 80px 108px 80px; }
	.slide4 .banner-content { padding: 200px 120px 66px 120px; }
	
	.leader-img { height: 300px; }	
}



@media (max-width: 1280px) {
	.banner-content h3 { font-size: 30px; line-height: 60px; margin-bottom: 0px; }
	.banner-content h3 span { font-size: 55px; }
	.banner-content { padding: 200px 80px 80px 80px; }
	.slide2 .banner-content { padding: 160px 80px 200px 80px; }
 	.slide3 .banner-content { padding: 150px 80px 103px 80px; }
	.slide4 .banner-content { padding: 160px 120px 70px 120px; }
	.slide2 .banner-content h3 { font-size: 50px; line-height: 80px; }
	.slide3 .banner-content h3, .slide3 .banner-content h3 span { font-size: 40px; line-height: 80px; }
	.slide4 .banner-content h3 { font-size: 50px; line-height: 80px; }
	.slide4 .banner-content h3 span { font-size: 60px; line-height: 80px; }
	
	
	.banner-content p { font-size: 18px; line-height: 40px; }
	#logo-wrapper { width: 16%; }
	.welcom-box { margin: 30px 60px; }
	.welcom-bdr { height: 70px; }
	.num-counter { width: 22%; }
	.homequery-form { width: 100%; }
	.happyclnt-outer h5 { font-size: 40px; margin: 5px 0px 0px 0px; }
	.happyclnt-outer h5:after { height: 6px; }
	.callback-outer h5 { font-size: 40px; }
	.leader-img { height: 280px; }
	.joinusbox-outer { padding: 50px 0px; }
	.joinusblue { padding: 40px 20px 0px 20px !important;  margin: 10px 0px; }
	.footlink li, .footblack-box ul li { margin: 4px 13px; }
	.footsocial { margin: 10px 0px 0px 0px; }
	.footblack-box { margin: 5px 0px 20px 0px; padding: 13px 15px; width: 100%; }
	
	
	
	.portfolio-content h5 { font-size: 35px; }
	.portfolio-tab>li { margin: 19px 0px 0px 30px !important; }
	.portfolio-tab>li>a>span.text { font-size: 17px; }
	
	.profile-section4-box { width: 70%; margin-left: 5%; }
	.profile-section4-box h5 { font-size: 28px; }
	.polygone-shape { font-size: 30px; width: 30%; max-width: 60px; padding: 13px 0px; }
	.polygone-shape:before { left: 11%; top: 63px; }
	.profile-section4-box p { font-size: 15px; line-height: 27px; }
	.profile-section4-box h5 { font-size: 25px; margin: 20px 0px 15px 0px; }
	.profile-section3 { font-size: 26px; line-height: 37px;}
	.career-hd:before { width: 94%; }
	.career-hd:after { width: 95%;}
	.career-hd h2 { font-size: 45px; line-height: 55px; margin: 0px 0px 33px 0px; }
	
	
	.profile-section3 { font-size: 35px; line-height: 50px; }
	.wefocus-outer { margin-top: 60px; }
	.profile-section2 { padding: 50px 0px 0px 0px; }
	.profile-section2 p { font-size: 19px; line-height: 36px; }
	.exep-desc p { font-size: 17px; line-height: 30px; }
	.experience-cont { min-height: 570px; }
	
	.profile-section1 p { margin: 15px 70px; }
	.firstslide-img { width:38% }
	.firstslide .carousel-caption ul li { font-size: 15px; }
	.firstslide h2 { font-size: 54px; line-height: 70px; }
	.banner .carousel-caption p.firstslide-hd2 { font-size: 30px; }
	.secondslide-left { width: 55%; }
	.secondslide h2 { font-size: 54px; }
	.secondslide h2 span { font-size: 64px; }
	.secondslide-right { width: 38%; }
	.fourthslide-cont { width: 60%; }
    .thirdslide img { margin: 40px 0px 90px 0px; }
	.thirdslide h2 { font-size: 44px; }
	.thirdslide h2 span { font-size: 70px; line-height: 70px; }
	.fourthslide h2 { font-size: 55px; line-height: normal; }
	.fourthslide-img { max-width: 33vw; max-height: 76vh; margin-top: 45px; }
	.banner .fourthslide p br { display: none; }
    .fifthslide .carousel-caption { right: 0; width: 100%; }
	.fifthslide h2 { font-size: 60px; }
	.fifthslide h2 span { font-size: 70px; }
	.fifthslide-cont { width: 60%; }
	.serviceicon { left: 10px; width: 95px; height: 90px; }
	.serviceicon img { max-width: 50px; }
	.home-serv h4 { margin: 0px 0px 8px 35px; line-height: 36px; }
	.home-serv h4 span { font-size: 33px; }
	.client-hd span:after { right: 100px; }
	.client-hd span:before { left: 100px; }
	.success-right { padding: 90px 45px 0px 45px !important; }
    .testi-name>.testi-logo { width: 145px; height: 79px; }
	.testi-name>.testi-logo img { max-width: 80%; }
	.homefld input[type=text], .homefld textarea { width: 84%; }
	.banner .greybtns { width: 84%; }
	.homeblog-content { padding: 20px 15px !important; }
	.homeblog-content h5 { font-size: 30px; margin: 0px 0px 0px 0px; }
	.check-group { display: block; margin: 10px 0px 0px 25px !important; }
	.capcha2 { width: 52%; margin:0px 10px 15px 0px; }
	.refreshbnt2 { font-size: 15px; width: 41%; }
	.check-group label { font-size: 13px; }
}

@media (max-width: 1199px) {
	.photo-gallery { height: 110px; }
	.banner-content { padding: 176px 80px 80px 80px; }	
	.slide2 .banner-content { padding: 160px 80px 175px 80px; }	
	.slide3 .banner-content h3, .slide3 .banner-content h3 span { font-size: 40px; line-height: 72px; }
	.slide4 .banner-content h3 { font-size: 40px; line-height: 60px; }
	.slide4 .banner-content h3 span { font-size: 50px; }	
	
	.banr1-img { max-width: 115%; }
	.num-counter { width: 25%; background: url(../images/equal-img.png) right center no-repeat; margin: 0px; }
	.test-text p { font-size: 15px; line-height: 25px; }
	.testi-name>i.name { font-size: 16px; }
	
	
	.tag-list li { margin: 0px 10px 10px 0px; font-size: 19px; }
	.caption-animate .item .portfolio-mobile.carousel-caption { max-width: 170px; }
	.position-outer>.panel-outer>.panel-heading h4 a { font-size: 23px; line-height: 25px; }
    .position-outer>.panel-outer>.panel-heading h4 a span { font-size: 16px; }
	.position-outer>.panel-outer { margin: 2px 10px 2px 20px; }
	
	.polygone-shape { width: 30%; padding: 14px 0px; margin: 0px 0px 0px -15px; }
	.polygone-shape:before { left: 9%; }
	.profile-section4-box { width: 75%; }
	.wefocus-outer { margin-top: 45px; }
	.profile-section2 p { font-size: 18px; line-height: 33px; }
	.exep-desc p { font-size: 16px; line-height: 27px; }
	.experience-cont { min-height: 540px; padding: 90px 0px 0px 0px; }

	.focuspoint-outer ul li { margin: 0px 9px; font-size: 20px; padding: 25px 27px 25px 0px; }
	.profile-section1 p { margin: 15px 0px; }
	.firstslide-img { width:48% }
	.firstslide h2 { font-size: 48px; line-height: 60px; }
	.getstart-iner { padding: 0px 0px 23px 0px; }
	.banner .carousel-indicators li i { margin: -25px 5px 0px 5px;}
	.secondslide h2 { font-size: 50px; margin: 60px 0px 0px 0px; }
	.secondslide h2 span { font-size: 60px; }
	.fourthslide h2 { font-size: 40px; }
	.fourthslide h2 i { font-size: 43px; font-style: normal; }
	.fifthslide h2 { font-size: 53px; }
	.fifthslide h2 span { font-size: 63px; }
	.serviceicon { top: auto; bottom: 35px; width: 95px; height: 90px; }
	.client-raw { margin: 0px 3%; }
	.success-left h4 { font-size: 55px; }
	.success-left p { font-size: 24px; line-height: 30px; }
	
	.homequery-outer h6 { font-size: 21px; }
	.footinr-left ul { margin: 0px 27px 0px 0px; }
	.foot-left { width: 29.55%; }
	.foot-right { width: 70.44%; }
	.footinr-rht { padding: 13px 40px 0px 30px; }
	.foot-social li { display: inline-block; margin: 0px 2px 0px 0px; }
	.weaccept { max-width: 100%; }
     footer h6 { font-size: 23px; margin: 20px 0px; }
	.footer-ranking { padding: 20px 40px 20px 25px; }
	.footinr-left div { padding: 0px 0px 0px 25px; }
	.getupdate { padding: 13px 35px 25px 25px !important; }
	.getupdate-btn { padding: 9px 0px 8px 0px; text-align: center; }
	.contact { font-size: 14px; letter-spacing: 0px;}	
	.counter-icon { font-size:30px; width:60px; height:60px; margin:0px 10px 0px 0px; }	
	.servicebox { margin:30px 0px; min-height:500px; }
	.seobnr { background:#9dd6ea url(../images/seobanr-bg.html) right -12% bottom no-repeat; }
	.banner .greybtns { width: 86%; }
	.banner .greybtns2 li { font-size: 10px; }
    .devlop-right { width: 35%; margin-top: -130px; }
	.homeblog-content h5 { font-size: 25px; line-height: 40px; }
	.homeblog-content h5 span { font-size: 34px; }
	.homeblog-content p { font-size: 18px; margin: 10px 0px 15px 0px; }
}

@media (max-width: 1120px) {
	.banner-content { padding: 150px 80px 50px 80px; }
	.slide2 .banner-content { padding: 150px 80px 110px 80px; }	
	.slide3 .banner-content h3, .slide3 .banner-content h3 span { font-size: 30px; line-height: 47px; }
	.slide4 .banner-content h3 { font-size: 30px; line-height: 30px; }
	.slide4 .banner-content h3 span { font-size: 40px; }
	.slide4 ul { margin: 0px 0px; padding:0px; list-style: none; }
    .slide4 ul li { margin: 15px 0px; font-size: 25px; }
	
	
	.banner-content p { font-size: 17px; line-height: 30px; }
	.welcom-box { margin: 0px 30px; }
	.welcom-box h1 { font-size: 35px; line-height: 48px; margin: 0px; }
	.abtmore { margin: 10px 0px 20px 20px; }
	
	
	.portfolio-tab { margin: -183px 0px 0px 0px; }
	.portfolio-tab>li { margin: 19px 0px 0px 30px !important; }
	.portfolio-tab>li>a>span.text { font-size: 15px; }	
	
	.banner .carousel-caption p { font-size:14px; line-height:25px; }
	.secondslide-left { width: 50%; }
	.secondslide-right { width: 45%; }
	.secondslide h2 { font-size: 40px; margin: 60px 0px 0px 0px; }
	.secondslide h2 span { font-size: 50px; }
	.banner .secondslide p { font-size:15px; line-height:32px; }
	.banner .thirdslide p { font-size: 26px; }	
    .thirdslide img { margin: 65px 0px 0px 0px; width: 40%; }
	.thirdslide h2 { font-size: 32px; line-height: 50px; margin: 90px 0px 0px 0px; }
	.thirdslide h2 span { font-size: 52px; line-height: 52px; }
	.fifthslide h2 { font-size: 48px; margin: 20px 0px 0px 0px; }
	.fifthslide h2 span { font-size: 58px; }
	.fifthslide p { margin-left: 0px; }
	.serviceicon { width: 80px; height: 75px; left: 5px; }
	.home-serv h4 { margin: 0px 0px 8px 10px; } 

	.homeport-hd2 p br { display: none; }
	.client-hd span:after { right: 50px; width: 55px; }
	.client-hd span:before { left: 50px; width: 55px; }
	.footinr-left ul { margin: 0px 22px 0px 0px; }
	.footinr-left { width: 100%; }
	.footinr-rht { padding: 13px 40px 0px 20px; width: 100%; }
	.secureby { margin: 35px 10px 0px 0px; font-size: 18px; }
	.foot-social li { margin: 0px 2px 4px 0px; }
	.foot-socialouter { width: 50%; float: left; }
	.foot-left { width: 32.55%; }
	.foot-right { width: 66.44%; }
	.rankingimg { width: 20%; }
	.bestinmarket { width: 78%; }
	.banner .greybtns { width: 89%; }
	.banner .greybtns2 li { font-size: 10px; min-height: 62px; }
	.banner .carousel-indicators li span { display: block !important; text-align: center !important; }
	.banner .carousel-indicators li i { margin: 1px 5px 0px 5px; }
	.homeblog-content p { font-size: 17px; line-height: 26px; }
	.blogwhite-box { padding: 20px 0px 40px 0px; }
	.homeblog-content p { margin: 10px 0px; }
	.quotation-white { padding: 50px 30px; }
	.quotation-hd { font-size: 18px; margin: 0px 35px 30px 35px; }
}


@media (max-width: 1025px) {
	.banner-content { padding: 100px 80px 40px 80px; }
	.slide2 .banner-content { padding: 150px 80px 121px 80px; }
	.slide3 .banner-content { padding: 110px 80px 81px 80px; }
	.slide4 .banner-content { padding: 140px 120px 53px 120px; }	
	.slide2 .banner-content h3, .slide2 .banner-content h3 span { font-size: 35px; line-height: 47px; }	
    .slide4 ul li { margin: 10px 0px; font-size: 22px; }
	
	
	.banr1-img { max-width: 121%; margin: 29px -50px 0px 0px; }
	.happyclnt-outer, .callback-outer { padding: 60px 40px !important; }
	.industry-outer:after { font-size: 160px; top: 80px; }
	
	
	
	
	.position-outer>.panel-outer>.panel-heading h4 a { font-size: 20px; line-height: 22px; padding: 20px 12px; }
	/* .position-outer>.panel-outer>.panel-heading h4 a { font-size: 23px; line-height: 25px; }
    .position-outer>.panel-outer>.panel-heading h4 a span { font-size: 16px; }
	.position-outer>.panel-outer { margin: 2px 10px 2px 20px; } */
	
	.profile-section4 { text-align: center; }
	.polygone-shape { max-width: 100%; width: 100px; height: 110px; padding: 25px 0px 0px 0px; margin: 0px auto; float: none; font-size: 40px; }
	.polygone-shape:before { display: none; }
	.profile-section4-box { width: 95%; }
	.profile-section4-box p { text-align: center; }
	
	
	.firstslide .carousel-caption { width: 100%; }
	.firstslide h2 { font-size: 40px; line-height: 55px; }
	.firstslide-img {  margin-top: 0px; }
	.fourthslide h2 { line-height: 48px; }
	.fourthslide p { font-size: 18px !important; }
	
	.homeservice-box h3 { font-size: 19px; }	
	.servicebox { min-height:530px; }
	.diffrent-seo ul li { padding: 15px 8px; font-size:13px; }	
	.seobnr { background:#9dd6ea url(../images/seobanr-bg.html) right -30% bottom no-repeat; }
	.seobnr p { font-size:40px;}
	.seobnr p span { font-size:50px;  }
	.padding-ltrt-30 { padding:8px 20px; }	
	.footmail { margin: 0px 20px 0px 0px; }
	.footmail i { font-size: 25px; }	
	.footmail a, .footmail span { font-size: 14px; }	
	.foot-top-left { width:100%; text-align:center; margin:0px 0px 25px 0px; }
	.foot-top-right { width:100%; text-align:center; }
    #logo-wrapper { width: 14%;}
	.cllogo-inr { width:17%; }
	.client-hd span:after, .client-hd span:before { display: none; }
	
}

@media (max-width: 992px) {
	#logo-wrapper { width: auto; }
	.header-fix #logo-wrapper { width: 140px; }
	.banr1-img { display: none; }
	.button2 { padding: 5px 15px 5px 23px; font-size: 16px; }
	.welcom-box { margin: 0px; }
	.welcom-box h1 { font-size: 30px; line-height: 40px; }
	p { font-size: 15px; line-height: 28px; }
	.abtmore { font-size: 16px; padding: 7px 15px; }
	.num-counter { width: 25%; background: url(../images/equal-img.png) right center no-repeat; }
	.leader-img { height: 360px; }
	.joinusblue { padding: 20px 10px 0px 10px !important;  margin: 10px 0px; min-height:1px; }
	.joinusblue a { position: relative; margin: 30px 0px 0px 0px; }
	.joinusbox { display: block; }
	.footblack-box ul li a { margin: 0px 8px 0px 0px; }
	.footblack-box ul li { margin:4px 12px; }
	
	
	
	.caption-animate .item .portfolio-mobile.carousel-caption { max-width: 132px; }
	.portfolio-content h5 { font-size: 26px; line-height: 35px; margin: 20px 0px 10px 0px; font-weight:400; }
	.portfolio-control { width: 30px !important; height: 100px !important; }	
	.portfolio-control img { max-width: 100%; }	
	
	.portfolio-content { padding: 0px; }
	.career-hd:before { width: 97%; }
	.career-hd:after { width: 100%;}
	.career-hd h2 { font-size: 38px; line-height: 45px; margin: 0px 0px 33px 0px; }
	.career-hd { padding: 20px 0px 0px 15px; }
	.career-bnr { min-height: 270px; }
	.portfolio-tab { margin: -155px 0px 0px 0px; }
	.portfolio-tab>li { margin: 19px 0px 0px 20px !important; }
	.portfolio-tab>li>a>img { max-width: 50px; }
	
	
	
	.position-outer>.panel-outer { float: none; width: 100%; margin: 10px 0px; }
	.panel-title > a:before { margin-top: 11px; }
	.client-body p { font-size: 19px; line-height: 30px; margin: 5px 0px 25px 0px; }
    .client-body p br { display: none; }
	.focuspoint-outer ul li { margin: 0px 5px; font-size: 18px; padding: 25px 17px 25px 0px; }
	.focuspoint-outer ul li img { max-width: 32px; margin:0px 8px 0px 0px; }
	.profile-section3 { font-size: 28px; line-height: 40px; }
	
	.firstslide h2 { font-size: 34px; line-height: 43px; }
	.banner .carousel-caption p.firstslide-hd2 { font-size: 22px; }
	.banner .carousel-indicators li i { margin: -25px 5px 0px 0px; width: 23px; }
	.banner .carousel-indicators li i img { max-width: 100%; }
	.fourthslide-cont { width: 60%; }	
    .thirdslide img { margin: 30px 0px 0px 0px; width: 38%; }
	.thirdslide h2 { font-size: 28px; }
	.thirdslide h2 span { font-size: 48px; line-height: 48px; }
	.banner .fourthslide p { line-height: 25px !important; }
	.serviceicon { width: 95px; height: 90px; left: 30px; }
	
	.counter-icon { float: none; margin:0px auto 8px auto; left:0; right:0; }
	.counter-detail { float: none; line-height: 30px; margin: 6px auto; display: inline-block; }
	.client-logo { width: 32%; border-bottom: 1px solid #e5e5e5; }
	.client-logo:nth-child(3n) { border-right: 0 none; }
	.client-logo:nth-child(5n) { border-right: 1px solid #e5e5e5; }
	.client-logo:nth-child(11n), .client-logo:nth-child(12n) { border-bottom: 1px solid #e5e5e5; }	
	.client-logo:last-child { border-right: 0 none; }
	.sucess-icon { display: none; }
	.success-left { padding: 50px !important; text-align: left; min-height: 1px !important; }
	.success-left p br { display: none; }
	.success-right { padding: 50px 45px 0px 45px !important; min-height: 1px !important; }
	.homecapchafld { width: 53%; margin: 0px 10px 9px -5px; }
	.homecapcha { width: 45%; }
	.enquirybtn { width: 45%; }
	.homequery-outer h6 { font-size: 19px; }
	.homequery-outer { background: #fff url(../images/homequery-bg.html) right bottom no-repeat; }
	.header-fix>.container-fluid>.menuouter>.mean-container>.mean-bar { padding: 4px 0px 0px 0px; }
	.header-fix>.container-fluid>.menuouter>.mean-container>.mean-bar>a.meanmenu-reveal { padding:7px 7px 6px; }

	.counter-img { display:none; }
	.counterhd { text-align:center; line-height:normal;  }
	.counterhd span { float:none; }
	.banner .greybtns { width: 80%; }
	.banner .greybtns2 li { font-size: 10px; min-height: 82px; }
	.blogthumbs { left: 0% !important; }
	.requirement-box textarea { height: 128px; }
}

@media (max-width: 940px) {	
      .num-counter { width: 25%; background: none; text-align: center; }
	  .footblack-box ul li a { margin: 0px 5px 0px 0px; }
      .footblack-box ul li { margin:4px 8px; }
	  
	  
      .contact, .transp-header .contact { float:left; position:relative; z-index:10000000000000000;  margin: 20px 0px 0px 260px; }
      .header-fix .contact { margin: 10px 0px 0px 260px; }
	  
      .portfolio-tab { top: 15px !important; }
	  .portfolio-tab>li { padding: 0px !important; }
	  .portfolio-tab>li>a { padding: 0px 0px 20px 0px !important; background: transparent !important; text-align: center !important; }
	  .portfolio-bnr { min-height: 450px; }
	  
	  .focuspoint-outer { padding: 20px 0px; }
      .focuspoint-outer ul li { margin: 0px 5px; font-size: 16px; padding: 15px 10px 15px 0px; }
	  .focuspoint-outer ul li img { max-width: 32px; margin:0px 8px 0px 0px; }
	
	  .profile-section1 { padding: 60px 0px; }
      .profile-section1 h2 { font-size: 45px; }
	  .profile-section1 p { font-size: 21px; line-height: 30px; }
     .letswork-outer h4 { font-size: 70px; }
	 .letswork-outer h4 span { font-size: 50px; }
	 .letswork-outer h4 { line-height: 68px; margin: 20px 0px 0px 0px; }
	 
      header{ position:relative; top:0;}
	  body { padding: 0px;}	
	 .banner .carousel-indicators li span { margin: 0px; text-align: center !important; display:block !important; }
	 .banner .carousel-indicators li i { margin: 5px !important; position: relative; top: 0px; }
	 .secondslide-left { width: 40%; }
     .secondslide-right { width: 55%; }
	 .secondslide h2 { font-size: 30px; line-height: 45px;}
	 .secondslide h2 span {  font-size: 40px; margin-left: 1%; }
	 .devbnr-row2 i, .devbnr-row4 i { margin: 0px 7px 0px 12px; }
	 .fourthslide h2 { font-size: 30px; }
	 .fourthslide h2 i { font-size: 35px; }
	 .fifthslide-img { display: none; }
	 .fifthslide h2 { line-height: 57px;}
	 .serviceicon { width: 85px; height: 80px; left: 20px; }
	 	 .iner-bnr h1 { font-size: 40px; margin:45px 0 0 0px; font-weight: 700; }
     .portfolio-bnr h1 { font-size: 35px; margin: 0px; }
	 .iner-bnr p { font-size: 15px; }
	 .portfolio-bnr p { font-size: 20px; line-height: 23px; margin: 10px 0px 0px 0px; }
	  

	.clientele{  background:#fff; }
	.marquee-with-options { padding: 30px 0px 50px 0px;}
	
	.clientele-hd {font-size: 35px; display:block; text-align:center; padding:47px 0px 0px 0px; background-color:transparent; }
	.clientele-hd img { display:none; }
	.servicebox { min-height:650px; }	
	.diffrent-seo ul li { padding: 15px 25px; margin-bottom:30px; }
	
	.seobnr { background:#9dd6ea url(../images/seobanr-bg.html) right -40% bottom no-repeat; }
	.seobnr p { font-size:30px;}
	.seobnr p span { font-size:35px;  }
	.seoimg { width:14%; }
	.seoimg img { max-width:100%; }
	.seobnr { padding: 60px 0px;}
	.plan-outer ul li, .starter-outer ul li, .basic-outer ul li, .intermediate-outer ul li, .advance-outer ul li { font-size: 14px; }
	#logo-wrapper { width: auto;}
}

@media (max-width: 769px) {
	.slide4 .banner-content { padding: 140px 120px 53px 120px; }
	.slide4 .banner-content h3 { font-size: 30px; line-height: 25px; }
	.slide4 .banner-content h3 span { font-size: 30px; }
    .slide4 ul li { margin: 11px 0px; font-size: 22px; }
	
	
	.num-counter { font-size: 35px; width: auto; }
	.counter-detail span { font-size: 40px; }
	.num-counter h5 { font-size: 15px; }
	.client-outer h2, .industry-outer h3, .centerhd { font-size: 40px; }
	.leader-img { height: 340px; }
	.leader-img img { height: auto; width: auto; }
	footer { padding: 65px 0px 25px 0px; }
	.footer-fisrtrow p { margin: 10px 0px; font-size: 19px; }
	.bodywhite { margin-bottom: 560px; }
	.industry-outer:after { font-size: 100px; top: 120px; }
	.centerhd span:before, .centerhd span:after { left: -20px; width: 35px; }
	.centerhd span:after { left: auto; right: -20px; }
	
	
	
	
	
	
    /* responsive tabbing start */
	.portfolio-tab>li>a>span.text { font-size: 35px;  font-weight: 200; color: #fff !important; }		    .portfolio-arrow { border-color: #0e93bd transparent transparent transparent; }
    ul.nav-tabs-responsive { top:0 !important; margin:0px; padding:0px;  }
  .nav-tabs-responsive > li {
    display: none;
    /* width: 15%; */
    float: left !important;
    border-color: #fafbfc;
    color: #02aee4;
	padding: 15px 0px !important;
    border-radius: 10px;
    background: #0e93bd !important;
	
}
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
	padding:0px !important;
  }
  .nav-tabs-responsive > li.active {
    width: 90%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	background: transparent !important; border: 0;
  }
  .nav-tabs-responsive > li.next { float: right !important; }
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
    display: none;
  }
  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
    position: relative;
    top: 1px;
    display: inline-block;
	font-family:'FontAwesome';
	color: #000;
	font-size: 50px;
	
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .nav-tabs-responsive > li.prev > a:after {
    content: "\f0d9";
  }
  .nav-tabs-responsive > li.next > a:after {
    content: "\f0da";
  }
  .nav-tabs-responsive > li.dropdown > a > .caret {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown > a:after {
    content: "\e114";
  }
  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
	
	.portfolio-tab>li>a>img { display: none; border: 0 none; }
	.career-hd:before, .career-hd:after { display: none; }
	.career-hd h2 { font-size: 38px; line-height: 45px; margin: 0px 0px 33px 0px; }
	.career-hd { padding: 20px 0px 0px 15px; }
	.career-bnr { min-height: 270px; }
	.career-hd { display: none; }
	.career-bnr h1 { text-align: center; }
	.career-bnr:before { content:''; display:block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.3); z-index:0; }
	.openposition { font-size: 35px; margin: 0px 0px 15px 0px; }
	.position-outer>.panel-outer>.panel-heading h4 a { font-size: 17px; padding: 15px 8px; font-weight:500; }
	.position-outer>.panel-outer>.panel-heading h4 a span { font-size: 15px; }
	
	
	.profile-section3 { font-size: 20px; line-height: 30px; }
	.profile-section3 { padding: 40px 0px 20px 0px; }
	.profile-section4 { padding: 50px 0px 0px 0px; }
	.profile-section4-box { float: none; margin-bottom: 49px; margin-left: 2%; }
	.focuspoint-outer { padding: 0; }
	.focuspoint-outer ul li { margin: 0px 0px; padding: 22px 0px; width: 100%; text-align: center; font-size: 20px; }
	.focuspoint-outer ul li img { max-width: 100%; margin: 0px auto 14px auto; float: none; display: block; }
	.focuspoint-outer ul li:nth-child(2n) { background-color: #0978a7; }
	
	.profile-section1 h2 { font-size: 40px; }
	.profile-section1 p { font-size: 18px; }
    .experience-cont { min-height: 20px; padding: 60px 0px 30px 0px; position: relative; top:0; }
	.coma-img { display: none; }
	.exep-desc em { transform: rotate(0deg); -webkit-transform: rotate(0deg); margin: 0px; padding: 0px; display: block !important; }
	.exep-desc p { display: block; margin: 0px; padding: 0px; float: none; }
	.profile-section2 p { width: 100%; padding: 0px; }
	
	
	
	.banner .carousel-indicators .active { margin: 0px; padding-bottom: 21px; }
	.secondslide h2 i { float: left; }
	.devbnr-row2 { margin-right: -73px; }
	.fourthslide h2 { line-height: 38px; }
	.thirdslide h2 { font-size: 22px; }
	.thirdslide h2 span { font-size: 40px; line-height: 40px; margin-top: 0px; }
	.home-serv { width: 100%; margin: 10px 0px 0px 0px; }
	.homeserv-white { padding: 4px 0px 10px 0px; }
	.home-serv h4 br { display: none; }
	.home-serv h4 span { margin: 0px 0px 8px 0px; }
	.home-serv .pull-right { float: left !important; margin-left: 150px; }
	.homefld, .homefld2 { margin: 0px 0px 9px 0px; width: 100%; }
	.homecapchafld { width: 50%; margin: 0px 10px 9px 0px; }
	.homecapcha { width: 48%; }
	.enquirybtn { margin: 10px 2px 0px 0px; }
	.homequery-outer h6 { margin: 10px 28px 0px 29px; }
	.foot-left, .foot-right { width: 100%; }
	.footinr-left div:after { content:''; display: block; height: 1px; clear: both; }
	.contact, .transp-header .contact { margin: 20px 0px 0px 180px; }
	.header-fix .contact { margin: 10px 0px 0px 200px; }	
	.transp-header .contact { margin: 10px 0px 0px 200px; }	
	
	
	.iner-bnr, .iner-bnr p { text-align: center; min-height: 1px; }
	.paging-list { float: none; margin: 12px 0px 0px 0px; display: inline-block; }
	.paging-list li { float: left; margin: 0px 8px 0px 0px; padding: 0px 0px 0px 0px; }
	.paging-list:after, .paging-list li:after { display: none; }
	.iner-bnr h1 { margin: 20px 0 10px 0px; }
	.iner-bnr p { margin: 0; padding-top: 0px; }
	.portfolio-bnr { margin: 0px; padding: 50px 0px 30px 0px; }
	.portfolio-bnr p { font-size: 18px; padding: 10px 0px; }
	
	.quotation-white { margin: 0px 0px 60px 0px; padding: 20px; }
	.quotation-hd { font-size: 16px; margin: 0px 0px 30px 0px; line-height: 24px; }
	.homeport-hd h3 span { font-size: 35px; }
	.homeport-hd p { margin: 20px 10px 30px 10px; line-height: 29px; }
	.homeport-hd h3 { line-height: 45px; }
	.grey-bg { padding: 10px 0px 0px 0px; }
	.client_block img { width: 100%; }
	.portfolio-white { padding: 1px 8px 8px 0px; }
	.counterhd { font-size: 50px; }
	.counterhd span { font-size: 15px; }

    .div-1, .div-2, .div-3{ display:none}	
	.mailuscont { margin-top: 5px; line-height: 34px; float:none; }
	.banerbot-rht-outer { float:none; width:100%; text-align:center; }
	.bnrbot-cont li { padding: 12px 0px 9px 0px; width:48%; text-align:center; }
    .banerbot-after:after { display:none; }
	.homeabout { padding: 0px 64px;}
	.homeportfolio { width: 100%; margin: 30px auto 0px auto;}
	.tabcircle { font-size: 20px; color: #72980d; text-align: left; border:0; border-radius: 0; background:none; width: auto !important; height: auto !important; box-shadow: -3px -5px 6px rgba(0, 0, 0, 0); margin-bottom:0; display: block; float: left;}	
	.homeportfolio br { display:none; margin-right:10px; }
    .tabcircle i { font-size: 22px; margin-top: -4px; }	
    .aboutblue { padding:40px 0px; }
	.aboutimg, .developimg { margin:0px auto 20px auto; width:30%; text-align:center;  }
	.aboutimg2 { margin-bottom:30px; }
	.servicebox { min-height:30px; }	
	.developmentbnr p { font-size:25px; margin:0px 0px 0px 0px; }
	.developmentbnr p span { font-size:30px; }
	.seo-fetures { margin:0px; }
	.seo-fetures ul li { margin:0px 0px 45px 0px; padding:6px 0px 0px 70px; font-size:19px; }
	.whtseo p { padding: 0px;}
	
	.seobnr { background:#9dd6ea; }	
	.seoimg { display:none; }
	
	.form-row input[type=text] { width:80%; }
	.cont-capchafld input[type=text] { width:40%; }
	.padd-right0 { padding-right:15px; }
	
	.request-box-form { padding:20px 10px;}
    .request-txt { font-size: 14px !important; line-height: 23px !important; padding: 0px 0px 0px 0px !important;}
	.form-row select { width:90%; }
	.plan-hide{ display:block;}
	
	/*------------------------------------*\
	-------- DEMO Code: accordion
	\*------------------------------------*/
	/*----- Accordion -----*/
	.accordion, .accordion * {
		-webkit-box-sizing:border-box; 
		-moz-box-sizing:border-box; 
		box-sizing:border-box;
	}
	
	.accordion {
		overflow:hidden; margin:15px 0px 0px 0px;
	}
	
	/*----- Section Titles -----*/
	.accordion-section-title {
		width:100%;
		padding:10px 15px;
		display:inline-block;
		border-bottom:1px solid #fff;
		background:#0089d9;
		transition:all linear 0.15s;
		/* Type */
		font-size:16px;
		color:#fff;
		position:relative; opacity:0.9;
	}
	.accordion-section-title:after, .accordion-section-title.active:after {
		content: "\f0d7";
		font-family:'FontAwesome';
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
	    /*--adjust as necessary--*/
		font-size: 15px;
		position: absolute;	
		right:12px;
		top:12px;
	}
	.accordion-section-title.active:after {
		content: "\f0d8";
	}
	
	.accordion-section-title.active, .accordion-section-title:hover {
		background:#03577b; opacity:1;
		/* Type */
		text-decoration:none;
	}
	
	.accordion-section:last-child .accordion-section-title {
		border-bottom:none;
	}
	
	/*----- Section Content -----*/
	.accordion-section-content {
		padding:0px 12px 15px 5px;
		display:none;
		height:150px;
		overflow-y:scroll; 
		border-bottom:1px solid #4c4c4c;
		border-left:1px solid #4c4c4c;
		border-right:1px solid #4c4c4c;
		margin-bottom:15px;
	}	
	.plan-outer, .starter-outer, .basic-outer, .intermediate-outer, .advance-outer { width: 48%; margin: 15px 0; }
	.plan-outer ul li, .starter-outer ul li, .basic-outer ul li, .intermediate-outer ul li, .advance-outer ul li {
		border-right: 1px solid #d8d8d8;
	}
	.min-height768 { min-height: 100px; }
	.th, .tble-hd { font-size:14px !important; line-height:normal !important;}
	.footer-bottom { background:#ecf5f7;  }	
	.cllogo-inr { width:28%; }
	.portfolio-content { margin: 40px 0px; }
	
}

@media (max-width: 680px) {	
	 .nav-tabs-responsive > li.active { width: 87%; }
     .letswork-outer h4 { font-size: 55px; line-height: normal; }
     .letswork-outer h4 span { font-size: 40px; }
	 .banner-content h3 { font-size: 20px; line-height: 30px; }
	 .banner-content h3 span { font-size: 30px; }
	 .slide2 .banner-content { padding: 150px 80px 98px 80px; }
	 .slide3 .banner-content { padding: 110px 80px 95px 55px; }
	 .slide2 .banner-content h3, .slide2 .banner-content h3 span { font-size: 20px; line-height: 40px; }
	 .slide3 .banner-content h3, .slide3 .banner-content h3 span { font-size: 20px; line-height: 30px; }
	 .slide4 .banner-content { padding: 150px 50px 30px 50px; }
     .slide4 .banner-content h3, .slide4 .banner-content h3 span { font-size: 30px; line-height: 45px; }
 
     .slide4 ul li { margin: 8px 0px; font-size: 22px; }
	 
	 
	 
	 .expertise-box { padding: 20px; }
	 .bodywhite { margin-bottom: 660px; }
	 .centerhd span:before, .centerhd span:after { left: 0px; width: 25px; }
	 .centerhd span:after { left: auto; right: 0px; }
	 .num-counter, .num-counter:last-child { width: 47%; margin: 15px 0px; padding: 0px; }
	 .industry-outer:after { font-size: 80px; top: 120px; }
	 
	 
	 
     .profile-section1 a { font-size: 15px; padding: 13px 30px; line-height: normal; }
	 .profile-section1 h2 { font-size: 30px; }
    .firstslide-img { display: none; }
	.devbnr-row i, .devbnr-row i, .devbnr-row i, .devbnr-row i, .secondslide-right:after { display: none !important;	}
	.devbnr-row img { float: right; }
	.devbnr-row2 { margin-right: 0px; }
    .devbnr-row { font-size: 0px; margin: 0px 0px 15px 0px; }
	.secondslide-left { width: 80%; }
	.secondslide-right { width: 20%; }
	.devbnr-row img { float: right; max-width: 60px !important; }
	.devbnr-row .col-sm-11 { padding: 0px !important; }
    .sixthslide-img { margin: 0; width: 35%; }	
	.statics-bg { -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
	.client-raw { margin: 0px 1%; }
	.homecapchafld { width: 49%; }
	.header-fix .contact, .transp-header .contact { margin: 10px 0px 0px 120px; }
	.contact { margin: 20px 0px 0px 100px; }
	.devlop-right, .devlop-left br, .thirdslide img { display: none; }
	.devlop-left, .fifthslide-cont { width: 100%; }
	.thirdslide h2 { font-size: 40px; line-height: normal; }
	.thirdslide h2 span { font-size: 50px; }
	.blog-control.left { left: 3%; }
	.blog-control.right { right: 3% !important; }
	.blogwhite-box>.carousel-indicators { width: 100%; }	
}

@media (max-width: 580px) { 
	.flex-heading{
		height: 0% !important;
	}
#logo-wrapper a{
	justify-content: start !important;
}
	 .bodywhite { margin-bottom: 0; }
	 footer { position: relative; padding:5px 0px 25px 0px; }
     .copyright { font-size: 14px; }
	 .welcom-box h1 { font-size: 22px; line-height: 35px; }
	 .homecapchafld { width: 100%; }


	.enquirybtn { margin: 0px 2px 0px 0px; width: 36%; }
	.homecapcha { width: 100%; margin-bottom: 11px;}
	.enquirybtn { margin: 0px 2px 0px 0px; width: 100%;}
	#logo-wrapper { width: auto; justify-content:start !important; }
	.header-fix #logo-wrapper { width: 130px; }
	.banner-content p { margin: 0px 0px 10px 0px;}
	.slide2 .banner-content { padding: 130px 80px 68px 80px; }
	 .slide3 .banner-content { padding: 110px 80px 60px 50px; }
	 .slide3 .banner-content h3, .slide3 .banner-content h3 span { font-size: 16px; line-height: 25px; }
	 .slide4 .banner-content { padding: 150px 50px 30px 50px; }
     .slide4 .banner-content h3, .slide4 .banner-content h3 span { font-size: 20px; line-height: 30px; }
     .slide4 ul li { margin: 8px 0px; font-size: 18px; }
     .slide4 ul li i {  font-size: 14px; }
     .slide4 ul li span { border: 0; }
	 .slider .carousel-control { width: 20px; height: 20px; }
	 .slider .carousel-control.right, .slider .carousel-control.left { top: 65%; }
	 .slider .carousel-control span { line-height: 0; font-size: 18px; }
	 .slide3 .banner-content h3 { transform: translateX(-5px); -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); }
	 .service-crousal-outer { padding: 10px 5px; }
	 .owl-theme .owl-controls .owl-buttons div { line-height: 35px; font-size: 56px !important; }



    .portfolio-content h5 { font-size: 20px; }
	.nav-tabs-responsive > li { border: 0 none !important; }
	.nav-tabs-responsive > li.active { width: 85%; }
	.portfolio-tab>li>a>span.text { font-size: 28px; }
	.letswork-outer h4 { font-size: 45px;}
	.letswork-outer h4 span { font-size: 30px; margin:0px; }
	
	.banner .greybtns { width: 75%; }
	.banner .greybtns2 li { min-height: 2px; }
	.banner .carousel-indicators .active { padding-bottom: 10px; }
	.banner .carousel-indicators li span { display: none !important; }
	.banner .carousel-indicators li i { width: 100%; }	
	.video-outer { display:none !important; }	
	.mob-slider-img { display:block; width:100%; }
	.fourthslide-img { display: none; }
	.fourthslide-cont { width: 100%; }
	.fourthslide .carousel-caption { padding-top: 0; }
	.fourthslide h2 { font-size: 30px; }
	.banner .thirdslide p { font-size: 23px; }
	.sixthslide-img { display: none; }
	.fifthslide p { width: 100%; }	
	.home-serv .pull-right { margin-left: 100px; }
	.homeport-hd h3 span { font-size: 32px; }
	.homeport-hd p { margin: 0px 0px 20px 0px; }
	.client-logo { width: 50%; height: 120px; border-bottom: 1px solid #e5e5e5; }
	.client-logo img { max-width: 70%; }
	.client-logo:nth-child(2n) { border-right: 0 none !important; }
	.client-logo:nth-child(3n) { border-right: 1px solid #e5e5e5; }
	.client-logo:nth-child(5n) { border-right: 1px solid #e5e5e5; }
	.client-logo:nth-child(13n), .client-logo:nth-child(14n) { border-bottom: 1px solid #e5e5e5; }
	.success-left h4 { font-size: 50px; }
	.contact, .transp-header .contact { margin: 20px 0px 0px 70px; }
	.header-fix .contact, .header-fix.transp-header .contact { margin: 10px 0px 0px 120px; }
	
	
	.counterhd { font-size: 35px; }
	.client-hd { font-size: 32px; margin: 50px 0px 20px 0px; }
	.homequery-outer h5 { font-size: 30px; }
	.homequery-outer h6 { margin: 10px 28px 10px 29px; line-height: 26px; }
	
	.blog-control.left { left: 55px !important; }
	.blog-control.right { left: 98px !important; right:auto !important }
	.blog-outer>.container-fluid>.carousel>.carousel-control { padding: 0px 10px 5px 10px; top:auto !important; }
	.blog-outer { padding-bottom: 55px; }
	.blogwhite-box { width: 95%; }
	.portfolio-bnr p { font-size: 15px; line-height: normal; }
	.portfolio-bnr p br { display: none; }
}

@media (max-width: 480px) { 
    .inrbody h2 { font-size: 30px; }
    .banner-content { padding: 100px 50px 40px 50px; }
	.banner-content h3 { font-size: 17px; line-height: 25px; margin-bottom: 20px; }
	.banner-content h3 span { font-size: 25px; }
	.banner-content h3 br { display: none; }
	.banner-content p { display: none; }
	.slide2 .banner-content { padding: 100px 50px 20px 50px;}
	.button2 { padding: 5px 14px 5px 8px; font-size: 12px; }
	.button2 img { margin: -5px 0px 0px 10px; }
	.slide2 .banner-content h3, .slide2 .banner-content h3 span { font-size: 20px; line-height: 37px; }
	.slide3 .banner-content { padding: 90px 30px 55px 50px; }
	.slide3 .banner-content h3, .slide3 .banner-content h3 span { margin-bottom: 20px; }
	.slide4 .banner-content h3 { display:none; }
	.slide4 .banner-content { padding: 120px 50px 54px 50px; }


    .portfolio-grey h4 { font-size: 25px; }
	.portfolio-grey p { font-size: 18px; }
	.portfolio-box { padding: 15px; }
	.portfolio-control { width: 20px !important; height: 50px !important; }
	.nav-tabs-responsive > li.active { width: 82%; }
	.portfolio-tab>li>a>span.text { font-size: 23px; }
	.nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { padding: 5px 0px !important; }

	.iner-bnr h1 { font-size: 34px; }
	.client-body p { font-size: 16px; line-height: 25px; margin: 0px 0px 25px 0px; }
	.client-logo-inr { width: 100%; height: 120px; }
	.client-logo-inr img { max-width: 80%; }
	.applynow-outer p { font-size: 18px; line-height: 30px; }
	
	.profile-section2 p { font-size: 15px; line-height: 28px; text-align: justify; }
	.letswork-outer { padding: 50px 0px 30px 0px; }
	.letswork-outer h4 { font-size: 40px; margin: 0px; }
	.letswork-outer h4 span { font-size: 25px; }
	.profile-section4-box { margin-bottom: 30px; }
	.experience-cont h3 { font-size: 110px; }
	.experience-cont sup { font-size: 70px; }
	.experience-cont h3 { font-size: 120px; padding: 0px 0px 15px 0px; line-height: 43px; margin-bottom: 10px; }
	.experience-cont h3 span { font-size: 34px; }
	.profile-section4 { padding: 30px 0px 0px 0px; }
	
	
	.gettouch-link-left { margin: 5px 10px 0px 0px; width: 65px; }
	.gettouch-link-left img { max-width: 100%; }
	.gettouch-link { font-size: 20px; line-height: 36px; margin: 0px; }
	.gettouch-link em { font-size: 30px; border-bottom: 2px solid #2eafe6; }
	.wefocus-outer h3 { font-size: 40px; padding: 30px 0px 25px 0px; text-align: left; margin: 25px 0px 15px 0px; }
	
	
	.profile-section1 h2 { font-size: 25px; line-height: normal; }
	.getstart-raw { width: 96%;}
	.getstart-outer { padding-right: 10px !important; padding-left: 10px !important; }
	.firstslide h2 { font-size: 30px; line-height: 39px; margin: 80px 0px 10px 0px; }
	.banner .carousel-caption p.firstslide-hd2 { font-size: 20px; }
	.carousel-caption { padding-top: 0px !important;  }
	.banner .carousel-indicators li { padding: 10px !important; }
	.secondslide-left, .secondslide-right { width: 100%; }
	.devbnr-row { margin: 0px 4px 15px 0px; display: inline-block; }
	.secondslide h2 { margin: 10px 0px 20px 0px; }
	.secondslide h2 br { display: none; }	
	.secondslide h2 span { font-size: 44px; margin-left: 0; line-height: 30px; }
	.thirdslide h2 span { font-size: 35px; }
	.home-serv { padding: 115px 0px 26px 5px; }
	.serviceicon { width: 95px; height: 90px; left: 0px; right:0px; top: 15px; bottom: auto;  margin:auto; }
	.home-serv h4 { text-align: center; }
	.home-serv .pull-right { margin-left: 0px; }
	.homeport-hd p { margin: 6px 0px 20px 0px; text-align: justify; }
	.homeport-hd h3 { line-height: 50px; }	
	
	
	.counter-icon { float: none; margin: 0px auto 8px auto; left: 0; right: 0; display: inline-block; }
	.counter-detail { float: none; line-height: 30px; margin: 6px 0px 0px 20px; display: inline-block; }
	.counterhd { font-size: 40px; }	
	.success-left h4 { font-size: 40px; }
	.homecapcha { width: 100%; }
	.enquirybtn { margin: 10px 0px 0px 0px; width: 50%; }
	.homefld, .homefld2 { padding: 4px; }
	.homefld input[type=text], .homefld textarea, .homecapchafld input[type=text] { font-size: 14px; }
	.homecapchafld { padding: 4px; }
	.enquirybtn { padding: 8px 0px; font-size: 14px; }
	.homecapcha input[type=button].captcha-value { padding: 0px; }
	.homecapcha input[type=button].refreshbnt { padding: 11px; }
	.homequery-outer h5 { font-size: 30px; }
	.homequery-outer h6 { margin: 10px 0px 0px 0px; }
	.rankingimg { width: 100%; margin: 10px 0px }
	.bestinmarket { width: 100%; }
	.copyright { padding: 27px; }
	.footinr-left div { width: 100% }
	.getupdate input[type=text] { width: 71%; }
	.foot-socialouter { width: 100%; }
	.foot-social { margin: 5px 0px 15px 0px; }
	.getupdate { margin: 5px 0px 0px 0px; padding: 0px 35px 10px 25px !important; }
	.foot-left { padding: 0px 10px 0px 22px; }
	footer h6 { font-size: 20px; margin: 15px 0px 10px 0px; }
	.footinr-left { padding: 0px; }
 	.contact, .transp-header .contact { margin: 20px 0px 0px 20px; }
	
	
	
	.getstart-iner { padding: 0px 15px 20px 15px; }
	.getstart-hd { font-size: 28px; margin: 0px 0px 15px 0px; }
	.getstart-hd span { font-size: 32px;}
	.capchafld { width: 82%; margin: 0px 8px 11px 0px;}
	.home-enquirybtn-raw input[type=submit] { float:none; width: 100%; padding: 10px 16px; }
	.bnrbot-cont { border:0; }
	.bnrbot-cont li { padding: 12px 0px 9px 0px; width: 100%; border-right:none; border-top: 1px solid #80d1f0; }	
	.homeabout { padding: 0px; font-size:15px; line-height:normal; background-image:none; }	
	.block-header .title h2 { font-size: 29px; }		
		
	
	
    .list-demo li {width: 100%;}
	.homeservice-box ul { padding: 0px 0px 0px 20px; }
	.co2 { width:100%; float:left; margin:20px 0px;}
    .time { width:100%; float:left;  }
	.portfoliohd { font-size: 40px; }
	.bluehd { font-size: 22px; }
	.developmentbnr { padding:15px 0px; }
	.feature-smal {margin: 20px 0px 20px 0px;}
	.develop-blue-box { background-color: rgba(0, 0, 0, 0.070); padding: 0px 13px 15px 13px; min-height:1px; }
	.develop-blue-box-inr h3 { font-size: 15px; margin-top:12px; }
	.develop-blue-box-inr p { font-size: 13px; line-height:normal; }
	.develop-process-blue { padding: 30px 0px; }
	.seo-fetures ul li { margin:0px 0px 20px 0px; padding:6px 0px 0px 40px; font-size:15px; }
	.seo-fetures ul li img { width:30px; }	 
	.seohd { font-size: 25px;  }
	.form-row select { width:86%; }
	.min-height480 { min-height: 100px; }
}

@media (max-width: 380px) {
	.nav-tabs-responsive > li.active { width: 80%; }
	.portfolio-tab>li>a>span.text { font-size: 20px; }
	
	.profile-section1 { padding: 40px 0px; }
	.profile-section1 h2 { font-size: 22px; }
	.profile-section1 p { margin: 5px 0px 15px 0px; }
	.profile-section1 a { font-size: 16px; padding: 8px 23px; line-height: 18px; }
	.position-outer>.panel-outer>.panel-heading h4 a { font-size: 15px; padding: 10px 8px; }
	.position-outer>.panel-outer>.panel-heading h4 a span { font-size: 13px; }
	.contact, .transp-header .contact { margin: 20px 0px 0px 0px; }
	.header-fix .contact, .header-fix.transp-header .contact { margin: 10px 0px 0px 0px; }
}


@media (max-width: 340px) {	
    .letswork-outer h4 { font-size: 35px;}
	.letswork-outer h4 span { font-size: 22px; }	
	.profile-section1 h2 { font-size: 25px; line-height: normal; }
	.fourthslide h2 { font-size: 23px; line-height: 28px; }
	.fourthslide h2 i { font-size: 20px; }
	
 	
	.secondslide h2 { font-size: 28px; }
	.secondslide h2 span { font-size: 40px; }
	
	
	.block-header .title h1 { font-size: 40px; }
	.banerbot-cont:after { background-color: #00a3e0; }
	.discuss-btn a { padding:10px; width:95%; font-size:16px; }
	 h2 { margin: 0px 0px 0px 0px;}
     .form-row select { width:84%; }
	 .plan-outer ul li, .starter-outer ul li, .basic-outer ul li, .intermediate-outer ul li, .advance-outer ul li {
    font-size: 11px; padding: 6px 4px;}	
	.cllogo-inr { width:90%; }
	.getstart-hd span { font-size: 24px;}
	
}




/*my css start from here*/

/*.mission_vison_box p{
	color: white important;

}
.mission_vison_box{
	opacity: .4;

	background: white important;
	padding: 15px 17px;
	border-radius: 12px;
}*/

#logo-wrapper a{
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-heading{
	display: flex;
    flex-direction: column;
    justify-content: center;
        height: 100vh;
}
.hiring_wrapper{
	background: #f2f2f2;
	text-align: center;
}
.hiring_heading{
	font-size: 33px;
	font-weight: 600;
}
.hiring_heading strong{
	color: #095d8f;
}
.hiring_imgs_box img{
	width: 230px;
	height: 230px;
	border: 3px dashed #095d8f;
	border-radius: 100%;
}
.hiring_imgs_box h3{
	font-weight: 600;
	color: #095d8f;
	text-decoration: underline;
	letter-spacing: 2px;
}
.welcom-box h3{
	font-weight: 600;
}
.welcom-box h3,p{
	color: white;
}
.hiring_p{
	color: black !important;
}
.contact_p{
	color: black;
}