@charset "UTF-8";
/* CSS Document */

/*	-------------------------------------------------------------
	Manara Works
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Manara Works provides solutions and products
	of highest quality for Industrial, Commercial and 
	communication markets. We collaborate with 
	world leading suppliers to provide solutions of 
	highest quality and standards. 

	Filename:		base.css
	Date:			October, 23 2020
	Done by:		ashique ukkadan, ashiqueukkadan@gmail.com
	Company:        www.ashiqueukkadan.com
	-------------------------------------------------------------	
	-------------------------------------------------------------  */

html, body {  
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-style: normal;
	color:#253D74;
	scrollbar-face-color: #000000;  
    scrollbar-shadow-color: #1D4A91;  
    scrollbar-highlight-color:#1D4A91;   
    scrollbar-3dlight-color: #1D4A91; 
    scrollbar-darkshadow-color: #1D4A91;  
    scrollbar-track-color: #7D7E94;  
    scrollbar-arrow-color:#1D4A91;
	overflow-x: hidden;

}

*{ outline:none!important; border: none;} 
*{ margin:0px; padding:0px;}
::selection { background: #1D4A91; color: #ffffff; }
::-moz-selection { background: #1D4A91; color: #ffffff; }
::-webkit-selection { background: #1D4A91; color: #ffffff; }::selection { background: #1D4A91; color: #ffffff; }
::-moz-selection { background: #1D4A91; color: #ffffff; }
::-webkit-selection { background: #1D4A91; color: #ffffff; }

a, a img, img, div, li, p, input, textarea, button
	{
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	outline:none;
	border: none;
	}
input, textarea { color:#244579 !important;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#244579;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#244579 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:#244579 !important;
}
::-webkit-input-placeholder, 
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  color:#244579 !important;
}
input::-webkit-input-placeholder {
color: #244579 !important;
}
input::-moz-placeholder {
color: #244579 !important;
}
input:-moz-placeholder { /* Older versions of Firefox */
color: #244579 !important;
}
input:-ms-input-placeholder {
color: #244579 !important;
}
.form-control::-webkit-input-placeholder {
  color: #244579 !important;
}

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
button:active {
    outline: none;
	box-shadow: none;
}
button, input, textarea {
 outline: none !important;
 box-shadow: none !important;
}
a, a:link{color: #2763C4; text-decoration: none;}
a:hover, a:active, a:focus{text-decoration:underline;}

.manara-nav {background-color: #FFFFFF;}
.navbar-brand {margin-top: 1px;}
.navbar-light .navbar-nav .nav-link {font-size:1rem; color:#253D74; font-weight: 400;}
.navbar-expand-md .navbar-nav .nav-link {padding-right:1rem; padding-left:1rem;}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {color: #F5C858; font-weight: 500;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color: #F5C858;}
.dropdown-menu {
margin: 0px;
border-radius: 0px 0px 16px 16px;
-moz-border-radius: 0px 0px 16px 16px;
-webkit-border-radius: 0px 0px 16px 16px;
-webkit-box-shadow: 0px 100px 100px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 100px 100px 0px rgba(0,0,0,0.3);
box-shadow: 0px 100px 100px 0px rgba(0,0,0,0.3);	
border: 0px solid #000000;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 20px; padding-right: 20px;	
z-index:999999;	
}
.dropdown-item {padding-top: 10px; padding-bottom: 10px; color: #244579; z-index: 11111; font-size: 14px;}
.dropdown-item:hover, .dropdown-item:focus {color: #FFFFFF; background-color:#1D4A91;}
.ict-about, .home-solution, .services, .partners {position:relative;}
.ict-contact {z-index: 1;}
.contact-bt {height: 50px; width: 150px;
border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
border: 2px solid #F5C858;
	color: #F5C858;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	margin-left: 1rem;
	
}
.with-errors li { content: none; color: #dc3545!important; list-style: none !important;}
.with-errors li::before { content: none;}
.navbar-toggler {border: 0px; border: none; font-size: 1.5rem;}
#side-menu .inquiry-bt{height: 50px; width: 150px;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: px 0px 0px 0px;
-webkit-border-radius: px 0px 0px 0px;
border: 2px solid #F5C858;
margin-left: 0px;
color: #000F18;
font-weight: 500;
z-index: 9999999999;	
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important;}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {background-color:#BF9E4B; border-color:#BF9E4B; color:#000F18;}

.manara-nav-sub {background-color: #1D4A91; padding: 0px; z-index: 999;}
.ict-contact-bt {background-color: #F29624; color:#FFFFFF; border-color: #F29624; padding-left: 22px; padding-right: 22px; padding-top: 8px; padding-bottom: 8px; margin-left: 16px;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px solid #000000;}
.manara-nav-sub .navbar-nav .nav-link {font-size:14px; color:#FFFFFF; font-weight: 400; padding-top: 20px; padding-bottom: 20px; border-bottom: 4px solid #1d4a91;}
.manara-nav-sub .navbar-nav .show > .nav-link, .manara-nav-sub .navbar-nav .active > .nav-link, .manara-nav-sub .navbar-nav .nav-link.show, .manara-nav-sub .navbar-nav .nav-link.active {color: #FFFFFF; font-weight: 400; border-bottom:4px solid #F29624;}
.manara-nav-sub .navbar-nav .nav-link:hover {border-bottom:4px solid #F29624;}
.ict-contact-bt:hover, .ict-contact-bt:active, .ict-contact-bt:focus {background-color: #FFFFFF; color:#F29624;}
.manara-main-home {background-color: #169C86; border: solid 1px #169C86;}
.manara-main-home:hover, .manara-main-home:active, .manara-main-home:focus {background-color: #FFFFFF; border-color:#169C86; color:#169C86; }

.different::after{
  content: '';
  position: absolute;
  width: 0px;
  height: 5px;
  left: 50%;
  bottom:0;
  background-color: white;
  transition: all ease-in-out .2s;
}


h1 {font-size: 2.5rem; padding: 0px; margin: 0px;}
h2 {font-size: 1.7rem; color:#F4F4F4; padding: 0px; margin: 0px; font-weight: 500;}
h3 {font-size: 1.6rem; color:#F4F4F4; padding: 0px; margin: 0px; font-weight: 400; line-height: 2.6rem;}

.bd-example .carousel-inner {background-color: #000F18;}
.carousel {position: static;}
.bd-example .carousel-item {background-color: #000F18; background-image: url("../images/Always_Ahead_Adapting_Digital_Transformation.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 550px; overflow:hidden;}
.bd-example .carousel-item2 {background-color: #000F18; background-image: url("../images/Manara_Works_IT_Solutions.jpg"); background-size: cover; background-repeat: no-repeat; height: 550px; overflow:hidden;}
.bd-example .carousel-item3 {background-color: #000F18; background-image: url("../images/IT-Services.jpg"); background-size: cover; background-repeat: no-repeat; height: 550px; overflow:hidden;}
.bd-example .carousel-item4 {background-color: #000F18; background-image: url("../images/free_it_consultation.jpg"); background-size: cover; background-repeat: no-repeat; height: 550px; overflow:hidden;}
.carousel-control-prev, .carousel-control-next {opacity: 0.50; width: 10%;}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus{opacity: 1;}
.control-bg {background-color: #FFFFFF;  width: 48px; height: 48px; line-height: 58px;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px solid #000000;	
}
.la-angle-left, .la-angle-right {font-size: 28px; color: #F29624;}
.rounded {border-radius:1rem !important;}
.carousel-indicators .active {width: 2rem; background-color:#F5C858;}
.carousel-caption { text-align: left; left: auto; right: auto; top: 100px; bottom: auto; width:550px;}
.carousel-caption h5 { font-size: 40px; font-weight: 500; line-height: 60px; padding: 0px; margin: 0px;}
.carousel-caption p { font-size: 18px; font-weight: 300; line-height:36px; margin-top: 40px; margin-bottom: 50px;}
.carousel-caption span {font-weight: 600; color: #F5C858;}
.btn-primary {background-color: #F29624; height: 60px; font-size: 18px; text-transform: none; font-weight: 500; line-height: 60px;
border-radius: 12px 0px 12px 0px;
-moz-border-radius: 12px 0px 12px 0px;
-webkit-border-radius: 12px 0px 12px 0px;
border: 0px solid #000000;
}
.btn-lg, .btn-group-lg > .btn {padding-left: 1.75rem; padding-right: 1.75rem; padding-top: 0px; padding-bottom: 0px;}
.btn-primary:hover {background-color:#FFFFFF; color:#F29624; border-color:#FFFFFF;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {background-color:#BF9E4B; border-color:#BF9E4B; color:#000F18;}
.padding-top-150 {padding-top: 150px !important; padding-right: 30px !important;}
.padding-top-200 {padding-top: 200px !important; padding-right: 30px !important;}
.padding-top-100 {padding-top: 100px !important; padding-right: 30px !important;}
.padding-top-175 {padding-top: 175px !important; padding-right: 30px !important;}

.main-solution {margin-top: -60px; z-index: 1; background-color: #1D4A91; display: block; position: relative; color: #FFFFFF;
border-radius: 24px 24px 24px 24px;
-moz-border-radius: 24px 24px 24px 24px;
-webkit-border-radius: 24px 24px 24px 24px;
border: 0px solid #000000; text-align: center;}
.main-solution .col-md-2 {padding: 30px;}
.solution-icon {background-color: rgba(255,255,255,0.14); text-align: center; margin: auto; width: 100px; height: 100px; line-height: 98px;
border-radius:100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border: 0px solid #000000;}
.main-solution h3 {font-size: 16px; font-weight: 400; padding-top: 20px;}

.WhyChooseUs {padding-top: 40px; padding-bottom: 40px; padding-left: 0px; padding-right: 0px;}
.heading {font-size: 24px; font-weight: 500;}
.heading-hr {width: 50px; border-top:  4px solid #00AFF5;}
.WhyChooseUs p {padding-top: 40px; padding-bottom: 40px; font-size: 18px; line-height: 38px; padding-right: 40px;}
.WhyChooseUs ul {list-style:none; padding-left: 50px; padding-top: 0px;}
.WhyChooseUs li {padding: 10px; list-style: url("../ICT/images/Ellipse-icon.svg"); line-height: 28px;}
.vision-logo {padding-bottom: 50px; margin-top: 20px;}

.home-solution {/*background-color: #EDF1F7;*/ padding-top: 40px; padding-bottom: 40px;}
.home-solution .row {padding-top: 40px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}
.left-img {background-image: url("../ICT/images/Home-Data-Center.jpg"); background-size: cover;
border-radius: 24px 0px 0px 24px;
-moz-border-radius: 24px 0px 0px 24px;
-webkit-border-radius: 24px 0px 0px 24px;
border: 0px solid #000000;
padding: 60px; padding-top: 80px; padding-bottom: 80px;}
.left-img-network {background-image: url("../ICT/images/Network_Infrastructures_Active_Passive.jpg");}
.left-img-collaboration {background-image: url("../ICT/images/Collaboration_Systems.jpg");}
.left-img-Audio-Video {background-image: url("../ICT/images/Audio_Video_Solutions.jpg");}
.left-img-Physical-Security {background-image: url("../ICT/images/Physical-Security-Systems.jpg");}
.left-img-Consulting-Services {background-image: url("../ICT/images/Consulting&Managed_Services.jpg");}
.left-img-Planning-Design {background-image: url("../ICT/images/Planning_Design&Implementation.jpg");}
.left-img-Project-Execution {background-image: url("../ICT/images/Project_Execution&Management.jpg");}
.left-img-Operations-Training {background-image: url("../ICT/images/Operations&Training.jpg");}
.left-img-Maintenance-Support {background-image: url("../ICT/images/Maintenance&Support.jpg");}
.right-text {
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(34,87,171,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(34,87,171,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(34,87,171,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(34,87,171,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(34,87,171,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(34,87,171,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2257ab', GradientType=1 );
border-radius: 0px 24px 24px 0px;
-moz-border-radius: 0px 24px 24px 0px;
-webkit-border-radius: 0px 24px 24px 0px;
border: 0px solid #000000;
padding: 60px;	
color: #FFFFFF;
padding-top: 80px; padding-bottom: 80px;	
}
.home-services .right-text {

background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(22,156,134,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(22,156,134,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(22,156,134,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(22,156,134,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(22,156,134,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(22,156,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#169c86', GradientType=1 );
}
.left-text {border-radius: 24px 0px 0px 24px;
-moz-border-radius: 24px 0px 0px 24px;
-webkit-border-radius: 24px 0px 0px 24px;}
.right-img {border-radius: 0px 24px 24px 0px;
-moz-border-radius: 0px 24px 24px 0px;
-webkit-border-radius: 0px 24px 24px 0px;}

.home-solution h1 {font-size: 24px; line-height: 32px}
.home-solution h4 {font-size: 16px; line-height: 28px; padding-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; text-align: center; font-weight: 400; padding-left: 10px; padding-right: 10px;}
.home-solution p {font-size: 14px; line-height: 28px; padding-top: 40px; padding-top: 30px; padding-bottom: 40px; margin-bottom: 0px;}
.btn-mdm {font-size: 16px; padding-left: 1.5rem; padding-right: 1.5rem; height: 50px; line-height: 50px;}

.ict-footer-cta {background-color: #169C86; padding-top: 40px; padding-bottom: 40px;}
.itc-cta {margin-top: 20px; background-color: transparent; border: 2px solid #FFFFFF; line-height: 59px;}
.ict-footer-cta .col-md-4 {text-align: center;}

.main-footer {background-color: #183D78; padding-top: 60px; padding-bottom: 60px; color: #FFFFFF;}
.footer-logo {padding-top: 70px;}
.main-footer h4 {font-size: 22px; font-weight:400; padding: 0px; margin: 0px; padding-bottom: 30px;}
.main-footer ul {list-style: none; padding-right: 10px;}
.main-footer li {padding-bottom: 8px; padding-top: 8px; list-style: none; padding-left: 20px;}
.main-footer a {color: #FFFFFF; color: rgba(255,255,255,0.80); font-weight: 300; text-decoration: none; font-size: 14px;}
.main-footer a:hover {color: rgba(255,255,255,1.00);}
.main-footer ul li:before {
  content: "-";
  position: absolute;
  margin-left: -20px;
}
.copyright {background-color: #1C365E; padding-top: 30px; padding-bottom: 10px; color:rgba(255,255,255,0.80); font-size: 14px; font-weight: 300; line-height: 50px;}
.sm-icons {height:auto;}
.sm-icons p {padding: 0px; margin: 0px; padding-right: 10px; font-weight: 500;}
.sm-icons ul {text-align: right; list-style: none;}
.sm-icons li {background-color:rgba(22,156,134,0.50); width: 48px; height: 48px; text-align: center; line-height: 46px; margin-left: 8px; margin-right: 8px;
border-radius: 12px 0px 12px 0px;
-moz-border-radius: 12px 0px 12px 0px;
-webkit-border-radius: 12px 0px 12px 0px;
border: 0px solid #000000;}
.sm-icons li:hover {background-color:rgba(22,156,134,1.00)}
.sm-row {margin-left: 0px; margin-right: 0px;}
.navbar-toggler {border: 0px; border: none; font-size: 1.5rem; background-color: }
#side-menu .inquiry-bt{height: 50px; width: 150px;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: px 0px 0px 0px;
-webkit-border-radius: px 0px 0px 0px;
border: 2px solid #F5C858;
margin-left: 0px;
color: #000F18;
font-weight: 500;	
}


.main-header { padding-top: 60px; padding-bottom: 60px; background-color: #183D78; text-align: center; position: relative;}
.main-header h2 {font-size: 32px; font-weight: 500;}
.main-header span {color: rgba(255,255,255,0.50); font-weight: 300;}
.main-header-solutions { padding-top: 60px; padding-bottom: 60px; background-color: #183D78; text-align: left; position: relative;}
.main-header-solutions h2 {font-size: 28px; font-weight: 500; line-height: 38px;}
.main-header-solutions span {color: rgba(255,255,255,0.50); font-weight: 300; font-size: 18px; line-height: 48px;}
.home-header {padding-top: 40px; padding-bottom: 40px;}
.ict-about {padding-top: 40px; padding-bottom: 40px;}
.ict-about p {padding-top: 40px; padding-bottom: 50px; margin-bottom: 0px; line-height: 36px; padding-right: 10px;}
.ict-about span {font-size: 18px; font-weight: 500; line-height: 32px;}
.solutions-text span {font-size: 22px; font-weight: 600; line-height: 34px;}
.ict-about img {border-radius: 24px 24px 24px 24px;
-moz-border-radius: 24px 24px 24px 24px;
-webkit-border-radius: 24px 24px 24px 24px;
border: 0px solid #000000; margin-top: 50px; margin-bottom: 40px;}
.ict-about h5 {font-size: 18px; line-height: 18px; padding-top: 0px; padding-bottom: 0px; padding-top: 30px; font-weight: 600; padding-bottom: 20px;}
.ict-about h6 {font-size: 14px; line-height: 24px; padding-top: 5px; padding-left: 15px;}
.ict-about h5 span {font-size: 14px;}
.ict-about .las, .lab {font-size: 32px;
    background-color: #EDF1F7;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;}
.no-border-radius {border-radius: 0px 0px 0px 0px !important;
-moz-border-radius: 0px 0px 0px 0px !important;
-webkit-border-radius: 0px 0px 0px 0px !important;}
.download-profile {padding-top: 30px;}
.download-profile-bt {margin-top: 30px; border:2px solid #F29624; line-height: 40px;}
.download-profile-bt:hover, .download-profile-bt:active, .download-profile-bt:focus {border-color:#F29624; color: #F29624;}
.services {background-color: #FFFFFF; padding-top: 40px; padding-bottom: 40px;}
.services .col-md-4 {margin-bottom: 30px;}
.services p {padding-top: 10px; padding-bottom: 10px; font-size: 18px; font-weight: 400; line-height: 32px; text-align: center;}
.services-img {background-image: url("../ICT/images/Home-Data-Center.jpg"); background-size: cover;
padding: 60px; padding-top: 80px; padding-bottom: 80px;
border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
-webkit-border-radius: 12px 12px 0px 0px;
border: 0px solid #000000;}
.services-text {
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(38,95,186,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(38,95,186,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(38,95,186,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(38,95,186,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(38,95,186,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(38,95,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#265fba', GradientType=0 );
border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
-webkit-border-radius: 0px 0px 12px 12px;
border: 0px solid #000000;
padding: 30px;	
color: #FFFFFF;	}
.services-text h1 {font-size: 20px; line-height: 28px;}
.services-text p  {font-size: 14px; line-height: 24px; padding-top: 20px; padding-bottom: 10px; margin-bottom: 0px; font-weight: 300; text-align: left;}

.partners {padding-top: 40px; padding-bottom: 40px; text-align: center;}
.partners-logos {border: 1px solid rgba(36,69,121,0.20); 
background-color: #FFFFFF;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
height: 100px;
line-height: 100px;
margin-bottom: 30px;}

.ict-contact h5 {font-size: 20px; font-weight: 600; padding: 0px; margin: 0px; line-height: 46px;}
.ict-contact h6 {font-size: 16px; font-weight: 400; padding-bottom: 40px; padding-left: 0px;}
.ict-contact .las {font-size: 32px; background-color: #EDF1F7; padding: 15px; margin-bottom: 20px;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;}

.form-control {width: 100% !important; height: 60px; font-size: 14px; padding-left: 20px; padding-right: 20px; margin-bottom: 30px; border-color: #D0D5DB;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
color: #244579;	
}
.subscribe-bt {height: 50px; color: #000F18; font-size: 14px; padding-left: 30px; padding-right: 30px; 
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
}
.form-control:hover, .form-control:focus, .form-control:active, .form-control:checked {border-color:#00AFF5; border-width: 1px; outline: none;}
.contact-us-from {margin-top: 42px;}
.quick-qt-from {margin-top: 30px; width: 70%;}
.btn-small {width: 164px; height: 60px; border: 2px solid #F29624; line-height:inherit;}
.btn-small:hover, .btn-small:active, .btn-small:focus, .btn-small:checked {background-color:#FFFFFF; border: 2px solid #F29624;}
.google-map {margin-top: 40px;}
.google-location {
margin-top: 40px;	
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 0px solid #000000;}

.card {border: 0px;}
.card-body {padding-left: 0px; padding-right: 0px;}
.card-img-top {border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
border: 0px solid #000000;}
.card-title {font-size: 16px; font-weight: 600; line-height: 28px;}


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

	.manara-nav-sub {padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;}
	.navbar-brand img {width: 128px;}
	h2 {font-size: 1.5rem;}
	.carousel-caption {width: 98%; padding-left: 20px; padding-right: 20px; padding-top: 20px; top: 60px;}
	.carousel-caption h5 {font-size: 32px; line-height: 48px;}
	.carousel-caption p {font-size: 16px; line-height: 28px;}
	.carousel-control-prev, .carousel-control-next {width: 10%;}
	.control-bg {width: 38px; height: 38px; line-height: 44px;}
	.bd-example .carousel-item {height: 450px;}
	.bd-example .carousel-item {background-position: center left;}
	.carousel-control-prev, .carousel-control-next {width: 15%;}
	.carousel-control-next {right: 15px;}
	.la-angle-left, .la-angle-right {font-size: 22px;}
	.main-solution {width: 100%;}
	.main-solution .col-md-2 {width: 50%;}
	.p150 {padding-top: 150px;}
	.btn-lg, .btn-group-lg > .btn {padding-left: 1.5rem; padding-right: 1.5rem;}
	.btn-primary {height: 50px; font-size: 16px; line-height: 50px;}
	.WhyChooseUs {margin: auto; padding-left: 15px; padding-right: 15px;}
	.WhyChooseUs p {padding-bottom: 10px; font-size: 16px; line-height: 30px; padding-right: 0px;}
	.WhyChooseUs ul {padding-left: 0px; padding-top: 0px; margin-left: 15px;}
	.heading {font-size: 22px;}
	.padding-top-150 {padding-top: 0px !important; padding-right: 30px !important;}
    .padding-top-200 {padding-top: 0px !important; padding-right: 30px !important;}
	.padding-top-100 {padding-top: 0px !important; padding-right: 30px !important;}
	.padding-top-175 {padding-top: 0px !important; padding-right: 30px !important;}
	
	.left-img{border-radius: 24px 24px 0px 0px;
-moz-border-radius: 24px 24px 0px 0px;
-webkit-border-radius: 24px 24px 0px 0px;
border: 0px solid #000000;}
	
		.left-text {border-radius: 24px 24px 0px 0px !important;
-moz-border-radius: 24px 24px 0px 0px !important;
-webkit-border-radius: 24px 24px 0px 0px !important;
border: 0px solid #000000;}
	
	.right-text {
border-radius: 0px 0px 24px 24px;
-moz-border-radius: 0px 0px 24px 24px;
-webkit-border-radius: 0px 0px 24px 24px;
border: 0px solid #000000;
	}
	
	.right-img
	{
border-radius: 0px 0px 24px 24px !important;
-moz-border-radius: 0px 0px 24px 24px !important;
-webkit-border-radius: 0px 0px 24px 24px !important;
border: 0px solid #000000;
	}
	.ict-footer-cta h3 {text-align: center; font-size:22px; line-height: 32px;}
	.footer-logo {padding-top: 0px;}
	.main-footer h4 {padding-top: 40px;}
	.copyright {text-align: center;}
	.sm-icons {display: block;}
	.sm-icons li {text-align: center;}
	.sm-row {display: inline-flex;}
	.sm-icons ul {text-align: center;}
	.copyright {padding-top: 15px;}
	
	.ict-about {padding-top: 30px; padding-bottom: 10px;}
	.ict-about img {margin-top: 0px;}
	.p150 {padding-top: 0px;}
	.download-profile {padding-top: 5px; padding-bottom: 20px;}
	.partners .col-md-2 {width: 50%;}
	.manara-main-home {padding-left: 15px; padding-right: 15px; margin-left: 0px; margin-right: 0px; font-size: 13px;}
	.right-text {padding: 30px;}
	.dropdown-menu {
margin: 0px;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius:0px 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);	
border: 0px solid #000000;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px; padding-right: 0px;	
z-index:999999;	
}
	

	
	
}