*{
	margin:0;
	padding:0;
}
body{
	background:#FFFFFF;
}
:root{
	--baseColor: #0F3E68;
	--secondaryColor: #ED1B24;
	--lightColor: #FFFFFF;
	--grayColor: #F1F1F1;
	--darkColor: #121212;
	
	--baseFont: Arial;
}
.container-fluid{
	padding: 0px 50px;
}

/* ========== Custom CSS Starts ========== */

/* ===== CSS For "Common Cases" Starts Here ===== */
.clickable_link{
	text-align: center;
}
.clickable_link a{
	color: var(--lightColor);
	background: var(--baseColor);
	display: inline-block;
	padding: 15px 30px;
	width: 250px;
	font-family: var(--baseHeading);
	font-weight: 600;
	font-size: 20px;
	border-radius: 2.5px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.clickable_link a:hover{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
/* ========================= */
.grid_item{
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
	align-content: center;	
}
/* ===== CSS For "Common Cases" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Header" Starts Here ===== */
.header{
	background: var(--baseColor);
	padding: 15px 0px;
}
.header p{
	color: var(--lightColor);
	font-family: var(--baseFont);
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 0px;
}
/* ===== CSS For "Header" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Banner" Starts Here ===== */
.banner_wrap{
	background: url(images/banner_bg.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 90px;
	padding-bottom: 330px;
}
.banner{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 15px;	
}
.banner .ideatools_logo{
	
}
.banner .ideatools_logo img{
	max-width: 450px;
}
.banner .idttech_logo{
	text-align: right;
}
.banner .idttech_logo img{
	max-width: 300px;
}
/* ===== CSS For "Banner" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Store Links" Starts Here ===== */
.store_links{
	padding: 15px 0px;
}
.store_links_wrap{
	text-align: center;
}
.store_links ul{
	margin-bottom: 0px;
	display: inline-block;
}
.store_links ul li{
	list-style: none;
	display: inline-block;
	margin-left: 15px;
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: normal;
	font-size: 18px;
}
.store_links ul li:first-child{
	margin-left: 0px;
}
.store_links ul li a{
	display: inline-block;
}
.store_links ul li.fb_link{
	margin-right: 20px;
}
.store_links ul li img{
	max-width: 70px;
}
.store_links ul li .qr_code{
	max-width: 90px;
}
/* ===== CSS For "Store Links" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Colored Banner" Starts Here ===== */
.colored_banner{
	background: var(--baseColor);
	padding: 50px 0px;
	text-align: center;
}
.colored_banner .contents{
	max-width: 780px;
	margin: 0px auto;
}
.colored_banner h4{
	color: var(--lightColor);
	font-family: var(--baseFont);
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 15px;
}
.colored_banner p{
	color: var(--lightColor);
	font-family: var(--baseFont);
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 0px;	
}
/* ===== CSS For "Colored Banner" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Entire Page" Starts Here ===== */
.entire_page{

}
.entire_page .single_part{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;	
}
.entire_page .single_part .texts_wrap{
	padding: 50px 75px;
}
.entire_page .single_part .texts_wrap h3{
	color: var(--secondaryColor);
	font-family: var(--baseFont);
	font-weight: bold;
	font-size: 42px;
	margin-bottom: 20px;	
}
.entire_page .single_part .texts_wrap ul{
	margin-bottom: 0px;
}
.entire_page .single_part .texts_wrap ul li{
	list-style: none;
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 10px;
	position: relative;
	padding-left: 30px;
}
.entire_page .single_part .texts_wrap ul li:last-child{
	margin-bottom: 0px;
}
.entire_page .single_part .texts_wrap ul li:before{
	content:"\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 20px;
	color: var(--secondaryColor);
	position: absolute;
	left: 0px;
	top: -1px;
}
/* ===== CSS For "Entire Page" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Address" Starts Here ===== */
.address_info_wrap{
	background: var(--grayColor);
	padding: 50px 0px;
}
.address_info{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 2fr;
    grid-template-columns: 1fr 2fr;
    grid-auto-rows: auto;
    gap: 50px;	
}
.address_info h3{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 10px;
}
.address_info p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;	
}
.address_info ul{
	margin-bottom: 0px;
}
.address_info ul li{
	list-style: none;
	margin-bottom: 20px;
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: normal;
	font-size: 18px;
	position: relative;
	padding-left: 40px;
}
.address_info ul li.address{
	font-size: 16px;
}
.address_info ul li span{
	font-weight: bold;
}
.address_info ul li a{
	color: var(--darkColor);
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.address_info ul li a:hover{
	color: var(--baseColor);
}
.address_info ul li:last-child{
	margin-bottom: 0px;
}
.address_info ul li:before{
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 16px;
	color: var(--darkColor);
	background: rgba(0,0,0, 0.25);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 3px;
}
.address_info ul li:nth-child(1):before{
	content: "\f3c5";
}
.address_info ul li:nth-child(2):before{
	content: "\f095";
	top: -1.5px;
}
.address_info ul li:nth-child(3):before{
	content: "\f0e0";
	top: -1.5px;
}

.address_info .map iframe{
	width: 100%;
	height: 360px;
	border: 2px solid var(--baseColor) !important;
	border-radius: 5px;
}
/* ===== CSS For "Address" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Footer" Starts Here ===== */
.footer{
	background: var(--darkColor);
	padding: 10px 0px;
}
.footer p{
	color: var(--lightColor);
	font-family: var(--baseFont);
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 0px;
	text-align: center;
}
/* ===== CSS For "Footer" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ============================== */
.scrolltotop{
	color: #FFFFFF;
	background: var(--baseColor);
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	border-radius:2.5px 2.5px 0px 0px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
	position:fixed;
	bottom: 0px;
	right:5%;
	z-index:99999999;	
}
.scrolltotop:hover{
	-webkit-box-shadow:0px 0px 10px var(--baseColor);
	-moz-box-shadow:0px 0px 10px var(--baseColor);
	box-shadow:0px 0px 10px var(--baseColor);
}
.scrolltotop img{
	width: 24px;
}
/* ============================== */