/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;max-width: 100%;height: auto;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clrflt{clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:none !important; }
*{box-sizing:border-box;}


/*
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat.otf')  format('opentype'),
	     url('../fonts/Montserrat.woff') format('woff'), url('../fonts/Montserrat.ttf')  format('truetype'), url('../fonts/Montserrat.svg#Montserrat') format('svg');
  font-weight: normal;
    font-style: normal;}

@font-face {
  font-family: 'AktivGrotesk-Medium';
  src: url('../fonts/AktivGrotesk-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/AktivGrotesk-Medium.otf')  format('opentype'),
	     url('../fonts/AktivGrotesk-Medium.woff') format('woff'), url('../fonts/AktivGrotesk-Medium.ttf')  format('truetype'), url('../fonts/AktivGrotesk-Medium.svg#AktivGrotesk-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

@font-face {
font-family: 'Montserrat', sans-serif;
}

/**************************************************************************************/
a				{color:#000; text-decoration:none; outline:0 none;}
a:hover			{color:#000;  text-decoration:none;}
h1				{font-size: 48px;line-height: 50px;}
h2				{font-size:36px;line-height: 40px;font-family: 'Montserrat', sans-serif;font-weight: 400;}
h3				{}
h4				{font-size: 18px;line-height: 20px;}
h5				{font-size: 16px;line-height: 20px;}
h6				{}
p				{font-size:16px;line-height: 20px;}
/*----------------------------------------------------------------------------------*/
html			{}
body			{color:#efefee; font-family: 'Open Sans', sans-serif; font-size:12px;}
.flt_lt			{float:left !important; display:inline;}
.flt_rt			{float:right !important; display:inline;}
a:hover, a:focus{text-decoration:none; outline:0 none;}
figure {margin:0;padding:0 ;text-align: center;/* position: relative; */}
header,nav,section,article,aside,footer,hgroup {display: block;}
input,select,textarea 						{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-o-appearance: none;border-radius:0; }
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="radio"],input[type="checkbox"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="button"], input[type="submit"], textarea, button, select {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/	
}
/*----------------------------------------------------------------------------------*/

/* ----------------------- layout ----------*/
.wrapper					{margin:0 auto; width:100%;transition:all ease-in-out 0.2s;}
.container					{width:1170px;margin: 0 auto;display:block;}
/* ----------------------- header ----------*/
header						{display:block;margin:0;padding:0;width:100%;background: rgba(0, 0, 0, 0.92);padding: 10px 0 10px 0;}
.logo_text				     {position: absolute;top: 21px;left: 58px;}
.logo_text	a			     {display:inline-block;margin:0 auto;font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 30px;color:#999999;margin: -10px 0 0 0;}
/* ----------------------- header end ----------*/
/*Sticky header*/
html,body{height:100%; background: #efefef;}
.wrapper{height:auto;/* min-height:100%; *//* margin-bottom:-50px; */padding: 42px 0 0 0;height: 100%;}
header{display:block;padding: 22px;position:fixed;left:0;top:0;width:100%;z-index:1001;transition:0.3s ease-in-out;}
.empt{min-height:86px; width:100%; display:none;  }
.stk header{position:fixed; padding:5px; }
.stk .empt{display:block; }
/* --------------nav ----------*/
nav{text-align: center;}
nav ul{display: inline-block;}
nav ul li{display: inline-block;float: left;padding: 0px 32px 0 22px;}
nav ul li a{display: inline-block;font-size: 14px;line-height: 16px;font-family: 'Montserrat', sans-serif;font-weight: 400;color:#999999;}
nav ul li a:hover{color:#999999 ;}
/* --------------nav end----------*/
#nav-icon2 {
  width: 26px;
  height: 25px;
  float: right;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin: 0;
  display: none;
  top: 30px;
  right: 15px;
  z-index: 1000;
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #414042;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-radius: 8px;
}
#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0;
}
#nav-icon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 0;
}
#nav-icon2 span:nth-child(2) {
  top: 0px;
}
#nav-icon2 span:nth-child(3),
#nav-icon2 span:nth-child(4) {
  top: 9px;
}
#nav-icon2 span:nth-child(5),
#nav-icon2 span:nth-child(6) {
  top: 18px;
}
#nav-icon2.open span {
  background: #414042;
}
#nav-icon2.open span:nth-child(1),
#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon2.open span:nth-child(2),
#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon2.open span:nth-child(1) {
  left: 2px;
  top: 5px;
}
#nav-icon2.open span:nth-child(2) {
  left: calc(48%);
  top: 5px;
}
#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
#nav-icon2.open span:nth-child(5) {
  left: 2px;
  top: 14px;
}
#nav-icon2.open span:nth-child(6) {
  left: calc(48%);
  top: 14px;
}
/*-----------banner----------*/
.banner_bg{background: url(../images/bg4.png) no-repeat center top;object-fit: cover;}
.banner{position: relative;}
.banner .slick-current figure img{animation-name:zoom;-webkit-animation-name:zoom; animation-duration: 4s;-webkit-animation-duration: 4s;}
.banner_text{position: absolute;left: 50%;top: 50%;text-align: center;transform: translate(-50%,-50%);width: 700px;-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ie-transform: translate(-50%,-50%);}
.banner_text a{display: inline-block;padding: 0 0 47px 0;}
.slick-current .banner_text{animation-name:move_effect;-webkit-animation-name:move_effect; animation-duration: 4s;-webkit-animation-duration: 4s;}
.banner_text p{font-family: 'Montserrat', sans-serif;font-weight: 400;color: #666666;letter-spacing: 7px;padding: 0 0 13px 0px;}
.banner_text h1{font-family: 'Montserrat', sans-serif;font-weight: 400;color:#393a3c;font-size: 48px;letter-spacing: -0.3px;}
.banner_text h1 small{display: inline-block;color:#8d8cbb;font-size: 48px;}
.banner span{display: block;position: absolute;bottom: -37px;z-index: 999;left: 0;
    width: 100%;
    text-align: center;}
.banner span a{display: inline-block;}
.banner span a img{width: 100%;}
/*
@keyframes zoom{
    0%{transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}
    100%{transform: scale(1,1);-webkit-transform: scale(1,1);}
    
}

@-webkit-keyframes zoom{
    0%{transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}
    100%{transform: scale(1,1);-webkit-transform: scale(1,1);}   
}

@keyframes move_effect{
    0%{transform: translate(-50%,-1000px);}
    100%{transform: translate(-50%,-50%);}
}

*/
/*---slider sec---*/
.slide_cnt{min-height:800px;}
.sliders_sec{display: block;position: relative;font-size: 0;}
.sliders_sec ul{display: block;margin: 0 0 0 0;}
.sliders_sec ul li{margin: 0 8px;}
.sliders_sec button{font-size: 0;background: transparent;cursor: pointer;border: none;outline: none;}
/*--aboutme start--*/
.about_me{padding: 88px 0 0px 0;position: relative;}
.about_txt{max-width:950px;margin: 0 auto;text-align: center;padding: 153px 0 14px 0;}
.about_txt h1{color:#050404;padding: 36px 0 34px 0;position: relative;letter-spacing: 0.5px;display: inline-block;font-size: 48px;font-weight: 400;font-family: 'Montserrat', sans-serif;}
.about_txt h1:before{content: '';background: #000;width: 100%;height: 2px;position: absolute;bottom: 14px;}
.about_txt p{color:#000000;font-family: 'Montserrat';padding: 8px 0 16px 0;line-height: 29px;font-size: 14px;}
/*--aboutme end--*/
/*--my skills and tools--*/
.skills-in{background: url(../images/bg3.png) no-repeat top center;padding: 168px 0 0px 0;background-color: #efefef;}
.skills_cont{background: url(../images/bg_color2.jpg) repeat center;background-size: cover;padding: 0 0 0px 0;box-shadow: 0px 8px 15px -1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 8px 15px -1px rgba(0,0,0,0.4);}
.skills_txt{max-width: 940px;margin: 0 auto;padding: 77px 0 53px 0;text-align: center;}
.skills_txt h1{color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight: 400;padding: 0 0  17px 0;position: relative;letter-spacing: 4px;display: inline-block;}
.skills_txt h1:before{content: '';background: #fff;width: 100%;height: 2px;position: absolute;bottom: 10px;left: 0;}
.skills_txt p{color:#bdbdbd;font-family: 'Montserrat';font-size: 14px;padding: 27px 0 100px 0;line-height: 23px;}
.por_in{max-width: 940px;margin: 0 auto;overflow: hidden;}
.por_in ul{/* display: inline-block; */margin: 0 -10px;}
.por_in ul li{display: inline-block;width: 32.3%;padding: 3px 10px 37px 10px;}
.por_in ul li span{display: inline-block;width: 70px;height: 70px;text-align: center;}
.tx_img{background: url(../images/sprite.png) no-repeat center center;background-position: -34px -471px;}
.img2{background-position: -21px -1114px;}
.img3{background-position: -32px -1481px;}
.img4{background-position: -24px -884px;}
.img5{background-position: -20px -1584px;}
.img6{background-position: -31px -342px;}
.img7{background-position: -19px -1001px;}
.img8{background-position: -33px -752px;}
.img9{background-position: -22px -1228px;}
.img10{background-position: -28px -1695px;}
.img11{background-position: -32px -187px;}
.img12{background-position: -40px -1777px;}
.img13{background-position: -32px -607px;}
.img14{background-position: -30px -32px;}
.img15{background-position: -23px -1346px;}
.img16{background-position: -40px -1870px;}
.por_in ul li h5{color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight: 400;padding: 7px 0  3px 0;}
.por_in ul li p{color:#bdbdbd;font-size: 12px;font-family: 'Montserrat';padding: 0;letter-spacing: -0.2px;}
.por_in p{color:#bdbdbd;font-size: 14px;font-family: 'Montserrat';line-height: 18px;padding: 40px 0 0 0;}
/*--my skills and tools end--*/
/*--approach start--*/
.approach_in{position: relative;padding: 194px 0 75px 0;font-size: 0;overflow: hidden;}
.approach_txt{max-width: 900px;margin: 0 auto;text-align: center;padding: 10px 0 0 0;position: relative;z-index: 1;}
.approach_txt:after{content:"";position: absolute;left: 0;top: 101px;width: 100%;height: 100%;background: url(../images/par_sha.png) no-repeat center center;}
.approach_txt h1{font-family: 'Montserrat', sans-serif;font-weight: 400;position: relative;color:#050404;padding: 146px 0 37px 0;display: inline-block;letter-spacing: 4px;z-index: 1;}
.approach_txt  h1:before{content: '';background: #000;width: 100%;height: 1px;position: absolute;bottom: 22px;left: 0;}
.approach_txt p{font-size: 14px;font-family: 'Montserrat';color:#000000;line-height: 28px;padding: 2px 0 20px 0;z-index: 1;position: relative;}
.video{max-width: 420px;margin: 0 auto; text-align:  center;background-size: cover;padding: 52px 0 135px 0;position: relative}
.video:after{content: "";left:0;width: 100%;height: 360px;background: url('../images/shadow_white.png') no-repeat center center;position: absolute;top:-60px;}
.video figure img{width: auto;}
.video .table{position: relative;z-index: 1;}
.table{width: 100%;height: 100%;display: table;}
.table-cell{width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.video h3{font-size: 16px;font-family: 'Montserrat';line-height: 18px;color:#000000;padding: 22px 0 118px 0;}
/*--approach end--*/
.popup_cont {display: block;position: relative;}
.pop_sec{display: block;width: 100%;padding: 30PX 0 30px 0px;}
.pop_txt{background: #efefef;max-width: 1200px;margin: 0 auto;}
.head_txt{text-align: center;max-width: 570px;margin: 0 auto;padding: 40px 0 40px 0;}
.head_txt h1{font-family: 'Montserrat', sans-serif;font-weight: 400;text-align: center;color:#000;position: relative;}
.head_txt h1:before{content: '';
    background: #000;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -5px;
    left: 0;
}
.pop_left_in{/*float:left;width:50%;text-align: center;*/padding: 0px 0px 0px 0px;}
.table1{width: 100%;height: 100%;display: table;}
.table-cell1{width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.pop_left{vertical-align: middle;/*width: 400px;*/margin: 0 auto;padding: 0 0 0 20px;}
.pop_left_in small{display:inline-block;}
.slick-current .pop_left{animation-name:fd;animation-duration:1s;}
.popup_trigger{cursor: pointer;}
@keyframes fd {
	0% {transform:translateY(1000px);opacity:0;}
	90%{opacity:0.7;}
	100%{transform:translateY(0px);opacity:1;}
	}

.pop_left h2{color:#000;font-family: 'Montserrat', sans-serif;font-weight: 400;float: left;width: 50%;font-size: 28px;line-height: 30px;text-align: center;padding: 0 0 20px 0;}
.pop_left1 h2{color:#000;font-family: 'Montserrat', sans-serif;font-weight: 400;text-align: center;float: right;width: 50%;font-size: 28px;line-height: 30px;padding: 0 0 20px 0;}
.pop_bt{float: left;width: 50%;text-align: center;padding: 0 40px;}
.pop_bt1{float: right;width: 50%;text-align: center;padding: 0 40px;}
.pop_bt1 a{display: inline-block;padding: 0 10px 0 10px;}
.pop_left p{font-family: 'Montserrat';font-size: 14px;line-height: 28px;color:#000000;padding: 10px 0 10px 0;}
.pop_left h4{font-family: 'Montserrat', sans-serif;font-weight: 400;color:#000000;line-height: 28px;}
.pop_left span{display: block;text-align: center;}
.pop_left1 p{font-family: 'Montserrat';font-size: 14px;line-height: 28px;color:#000000;padding: 10px 0 10px 0;}
.pop_left1 h4{font-family: 'Montserrat', sans-serif;font-weight: 400;color:#000000;line-height: 28px;}
.pop_left1 span{display: block;text-align: center;}
.pop_right{float: right;width:50%;padding: 0;}
.pop_right1{float: left;width:50%;/* padding: 20px 15px; */}
.pop_right figure{padding: 30px 0 0 0;}
.pop_right figure img{width: 100%;}
.bg{background: url(../images/pop_bg.png) no-repeat center;background-size: cover;}
.bg1{background: url(../images/pop_bg1.png) no-repeat center;background-size: cover;}
.bg2{background: url(../images/pop_bg2.png) no-repeat center;background-size: cover;}
/*--project start--*/
.project_in{padding: 0px 0 25px 0;}
.project_txt_in{background: url(../images/bg_color1.jpg) repeat center;background-size: cover;width: 1113px;box-shadow: 0px 8px 15px -1px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 8px 15px -1px rgba(0,0,0,0.4);margin: 0 auto;}
.project_txt{max-width: 800px;margin: 0 auto;padding: 68px 0  10px 0;text-align: center;position: relative;}
.project_txt h1{color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight: 400;position: relative;padding: 2px 0  29px 2px;line-height: 59px;letter-spacing: 4px;display: inline-block;}
.project_txt p{font-family: 'Montserrat';font-size: 14px;line-height: 27px;color:#bdbdbd;padding: 27px 0 40px 0;display: inline-block;border-top: 1px solid #ffffff;}
.project_txt ul{display: inline-block;}
.project_txt ul li{display: inline-block;padding: 0 0 25px 0;    margin: 0 26px 0 32px;}
.project_txt ul li.can_in{vertical-align: middle;}
.project_txt ul li figure img{width: auto;/* vertical-align: bottom; */}
.project_txt h6{font-family: 'Montserrat';font-size: 16px;line-height: 21px;color:#bdbdbd;font-weight: 200;padding: 21px 0 89px 0;}
/*--project end--*/
/*--profile_in start--*/
.profile_sec{background: #efefef;display: block;padding: 101px 0 26px 0;}
.profile_in{text-align: center;background: #efefef;max-width: 900px;margin: 0 auto;padding: 79px 0  18px 0;position: relative;}
.profile_in h2{color:#000000;font-family: 'Montserrat', sans-serif;font-weight: 400;position: relative;font-size: 48px;display: inline-block;letter-spacing: 4px;line-height: 55px;}
.profile_in h2:before{content: '';background: #000000;width: 100%;height: 1px;position: absolute;bottom: -22px;left: 0;}
.profile_in p{color:#000000;font-size: 14px;line-height: 25px;font-family: 'Montserrat';padding: 49px 0 18px 0;}
.profile_img{background: url(../images/pro_bg_img.png) no-repeat center top;min-height: 1276px;position: relative;background-size: cover;}
.profile_img figure a{width: auto;text-align: center;position: absolute;left: 50%;top: 10%;transform:translatex(-50%);-o-transform:translatex(-50%);-ie-transform:translateY(-50%);-moz-transform:translatex(-50%);-webkit-transform:translatex(-50%);cursor: pointer;}
/*--popup sec2 start--*/
.popup_cont {display: block;background: #efefef;padding: 0px  0 50px 0;max-width: 1172px;margin: 0 auto;}
.pop_sec1{display: block;width: 100%;position: relative;}
.pop_sec1 span{position: fixed;right: 42px;top: 30px;z-index: 99;cursor: pointer;}
.pop_txt1{background: #efefef;padding: 100px 0 0 0;}
.pop_txt1 h1{color:#000;font-family: 'Montserrat', sans-serif;font-weight: 400;position: relative;padding: 21px 0  59px 0;text-align: center;display: inline-block;}
.pop_txt1 h1:before{content: '';background: #000000;width: 100%;height: 3px;position: absolute;bottom: 47px;}
.pop_rt_in{display: block;}
.table1{width: 100%;height: 100%;display: table;}
.table-cell1{width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.slick-current .pop_rt1{animation-name:fd;animation-duration:1s;}

@keyframes fd {
	0% {transform:translateY(1000px);opacity:0;}
	90%{opacity:0.7;}
	100%{transform:translateY(0px);opacity:1;}
	}

/*--popup sec2 end--*/
.profile_bg_ht{/*min-height: 1100px;*/}
.human_in{
    position: absolute;
    left: 31%;
    bottom: -128px;
    width: 39%;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 23px 0;
}
.human_in h1{color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight: 400;position: relative;display: inline-block;letter-spacing: 4px;margin: 86px 0 0 0;}
.human_in h1:before{content: '';background: #f1f1f1;width: 100%;height: 2px;position: absolute;bottom: -10px;left: 0;}
.human_in p{color:#848a98;font-size: 14px;line-height: 30px;font-family: 'Montserrat';padding: 29px 0 11px 0;letter-spacing: -0.5px;}
/*--jackson sec  start--*/
.profile_bgcolor{background: url(../images/bgcolor3.png) no-repeat 0 320px;background-size: cover;}
.jackson_in_text{
    padding: 121px 0 118px 0;
}
.jackson_in{margin: 0 auto;padding: 30px  0 79px 0;text-align: center;}
.jackson_in p{color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 16px;padding: 0 0 30px 0;}
.jackson_in p span{display: inline-block;font-style: italic;}
.jackson_in ul{display: inline-block;} 
.jackson_in ul li{display: inline-block;width:24%;vertical-align: top;}
/*--jackson sec  end--*/
.graphic-in{padding: 24px  0 23px 0;text-align: center;position: relative;max-width: 1500px;margin:150px auto 0 auto;height: 900px;}
.graphic-in p{
   color:#ffffff;
   font-family: 'Montserrat';
   font-weight: 400;
   
   font-size: 16px;
   position: absolute;
   top: -179px;
   left: 29%;
   letter-spacing: 1px;
   }
.slider_grap{}
.slider_grp figure{padding: 50px 0  0 0;}
.slider_grp1{position: absolute;right: 158px;top: -151px;width: 39%;right: 10.5%;top: -14%;}
.grp_in1{position: absolute;right: 146px;top: 27px;z-index: 111;}
.slider_grp2{position: absolute;left: 305px;top: -17px;z-index: 99;width: 34.5%;left: 20.3%;top:-2%;}
.grap2_in{position: absolute;left:21%;top: -54px;}
.slider_grp3{position: absolute;left: 13px;top: 17px;z-index: 11;width: 46%;top:1%;}
.slider_grp4{position: absolute;right: -36px;top: 82px;width: 39.7%;right: -2.5%;top:8%;}
.slider_grp5{position: absolute;left: 700px;top: 4px;z-index: 111;width: 30.4%;left: 46.7%;}
.grp_in5{position: absolute;left: 0;bottom: 31px;}
.card_in{padding: 20px  0 22px 0;text-align: center;position: relative;height: 541px;max-width: 884px;margin: 0 auto;}
.card_in p{color:#ffffff;font-family: 'Montserrat';font-weight: 400;font-size: 16px;padding: 0 0 30px 0;position: absolute;left: 15%;letter-spacing: 1px;top: -31px;}
.card_slider1{position: absolute;bottom: 6%;left: 4%;width: 26%;z-index: 11;}
.card_slider2{position: absolute;bottom: 1%;right: -1%;width: 33%;z-index: 111;}
.card_slider3{position: absolute;right: 10%;top: 31%;width: 25%;z-index: 11;}
.card_slider4{position: absolute;left: 16%;top: 28%;z-index: 1;width: 24%;}
.card_slider5{position: absolute;left: 2%;top: 19%;width: 23.5%;}
.card_slider6{position: absolute;left: 30%;bottom: 16%;z-index: 11;width: 33%;}
.card_slider7{position: absolute;left: 47%;top: 27%;width: 28%;}
.card_slider8{position: absolute;right: 27%;top: 26%;width: 30%;}
.card_slider9{position: absolute;right: 3%;top: 24%;width: 19%;}
.card_slider10{position: absolute;left: 34%;top: 17%;width: 20.9%;}
/*--contact form start--*/
.touch_in{background: #efefef;padding: 103px 0 30px 0;position: relative;}
.touch_text{max-width: 800px;margin: 0 auto;text-align: center;padding: 46px 0 0 0;}
.touch_text h1{color:#000000;font-family: 'Montserrat', sans-serif;font-weight: 400;position: relative;padding: 0px 0 30px 0;display: inline-block;letter-spacing: 3px;}
.touch_text h1:before{content: '';background:#000000;width: 100%;height: 2px;position: absolute;bottom: 14px;}
.touch_text p{font-family: 'Montserrat';font-size: 14px;padding: 13px 0 30px 0;color:#848a98;line-height: 26px;}
input{width: 100%;display: block;background: #fff;height: 40px;font-style: italic;font-family: 'Montserrat';font-size: 14px;color: #aaaaaa;border: none;outline: none;padding: 10px 15px;margin: 0 0  0px 0;border-radius: 3px;}
textarea{width: 100%;display: block;background: #fff;font-style: italic;font-family: 'Montserrat';font-size: 14px;color: #aaaaaa;border: none;outline: none;padding: 10px 15px;resize: none;border-radius: 3px;height: 149px;margin: 0 0 29px 0;}
.radio{padding: 0 0 0px 0;text-align: left;}
.radio ul{ display: inline-block;}
.radio ul li{float: left;display: inline-block;width: auto;border:none;margin: 0px 21px 24px 0px;}
.radio ul li.checkbox{display: block;width: 100%;}
.radio ul li.checkbox label{padding: 6px 6px 6px 42px; background: none;width: 15px;height: 36px;background: url(../images/checkbox_img.png) no-repeat left;background-size: 26px;}
.radio ul li.checkbox input:checked+label{background-image: url('../images/checkbox_img_check.jpg');}
.radio label{padding:4px 6px 4px 42px;color:#aaaaaa;cursor: pointer;background: url(../images/radio_img.png) no-repeat left;background-size: 26px;}
.radio input:checked+ label{background-image: url(../images/radio_img_check.png);}
.custom-radio label{padding: 5px 0px 0 21px;}
.radio input{display: none;}
.custom-radio label.checked{background:#000;}
.custom-radio label{font-size: 15px;color:#aaaaaa;font-family: 'Montserrat';}
.button{text-align: center;}
.button a{display: inline-block;font-size: 14px;font-family: 'Montserrat';color: #fff;width: 190px;background: #2e71f2;border-radius: 19px;letter-spacing: 1px;margin: 36px 0 0 0;height: 40px;text-align: center;padding: 10px 15px;}
.post1{padding: 0 10px;}
/*--slider sec2--*/
.sliders_sec1{display: block;position: relative;font-size: 0;padding: 50px 0;background: #efefef;}
.sliders_sec1 ul{display: block;margin: 0 0 10px 0;}
.sliders_sec1 ul li{margin: 0 0 10px 0px;}
.slick-slide img{width: auto;display: inline-block;}
.slick-initialized .slick-slide a:focus{outline: 0 none;}
.sliders_sec1 .slick-dots li{background: #ffffff;border-radius: 100%;display: block;cursor: pointer;}
.sliders_sec1 .slick-dots{position: absolute;right: 15px;top: 157px;font-size: 0;width:auto;}
.sliders_sec1 .slick-dots li.slick-active{background: #000000;}
.sliders_sec1 .slick-next:before{display:none;}
.sliders_sec1 .slick-prev:before{ display:none;}
.slick-prev{left: -25px; width:13px;height:24px;background:url(../images/left_arrow.png) no-repeat center;opacity: 0;}
.slick-next{right:0; width:13px;height:24px;background:url(../images/arrow.png) no-repeat center;}
.slick-initialized .slick-slide{outline:0 none;}
.slick-dots li button:before{content:none;}
/*--slider sec3--*/
.sliders_sec2{display: block;position: relative;font-size: 0;}
.sliders_sec2 ul{display: block;margin: 0 0 10px 0;}
.sliders_sec2 ul li{margin: 0 0 10px 0px;}
.slick-slide img{width: auto;display: inline-block;}
.slick-initialized .slick-slide a:focus{outline: 0 none;}
.sliders_sec2 .slick-dots li{background: #ffffff;border-radius: 100%;display: block;cursor: pointer;}
.sliders_sec2 .slick-dots{position: absolute;right: 16px;top: 157px;font-size: 0;width: auto;}
.sliders_sec2 .slick-dots li.slick-active{background: #000000;}
.sliders_sec2 .slick-next:before{display:none;}
.sliders_sec2 .slick-prev:before{ display:none;}
.slick-prev{left: -25px; width:13px;height:24px;background:url(../images/left_arrow.png) no-repeat center;opacity: 0;}
.slick-next{right: 50%;width:40px;height:20px;background:url(../images/arrow.png) no-repeat center;    top: 106%;}
.slick-prev:hover, .slick-prev:focus{background:url(../images/left_arrow.png) no-repeat center;opacity: 0;}
.slick-next:hover, .slick-next:focus{background:url(../images/arrow.png) no-repeat center;}
.slick-initialized .slick-slide{outline:0 none;}
/*--footer start--*/
footer{text-align: center;padding: 134px 0 30px 0;background: #efefef;}
footer p{font-size: 11px;font-family: 'Montserrat';color:#848a98;letter-spacing: 1px;}
.ft_txt{max-width: 500px;margin: 0 auto;display: block;padding: 103px 0 30px 0;}
.ft_lt_txt{display: block;float: left;width: 50%;}
.ft_lt_txt a{display: inline-block;}
.ft_lt_txt  span{display: block;font-size: 11px;font-family: 'Montserrat';color:#848a98;letter-spacing: 1px;padding: 13px 0 0 0;}
.ft_rt_txt{display: block;float: right;width: 50%;}
.ft_rt_txt a{display: inline-block;padding: 39px 0 17px 0;}
.ft_rt_txt  span{display: block;font-size: 11px;font-family: 'Montserrat';color:#848a98;letter-spacing: 1px;}
/*--footer end--*/

/*popup css*/
.pop_slider{max-width: 1170px;margin: 0 auto;background: #efefef;padding: 0 25px 100px;}
.pop_lt1{float: right;width: 50%;}
.pop_rt1{float: left;width: 50%  ;  padding: 0 20px;
    text-align: center;}
.pop_rt{float: left;width: 50%;padding: 0 20px;}
.pop_lt{float: right;padding: 0 20px;text-align: center;width: 50%;}
.pop_lt1{width: 50%;float: right;    padding: 0 20px;
    text-align: center;}
.pop_lt p{font-family: 'Montserrat';font-size: 12px;line-height: 30px;color:#000000;padding: 10px 0 10px 0;}
.pop_rt1 p{font-family: 'Montserrat';font-size: 12px;line-height: 30px;color:#000000;padding: 10px 0 10px 0;}
.text_pop{text-align: center;padding: 30px 0 0 0;}
.pop_text_p p{color:#000000;font-family: 'Montserrat';padding: 8px 50px 40px 50px;line-height: 29px;font-size: 14px;}
.pop_text_p h4{font-family: 'Montserrat', sans-serif;font-weight: 600;color:#000000;line-height: 28px;padding: 8px 60px 16px 60px;}

.text_pop h1{color:#000;font-family: 'Montserrat', sans-serif;font-weight: 400;position: relative;text-align: center;display: inline-block;}
.text_pop h1:after{content: ""; background: #000;left:0;bottom:0;height: 2px;position: absolute;width: 100%;}
.text_pop_in{text-align: center;max-width: 900px;margin: 0 auto;}
.text_pop_in small{color:#000;font-family: 'Montserrat', sans-serif;font-weight: 400;position: relative;text-align: center;display: inline-block;font-size: 16px;}
.text_pop_in small:after{content: ""; background: #000;left:0;bottom:0;height: 1px;position: absolute;width: 100%;}
.text_pop_in h2{color:#000;font-family: 'Montserrat', sans-serif;font-weight: 400;padding: 20px 0  10px 0;text-align: center;font-size: 28px;}

.text_pop img{
}

.pop_wrapper{position: absolute;left:0;width: 100%;top:0;z-index: 1000;padding: 0px 0  0 0;display: none;}
.pop_wrapper span {position: fixed;right: 64px;
    top: 30px;}
.open_pop .pop_wrapper{display: block;}
.open_pop header{position: absolute;display: none;}


.pop1_wrapper{position: absolute;left:0;width: 100%;top:0;z-index: 1000;padding: 0px 0  0 0;display: none;}
.pop1_wrapper span {position: fixed;right: 64px;
    top: 30px;}
.open_pop1 .pop1_wrapper{display: block;}
.open_pop1 header{position: absolute;display: none;}


.pop_cont_in{width: 100%;height: 100%;margin: 0 auto;overflow: auto;position: relative;}
.pop_tbl{display: table;width: 80%;height: 100%;table-layout: fixed;margin: 0 auto;}
.pop_tbl_cell{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}

.pop_wrapper_adjst2{position: absolute;left:0;width: 100%;top:0;z-index: 1000;display: none;}
.open_pop_adjst2  .pop_wrapper_adjst2{display: block;}
.open_pop_adjst2 header{position: absolute;display: none;}



/*smooth scroll*/
#get{position: absolute;top:-120px;display: inline-block;}
#about,#arrow{position: absolute;top:120px;}
#my_app{position: absolute;top:45px;display: inline-block;}
#work,#view{position: absolute;top:-120px;display: inline-block;}
#audio_player{display: none;}

.errS{color:#f00;}
.f_success{color:#0f0;}

.portraint{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.79);display: none;text-align: center;}
.portraint p{font-size: 25px;line-height: 40px;color:#fff;text-align: center;padding: 30px 0 30px 0;}
.portraint a{display: inline-block;}
.portraint a img{width: 70px;}

.pop_overlay{position: fixed;left:0;width: 100%;height: 100%;top:0;background: #000;background: rgba(0,0,0,0.7);}
.portraint{position: relative;}
.cls_pop{width: 15px;height: 15px;position: absolute;top:5px;right: 5px;}


.aud {width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 1000;display: none;}
.table2{display: table;width: 100%;height: 100%;}
.table-cell2{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.aud_in{margin: 0 auto;display: block;}
.aud_in iframe{width: 464px;height: 456px;margin: 0 auto;position: relative;display: block;}
.audio_overlay{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}

.jackson_in ul li a{cursor: pointer;}

/*Slideshow*/

#slideshow { 
  margin: 30px auto; 
  position: relative; 
  width: 674px; 
  height: 620px; 
 /* padding: 10px; 
  box-shadow: 0 0 20px rgba(0,0,0,0.4); */
}

#slideshow > div { 
  position: absolute; 
  top: 10px; 
  left: 10px; 
  right: 10px; 
  bottom: 10px; 
}