/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/sf-menu.css";
@import "../css/font-awesome.css";



html, body {}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* {
	-webkit-text-size-adjust: none;
}

img {
	max-width: 100%;
	height: auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}

hr{
	border:none;
	border-bottom:1px solid #b3b3b3; 
}

.m0{
	margin-bottom: 0px !important;
}
.m0_5{
	margin-bottom: 5px !important;
}
.m1_0{
	margin-bottom: 10px !important;
}
.m1_5{
	margin-bottom: 15px !important;
}
.m2_0{
	margin-bottom: 20px !important;
}
.m2_5{
	margin-bottom: 25px !important;
}
.m3_0{
	margin-bottom: 30px !important;
}
.m3_5{
	margin-bottom: 35px !important;
}
.m4_0{
	margin-bottom: 40px !important;
}
.m5_0{
	margin-bottom: 50px !important;
}
.m5_5{
	margin-bottom: 55px !important;
}
.m6_0{
	margin-bottom: 60px !important;
	}
.m6_5{
	margin-bottom: 65px !important;
	}
.m7_0{
	margin-bottom: 70px !important;
}
.m8_0{
	margin-bottom: 80px !important;
}
.m8_5{
	margin-bottom: 85px !important;
}
.ml2_0{
	margin-left: 20px !important;
}
.pl_2_0{
	padding-left: 20px;
}


.f_left{
	float: left;
}
.f_right{
	float: right;
}

/* Header: ITC logo + “Solution Architects” */
.itc_brand{
  display: flex;
  align-items: flex-end;   /* bottom-align tagline to logo */
  gap: 14px;
}

.itc_brand h1{
  margin: 0;               /* prevents h1 pushing baseline */
  line-height: 0;          /* keeps the logo clean */
}

.itc_brand .itc_tagline{
  color: #0b4f8a;
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 500;
  letter-spacing: 4px;     /* matches h2 spacing */
  text-transform: none;    /* keep “Solution Architects” case */
  white-space: nowrap;
  padding-bottom: 6px;
}


h5{
	font-family: 'Roboto', sans-serif;	
	font-size: 16px;
	line-height: 19px;
	font-weight: 500;
	color: #3c3c3c;
	text-transform: uppercase;
	margin-bottom: 17px;
	letter-spacing: 1px
	}
	h5 a{
		text-decoration: none;
		color: inherit;
		}
		h5 a:hover{
			color: #143C64;
		}

.title_pointer{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	font-weight: bold;
	color: #22b4d7;
	text-transform: uppercase;
	padding-left: 20px;
	background: url(../images/title_pointer.png) no-repeat 0px 6px;
	margin-bottom: 18px;
}

.serch_title{
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	line-height: 19px;
	font-weight: 500;
	color: #3c3c3c;
	text-transform: uppercase;
	margin-bottom: 30px;
	letter-spacing: 1px;
	}
p{
	font-family: 'Roboto', sans-serif;	
	font-size: 12px;
	line-height: 21px;
	font-weight: 400;
	color: #7a7d81;
	margin-bottom: 30px;
	}
.mail{
	display: block;
	color: #333333;
	font-family: 'Roboto', sans-serif;	
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	font-style: italic;
	text-decoration: none;
	margin-bottom: 78px;
	margin-top: -9px;
}
	.mail:hover{
		text-decoration: underline;
	}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
	}
.extra-wrap {overflow:hidden;}

/************Header************/
header{
	border-top: 6px #143C64 solid;
	padding-top: 20px;
	margin-bottom: 89px;
}
#index_4 header, #index_2 header, #index_1 header, #index_5 header, #index_6 header{
	margin-bottom: 57px;
	}
#index_3 header{
	margin-bottom: 55px;
	}





	header h1{
		padding-top: 10px;
		padding-bottom: 13px;
		font-family: 'Yesteryear', cursive;
		font-size: 43px;
		line-height: 52px;
		color: #143C64;	
		letter-spacing: -1px;
		font-style: normal;	
	}
		header h1 a{
			display: block;
			color: inherit;
			text-decoration: none;
			
			
			}

	.addititional_menu{
		overflow: hidden;
		margin-bottom: 11px;
	}
		.addititional_menu li{
			float: left;
			position: relative;
			font-family: 'Roboto', sans-serif;	
			font-size: 10px;
			line-height: 12px;
			font-weight: 400;
			margin-right: 34px;
			text-transform: uppercase;
		}
			.addititional_menu li:before{
				position: absolute;
				content: '|';
				top: 0;
				left: -17px;
			}
			.addititional_menu li:first-child:before{
				display: none;
			}
			.addititional_menu li a{
				display: block;
				color: #ababab;	
				text-decoration: none;

				}
				.addititional_menu li a:hover{
					color: #3c3c3c;
				}

	.search_form{
		border: 1px solid #ababab;
		display: block;
		overflow: hidden;
		margin-bottom: 13px;
	}
		.search_form input{
			border: none;
			outline: none;
			float: left;
			width: 175px;
			height: 21px;
			padding: 7px 0px 6px 6px;
			line-height: 19px;
		}
		.search_form a{
			display: block;
			float: right;
			color: #ababab;
			padding: 8px 10px 0px 0px;
			font-size: 18px;
		}
			.search_form a:hover{
				color: #3c3c3c;

			}
		
		
		
nav{
	background: url(../images/nav_bg.gif) 0 0 repeat-x #1794c6;	
	position:relative;
}
	nav:after{
		position:absolute;
		display:block;
		width: 100%;
		height: 10px;
		content: '';
		bottom: -10px;
		left: 0;
		background:url(../images/nav_shadow.png) repeat-x 0 0;
		z-index:999;
		}
	.contact_phone{
		padding-top: 24px;
		padding: 24px 0 0 16px;
		color: #fff;
		font-family: 'Roboto', sans-serif;	
		font-size: 14px;
		line-height: 17px;
		font-weight: 400;	

		}
		.contact_phone span{
			font-size: 14px;
			line-height: 23px;
			margin-right: 4px;
		}

	
	

/************Content***********/



h2{
	font-family: 'Roboto', sans-serif;	
	font-size: 38px;
	line-height: 46px;
	font-weight: 500;
	color: #3c3c3c;	
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 45px;
	}
.central_align{
	text-align:center;
	}
	
	
	.features_list{
		position:relative;
		overflow: hidden;
		padding-bottom: 96px;
		margin-bottom: 90px;
		}
		.features_list:after{
			content:'';
			display:block;
			position:absolute;
			bottom:  1px;
			left: 50%;
			margin-left: -150px;
			width: 300px;
			height: 1px;
			background: #b3b3b3;
			}
		.features_list li{
			float:left;
			width: 300px;
			margin-left: 20px;
			text-align:center;
			}
			.features_list li:first-child{
				margin-left: 0;
				}
				.features_list img{
					margin-bottom: 19px;
					}
				.features_list h4{
					margin-bottom: 22px;
				}
				.features_list h4 a{
					font-family: 'Roboto', sans-serif;	
					font-size: 16px;
					line-height: 19px;
					font-weight: 500;
					letter-spacing:2px;
					text-transform: uppercase;
					color: #3c3c3c;
					
					text-decoration: none;
					}
					.features_list h4 a:hover{
						color: #143C64;
					}

				.features_list p{
					font-family: 'Roboto', sans-serif;
					font-size: 14px;
					line-height: 21px;
					font-weight: 400;
					color: #7a7d81;
					margin-bottom: 1px;
					}
				
				


.camera_caption {
	top: 137px;
	left: 50%;
	margin-left: -470px;
	display: block;
	position: absolute;

	
}
	.camera_caption h3{
		font-family: 'Roboto', sans-serif;	
		font-size: 57px;
		line-height: 68px;
		font-weight: 300;
		color: #fff;	
		margin-bottom: 45px;
	}
	.btn_style{
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-size: 11px;
		line-height: 11px;
		font-weight: 400;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		padding: 12px 51px 13px 46px;
		border: 1px solid #fff;
		background: transparent;
		letter-spacing: 2px;
		margin-left: 3px;
		transition: 0.4s;

	}	
		.btn_style:hover{
			background: #fff;
			color: #143C64;
		}

	.camera_wrap {
		
		height: 529px;
		position: relative;
		background: url(../images/slide1.jpg) no-repeat center 0;
		
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size:  cover;
		
}

.border_box{
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 16px;
}

h4.content_title{
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	line-height: 46px;
	font-weight: 500;
	color: #3c3c3c;
	text-transform: uppercase;
	margin-bottom: 55px;
	letter-spacing: 4px;
}	

#assistent_carusrl .img_box{
        border: 1px solid #e4e4e4;
        
        margin-bottom: 32px;
        
      }
      #assistent_carusrl .img_box img{
      	padding: 9px;
        background: #efefef;

      }


      #assistent_carusrl time{
      	display: block;
      	font-family: 'Roboto', sans-serif;
		font-size: 23px;
		line-height: 28px;
		font-weight: 400;
      	color: #143C64;
      	text-transform: uppercase;
      	margin-bottom: 3px;
      }

      #assistent_carusrl h5{
      	font-family: 'Roboto', sans-serif;
		font-size: 16px;
		line-height: 19px;
		font-weight: 500;
		color: #3c3c3c;
		text-transform: uppercase;
		margin-bottom: 18px;
		letter-spacing: 1px;
      }
       #assistent_carusrl p{
      	font-family: 'Roboto', sans-serif;
		font-size: 12px;
		line-height: 21px;
		font-weight: 400;
		color: #7a7d81;
		margin-bottom: 28px;
		letter-spacing: 0px;
      }


      #assistent_carusrl .btn_style{
      	border-color: #cecece;
      	color: #333;
      	padding: 12px 45px 13px 42px;
      	margin-left: 1px;
      }
      .general_btn{
      	color: #333;
      	padding: 13px 46px 13px 42px;
      	margin-left: 1px;
      	display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-size: 11px;
		line-height: 11px;
		font-weight: 400;
		text-transform: uppercase;
		text-decoration: none;
		border: 1px solid #cecece;
		background: transparent;
		letter-spacing: 2px;
		margin-top: -6px;
		transition: 0.4s;
      }
      	#assistent_carusrl .btn_style:hover, .general_btn:hover{
      		color: #143C64;
      		border-color: #143C64;
      	}
     



.list{
	padding-top: 4px;
	margin-bottom: 58px;
}
	.list li{
		display: block;
		padding: 0px 0px 0px 24px;
		background: url(../images/list_pointer.png) no-repeat 0px 8px;
		margin-bottom: 0px;
		}
		.list li a{
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			line-height: 30px;
			font-weight: 300;
			color: #7a7d81;
			text-decoration: none;
			letter-spacing: 0px;
		}
			.list li a:hover{
				text-decoration: underline;
			}


.post_info{
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: 300;
	color: #7a7d81;
}
	.post_info span{
		color: #143C64;
	}
		.post_info a{
		text-decoration: none;
		color: #7a7d81;
		}
		.post_info a:hover{
			color: #143C64;
			}
.coments{
	float:right;
	display:inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: 300;
	color: #333333;
	font-style: italic;
	padding-right: 30px;
	background: url(../images/coments_bg.png) no-repeat right 0px;
}
	.coments a{
		text-decoration: none;
		color: #333333;
		}
		.coments a:hover{
			color: #143C64;
		}


.do_list{
	overflow: hidden;
	margin-bottom: 78px;
}
	.do_list li{
		float: left;
		width: 270px;
		padding-right:20px;
		margin-right: 30px;
		margin-bottom: 42px;
		}
		.do_list li.last_item{
			margin-right: 0;
		}
		.do_list li a{
			text-decoration: none;
			display: block;
		}
			.do_list li a:hover h6{
				color: #143C64;
			}
			.do_list li a:hover span{
				background: #143C64;
			}
		.do_list li a h6{
			display: block;
			font-family: 'Roboto', sans-serif;
			font-size: 16px;
			line-height: 19px;
			font-weight: 700;
			text-transform: uppercase;
			color: #22b4d7;
			text-decoration: none;
			
			padding-top: 10px;
			letter-spacing: 1px;
			margin-bottom: 18px;
			overflow: hidden;
			padding-left: 1px;
			}
			.do_list li a span{
				display: block;
				float: left;
				font-size: 37px;
				line-height: 37px;
				padding-top: 15px;
				height: 51px;
				width: 66px;
				background: #22b4d7;
				text-align: center;
				color: #fff;
				border-radius: 50%;
				margin-right: 15px;
			}
			.do_list li a span.size{
				font-size:31px;
				}
		.do_list li p{
			font-family: 'Roboto', sans-serif;
			font-size: 12px;
			line-height: 20px;
			font-weight: 400;
			color: #7a7d81;
			padding-left: 80px;
			}
	.border{
		border-right: 1px solid #b3b3b3;
		padding-top: 92px;
		padding-bottom: 58px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		
	}
	.submit_box{
		padding: 26px 33px 18px 23px;
		border: 1px solid #cecece;
		border-radius: 8px;
		margin-right: 35px;
		overflow: hidden;
	}
		.submit_box h5{
			float: left;
			font-family: 'Roboto', sans-serif;	
			font-size: 18px;
			line-height: 22px;
			font-weight: 700;
			text-transform: uppercase;
			color: #143C64;
			margin-right: 0px;
			letter-spacing:0;
			margin-bottom:0;
			}
			.submit_box h5 span{
				font-size: 15px;
				line-height: 18px;
				font-weight: 300;
				text-transform: none;
				}
				
				
				
		.submit_box a{
			display: block;
			float: right;
			padding: 9px 25px 8px 26px;
			margin-top: 0px;
			border-radius: 8px;
			text-decoration: none;
			font-family: 'Roboto', sans-serif;
			font-size: 16px;
			line-height: 22px;
			font-weight: 700;
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 0;
			background:url(../images/submit_link_bg.jpg) repeat-x 0 0;
			-webkit-box-shadow: 0px 2px 5px 2px #e6e6e6;
			-moz-box-shadow: 0px 2px 5px 2px #e6e6e6;
			box-shadow: 0px 2px 5px 2px #e6e6e6;
		}
			.submit_box a:hover{
				background: #143C64;
				}
	.say_tytle{
		margin-top: 91px;
		position:relative;
		}
		.say_tytle:after{
			position:absolute;
			display:block;
			content:'';
			right:5px;
			top:-20px;
			width: 61px;
			height: 53px;
			background:url(../images/say_tytle_bg.png) no-repeat;
			}
	.testimonials{
		padding-top: 5px;
		overflow: hidden;
		}
		.testimonials li{
			overflow: hidden;
			margin-bottom: 34px;
			
			}

			.logo_box{
				border:1px solid #e7e7e7;
				background: #efefef;
				float:left;
				margin-right: 20px;
				padding: 5px;
				margin-top: 5px;
				}
			.testimonials h5, .testimonials_title{
				font-family: 'Roboto', sans-serif;
				font-size: 16px;
				line-height: 19px;
				font-weight: 700;
				color: #22b4d7;
				text-transform: uppercase;
				margin-bottom: 18px;
				margin-top: 1px;
			} 
			.testimonials p{
				font-family: 'Roboto', sans-serif;	
				font-size: 12px;
				line-height: 21px;
				font-weight: 400;
				color: #7a7d81;
				margin-bottom: 16px;
				width: 165px;
				}
				.testimonials p a, .link_stile{
					text-transform:uppercase;
					font-family: 'Roboto', sans-serif;	
					font-size: 11px;
					line-height: 21px;
					font-weight: 400;
					color: #143C64;
					text-decoration: none;
					letter-spacing: 2px;
					}
					.testimonials p a:hover, .link_stile:hover{
						color: #22b4d7;
						}
			.author{
				font-family: 'Roboto', sans-serif;	
				font-size: 12px;
				line-height: 18px;
				font-weight: 400;
				color: #333;
				}
				.author span{
					font-style:italic;
					}
.map{
	padding-top: 10px;
	}
	.map_box{
		border: 1px solid #e4e4e4;
		padding: 9px;
		background: #efefef;
		margin-bottom: 34px;
		}
		.map_box iframe {
			width: 100%;
			height: 348px;
			max-width: 100%;
			}

	address{
		overflow: hidden;
		margin-bottom: 73px;
	}
	address	dl{
		font-family: 'Roboto', sans-serif;	
		font-size: 12px;
		line-height: 21px;
		font-weight: 400;
		color: #7a7d81;
		font-style: normal;
		float: left;
		margin-right: 68px;
		}
		address	dl dt{
			margin-bottom: 21px;
		}
		address	dl dd span{
			display: inline-block;
			min-width: 80px;
		}
		address	dl dd a{
			color: #333;
			font-family: 'Roboto', sans-serif;
			font-size: 12px;
			line-height: 21px;
			font-weight: 400;
			font-style: italic;
			text-decoration: none;
			}
			address	dl dd a:hover{
				text-decoration: underline;
				}
	.img_border{
		border: 1px solid #e4e4e4;
		padding: 9px;
		background: #efefef;
		margin-bottom: 70px;
		}



footer{
	background: #143C64;
	padding-top: 94px;
	text-align: center;
	position: relative;
}
	#toTop{
		text-decoration: none;
		position: fixed;
		bottom: 200px;
		left: 51%;
		margin-left: 670px;
		overflow: hidden;
		width: 25px;
		height: 25px;
		border: none;
		text-indent: -999px;
		z-index: 20;
		background: transparent;

		background: url(../images/to_top.png) no-repeat 0px 0px;
		


		}
		#toTop:hover{
			background: url(../images/to_top.png) no-repeat -27px 0px;
			}

	footer h4{
		font-family: 'Roboto', sans-serif;	
		font-size: 32px;
		line-height: 38px;
		font-weight: 400;
		margin-bottom: 32px;
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 3px;
		}
	footer p{
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		line-height: 20px;
		font-weight: 300;
		color: #fff;
		margin-bottom: 45px;
		}
	.social_list{
		overflow: hidden;
		margin-bottom: 67px;
		}
		.social_list li{
			display: inline-block;
			margin-left: 70px;
		}
			.social_list li:first-child{
				margin-left: 0;
			}
			.social_list li a{
				display: block;
				width: 87px;
				height: 64px;
				color: #fff;
				background: #1B4D7A;
				border-radius: 50%;
				font-size: 47px;
				line-height: 47px;
				padding-top: 24px;
			}
			.social_list li a:hover{
				color: #22b4d7;
				background: #fff;
				transition: 0.4s;
			}

		.copyright{
			background: #143C64;
			padding-top: 33px;
			padding-bottom: 48px;
			font:12px/14px Arial, Helvetica, sans-serif;
			color: #fff;
			}	
			.copyright a{
				font:12px/14px Arial, Helvetica, sans-serif;
				color: #fff;	
				text-decoration: none;
				}
				.copyright a:hover{
					text-decoration: underline;
				}

#sidebar_serch.search_form {
	border: 1px solid #ababab;
	display: block;
	padding: 0;
	margin-left: 0px;
	overflow: hidden;
	margin-bottom: 96px;
	}
	#sidebar_serch.search_form input{
		padding: 8px 0px 8px 16px;
		height: 21px;
		width: 255px;
		color: #7a7d81;
		margin: 0;
		}

		#sidebar_serch.search_form a{
			color: #ababab;
			display: block;
			float: right;
			
			padding: 10px 10px 0px 0px;
			font-size: 18px;
		}
			#sidebar_serch.search_form a:hover{
				color: #3c3c3c;
			}
		

.testimonials_link{
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: 200;
	color: #333;
	margin-bottom: 21px;
	text-decoration: none;
	}
	.testimonials_link:hover{
		color: #ababab;
	}

/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) {

	h4.content_title{
		letter-spacing: -1px;
		font-size: 37px

	}
	header h1{
		font-size: 40px;
	}

	.search_form{
		margin-left: 0;
	}
		.search_form input{
			width: 130px;
		}
	.addititional_menu{
		padding-left: 0;
		}
		.addititional_menu li{
				margin-right: 26px;
				}
			.addititional_menu li:before {
				left: -14px;
				}
	
		.sf-menu>li {
			font-size: 16px;
			margin-left: 16px;
			}
		.contact_phone {
			padding-left:0px;
			font-size: 12px;
			}
		.contact_phone span {
			font-size: 14px;
			line-height: 20px;
			margin-right: 0px;
			}

	.camera_wrap {
				height: 250px;
				}	
			.camera_caption {
				top: 15px;
				margin-left: -384px
				}
			.camera_caption h3{
				font-size: 40px;
				line-height: 48px;	
				margin-bottom: 25px
				}

	.features_list li{
			float: left;
			width: 240px;
			margin-left: 14px;
			text-align: center;
			}

	.content_title{
		text-align: center;
		}
		.say_tytle:after {
			right: -10px;
			top: -45px;
			}

	.do_list li {
		width: 470px;
		margin-right: 0px;
		}

	

	.blockquote2 p {
		margin-bottom: 5px;
		}
	
	.submit_box{
		padding-bottom: 26px;
		}
	.submit_box h5 {
		margin-right: 0;
		margin-bottom: 10px;
		font-size: 16px;
		}
		.submit_box a{
			float:left;
			}

	#assistent_carusrl .img_box {
		width: 216px;
		}

	#back-top {
		display: none;
		}

	address dl{
		margin-right: 40px;
		} 
	
	
	.testimonials p{
		width: 119px;
		}
	
	#sidebar_serch.search_form input{
		width: 190px;
		}

	

}


@media only screen and (max-width: 767px) {
	header h1{
		font-size: 40px;
	}
	.contact-intro{
		padding: 0 10px;
	}
	.map_box{
		width:400px;
	}
	address dl{
		margin-right: 20px;
		} 

	.search_form input{
			width: 375px;
		}
	nav{
		padding-top: 6px;
		text-align: center;
	}
	.contact_phone {
			font-size: 14px;
			}
	#mm0{
		border: 2px #143C64 solid;
		padding: 3px;
		width: 420px;
		margin-bottom: 20px;
	}
	.contact_phone{
		padding-top: 0;
		margin-bottom: 10px;
	}

	.camera_wrap{
				height: auto;
				min-height: 260px;
				padding: 30px 0 40px;
				}

			/* Mobile hero caption: avoid clipping */
			.camera_caption{
				position: relative;
				top: auto;
				left: auto;
				margin: 0;
				padding: 0 20px;
				width: auto;
				}
			.camera_caption h3{
				font-size: 30px;
				line-height: 35px;
				margin-bottom: 20px;
			}
	.features_list li{
			width: 420px;
			margin-bottom: 10px;
		}
	.border{
		border: none;
		padding-bottom: 0px;
		}
	.content_title{
		text-align: center;
		}
	.do_list {
		margin-bottom: 20px;
		}
		.do_list li {
			width: 420px;
			padding-right: 0px;
			margin-right: 0px;
			}

	#assistent_carusrl .img_box {
		width: 180px;
		}

	#back-top {
		display: none;
		}
	
	.testimonials p{
		width: 303px;
		}
	.general_btn{
		margin-bottom: 15px;
		}
	.img_border{
		margin-bottom: 15px !important;
		width: 100%;
		}
		
	
	#sidebar_serch.search_form input{
		width: 370px;
		}

	.say_tytle:after {
			right: 70px;
			top: -45px;
			}

	.features_list li{
		margin-left: 0 !important;
	}


	header .f_right{
		float: none;
		}
	header .f_left{
		float: none;
		}

	  .hero-subline{
		font-size: 15px;
		line-height: 22px;
	}

	 /* Header: stack logo + tagline for mobile */
	.itc_brand{
		display: block;
		text-align: center;
	}

	.itc_brand h1{
		display: inline-block;
	}

	.itc_brand .itc_tagline{
		display: block;
		margin-top: 10px;
		padding-bottom: 0;
		font-size: 26px;
		line-height: 32px;
		letter-spacing: 3px;
		white-space: normal;
	}

}



@media only screen and (max-width: 480px) {
	header h1{
		font-size: 40px;
	}

	.features_list li{
		margin-left: 0 !important;
	}

	h2{
		font-size: 27px;
		line-height: 32px;
		}
	h4.content_title{
		font-size: 24px;
		line-height: 25px;
		}
	.search_form input{
			width: 260px;

		}
	#mm0{
		width: 300px;
		margin-bottom: 20px;
		}
	.camera_wrap{
				height: auto;
				min-height: 200px;
				padding: 26px 0 36px;
				}

			/* Small-phone hero caption: avoid clipping */
			.camera_caption{
				position: relative;
				top: auto;
				left: auto;
				margin: 0;
				padding: 0 16px;
				width: auto;
				}
			.camera_caption h3{
				font-size: 24px;
				line-height: 27px;
				margin-bottom: 8px;
				}
			.btn_style{
				padding: 8px 30px 8px 30px;
				}
	.features_list li {
		width: 300px;
	}
	.social_list li {
		position: relative;
		display: inline-block;
		margin-left: 10px;
		}

	.submit_box{
		margin-right: 0;
		padding: 26px 12px 18px;
	}
		.submit_box h5 {
			font-size: 13px;
			}
			.submit_box h5 span {
				font-size: 13px;
				}
	#assistent_carusrl .img_box {
		width: 278px;
		}
	
	.do_list li {
		width: 300px;
		padding-right: 0px;
		margin-right: 0px;
		}

	#back-top {
		display: none;
		}
	.map_box {
		width: 280px;
	}
		address dl{
			margin-bottom: 25px;
		}
	.coments{
		float:left;
		margin-top:3px;
		}
		
		
	.testimonials p{
		width: 183px;
		}
	
	.general_btn{
		margin-bottom: 15px;
		}
	
	.img_border{
		margin-bottom: 15px !important;
		}
	
	#sidebar_serch.search_form input{
		width: 245px;
		}

	.owl-carousel .item{
		border-left: none !important;
	}

	.say_tytle:after {
			right: 30px;
			top: -45px;
			}
	
	
	
}



/* === ITC Skinny Single-Page Additions === */
.skinny-section{
  padding: 40px 0;
}
.skinny-section h2{
  margin-bottom: 18px;
}
.services-list{
  margin: 0;
  padding-left: 18px;
}
.services-list li{
  margin: 10px 0;
}
.contact-grid{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.contact-card{
  flex: 1 1 320px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 18px 18px 16px;
}
.contact-card h3{
  margin-bottom: 12px;
}
.contact-form label{
  display: block;
  margin-bottom: 12px;
}
.contact-form span{
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
}
.contact-form input,
.contact-form textarea{
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #d6d6d6;
}
.contact-form textarea{
  resize: vertical;
}
.muted{
  color: #666;
  font-size: 13px;
}
.footer_simple{
  margin: 0;
  padding: 22px 0;
  text-align: center;
  color: #ffffff;
}
/* Hero subline for ITC */
.hero-subline{
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;      /* bold but not shouty */
  color: #ffffff;       /* force white */
  max-width: 720px;     /* keeps it readable */
}

/* About ITC readable body text */
.about-body p{
  font-size: 15px;
  line-height: 26px;
  color: #6f7378; /* slightly darker, still soft */
  max-width: 920px;
}

/* About ITC kicker line */
.about-kicker{
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #3c3c3c;
  margin-bottom: 18px;
}

.sf-menu ul{
  background: #143C64;
}
.sf-menu ul li a{
  color: #fff;
}
.sf-menu ul li a:hover{
  color: #22b4d7;
}

/* ITC Services checklist */
.itc-checklist{
  list-style: none;
  margin: 30px 0;
  padding: 0;
}

.itc-checklist li{
  position: relative;
  padding-left: 36px;
  margin-bottom: 18px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  color: #3c3c3c;
}

.itc-checklist li:before{
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 14px;
  color: #143C64;
}
/* Center checklist block while keeping text left-aligned */
.itc-checklist-wrap{
  max-width: 820px;   /* visual sweet spot */
  margin: 0 auto;     /* centers the block */
}

/* Tighten hero-to-content spacing on service pages */
.page-services header{
  margin-bottom: 5px;
}
/* Service pages: center the checklist block, keep text left-aligned */
.page-services .about-body{
  text-align: center;
}

.page-services .itc-checklist-wrap{
  display: inline-block;
  text-align: left;
  max-width: 820px;
  width: auto;
  padding-left: 10px;   /* optional: balances the checkmark gutter */
}
.homepage-services header{
  margin-bottom: 5px;
}

/* Contact page intro above form */
.contact-intro{
  text-align: center;
  max-width: 820px;
  margin: 0 auto 40px;
}

.contact-intro h4{
  margin-bottom: 20px;
}

.contact-intro p{
  margin-bottom: 0;
}
#index_5 h4.content_title{
    text-align: center;
    color: #0b4f8a;
}

.itc-blue-heading{
  color: #0b4f8a;
}
.itc-form-thanks{
  max-width: 820px;
  margin: 0 auto;
  padding: 28px 18px;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #3c3c3c;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background: #ffffff;
}