/*-----------------------------------------------------------------------------------
	
	Style Inner / Scarlet Information Technology Consultants
	
	--------------------------------------------------------------------------*/
	.banner-small{
	width:100%;
	height:165px;
	margin:0 auto 0 auto;
	background-color:#F60;
	background-image: url(../images/banner-small.jpg);
	background-repeat: no-repeat;
	background-position: 25% top; 	
	}
	h9{font-family: 'Roboto', sans-serif;font-size:15px; color: #8d8e90; margin:0 ;   line-height:23px;font-weight:normal; text-align:justify;}
	.h11{font-family: 'Abel', sans-serif; font-size:25px; color:#e96300; margin:0 ; padding-top:30px; font-weight: bold; }
	.h19{font-family: 'Abel', sans-serif; font-size:20px; color:#e96300; margin:0 ; padding-top:30px; font-weight: bold; }
	h10{ font-family: 'Abel', sans-serif; font-size:35px; color:#47494b; margin:0 ;font-weight:bold; line-height:85px; padding-left:52px; float:left;}
	.h9 { font-family: 'Abel', sans-serif; font-size:23px; color:#47494b; margin:0 ; padding-top:30px; font-weight: bold;}
	.heading { font-family: 'Abel', sans-serif; font-size:30px; color:#47494b; margin:0 ; padding-top:20px; padding-bottom:10px; margin-bottom:10px; font-weight: bold; border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CECECE;}
	.h5{font-family: 'Roboto', sans-serif;font-size:15px; color: #3A3A3A; margin:0 ;  font-style:normal; line-height:23px; }
	.banner_inner-small{ width:1050px; height:165px; margin:0 auto 0 auto;}
	.box-three{ width:1000px; height: auto; float:left; padding-left:25px; padding-right:25px;}
	
	.searvice-bg-inner{ width:369px; height:400px; float:left; background-color:#28a8d9; }
	.text{ width:600px; float:left; height:auto; padding-bottom:25px; }
	
	.container-main-small-new{
	width:1050px;
	height:auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D6D6D6;
	border-left-color: #D6D6D6;
	border-top-width: 1px;
	border-top-color: #D6D6D6;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #ccc9c3;
	
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: solid;
	margin-bottom:50px;
	
	}
	
	.section-second-small {
	width:1016px;
	height:493px;
	float:left;
	background-color:#FFF;
	padding-top:35px;
	padding-left:33px;
	margin-bottom:50px;
	
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D6D6D6;
	border-left-color: #D6D6D6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
	}
	
	.core-values-bg{ width:369px; height:315px; float:left; background-color:#EF6943;}
	
	#core-values_head{ width:369px; height:82px; float:left;  background-color:#e3e2e2;  }
	
	#core-values{  padding:0; width:369px; height:auto; float:left; padding-top:10px; }
	
	.core-values_img{
	width:25px;
	height:35px; margin-left:15px;
	float:left; padding-top:10px; margin-right:10px;
	
	
	}
	#core-values ul { margin:0; padding:0; 
	
	margin:0px;
	
	
	
	float:left;
	width:369px; 
	
	
	}
	
	.hed-para{font-family: 'Roboto', sans-serif;font-size:15px; color: #E8E8E8; margin:0 ;   line-height:23px;font-weight:normal;}
	#core-values li{ margin:0; padding:0; list-style: none; float:left; padding-top:5px; padding-bottom:5px; padding-right:5px; width:364px; 
	height: auto;}
	
	#core-values ul li { float:left;width:364px;font-family: 'Roboto', sans-serif;font-size:13px; font-weight:normal; font-style:normal;}	
	#core-values ul li:hover{ background: #4b545f;}	
	
	#core-values ul li a { text-decoration:none;
	
	width:364px;
	
	float:left; color:#fff;
	
	font-family: 'Roboto', sans-serif;font-size:13px; font-weight:normal; font-style:normal;
	
	
	font-size:12px;
	
	height: auto;
	}
	
	#core-values li a hover{
	
	float:left;
	
	}
	.core-values-bold{font-family: 'Roboto', sans-serif; line-height:20px; font-weight:600;}
	.inner-section{
	width: 1000px;
	float:left;
	height: auto;
	padding-top:25px;
	margin-top:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CECECE;
	
	}
	.inner-section-tow{
	width: 1000px;
	float:left;
	height: auto; margin-bottom:20px;
	padding-bottom:20px;
	
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CECECE;
	
	}
	.line{ width:2px; height:400px; float:left; background-image:url(../images/line-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;}
	.sub-list{ width:1000px; height:300px; float:left; padding-bottom:25px;}
	.banner-img-inner{ width:1000px; float:left; height:auto;}
	
	/*-------------------------------------------------------------------------
	Combine images using CSS sprites Start
	--------------------------------------------------------------------------*/
	.scarlet {
	width: 105px;
	height: 105px;
	background: url(../images/sprite.png) 3px -1542px;
	position: absolute;
	left: 44.5%;
	top: 675px;
	z-index:1;
	}
	.lft div {float: right;margin: 0 0 0 50px;}
	
	.fseo,
	.brosr,
	.easy,
	.suprt,
	.resd,
	.ligt {
	position: absolute;
	line-height: 48px;
	font-size: 14px;
	}
	
	.fseo   {top: 600px; left: 440px; }
	.easy   {top: 700px; left: 400px; }
	.resd   {top: 800px; left: 420px; }
	.brosr  {right: 460px; top: 600px; }
	.suprt  {top: 700px; right: 435px; }
	.ligt   {top: 800px; right: 410px; }
	
	.fseo div,
	.brosr div,
	.easy div,
	.suprt div,
	.resd div,
	.ligt div {
	width: 48px;
	height: 48px;
	background:  url(../images/sprite.png) no-repeat;
	margin: 0 10px 0 0;
	float: left;
	}
	.fseo   div {background-position: -1px -1437px;}
	.brosr  div {background-position: -1px -1489px;}
	.easy   div {background-position: -51px -1437px;}
	.suprt  div {background-position: -51px -1490px;}
	.resd   div {background-position: -1px -1385px;}
	.ligt   div {background-position: -51px -1385px;}
	
	
	.lft div {float: right;margin: 0 0 0 10px;}
	/*-------------------------------------------------------------------------
	Combine images using CSS sprites END 
	--------------------------------------------------------------------------*/
	
	.article_inner{width:970px;
	border-radius: 3px;
	height:140px;
	float:left;
	padding-top:30px;
	padding-left:15px; padding-right:15px;
	
	margin-top:20px; border:1px solid #9FCFFF; background-color:#EEE;
	margin-bottom:50px;
	}
	
	.column_img{ width:142px; height:110px; float:left; border:1px solid #CDCDCD; margin:0 5px 0 12px;}
	
	.column_img:hover{ width:142px; height:110px; float:left; border:1px solid #FF8000; margin:0 5px 0 12px;
	
	
	-webkit-transition: border-color 1000ms linear;
	-moz-transition: border-color 500ms linear;
	-o-transition: border-color 500ms linear;
	-ms-transition: border-color 500ms linear;
	transition: border-color 500ms linear;
	
	}
	
	/* Contact form */  
	.contact_us_left{ width:470px; height:710px; float:left;}
	.h12{ width:auto; height:42px; float:left; color:#e9764b; font-weight:bold;font-family: 'Abel', sans-serif; font-size:22px; }
	.text-box-outer{ width: auto; height: auto; margin-bottom:25px; float:left; }
	.text-box-text{ width:102px; float:left; height:27px; line-height:25px; font-weight:bold; color:#757575;font-family: 'Abel', sans-serif; font-size:16px; }
	
	
	/* text Field  */
	
	.text_field{ width:350px; height: auto; float:left;
	background-color: ;
	
	color:;
	font-size: ;
	font-family: ;
	font-style: normal;
	font-weight: ;
	padding: 1px;
	}
	
	
	
	input {
	width:350px;
	display:block;
	height: 27px; background-color:#e7e7e7; border:0; padding-left:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px;
	color:#4F4F4F;
	}
	
	textarea {
	width:360px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	border:1px solid  #CACACA;
	
	}
	
	
	.send {
	background: none repeat scroll 0 0 #F0640F;
	box-shadow: 0 0 0 0 #B35900 inset;
	
	transition-duration: 0.7s;
	height:29px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	
	line-height:28px;
	width:100px;
	text-decoration:none;
	text-align:center; float:right;
	border-radius: 2px;
	
	}.send:hover {
	background-color:#eda128;
	
	box-shadow: 0 100px 0 0 #FB4F04 inset;
	transition-duration: 0.4s;
	}.send:active {
	position:relative; float:right;
	top:1px;
	}
	.send a{
	position:relative; height:auto; float:right;
	top:1px; color: #fff; height:auto; width:100px; font-weight:normal;font-family: 'Roboto', sans-serif;font-size:13px; text-align:center;}
	
	
	/* Contact form end  */  
	.address_right{
	width:470px;
	height: auto;
	float:left; margin-left:50px;
	background-image:url(../images/address-line.png);
	background-repeat: no-repeat;
	background-position: left top;) }
	
	.address_hed-div{
	width: auto;
	height: auto;
	float:left;
	margin-left:36px; margin-bottom:50px;
	
	
	}
	.img-head{ width:auto; float:left; color:#F90;line-height:50px; font-weight:bold; }
	.heading-box{ float:left; margin-bottom:25px;  width:955px; margin-top:25px; padding-right:20px; padding-left:25px; font-size:25px;
	 background-color:#575757; padding-top:10px; }
	.address_hed{background-color:#ea6a3b; 
	color:#FFF;
	font-family: 'Abel', sans-serif; font-size:22px; 
	line-height:40px;
	margin-left:26px;
	padding-left:15px;
	background-image:url(../images/address-icon.png);
	background-repeat: no-repeat;
	background-position: 90px;
	width:381px; height:39px;}
	.address-text{ width:393px; height: auto; float:left; border-left:2px solid #878787;
	margin-top:22px; margin-left:25px; padding-left:10px; padding-top:5px;}
	
	h13{ font-family: 'Roboto', sans-serif; font-size:14px;float:left;color: #535353;}
	h14{  font-family: 'Roboto', sans-serif; font-size:15px; float:left; width:350px; line-height:25px;color:#7E7E7E;  }
	.h15{ font-family: 'Roboto', sans-serif; font-size:15px;   width:100px; line-height:28px;  color:#EC7600; float:left;}
	.h14{ font-family: 'Roboto', sans-serif;font-size:15px; float:left; line-height:28px;color: #6A6A6A; -webkit-transition: 0.3s; 
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s; }
	.h14:hover{ color: #dc674d;}
	.h20{ color:#24B8FF; font-size:17 px;font-family: 'Roboto', sans-serif; line-height:30px; font-weight: 600;  }
	.h21{ color: #EC7600; font-size:15px;font-family: 'Roboto', sans-serif;  font-weight:normal;  }
	
	.address-text-second{ width:393px; height: auto; float:left; border-left:2px solid #de693d; margin-top:22px;  margin-left:25px; padding-left:10px; text-transform:capitalize; 
	padding-top:5px; color:#de693d; font-family: 'Roboto', sans-serif; font-size:16px; }
	.scarlet_map{ width:470px; height:auto; float:left;}
	.img-hover_text{ width:925px; height:auto;  position:absolute; margin-top:235px; padding-left:50px;}
	.message-box { 
	
	font-size:15px; 
	font-weight:bold; 
	color:#333333;
	width:400px; height:100px; float:right;
	
	} 
	/* sublist one */ 
	.sub_list_inner{ width:220px; height:auto; float:left; padding-top:10px; padding-left:25px;}
	
	.sub_list_inner li{ line-height:25px;list-style:inside;  }
	.sub_list_inner ul{ color:#5C5C5C; font-family: 'Abel', sans-serif; font-size:16px; font-weight:normal;}
	.sub_list_inner ul li{  }
	.sub_list_inner ul li a{ color:#fff;}
	
	
	/* sublist tow */ 
	
	.sub_list_tow{ width:270px; height:auto; float:left; padding-top:10px; padding-left:25px; background-color:#F77; padding-bottom:10px; margin-top:10px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;}
	
	.sub_list_tow li{ line-height:25px;list-style:inside;  }
	.sub_list_tow ul{ color:#fff; font-family: 'Abel', sans-serif; font-size:16px; font-weight:normal;}
	
	
	
	/* drop down  */  
	#Software{padding-top:100px; margin-bottom:25px; height:auto; background-color:#fff2e4; }
	#e-Governance_Services{padding-top:100px; padding-bottom:25px; height:300px; background-color:#fff; }
	#web_design_development{padding-top:100px; padding-bottom:25px; height:300px; background-color:#fff; }
	#loyalty_rewards{padding-top:100px; padding-bottom:25px; height:300px; background-color:#dffaf8; }
	
	#Mobile_Apps_Development{padding-top:100px; padding-bottom:25px; height:300px; background-color:#FFEAEA; }
	.searvice-box-1{ width:1000px; height: auto; float:left; padding-left:25px; padding-right:25px; margin-bottom:20px; margin-top:20px;}
	.Software-img{background:#FFECD9; }
	h17{font-family: 'Abel', sans-serif; font-size:30px;  color:#47494b; font-weight: bold; float:left; width:550px; padding-bottom:10px;   }
	.searvice_left_box{ width:550px; float:left; height:auto;font-family: 'Roboto', sans-serif;font-size:15px; color: #8d8e90; margin:0 ; padding-left:25px;   line-height:23px; font-weight:normal;}
	
	#img_list_inner{ width:auto; height:auto; float:right; padding-top:50px;}
	.searvice_right_box{ width:550px; float:left; height:auto;font-family: 'Roboto', sans-serif;font-size:15px; color: #8d8e90; margin:0 ; padding-left:25px;   line-height:23px; font-weight:normal;}
	.srvs_img{ width:387px; height:auto; float:left; margin-left:15px; visibility:hidden;}
	.srvs_img-web-d{ width:387px; height:auto; float:left;  visibility:hidden;}
	.srvs_img-soft{ width:387px; height:auto; float:left; margin-left:15px;visibility: hidden;}
	.srvs_img-e-Governance{ width:387px; height:auto; float:left; visibility: hidden;}
	.srvs_img-layalty-rws{ width:387px; height:auto; float:left; margin-left:15px;visibility: hidden;}
	.srvs_img-mob-apps{ width:387px; height:auto; float:left; margin-left:15px;visibility: hidden;}
	
	/* drop down Tow */  
	
	#Apps_Development{padding-top:100px; padding-bottom:25px; height:auto; background-color:#f7f1e3; }
	#project_management_Services{padding-top:100px; padding-bottom:25px; height: auto; background-color:#fff; }
	
	/*---- footer ----*/
	 
	#wrapper-tow{ width:100%; height: auto; margin:0 auto 0 auto; background-color:#f2efe7; background-image:url(../images/line-tow.jpg); background-repeat:repeat-x;  }
	
	footer{
	width:100%;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto; background-color:#0A0A0A;
	
	background-repeat: repeat;
	background-position: left top;
	
	}
	.footer-box{
	width:1050px;
	height: auto;margin-right: auto; margin-left: auto;
	
	}
	.ftr-one{ width:1050px; height: auto; float:left;}
	.ftr-mail{ width:360px; height:auto; float:left; padding-top:80px; padding-left:100px; }
	
	.ftr-clr-hover{font-size:25px; line-height:40px; text-align:center;font-family: 'Raleway','sans-serif'; cursor:pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color:#ff4117;}
	.ftr-clr-hover:hover{ font-size:25px; line-height:40px; text-align:center;font-family: 'Raleway','sans-serif';color:#CCC;}
	
	
	
	
	.ftr-call{ width:300px; height:auto; float:left; padding-top:80px; padding-left:40px; font-family: 'Open Sans Condensed', 'sans-serif';color:#ff4117; font-size:25px;line-height:40px;} 
	
	.mail-call-img{ width:50px; height:50px; float:left;}
	.ftr-logo{ width:170px; height: auto; float:left;  padding-top:20px;}
	
	
	
	.footer-link{ width:550px; height:auto; float:left; padding-top:20px;}
	
	.footer-link ul{ width:440px; float:left; padding-left:145px; }
	.footer-link ul li{ width:auto; list-style:none;display:inline; padding:5px;  }
	.footer-link ul li a{ font-family: 'Roboto', sans-serif;width:auto; color:#6B6B6B ; font-size:12px;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;  }
	.footer-link ul li a:hover{ color:#ccc;}
	
	#social-box{ width:170px; margin-left:150px; height:32px;float:left; margin-top:20px;}
	
	.social-icon{ width:32px; height:32px; float:left; margin-right:20px;
	overflow: hidden; }
	
	.social-icon img{ position:relative; top:0;transition: top .2s ease-in-out;}
	.social-icon img:hover{  top: -32px;float:left;}
	
	
	
	.social-icon:hover{transition: top .2s ease-in-out;opacity: 0.8;}
	
	.copy-right{ width:400px; margin-left:150px; height: auto; font-size:12px; color:#5B5B5B; float:left; margin-bottom:25px;margin-top:20px;text-align:left;
	font-family: 'Roboto', sans-serif; font-weight:normal; font-style:normal;}
	.designed_by{ width:240px; height:auto; float:right;font-family: 'Roboto', sans-serif; 
	font-weight:normal; font-style:normal;font-size:12px; color:#5B5B5B; text-align:right; 
	 -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s; line-height:20px;}
	.designed_by:hover{ color:#ff4117;}
	.ftr_adr_box{ width: 400px; height:auto; float: right; padding-top: 21px;}
	.footer-adr-1{ width:350px;height: auto; padding-bottom:5px; float:right; font-family: 'Roboto', sans-serif; color:#6B6B6B ; font-size:12px; line-height:20px;}
	.icon-box{ width:22px; height:100px; float:left;}
	.icon-box-inner{ width:20px; height:20px; float:left; padding-top:1px;}