@charset "utf-8";
/* CSS Document */
/* ICPM */
/* Media Queries */



.menu-flag {top:20%;}
/* Desktop */
@media (min-width: 1200px) and (min-width: 992px) 
{
/*.content-icpm { padding:30px 80px 50px 80px;}*/
.menu-flag {top:40%;}
}

@media (max-width: 1200px) {
.navbar-default .navbar-nav > li > a {padding:15px 20px;}
.menu-flag {top:43%;}
	div.pull-right.topnav-grey > div > ul.navigation > li > a {
		padding: 10px;
		font-size: 10px;
	}
/*.content-icpm { padding:30px 80px 50px 80px;}*/
	
	
	
	
	}




/* Tablet - Landscape */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
.navbar-default .navbar-nav > li > a
{ padding:15px 25px!important; font-size:16px!important;}
/*.content-icpm { padding:30px 80px 50px 80px;}*/
.menu-flag {top:35%;}
}

/* Tablet - Portrait */
@media (min-width: 768px) and (max-width: 992px) {

.navbar {min-height:0;}
.navbar-default .navbar-nav > li > a
{ padding:15px 20px!important; font-size:14px!important;}
/*.content-icpm { padding:30px 80px 50px 80px;}*/
.menu-flag {top:60%;}

}

/* Mobile */ 
@media screen and (max-width: 767px) 
{
	div.rssItem {background-image:none;}
	.rssItemTitle {margin-left: 0;}
	.carousel-indicators {display: none;}
	.carousel-caption {width:100%; height:350px;}
/*.content-icpm { padding:30px 20px 50px 20px;}*/
	div.panel-body.icpm {text-align: center;}
	div.pull-right.topnav-grey > div > ul.navigation > li,
	div.pull-right.topnav-bg > div > ul.navigation > li {float:none;}
	.navbar-collapse {padding:0;}
	div.pull-right.topnav-grey > div > ul.navigation > li > a {display: block;}
	ul.navigation ul.dropdown-menu {width:100%;}
	main {

    padding: 30px;

}
	.navbar .navbar-nav .open .dropdown-menu > li.active > a,
	.navbar .navbar-nav .open .dropdown-menu > li.active > a:hover,
	.navbar .navbar-nav .open .dropdown-menu > li.active > a:focus {
		background-color: #eeeeee;
		color: #424347;
		background-image: none;
		
	}
	.navbar .navbar-nav .open .dropdown-menu > li.active.currentMenuItem > a,
	.navbar .navbar-nav .open .dropdown-menu > li.active.currentMenuItem > a:hover,
	.navbar .navbar-nav .open .dropdown-menu > li.active.currentMenuItem > a:focus {
		background-color: #eeeeee;
		color: #ff7300;
		background-image: none;
		
	}
	.btn {white-space: normal;}
.menu-flag {position: relative;
padding: 10px;
font-size: 18px;
}
.navbar-nav .open .dropdown-menu {background-color: #fff;}
.nav > li > a {padding:5px;margin-left: 2px;}
ul.nav.navbar-nav.navigation { display:block;text-align: center;}
	ul.nav.navbar-nav.navigation li {text-align: center;}
	
.side-bar {padding-left:40px;}
.navbar {
	margin-bottom:0;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border:none;
	box-shadow:none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #00267f;
	height: 3px;
	width: 18px;
}

.navbar-default .navbar-toggle {
	border-color: #00267f;
	border-width: 4px;
	border-radius: 10px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #93af4b;
}



/* Offcanvas Start */




.sidebar { width:240px; }




.col-xs-6
.col-sm-3
.col-xs-12
.col-sm-9

     {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }


.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
	 -o-transition: all .25s ease-out;
		transition: all .25s ease-out;
}

.row-offcanvas-right {
right: 0;
}

.row-offcanvas-left {
left: 0;
}

.row-offcanvas-right
.sidebar-offcanvas {
right: -50%; /* 6 columns */
}

.row-offcanvas-left
.sidebar-offcanvas {
left: -105%; /* 6 columns */
min-width:200px;


}

.row-offcanvas-right.active {
right: 50%; /* 6 columns */
width:50%;
}

.row-offcanvas-left.active {
left: 70%; /* 6 columns */
width:70%;
}

.sidebar-offcanvas {
position: absolute;
top: 0;
z-index: 9;
width: 100%; /* 6 columns */
}
/* Offcanvas End */


.pull-right {
	float:none!important;
	text-align:center;
}

.content {
	margin-left:0px;
}




.scroll-top-wrapper { bottom:10px;}
.contentwithsidebar {padding-left:10px;}

}


/* ----------- iPhone 5 and 5S ----------- */


/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.menu-flag {top:42%; }
/* .content-icpm { padding:30px 20px 50px 20px;} */
.row-offcanvas-right.active {
right: 70%; /* 6 columns */
width:70%;
}

.row-offcanvas-left.active {
left: 30%; /* 6 columns */
width:30%;
}

}

/* ----------- ----------- */


@media (min-width: 768px) and (max-width: 992px) {

.menu-flag {
    top: 43%;
}
}