/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */

.main-nav > ul > li > a:before {background-color: #046BFE;}

.main-nav > ul > li {list-style: none !important;}

.logo-container .logo-infocard .left-side {background-color: #033A87;}
.logo-container .logo-infocard .right-side {background-color: #0348A8;}

.action_box {background-color: #033A87;}
.action_box_inner {background-color: #033A87;}
.action_box:after,
.action_box:before {border: 0; border-top-width: 0;}

.tcolor {color: #033C8C !important;}

/* Home page action box */
/* back */
.style3 .action_box_inner {background-color: #033A87;}
/* front */
.style3 .action_box_inner:before {background-color: #000;}
/* gray */
.style3 .action_box_inner:after {background-color: rgba(0, 0, 0, 0.2);}
/* arrow */
.action_box.style3:before {background-color: #033A87;}

.gobox:before,
.gobox:after,
.gobox {color:#666; background-color: #AACAF7;}

.gobox2:before,
.gobox2:after,
.gobox2 {color:#EEE; background-color: #045DD9;}

.gobox.ok:before,
.gobox.ok:after,
.gobox.ok {background-color:#033A87;}

#footer {background: #000;
padding: 60px 0 20px;
color: #d5d5d5;
border-top: 4px solid #fff;}

.kl-iconbox__desc .fs-xn gray ul.services {list-style: disc; margin: 0; padding: 0;}
.kl-iconbox__desc ul.services li {margin-left: 14px;}

.kl-iconbox__icon-wrapper i.fa {font-size: 28px; color: #033A87}

blockquote {border-left: 3px solid #033A87; padding-left: 30px;}



/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {

}


/** Laptop **/
@media (max-width: 1200px) {

}


/** Laptop+ **/
@media (min-width: 991px) {

}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

}


/** Large Tablets **/
@media (max-width: 992px) {

}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

}


/** Tablets+  **/
@media (min-width: 768px) {

}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {
	/* Header style 1 */
		.site-header[data-header-style="1"] .kl-header-toptext {
		display: block !important;
		visibility: visible}
}


/** Smartphone portrait mode **/
@media (max-width: 480px) {

}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
	
}