/*

Template: Sofbox - Responsive Software Landing Page
Author: iqonicthemes.in
Version: 3.0
Design and Developed by: iqonicthemes.in

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/
.container {
	max-width: 1300px;
}
.service-box {
	padding: 20px;
	border: 1px solid transparent;
	text-align: justify;
}
.service-box:hover {
	border: 1px solid #3333;
}
.media.service-box i {
	font-size: 50px;
	margin-right: 20px;
	color: #00416a;
}
.cube .sides * {
	background-color: #00416a;
	border: 5px solid white;
}
.iq-objects {
	opacity: 0.3;
}
.iq-objects .iq-objects-04 {
	position: absolute;
	top: 0%;
	right: -8%;
	border: 45px solid #00416a;
	border-radius: 700px;
	height: 400px;
	width: 400px;
}
.iq-objects .iq-objects-05 {
	position: absolute;
	bottom: 10%;
	left: -8%;
	border: 45px solid #00416a;
	border-radius: 700px;
	height: 400px;
	width: 400px;
}
.iq-objects .iq-objects-06 {
	position: absolute;
	top: 0%;
	right: 0;
}
.iq-amazing-tab .nav.nav-tabs li {
	width: 19%;
}
.iq-amazing-tab .nav.nav-tabs li a {
	padding: 20px 5px;
}
.iq-amazing-tab .nav.nav-tabs li a i {
	font-size: 20px;
}

.banner-service {
	cursor: pointer;
}

.iq-fancy-box:hover .iq-icon {
	background: linear-gradient(
		135deg,
		rgba(228, 229, 230, 1) 50%,
		rgba(0, 65, 106, 0.5) 100%
	) !important;
}

.loginbox {
	position: absolute;  
	right: 12px;
    top: 15%;
	background: rgba(0, 65, 106, 0.95);
	color: white;
	z-index: 100;
	border: 2px solid white; /* #8CD5EA;*/
	border-radius: 10px 10px 10px 10px;
	padding-right: 14px;
}

.loginbox .formbox {
	padding: 8px 8px 0px 8px;
}
.loginbox button {
	color: white;
}
.loginbox input {
	display: inline-block;
	width: 100px;
	font-size: 13px !important; 
	font-family: 'Arial', sans-serif; 
}
.loginbox p {
	margin: 0px;
}

#formbox p {
	margin-bottom: 8px;
	margin-top: 8px;
}
#formbox.collapse.show {
	display: inline !important;
}
#formbox.collapse {
	display: none;
}

@media (min-width: 768px) {
	.collapse.dont-collapse-sm {
		display: inline !important;
		height: auto !important;
		visibility: visible;
	}
}

#btnDemo {
	font-family: 'Raleway', sans-serif; 
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #225779;
	background-color: white;
	border: 2px solid white;
	border-radius: 10px 10px 10px 10px;
	padding: 8px 8px 8px 8px;
    display: block;
}

#btnDemo:hover {
	font-family: 'Raleway', sans-serif; 
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: white;
	background-color: #225779;
	border: 2px solid #225779;
	border-radius: 10px 10px 10px 10px;
	padding: 8px 8px 8px 8px;
	display: block;
}

.contact-form .section-field input:focus { 
	border: 1px solid #00416A; 
	box-shadow: none; 
	color: black;
}

.contact-form .section-field input:not(:placeholder-shown):not(:focus) {
	color: black;
	border: 1px solid #e1e1e1; 
  }

.contact-form .section-field textarea:focus { 
	border: 1px solid #00416A; 
	box-shadow: none; 
	color: black;
}

.contact-form .section-field textarea:not(:placeholder-shown):not(:focus) {
	color: black;
	border: 1px solid #e1e1e1; 
  }

/* Header Dark */
header.dark .navbar .navbar-nav .nav-item a::before { background: rgb(0, 91, 148); }
header.dark .navbar .navbar-nav .nav-item a { color: #333; }
header.dark .navbar .navbar-nav .nav-item a:hover, header.dark .navbar .navbar-nav .nav-item a:focus, header.dark .navbar .navbar-nav .nav-item a.active, header.dark .navbar .navbar-nav .nav-item a.active:focus, header.dark .navbar .navbar-nav .nav-item a.active:hover { color: rgb(0, 91, 148); background: none; box-shadow: none; }

/* Link per Privacy */
#cookieChoiceLink {color: orange;}
#cookieChoiceLink:focus, #cookieChoiceLink:hover {color: #4ac3f3;}
#cookieChoiceDismiss {color: orange;}
#cookieChoiceDismiss:focus, #cookieChoiceDismiss:hover {color: #4ac3f3;}