/*!
Theme Name: 	Bootsrap 4 on WordPress
Theme URI: 		http://bootstrap4onwordpress.babobski.nl/
Description: 	Bootstrap 4 on Wordpress
Version: 		1.6
Author: 		Babobski
Author URI: 	https://www.babobski.nl
Tags: 			babobski, bootstrap, basic theme
*/


@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');


body{ font-family: 'Poppins', sans-serif;}

.bg-primary{ background-color: #ee7402 !important;}
.bg-secondary{ background-color: #384666 !important;}
.text-primary{color: #225093 !important;}
.text-secondary{color: #ee7402 !important;}

.hightlighted { 
	-webkit-box-shadow:2px 5px 30px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 2px 5px 30px 0px rgba(0,0,0,0.10);
	box-shadow:2px 5px 30px 0px rgba(0,0,0,0.10);
}

.card{ 
	border: 0px;
}
.card .card-body{
	padding: 30px;
	}
.card .card-body p.h2{ font-size: 12px;}
a{color:#ee7402; }
a:hover{ text-decoration: none; color:#225093; font-weight: 400; }
p{ color: #666666; font-size: 16px; font-weight: 300; line-height: 24px;}
p.h1{ font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #666666; font-weight: 200;}
p.h2{ font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #666666; font-weight: 200;}
p.h3{ font-size: 16px; font-weight: 300; line-height: 30px;}
p.small{ font-size: 11px;}

b, strong {

    font-weight: 500;
    color: #323232;

}

ul{ padding-left: 0px;}
ul li{ color: #666666; font-size: 16px; font-weight: 300; line-height: 28px; margin-bottom: 10px; list-style: none; padding-left: 0px;}

ol li{ color: #666666; font-size: 16px; font-weight: 300; line-height: 28px; margin-bottom: 10px; padding-left: 0px;}

img{ max-width: 100%; height: auto;}

h1{}
h2{ color: #00305b; font-size: 30px; font-weight: 500;}
h3{ color: #00305b; font-size: 24px; font-weight: 500;}
h4{ color: #00305b; font-size: 21px; font-weight: 500;}
h5{ color: #00305b; font-size: 18px; font-weight: 500;}

.btn{ padding: 15px 20px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
.btn i{ margin-left: 20px;}

.btn-link{ padding: 0px; color: #3b56a5; font-size: 14px; letter-spacing: 1px; font-weight: 400;}

.btn-light{ border: 1px solid #ffffff; background-color: transparent; color: #ffffff;  font-size: 14px; letter-spacing: 1px; font-weight: 400;}
.btn-light:hover{ border: 1px solid #ffffff; background-color: #ffffff; color: #ee7402;}

.btn-light.dark{ border: 1px solid #ee7402; background-color: transparent; color: #ee7402;  font-size: 14px; letter-spacing: 1px; font-weight: 400;}
.btn-light.dark:hover{ border: 1px solid #ee7402; background-color: #ee7402; color: #ffffff;}

.btn-primary{ border: 0px; background-color: #ee7402; color: #ffffff;  font-size: 14px; letter-spacing: 1px; font-weight: 400;}
.btn-primary:hover{ border: 0px; background-color: #00305b; color: #ffffff;}

.btn-secondary{ border: 0px; background-color: #00305b; color: #ffffff;  font-size: 14px; letter-spacing: 1px; font-weight: 400;}
.btn-secondary:hover{ border: 0px; background-color: #225093; color: #ffffff;}

div.wpforms-container-full .wpforms-form button[type="submit"]{ border: 0px !important; background-color: #ee7402 !important; color: #ffffff !important;  font-size: 14px !important; letter-spacing: 1px !important; font-weight: 400 !important; text-transform: uppercase  !important;}

.navbar-brand{ 
	background: url(images/logo-new.svg) no-repeat 0 0; 
	background-size: contain; 
	text-indent: -99999px;
    height: 80px;
    width: 230px;
    margin: 5px 0px 12px 0px;

}
#top-nav{ background-color: #00305b;}
#top-nav .newsletter-link{ font-size: 12px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; margin-left: 5px;}
#top-nav .social  a { color: #ffffff; margin-left: 30px;}

/*--- menu ----*/
.navbar-expand-lg .navbar-nav > .menu-item > a { padding-top: 20px;}

.navbar-expand-lg .navbar-nav .menu-item a {

    color:#3b3b3b;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    padding-right: 20px;
    padding-left: 20px;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 100%;

}
.navbar-nav .menu-item.dropdown .dropdown-menu a{
	color:#656565;
    font-size: 14px;
    text-transform: inherit;
}
 .navbar-nav .menu-item.dropdown .dropdown-submenu{ position: relative; height: 35px;}
 
 .navbar-nav .menu-item.dropdown .dropdown-submenu > a:after{
	 content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 100;
    float: right;}   
    
.navbar-expand-lg .navbar-nav .menu-item a:hover{ background-color: #ee7402; color: #fff;}
.navbar-expand-lg .navbar-nav .menu-item.active > a{ color:#ee7402; }
.navbar-expand-lg .navbar-nav .menu-item.active > a:hover{ color:#fff; }


.dropdown-toggle:after {
	content: "\f078";
    border:0px;
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 100;
    margin-left: 8px;
    float: right;

}

.dropdown-menu{ 
	padding: 0px; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border: 0px;
	-webkit-box-shadow:2px 5px 30px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 2px 5px 30px 0px rgba(0,0,0,0.10);
	box-shadow:2px 5px 30px 0px rgba(0,0,0,0.10);
	min-width: 220px;
}
.dropdown-menu .big-menu-item{ min-width: 300px;}

.dropdown-menu.sub-menu{ 
	padding: 0px; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border: 0px;
	-webkit-box-shadow:2px 5px 30px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 2px 5px 30px 0px rgba(0,0,0,0.10);
	box-shadow:2px 5px 30px 0px rgba(0,0,0,0.10);
	min-width: 260px;
	background-color: #fff;
	position: absolute; 
	left: 220px; 
	top: 0px;
	}
.dropdown-menu.sub-menu a{ line-height: 21px;}

/*--- menu ----*/
.home h2, .home p.h1{ text-align: center;}
.home #services-box h2, .home #services-box p.h1{ text-align: left;}

.section{ padding-top: 60px; padding-bottom: 60px;}
.section .title{ margin-bottom: 30px;}


.placeholder{ width: 100%; min-height:150px; background-color:#ee7402; text-align: center; }
.placeholder h3{ margin-top: 60px; color: #ffffff; font-weight: 200;}


/*---slide ---*/
#slide .carousel-item{ padding-top: 80px; padding-bottom: 40px; height: 600px;}

#slide .carousel-item.testing{ 
background: #253053; /* Old browsers */
background: -moz-linear-gradient(45deg, #253053 0%, #00305b 52%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #253053 0%,#00305b 52%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #253053 0%,#00305b 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253053', endColorstr='#00305b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#slide .carousel-item.consulting{ 
background: #3a55c8; /* Old browsers */
background: -moz-linear-gradient(45deg, #3a55c8 0%, #ee7402 52%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #3a55c8 0%,#ee7402 52%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #3a55c8 0%,#ee7402 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a55c8', endColorstr='#ee7402',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#slide .carousel-item.training{ 
background: #40495b; /* Old browsers */
background: -moz-linear-gradient(45deg, #40495b 0%, #3e4d71 52%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #40495b 0%,#3e4d71 52%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #40495b 0%,#3e4d71 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40495b', endColorstr='#3e4d71',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#slide .carousel-item .carousel-caption {
	bottom: 40px !important;
    text-align: left !important;
    left: 20px !important;
    top: 10% !important;
    }
#slide .carousel-item.item-7 .carousel-caption, #slide .carousel-item.item-2 .carousel-caption{ top: 8% !important;}
#slide .carousel-item.item-7 .carousel-caption h2{ font-size: 36px;}
#slide .carousel-item .carousel-caption h2{ color: #ffffff; font-size: 42px; font-weight: 200; text-align: left; margin-bottom: 30px; }

/* services ---------------*/

#services{ background-color:#1f2c40 !important; padding-bottom: 0px; }

.home #services{ padding-bottom: 40px; background-color: #f8f9fa !important;}
.page-template-page-services #services{ background-color: transparent !important;}
#services .card{ text-align: left; border-right: 1px solid #ededed;}
#services .card-body p{ font-size: 14px;}
#services .card-group{ margin-top: -200px;}
#services .card img{ height: 55px; width: auto; margin-bottom: 20px;}


/* services box ---------------*/

#services-box .card.testing{ background-color: #38569b;}
#services-box .card.testing h3 a{ color: #ffffff;}
#services-box .card.testing p{color: #ffffff;}

#services-box .card.training{ background-color: #384666;}
#services-box .card.training h3 a{ color: #ffffff;}
#services-box .card.training p{color: #ffffff;}

#services-box .card.consulting{ background-color: #00305b;}
#services-box .card.consulting h3 a{ color: #ffffff;}
#services-box .card.consulting p{color: #ffffff;}

#services-box .card.newsletter .hover-caption p{color: #ffffff;}


#services-box .card{ position: relative; height: 300px; margin-bottom: 30px;}
#services-box .card p{ font-size: 14px;}
#services-box .card h3{font-weight: 300; font-size: 21px; min-height: 55px;}
#services-box .card img {

    float: right;
    max-width: 70%;
    height: auto;

}
.sidebar #services-box .card img{ max-width: 60%;}

#services-box .card .hover-caption{
	transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color:rgba(48, 53, 64, 0.9);
	padding: 30px;
	opacity: 0;
	}
#services-box .card .hover-caption .btn{ bottom: 30px; position: absolute;}
#services-box .card:hover .hover-caption{ opacity: 1;}


/*** slogan ***/

#slogan{ padding-bottom: 200px;}
#slogan h2{ color: #ffffff;}
#slogan p.h1{ color: #ffffff; margin-top: 10px; font-size: 24px; margin-bottom: 30px;}
#slogan img{max-width: 100%; margin: 30px auto;}
#slogan h3{ text-transform: uppercase; letter-spacing: 1px; font-size: 14px; text-align: center; color: #ffffff; margin-top: 20px; margin-bottom: 60px;}
/* news --------------------*/

#news{ padding-top: 20px;}
#news .item.card .card-title{  color: #ee7402;}
#news .widget-title{ display: none;}
#news .widget_rss ul li {
	max-width: 30.3333%;
	margin: 14px;
    padding: 30px;
    background-color: #fff;
    display: inline-block;
    float: left;

}
#news .widget_rss ul li a{ color: #225093; font-size: 18px; font-weight: 500; float: left; width: 100%; margin-bottom: 20px; min-height: 100px;}

#news .widget_rss ul li span.rss-date{
	letter-spacing: 2px;
	text-transform: uppercase;
	color:#666666;
	font-weight: 200;
	float: left; 
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
}

#news .widget_rss ul li cite{ margin-top: 0px; color: #000; float: left; width: 100%; font-weight: 300; font-size: 14px;}

/* -----map-------*/
#map{ 
	background: url(images/map.svg) no-repeat center 55px; 
	background-size: contain; 
	min-height: 900px;
	margin-top: -140px;
	padding-top: 140px;
	}
	
#map .title h2, #map .title p.h1{ color: #ffffff;}
#map .pin-container{ width: 100%; height: 400px; position: relative;}
#map .pin-container .pin { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-color:#ee7402; position: absolute;}
#map .pin-container .pin.small { height: 10px; width: 10px; }
#map .pin-container .pin.medium { height: 20px; width: 20px; }
#map .pin-container .pin.big { height: 30px; width: 30px; }
#map .pin-container .pin.usa{ top: 200px; left: 150px;}
#map .pin-container .pin.argentina{ top: 460px; left: 300px;}
#map .pin-container .pin.uk{ left: 470px; top: 160px;}
#map .pin-container .pin.france{ left:520px; top: 225px;}
#map .pin-container .pin.swiss{ left:550px; top: 220px;}
#map .pin-container .pin.net{ left:525px; top: 205px;}
#map .pin-container .pin.germany{ left:540px; top: 200px;}
#map .pin-container .pin.poland{ left:555px; top: 205px;}
#map .pin-container .pin.italy{ left:540px; top: 245px;}
#map .pin-container .pin.australia{ right:115px; top: 485px;}
#map .pin-container .pin.singapore{ right:250px; top: 405px;}
#map .pin-container .pin.japan{ right:110px; top: 270px;}
#map .pin-container .pin.arabia{ right:440px; top:300px;}
#map .pin-container .pin.india{ right:325px; top:350px;}
#map .pin-container .pin.turkey{ right:450px; top:250px;}
#map .pin-container .pin.russia{ right:410px; top: 200px;}
#map .pin-container .pin.lithuania{ left:570px; top: 200px;}

.tooltip .tooltip-inner{ background: #ffffff; color: #323232; padding:10px 20px;}
.tooltip .arrow:before{ border-top-color: #ffffff;}



/*-------map-------*/


/* ---------- twitter -------*/
#ctf.twitter-box{ position: relative;}
#ctf.twitter-box .ctf-corner-logo{ position: absolute; bottom: 0px; width: 100%; text-align: center; float: none; left: 0;}

#ctf.twitter-box .ctf-author-box, #ctf.twitter-box .ctf-tweet-content, #ctf.twitter-box .ctf-tweet-actions {

    margin-left: 0px;

}
#ctf.twitter-box .ctf-author-avatar{
	width: 100%;
	text-align: center;
	margin: 0px;
}
#ctf.twitter-box .ctf-author-avatar img{
	
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
#ctf.twitter-box .ctf-author-name, #ctf.twitter-box .ctf-tweet-meta, #ctf.twitter-box .ctf-author-screenname {
    width: 100%;
    text-align: center;

}
#ctf.twitter-box .ctf-screename-sep{ display: none;}

#ctf.twitter-box .ctf-tweet-date{font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #666666; font-weight: 200; text-align: center;}

#ctf.twitter-box .ctf-tweet-text {

    text-align: center;
    width: 100%;
    margin-top: 30px !important;
    line-height: 30px;
    margin-bottom: 60px !important;

}

/* -----mission ------*/
#mission .title h2, #mission .title p.h1{ text-align: left;}
#mission img{ max-width: 100%; height: auto;}
#mission .col-md-6.pr-0{ background-color: #ee7402;}
#mission .card-body p{ font-size: 14px;}
/* -----mission ------*/

/* counter -------------- */

#counter h3{ font-size: 48px; color: #ee7402;}


.post{ background-color: #f8f9fa; padding-bottom: 200px;}
.content p{ font-size: 16px; line-height: 28px;}
.post .divider{

    float: left;
    width: 100%;
    height: 1px;
    background-color:  #0056b3;
    margin-bottom: 30px;
    margin-top: 10px;

}

/*----- service single ------*/

#post-header {

    background-size: cover;
    background-position: right bottom;
    min-height: 220px;
    background-repeat: no-repeat;


}
#post-header{ background-color:#3e4d71; }
#post-header.training{ background-color:#384666; }
#post-header.testing{ background-color:#38569b;}
#post-header.consulting{ background-color:#00305b;}
.single-industries #post-header{background-color:#225093;}

#post-header h1{ font-weight: 100; margin-top: 5%;}
#post-header h1 strong{ font-weight: 500; color: #ffffff;}

.breadcrumbs { background-color:rgba(0, 0, 0, 0.2); padding-top: 8px; padding-bottom: 8px;}
.breadcrumbs #breadcrumbs{ margin-bottom: 0px; color: #ffffff; text-transform: uppercase; font-size: 12px;}
.breadcrumbs #breadcrumbs span{ color: rgba(255, 255, 255, 0.7); text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
.breadcrumbs #breadcrumbs span a{color: #ffffff; font-size: 12px; letter-spacing: 1px;}

.single .post{ background-color: transparent;}
.single .post  h3{ margin-bottom: 30px;}
.post .content ul{ margin-bottom: 30px;}
.content ul li:before{ content: "\f00c"; height: 30px; width: 30px; display: block; float: left; color: #ee7402; margin-right: 5px; font-family: FontAwesome;}
.post .content form ul li:before{  content: none; height: 0px; width: 0px; margin-right: 0px;}
.title-post{ margin-bottom: 50px;}


/* videos ---------*/
.page-template-page-videos iframe, .post-type-archive-videos iframe{ max-width: 100%;}
.page-template-page-videos .card-columns, .post-type-archive-videos .card-columns {
    column-count: 2;
  }
.page-template-page-videos .card.item{ background-color: transparent;}
 .page-template-page-videos .card.item .card-body{ margin-bottom: 20px; background-color: #ffffff; font-size: 14px;}
 .page-template-page-videos .card.item .card-body p,  .page-template-page-videos .card.item .card-body ul li{ font-size: 14px;}
  
  
 .consulting-2 .card { margin-bottom: 20px;}
 .consulting-2 .card .card-body {  min-height: 250px;}
 .consulting-2 .card .card-img-top {  min-height: 335px;}


/*---advisories -----*/

#advisories-list .item{ margin-bottom: 20px;}
#advisories-list .item .btn{ height: 100%; width: 100%; padding: 60px 0px; text-align: center;}
#advisories-list .item .alert-badge{ 
	background-color: #c1402f; 
	padding: 16px; 
	border-radius: 100%; 
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	color: #ffffff; text-align: center; 
	margin:25% 0 0 20%;
	float: left;
	width: 60px;
	height: 60px;}

#advisories-list .item.simple .alert-badge{ height: 40px; width: 40px; margin: 17px 0px 15px 15px; padding: 8px;}
#advisories-list .item.simple .card-body .d-flex{ margin-top: 15px;}
#advisories-list .item h5 a{ font-weight: 500; color: #ee7402;}
#advisories-list .item h5 a:hover{ font-weight: 500; color: #3b3b3b;;}
#advisories-list .item.simple .card-body p{ margin-top: 10px;}

/* about -----------*/

.goals{ margin-bottom: 30px; margin-top: 30px;}
.goals .rounded-icon{ width: 100%; text-align: center; margin-bottom: 20px; float: left;}
.goals .rounded-icon i{ background-color: #ee7402; padding: 40px; width:120px; height: 120px; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; font-size: 40px; color: #ffffff;}
.our-mission #news .card.item{ margin-bottom: 30px;}

.wp-block-pullquote{

    width: 100%;
    display: block;
    margin: 60px auto;
    border-top: 2px solid #ee7402;
	border-bottom: 2px solid #ee7402;

}
.wp-block-pullquote p{

    font-size: 26px;
    line-height: 46px;
    padding-left: 150px;
    padding-right: 150px;
    font-weight: 200;

}
.privacy-policy.page ul li{ font-size: 16px; line-height: 30px;}
.page-template-page-jobs .avatar{ border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-color: #ee7402; padding: 40px; height: 150px; width: 150px; margin:-110px auto 30px auto; font-size: 46px; text-align: center; color: #ffffff;}
.page-template-page-jobs .card.job-item{ margin-top: 100px;}

/* brochure -----*/

.page-template-page-brochure #services-box{margin-bottom: 40px;}
#sidebar p{ font-size: 14px;}
#sidebar #services-box .card h3 {

    font-weight: 300;
    font-size: 18px;
    min-height: inherit;

}
#sidebar #services-box .card img{max-width: 100%;}
#sidebar #services-box .card .btn{  float: left; text-align: left; color: #ffffff;}
#sidebar #services-box .card .btn i{ margin: 0px;}
#sidebar #services-box .card { height: auto;}


.page-template-page-sidebar .section{padding-bottom: 200px;}

.search-results #post-header, .search-no-results #post-header{ background-image: url(images/search-bgk.jpg);}

.error404 .section.post{ background-image: url(images/not-found.png); background-position: center bottom; min-height: 500px; background-repeat: no-repeat; padding-bottom: 550px;}
.error404 .section.post .content{ width: 100%;}

/*---footer ----*/

footer .footer{ background-color: #1f2c40;}
footer .footer p, footer .footer a{ color: #d9d9d9; font-weight: 200; font-size: 13px;}
footer .footer h5{ color: #ffffff; margin-bottom: 20px; margin-top: 40px; font-weight: 400;}

footer .footer h4.logo-footer{ height: 60px; width: 100%; background: url(images/logo-orange.svg) no-repeat  0 0; background-size: contain; margin-bottom: 20px; text-indent: -9999px;}

footer .footer .widget ul{ padding-left: 0px; list-style: none;}
footer .footer .widget ul li a {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
footer .footer .widget ul li a:hover{ color: #ee7402;}
footer .footer .social a { margin-right: 20px; color: #ffffff;}
footer .footer .jumbotron#credits{ background-color: #1a2434;}
footer .footer .jumbotron#credits p{ color: #7e8591;}

div.wpforms-container-full.newsletter-preview .wpforms-form .wpforms-field-label-inline{ font-size: 12px; font-style: italic; color: #d9d9d9; font-weight: 200; font-family: 'Poppins', sans-serif;}
div.wpforms-container-full.newsletter-preview .wpforms-form input{ font-size: 12px !important;}
div.wpforms-container-full.newsletter-preview .wpforms-form input[type="email"]{ width: 100% !important;}

/* search form expandable */

#searchform{ margin-left: 30px;}

#searchform input[type=search] {
	border:none;
	padding: 12px 10px 12px 20px;
	width: 100%;
	width: 10px;
	color: transparent;
	cursor: pointer;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	background: transparent;
	font-size: 12px; 
	letter-spacing: 1px; 
	height: 40px;

}

#searchform input[type=search]:focus {
    width: 200px;
    padding-left: 35px;
    cursor: auto;
	color: black;
}


#searchform i{
    margin-right: -30px;
    z-index: -1;
}


/*-----form ----*/

div.wpforms-container-full .wpforms-form .wpforms-field-label, div.wpforms-container-full .wpforms-form .wpforms-field-label-inline{ color: #666666; font-size: 14px; font-weight: 300; line-height: 24px; margin-bottom: 10px;}
div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{ height: 50px; padding: 10px; color: #666666; font-size: 14px; font-weight: 300;}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid{ border: 2px solid #f8887c !important;}
div.wpforms-container-full .wpforms-form label.wpforms-error { color:#f8887c !important ;}


pre code {

    background-color:  #ededed;

}



    
    
@media screen and (max-width: 991px) {
	
.page #post-header {

    background-position: right -650px bottom;
    min-height: 200px;

}

.navbar-expand-lg .navbar-nav .nav-link {
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ededed;
	padding-left: 10px;
	padding-right: 10px;

}
.navbar-expand-lg .navbar-nav li{ margin-bottom: 0px;}
.navbar-expand-lg .navbar-nav .nav-link:hover{ background-color: #ee7402; color: #fff;}
#searchform{ position: relative; margin-left: 10px; margin-bottom: 20px;}
#searchform i{ position: absolute; right: 55px; top: 30px; z-index: 2;}
#searchform input[type="search"]{ display: block; width: 98% !important; margin-top: 20px; border:1px solid #ced4da; color: #4f4f4f;}

#slide .carousel-item .carousel-caption{left: 65px !important; top: 0px !important;}
#slide .carousel-item {

    padding-top: 40px;
    padding-bottom: 40px;
    height: 540px;}
    
#slide .carousel-item .carousel-caption h2 {
font-size: 32px;

}

#news .widget_rss ul li .rssSummary{

    font-size: 14px;
    line-height: 21px;

}
#services-box .card .hover-caption{ display: none;}
#services-box{ padding-bottom: 0px;}


#counter h3 {font-size: 38px;}
#counter p{ line-height: 18px;}

#mission img {

    width: auto;
    height: 100%;

}

} 

@media screen and (max-width: 940px) {
#news .widget_rss ul li {
width: 30%;
max-width: 34%;
margin: 15px;
}


.dropdown-menu.sub-menu{ 
	position: static;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	display: block !important;
	 }
.dropdown-menu{ 
	float: left; 
	width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	height: 100%;
	display: block !important;
	}

.navbar-expand-lg .navbar-nav .menu-item.active { background-color:#ee7402; color: #fff; }

.dropdown-menu.sub-menu.depth_1 a{ border-bottom: 1px solid #ededed;}

}

@media screen and (max-width: 900px) {
#news .widget_rss ul li {
margin: 12px;
}  

}    
@media screen and (max-width: 800px) {
 #post-header { background-position: left -800px bottom;}
 
}

@media screen and (max-width: 640px) {
	
#top-nav .newsletter-link span{ display: none;}

.carousel-caption{ position: static; text-align: center !important;}
#slide .carousel-item.item-7 .carousel-caption, #slide .carousel-item.item-2 .carousel-caption { text-align: center !important;}
#slide .carousel-item .carousel-caption h2 {

    margin-bottom: 20px;
    text-align: center;

}
#slide .carousel-item {

    padding-top: 20px;
    padding-bottom: 20px;
    height: 720px;

}

#services .card {
	
    border-right: 0px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 0px;

}

#news .widget_rss ul li {

    max-width: 92%;
    margin: 15px;
    min-height: inherit;

}
#map .pin-container {
    height: 200px;

}
#map .pin-container .pin{ display: none;}
#map {

    background-position:center 200px;
    min-height: inherit;

}
#counter .card{ margin-bottom: 0px; border-bottom: 1px solid #ededed; border-right: 0px;}

#mission img{ height: auto; max-width: 100%;}

#post-header {    background-position: right -780px bottom; }

.single-services #post-header{ text-align: center;}
.single-services #post-header img{max-width: 65%;}
    
.page-template-page-videos .card-columns, .post-type-archive-videos .card-columns {
    column-count: 1;
  }
  
.wp-block-pullquote p{ padding-left: 15px; padding-right: 15px;}  


#advisories-list .item .alert-badge {

    padding: 33px;
    text-align: center;
    margin: 20px auto;
    float: none;
    width: 90px;
    height: 90px;
    display: block;

}

#advisories-list .item h5.card-title{ text-align: center;}
#advisories-list .item.card .card-body p{ text-align: center; width: 100%; float: left;}
.invisible-sm{ display: none;}

#advisories-list .item.simple .alert-badge {

    height: 60px;
    width: 60px;
    margin: 20px auto;
    padding: 17px;

}



footer .footer .jumbotron#credits p{ text-align: center;}
} 

.ctf-tweets{ text-align: center;}

div.wpforms-container-full .wpforms-form ul li{ float: left; width: 100%;}
div.wpforms-container-full .wpforms-form ul li:before{ display: none;}

#twitter .fa-twitter{ color: #225093;}