/* ============ Font Awesome  ============ */



@font-face {

  font-family: 'logooos-FontAwesome';

  src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.0.3');

  src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');

  font-weight: normal;

  font-style: normal;

}



.logooos-fa {

  font-family: logooos-FontAwesome;

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/* ======================= Logooos  ======================= */

div.logooos_container {

	display:block;

}

div.logooos {

	display:block;

	margin:0px;

	padding:0px;

	width:100%;

	line-height:0px !important;

	font-size:0px;

	cursor:auto;

}

div.logooos div.logooos_item {

	position:relative !important;

	display: none;

	width: 25%;

	height:200px;

	background-color: #fff;

	overflow:hidden;

	outline:none;

	z-index:1;

	

	-webkit-transition: box-shadow 0.5s, border-color 0.5s;

	-moz-transition: box-shadow 0.5s, border-color 0.5s;

	-o-transition: box-shadow 0.5s, border-color 0.5s;

	-ms-transition: box-shadow 0.5s, border-color 0.5s;

	transition: box-shadow 0.5s, border-color 0.5s;

}

div.logooos div.logooos_item.logooos_loading a {

	background-image:url(../images/logooos_loader.gif) !important;

	-webkit-background-size: auto !important;

	-moz-background-size: auto !important;

	background-size: auto !important;

}



div.logooos div.logooos_item a {

	display:block;

	width:100%;

	height:100%;

	position:relative;

	margin:0px;

	padding:0px;

	outline:none;

	

	text-align: center;

	color:transparent !important;

	background-repeat:no-repeat;

	background-position:center center;

	

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	-ms-transition: none;

	transition: none;

}

div.logooos div.logooos_item a:before {

	content: '';

	display: inline-block;

	height: 100%;

	vertical-align: middle;

	visibility:hidden;

}



div.logooos div.logooos_item a .logooos_effectspan {

	display:block;

	width:100%;

	height:100%;

	position:absolute;

	top:0px;

	left:0px;

	z-index:5;

	margin:-3px;

	padding:3px;

	

	-webkit-transition: box-shadow 0.5s;

	-moz-transition: box-shadow 0.5s;

	-o-transition: box-shadow 0.5s;

	-ms-transition: box-shadow 0.5s;

	transition: box-shadow 0.5s;

}



div.logooos div.logooos_item a img{

	padding:0px;

	margin:0px;

	float:none;

	display:inline-block;

	vertical-align:middle;

	border:none;

	

	-webkit-box-shadow: none;

	box-shadow: none;

	box-shadow: none \0/IE9; /* IE9 */

	

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}



div.logooos div.logooos_item.logooos_loading img {

	display:none;

}



/* ----------------- border ----------------- */



div.logooos.logooos_border div.logooos_item {

	border: 1px solid #DCDCDC;

	margin: 0px -1px -1px 0px;

}

div.logooos.logooos_no_border div.logooos_item {

	border: 1px solid transparent;

	margin: 0px -1px -1px 0px;

}



/* ----------------- border radius ----------------- */



div.logooos.logooos_no_radius div.logooos_item,

div.logooos.logooos_no_radius div.logooos_item a .logooos_effectspan { 

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

div.logooos.logooos_small_radius div.logooos_item {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

div.logooos.logooos_small_radius div.logooos_item a ,

div.logooos.logooos_small_radius div.logooos_item a .logooos_effectspan {

	-webkit-border-radius: 12px;

	-moz-border-radius: 12px;

	border-radius: 12px;

}



div.logooos.logooos_medium_radius div.logooos_item {

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}

div.logooos.logooos_medium_radius div.logooos_item a ,

div.logooos.logooos_medium_radius div.logooos_item a .logooos_effectspan{

	-webkit-border-radius: 16px;

	-moz-border-radius: 16px;

	border-radius: 16px;

}



div.logooos.logooos_large_radius div.logooos_item {

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

}

div.logooos.logooos_large_radius div.logooos_item a ,

div.logooos.logooos_large_radius div.logooos_item a .logooos_effectspan {

	-webkit-border-radius: 25px;

	-moz-border-radius: 25px;

	border-radius: 25px;

}



/* ----------------- Effects ----------------- */



div.logooos.effect1 div.logooos_item:hover,

div.logooos.effect3 div.logooos_item:hover {

	position:relative;

	z-index:2;

	

}





/* ----------------- Grayscale ----------------- */



div.logooos.logooos_grayscale div.logooos_item a {

	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}

div.logooos.logooos_grayscale div.logooos_item:hover a {

	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

    -webkit-filter: grayscale(0%);

}



/* =================== Slider  =================== */



a.logooos_next,

a.logooos_prev {

	display:block;

	width:27px;

	height:27px;

	position:absolute;

	outline: none !important;

	z-index:10;

	background-repeat:no-repeat;

	background-color:#FFFFFF;

	border:1px solid #dcdcdc;

	

	-webkit-border-radius: 10%;

	-moz-border-radius: 10%;

	border-radius: 10%;

	

	-webkit-transition: background-position .3s;

	-moz-transition: background-position .3s;

	-o-transition: background-position .3s;

	-ms-transition: background-position .3s;

	transition: background-position .3s;

}



a.logooos_next {

	right:0px;

	background-image:url(../images/next.png);

	background-position:right top;

}

a.logooos_next:hover {

	background-position:left top;

}

a.logooos_prev {

	left:0px;

	background-image:url(../images/prev.png);

	background-position:left top;

}

a.logooos_prev:hover {

	background-position:right top;

}



/* ----------------- arrows colors ----------------- */



/* light gray */ 

a.logooos_next.logooos_lightgrayarrows {

	background-position:right top;

}

a.logooos_next.logooos_lightgrayarrows:hover {

	background-position:left top;

}

a.logooos_prev.logooos_lightgrayarrows {

	background-position:left top;

}

a.logooos_prev.logooos_lightgrayarrows:hover {

	background-position:right top;

}



/* dark gray */ 

a.logooos_next.logooos_darkgrayarrows {

	background-position:right center;

}

a.logooos_next.logooos_darkgrayarrows:hover {

	background-position:left center;

}

a.logooos_prev.logooos_darkgrayarrows {

	background-position:left center;

}

a.logooos_prev.logooos_darkgrayarrows:hover {

	background-position:right center;

}



/* white */ 

a.logooos_next.logooos_whitearrows {

	background-position:right bottom;

}

a.logooos_next.logooos_whitearrows:hover {

	background-position:left bottom;

}

a.logooos_prev.logooos_whitearrows {

	background-position:left bottom;

}

a.logooos_prev.logooos_whitearrows:hover {

	background-position:right bottom;

}



/* ----------------- slider pagination ----------------- */



.logooos_slider_pagination {

	text-align:center;

	line-height: 8px;

}

.logooos_slider_pagination:empty {

	display:none;

}

.logooos_slider_pagination span {

	width:10px;

	height:10px;

	display:inline-block;

	margin:5px;

	background-color:#DDDDDD;

	cursor:pointer;

	

	opacity: 0.5;

    filter: alpha(opacity=50);

	

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	-ms-transition: all 0.5s;

	transition: all 0.5s;

	

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

.logooos_slider_pagination span.selected {

	opacity: 1;

    filter: alpha(opacity=100);

}



/* ===================  List  =================== */



div.logooos.logooos_list div.logooos_item {

	float:left;

	width:180px;

	z-index:10;

}

div.logooos.logooos_list div.logooos_textcontainer {

	line-height:1.8;

	color:#777777;

	margin-bottom:30px;

	min-height:120px;

}

div.logooos.logooos_list div.logooos_textcontainer.logooos_withoutMinHeight {

	min-height:0px !important;

	padding-bottom:0px !important;

}

div.logooos.logooos_list.logooos_listborder div.logooos_textcontainer {

	padding-bottom:30px;

	border-bottom:1px dashed #DCDCDC;

}

div.logooos.logooos_list.logooos_listborder div.logooos_textcontainer:last-child {

	padding-bottom:0px;

	margin-bottom:0px;

	border-bottom-style:none;

	border-bottom-width:0px;

}

div.logooos.logooos_list div.logooos_textcontainer div.logooos_title {

	font-weight:bold;

	font-size:15px;

	margin-bottom:10px;

	margin-left:210px;

}

div.logooos.logooos_list div.logooos_textcontainer div.logooos_text {

	font-size:12px;

	margin-left:210px;

}

div.logooos.logooos_list div.logooos_textcontainer div.logooos_text p {

	margin-top:20px;

	padding-top:0px;

	margin-bottom:0px;

	padding-bottom:0px;

}

div.logooos.logooos_list div.logooos_textcontainer div.logooos_text p:first-child {

	margin-top:0px;

	padding-top:0px;

}

div.logooos.logooos_list div.logooos_textcontainer div.logooos_text a.logooos_morelink {

	color:#999999;

	text-decoration:none;

	margin-top:20px;

	display:inline-block;

}

div.logooos.logooos_list div.logooos_textcontainer div.logooos_text a.logooos_morelink:hover {

	text-decoration:underline;

	cursor:pointer;

}



div.logooos.logooos_list div.logooos_detailsarea {

	margin-bottom:30px;

}





/* =================== Tooltip =================== */



div.logooos_tooltip {

	position:absolute;

	text-align:center;

	max-width:200px;

	z-index:1000;

}

div.logooos_tooltip span.logooos_tooltipText {

	font-size:12px;

	font-family:Tahoma;

	color:#ffffff;

	background-color: #666666;

	padding: 5px 15px;

	margin:10px 0px 10px 0px;

	display:inline-block;

	position:relative;

	line-height:1.8;

	

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

div.logooos_tooltip span.logooos_tooltipText span.logooos_tooltipArrow {

	position:absolute;

	background-image:url(../images/arrow.png);

	background-repeat:no-repeat;

	display:block;

	width:100%;

	height:7px;

	left:0px;

	margin:-1px 0px;

	padding:1px 0px;

}









/* =================== Details Area =================== */



.logooos_showdetails .logooos_item:hover {

	cursor:pointer;

}



.logooos_detailsarea {

	display:none;

	position:relative;

	margin:-1px -1px -1px 0px;

}

.logooos_grid .logooos_detailsarea {

	margin:0px -1px -1px 0px;

}

.logooos_list .logooos_detailsarea {

	margin:0px;

}

.logooos_detailsarea .logooos_detailsarea_container {

	padding:30px;

	color:#777777;

	line-height:1.8;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}



.logooos_detailsarea .logooos_detailsarea_closeBtn {

	position:absolute;

	top:30px;

	right:30px;

	outline:none;

}



.logooos_detailsarea .logooos_detailsarea_container .logooos_detailsarea_img {

	width:200px;

	height:130px;

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

}



.logooos_detailsarea .logooos_detailsarea_container .logooos_detailsarea_title {

	font-size:15px;

	font-weight: bold;

	margin:0px 0px 10px 230px;

}



.logooos_detailsarea .logooos_detailsarea_container .logooos_detailsarea_text {

	font-size:13px;

	margin-left:230px;

}



.logooos_detailsarea .logooos_detailsarea_container .logooos_detailsarea_text p {

	font-family:inherit;

	font-size:inherit;

	color:inherit;

}



.logooos_detailsarea .logooos_detailsarea_container p:last-child {

	margin-bottom:0px;

}



.logooos_detailsarea_clear {

	display:inline-block;

	width:100%;

}



/* ----------------- details area without logo ----------------- */



.logooos_detailsarea.logooos_withoutLogo .logooos_detailsarea_container .logooos_detailsarea_title {

	margin:0px 0px 10px 0px;

}

.logooos_detailsarea.logooos_withoutLogo .logooos_detailsarea_container .logooos_detailsarea_text {

	margin-left:0px;

}

.logooos_detailsarea.logooos_withoutLogo .logooos_detailsarea_container .logooos_detailsarea_img {

	display:none;

}



/* ----------------- border radius ----------------- */



div.logooos_detailsarea.logooos_no_radius div.logooos_detailsarea_container,

div.logooos_detailsarea.logooos_no_radius div.logooos_detailsarea_img { 

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}



div.logooos_detailsarea.logooos_small_radius div.logooos_detailsarea_container,

div.logooos_detailsarea.logooos_small_radius div.logooos_detailsarea_img {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



div.logooos_detailsarea.logooos_medium_radius div.logooos_detailsarea_container,

div.logooos_detailsarea.logooos_medium_radius div.logooos_detailsarea_img {

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}



div.logooos_detailsarea.logooos_large_radius div.logooos_detailsarea_container,

div.logooos_detailsarea.logooos_large_radius div.logooos_detailsarea_img {

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

}



/* ----------------- Small Width ----------------- */



.logooos_detailsarea.logooos_small_width .logooos_detailsarea_container .logooos_detailsarea_img {

	width:auto;

	float:none;

	margin-bottom:30px;

	margin-top:45px;

}



.logooos_detailsarea.logooos_small_width .logooos_detailsarea_container .logooos_detailsarea_title {

	margin:0px 0px 10px 0px;

	padding-top:0px !important;

}



.logooos_detailsarea.logooos_small_width .logooos_detailsarea_container .logooos_detailsarea_text {

	margin-left:0px;

}





/* ============ pagination  ============ */



.logooos_pagination {

	padding-top:15px;

	border-top:1px solid #DDDDDD;

	text-align:center;

	color:#F47E00;

	font-size:14px;

}

.logooos_pagination:before {

	display:inline-block;

	content:' ';

}

.logooos_pagination:empty {

	display:none;

}

.logooos_pagination_item {

	padding:0px 10px;

	display:inline-block;

	border:1px solid #DDDDDD;

	color:#777777;

	line-height:1.8;

	cursor:pointer;

	vertical-align:top;

	z-index:2;

	position:relative;

}

.logooos_pagination_item a { 

	color:inherit;

	text-decoration:none;

}

.logooos_pagination .page-numbers{

	display:inline-block;

}



.logooos_pagination_currentItem {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	border:1px solid #DDDDDD;

	background-color:transparent;

	z-index:1;

	display:none;

	

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.logooos_pagination .page-numbers.current {

	position:relative;

}

.logooos_pagination .page-numbers.current .logooos_pagination_item{

	color:inherit !important;

	background-color:transparent !important;

	border-color:transparent !important;

}



.logooos_pagination .page-numbers.current .logooos_pagination_currentItem {

	display:block;

}





.logooos_pagination .next .logooos_pagination_item:before {

	content:'\f105';

}

.logooos_pagination .prev .logooos_pagination_item:before {

	content:'\f104';

}





/* =================== Responsive =================== */



/* ----------------- Slider ----------------- */



@media (max-width: 1024px), (max-device-width: 1024px) {

	a.logooos_next {

		display:block !important;

	}

	a.logooos_prev {

		display:block !important;

	}

}