/*Author: W3layoutAuthor URL: http://w3layouts.comLicense: Creative Commons Attribution 3.0 UnportedLicense URL: http://creativecommons.org/licenses/by/3.0/*//* reset */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,dl,dt,dd,ol,nav ul,nav 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;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}ol,ul{list-style:none;margin:0;padding:0;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}/* start editing from here */a{text-decoration:none;}.txt-rt{text-align:right;}/* text align right */.txt-lt{text-align:left;}/* text align left */.txt-center{text-align:center;}/* text align center */.float-rt{float:right;}/* float right */.float-lt{float:left;}/* float left */.clear{clear:both;}/* clear float */.pos-relative{position:relative;}/* Position Relative */.pos-absolute{position:absolute;}/* Position Absolute */.vertical-base{	vertical-align:baseline;}/* vertical align baseline */.vertical-top{	vertical-align:top;}/* vertical align top */.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */nav.vertical ul li{	display:block;}/* vertical menu */nav.horizontal ul li{	display: inline-block;}/* horizontal menu */img{max-width:100%;}/*end reset*//* 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;}input, textarea {-webkit-appearance: none;border-radius: 0;}textarea { overflow: auto; }/* Global */body {	background:#ffffff;	font-family: 'Lato', sans-serif;	font-size: 100%;	line-height: 24px;    -webkit-font-smoothing: antialiased;}.header{	background:url(../images/bg.jpg);	top: 0;	left: 0;	width: 100%;	height: 100%;	z-index: 10;}header {	background-size: cover;	width: 100%;	height: auto;	position: relative;	top: 0;	color: #ffffff;	text-align: center;	font-size: 19px;	line-height: 28px;}.logo1 {	width: 400px;	margin: 0 auto;}.bg_mask {	width: 100%;	height: 100%;	top: 0px;	left: 0px;	background:rgba(2, 2, 2, 0.09) url(../images/pattern.png) repeat top left;	z-index: 2;	padding: 10% 0 0% 0;}.bg_mask1{	width: 100%;	height: 100%;	top: 0px;	left: 0px;	background:rgba(40, 95, 152, 0.34) url(../images/pattern.png) repeat top left;	z-index: 2;}.bg_mask2{	background:rgba(84, 95, 146, 0.37) url(../images/pattern.png) repeat top left;	padding: 4em 0em 1em 0em;	text-align: center;	margin-top: 2em;}.bg_mask3{	width: 100%;	height: 100%;	top: 0px;	left: 0px;	background:rgba(40, 95, 152, 0.34) url(../images/pattern.png) repeat top left;	z-index: 2;}.wrap {	width: 90%;	margin: auto;}header .wrap, .services_wrapper .wrap {	z-index: 20;}header p {	max-width: 535px;	margin: 3% auto 3% auto;}header h1 {	font-size: 20px;	line-height: 40px;	font-weight: 500;	text-transform: uppercase;	margin-top: 0.0em;	letter-spacing: 12px;}header h6{	border-bottom: 1px solid #fff;	width:170px;	height:1px;	margin: 0 auto;}.nav_wrapper {	width: 100%;	position: relative;	background: #FFFFFF;	border-bottom: 1px solid #E9E9E9;	z-index: 100;	box-sizing: border-box;	-moz-box-sizing: border-box;}.nav_wrapper.sticky {	position: fixed;	top: 0px;	height: 84px;}.header_toggle {	background: url(../images/menu.png) no-repeat center center;	height: 20px;	width: 26px;	position: absolute;	top: 17px;	right: 47px;	text-indent: -9999px;		display: none;}.navigation {	float: left;	text-align: right;	width: 65%;	margin-left: 5%;}.navigation li {	float: left;	margin-left: 30px;}.logo {	float: left;	padding: 1.5em 0em;	width: 120px;}.navigation a {	text-transform: uppercase;	color: #747474;	font-size: 14px;	text-decoration: none;	padding: 1.5em 1em;	display:block;}.button {	padding: 25px 45px;	text-align: center;	display: block;	margin: 10% 0% 0% 0%;}.button:hover {	opacity: 0.8;}/****social_icons******/.social_icons{	float:left;	padding: 1.5em 0em;}.social_icons li{	float:left;	margin-left: 1.2em;}.social_icons li a span {    width: 15px;    height: 17px;    background: url(../images/socil.png) no-repeat;    display: block;}.social_icons ul .in a span {	background-position: 0px 0px ;}.social_icons ul .in a span:hover{	background-position: 0px -24px ;}.social_icons ul .pro a span {	background-position: -28px 0px ;}.social_icons ul .pro a span:hover{	background-position: -28px -24px ;}.social_icons ul .twitter a span{	background-position: -57px 0px ;}.social_icons ul .twitter a span:hover{	background-position: -57px -24px ;}.social_icons ul .facebook a span{	background-position: -84px 0px;}.social_icons ul .facebook a span:hover{	background-position: -84px -24px;}.button_link {	padding: 10px 20px;    font-size: 14px;    background-color: #1581bd;    border: none;    color: #fff;}.button_link a {	color: #fff;}/**********about****************/.about {	text-align: center;	padding: 4em 0em;}.about h2 {	color: #303030;	font-size: 3.7em;	font-weight: 500;}.about  span,.services span{	color:#1581bd;} .services span {     color: #838383 !important; }.about h4{	color: #979797;	font-size: 2em;	padding: 1em 0em 1em 0em;}.about h6,.services h6,.team h6,.section-title h6,.contact h6{	width:150px;	margin: 0 auto;	border-bottom:1px solid #cecccc;}.about p{	color: #979797;	width: 56.5%;	margin: 0 auto;	padding: 2em 0em;}.para_a {	font-size: 1.1em;}.button_company_profile {	padding: 10px 20px;    font-size: 16px;    background-color: #1581bd;    color: #fff;    border: none;}.button_company_profile a {	color: #fff;}.top-grids {	margin: 2em 0;	position:relative;}.top-grid1{	margin-top: 2em;	padding-top: 2em;	position:relative;}.top-grid1 label{	background: #ECECEC;	height: 1px;	display: block;	position: absolute;	top: -16px;	width: 94%;}.top-grid{	width: 31.9%;	float: left;	margin-right: 2%;	text-align: center;	padding-bottom: 3em;}.top-grid-about{	width: 31.9%;	float: left;    margin-right: 2%;}.top-grid-about a{	font-size: 17px;	color: #232323;	padding: 0.5em 0 0.6em 0;	display: block;}.top-grid:nth-child(3),.top-grid:nth-child(6){	margin-right:0px;	border-right:0;}.top-grid a.icon,.grid_of_1 a.icon,.service_grids a.icon,.c_grids a.icon{	width: 61px;	height: 61px;	display: inline-block;	padding: 0px;	text-align: center;}.top-grid  a{	font-size: 1.5em;	color: #232323;	padding: 0.5em 0 0.6em 0;	display: block;}.top-grid p{	color: #838383;	line-height: 1.6em;	font-size: 0.96em;	width: 85%;	margin: 0 auto;	/*padding: 0.6em 0em;*/	padding:0 0 20px;}.monitor{	background: url(../images/iconset.png) no-repeat -1px 0px;}.target{	background: url(../images/iconset.png) no-repeat -90px 0px;}.event{	background: url(../images/iconset.png) no-repeat -175px 0px;}.grid_of_1{	width:18%;	margin-left: 9%;	float:left;}.grid_of_1:nth-child(1){	margin-left: 0%;}.grid_of_1n a{	float:left;}.cup{	background: url(../images/iconset.png) no-repeat -1px -107px;}.smill{	background: url(../images/iconset.png) no-repeat -78px -105px;}.meeting{	background: url(../images/iconset.png) no-repeat -170px -107px;}.parties{	background: url(../images/iconset.png) no-repeat -255px -103px;}.grids-of_4{	background: #F0F0F0;	padding: 3.5em 0em;}.grid_of_1 a {	float: left;}.grid_of_1 .sub_grid{	float:right;}.sub_grid  span{	font-size: 3.4em;	font-weight: 900;}.sub_grid  p{	color:#979797;	padding: 0.3em 0em;	width: 100%;}.clients{	background-image: url(../images/bg1.jpg);}.clients h3 {	color: #FFF;	font-size: 1.8em;	font-weight: 900;	padding: 1em 0em 1em 0em;}.clients h4 {	color: #FFF;	padding: 0.8em 0em;	font-size: 1.9em;	font-weight: 300;}/* start cauresol */.nbs-flexisel-container {	padding:2em 0em 3em 0em;	position: relative;	max-width: 100%;}.nbs-flexisel-ul {	position: relative;	width: 9999px;	margin: 0px;	padding: 0px;	list-style-type: none;	text-align: center;}.nbs-flexisel-inner {	overflow: hidden;	width:90%;	margin: 0 auto;}.nbs-flexisel-item {	float: left;	margin: 0px;	padding: 0px;	cursor: pointer;	position: relative;	line-height: 0px;}.nbs-flexisel-item > img {		cursor: pointer;	position: relative;	margin-top: 10px;	margin-bottom: 10px;	max-width: 80%;}/*** start cauresol  navigation ***//****//******start_services******/.services {	padding-bottom: 3.7em;}.heading {	color: #303030;	font-size: 2em;	font-weight: 600;	text-align: center;}.desc {	color: #979797;	font-size: 1.5em;	text-align: center;	padding: 1em 0em;}.services_row {	height: 290px;}.grid1{	width:30.2%;	float:left;	margin: 6% 0% 0% 3%;}.grid1:nth-child(1),.grid1:nth-child(4),.grid1:nth-child(7){	margin-left: 0%;}.service_grids a{	/*float:left;*/	margin-top: 1%;	color: #1581bd;}.service_grids .grid_sub{	float:right;	width: 73%;	/*margin-left: 7%;*/}.grid_sub h3{ 	color:#303030; 	font-size: 1.2em;}.grid_sub h3 span{	margin-left: 8px;}.grid_sub h6{ 	width:100px; 	padding: 0.2em 0em; 	margin: 0;}.grid_sub p{ 	color: #838383;	line-height: 1.6em;	font-size: 0.96em;	padding: 1.2em 0em;}.system{	background: url(../images/iconset.png) no-repeat 1px -205px;}.tools{	background: url(../images/iconset.png) no-repeat -89px -210px;}.mobile{	background: url(../images/iconset.png) no-repeat -184px -208px;}.monitor{	background: url(../images/iconset.png) no-repeat -280px -207px ;}.smonitor{	background: url(../images/iconset.png) no-repeat -383px -210px;}.radio{	background: url(../images/iconset.png) no-repeat -484px -208px;}.slider2{	background-image: url(../images/bg2.jpg);}.slider2 p{	color:#fff;	font-size: 1.4em;}.slider2 p span{	color:#fff;	font-weight:600;	font-size: 1.1em;}.slider2 p img{	margin: 0em 1em;}.slider2  h4{	color:#fff;	font-size: 1.17em;	padding: 1em 0em;}.slider2  h6{	padding: 1em 0em;}/*****end-services*******//*****start-team*******/.team_members{	background: #F0F0F0;	padding: 1em 0em;	position:relative;	margin-top: 4em;}.team_members:before{	content: '';	position: absolute;	right: 48.5%;	text-align: center;	top: -25px;	border-left: 25px solid rgba(0, 0, 0, 0);	border-right: 25px solid rgba(0, 0, 0, 0);	border-bottom: 25px solid #F0F0F0;}/******pop_up***********//*********pop_up_protfolio*****//* Magnific Popup CSS */.mfp-bg {	   top: 0;   left: 0;   width: 100%;   height: 100%;   z-index: 1042;   overflow: hidden;   position: fixed;   background: #0b0b0b;   opacity: 0.9;   filter: alpha(opacity=80); }.mfp-wrap {   top: 0;   left: 0;   width: 100%;   height: 100%;   z-index: 1043;   position: fixed;   outline: none !important;   -webkit-backface-visibility: hidden;  }.mfp-hide {  display: none !important;}button.mfp-close,button.mfp-arrow {   overflow: visible;   cursor: pointer;   border: 0;   -webkit-appearance: none;   display: block;   padding: 0;   z-index: 1046; }button::-moz-focus-inner {   padding: 0;   border: 0; }.mfp-close {   width:30px;   height:30px;   position: absolute;   right: 0;   top: 0;   text-decoration: none;   text-align: center;   opacity: 0.65;   font-style: normal;   font-size: 28px;    outline:none;  background:url(../images/icon.png) no-repeat -71px -94px;}  .mfp-close:hover, .mfp-close:focus {    opacity: 9; }  .mfp-close:active {    top: 0px; }.mfp-close-btn-in .mfp-close {  color: #333333; }  #small-dialog1{	background: #FFF;	padding: 10px 15px;	text-align: left;	max-width:36%;	margin: 40px auto;	position: relative;}.pop_up{	padding:2em;}.pop_up h2{	padding:10px 0;	color: #000;	font-size:1em;	text-transform: uppercase;}.pop_up p{	line-height: 1.8em;	color: #999;	font-size: 0.85em;	margin-bottom:10px;}/* Styles for dialog window */.my-mfp-zoom-in #small-dialog1 {	opacity: 0;	-webkit-transition: all 0.2s ease-in-out;	-moz-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;	-webkit-transform: scale(0.8);	-moz-transform: scale(0.8);	-ms-transform: scale(0.8);	-o-transform: scale(0.8);	transform: scale(0.8);}/* animate in */.my-mfp-zoom-in.mfp-ready #small-dialog1 {	opacity: 1;	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}/* animate out */.my-mfp-zoom-in.mfp-removing #small-dialog1{	-webkit-transform: scale(0.8);	-moz-transform: scale(0.8);	-ms-transform: scale(0.8);	-o-transform: scale(0.8);	transform: scale(0.8);	opacity: 0;} /*****end-pop_up*****//* =========================================================**************************Portfolio*************************============================================================ */.typo1 {	position:relative; 	width:100%; 	height:100%; 	padding:4em 0 0;}.portfolio-bg {	position: absolute;	height: 100%;	width: 100%;	z-index:0;}    video {    width: 100%;    height: 236px;    margin-top: -16px;    /*height: auto;*/}.video_wrapper {	position: relative;	background-color: #000;	/*background-color: #107fb2;*/    height: 236px;    width: 100%;}video::-webkit-media-controls-fullscreen-button { display: none; }video::-internal-media-controls-download-button { display: none; }/*.video_wrapper:before {	content: "";	position: absolute;	background: red;	background: url(../images/logo1.png);	background-size: cover;	width: 160px;	height: 40px;	right: 22%;    top: 30%;	opacity: 0.6;}*/#portfolio .section-title .small-caption,#portfolio .section-title .big-caption {	color:#fff;	font-size:20px;	margin:0 0 10px;	text-align:center;}/* Start: Recommended Isotope styles *//**** Isotope Filtering ****/.isotope-item {  z-index: 2;  list-style:none;}.isotope-hidden.isotope-item {  pointer-events: none;  z-index: 1;}/**** Isotope CSS3 transitions ****/.isotope,.isotope .isotope-item {  -webkit-transition-duration: 0.8s;     -moz-transition-duration: 0.8s;      -ms-transition-duration: 0.8s;       -o-transition-duration: 0.8s;          transition-duration: 0.8s;}.isotope {  -webkit-transition-property: height, width;     -moz-transition-property: height, width;      -ms-transition-property: height, width;       -o-transition-property: height, width;          transition-property: height, width;}.isotope .isotope-item {  -webkit-transition-property: -webkit-transform, opacity;     -moz-transition-property:    -moz-transform, opacity;      -ms-transition-property:     -ms-transform, opacity;       -o-transition-property:      -o-transform, opacity;          transition-property:         transform, opacity;}/**** disabling Isotope CSS3 transitions ****/.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {  -webkit-transition-duration: 0s;     -moz-transition-duration: 0s;      -ms-transition-duration: 0s;       -o-transition-duration: 0s;          transition-duration: 0s;}/* End: Recommended Isotope styles *//* disable CSS transitions for containers with infinite scrolling*/.isotope.infinite-scrolling {  -webkit-transition: none;     -moz-transition: none;      -ms-transition: none;       -o-transition: none;          transition: none;}#container {  margin:0 auto 40px;}.element {  width: 280px;  height: 252px;  float: left;  overflow: hidden;  position: relative;  margin:7.5px;}/**** Example Options ****/#options {	text-align:center;	margin:20px 0;}#options ul {  margin: 0;  list-style: none;  display:inline-block;}#options li {  float: left;}#options li a {  display: block;  color:#979797;  padding:10px 15px;  border-radius:25px;  -moz-border-radius:25px;  -webkit-border-radius:25px;  border:3px solid transparent;  outline:none;}#options li a:hover {  color:#107fb2;}#options li a.selected {	border:3px solid #107fb2;}.grid figure {	margin: 0;	position: relative;	text-align:center;}.grid figure img {	width: 100%;	display: block;	position: relative;}.grid figcaption {	position: absolute;	top: 0;	left: 0;	background: #107fb2;	color: #fff;}.grid figcaption h3 {	margin: 20px 0 5px;	padding: 0;	color: #fff;	font-size:16px;	line-height:18px;}.grid figcaption h3 a {	color:#fff;}.grid figcaption .meta-box {	color:#fff;}.grid figcaption span a {	font-size:14px;	color:#fff;}.grid figcaption span a:hover {	color:#fff;}.grid figcaption footer {	position:absolute;	bottom:20px;	text-align:center;	width:100%;}.grid figcaption a.link-gallery,.grid figcaption a.link-p-detail {	padding: 6px 10px;	border-radius: 25px;	-moz-border-radius: 25px;	-webkit-border-radius: 25px;	min-width: 60px;	border: 2px solid #FFF;	color: #FFF;	margin-right: 10px;}.cs-style-5 figure img {	z-index: 10;	-webkit-transition: -webkit-transform 0.4s;	-moz-transition: -moz-transform 0.4s;	transition: transform 0.4s;}.no-touch .cs-style-5 figure:hover img,.cs-style-5 figure.cs-hover img {	-webkit-transform: scale(0.4);	-moz-transform: scale(0.4);	-ms-transform: scale(0.4);	transform: scale(0.4);}.cs-style-5 figcaption {	height: 100%;	width: 100%;	opacity: 0;	filter: alpha(opacity=0);	-webkit-transform: scale(0.7);	-moz-transform: scale(0.7);	-ms-transform: scale(0.7);	transform: scale(0.7);	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden;	backface-visibility: hidden;	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;	-moz-transition: -moz-transform 0.4s, opacity 0.4s;	transition: transform 0.4s, opacity 0.4s;}.no-touch .cs-style-5 figure:hover figcaption,.cs-style-5 figure.cs-hover figcaption {	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);	opacity: 1;	filter: alpha(opacity=100);}#portfolio .load-more {	font-size:20px;	padding:15px 25px 18px;	border-radius:30px;	-moz-border-radius:30px;	-webkit-border-radius:30px;}.contact-bg{	background:#F0F0F0 url(../images/slider2.jpg) no-repeat;	margin-top: 3.5em;	padding-bottom: 4em;}.tool_tip{	padding: 10em 0em;}.tool_tip a {	display: block;	background: #FFF;	padding: 1em 3em;	width: 100px;	margin: 0 auto;	position: relative;}.tool_tip a:after{	content: '';	position: absolute;	right: 39%;	text-align: center;	bottom: -20px;	border-left: 20px solid rgba(0, 0, 0, 0);	border-right: 20px solid rgba(0, 0, 0, 0);	border-top: 20px solid #FFF;}.form{	background: #fff;}.contact-form {	float:left;	width:50%;	margin: 2em 1em 2em 3.5em;}.address{	float:right;	width: 35%;	margin: 2em 3em 2em 0em;}.address h3{	font-size: 1.6em;}.address p{	color:#979797;	font-size: 1em;	padding-top: 1em;}.contact-form div{	padding:5px 0;}.contact-form span{	display:block;	font-size:1em;	color: #303030;	padding-bottom:10px;}.contact-form input[type=text], .contact-form textarea{	padding:8px;	display:block;	width:94%;	background:#fff;	border: none;	outline:none;	color:#303030;	font-size:0.85em;	border:1px solid #EBEBEB;	font-family: 'Lato', sans-serif;	-webkit-appearance:none;}.contact-form textarea{	resize:none;	height:75px;		}.contact-form input[type=submit]{	cursor:pointer;	color:#fff;	font-size: 1.2em;	outline: none;	-webkit-transition: all 0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s;	background: #107fb2;	padding:15px 20px;	border:none;	  font-family: 'Lato', sans-serif;	   margin-top: 20px;	   -webkit-appearance: none;}.contact-form input[type=submit]:hover{	background-color:#41B9A3;}.contact-form p{	color:#999;	font-size:0.85em;	margin-bottom:4%;}.c_grids{	width:100%;	padding: 2em 0em 0em 0em;}.c_grids a{	float:left;}.c_grids p{	float: left;	font-size: 1em;	padding: 0.2em;	color: #303030;	width:80%;}.pointor{	background: url(../images/iconset.png) no-repeat -268px -8px;}.contact-img{	background: url(../images/iconset.png) no-repeat -366px -8px;}.website{	background: url(../images/iconset.png) no-repeat -478px -8px;}.footer {	background: #D8D8D8;}.footer-left {	float: left;	padding: 1.85em 1em;}.copy p{	color:#979797;	font-size:1em;}.copy p a{	color:#39A38F;}.copy p a:hover{	color:#979797;}.social {	float:right;	padding: 2.2em 1em;}#toTop {	display: none;	text-decoration: none;	position: fixed;	bottom: 10px;	right: 10px;	overflow: hidden;	width: 44px;	height:44px;	border: none;	text-indent: 100%;	background: url(../images/top_move.png) no-repeat right top;}/*****end-team*********//*****responsive******/@media screen and (max-width: 1440px) {	.social_icons_1 {		display: none;	}	video {    width: 100%;    height: 236px;    margin-top: -16px;    /* height: auto; */}	.carousel	{		margin: 0em;	}	.about_left	{		float:left;		width:72%;		border-right:1px solid #ccc;		padding-right:2%;		margin:2% 0;		text-align:justify;	}	.about_page h3	{		font-size:20px;		margin: 0.7em 0;	}	.tech_list	{		padding-left:2%;		list-style-type:circle;		margin-bottom: 1%;	}	.client_logo li	{		display:inline;		margin-left:20px;	}	.for_position	{		position: fixed;top: 14% !important;width: 20%;	}	.about_right	{		float:left;		width:23%;		margin:2% 0;		padding:0 0 0 2%;	}	.grid1 {    width: 30.2%;    }    .mobile_button{		display: none;	}}@media screen and (max-width: 1366px){	.social_icons_1 {		display: none;	}	.logo1 {	width: 315px;	}	.about h2 {	font-size: 3em;	} 	.sub_grid span {	font-size: 3.2em;	}	.contact-member {	padding: 11px 10px;	}	/*#container > li:nth-child(10),li:nth-child(9) {	display: none;	}*/	/*#container {	height: 550px !important;	}*/	.grid1 {    width: 30.2%;	}}@media screen and (max-width: 1308px) and (min-width: 1200px) {	.grid1 {    width: 30.2%;   	}   	.services_row {	height: 300px;	}}@media screen and (max-width: 1050px) and (min-width: 992px) {	.mobile_button{		display: none;	}	.grid1 {    width: 29%;	}	.services_row {	height: 380px;	}	.service_grids .grid_sub {		margin-left: 0 !important;	}}@media screen and (max-width: 1280px) {	.wrap{		width:87%;	}	.logo1 {	width: 300px;	}	.navigation {	width: 65%;	}	header h1 {	font-size: 26px;	}	.navigation li {	margin-left: 5px;	}	.sub_grid span {	font-size: 2.6em;	}	.service_grids .grid_sub {	width: 70%;	}	.about h2 {	font-size: 2.8em;	}	.about h4 {	font-size: 1.7em;	}	.grid1 {    width: 30.2%;    float: left;    margin: 6% 0% 0% 3%;	}}@media screen and (max-width: 1024px){	.logo1 {	width: 270px;	}	.about h2 {	font-size: 2.3em;	}	.about h4 {	font-size: 1.3em;	}	.about p {	width: 71%;	}	.sub_grid span {	font-size: 2.4em;	}	.top-grid a {	font-size: 1.3em;	}	.heading {	font-size: 1.7em;	}	.navigation {	width: 62%;	}	.social_icons_1 {	padding: 0em 0em;	display: none;	}	.social_icons_1 a {		color: #fff !important;	}	.desc {	font-size: 1.2em;	}	#container {	/*height: 535px !important;*/	}	.sub_grid p {	width: 100%;	}}@media screen and (max-width: 800px) {	.tech_list	{		padding-left:5%;	}	.about_page h3	{		font-size:18px;	}	.header_toggle {		display: inline-block;		z-index: 1000;	}		.nav_wrapper.toggled {		height: 320px;	}		.navigation {		width: 100%;		opacity: 0;		transition: all 300ms;		background: #eee;		margin: 0%	}		.navigation li {		float: none;		text-align: right;		margin: 0;		display: none;		-webkit-transition: all 0.3s;		-moz-transition: all 0.3s;		-o-transition: all 0.3s; 		transition: all 0.3s; 	}	.navigation li:hover	{		background: #39A38F;	}	.navigation li:hover>a	{		color:#fff;	}	.navigation li a{		padding: 0.4em 2em;		font-size: 1em;		color: #303030;		border-bottom: 1px ridge #DADADA;	}	.navigation li:nth-child(1)	{		border-top:1px ridge #DADADA;	}	.toggled .navigation {		opacity: 1;	}		.toggled li {		display: inherit;	}	.social_icons_1 {		display: block;	}	.social_icons {		display: none;	}	.profile_comp {		margin: 20px 0px;		/*padding: 20px 0px;*/	}}@media screen and (max-width: 768px) {	.wrap{		width:90%;	}	#undefined-sticky-wrapper > nav > div > div.social_icons {	display: none;	}	.top-grid:nth-child(1),.grid_of_1:nth-child(4),.grid1:nth-child(3),.grid1:nth-child(6){	/*display: none;*/	}	.top-grid {	width: 47.9%;	padding-bottom: 0em;	}	.about p {	width: 92%;	padding: 1em 0em 0.5em 0em;	}	.sub_grid p {	width: 100%;	}	.grid_of_1 {	width: 26%;	}	.nbs-flexisel-container {	padding: 1em 0em 1em 0em;	max-width: 100%;	}	.clients h3 {	padding: 1.2em 0em 0em 0em;	}	.about {	padding: 3em 0em;	}	.grid1 {	width: 44.5%;	margin: 6% 0% 0% 6%;	}	.tool_tip {	padding: 3em 0em;	}	.tool_tip a {	padding: 0.6em 2em;	}	.contact-form {	float: none;	width: 90%;	margin: 2em 1em 2em 3.5em;	}	.address {	float: none;	width: 89%;	margin: 2em 1em 2em 3.5em;	padding-bottom: 2em;	}	.c_grids p {	font-size: 1em;	}	.c_grids {	width: 60%;	}		.social_icons_1 {		display: block;	}}@media screen and (max-width: 640px) {	.about_right	{		width:100%;	}	.for_position	{		position:relative;		width:100%;	}	.client_logo li	{		margin:0;	}	.about_left	{		width:100%;		border:0;	}	.logo1 {	width: 200px;	}	header h1 {	font-size: 17px;	}	header p {	font-size: 0.9em;	margin: 0% auto 3% auto;	}	.button {	margin: 2% 0% 0% 0%;	}	.grid_of_1 {	width: 27%;	}	 .grid1:nth-child(2), .grid1:nth-child(4) {	/*display: none;*/	}	.grid1 {	/*width: 47.5%;*/	margin: 6% 0% 0% 4%;	}	.bg_mask2 {	padding: 2em 0em 1em 0em;	}	.slider2 p {	font-size: 1em;	}	.services {	padding-bottom: 2.7em;	}	.contact-form {	width: 93%;	padding-top: 1em;	margin:10px;	}	.address {	width: 83%;	}	.header_toggle {	right: 29px;	}	#container > li {		display: block;	}}@media screen and (max-width: 480px) {	.about h2 {	font-size: 1.8em;	}	.header_toggle {	right: 0px;	padding: 1.5em 1em;	}	.top-grid {	width: 100%;	padding-bottom: 1.5em;	}	.about h4 {	font-size: 1em;	}	.about p {	width: 100%;	padding: 1em 0em 0.5em 0em;	}	.para_a	{		font-size: 1.1em;	}	.grid_of_1:nth-child(3) {	display: none;	}	.grid_of_1 {	width: 39%;	margin-left: 20%;	}	.clients h3 {	font-size: 1.4em;	}	.grid1 {	/*float: none;*/	width: 100%;	margin: 0%;	margin-top: 2em;	}	.service_grids .grid_sub {	width: 78%;	margin-left: 2%;	}	.c_grids {	width: 80%;	}	.logo1 {	width: 180px;	}	#container{ 		/*height:1300px !important;*/	}}@media screen and (max-width: 320px) {	.header_toggle {	right: 0px;	padding: 1.5em 1em;	top: -5px;	}	.logo1 {	width: 150px;	}	header h1 {	font-size: 12px;	line-height: 20px;	margin-top: 1em;	}	header p {	font-size: 0.7em;	margin: 2% auto 3% auto;	line-height: 20px;	}	header h6 {	width: 100px;	}	.button {	padding: 10px 125px;	}	.navigation li a {	padding: 0.4em 1em;	font-size: 0.8em;	}	.logo {	padding: 1.1em 0em;	}	.about h2 {	font-size: 1.6em;	}	.about {	padding: 2em 0em;	}	.about h4 {	font-size: 1em;	padding: 0.5em 0em;	}	.para_a {	font-size: 1em;	}	.grid_of_1 a {	float: none;	}	.grid_of_1 .sub_grid {	float: none;	margin-top: 1em;	}	.service_grids .grid_sub {	width: 70%;	margin-left: 2%;	}	.grid_sub h3 {	font-size: 1.1em;	}	.team_members:before {	right: 37.5%;	}	.contact-form {	width: 88%;	padding: 1em 1.2em;	margin: 0px;	}	.contact-form input[type=submit] {	padding: 10px 20px;	}	.address {	width: 83%;	margin: 0;	padding: 1em 1em;	}	.c_grids {	width: 100%;	}	.slider2 h4 {	font-size: 1em;	}	.about h6, .services h6, .team h6, .section-title h6, .contact h6 {	width: 100px;	}	.top-grid a {	font-size: 1.3em;	padding: 0.5em 0 0em 0;	}		.c_grids p {	font-size: 0.8em;	}	.footer-left {	float: none;	padding: 1em 0em 0em 0em;	text-align: center;	}	.social_icons {	padding: 1em 4em;	float: none;	}	.footer {	padding-bottom: 1em;	}	.heading {	font-size: 1.3em;	}	.desc {	font-size: 1em;	}	.address h3 {	font-size: 1.1em;	}	.contact-member {	display: none;	}}.about_right li{	float:left;	width:100%;	margin-bottom: 10px;    border-bottom: 1px solid #ccc;    padding-bottom: 3%;}.about_page{	overflow:hidden;	margin-bottom:4em;}.about_page p, .about_page h4{	/*font-size:15px;*/	text-align:left;}.mybold{font-weight:600}.copy2{padding: 20px 0px;text-align: center; color: #403e3e;}.mybtn{	    background: #107fb2;color: #eee;border: 1px solid #eee;padding: 5px 13px;}