﻿ body{ font-family: 'Open Sans', sans-serif;font-weight:300; font-size:14px;}
  h1, h2, h3, h4, h5, h6, .s-h1, .s-h2, .s-h3, .s-h4, .s-h5, .s-h6{font-family: 'Open Sans', sans-serif;font-weight:400; text-transform:capitalize;}
	 	  	/* home page */
			p{ font-size:16px; font-weight:400; line-height:28px;}
	  	
	.s-top-header{ background:#323946; padding:6px 0;}
	.s-top-header a, .s-top-header span.twhite{ background-color:inherit;}
	.s-top-header a, .s-top-header span{ color:#a0a9b8}
	.s-top-header a.logout, .s-top-header a.login,.s-top-header a.register{ background:#f7b509; padding:3px 15px; color:#222; font-size:18px; font-family: 'Roboto', sans-serif; text-transform:uppercase;}
	.s-top-header a.logout:hover, .s-top-header a.login:hover, .s-top-header a.register:hover{ text-decoration:none; color:#222;}
	.home-slider{ background:#d2b7a2; min-height:525px;}
	.inslider{background:url(../images/new/small-business.jpg) no-repeat 0 bottom; min-height:525px; position:relative;}
	.mosttrust{ background:none; width:950px; width:70%; text-transform:capitalize;padding:5px;   margin:36px 0 0 52px; position:absolute; left:15%; top:0;}
	.mosttrust h1{color:#000; font-size:34px;font-weight:300; padding:0px;  line-height:44px; text-transform: none; font-family: 'Open Sans', sans-serif; margin-bottom:0px; }
	.mosttrust h1 span{ display:block; padding:0;font-size:44px; font-weight:bold;background:none;}	
	
	.mosttrust h2{ text-transform:uppercase; font-size:18px;font-weight:bold; margin:0;font-family: 'Open Sans', sans-serif; color:#ac815f}
	.mosttrust h2 span{background:url(../images/new/sim-eff.png) no-repeat 0 0; padding:13px 22px; color:#fff}
	
	.static-service{ position:absolute; background:#fdfbfa; padding:30px; width:280px; height:525px;z-index: 9999; left:0; top:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfbfa+0,fdfbfa+87,e9e7e6+100 */
background: #fdfbfa; /* Old browsers */
background: -moz-linear-gradient(top, #fdfbfa 0%, #fdfbfa 87%, #e9e7e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdfbfa 0%,#fdfbfa 87%,#e9e7e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdfbfa 0%,#fdfbfa 87%,#e9e7e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfbfa', endColorstr='#e9e7e6',GradientType=0 ); /* IE6-9 */}
	
	.static-service ul{ margin:0; padding:0;}
	.static-service ul li{ list-style:none; margin-bottom:10px; min-height:32px;}
	.static-service ul li a{ display:inline-block; line-height:32px; color:#000000;font-family: 'Open Sans', sans-serif; font-weight:300; font-size:18px; cursor:pointer;}
	.var{ width:32px; height:32px; overflow:hidden; color:#fff; display:inline-block;clear: both; float:left; margin-right:10px;}
	.glyph-icon.var{ position:relative}
    .glyph-icon.var::before {font-size: 22px;left: -15px; top:3px;position: absolute;}
	.var1{ background-color:#bf1238;}
	.var2{ background-color:#313e84;}
	.var3{ background-color:#f3d31c;}
	.var4{ background-color:#859b09;}
	.var5{ background-color:#e86201;}
	.static-service ul li:hover .glyph-icon.var{ border-radius:25px;}
	.static-service ul li:hover .glyph-icon.var::before {font-size: 16px;left: -12px; top:6px;position: absolute;}
	.animation, .glyph-icon.var, .glyph-icon.var::before, .sub-process .glyph-icon {-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
	.main{position: relative;}
	
	.btns{ padding:8px 15px; color:#fff; font-size:18px; text-decoration:none; font-weight:400;}
	.btns:hover{ text-decoration:none; color:#fff;}
	.big-red{ background:#bf1238;}
	.big-red:hover{background:#e31845;}
	.static-service a.btns{ display:block; margin-bottom:25px; text-align:center; font-weight:bold; text-transform:uppercase;}
	.hero-form{ background:rgba(0, 0, 0, 0.8); position:absolute; right:0; bottom:0px; width:374px; height:312px; padding: 15px 25px; text-align:center;}
	.hero-form h3{ color:#fff;}
	.hro-form input[type="email"], .hro-form input[type="text"], .hro-form textarea{ background:#fff; border:none; padding:8px; width:100%; margin-bottom:10px;}
	.inslider .container{ position:relative; min-height:500px;}
	.hro-form .btns{ border:none;}
	.hero-form span{ float: right; font-size: 11px; margin-right: 10px; margin-top: -28px; position: relative;}
	.clear{ clear:both;}
	
	.know-web{ background:none;}
	.know-web p{ text-align:justify;}
	.know-web ul li{ padding:0; margin:0 0 0 5px;}
	.simprofile{ list-style:none; margin:0; padding:0;}
	.simprofile li{ border-left:2px solid #dfdfdf; padding:0; float:left;}
	.simprofile li:first-child{ border:none; margin:0;}
	.simprofile li a{ display:block;}
	.gpluspartner, .subnasscom, .subiso, .sub-highlight{ background:url(../images/new/simsprites.png) no-repeat; display:block;}
	.gpluspartner{ width:152px; height:76px; background-position:-6px -4px}
	.subnasscom{ width:154px; height:76px; background-position:-156px -4px}
	.subiso{ width:95px; height:76px; background-position:-326px -6px}
	.sub-highlight{ width:94px; height:76px; background-position:0px -88px}
	.s-outsource{ background:#f1f1f1;}
	.know-web h2, .s-outsource h2, .ours-process h2, .ours-portfolio h2{ font-weight:700; font-size:48px; text-align:center; background:url(../images/new/line.jpg) no-repeat bottom center; padding-bottom:30px; margin-bottom:32px;}
	
	
	.vfortrust{ width:58px; height:58px; border:2px solid #222; float:left; margin-right:10px; padding:10px; position:relative}
	.vfortrust i{ color:#222; position:absolute; left:-7px; top:14px; }
	.vfortrust i:before, .vfortrust i:after{ font-size:30px;}
	.s-outsource li strong{ font-weight:bold; display:block; margin-bottom:2px;}
	.s-outsource ul li{ background:#fff; padding:20px; font-size:18px; width:48%; margin:11px 10px; float:left; line-height:22px; height:100px;}
	.ceo-speak blockquote span{ font-weight:400; display:block;font-size: 1.3em; margin-bottom:10px;}
	.ceo-speak{ background:url(../images/new/ceo-speak.jpg) no-repeat fixed; color:#222; padding:50px 0; min-height:120px; text-align:center; color:#fff; background-size:cover; text-align:center}
	.ceo-speak blockquote{background:url(../images/new/ceo.png) no-repeat  center center}
	.ceo-speak blockquote cite{ background:#f7b509; color:#222; display:inline-block; padding:1px 10px;}
	.ours-process{ padding:50px 0; background:#F1F1F1;}
	.ours-process ul li{ list-style:none; float:left; margin:0 5px;}
	.sub-process a{ width:160px; height:160px; display:block; text-align:center;}
	.sub-process div{ width:160px; height:160px; display:block; text-align:center;}
	.sub-process .glyph-icon{text-align:center; border-radius:50px; width:100px; height:100px; border:3px solid #eff0f2; margin:0 auto 10px auto; display: block; padding:20px 0; position:relative;}
	
	.sub-process span{ display:block; color:#222; font-size:11px; font-weight:400;}
	.sub-process .glyph-icon:before, .sub-process .glyph-icon:after{ font-size:48px; left:5px; position:absolute; }
	 .sub-process li:hover .glyph-icon{ border:none;padding:10px 0;}
	.sub-process li:hover .glyph-icon:before,.sub-process li:hover .glyph-icon:after {font-size:60px; }
	.sub-process .glyph-icon.prs1{ border-color:#bf1238; color:#bf1238;}
	.sub-process .glyph-icon.prs2{ border-color:#313e84; color:#313e84;}
	.sub-process .glyph-icon.prs3{ border-color:#f3d31c; color:#f3d31c;}
	.sub-process .glyph-icon.prs4{ border-color:#859b09; color:#859b09;}
	.sub-process .glyph-icon.prs5{ border-color:#e86201; color:#e86201;}
	.sub-process .glyph-icon.prs6{ border-color:#bf1238; color:#bf1238;}
	.uparrow, .dparrow{ position:relative;}
	.uparrow:after, .dparrow:after{ content:""; width:56px; height:16px; position:absolute; right:-32px; }
	.uparrow:after{ background:url(../images/new/uparrow.png) no-repeat; top:40px;}
	.dparrow:after{ background:url(../images/new/dparrow.png) no-repeat; top:50px;}
	.ours-reviews{ padding:50px 0}
	.ours-reviews h2{font-weight:700; font-size:32px;text-transform: none;}
	.reviewco strong i{ font-weight:normal;  color: rgba(0, 0, 0, 0.54); font-style:normal; display:block;}
	.vreviews{ width:265px; height:43px; display:block;background:url(../images/new/reviews.jpg) no-repeat;}
	.istar, .gstar{ display:block; width:70px; height:20px; }
	.istar{background:url(../images/new/star-b.png) repeat-x}
	.gstar{width:64px; background:url(../images/new/star-y.png) repeat-x}
	.reviewimg{ width:50px; float:left}
	.reviewimg img{ border-radius:50px;}
	.reviewco {float: left;width: 90%;}
	.icenter{ text-align:center;}
	.reviews{ width:100%; clear:both;}
	
	.f-nav{ background:#fff;}
	.f-nav .cbp-hsmenu > ul > li > a{ color:#222;}
	.ours-reviews .btns{ display:inline-block;}
	.f-nav .cbp-hsinner{width: 1080px; margin:0 auto;}
	.f-nav .cbp-hsmenu > ul > li > a{ line-height:40px;}
	.f-nav .cbp-hsmenu > ul > li.cbp-hsitem-open > a{ color:#fff;}
	.f-nav .cbp-hssubmenu .containers{ border:2px solid #cbcbcb; border-top:none;}
	
	.ours-portfolio{ background:#d2b7a2 (../images/new/portfolio-bg.png) no-repeat center center; padding:50px 0}
	.ours-portfolio .well{ background:none; border:none; box-shadow:none;}
	.ours-portfolio .carousel-control.right, .ours-portfolio .carousel-control.left{ background:none;}
	.ours-portfolio .carousel-indicators{ bottom:-22px;}
	
	.ours-portfolio .carousel-indicators li{ border-color:#222}
	.ours-portfolio .btn.btn-default{background-color: #BF1238; border:none;}.ours-portfolio .btn.btn-default:hover{background-color: #E31845;}
	.ours-portfolio .carousel-indicators .active{background-color: #BF1238; border:none;}
	
	
	
	.ours-reviews .well{ background:none; border:none; box-shadow:none; margin:0; padding:0;}
	.ours-reviews .carousel-control.right, .ours-reviews .carousel-control.left{ background:none;}
	.ours-reviews .carousel-indicators{ bottom:32px;}
	.ours-reviews .carousel-indicators li{ border-color:#222}
	.ours-reviews .carousel-indicators li{ border-color:#222}
	.ours-reviews .carousel-indicators .active{background-color: #BF1238; border:none;}
	.ours-reviews .carousel-inner{ min-height:230px; padding-bottom:32px;}
	.s-title-header{background: #d8c1ae url(../images/new/services.jpg) no-repeat right top;}
    .s-title-header h1, .s-title-header p{ color:#222}
	.s-welcome,.my-page{margin: 10px 5px 6px;}
	#resellermain .main{ z-index:999;}
	
	@media (min-width 1368px) and (max-width 1920px){
		body{ font-size:18px;}
	p{ font-size:18px; line-height:28px;}	
	}
	/*Home page style end*/
	/*new header style 14-12-2016*/
	 .s-logo-panel{ float:left; width:84px; height:84px; padding:16px 0}
	 .subnav{ float:left; width:89%;}	 
	 
	 .simcon{ width:100%; min-height:74px;}
	.telis{ width:204px; height:60px; float:left}
	.telis ul{ margin:0; padding:0; list-style:none; width:142px; float:left;}
	.telis ul li:first-child a{ font-weight:bold;}
	.telis ul li a{ color:#222;}
	
	.telis i{ width:58px; height:58px; float:left; display:block;  transform: rotate(-80deg); position:relative}
	.telis i:before, .telis i:after{ font-size:36px; color:#52c3f2; position:absolute; left:-4px; top:14px;}
	.subemail{width:238px; height:60px; float:left; margin-left:112px;}
	.subemail ul{ float:left; margin:0; padding:0;}
	.subemail ul li{ display:block; float:none; text-align:left;}
	.subemail i{ width:58px; height:58px; float:left; display:block;  position:relative}
	.subemail i:before, .subemail i:after{ color: #52c3f2;font-size: 36px;left: -12px;position: absolute;top: -3px;}
	.simpull{ float:right; width:586px; padding:16px 0 0 0}
	nav.cbp-hsmenu-wrapper{ clear:right;}
	.s-top-header a, .s-top-header a.s-ordercart, a.my-page{ font-size:12px; margin:3px 5px; padding:5px 0; background:none;}
	s-top-header a i:before, .s-top-header a.s-ordercart i:before, a.my-page i:before, s-top-header a i:after, .s-top-header a.s-ordercart i:after, a.my-page i:after{font-size: 15px;margin:0 2px 0 0;}
	.s-top-header a:hover, .s-top-header span.twhite:hover{ background:none; color:#fff;}
	.s-top-header a.hlogin{ background:#f7b509; color:#222; text-transform:uppercase; font-size:18px; padding:2px 12px; border-radius:0;}
	
	.s-top-header .glyph-icon:before, .s-top-header .glyph-icon:after{ margin:0 2px 0 0;}
	.s-top-header a.hlogin:hover, .s-top-header a.logout:hover, .s-top-header a.login:hover,.s-top-header a.register:hover{ background:#ffcc48;}
	.s-welcome {margin: 0;padding: 9px 2px 0;}
	.cbp-hsmenu-wrapper .cbp-hsmenu > ul{ float:right;}
	.cbp-hsmenu > ul > li > a{ line-height:40px;}
	.main{background:url(../images/new/gradient.jpg) no-repeat bottom right; box-shadow: 0 0 10px #7c7c7c}
	.main .container{ padding-bottom:0; width:1170px;}
	.cbp-hssubmenu{ top:40px;}
	.cbp-hsmenubg{top:40px; left:11%;/*background:url(../images/new/menu-bg.jpg) no-repeat right bottom*/background:none;}
	.cbp-hsmenu > ul > li.cbp-hsitem-open .cbp-hssubmenu{ border:none; background:url(../images/new/menu-bgs.png) no-repeat 0 0}
	.f-nav .cbp-hsmenu > ul > li.cbp-hsitem-open .cbp-hssubmenu{ border:none; background:none;}
	.cbp-hssubmenu .containers{padding: 0; float:right; background:#fff; border-top: 2px solid #d4d4d4;}
	
	.cbp-hssubmenu > ul > li a{ color:#222; font-weight:bold;}
	.cbp-hssubmenu > ul > li .dropdown-menu a{ font-weight:normal;}
	.cbp-hssubmenu{ float:right; padding:0;width:auto; right:0; background:none}

	
	.cbp-hssubmenu > ul > li:hover > a, .cbp-hssubmenu .third-level-sub .dropdown-menu{ background:#2C3884 !important; border:none;}
	.cbp-hssubmenu .third-level-sub .dropdown-menu a:hover{background:#4859c2;}
	 .no-touch .cbp-hsmenu > ul > li > a:focus, .cbp-hsmenu ul > li.cbp-hsitem-open > a, .cbp-hsmenu ul > li.cbp-hsitem-open:hover > a{background:#bf1238  }
	.cbp-hsmenu > ul > li.cbp-hsitem-open > a::before{ border-top-color:#bf1238;}
	/*header style end*/
	/*footer style*/
	 .footer{ background:#eff0f2; padding:15px 0 0 0}
	 .footer h6, .s-address strong{ color:#000; font-size:16px; text-transform:uppercase;font-family: 'Roboto', sans-serif; font-weight:bold;}
	 .s-address{ background:none; padding:0;}
	 .s-footerlink ul li a, .s-address, .s-address a{ font-size:16px;font-family: 'Roboto', sans-serif; font-weight:300; color:#000; text-decoration:none;}
	 .s-footerlink ul li a:hover{text-decoration:underline;}
	 .lv-support a{background:url(../images/new/live.gif) no-repeat 60% 3px; text-indent:1px; height:auto; width:auto;}
	  .s-footer-logo{}  
      .fgpartner,  .fnasscom, .fiso,  .fdmca,  .frapidssl, .finc500{background:url(../images/new/simsprites.png) no-repeat; list-style:none;}
	  .s-footer-logo{ margin-top:25px;}
	  .s-footer-logo li{ float:left; text-indent:-9999px; margin:0;}.s-footer-logo li a{ display:block; text-indent:-9999px;}
	  .fgpartner{ width:141px; height:50px; background-position:-11px -177px;}
	  .fnasscom{ width:128px; height:50px;background-position:-158px -177px; }
	  .fiso{ width:56px; height:35px;background-position:-11px -231px; clear:both;}
	  .fdmca{ width:56px; height:35px;background-position:-70px -231px;}
	  .frapidssl{ width:76px; height:35px;background-position:-133px -231px;}
	  .finc500{ width:76px; height:35px;background-position:-212px -231px; }
	  .ffspecial{ padding-left:50px;}
	  
	  .s-socialmedia{ padding-bottom:10px;}
	  .s-footer-logo li.fnasscom{margin-left:6px;}
	  .s-footer-logo li.fdmca{ margin:0 5px;}
	  .s-footer-logo li.finc500{margin-left:5px;}
	  .s-socialmedia li a{background:url(../images/new/simsprites.png) no-repeat; width:32px; height:32px;}
	  .s-socialmedia li.s-facebook a{ background-position:-298px -172px;}
	  .s-socialmedia li.s-twitter a{background-position:-339px -172px;}
	  .s-socialmedia li.s-linkedin a{background-position:-378px -172px;}
	  .s-socialmedia li.s-gplus a{background-position:-417px -172px;}
	  .s-socialmedia li.s-youtube a{background-position:-458px -172px;}
	  .s-pagefooter{ background:#fff;}
	  .pageSmall{ padding:20px 0}
	  
	  	/*footer style end*/
		
		
		
		/*order page*/
		.pageSmall table th{ background:#EFEFEF; padding:5px; }
		.pageSmall table th a, .pageSmall table th{color:#222 !important; font-size: 14px; font-weight: 700; text-transform: uppercase;}
		.pageSmall table td{ padding:2px;}
		.pageSmall table td.SmallGray, .pageSmall table td, .pageSmall table td a{font-size: 15px;font-weight: 400;}
		
	 /*	.pageSmall.pending, .pageSmall .started, .pageSmall .finished, .pageSmall .approved,  .pageSmall .notstarted, .pageSmall .onhold,  .pageSmall .forApprovel{    border-radius: 3px;    font-size: 12px !important;font-weight: bold !important; padding: 1px 5px;color:#fff;text-decoration:none; margin:0 2px;}
		.pageSmall.pending:hover, .pageSmall .started:hover, .pageSmall .finished:hover, .pageSmall .approved:hover,  .pageSmall .notstarted:hover, .pageSmall .onhold:hover,  .pageSmall .forApprovel:hover{ color:#fff; text-decoration:none;}
		.pageSmall.pending{ background:#75706b; }
		.pageSmall .started{background:#2c82c9; }
		.pageSmall .finished{background:#41a85f;}
		.pageSmall .approved{background:#f37934;}
		 .pageSmall .notstarted{background:#d14841;}
		 .pageSmall .onhold{background:#28324e;}
		 .pageSmall .forApprovel{background:#f37934;}
		 
		 
		 
		 .SubProjectsListItem.pending, .SubProjectsListItem .started, .SubProjectsListItem .finished, .SubProjectsListItem .approved,  .SubProjectsListItem .notstarted, .SubProjectsListItem .onhold,  .SubProjectsListItem .forApprovel{    border-radius: 3px;    font-size: 12px !important;font-weight: bold !important; padding: 1px 5px;color:#fff;text-decoration:none; margin:0 2px; display:inline-block; text-align:center;}
		.SubProjectsListItem.pending:hover, .SubProjectsListItem .started:hover, .SubProjectsListItem .finished:hover, .SubProjectsListItem .approved:hover,  .SubProjectsListItem .notstarted:hover, .SubProjectsListItem .onhold:hover,  .SubProjectsListItem .forApprovel:hover{ color:#fff; text-decoration:none;}
		.SubProjectsListItem.pending{ background:#75706b; }
		.SubProjectsListItem .started{background:#2c82c9; }
		.SubProjectsListItem .finished{background:#41a85f;}
		.SubProjectsListItem .approved{background:#f37934;}
		 .SubProjectsListItem .notstarted{background:#d14841;}
		 .SubProjectsListItem .onhold{background:#28324e;}
		 .SubProjectsListItem .forApprovel{background:#f37934;}
		 
		.SubProjectsListItem .colorbstatus {background:#f37934;}*/
		 
		 .mypagefullcontent .tab-subproject .SubProjectsListItem td .pending, .mypagefullcontent .tab-subproject .SubProjectsListItem td .started , .mypagefullcontent .tab-subproject .SubProjectsListItem td .finished, .mypagefullcontent .tab-subproject .SubProjectsListItem td .approved,  .mypagefullcontent .tab-subproject .SubProjectsListItem  td .notstarted, .mypagefullcontent .tab-subproject .SubProjectsListItem td .onhold,  .mypagefullcontent .tab-subproject .SubProjectsListItem td .forApprovel{    font-weight: bold !important; }
		 .colorbstatus{ background:#f7b509; padding:0px 10px; color:#333; font-weight:bold; text-decoration:none;}
		 .colorbstatus:hover{ background:#f7cd09; color:#c50013;}
		 
		 .mypagefullcontent .pmbmsg p, .mypagefullcontent  .panelMaxBor p, .mypagefullcontent .midContent p, ul.leftmenu li a{ font-size:14px; line-height:normal;}
		 .mangercontent{ font-weight:bold;}
		 .mangercontent .SubProjectsListItem td{ font-weight:normal !important;}
		 .mypagefullcontent .chklabel .postMsg{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5cb85c+0,449d44+100 */
background: #5cb85c; /* Old browsers */
background: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5cb85c 0%,#449d44 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5cb85c 0%,#449d44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb85c', endColorstr='#449d44',GradientType=0 ); /* IE6-9 */ color:#fff; display:inline-block; border:none; padding:15px 22px; cursor: pointer;    font-weight: bold;}
		 .mypagefullcontent .chklabel .postMsg:hover, .mypagefullcontent .chklabel .postMsg:focus{ background:#449d44; color:#fff;}
		 
		 #mainContentRight h1{ font-weight:bold; min-height:50px;}
		 .mypagefullcontent .tab-subproject td, .mypagefullcontent .tab-subproject td span{font-weight:normal !important;}
		.mypagefullcontent .tab-subproject td{ background:#dff0f9;/* border:1px solid #b3c9d9;*/ border:none; padding:10px 8px;}	
		 .mypagefullcontent .tab-subproject tr:nth-child(2n+1) td{ background:#badff3; }
		 
		 .mypagefullcontent .tab-subproject tr td:nth-child(3){background:#f0faff;}
		 .mypagefullcontent .tab-subproject tr:nth-child(2n+1) td:nth-child(3){background:#daedf8;}
		 
		 .mypagefullcontent .tab-subproject tr:hover td, .mypagefullcontent .tab-subproject tr:hover td:nth-child(3){ background:#eef7fb;}
		 
		 
		 
		 .mypagefullcontent .tab-subproject tr td.SubProjectsTitle, .mypagefullcontent .tab-subproject tr:first-child td:nth-child(3){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f93c7+0,206a97+100 */
background: #3f93c7; /* Old browsers */
background: -moz-linear-gradient(top, #3f93c7 0%, #206a97 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3f93c7 0%,#206a97 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3f93c7 0%,#206a97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f93c7', endColorstr='#206a97',GradientType=0 ); /* IE6-9 */ color:#fff; font-weight:bold !important; border-color:#225a7c;}
.mypagefullcontent .tab-subproject tr.SubProjHead td{ background:#206a97; color:#fff;}
		 
		 .panelMaxBor{ box-shadow:none;}
		 .mypagefullcontent .panelMaxBor b, .mypagefullcontent .panelMaxBor .leftText{ font-weight:400;}
		 .leftbar{ border-radius:0; box-shadow:none;}
		 ul.leftmenu li{ background:#fdfbfa;border-bottom: 1px solid #e2e2e4;}
		 ul.leftmenu li a{padding: 5px 10px; display:block}
		 ul.leftmenu li:hover a{ color:#222}
		 ul.leftmenu li:hover{background:#fdfbfa;}
		 ul.leftmenu{border: 1px solid #e2e2e4;}
		 
		 ul.leftmenu li span.mi{ color:#222; float:left; font-weight:normal; height: 30px; display:inline-block; position:relative; width:36px; margin-right:10px;}
		 span.mi:before, span.mi:after{font-weight:normal; position:absolute; top:3px; margin:0; left:8px;}
		 ul.leftmenu li:hover span.mi{ background:#bf1238; color:#fff;}
		 
		/* ul.leftmenu li span.mi.mi1{color:#bf1238;}
		 ul.leftmenu li span.mi.mi2{color:#313e84;}
		 ul.leftmenu li span.mi.mi3{color:#e2c20a;}
		 ul.leftmenu li span.mi.mi4{color:#859b09;}
		 ul.leftmenu li span.mi.mi5{color:#e86201;}*/
		 
		 ul.leftmenu li:hover span.mi.mi1{color:#fff; background:#bf1238}
		 ul.leftmenu li:hover span.mi.mi2{color:#fff;background:#313e84}
		 ul.leftmenu li:hover span.mi.mi3{color:#fff;background:#e2c20a}
		 ul.leftmenu li:hover span.mi.mi4{color:#fff;background:#859b09}
		 ul.leftmenu li:hover span.mi.mi5{color:#fff;background:#e86201}
		 
		 
		 
		 #resellermain table tr td span a, #resellermain table tr td a{ font-size:14px; font-weight:400;}
		 ul li{ font-weight:400;}
		 
		 /*NEWS*/
		 .newspost .span6  h2{font-size: 22px; font-weight: 400;}
		 .newspost .span6 .contentText{ font-weight:400;}
			.pagination{ width:auto;}
			.newspage .simtwo h1{ font-size:32px; color:#222}
		 
.newspage .simtwo h2{ font-size:22px; font-weight:400;}
.newspage .simtwo .span9 h1{ color:#222;}
.newspost .span6.even{ border-color:#bf1238;}
.simtwo h1 span{ display:inline-block; margin-top:8px;}
.simtwo .span9 ul.newspost{ margin-left:0;}


.staff-mypage{}

.my-profile.nav{ float:right; border:none; margin:0;}
.my-profile.nav > li > a{ padding:32px 18px; border-radius:0}
.my-profile.nav  .open .dropdown-toggle, .my-profile.nav  > li.dropdown.open.active > a:hover, .my-profile.nav > li.dropdown.open.active > a:focus, .my-profile.nav > li > a:hover, .my-profile.nav > li > a:focus{ background:#f4f4f4; color:#222}
.staff-mypage .simpull{ padding-top:23px;}

.my-profile .dropdown-menu{ width:164px; border: 1px solid rgba(0, 0, 0, 0.15);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);border-radius: 4px;background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15); right:0; left:auto; top:84px}
	.my-profile .dropdown-menu li:hover a{ background:#f4f4f4;}
.my-profile.nav .glyph-icon:after, .my-profile.nav .glyph-icon:before{ margin-left:0; font-size:36px; color: #52c3f2;}

.my-profile.nav .dropdown-menu .glyph-icon:after , .my-profile.nav .dropdown-menu  .glyph-icon:before{font-size:12px; color:#222}

.my-profile.nav .dropdown-toggle .caret {
    border-bottom-color: #222;
    border-top-color: #222;
    margin-top: 6px;
}

.my-profile.nav li.dropdown.open .caret, .my-profile.nav li.dropdown.open.active .caret, .my-profile.nav li.dropdown.open a:hover .caret, .my-profile.nav li.dropdown.open a:focus .caret{border-bottom-color: #222;border-top-color: #222;}	
	.my-profile .dropdown-menu li a{ color:#222;}
.staff-mypage  .main{ background:#fff;}
.staff-mypage .s-logo-panel{ height:54px;}
.staff-mypage .s-logo-panel a img{ display:none;}

.staff-mypage .s-logo-panel a, .staff-mypage .s-logo-panel .s-logo:hover{ background:url(../images/new/submitinme-s.jpg) no-repeat; width:57px; height:57px; display:block;}
.onpage-table  .pricing_three.highlight .pricing_column_first{ width:44%;}

.onpage-table  .pricing_three .pricing_column{width:26%;}

.pricing_table .pricing_column_first li{}
.onpage-table  .pricing_column.gradient_blue{ border-right:2px solid #E1F2F5;}
.onpage-table .pricing_table li.pricing_header2{}

h2.dawn{ font-weight:600;}
.tbl-onpage{ /*background:url(../images/new/onpage-special.jpg) no-repeat; background-size:cover;*/ padding:20px 0; background:#D8C1AE;}
.tbl-onpage .pricing_table .odd, .tbl-onpage .pricing_table .even{ line-height:26px;}
.tbl-onpage .pricing_table .odd{ background:#fff;}
.tbl-onpage .pricing_table .even{ background:#fcfcfc;}

.tbl-onpage .pricing_table li.pricing_header2{ background:#CCCCCC  !important; }

	.tbl-onpage .pricing_table li.pricing_header2 span{color:#222; text-shadow:none !important; font-weight: 600 !important;}	
	.tbl-onpage ul li{ border:1px solid #e1e3ef;border-collapse: collapse;}	
	.tbl-onpage .pricing_table li.pricing_header2, .tbl-onpage .pricing_table .pricing_column_first li.pricing_header1, .tbl-onpage .pricing_table ul li.pricing_header1{ border:none;}
	
	.tbl-onpage .pricing_table ul.pricing_column li.pricing_header1{ background:#255595; border:1px solid #1d9ada !important; border-collapse:collapse;}
	
	
	.tbl-onpage  .pricing_table li.pricing_header1{min-height:200px; color:#222}
	.tbl-onpage .pricealign{ min-height:10px;padding: 25px 0 0 0; color:#fff; font-size:28px; font-weight:normal;}
	.tbl-onpage h2{ /*color:#d1ebf7;*/ text-align:center; text-transform:uppercase; color:#222;}
	
	.tbl-onpage  .pricealign i{ color:#FE3A24; font-size:18px; display:block; font-style:normal;}
	
	.tbl-onpage  .pricealign .pricetag,.tbl-onpage .pricing_header1 .pricetag .inrrate, .tbl-onpage .pricing_header1 .pricetag .usdrate{ color:#fff !important;}
	
	.tbl-onpage .pricing_three.highlight .pricing_column_first, .onpage-table .pricing_column.gradient_blue{ border:none;}

	/*.s-quoteform.onpage-form {margin:20px auto;padding: 0;margin: 0 auto;width: 40%; float:none; background:#f8f8f8; padding:15px;}*/
	.s-quoteform.onpage-form {margin:20px auto;padding: 0; width: 100%; float:none; background:#f8f8f8; padding:15px;}
	.s-quoteform.onpage-form h3{ text-align:center;}
	.s-quoteform.onpage-form .controls{ width:50%; margin:0 auto;}
	.tbl-onpage  .pricing_table .pricing_column_first li.pricing_header1{ line-height:100px; font-size:28px;}
	.tbl-onpage{ margin-bottom:15px;}
	
	.cbp-hsmenu > ul > li.cbp-hsitem-open .cbp-hssubmenu{ background:none;}
	.main .f-nav{ background:#EFEFEF;}
	
	
	
	.s-title-header h1.onstyle{ font-weight:bold;}
	.s-title-header h1.onstyle i{ display:block; font-style:normal; font-size:26px; padding-left:42px; font-weight:400;}
	
	.onflight .s-contentpanel  ul li{ font-size:16px;}
	.onflight .s-contentpanel ul li strong{ display:block; margin-bottom:6px;}
	.onflight .s-contentpanel ul li{ line-height:24px; margin-bottom:10px; background:url(../images/new/flight.png) no-repeat 0 0; padding-left:30px; list-style:none;}
	.speedon h3{ text-transform:uppercase; font-size:24px; font-size: 20px;font-weight: bold; border-left:5px solid #F7A901; padding-left:10px; color:#BF1238}
	.speedon{ padding:15px; border:3px solid #e1e1e1; margin-bottom:15px; border-radius:5px}
	.happyon{ position:relative; overflow:hidden;}
	.happyoff{ position:absolute; width:100%; height:200px; display:block; bottom:0; top:0;}
	.fgpartner a{height: 50px;     width: 141px;}
.fnasscom a{height: 50px;    width: 128px;}
.fiso a{height: 35px;    width: 56px;}
.fdmca a{height: 35px;    width: 56px;}
.s-footer-logo li a{ display:block !important}
.alert.alert-error p{ font-size:13px; line-height:normal}
.liveHelp {  
    border-radius: 5px;    
    right: 0px;
    position: fixed;  
    top: 5px;   
    z-index: 2147483647;
}
.liveHelp:hover {  
    right: -6px;
    z-index: 2147483647;
}
#livesidebutton{border-radius: 7px;   
    display: inline-block;
    margin-left: 5px;
    background: none;
    position: absolute;
    cursor: pointer;color: #ccc;
    font-size: 24px;
    font-weight: bold;}
	#livebot{
    width:404px;    
	position:absolute;
	right:0px;
	bottom:30px;
}
#title_bar{
    background: #FEFEFE;
    height: 20px; padding:5px;
    width: 98%; font-weight:bold;
}
#box{
     height: 370px;
    background: #DFDFDF;
}
#livebot{ z-index: 2147483647; position: fixed;}

		@media (max-width: 1280px){
			.cbp-hssubmenu > ul > li a{ padding:15px 12px;}
			.cbp-hsmenu > ul > li.cbp-hsitem-open .cbp-hssubmenu{ background-position:36px bottom;}
			.cbp-hsmenubg{ left:0;}
			.mosttrust{ left:22%; margin:36px 0 0 0}
			
		}
		
		
		
		@media (max-width: 1024px){
			.mosttrust{ left:30%;}
			.subnav{ width:78%;}
			.know-web h2, .s-outsource h2, .ours-process h2, .ours-portfolio h2{ font-size:34px;}
			.s-outsource ul li{ width:47%;}
			.sub-process div{ width:132px; height:132px;}
			.main .container{ width:100%;}
			
		}
		
		
		@media (max-width: 768px){
		.subnav{ width:80%;}
		.simpull{ float:none; width:100%;}
		.cbp-hsmenu-wrapper div.cbp-hsmenu > ul{ float:right;}
		.main{ background-position:-80% bottom;}
		.mosttrust{ position:relative; left:auto; top:auto; width:50%; float:right; margin:15px 0 0 0; line-height:none;}
		.mosttrust h1{ font-size:22px; line-height:normal;}
		.mosttrust h1 span{ font-size:22px;}
		.mosttrust h2{ text-align:left; font-size:14px;}
		.s-outsource ul li{ width:100%; float:none; margin: 11px 0;}
		.know-web h2, .s-outsource h2, .ours-process h2, .ours-portfolio h2{font-size: 32px; margin-bottom: 12px;padding-bottom: 15px;}
		
		}
		
		@media (max-width: 600px){
		.subemail{ margin-left:0;}
		.sub-process .glyph-icon{ border:none;}
		.hero-form{ width:320px;}
		.s-logo-panel img{ width:100%;}
		.subnasscom{ width:148px;}
		.subiso{ width:90px;}
		.sub-highlight{ width:93px;}
		.ceo-speak blockquote{ background-position:0 0;}
		.mosttrust h2 span{ background:none; color:#222; padding:10px 0}
		
		}
		
		@media (max-width: 572px){
			.subnav{ width:82%;}
		.telis{ width:172px;}
		.telis i{ width:36px;}
		.subemail i{ width:40px;}
.simpull{ overflow:hidden;}
		.subemail i::before, .subemail i::after{ margin-left:13px;}
		.static-service{ position:relative; width:72%; margin:0 auto;}
		.cbp-hsmenu-wrapper .cbp-hsmenu > ul{ float:right !important;}
		.telis ul{ width:132px;	}
		.subemail ul{width:148px;}
		.subemail{ width:206px; margin-left:5px;}
		.subemail ul li{ width:200px;}
		.mosttrust, .hero-form{ position:relative; left:auto; margin:0 auto; float:none; width:80%;}
		.mosttrust{ text-align:center; min-height:342px;}
		.telis i::before, .telis i::after{left: -12px; top: -1px;}
		.inslider { background: url("../images/new/small.jpg") no-repeat  0 top; }
		.cbp-hsmenu > ul > li{ display:block !important; float:left;}
		.mosttrust h1{ margin-top:10px;}
		.mosttrust h2{ text-align:center;}
		.s-top-header a, .s-top-header a.s-ordercart, a.my-page{ display:inline-block;}
		.s-top-header a.logout, .s-top-header a.login{ font-size:18px; padding:2px 5px;}
		.cbp-hssubmenu .containers{ float:none;}
		.cbp-hssubmenu > ul > li a{ padding:5px 10px;}
		.cbp-hssubmenu > ul > li a{ line-height:26px;}
		div.cbp-hsmenu > ul > li > a{ font-size:15px; padding:0 14px;}
		.main {    background-position: right bottom;}
		.top-new-service{ float:none; text-align:center;}
		
		}
		
		@media (max-width: 564px){
		.subnav{ width:100%;}
		.simcon{ padding-left:92px;}
		.s-logo-panel{ position:absolute; top:20px; left:20px;}
		.telis, .subemail{ width:166px; float:none; clear:both;}
		.subemail ul, .telis ul{ width:126px;}
		.telis i::before, .telis i::after{ font-size:22px;}
		.telis i::before, .telis i::after {left: -4px;top: 14px;}
		.subemail ul li{width: 138px; font-size:12px;}
		.subemail i::before, .subemail i::after{ margin-left:24px; top:1px; font-size:22px;}
		.inslider{ background-position:-74px top;}
		.mosttrust, .hero-form{ width:100%;}
		.mosttrust h1, .mosttrust h1 span{ font-size:16px}
		.mosttrust h2{ font-size:12px;}
		.static-service{ width:100%;}
		.simprofile li{ border:none;}
		.s-outsource ul li{ height:auto; text-align:center; font-size:14px;}
		.s-outsource ul li span{ display:block; float:none; margin:5px auto;}
		.know-web h2, .s-outsource h2, .ours-process h2, .ours-portfolio h2{ font-size:26px;}
		.uparrow::after, .dparrow::after{ display:none;}
		.ours-process ul li, .sub-process div{ float:none; margin:5px auto;}
		.ceo-speak blockquote span{ font-size:1em}
		
		}