/* Global reset
   https://meyerweb.com/eric/tools/css/reset/ 
*****************************************************************/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,800,900&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Extended base styles (site specific)
*****************************************************************/

html { 
	overflow-y: scroll; /* always force a scrollbar in non-IE */
	}
body {
	background: #fff;	
	line-height: 1.5;
	color: #000;
	font-size: 14px;	
	font-family: 'Poppins', sans-serif;
}
h1 {
	color: #101010;
}
a, a:link,
a:active,
a, .header_phone_number{
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
	color:#fff;
	outline: none;
	text-decoration:none;
	}
	
a:hover { 
		color:#FE9814;
		}
img { 
	display:block;
	}
p {
	margin:1em 0;
	}

/* Common shared styles
*****************************************************************/

hr {
	margin: 0;
	border: none;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #3b3b3b;
	height: 3px;
}

/* Page structure
*****************************************************************/

#wrapper {
	position: relative;
}
#branding {
	width: 100%;
	z-index: 9;
	margin-top: 0px;
	padding-right:0px !important;
	padding-top:10px;
	
	}
	#branding h1 {	
		padding: 10px 15px;
		margin: 0 auto;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		}
.header_phone_number{
    color: #222 !important;
    font-weight: 600;
    position: relative;
    top: 3px;
	font-size: 22px;
}

.nav_phone:hover, .header_phone_number:hover{
color: #fc911f !important;
}

/* Nav
*****************************************************************/
.mb-6-sp { margin-bottom:8rem}

/*Menu area*/

.modal {}
.modal-fullscreen-menu {
  background-color: #fff;
      padding-left: 100px;
	padding:100px 85px 0 100px !important;
	left: inherit;
	z-index: 7000;
}
.modal-fullscreen-menu .logo {
  transition: all 0.25s ease;
  padding-left: 2.7rem;
  padding-bottom: 1rem;
}
.modal-fullscreen-menu .menu-footer {
  display: inline-flex;
  float: right;
}
.modal-fullscreen-menu .glyphicon-chevron-right {
  visibility: hidden;
  font-size: 10px;
  vertical-align: 2.5px;
  padding-right: 0.3rem;
}
.modal-fullscreen-menu hr {
  border: 0;
  border-top: 1px solid #666;
  margin: 0.7rem;
}
.modal-fullscreen-menu .close {
  color: white;
  opacity: 1;
  padding: 1.5rem 3.5rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 5vh;
  background-color:#FE9814;
  padding: 1.5rem 5.5rem .5rem .5rem;
}
.modal-fullscreen-menu .close span { font-weight:normal}
.modal-fullscreen-menu .modal-dialog {
/*  margin: 0 auto;*/
/*  max-width: 298px;*/
/*  display: flex;*/
/*  height: 100%;*/
/*  align-items: center;*/
}
.modal-fullscreen-menu .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.modal-fullscreen-menu .list-group {
  text-align: left;
  margin: 0 auto;
  width: 100%;
}
.modal-fullscreen-menu .list-group a {
  margin: 0.2rem;
  text-transform:capitalize;
  font-size: 3rem;
  color: #000;
  font-weight: normal;
  letter-spacing: 0em;
  border-radius: 20px;
  border-color: transparent;
  transition: all 0.25s ease;
  background-color: transparent;
  padding: 0.7rem;
  height: 4rem;
     line-height: 2.5rem;
  text-align: right;
}
.modal-fullscreen-menu .list-group a small { font-size:1.4rem}
.modal-fullscreen-menu .list-group a.sub-text { font-size:1.8rem !important; font-weight:normal; height: 2.5rem !important;line-height: 0.8rem;}
.modal-fullscreen-menu .list-group a.sub-text:hover {  height: 2.5rem !important;line-height: 0.8rem;}
.modal-fullscreen-menu .list-group a span { position:relative;    z-index: 1; display:inline-block}
.modal-fullscreen-menu .list-group a span:hover:after {content: "";    border-top: #fff 20px solid;    top: 0px;    left: 0px;    position: absolute;    width: 100%;    z-index: -1;    background: #FE9814;    height: 56px;}
.modal-fullscreen-menu .list-group a.sub-text span:hover:after {content: "";    border-top: #fff 10px solid;    top: 0px;    left: 0px;    position: absolute;    width: 100%;    z-index: -1;    background: #FE9814;  
  height: 30px;}
/*.modal-fullscreen-menu .list-group a span:hover {
  color: white;
  border-radius: 0px;
  background-color: #e70e00;
}*/
.modal-fullscreen-menu .list-group a:hover .glyphicon-chevron-right {
  visibility: visible;
}
.modal-fullscreen-menu .list-group a:hover:before {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.modal-backdrop.in {
  opacity: 1;
}
.navbar-dark .navbar-toggler-icon { background-image:url(../menu.svg)}
.btn-menu { background:inherit}
.btn-menu:focus { box-shadow: none}
/*Menu area end*/
.get-in-touch-button { background-color:#FEB018; color:#fff !important; text-transform:uppercase;  font-size: 20px;      padding: 10px 20px;  border-radius: 4px; position: absolute;top: 160px;left: -36px; font-weight: 600}
.get-in-touch-button:hover{background: #D31104}

/*.explr-button{ background-color:#111111; color:#fff; text-transform:uppercase;  font-size: .7rem;      padding: .6rem 2rem;  border-radius: 0px;}*/
.explr-button {background-color: #FEB018;  color: #fff !important;  text-transform: uppercase;  font-size: 20px; padding: 10px 20px;   border-radius: 4px;   font-weight: 600;}

.explr-button:hover{background-color:#D31104; color: #fff}
.nav-next-1 { position:absolute; left: 50%; top: 670px;    z-index: 6000;}
.nav-next-2 { position:absolute; left: 50%; top: 1470px;    z-index: 6000;}
.nav-next-3 { position:absolute; left: 50%; top: 2170px;    z-index: 6000;}
.nav-next-4 { position:absolute; left: 50%; top: 2823px;    z-index: 6000;}
.nav-next-5 { position:absolute; left: 50%; top: 3708px;    z-index: 6000;}

.nav-phone li { float:left;     margin: 0px 10px; font-size: 1.3rem;    font-weight: 600; }
.nav-phone li span {font-size: 1rem;}
.nav-phone { margin-top:15px; margin-right:35px;}
.nav-phone li i { font-size:1.5rem; color:#000}
.modal-open { padding-right:0px !important;}

#content .right-side-ar {margin-left: -600px !important; text-align:right}
#content .right-side-ar2 {margin-left: -464px !important;text-align:right}

.modal-backdrop {z-index: 6500;}
.list-follow-item { font-size:2rem !important; position:relative; margin-right:10px}
.list-follow-item:hover { background:none !important}
.list-follow-item:after { content:""; position:absolute; background:url(../follow-us.svg) no-repeat; width:50px ; height:50px;    top: 23px;    right: -50px;}

.nav-social-menu {margin-left: 40px;}
.nav-social-menu li { float:left; margint:5px}
.nav-social-menu li i { font-size: 1.2rem; color: #000; }

/*Banner area*/

.banner-area { position:relative;}
.banner-area .banner-overley { position:absolute;   top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);   color: #000000; left:10%}
.banner-area .banner-overley h1 { font-size:5rem !important}
.banner-area .banner-overley h1 span { text-transform:capitalize; display:block; font-size: 1.5rem; font-weight: normal;}
.banner-area .banner-overley p { font-size:.9rem; width:50%}
/*Banner area*/
/*about area*/
.about-image-m { background-color:#FE9814; padding:0px; position:relative; height:570px;}
.about-image-m img {position: absolute;top: -32px;right: -32px; width:100%; height:100%}
/*.about-text-area {padding:110px 100px;}*/
.about-text-area {padding:0px;}
.about-text-area h1 { color:#191919 !important; font-weight:800; font-size:3rem !important; text-transform:uppercase}
.about_center_img{background: #ff7301;display: inline-block;    margin-bottom: 5%;}
.about_center_img img{display: inline-block;position: relative;top: -20px;right: -24px;}
/*about area end*/

/*Services area*/
h1 { color:#191919; font-weight:800; font-size: 3rem !important; text-transform: uppercase;}
#services .service-section { padding:50px 50px; background:#f6f6f6; color:#fff; height:100%}
#services .service-section img { height:75px}
#services .service-section h2 {color: #fff;font-size: 2rem; font-weight: 600;line-height: 2.4rem;}
#services .service-section p { font-size:1rem; min-height:120px;}
#services .service-section p.kiosk-height { min-height:160px !important;}
#services .service-section.bg-color-1 { background:#FF5B5F}
#services .service-section.bg-color-2 { background:#FCB736}
#services .service-section.bg-color-3 { background:#FCC170}
#services .service-section.bg-color-4 { background:#34174D}
#services .service-section.bg-color-5 {background:#291D89}
#services .service-section.bg-color-6 {background:#5067EB}
#services .service-section.bg-color-7 {background:#002448}
#services .service-section.bg-color-8 {background:#55D3D2}
#services .service-section.bg-color-9 {background:#FDEBE9}
#services .service-section .view-text { font-size:1.5rem; color:#B1827D}
#services .service-section button { background:#fff; color:#000}
#services .service-section button i { font-size:.8rem; margin-left:5px;}
.testimonial-area .carousel-indicators {bottom: -10px;}

/*Services area end*/

/*client area */
.client-area-main li { width: 18.5%; float:left; margin:10px; border:1px solid #C7C7C7; height: 120px; padding: 0px 20px;}

/*client area */

/*Contact Area*/

.contact-bg-main {   background: url(../contact-main-bg.svg) repeat left  top;  margin-left: -160px;   padding-left: 10rem; padding-bottom:5rem}

.getin-touch-area h1{ text-transform:capitalize !important; font-weight: 600 !important; line-height:80px !important; font-size: 6rem!important;}
.getin-touch-area .get-d-link { color:#000}
.getin-touch-area .get-d-link i { font-size:1rem; margin-left:10px}
.getin-touch-area .media {}
.getin-touch-area .media p { font-size:1rem}
.getin-touch-area .media h4 { font-weight:600; font-size:1.3rem}
.getin-touch-area .media .media-img { width:175px;}

.contact-area{padding:120px 160px 120px 0px; background-color:#FE9814;margin-right: -174px;}
.contact-area .contact-inner {  padding:80px;background:#101010 url(../contact-text-bg.svg) no-repeat right center; background-size:50%; margin-left:-120px}
.contact-area .contact-inner input,.contact-area .contact-inner textarea { border:0px; border-bottom:1px solid #fff; background:inherit;border-radius: 0px; color:#fff; padding-left:0px; 
}
.contact-inner .form-control:focus {box-shadow: 0 0 0 0;}
.contact-area .contact-inner button { background:#000; border:1px solid #fff;border-radius: 0px; color:#fff; padding: .6rem 1.5rem;text-transform: uppercase;     font-size: .8rem;}

.contact-area .contact-inner input::placeholder,.contact-inner textarea::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

.contact-area .contact-inner input:-ms-input-placeholder,.contact-inner textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.contact-area .contact-inner input::-ms-input-placeholder,.contact-inner textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.updated_contact{width: 85%;margin: 0 auto;padding-top: 5%;}
.contact_map iframe{height: 600px}
.contact_head h2{font-size:4rem;line-height: 70px}
.contact_head form{width: 90%;margin-top: 5%;}
/*.contact_head button{background: #000;color: #fff;padding: 10px;}*/
.contact_head button{background-color: #FEB018;color: #fff !important;text-transform: uppercase;font-size: 20px;padding: 10px 20px;border-radius: 4px;font-weight: 600;}
.contact_head button i { display:none}
.contact_head button:hover {background-color: #D31104;}
.contact_address h4{color: #000;font-weight: bold;font-size: 22px;}
.contact_address p{font-size: 16px}
.us_address, .ind_address{border: solid 1px #dedede;padding-left: 50px;min-height: 250px}
.ind_address{padding-top: 20px;}
.contact_address{padding: 20px}
/*Contact Area End*/


/* About Us Area */

.aboutus_inner .about-text-area h1{text-transform: uppercase;}
.aboutus_inner #services h1{text-transform: uppercase;}
.aboutus_inner #services h2{color: #fff;font-size: 1.5rem;font-weight: 600;}
.service-section a{color: #6B3B36; font-size: 20px}
.about-text-area.guarantee-text-area{padding: 55px 99px;}
.guarantee-image-m{background-color: #FF3E31;padding: 0px;position: relative;height: 570px;}
.guarantee-image-m img {position: absolute;top: -32px;right: -32px;height: 100%;width: 100%}
.our_team h1{color: #191919 !important;font-weight: 800;font-size: 4rem !important;}
.our_team p{width: 75%;}
.indiv_member{position: relative}
.team_members{text-align: center}
.team_members .middle {transition: .5s ease;opacity: 0;position: absolute;top: 60%;left: 30%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);;}
.team_members .indiv_member .image:before{background: #000; content:""; width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 9;}
.team_members .indiv_member:hover .middle {opacity: 1;}
.team_members .indiv_member .text {color: #fff;font-size: 16px;font-weight: bold;padding: 16px 32px;    text-align: left;}
.team_members .indiv_member .text span{color: #fff;font-size: 12px;font-weight: 300}
.team_members ul{width: 100%}
.team_members ul li{width: 19%; display: inline-block}
.team_members .indiv_member:before {
   background: rgba(0, 0, 0, 0);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -o-transition: color .2s ease-out, all .3s ease-in;
    -ms-transition: color .2s ease-out, all .3s ease-in;
    -moz-transition: color .2s ease-out, all .3s ease-in;
    -webkit-transition: color .2s ease-out, all .3s ease-in;
    transition: color .2s ease-out, all .3s ease-in;
}
.team_members .indiv_member:hover:before {background: rgba(244, 66, 54, 0.9);}
.inner-banner-area{margin-bottom: 0%;position: relative;margin-top: 90px;}
.particle_head h1{color: #191919 !important;font-weight: 800;font-size: 85px !important;position: relative;text-transform: capitalize}
.particle_head{position: relative; padding: 60px;text-align: center;    margin: 0 auto;width: 100%;}
.particle_head p{padding: 0 37%;text-align: left;margin: 0 auto;font-size: 16px;}
#canvas{width: 100%;position: absolute;  bottom: 0px; top: 0px; height:100%}
/* About Us Area End*/

/* Our platform Page */
.our_platform_bg1{background: #84aaeb;}
.our_platform_bg2{background: #ffda00;}
.our_platform_bg3{background: #ff3858;}
.our_platform_indiv{padding: 15% 10%;}
.our_platform_content{position: relative;top: 50%;transform: translateY(-50%) !important;}
.our_platform_content h2{font-size: 36px;font-weight: 600;padding: 0 10%;}
.our_platform_content h3{font-size: 18px;font-weight: 600;padding: 0 10%;}
.our_platform_content h4{font-size: 14px;font-weight: 600;padding: 0 10%;}
.our_platform_content p, .our_platform_content ul{padding: 0 10%;}
.our_platform_content ul li{background: url(../images/icons/bullet.svg)no-repeat;background-position: 0px 8px;padding: 0 14px;margin: 10px 0;}

.our_platform_content a { background-color: #FEB018!important; color: #fff !important; text-transform: uppercase; font-size: 20px!important;  padding: 10px 20px!important;  border-radius: 4px!important;}
.our_platform_content a:hover{background-color: #D31104 !important;}

.our_platform_right {padding-right: 24% !important;}
.our_platform_left {padding-left: 24% !important;}
.GetInTouch_inner{    background-color: #FEB018;    color: #fff !important;    text-transform: uppercase;    font-size: 20px;    padding: 10px 20px;    border-radius: 4px;    font-weight: 600;}
.GetInTouch_inner:hover {background: #D31104;}
/* Our platform Page */

/* Careers Page */
.careers .careers_inner h3{font-size: 40px;font-weight: 800;}
.careers .careers_inner ul{display: inline-block;box-shadow: 0px 45px 40px -15px #c0c0c0}
.careers .careers_inner ul li{float: left;padding: 85px 50px;width: 50%;}
.careers .careers_inner ul li h4{font-weight: bold;font-size: 16px;color:#363D4F}
.careers .careers_inner ul li p{font-size: 12px;color: #6D7783}
.careers .careers_inner ul li a{color: #000; font-weight: 600; text-transform: uppercase;font-size: 12px;background: url(../images/icons/right-arrow.svg) no-repeat;background-position: right;padding-right: 25px;background-size: 16px;}
.careers .careers_inner ul li img{    position: relative;top: 50%;transform: translateY(-50%); width: 60px;}
.careers .careers_inner ul .border-1{border-bottom: solid 1px #f1f1f1}
.careers .careers_inner ul .border-2{border-left: solid 1px #f1f1f1;border-bottom: solid 1px #f1f1f1;}
.careers .careers_inner ul .border-3{border-right: solid 1px #f1f1f1;}
.whatWe_div {background: #FE9814;margin-top: 4%;padding: 8% 15% 0;}
.whatWe_div img { width:100%; height:100%}
.whatWe_div .col-md-6 { margin-right:-1px;}
.innerSlider_Headign h1 {text-transform: uppercase;font-size: 55px !important;margin: 0;margin-bottom: 0px;font-weight: 900;margin-bottom: 20px;color: #fff;line-height: 50px;}
.outer_divShadow {margin: 0 15%;box-shadow: 0px 15px 30px 0 #c0c0c0;}
.outer_divShadow img {width:100%; height:100%}
.outer_divShadow .col-md-6 {margin-right:-1px;}
.careers_sublines p{color: #fff}
/* Careers Page End*/

/* Support Page */
.support_form form{
    width: 70%;
    margin: 0 auto;
    background: #ffffff;
    padding: 7%;
    position: relative;
    top: -200px;
    box-shadow: 0px 35px 30px -22px #d2d2d2;
	}
.support_form form input,.support_form form textarea, .contact_head input, .contact_head textarea{
    border-bottom: solid 1px #c5c1c1;
    height: 45px;
    border-left: 0;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    margin-bottom: 15px;
	}
.support_form form textarea,.contact_head textarea{
	height: auto
	}
.support_form form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #6c7592 !important; opacity: 1;
}
.support_form form textarea::-moz-placeholder { /* Firefox 19+ */
 color: #6c7592 !important; opacity: 1;
}
.support_form form textarea:-ms-input-placeholder { /* IE 10+ */
 color: #6c7592 !important; opacity: 1;
}
.support_form form textarea:-moz-placeholder { /* Firefox 18- */
 color: #6c7592 !important; opacity: 1;
}
/*.support_form form button{
	background: #000;
	color: #fff
	}*/
.support_form form button{
    background-color: #FEB018;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 4px;
	}
.support_form form button i { display:none}
.support_form form button:hover{
	background-color: #D31104;
	color: #fff
	}
	
/* Support Page End */






footer { width:100%; background-color:#161616; padding:50px; color:#fff}
footer .f-logo { width:250px;}
footer .footer-nav li { float:left; margin:0px 15px;}
footer .footer-nav li a { color:#fff; font-size:1rem; position:relative;z-index: 1;}
footer .footer-nav li a:hover:after {    content: "";    border-top: #161616 14px solid;    top: 0px;    left: 0px;    position: absolute;    width: 100%;    z-index: -1;    background: #FE9814;    height: 19px;
}
footer .footer-nav li:last-child { margin-right:0px;}
footer .f-tel { font-size:2rem}
footer .f-tel span { font-size:1rem}
.nav-footer li { float:left; color:#fff;    margin: 0px 15px;}
.nav-footer li i { color:#fff;font-size: 1.8rem;}

/*Footer end*/

.service-in { position:relative;}
.service-in .service-overley { position:absolute; bottom:50px; left:25px; color:#fff; padding-right:40px;}
.service-in .service-overley h1 { font-size:2.5rem;color:#fff; font-weight:600;line-height: 45px;}
.service-in .service-overley h1 span { display:block; font-weight:normal; font-size:1.5rem;line-height: 30px; }

/*New style 27-6*/
.service-in-1 { background:#867DD1; overflow:hidden; height:50%}
.service-in-2 { background:#140937; overflow:hidden; height:50%}
.service-in-3 { background:#583BF5; overflow:hidden; height:50%}
.service-in-4 { background:#532C7B; overflow:hidden; height:50%}
.service-in .service-overley2 {}
.service-in .service-overley2 h1 { font-size:2.4rem !important;color:#fff; font-weight:600;line-height: 30px;}
.service-in .service-overley2 h1 span { font-weight:normal; font-size:1.5rem;line-height: 30px;text-transform: capitalize; }
.service-in .service-overley2 p { color:#fff}
/*New style 27-6*/
/*Service page style*/

h2 { font-size: 2.4rem;  font-weight: 600; color:#000;    line-height: 2.7rem;}
.services-content-sec { padding:50px; }
.services-content-sec p { color:#000}
.service-list li { color:#000;font-size: .9rem; margin-bottom:5px;}

/*Service page style end */


.client-area-service {/* background:url(../images/line-bg.png) repeat-x top left */ min-height:200px; padding-top:0px !important}
.client-area-service li { width: 22.5%; float:left; margin:10px;  padding: 0px 10px;}
.client-area-service li a img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
.client-area-service li:hover a img {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */  filter: grayscale(0%);}
.client-area-service li:hover {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}

/*Client area end*/
.testimonial-area {background:url(../contact-main-bg.svg) repeat-x left top;}
.carousel-bg { }
.testimonial-sec { padding:40px; margin:20px}
.testimonial-sec:hover {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; margin:20px}
.testimonial-sec h3 { font-size:1rem; font-weight:600;}
.testimonial-sec h3 span { display:block; font-size:.8rem;font-weight:normal;}
.new-indicator li{ width:8px; height:8px; background:#A5A5A5 !important;border-radius: 50%!important}
.new-indicator li.active { background:#FF4141 !important}

/*Portfolio detail style*/
.pf-img-area { position:relative}
.pf-img-area:after { content:""; width:200px; height:200px; position:absolute; left:-130px; top:145px;background:url(../images/icons/bg-particle-1.svg) left center no-repeat; background-size:100%}

.pf-about-content h2{ font-weight:900;}
.pf-about-content h2 span { font-weight:normal}
.pf-about-content h3 {font-size: 1.3rem;    font-weight: 600;}
.pf-about-content::before {content:""; width:200px; height:200px; position:absolute; right:-130px; top:0px;background:url(../images/icons/bg-particle-2.svg) right center no-repeat;background-size:100%}
.pf-about-content::after {content:""; width:200px; height:200px; position:absolute; left:0px; bottom:10px;background:url(../images/icons/bg-particle-2.svg) left bottom no-repeat;background-size:100%}
.show_more_btn {/*margin-top: 30px; display: inline-block*/}
/*Portfolio detail style end*/
.helped-area {background:#5067EB url(../images/icons/mask-bg.svg) no-repeat right bottom; padding:100px; color:#fff;     background-size: 80%;}
.helped-area h2 { font-size:2rem; color:#fff}
/*Helped banner style end*/
.tech-list { }
.tech-list li{ border:1px solid #B8B8B8; padding:50px; float:left; margin-right: 14.5px; width:24%;min-height: 307px; }
.tech-list li:last-child { margin-right:0px;}
.tech-list li img {}
.tech-list li h3 {font-size: 1rem; font-weight: 600;}

#myVideo { width:100%;/*-webkit-filter: grayscale(100%);    filter: grayscale(100%);opacity: 0.5;*/}
.bg-light { background:#fff !important}
/*Technology section end*/
.phone-icon {     font-size: 1.8rem;    margin-right: 5px;}
/*Loader style*/

 .main-preloader {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 999999999;
      background-color: #000;
      text-align: center;
    }
    .main-preloader .main-preloader-inner {
      position: absolute;
      top: 50%;
      width: 100%;
    }
    .main-preloader .preloader-percentage {
      color: #ffffff;
      margin: 0;
    }
    .main-preloader .preloader-percentage span {
      display: inline-block;
      float: center;
      font-size: 50px;
    }
.close:not(:disabled):not(.disabled):focus {    outline: 0px;}

/*Loader style*/

.hometiles_bg1{background:#867DD1}
.hometiles_bg2{background: #140937;}
.hometiles_bg3{background:#583BF5}
.hometiles_bg4{background:#532C7B}

.home_service_tiles ul li{width: 49%;padding: 3%;float: left;min-height: 630px;margin-bottom: 2%;}
.OurMission_Subtxt {padding: 0 25% !important}
.home_tiles_subhead h1{font-size: 2.4rem !important;color: #fff;font-weight: 600;line-height: 30px;}
.home_tiles_subhead h1 span{font-weight: normal;font-size: 1.5rem;line-height: 30px;}
.home_tiles_subhead p{color: #fff}
.home_tiles_subhead.movie_tiles_head{width: 45%;    text-align: left;    position: absolute;    top: 75px;    left: 55%;}


.our_platform {margin-top: 3rem;}
.service-area { overflow:hidden}

@media screen and (max-width: 1799px) {
	.about-image-m {height: 510px}
	/*.about-text-area {padding: 50px 100px;}*/

	.client-area-main li {width: 31%;}
	
	.banner-area .banner-overley h1 { font-size: 4rem !important;}
	.contact-area {margin-right: -135px;}
	.OurMission_Subtxt {
    padding: 0 14% !important;
}
	}


@media screen and (max-width: 1500px) {
	.about-image-m {height: 400px;}
	/*.about-text-area {padding: 0px 70px;}*/
	.contact-bg-main { margin-left: -220px;}
	.contact-area .contact-inner { margin-left: -90px;}
	
	/* Vish */
	.particle_head{position: relative;}
	.particle_head h1{font-size: 4rem !important}
	.about-text-area.about-inner-content{padding: 0px}
	.particle_head p {padding: 0 20%;}
	.OurMission_Subtxt {padding: 0 10% !important}
	.home_service_tiles ul li{min-height: 655px}
	.home_tiles_subhead.movie_tiles_head {width: 35%;top: 40px;left: 55%;}
	/* Vish End*/
	
	
	/*New style*/
	.banner-area .banner-overley h1 { font-size: 3.1rem !important;}
	.banner-area .banner-overley p {font-size: .8rem; width:46%;}
	.tech-list li {width: 23.7%;min-height: 341px;padding: 35px 50px; }
	.banner-area .banner-overley h1 span { font-size: 1.2rem;	}
	.get-in-touch-button {top: 103px;left: -25px;}
	.contact-area { margin-right: -122px;}
	.inner-banner-area {margin-bottom: 0%;}
		/*New style*/
}
	@media screen and (min-width: 1500px){
	.about_center_img{width: 60%;}
	
}
@media screen and (max-width: 1199px) {
	
	.client-area-main li {    width: 30%;}
	.contact-bg-main {margin-left: -230px; }
	.contact-area .contact-inner {margin-left: -85px;}
	.getin-touch-area .media .media-img { width: 125px;}
	.getin-touch-area .media .media-img img { width:80%}
	.contact-area { padding: 120px 135px 120px 0px;}
	.contact-area .contact-inner { margin-left: -47px;}
	.banner-area .banner-overley h1 { font-size: 3.5rem !important;}
	.banner-area .banner-overley h1 span {font-size: 1.2rem;}
	.banner-area .banner-overley p {font-size: .8rem;}
	
	/*Services page style*/
	.services-content-sec { padding: 10px;}
	.client-area-service li {width: 17.1%; }
	/*Services page style*/
	
	/* Vish */
	.particle_head h1{font-size: 3rem !important;}
	.particle_head p{font-size: 14px;}
	.particle_head{padding: 25px;margin-top: 30px}
	.our_team p {width: 100%;}
	.our_team h1{font-size: 3rem !important}
	.team_members ul li {width: 24%;}
	.about-text-area.guarantee-text-area {padding: 0px 60px;}
	.guarantee-image-m{height: 500px}
	.aboutus_inner .client-area-service{background: inherit}
	.updated_contact {width: 95%;}
	.home_service_tiles ul li {min-height: 680px;}
	.home_tiles_subhead.movie_tiles_head {width: 44%;top: 18px;left: 55%;}
	.home_tiles_subhead h1 {font-size: 1.5rem !important;}
	/* Vish End*/
	/*New style*/
	.tech-list li {    width: 23.5%;    min-height: 389px;}
    .banner-area .banner-overley {/*left: 5%;*/}
	.banner-area .banner-overley h1 { font-size: 3rem !important;}
	.banner-area .banner-overley h1 span {  font-size: 1.2rem;}
	#footer-main {padding: 2.5rem .5rem !important;}
	footer .footer-nav li {  margin: 0px 10px;}
	.container-p {min-height: 940px;}
	.contact-area {
    margin-right: -100px;
}
	/*New style*/
	}
@media screen and (min-width: 991px) {
	.ph_movieImg{display: none}
}
@media screen and (max-width: 991px) {
	h1 {font-size: 2rem !important;}
	.service-in .service-overley h1 span {font-size: 1.1rem;}
	.about-image-m { height: 300px;}
	.about-text-area h1 {font-size: 2rem !important; }
	/*.about-text-area { padding: 0px 20px;}*/
	footer .footer-nav li {margin: 0px 7px;}
	footer .f-logo { width: 205px;}
	.contact-area .contact-inner {padding: 35px; }
	.getin-touch-area h1 { font-size: 4rem !important;line-height: 56px !important;}
	.getin-touch-area .media .media-img { width: 90px;}
	.contact-area .contact-inner { margin-left: -26px;}
	
	/*Services page style*/
	h2 { font-size: 2rem;line-height: 2.5rem; }
	/*Services page style*/
	
	/* Vish */
	.particle_head h1{font-size: 2rem !important;}
	.particle_head p{font-size: 14px;}
	.particle_head{background: inherit}
	.team_members ul li {width: 30%;}
	.about-text-area.guarantee-text-area {padding: 0px 32px;}
	.guarantee-image-m {height: 400px;}
	.careers .careers_inner ul li h4{font-size: 13px}
	.careers_inner{margin-top: 60px;}
	.aboutus_inner .about-image-m{margin-top: 60px;}	
	.services-img-sec,.services-content-sec{margin-top: 0px}
	/* Vish End*/
	/*New style*/
	.tuna-logo img {width: 260px;}
	.pf-img-area::after {left: -72px;top: -13px;background-size: 48%;}
	.pf-about-content::before { right: -53px;top: -80px;background-size: 39%;}
	.pf-about-content::after { background-size: 44%;}
	.helped-area {padding: 45px; }
	.tech-list li {width: 22.9%;padding: 35px 10px; min-height: 329px;}
	.banner-area .banner-overley h1 { font-size: 2.2rem !important;}
	.banner-area .banner-overley h1 span { font-size: .9rem;}
	.banner-area .banner-overley p { width: 41%;}
	.get-in-touch-button { top: 58px; left: -19px;}
	.service-in .service-overley {bottom: 0px;padding-right: 10px;}
	.service-in .service-overley p { font-size:.8rem !important;}
	.our_platform {margin-top: 60px;}
	.service-in .service-overley h1 span { line-height:20px}
	.client-area-service li {width: 16.5%; }
	.container-p  {padding-top: 40px;}
	.service-in .service-overley h1 { line-height: 35px;}
	.home_service_tiles ul li {min-height: 640px;}	
	.home_tiles_subhead.movie_tiles_head{position: relative;top: -50px;background: #000;width: 100%;left: 0;padding: 20px;}
	.desk_movieImg{display: none}
	.inner-banner-area { margin-bottom: 0%;margin-top: 70px;}
	#canvas {  position: absolute;    bottom: 0px;    top: 0px;}
	.particle_head { position: relative;}
	#footer-main {padding: 2.5rem .5rem !important;}
	#portfoliolist { max-height: 415px !important;}
	/*New style*/
}
@media screen and (max-width: 767px) {
	
	.banner-area .banner-overley {position: relative;transform:none; left:inherit;margin-left: 60px;}
	.nav-phone li { font-size: 1rem;}
	.tuna-logo img {width: 194px;}
	.about-image-m {height: 384px;margin-right: 30px;}
	.client-area-main li {width: 28%;}
	.mb-6-sp {margin-bottom: 3rem;}
	#services .service-section h2 {font-size: 1.7rem;}
	
	.contact-inner { text-align:center}	
	.contact-area {    padding: 50px 0px 50px 56px;    margin-right: -15px;    margin-left: 113px; margin-top: 50px;}
	.contact-area .contact-inner {padding: 30px;   background-size: 96%;    margin-left: -184px;}
	.contact-bg-main {margin-left: -160px;}
	.getin-touch-area .media .media-img {width: 123px;}
	
	footer .f-logo {width: 205px; margin: 0 auto; float: none !important;}
	.footer-nav {margin-top: 25px;}
	/*Services page style*/
	.client-area-service li { width: 29.1%;}
	/*Services page style*/
	
	/* Vish*/
	.particle_head{position: absolute;}
	.particle_head h1{left: 0}
	.team_members ul li {width: 30%;display: inline-block;}
	.our_team h1 {font-size: 2rem !important;text-align: left;}
	.team_members .indiv_member .text{font-size: 14px;text-align: left}
	.team_members .indiv_member .text span{font-size: 19}
	.team_members ul li {width: 49%;}	
	.careers .careers_inner ul li{width: 100%;padding: 35px 60px;}
	.careers .careers_inner ul li img{margin-bottom: 40px}
	.border-mob{border-bottom: solid 1px #f1f1f1;}
	.careers_inner h3{text-align: left;margin-top: 20px;}
	.our_platform_content {padding: 10% 0px;}
	.our_platform_indiv {padding: 15% 10%;}
	.particle_head p {padding: 0;}
	/*.inner-banner-area{height: 520px}*/
	.careers_inner{margin-top: 0px;}
	.aboutus_inner .about-image-m {margin-top: 0px;}
	.services-content-sec{margin-top: 0px}
	.home_service_tiles ul li{width: 100%;}	
	.home_service_tiles ul li {min-height: auto;}	
	
	/* support page */
	
	.support_form form {width: 90%;padding: 5%;top: -155px;}
	.border-3{border-bottom: solid 1px #f1f1f1}
	/* support page end*/
	
	/* Vish End*/
	.get-in-touch-button {  top: -120px; left: -9px;}
	.our_platform {  margin-top: 0px;}
	.aboutus_inner .client-area-service{margin-top: 0}
	.OurMission_Subtxt {padding: 0 0% !important;}
	.contact_map { margin-top:30px}
	.inner-banner-area {margin-bottom: 2%;}
	.inner-banner-area{height:auto; position:relative; margin-top:75px;}
	#canvas { position:absolute; top:0px;bottom: 0px;height: 100%;}
	.particle_head {  position: relative;}
	}
	

@media screen and (max-width: 575px){
	.banner-area .banner-overley { position:relative;transform:none; width:80%}
	.banner-area .banner-overley h1 { font-size:2.5rem !important}
	.tuna-logo img{ width:175px}
	.banner-area .banner-overley h1 span {font-size: 1rem;}
	.modal-fullscreen-menu .list-group a {font-size: 2rem;padding: 0.7rem .5rem;}
	.modal-fullscreen-menu {padding: 100px 50px 0 100px !important;}
	.list-follow-item {font-size: 1rem !important;}
	.list-follow-item::after {background-size: 20px;}
	.modal-fullscreen-menu .list-group a.sub-text {font-size: 1.5rem !important;}
	
	h1{ font-size:2rem !important}
	.service-in .service-overley h1 span {font-size: 1rem;}
	p{ font-size:.8rem}
	
	.about-image-m {height: 235px;}
	.about-image-m img {top: -15px; right: -15px; padding-right: 15px;}
	.about-text-area { padding: 10px 10px; text-align:center}
	.about-text-area p { text-align:center}
	.about-text-area h1 { font-size:2rem !important}
	
	.client-area-main li {width: 145px;}	
	.getin-touch-area h1 {font-size: 4rem !important;line-height: 60px !important;}	
	.getin-touch-area .media .media-img { width: 110px;}
	.getin-touch-area .media .media-img img { width:75%}
	.getin-touch-area .media p {font-size: .8rem; }
	
	.contact-inner { text-align:center}	
	.contact-area {    padding: 50px 0px 50px 56px;    margin-right: -15px;    margin-left: 113px; margin-top: 50px;}
	.contact-area .contact-inner {padding: 30px;   background-size: 96%;    margin-left: -184px;}
	
	#footer-main { overflow:hidden}
	footer .footer-nav li {float:inherit;text-align: center;} 
	.footer-nav-main { float:inherit !important}
	footer .f-logo {margin-bottom: 30px;}	
	.mb-6-sp { margin-bottom: 4rem;}
	
	/*Services page style*/
	
	.carousel-item { height:478px;}
	.client-area-service li {width: 42.9%;}
	.services-content-sec {padding: 10px;}
	h2 { font-size: 2rem; line-height: 2.5rem;}
	/*Services page style*/
	
	/* Vish*/
	.contact-inner { text-align:center}	
	.contact-area {    padding: 50px 0px 50px 56px;    margin-right: -15px;    margin-left: 113px; margin-top: 50px;}
	.contact-area .contact-inner {padding: 30px;   background-size: 96%;    margin-left: -184px;}	
	.guarantee-image-m {height: 300px;}
	.our_platform_content h2 {font-size: 24px;}
	.services-img-sec{margin-top: 0px}
	#filters li {padding: 10px;}
	/* Vish End*/
	
	/*new style*/
	.tech-list li {  width:46.7%;margin-bottom: 10px;min-height: 271px;}
	.helped-area {padding: 25px; }
	.helped-area { background-size: 800px;}
	.pf-img-area::after { left: -18px;top: -84px;background-size: 71px;}
	
.pf-about-content::before {width: 90px;height: 98px;right: 12px; top: -85px;background-size: 70px; }
.pf-about-content::after {width: 82px;height: 63px;left: 270px;bottom: 0px; background-size: 70px;}

.about-work-pl { margin-top:90px !important}
.get-in-touch-button {  top: -80px;    left: -34px;}

.us_address {padding-left: 10px;}
.us_address img {width: 55px;}
.us_address p {padding-right:15px !important;}

.ind_address {padding-left: 10px;}
.ind_address img {width: 55px;}
.ind_address  p { padding-right:15px ;}

.btn-menu { padding-right:0px}
.header_phone_number {right: -9px;}
.service-area { overflow:hidden}

.contact_map { margin-top:30px}
.particle_head { padding-top: 0px;margin-top: 0px;}
footer .f-tel { width: 100%;  text-align: center;}
.cpyright p { width:100%; text-align:center}
	/*new style*/
	.sub-intro .d-flex{display: block!important;}
	
/******** Jayaraj *************/
.service-in .service-overley{position: absolute; bottom: 0; left: 20px; padding-right: 20px;}
#services .service-section{padding: 25px;}
#about-main {overflow: hidden;}
.service-in-1 {height:auto}
.service-in-2 {height:auto}
.service-in-3 {height:auto}
.service-in-4 {height:auto}
.header_phone_number{font-size: 16px}
.OurMission_Subtxt{font-size: 14px !important;}
.about_center_img{margin-top: 35px}
.container-p  {padding-top: 0px;}
}
@media screen and (max-width: 479px) { 
	/* Vish*/
	.careers .careers_inner h3{font-size: 30px}
	.careers_inner h3{text-align: left;margin-top: 20px;}
	#canvas {}
	/* Vish End*/
	.tech-list li {  width:100%;margin-bottom: 10px;min-height: auto;}
	.header_phone_number{font-size: 10px}
	.tuna-logo img {width: 150px;position: relative;top: 7px;}
	/* support page */	
		.support_form form {
			top: -90px;
		}	
	/* support page end*/
	.aboutus_inner .client-area-service {
    margin-top: 0%;padding-top: 0px !important;
}

 }