/*
Created by: Mienard Lumaad (@themepixels)
*/
@import url('../dist/css/bootstrap.css');
@import url('jquery-ui.css');
@import url('animate.delay.css');
@import url('isotope.css');
@import url('prettyPhoto.css');
@import url('flexslider.css');
@import url('../fonts/lato/lato.css');
@import url('../fonts/font-awesome/font-awesome.min.css');

/***** 1. RESET BROWSER STYLE *****/
/**********************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 21px;
	outline: none;
}
th:first-child{ width:35%;}
th,td{ width:20%; line-height:28px;}
::selection { background: #ccc; color: #fff; text-shadow: none; } /* Safari */
::-moz-selection { background: #ccc; color: #fff; text-shadow: none; } /* Firefox */
:-moz-placeholder { color: #bbb; }
::-webkit-input-placeholder { color: #bbb; }
:-ms-input-placeholder { color: #bbb; }

body {
	background-color: #FFF; font-size: 13px; line-height: 23px; font-family:Arial, "Helvetica", sans-serif;
	background-position: center center; background-attachment: fixed; background-size: cover; color: #101010;
	position: relative; z-index: 1;
}
body.homebody { background: #FFF; }

body.bg1 { background-image: url(../images/bg1.jpg); }
body.bg2 { background-image: url(../images/bg2.jpg); }
body.bg3 { background-image: url(../images/bg3.jpg); }
body.mobilemenuview .mainpanel { padding-top: 0; }
body.mobilemenuview .leftpanel { display: block !important; background:#ffa537; }
body.mobilemenuview .leftpanel ul li{ text-shadow:0; }
.content{ background:#FFF;}
button,input,select,textarea {font-family:Arial, "Helvetica", sans-serif; font-size: 13px; color: #484848; }
a,img,button,input,select,textarea { outline: none; }
a { color: #333; text-decoration: none; outline: none; } 
a:hover, a:focus { color: #7c0505; outline: none; }
img { display: block; }
strong,h1,h2,h3,h4,h5 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height:31px; }
h3 { line-height: 32px; }
h4,h5 { font-size: 13px; }
blockquote {
	padding: 15px 20px; border: 1px solid #ddd; background: #fcfcfc; -moz-border-radius: 2px;
	-webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
blockquote p { font-family: 'Georgia', 'Times New Roman', serif; font-style: italic; }

.mainwrapper { /*background: url(../images/bgstripe.png);*/ height:100%; }
.homebody .mainwrapper { background: none; }
/** LEFT PANEL **/
.leftpanel {
	width: 250px; background: #fbcd79 url(../images/pattern3.jpg); position: fixed;
	z-index: 50; top: 0; left: 0; height: 100%; display: block; border-top:0;
}
.logopanel { overflow:hidden;
	text-align: center; padding: 5px 0 0px 0;background:#02bdff; border-bottom: 1px solid #0da6dc; 
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.05); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.05); box-shadow: 0 1px 0 rgba(255,255,255,0.05);
}
.logopanel img { display: inline;}


/** SEARCH PANEL **/

.searchpanel { padding: 20px; border-bottom:1px solid #fa901e;}
.searchpanel input { 
	background: #121212 url(../images/searchicon.png) no-repeat 10px 12px; border: 0; padding: 12px 10px 12px 35px; 
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 100%; color: #666;
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1);
	text-shadow: 1px 1px rgba(0,0,0,0.5); height: auto; margin: 0;
}
.searchpanel input:focus { 
	color: #999; background-color: #ffd68c; outline: none;
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.1);
}
.red{ color:#bc121b;}
.white{ color:#FFF;}
/** MENU PANEL**/

.menupanel ul { list-style: none; }

/*
.menupanel ul li:last-child { border-bottom:0; }
.menupanel ul li a { display: block; padding: 7px 20px 7px 30px; color: #222222; text-decoration: none; } 
.menupanel ul li.current > a, .menupanel ul li > a:hover,
.menupanel ul li.sfHover > a { color: #a6010a;}


.no-rgba .menupanel ul li.current > a, .no-rgba .menupanel ul li > a:hover,
.no-rgba .menupanel ul li.sfHover > a {}

.menupanel ul li a span { color: #ccc; margin-right: 8px; font-size: 12px; }
.menupanel ul li.current a span, .menupanel ul li a:hover span,
.menupanel ul li.sfHover a span { color: #d2b0a8; }
.menupanel ul li .sub-indicator { position: absolute; right: 10px; top: 12px; color: #333; font-size: 16px; }

.menupanel ul ul { 
	position: absolute; left: 250px; top: 0; width: 200px; z-index: 1000; background: url(../images/pattern3.png); 
	border-left: 1px dashed #333; z-index: 100; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	display: none;
}
.menupanel ul ul li { text-transform: none; font-size: 12px; }
.menupanel ul ul li:last-child { background: none; }
.menupanel ul ul li a { padding: 10px 20px 11px 20px; }
.menupanel ul ul ul { width: 200px; left: 200px; }
	

.menupanel2 { display: none; }
.menupanel2 ul { list-style: none; }
.menupanel2 ul li { border-top:1px solid #fab763;border-bottom:1px solid #f29a2f;
	display: block; text-transform: uppercase;  position: relative; font-size: 12px;
}
.menupanel2 ul li a { display: block; padding: 10px 20px 10px 30px; color: #484848; text-decoration: none; } 
.menupanel2 ul li.current > a, .menupanel ul li > a:hover,
.menupanel2 ul li.sfHover > a { color: #bc121b;}
	
.menupanel2 ul li a span { color: #ccc; margin-right: 8px; font-size: 12px; }
.menupanel2 ul li.current a span, .menupanel ul li a:hover span,
.menupanel2 ul li.sfHover a span { color: #d2b0a8; }
.menupanel2 ul li .sub-indicator { display: none; }

.menupanel2 ul ul { background: #111; visibility: visible !important; }
.menupanel2 ul ul li {
	text-transform: none; font-size: 12px; background: none;
	border-bottom: 1px solid #171717;	
}
.menupanel2 ul ul li:first-child { border-top: 1px solid #222; }
.menupanel2 ul ul li:last-child { border-bottom: 1px solid #222; }
.menupanel2 ul ul li:last-child { background: none; }
.menupanel2 ul ul li a { padding: 10px 20px 11px 55px; }
.menupanel2 ul ul ul li a { padding-left: 75px; }
.menupanel2 ul ul ul li:last-child { border-bottom: 0; }
.menupanel2 ul ul ul li:first-child { border-color: #171717; }

ul > li > ul.sub-menu{
		position:absolute;
		margin-top:-46px;
		margin-left:50px;
		width:auto;
		z-index:100;
		min-width:250px;
	}
ul > li > ul.sub-menu {
		position:relative;
		margin:0px;
	} **/
#main-menu-wrapper > ul > li {
	border-top:1px solid #fea640;border-bottom:1px solid #fa901e;display: block; text-transform: uppercase; 
	position: relative; font-size: 12px;
}	
.page-sidebar .page-sidebar-wrapper > ul > li > a {
  color: #292929;
}

.page-sidebar  .page-sidebar-wrapper > ul > li:last-child > a {
   border-bottom: 1px solid #f89f3a; 
}

.page-sidebar  .page-sidebar-wrapper > ul > li a i {
    color: #8b91a0;
	width: 20px;
	text-align: center;
    display: inline-block;
	margin-right:10px
}

.page-sidebar  .page-sidebar-wrapper > ul > li.open > a, 
.page-sidebar  .page-sidebar-wrapper > ul > li >a:hover, 
.page-sidebar  .page-sidebar-wrapper > ul > li:hover >a {  
  padding:8px 31px;
  color: #B20838;
}
.page-sidebar  .page-sidebar-wrapper > ul > li.open > a i, 
.page-sidebar  .page-sidebar-wrapper > ul > li >a:hover i, 
.page-sidebar  .page-sidebar-wrapper > ul > li:hover >a  i{  
  color: #B20838;
}

.page-sidebar.mini  .page-sidebar-wrapper > ul > li >a:hover, 
.page-sidebar.mini  .page-sidebar-wrapper > ul > li:hover >a {  
  background: #fdab4f;
}
.page-sidebar.mini .page-sidebar-wrapper  > ul > li > ul.sub-menu{
	position:absolute;
	margin-top:-46px;
	margin-left:50px;
	width:auto;
	z-index:110;
	min-width:250px;
}
.page-sidebar  .page-sidebar-wrapper > ul > li.active > a {
  border-top-color: transparent !important;
}
.page-sidebar  .page-sidebar-wrapper > ul > li.active  i{
 color:#fff;
}   

.page-sidebar.mini  .page-sidebar-wrapper > ul > li.active > a i,.page-sidebar  .page-sidebar-wrapper > ul > li:hover > a i  {
  color:#fff !important;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > a.open {
  background: #fdab4f;
}

.page-sidebar .page-sidebar-wrapper ul > li > a > .arrow:before,
.page-sidebar  .page-sidebar-wrapper > ul > li > a > .arrow.open:before {  
   color: #000 !important; font-weight:bold;
}

.page-sidebar  .page-sidebar-wrapper ul > li.active > a .arrow:before,
.page-sidebar  .page-sidebar-wrapper > ul > li.active > a .arrow.open:before {  
   color: #000 !important;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a {
  margin-left:0px;  
  padding-left: 5px; 
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu > li:first-child > a {
  border-top: 0px !important;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu > li.active > a{
	font-weight:600;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a:hover {
  background: #fdab4f !important; color:#555;

}

/* 3rd level sub menu */
.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu  li > ul.sub-menu > li.active > a, 
.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu  li > ul.sub-menu > li > a:hover,
.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu  li.open > a  {
  color: #fff !important;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu  a .arrow:before,
.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu  a .arrow.open:before {  
   color: #666  !important;
}
/*** Page sidebar ***/
.page-sidebar  .page-sidebar-wrapper > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0; 
}

.page-sidebar  .page-sidebar-wrapper > ul > li {
  display: block;
  margin: 0;
  padding: 0; 
  border: 0px;
}

.page-sidebar  .page-sidebar-wrapper > ul > li.start > a {
   border-top-color: transparent !important;
}

.page-sidebar  .page-sidebar-wrapper > ul > li:last-child > a {
   border-bottom: 1px solid transparent !important;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > a {
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 8px 31px 8px 31px;
  text-decoration: none;
  font-weight: normal;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > a i {
  margin-right: 5px;
  text-shadow:none; 
}

.page-sidebar  .page-sidebar-wrapper > ul > li.active > a {
  border: none; 
  text-shadow:none;
}  

.page-sidebar  .page-sidebar-wrapper > ul > li.active > a .selected {
  display: block;
  width: 8px;
  height: 25px;
  background-image: url("../img/sidebar-menu-arrow.png");
  float: right;
  position: absolute;
  right:-8px;
  top:8px;
}

.page-sidebar ul > li > a > .arrow:before {  
   float: right;
   margin-top: 1px;
   margin-right: 5px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f104";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > a > .arrow.open:before {   
   float: right;
   margin-top: 1px;
   margin-right: 3px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: bold;
   text-shadow:none;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin:0px;
  background-color:#fdaf4e;
  padding:8px 0px 10px 0px;

}

.page-sidebar  .page-sidebar-wrapper > ul > li.active > ul.sub-menu {
  display: block;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu > li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  padding-left: 53px !important;
  color: #292929;
  text-decoration: none;
}

/* Level 3 */
.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu  > li ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding-left:0
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu  li > a > .arrow:before   {  
   float: right;
   margin-top: 1px;
   margin-right: 20px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f104";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu  li > a > .arrow.open:before {   
   float: right;
   margin-top: 1px;
   margin-right: 18px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar  .page-sidebar-wrapper > ul > li.active > ul.sub-menu > li ul.sub-menu {
  display: block;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu > li  ul.sub-menu li {
  background: none;
  margin: 0px;
  padding: 0px;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu  li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  color: #ccc;
  text-decoration: none;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 70px;
}

.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 80px;
}
.menu-scroller{ height:97%;}
@media (max-height:600px){ .menu-scroller{ height:55%;} }
@media (max-height:500px){ .menu-scroller{ height:35%;} }
@media (max-width: 992px) {#main-menu-wrapper > ul > li {border-top:1px solid #fea640;border-bottom:1px solid #fa901e;}}
/* menu bar */
.menubar {
	position: absolute; top: 0; left: 0; width: 100%; height: 50px; /*background: url(../images/pattern1dark.png);*/
	z-index: 100; text-align: center; display: none; background:#02bdff;
}
.menubar img { height: 78%; margin-top: 3px; display: inline-block; }
.showleftmenu {
	background: #bc121b /*url(../images/showmenu.png) no-repeat center center;*/; display: block;
	width: 40px; height: 35px; top: 7px; left: 7px; position: absolute; -moz-border-radius: 2px;
	-webkit-border-radius: 2px; border-radius: 2px; cursor: pointer;
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,1), 1px 1px 0 rgba(255,255,255,0.05);
	-webkit-box-shadow: inset 1px 1px 2px rgba(179,8,56,1), 1px 1px 0 rgba(255,255,255,0.05);
	box-shadow: inset 1px 1px 2px rgba(179,8,56,1), 1px 1px 0 rgba(255,255,255,0.05);
}
.showleftmenu > div{ margin-top:-32px; margin-left:38px; float:left; background:#ab0835; font-weight:bold; font-size:13px; padding:7px; width:70px; color:#FFF;}
.showleftmenu i{ font-size:25px; color:#FFF; margin-top:5px;}
@-webkit-keyframes rotateIcon {
	0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); }
	100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); }
}
@-moz-keyframes rotateIcon {
	0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); }
	100% { -moz-transform-origin: center center; -moz-transform: rotate(0); }
}
@-o-keyframes rotateIcon { 
	0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); }
	100% { -o-transform-origin: center center; -o-transform: rotate(0); }
}
@keyframes rotateIcon {
	0% { transform-origin: center center; transform: rotate(-200deg); }
	100% { transform-origin: center center; transform: rotate(0); }
}
.rotateIcon { -webkit-animation-name: rotateIcon; -moz-animation-name: rotateIcon; -o-animation-name: rotateIcon; animation-name: rotateIcon; }

/** MAIN PANEL **/
.mainpanel { margin-left: 250px; position: relative; clear: both; background:url("../images/content.jpg") repeat scroll 0 0 #fde3ba;}
.mainpanel:after { display: block; content: ''; clear: both; }
.fixedpanel { /*background:url("../images/pattern3.jpg") repeat scroll 0 0 #E4E4E4;*/ width: 980px; min-height:800px; border-right: 1px solid #E7C27A; height:100%; }
.sidebarline {/* background-image: url(../images/line-eee); background-repeat: repeat-y; background-position: 730px 0; */}
.nosidebarpanel { width: 690px; background-color: #fff; border-right: 1px solid #e7e7e7; }

.headerpanel { position: relative; padding: 20px 20px 20px 20px; height: 105px; border-bottom: 1px solid #e7c27a; background: url("../images/content.jpg"); }
.headerpanel .headicon { 
	display: inline-block; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden;
	background: #e5cec8; font-size: 36px; color: #b08a7c; text-align: center; float: left; margin-right: 18px; width: 64px;
	height: 64px;
} 
.no-borderradius .headerpanel .headicon { background: #f4a00f url(../images/headicon.png) no-repeat center center; }
.headerpanel .headicon span { margin: 13px 10px; display:  block; }
.headerpanel h1 {
	font-size: 28px; font-weight: bold; color: #bc121b; margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif; line-height: 36px;
}
.headerpanel p { color: #2e2e2e; line-height: 18px; }
.size-text{ font-size:40px; color:#bc121b; border:0; text-shadow:0; }
.fa.fa-chevron-circle-right.size-text{ right:40%;}
.headlist { list-style: none; margin-top: 10px; }
.headlist:after { display: block; clear: both; content: ""; }
.headlist li { float: left; font-size: 11px; text-transform: uppercase; border-left: 1px solid #ccc; line-height: 10px; }
.headlist li:first-child { border-left: 0; }
.headlist li a { display: block; color: #292929; padding: 0 10px; line-height: 10px; }
.headlist li a:hover { color: #d2b0a8; text-decoration: none; }
.headlist li:first-child a { padding-left: 0; }
.headlist li.current a { color: #d2b0a8; }

.sectitle { font-size: 14px; color: #333; margin-bottom: 20px; text-transform: uppercase; }

.breadcrumbs { position: absolute; top: 40px; right: 20px; list-style: none; }
.breadcrumbs li { float: left; margin-left: 5px; font-size: 11px; color: #999; }
.breadcrumbs li a { display: inline-block; color: #484848; }
.breadcrumbs li a:hover { text-decoration: none; color: #d2b0a8; }
.breadcrumbs li span { color: #999; display: inline-block; margin-left: 5px; }

.projectdetails table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.projectdetails table td { padding: 3px 0; border-bottom: 1px dotted #ea8d2d; }
.projectdetails table td:first-child { font-size: 11px; text-transform: uppercase; }

/** CONTENT PANEL **/

.contentpanel { padding: 20px; position: relative; }
.contentpanel .col-lg-12{ margin-bottom:10px;}
.contentpanel ul.list { list-style: none; }
.contentpanel ul.list li { display: block; position: relative; float:left;border-bottom:1px dotted #DDD; margin-right:25px;  }
.contentpanel ul.list li a { color: #666; display: inline-block; padding-left: 20px; }
.contentpanel ul.list li a:hover { color: #d2b0a8; }
.contentpanel ul.list li span { position: absolute; top: 3px; left: 0; width: auto; }

.singleblogpanel .bloglistpanel li .blogcontent { border-bottom: 0; }


/** HOME PANEL **/

.homepanel { background:#FFF; overflow: hidden; clear: both; }
.homepanel:after { content: ''; display: block; clear: both; }
.homepanel .item { /*width: 33.333333%; float: left; */position: relative; cursor: pointer; }
.homepanel .itemcontent {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: url(../images/transbg.png); display: none; }
.homepanel .itemcontent .inner { padding: 20px; color: #fff; }
.homepanel .itemcontent .inner .cat { font-size: 11px; text-transform: uppercase; color: #999; }
.homepanel .itemcontent .inner h3 { font-size: 18px; }
.homepanel .itemcontent .inner h3 a { color: #d2b0a8; }
.homepanel .itemcontent .inner h3 a:hover { text-decoration: none; }
.homepanel .itemcontent .inner .desc { margin: 10px 0; color: #ccc; }

.homepanel .item .itemmeta { cursor: default; position: absolute; background: #d2b0a8; bottom: 0; left: 0; width: 100%; opacity: 0.8; display: none; }
.homepanel .item .im-inner { padding: 10px 20px; list-style: none; color: #333; text-align: right; }
.homepanel .item .im-inner li { display: inline-block; margin-left: 10px; }
.homepanel .item .im-inner li:first-child { margin-left: 0; }
.homepanel .item .im-inner li.left { float: left; }
.homepanel .item .im-inner a:hover { text-decoration: none; color: #000; }

.itemdetails {
	width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 300;
	background: rgba(0,0,0,0.9); /*url(../images/itembg.png) repeat-y right 0;*/ overflow: hidden;
}

/* ie8 fix */
.no-rgba .itemdetails { background: transparent url(../images/itembg-ie.png) repeat-y right 0; }

.itemdetails .close {
	position: absolute; font-size: 32px; top: 20px; /*right: 425px;*/ right:80px; font-family: 'LatoRegular';
	color: #fff; text-shadow: none; opacity: 0.5; font-weight: normal; z-index: 50;
}
.itemdetails .close:hover {
	opacity: 1; text-shadow: 0 0 10px rgba(255,255,255,0.8);
}

.itemdetails .photodetails { position: absolute; top: 0; right: 0; width: 400px; }
.itemdetails .photodetailsinner { padding: 20px; }
.itemdetails .categ { display: block; font-size: 11px; color: #999; text-transform: uppercase; }
.itemdetails h3 { font-size: 20px; color: #333; }
.itemdetails h4 { font-size: 14px; text-transform: uppercase; color: #333; margin: 20px 0 10px 0; }
.itemdetails p { margin: 20px 0; }
.itemdetails .imageview { /*margin-right: 400px;*/ text-align: center; position: relative; }
.itemdetails .imageview div { padding-right: 10px; position: relative; }
.itemdetails .imageview img {
	margin: auto; padding: 5px; background: #bc121b; -moz-border-radius: 2px;
	-webkit-border-radius: 2px; border-radius: 2px;
}
.itemdetails .itempaging { position: absolute; top: 50%; width: 100%; }
.itemdetails .itempaging a {
	width: 50px; height: 38px; /*border: 2px solid #ddd;*/ position: absolute; top: -25px;
	font-size: 35px; text-align: center; padding-top: 12px; display: block; -moz-border-radius: 50px;
	-webkit-border-radius: 50px; border-radius: 50px; color: #fff; opacity: 0.15; z-index: 50;
}
.itemdetails .itempaging a .fa{ color:#FFF;}
.itemdetails .itempaging a:hover {
	opacity: 0.8; /*text-decoration: none; -moz-box-shadow: 0 0 10px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0 0 10px rgba(255,255,255,0.5); box-shadow: 0 0 10px rgba(255,255,255,0.5);
	text-shadow: 0 0 10px rgba(255,255,255,0.5);*/
} 
.itemdetails .itempaging a.prev { left: 10px; }
.itemdetails .itempaging a.next { right: 10px; }

/** ie8/old browser fix**/
.no-opacity .itemdetails .itempaging a { -moz-opacity: 0.15; opacity:.15; filter: alpha(opacity=15); }
.no-opacity .itemdetails .itempaging a:hover { -moz-opacity: 0.80; opacity:.80; filter: alpha(opacity=80); }
 
.itemdetails .itempaginginner { /*margin-right: 400px;*/ height: 50px; position: relative; }

.homeslider { position: relative; overflow: hidden; margin: 20px; border:0; }
.homeslider ul { list-style: none; } 
 
.feat { border: 1px solid #eee; border-left: 0; border-right: 0; background: #fcfcfc; }
.feat:after { content: ''; display: block; clear: both; }
.featinner { padding: 40px 20px; overflow: hidden; clear: both; }
.featinner .one_fourth { text-align: center; }
.featinner img { display: inline-block; margin-bottom: 20px; }
.featinner h4 { margin-bottom: 10px; color: #333; font-size: 16px; }

.gridphoto { } 
.brown{ background:#bc121b; border:1px solid #28170f; color:#FFF;}
.pink{ background:#bc121b; border:1px solid #ca1044; color:#FFF;}
.brown:hover{ background:#ca1044; color:#d0b6aa;}
/** BLOG PANEL **/

.bloglistpanel { list-style: none; }
.bloglist{ margin-bottom:45px; border-bottom:1px dashed #e7c27a;}
.bloglistpanel .col-lg-5,.bloglistpanel .col-lg-6,.bloglistpanel .col-lg-4{ margin:0; padding:0;}
.bloglistpanel li { display:  block; margin-bottom: 35px; }
.bloglistpanel li:last-child { margin-bottom: 0; }
.bleft { width: 64px; background: #f7f7f7; border: 1px solid #e7c27a; float: left; }
.icon { 
	background: #fff; font-size: 36px; text-align: center; padding: 11px 0 11px 0; color: #d2b0a8; border-bottom: 1px solid #e7c27a; 
}
.date { text-align: center; text-transform: uppercase; padding: 10px 0; color: #999; font-weight: normal; }
.date h3 { font-size: 16px; line-height: normal; }
.date h1 { font-size: 28px; line-height: normal; }
.bright { margin-left: 84px; }
.blogtitle { font-size: 16px; line-height: 26px; color: #bc121b; }
.blogtitle a{color: #bc121b; }
.blogtitle a:hover { text-decoration: none; }
.blogmeta { font-size: 11px; text-transform: uppercase; margin: 2px 0 12px; }
.blogmeta a { text-transform: none; }
.blogsingleimg { margin-bottom: 20px; overflow: hidden; }
.blogimg,
.blogimg-slide { overflow: hidden; height: auto; margin-bottom: 5px; position: relative; }
.blogimg a { display: block; overflow: hidden; position: relative; }
.blogimg img { width: 100%; }
.blogimg-slide .slides a { position: relative; display: block; }
.slides img{ width:100%;}
.overlay {
	background: rgba(0,0,0,0.65); position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	display: none;
}
.overlay div { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; }
.overlay span {
	position: relative; display: block; top: -50%; left: -50%; font-size: 24px; background: #000; width: 60px; height: 60px;  
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; opacity: 0.8;
}
.no-borderradius .bloglistpanel li .overlay { background: transparent url(../images/transbg.png); }
.no-borderradius .bloglistpanel li .overlay span {  
	background: transparent url(../images/overlayspan.png) no-repeat center center; 
}
.overlay span i { margin: 17px 0 0 15px; color: #fff; }
.blogcontent { /*border-bottom: 1px dashed #ccc;*/ padding-bottom: 15px; }
.blogcontent p { margin-bottom: 20px; }
.readmore { text-transform: uppercase; font-size: 12px; }
.readmore span { color: #FFF; }
.readmore:hover { text-decoration: none; }
.readmore:hover span { padding-left: 10px; }

.blogvideo { height: 300px; margin-bottom: 20px; position: relative; }
.blogvideo iframe { width: 100%; height: 100%; }

.blog2 .bleft { background: none; border: 0; width: 250px; height: 200px; position: relative; }
.blog2 .icon {
	width: 30px; padding: 5px 0; font-size: 14px; background: #d90a15; border: 0;
	-moz-border-radius: 0 0 0 2px; -webkit-border-radius: 0 0 0 2px; border-radius: 0 0 0 2px;
	position: absolute; bottom: 0; left: 0; z-index: 50; color: #fff;
}
.blog2 .date {
	border: 0; background: #bc121b; color: #fff; font-size: 10.5px; padding: 5px 10px; z-index: 50;
	position: absolute; bottom: 0; left: 30px;
}
.blog2 .blogimg,
.blog2 .blogimg-slide { margin-bottom: 0; height: 100%; }
.blog2 .blogimg a { height: 100%; }
.blog2 .blogimg img { height: 100%; width: auto; max-width: none; }
.blog2 .blogcontent { border-bottom: 0; }
.blog2 .bright { margin-left: 270px; }
.blog2 .flex-viewport { height: 100%; }
.blog2 .slides { height: 100%; }
.blog2 .slides li { margin-bottom: 0; position: relative; height: 100%; }
.blog2 .slides li a { position: relative; height: 100%; text-align: center; }
.blog2 .slides li a img { max-width: none; height: 100%; }
.blog2 .slides li a .overlay { z-index: 100; }
.blog2 .overlay span { width: 50px; height: 50px; font-size: 18px; }
.blog2 .overlay span i { margin: 15px 0 0 0; }

.gridblog { list-style: none; }
.gridblog li { width: 33.3333%; background: #fff; float: left; }
.gridblog li .inner { height:453px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px; }
.gridblog li .gridthumb { position: relative; }
.gridblog li .gridimg { display: block; position: relative; }
.gridblog li .gridimg img{ width:100%;}
.gridblog li .overlay {
	background: rgba(0,0,0,0.65); position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	display: none;
}
.gridblog li .overlay div { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; }
.gridblog li .overlay span {
	position: relative; display: block; top: -50%; left: -50%; font-size: 24px; background: #000; width: 60px; height: 60px;  
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; opacity: 0.8;
}
.gridblog li .overlay span i { margin: 17px 0 0 15px; color: #fff; }
.gridblog li .blogdate { position: absolute; bottom: 0; left: 0; background: #d2b0a8; }
.gridblog li .blogdate .icon { float: left; background: #333; color: #fff; padding: 5px 0; text-align: center; width: 30px; }
.gridblog li .blogdate .date {
	min-width: 50px; padding: 5px 10px; color: #fff; text-transform: uppercase; font-size: 12px; margin-left: 30px; }
.gridblog li .inner h3 { font-size: 20px; margin-top: 10px; line-height: 28px; }
.gridblog li .inner h3 a:hover { text-decoration: none; }
.gridblog li .blogmeta { line-height: normal; margin-top: 0; font-size: 11px; text-transform: uppercase; margin: 2px 0 12px; }
.gridblog li .blogmeta a { text-transform: none; }
.gridblog li .readmore { margin-top: 15px; display: block; text-transform: uppercase; font-size: 12px; }
.gridblog li .readmore:hover { text-decoration: none; }

/** ie fix **/
.no-borderradius .blog2 li .overlay span { background: transparent url(../images/overlayspansmall.png) no-repeat center center; }
.no-borderradius .blog2 li .overlay span i { margin-top: 18px; }

.blog2 li .prettyPhoto .overlay span i { margin: 14px 0 0 12px; }
.blog2 li .slides .prettyPhoto .overlay span i { margin: 14px 0 0 0; }
.blog2 li .flex-direction-nav a { width: 30px; height: 30px; background-image: url(../images/slide-arrow-small.png); margin: -20px 0 0; }
.blog2 li .flex-direction-nav .flex-prev { background-position: 7px 5px; }
.blog2 li .flex-direction-nav .flex-next { background-position: 8px -101px; }
.blog2 li .blogvideo { height: 100%; }

/* search results */
.blogresult li .bright { min-height: 237px; }

.share { margin-left: 85px; background: #f7f7f7; list-style: none; overflow: hidden; }
.share li { float: left; display: inline-block; border-right: 1px solid #fff; }
.share li.sharelabel h4 {
	padding: 13px 20px 12px 20px; font-weight: normal; text-transform: uppercase; background: #eee;
	-moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
}
.share li a { display: block; width: 45px; height: 46px; background-repeat: no-repeat; background-position: 7px 5px; }
.share li a:hover { background-position: 7px -60px; background-color: #d2b0a8; }
.share li a i{ color:#FFF; font-size:25px; margin-top:8px;}
.share li a i:hover{ color:#FFF;}
.share li a:active { background-color: #999; }
/*.share li a.twitter { background-image: url(../images/icons/social/twitter.png); }
.share li a.facebook { background-image: url(../images/icons/social/facebook.png); }
.share li a.gplus { background-image: url(../images/icons/social/gplus.png); }
.share li a.pinterest { background-image: url(../images/icons/social/pinterest.png); }
.share li a.yahoo { background-image: url(../images/icons/social/yahoo.png); }
.share li a.linkedin { background-image: url(../images/icons/social/linkedin.png); }*/

.authorinfo { position: relative; overflow: hidden; margin: 25px 0; }
.authorinfo .authorimg { float: left; margin-top: 5px; overflow: hidden; }
.authorinfo .authordetails { margin-left: 85px; }
.authorinfo .authordetails p { margin: 10px 0; }
.authorinfo .authordetails h4 { margin-bottom: 10px; }

.comments { list-style: none; }
.comments li { display: block; overflow: hidden; clear: both; border-bottom: 1px dashed #ddd; padding-bottom: 25px; margin-bottom: 25px; }
.comments li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.comments li .authorimg { display: block; float: left; margin-right: 20px; margin-top: 5px; overflow: hidden; }
.comments li .comment { margin-left: 75px; position: relative; }
.comments li:last-child .comment { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.comments li .commentreply { font-size: 11px; text-transform: uppercase; }
.comments li .replybutton:hover { color: #fff; }
.comments li .commenttime { font-size: 11px; color: #999; display: inline-block; margin-left: 10px; }
.comments li .commentbody { margin-top: 15px; }
.comments ul { margin-left: 75px; margin-top: 25px; border-top: 1px dashed #ddd; padding-top: 25px; }
.comments ul li:last-child .comment { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.commentform { margin: 25px 0; }
.commentform input { width: 100%; background: #fcfcfc; padding: 12px 10px; border: 1px solid #ccc; height: auto; margin: 0; }
.commentform textarea {
	width: 100%; min-height: 100px; padding: 12px 10px; background: #fcfcfc; border: 1px solid #ccc;
	resize: vertical; display: block; overflow: hidden;
}
.commentform input:focus, .commentform textarea:focus { 
	background: #fff; border-color: #bbb; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.commentform input, .commentform textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.commentform .txtwrapper { margin: 20px 0; }


/** CONTACT **/

.map {/* height: 300px;*/ width: 100%; }
.contactform { margin: 25px 0; }
.contactform input { width: 100%; background: #f8e6ca; padding: 12px 10px; border: 1px solid #f2c988; height: auto; margin: 0; }
.contactform textarea {
	width: 100%; min-height: 100px; padding: 12px 10px; background: #f8e6ca; border: 1px solid #f2c988;
	resize: vertical; display: block; margin: 0; overflow: hidden; line-height: 18px;
}
.contactform input:focus, .contactform textarea:focus { 
	background: #fff5e5; border-color: #bbb; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.contactform input, .contactform textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.contactform .txtwrapper { margin: 20px 0; }
.contactform .subject { margin-top: 20px; }

.successmsg { margin-top: 20px; }

/** PORTFOLIO **/

.portfoliopanel { position: relative; }
.portfoliolist { list-style: none; padding-bottom: 5px; }
.portfoliolist li { margin: 5px 0 0 5px; overflow: hidden; }
.portfoliolist li .thumb a { overflow: hidden; display: block; position: relative; }
.portfoliolist li .thumb a img { width: 100%; }
.portfoliolist:after { display: block; content: ""; clear: both; }
.portfoliolist li .overlay {
	background: rgba(0,0,0,0.45); position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	display: none;
}
.portfoliolist li .overlay div  { position: absolute; top: 50%; left: 50%; }
.portfoliolist li .overlay span {
	position: absolute; background: #000; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
	overflow: hidden; opacity: 0.8; position: relative; display: block; left: -50%; top: -50%; 
}
.no-opacity .portfoliolist li .overlay { background: transparent url(../images/transbg.png); }
.no-borderradius .portfoliolist li .overlay span {
	background: transparent url(../images/overlayspan.png) no-repeat center center; /* ie fix */
}
.no-borderradius .portfolio-four li .overlay span {
	background: transparent url(../images/overlayspansmall.png) no-repeat center center !important; /* ie fix */
}
.portfoliolist li .overlay span i { color: #fff; }

/* four columns */
.portfolio-four li { width: 232px; }

.portfolio-four li .overlay div { width: 50px; height: 50px; }
.portfolio-four li .overlay span { font-size: 18px; width: 50px; height: 50px; }
.portfolio-four li .overlay span i { margin: 16px 0 0 14px; }

/* three columns */
.portfolio-three li { width: 310px; }
.portfolio-three li .overlay div { width: 60px; height: 60px; }
.portfolio-three li .overlay span { font-size: 24px; width: 60px; height: 60px; }
.portfolio-three li .overlay span i { margin: 17px 0 0 15px; }

/* two columns */
.portfolio-two li { width: 468.5px; }
.portfolio-two li .overlay div { width: 60px; height: 60px; }
.portfolio-two li .overlay span { font-size: 24px; width: 60px; height: 60px; }
.portfolio-two li .overlay span i { margin: 17px 0 0 15px; }

.portfolio-summary { padding: 10px; background: #eee; text-align: center; }
.portfolio-summary h4 a:hover { text-decoration: none; }
.portfolio-summary p { color: #999; line-height: 18px; }

.portfoliodetails { padding: 20px 15px; }
.portfoliodetails h3 { font-size: 14px; color: #333; margin-bottom: 20px; text-transform: uppercase; }

.projectdetails table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.projectdetails table td { padding: 3px 0; border-bottom: 1px dotted #efba61; }

.imgpreview { position: relative; background: #333; text-align: center; padding: 0 5px; overflow: hidden; border-radius: 2px; }
.imgpreview img { margin: auto; }

.portfolio-related { margin-right: -5px; }
.portfolio-related li { width: 231.2px; float: left; margin-top: 0; }
.portfolio-related li:first-child { margin-left: 0; }

.pagerwrapper { margin-top: 5px; background: #eee; }
.pagerwrapper:after { display: block; content: ''; clear: both; overflow: hidden; }

.pagerwrapper .share { float: left; margin-left: 0; }
.pagerwrapper .share li a { background-color: #eee; }
.pagerwrapper .share li a:hover { background-color: #d2b0a8; }
.pagerwrapper .share li:first-child a {
	-moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
}

.pagerwrapper .paging { list-style: none; float: right; }
.pagerwrapper .paging li {
	display: inline-block; float: left; border-left: 1px solid #fff; font-size: 11px; text-transform: uppercase;
}
.pagerwrapper .paging li a { display: block; padding: 13px 15px 12px 15px; }
.pagerwrapper .paging li a:hover { background: #d2b0a8; color: #fff; text-decoration: none; }
.pagerwrapper .paging li.prev a span { margin-right: 10px; }
.pagerwrapper .paging li.next a span { margin-left: 10px; }
.pagerwrapper .paging li:last-child a {
	-moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
}


/** ABOUT US **/

.headlinepanel { position: relative; min-height: 350px; }
.headlinepanel .content { width: 570px; }
.headlinepanel img { position: absolute; top: 0; right: 0; width: 400px; }
.headlinepanel h1 {
	font-size: 20px; display: inline-block; padding: 15px 15px; background: #666; color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-border-radius: 2px 2px 2px 0;
	-webkit-border-radius: 2px 2px 2px 0; border-radius: 2px 2px 2px 0;
}
.headlinepanel h4 {
	background: #eee; color: #333; display: inline-block; width: 400px; padding: 10px 15px;
	margin-top: 1px; font-size: 14px; font-family: 'LatoRegular','HelveticaNeue', Helvetica, sans-serif;
	-moz-border-radius: 0 0 2px 2px; -webkit-border-radidus: 0 0 2px 2px; border-radius: 0 0 2px 2px;
}
.headlinepanel p { margin: 20px 0; }

.parcontent .jobtitle { font-size: 20px; line-height: 28px; color: #333; }
.parcontent p { margin: 20px 0; }
.parcontent ul { margin: 20px 10px; list-style: none; }
.parcontent ul li { margin-bottom: 5px; }
.parcontent ul li i { float: left; margin-top: 2px; }
.parcontent ul li span { display: block; margin-left: 25px; }

.clientlist { list-style: none; margin: 20px 0; clear: both; }
.clientlist:after { clear: both; content: ''; display: block; }
.clientlist li { display: inline-block; width: 25%; float: left; }
.clientlist li .clwrapper { border: 1px solid #ddd; border: 1px solid #ddd; border-left: 0; }
.clientlist li:first-child .clwrapper { border-left: 1px solid #ddd; }
.clientlist li .clwrapper { text-align: center; padding: 30px 0; }
.clientlist li .clwrapper img { display: block; margin: auto; }

ul.list{ list-style:none; margin:0; padding:0;}
ul.list li{border-bottom:#f1f1f1 1px solid; padding:8px 0; }

/** CAREERS **/

.parcontent .jobmeta { margin-top: 5px; }


/** OUR TEAM **/

.ourteampanel .span4 {
	border: 1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.08);
	box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.ourteampanel .share {
	margin: 0 auto; padding: 2px 0 2px 9px; border-top: 1px solid #ddd; background: #fff;
}
.ourteampanel .share li { margin: 0; }
.ourteampanel .share li a:hover { background-color: #ddd; }

.teaminfo .img { margin: 10px; }
.teaminfoinner { padding: 10px; }
.teaminfo h4 { color: #333; font-size: 14px; text-transform: uppercase; }
.teaminfo .pos { display: block; font-size: 12px; color: #999; }
.teaminfo p { margin: 10px 0; }


/** CUSTOMER SUPPORT PANEL **/

.discussions a { display: inline-block; }

.supportpanel .highlight { font-size: 15px; font-family: 'LatoRegular', 'HeveticaNeue', 'Helvetica', sans-serif; }
.supportpanel .subtitle { font-size: 14px; text-transform: uppercase; margin-bottom: 20px; color: #333; }
.supportpanel .table th {
	font-weight: normal; font-family: 'LatoBold', 'HelveticaNeue', Helvetica, sans-serif; color: #999;
	text-transform: uppercase; border-bottom: 2px solid #ccc; font-size: 11px;
}
.supportpanel .table th,
.supportpanel .table td { padding: 7px 0; }
.supportpanel .table td { border: 0; border-bottom: 1px dashed #ddd; }

.searchbox {
	padding: 15px; background: #eee; margin: 30px 0; overflow: hidden; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.8);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.8);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.8);
}
.searchbox .input-append { margin: 0; }
.searchbox input {
	float: left; padding: 10.5px 10px; font-size: 14px; border: 1px solid #ccc; border-right: 0; 
	width: 510px; color: #ccc; background: #fbfbfb; font-style: italic;
	-moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.15); margin: 0; height: auto;
}
.no-borderradius .searchbox input { border: 1px solid #111; height: 40px; } /* ie fix */
.searchbox input:focus {
	background: #fff; border-color: #bbb; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.searchbox button.btn {
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer;
	-moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin: 0;
	height: auto; padding: 10px 20px 9px 20px; text-transform: uppercase; color: #484848; font-size: 12px;
}

.supportpanel .sidebarlist li a span { float: right; color: #ccc; }


.topictitle { font-size: 18px; color: #333; }

.topicpanel {
	padding: 15px 15px; border: 1px solid #ddd; background: #fcfcfc; margin: 20px 0;
	box-shadow: 0 2px 0 rgba(0,0,0,0.03);
}
.topicpanel .author-thumb {
	float: left; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px;
}
.topicpanel .topic-content { margin-left: 90px; }
.topicpanel h5 { font-size: 14px; }
.topicpanel .topic-content p { margin: 15px 0; }
.topicpanel .topic-content p:first-child { margin-top: 0; }
.topicpanel .topic-content p:last-child { margin-bottom: 0; color: #999; }
.topicpanel .topic-content p a { color: #d2b0a8; }
.topicpanel .topic-content p.date { font-size: 11px; }

.replypanel { margin: 20px 0; }
.replypanel .author-thumb { float: left; margin-top: 5px; overflow: hidden; }
.replypanel .topic-content { margin-left: 70px; }
.replypanel h5 { font-size: 14px; }
.replypanel p { margin: 10px 0; }
.replypanel textarea {
	width: 100%; background: #fcfcfc; border: 1px solid #ccc; padding: 7px 5px; min-height: 100px; resize: vertical;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.replypanel textarea:focus {
	border-color: #ccc; color: #666; background: #fff; font-style: normal;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}


/** ELEMENTS **/

.buttonlist { list-style: none; }
.buttonlist:after { content: ''; display: block; clear: both; }
.buttonlist li { display: inline-block; margin-right: 5px; margin-bottom: 8px; }
.buttonlist li:last-child { margin-right: 0; }

.tooltiplist { list-style: none; }
.tooltiplist li { display: inline-block; margin-left: 5px; }
.tooltiplist li:first-child { margin-left: 0; }

.glyphicons { list-style: none; margin-top: 20px; }
.glyphicons li { float: left; width: 25%; line-height: 25px; }

.fontawesomeicons ul { list-style: none; }
.fontawesomeicons ul li { line-height: 25px; }

/** PRICING **/

.pricingpanel { overflow: hidden; clear: both; }
.pricingpanel:after { content: ''; clear: both; overflow: hidden; }
.pricingpanel .plan { width: 234px; float: left; }
.pricingpanel .plan-head {
	border: 1px solid #ddd; border-left: 0; padding: 10px; text-align: center; background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}
.pricingpanel .plan:first-child .plan-head { border-left: 1px solid #ddd; }
.pricingpanel .plan-head h3 { font-size: 14px; text-transform: uppercase; margin-bottom: 20px; }
.pricingpanel .plan-head h2 { font-size: 36px; color: #333; }
.pricingpanel .plan-head span { display: block; margin-top: 5px; font-size: 11px; }
.pricingpanel .pricinglist { list-style: none; border: 1px solid #ddd; border-left: 0; margin: 0; border-top: 0; text-align: center; }
.pricingpanel .plan:first-child .pricinglist { border-left: 1px solid #ddd; }
.pricingpanel .pricinglist li { display: block; border-top: 1px dashed #ddd; padding: 7px 10px; }
.pricingpanel .pricinglist li:first-child { border-top: 0; }
.pricingpanel .business .plan-head h3,
.pricingpanel .business .plan-head h2 { color: #FF900A; text-shadow: 1px 1px rgba(255,255,255,1); }
.pricingpanel .plan .signup {
	border: 1px solid #ddd; border-top: 0; border-left: 0; background: #fcfcfc;
	padding: 20px 0; text-align: center;
}
.pricingpanel .plan:first-child .signup { border-left: 1px solid #ddd; }


/** COLUMNS **/

.one_half{ width:48.5%; }
.one_third{ width:31.16%; }
.two_third{ width:65.83%; }
.one_fourth{ width:22.7%; }
.three_fourth{ width:74.3%; }
.one_fifth{ width:17.3%; }
.two_fifth{ width:38.1%; }
.three_fifth{ width:58.9%; }
.four_fifth{ width:67.7%; }
.one_sixth{ width:13.83%; }
.five_sixth{ width:83.17%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,
.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:3%; float:left; }
.last{ margin-right:0 !important; clear:right; }


/** PAGINATION **/
.blogpanel{ background:url("../images/content.jpg") repeat scroll 0 0 #fde3ba;}
.blogpagination { margin-left: 85px; }
.blogpanel .pagination ul > li:first-child > a,
.blogpanel .pagination ul > li:first-child > span {
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}
.blogpanel .pagination ul > li:last-child > a,
.blogpanel .pagination ul > li:last-child > span {
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.blogpanel .pagination ul > li > a,
.blogpanel .pagination ul > li > span {
	padding: 7px 10px;
}
.address h3{ float:left; width:auto; font-size:15px; font-weight:bold; height:auto;}
.row.address > p{  padding-left:180px; margin:auto; padding-top:5px;}
.address.row{ margin:0px; padding:0; /*border-bottom:1px solid #f1f1f1;*/}
/** SIDEBAR **/

.sidebar { float: left;  }
.sidebar .sidebarwidget { margin-bottom: 35px; }
.sidebar h3 { font-size: 14px; color: #333; margin-bottom: 20px; text-transform: uppercase; }
.sidebar ul { list-style: none; }
.sidebar ul li { display: block; position: relative; border-bottom: 1px solid #e7c27a; padding: 7px 0; }
.sidebar ul li a { color: #1d1d1d; display: block; }
.sidebar ul li a:hover { color: #4c4c4c; }

.sidebar .sidebarlist li i { float: left; position: relative; top: 3px; }
.sidebar .sidebarlist li a { padding-left: 20px; }
.sidebar .sidebarlist li a:hover { text-decoration: none; }
.sidebar .sidebarlist li a span { color: #ccc; float: right; font-size: 11px; }

.sidebar .bloglist { position: relative; padding-left: 60px; min-height: 40px; }
.sidebar .bloglist h4 { line-height: 18px; font-weight: normal; font-family: 'LatoBold', Arial, Helvetica, sans-serif; }
.sidebar .bloglist h4 a { color: #444; }
.sidebar .bloglist h4 a:hover { text-decoration: none; }
.sidebar .bloglist h4 a:hover { color: #d2b0a8; }
.sidebar .bloglist .date { font-size: 11px; line-height: normal; }
.sidebar .blogimg-thumb { position: absolute; top: 12px; left: 0; }
.sidebar .blogimg-thumb a:hover { opacity: 0.6; }

.sidebar .tagcloud li { display: inline-block; float: left; margin-right: 10px; border: 0; }
.sidebar .tagcloud li:last-child { margin-right: 0; }
.sidebar .tagcloud li a { 
	display: block; border: 1px solid #ddd; padding: 2px 7px; background: #fcfcfc; 
	box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
}
.sidebar .tagcloud li a:hover { background: #d2b0a8; color: #fff; border-color: #e9990d; text-decoration: none; }

/** FOOTER STYLES **/
.footer { position: fixed; bottom: 0; left: 0; z-index: 200; width: 250px; background: #06a6df; }
.footerinner { font-size: 11px; padding: 10px 0; text-align: center; border-top: 1px solid #02bdff; color:#FFF; }
.footerinner a{ color:#FFF;}

.footer .share { margin: 0; height: 40px; background: #06a6df;text-align: center; border-top: 1px solid #02bdff; }
.footer .share li { display: inline-block; float: none; margin-left: 1px; border-right: 0; }
.footer .share li a { width: 45px; height: 40px;}
.footer .share li a:hover { background-color: #a4415e; }
.footer .share li:first-child { margin-left: 2px; border-left: 0; }

.footer .language { margin: 0; height: 35px; background: #06a6df;text-align: center; border-top: 1px solid #02bdff;}
.footer .language li { display: inline-block; float: none; margin-left:2px; padding:8px; border-right: 0; }
.footer .language li a { width: auto; height: 30px;  color:#FFF; }
.footer .language li a:hover { color:#0097d8; text-decoration:none;  }
.footer .language li:first-child { margin-left: 0; border-left: 0; }

/** USING TRANSITIONS **/

a, .bloglistpanel .readmore, .btn,
.searchbox input, textarea, input, select { 
	-moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; 
}


/** USING PRIMARY COLOR **/
.flex-direction-nav a:hover { opacity: 1; }


/** BORDER RADIUS **/

.commentform input, .commentform textarea, .btn,
.contactform input, .contactform textarea, .topicpanel {
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

.bleft,
.blogimg,
.blogimg-slide,
.blogsingleimg,
.authorinfo .authorimg, .map,
.comments li .authorimg,
.sidebar .tagcloud li a,
.portfoliolist li, .alert,
.portfoliopanel .pager,
.portfoliopanel .pager ul li a,
.replypanel .author-thumb,
.replypanel textarea, .homeslider {
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

/** CUSTOM STYLE **/

.clearfix { clear: both; }
.clearfix:after { display: block; content: ''; clear: both; }
.padding0 { padding: 0; }
.padding5 { padding: 5px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.width10 { width: 10%; }
.width15 { width: 15%; }
.width40 { width: 40%; }
.width60 { width: 60%; }
#cvs-src { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }  
#cvs-src:hover { filter: none; }


/** OVERRIDING BOOTSTRAP **/

/* tooltip */
.tooltip { 
	position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 11px; opacity: 0; 
	filter: alpha(opacity=0); visibility: visible;
}
.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }
.tooltip.top { margin-top: -3px; }
.tooltip.right { margin-left: 3px; }
.tooltip.bottom { margin-top: 3px; }
.tooltip.left { margin-left: -3px; }
.tooltip-inner { 
	max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: rgba(0,0,0,0.75);
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: rgba(0,0,0,0.75); border-width: 5px 5px 0; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: rgba(0,0,0,0.75); border-width: 5px 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: rgba(0,0,0,0.75); border-width: 5px 0 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: rgba(0,0,0,0.75); border-width: 0 5px 5px; }
/* alerts */
.alert {
	padding: 14px 40px 14px 14px; border-color: #e1d56d; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.alert-error { border-color: #fcbdbd; background: #ffeded; }
.alert-success { border-color: #afd97d; background: #edf9e2; }
.alert-info { border-color: #acd1e5; background: #e6f7ff; }
.alert h4 { font-size: 14px; }
.alert .close { top: 2px; right: -23px; }

/* tabs */
.tabbable .nav { margin-bottom: 0; }
.tabbable .tab-content {
	padding: 20px; border: 1px solid #ddd; border-top: 0; position: relative; top: -1px;
	-moz-border-radius: 0 2px 2px 2px; -webkit-border-radius: 0 2px 2px 2px; border-radius: 0 2px 2px 2px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05); overflow:hidden;
}

.tabbable .nav-tabs > li { float: left; }
.tabbable .nav-tabs > li > a {
	margin: 0; border: 1px solid #ddd; border-left: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	padding: 10px 20px; color: #666; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-radius: inset 0 1px 0 rgba(255,255,255,0.5); box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}
.tabbable .nav-tabs > li > a:hover {
	border-left: 0;
	background: #fff;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
}
.tabbable .nav-tabs > li:first-child > a {
	border-left: 1px solid #ddd; -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px 0 0 0;
	border-radius: 2px 0 0 0;
}
.tabbable .nav-tabs > li:last-child > a {
	-moz-border-radius: 0 2px 0 0; -webkit-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0;
}
.tabbable .nav-tabs > li > a:hover {}
.tabbable .nav-tabs > li.active > a {
	border-color: #ddd #ddd #fff #ddd; color: #333;
	background: #fff;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
}

.nav-tabs .dropdown-toggle .caret,
.nav-tabs .dropdown-toggle .caret { margin-left: 5px; border-bottom-color: #666; border-top-color: #666; }
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
	border-color: #ddd;
	color: #292929;
}

.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret { border-bottom-color: #666; border-top-color: #666; }
.nav-tabs .dropdown-menu {
	-moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
	margin-top: -1px; border-color: #ddd; box-shadow: 0 2px 2px rgba(0,0,0,0.08); padding: 0;
}
.dropdown-menu li > a { padding: 7px 20px; border-top: 1px solid #ddd; }
.dropdown-menu li:first-child > a { border-top: 0; }
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	background: #f7f7f7; color: #333;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	color: #333;
	background: #fff;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
}

/* tables */
.table th {
	font-weight: normal; font-family: 'LatoBold', 'HelveticaNeue', Helvetica, sans-serif;
	text-transform: uppercase; font-size: 12px;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered {
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}


/* progress bars */
.progress { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 10px; margin-bottom: 10px; }


/* popover */
.popover { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 0; }
.popover-title {
	-moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
	border-color: #ddd; font-size: 11px; font-weight: normal; text-transform: uppercase; color: #444;
}
.blogimg-slide img{ width:100%;} 
.btn-warning{ background:#bc121b; border:1px solid #b61019; color:#FFF; }
.btn-warning:hover{ background:#bd9f98; border:1px solid #b61019;  }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning{background:#9e0f15; border:1px solid #b61019;}
.carousel-arrow .fa{ top:45%; font-size:26px; position:absolute; color:#FFF; left:32%;}
.subfooter{ background:#FFF; margin:10px 0; border-top:1px solid #f1f1f1; padding-top:10px;}
.reconocimientos{ margin-left:20%;}
.reconocimientos .col-sm-1 img,.reconocimientos .col-sm-2 img,.reconocimientos .col-xs-3 img{ width:100%;}
.boxshadow{
min-height:100px;
/*background:#fff;
box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*/
margin-bottom:30px;
}
@media (min-width: 992px) {
body.mobilemenuview .leftpanel { background: #e4e4e4 url(../images/pattern3.jpg);}
.boxshadow{margin-bottom:0px;}
}
.bscontainer{padding:12px;}
.cstyle07{height:auto;}
img.fwimg{width:100%;}
.title-fwimg{ width:70%;}
/** MEDIA QUERIES **/
@media only screen and (min-width: 1750px) and (max-width: 2000px) {
	.gridblog li { width: 20%; }
}

@media only screen and (min-width: 1500px) and (max-width: 1749px) {
	.homepanel .item { width: 25%; }
	.gridblog li { width: 25%; }
}
/*@media screen and (min-height:980px){.fixedpanel { height:100%;}}*/
@media screen and (max-width: 1250px) {
	/* general */
	.fixedpanel, .nosidebarpanel { width: 690px; }
	.breadcrumbs { top: 30px; }
	
	/* home */
	.headerpanel h1.longheadtitle { font-size: 24px; }
	.fixedpanel h1.longheadtitle { font-size: 20px; line-height: 24px; }
	.itemdetails { background-position: 109% 0; }
	.itemdetails .photodetails { width: 330px; }
	.itemdetails .close { right: 350px; }
	.itemdetails .imageview,
	.itemdetails .itempaginginner {/* margin-right: 330px;*/ }
	.featinner { padding-bottom: 20px; }
	.featinner .one_fourth { width:48.5%; margin-bottom: 20px; }
	
	/* features/company */
	.headlinepanel h1 { font-size: 14px; }
	.headlinepanel h4 { font-size: 12px; width: 300px; }
	.headlinepanel p { width: 370px; }
	.headlinepanel img { width: 300px; }
	
	/* elements */
	.row-fluid .span6 { width: auto; float: none; }
	
	/* portfolio */
	.portfolio-four li { width: 32.333%; }
	.portfolio-three li { width: 32.333%; }
	.portfolio-two li { width: 48.777%; }
	
	.portfolio-related li { width: 325px; margin: 0 0 5px 0; }
	.portfolio-related li.last { margin-left: 5px; }
	
	/* features */
	.ourteampanel .share { padding: 0; }
	.ourteampanel .share li a { width: 36px; height: 36px; background-position: 3px 0; }
	.ourteampanel .share li a:hover { background-position: 3px -65px; }
	
	/* customer support */
	.supportpanel .highlight { line-height: 21px; }
	.supportpanel .contentpanel { float: none; width: auto; }
	
	/* features/pricing */
	.pricingpanel { width: auto; }
	.pricingpanel .plan { width: 25%; }
	.pricingpanel .pricinglist li { font-size: 12px; }
	
	/* blog */
	.blogpanel .contentpanel { float: none; width: auto; padding-bottom: 0;}
	.sidebar { float: none; padding: 20px; width: auto; }
	
}

@media screen and (max-width: 1200px) {
	.gridblog li { width: 50%; }
}

@media screen and (max-width: 1060px) {
	/* home */
	.headerpanel h1.longheadtitle { font-size: 18px; }
	/*.homepanel .item { width: 50%; }*/
	.itemdetails { background-position: 112% 0; }
}

@media screen and (max-width: 960px) {
	.gridblog li{ height:483px;}
	.gridblog li .inner { height:483px;}
	.imageview img{ width:100%;}
	.mainwrapper { height:auto; }
	/* general */
	.headerpanel { height: auto; padding-bottom: 0; min-height: 85px; }
	.headerpanel h1.longheadtitle { line-height: 28px; margin-bottom: 5px; }
	.headerpanel p { margin-bottom: 10px; }
	.fixedpanel, .nosidebarpanel { width: auto; overflow: hidden; }
	.breadcrumbs {
		position: static; padding: 5px 30px 5px 0; border-top: 1px solid #e7e7e7; margin: 26px 0 0 -20px;
		background: #fcfcfc; overflow: hidden; width: 105%; text-align: right;
	}
	.breadcrumbs li { margin: 0 5px 0 0; float: none; display: inline-block; }
	/* home */
	.portfolio-related li { width: 49.333%; }
	
	/* features/company */
	.headlinepanel img { width: auto; position: static; margin: auto; }
	.headlinepanel .content { width: auto; margin-top: 20px; }
	.headlinepanel h1 { display: block; font-size: 20px; }
	.headlinepanel h4 { display: block; width: auto; }
	.headlinepanel p { width: auto; }
	.searchbox input { width: 80%; }
	/* pricing */
	.pricingpanel .plan { width: auto; float: none; margin-bottom: 20px; }
	.pricingpanel .plan-head, .pricingpanel .pricinglist, .pricingpanel .plan .signup {
		border-left: 1px solid #ddd;
	}
	/* contact */
	.contactform .one_half { float: none; margin-right: 0; width: auto; }
	.contactform .one_half.last { margin-top: 20px; }
	.contactform .subject { margin-top: 0; }
	.title-fwimg{ width:70%; text-align:center;}
}

@media screen and (max-width: 900px) {
	.mainwrapper { height:auto; }
	/* home */
	.itemdetails { background-position: 120% 0; }
	.itemdetails .close { /*right: 335px;*/ }
	.itemdetails .imageview, .itemdetails .itempaginginner { /*margin-right: 310px;*/ }
	.itemdetails .photodetails { width: 280px; }
	.itemdetails .photodetailsinner { padding-left: 0; }
}

@media screen and (max-width: 840px) {
	.itemdetails .imageview, .itemdetails .itempaginginner { /*margin-right: 320px;*/ }
}

.item.small img{ width:100%; height:210px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:100%;}
@media screen and (max-width: 767px) {
	.item.small img{ width:100%; height:400px;}}
/* ipad portrait */
@media screen and (max-width: 768px) {
	.item.small img{ width:100%; height:220px;}
	.address h3{ width:100%; line-height:21px;}
	.row.address > p{ padding-left:0px;}
	.bloglistpanel .col-lg-5,.bloglistpanel .col-lg-6,.bloglistpanel .col-lg-4{ margin-bottom:20px;}
	
	.leftpanel { position: static; width: auto; padding-top: 50px; display: none; }
	.logopanel, .menupanel { display: none; }
	.menubar, .menupanel2 { display: block; }
	.mainpanel { float: none; width: 100%; margin-left: 0; padding-top: 50px; }
	.mainpanel.blogpanel.home { padding-top:0px;}
	
	/* general */
	.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,
	.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
		float: none; width: auto; margin: 0; 
	}
	
	/* home */
	.itemdetails { background-position: 130% 0; }
	.itemdetails .imageview img { margin-right: auto; margin-left: auto; }
	.itemdetails .imageview div { padding-right: 0; }
	.itemdetails .close { /*right: 310px;*/ }
	.itemdetails .imageview, .itemdetails .itempaginginner {/* margin-right: 310px;*/ }

	.homepanel .itemcontent .inner h3 { line-height: normal; } 
	
	.flex-direction-nav .flex-next { opacity: 0.3 !important; right: 5px !important; }
	.flex-direction-nav .flex-prev { opacity: 0.3 !important; left: 5px !important; }
	.flex-direction-nav .flex-next:hover { opacity: 0.8 !important; }
	.flex-direction-nav .flex-prev:hover { opacity: 0.8 !important; }
	
	.featinner .one_fourth { float: left; }
	
	/* features */
	.ourteampanel .span4 { margin-bottom: 20px; }
	.glyphicons li { width: 50%; }
	
	/* portfolio */
	.portfolio-four li, .portfolio-three li { width: 48.777%; }
	
	/* blog */
	.commentform .one_third { margin-bottom: 20px; }
	.commentform .clearfix { display: none; }
	
	/* contact */
	.contact { margin-top: 20px; }
	
	/* footer */
	.footer { position: static; width: auto; top: auto; bottom: auto; }
}

/* nexus 7 portrait */
@media screen and (max-width: 700px) {
	
	.reconocimientos{ margin-left:0%;}	
	/* home */
	.leftpanel{ height:auto;}
	.itemdetails { background-position: 700px 0; height: 100%; position: static; position: relative; }
	.itemdetails .photodetails { width: auto; position: static; background: #fff; padding: 20px; margin-top: 20px; }
	.itemdetails .close { right: 20px; }
	.itemdetails .imageview, .itemdetails .itempaginginner { margin-right: 0; }
	.itemdetails .imageview { margin-top: 90px; }
	.itemdetails .imageview div { padding-right: 10px; }
	.itemdetails .imageview img { margin-top: auto !important; }
	.itemdetails .itempaging a { top: 0; font-size: 18px; width: 30px; height: 25px; padding-top: 5px; }
	.itemdetails .itempaging a.next { right: 50px; }
	.itemdetails .itempaging a.prev { left: auto; right: 90px; }
	.itemdetails .itempaging { top: 15px; }
	
	/* customer support */
	.searchbox input { width: 70%; }

	/* portfolio */
	.headlist { margin-left: 80px; }
	.headlist li { margin-bottom: 10px; margin-right: 10px; border-left: 0; border-right: 1px solid #ddd; }
	.headlist li a { padding: 0 10px 0 0; }

}

@media screen and (max-width: 550px) {
	.gridblog li { width: 100%; }
}

/* iphone landscape */ 
@media screen and (max-width: 530px) {
	.item.small img{ width:100%; height:200px;}
	/*.homepanel .item { width: 100%; }*/
	.searchbox input { width: 60%; }
	/* portfolio */
	.pagerwrapper { background: none; }
	.pagerwrapper .share { float: none; text-align: center; height: 46px; }
	.pagerwrapper .share li { float: none; display: inline-block; margin-left: -2px; }
	.pagerwrapper .share li:first-child { border-left: 1px solid #fff; }
	.pagerwrapper .paging { float: none; text-align: center;  background: #f7f7f7; margin-top: 1px; }
	.pagerwrapper .paging li { float: none; display: inline-block; margin-left: -2px; }
	.pagerwrapper .paging li:last-child { border-right: 1px solid #fff; }
	
	/* home */
	.featinner .one_fourth { float: none; display: block; width: auto; }
	.portfolio-related li { width: auto; display: block; float: none; }
	
	/* blog */
	.bloglistpanel .blogimg { height: auto; }
	.bloglistpanel .blogimg-slide { height: 200px; }
	.share li.sharelabel { display: none; }
	.icon { font-size: 24px; }
	.date h3 { font-size: 11px; }
	.bloglistpanel .date h1 { font-size: 18px; }
	.bloglistpanel .bleft { width: 48px; }
	.bloglistpanel .bright { margin-left: 69px; }
	.blogpagination { margin-left: 69px; }
	.blogtitle a{ font-size:15px;}
	.share { margin-left: 0; }
	
	.comments div .comment { margin-left: 69px; }
	
	.blog2 .bright { margin-left: 0; }
	.bloglistpanel.blog2 .bleft { float: none;  width: auto; height: 100%; margin-bottom: 20px; }
	.bloglistpanel.blog2 .bleft .icon { font-size: 14px; }
	.bloglistpanel.blog2 .blogimg-slide { height: 250px; }
	.blog2 .blogimg img { width: 100%; }
	.blog2 .slides li a img { max-height: none; }
	.title-fwimg{ width:100%;}
}


/* iphone portrait */
@media screen and (max-width: 440px) {
	.portfolio-four li, .portfolio-three li,
	.portfolio-two li {
		width: 97.8%; float: none; 
	}
	
	.bloglistpanel.blog2 li .bleft { overflow: hidden; }
	
	.headerpanel h1 { font-size: 18px; line-height: 21px; }
	.bloglistpanel li .blogtitle { font-size: 16px; line-height: 22px; }
}
.btn-mobile{ background:#f1f1f1; border-top:1px solid #DDD; overflow:hidden; padding:10px 0;} 
.btn-mobile .btn{ margin:5px 0;}
/**BANNERS TRANSICION**/
.vegas-loading {
	/* Loading Gif by http://preloaders.net/ */
	-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;
	background:/*#000 url(../images/prettyPhoto/default/loader.gif) no-repeat center center*/;
	background:/*rgba(0, 0, 0, 0.7) url(../images/prettyPhoto/default/loader.gif) no-repeat center center*/;
	width:32px; 
	height:32px;
	left:30px;
	top:30px;
	position:fixed;
	z-index:0;
}

.vegas-overlay {
	opacity:0.8;
	z-index:-1;
}

.vegas-background {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
	z-index:-2;
    /* counteracts global img modification by twitter bootstrap library */
    max-width: none !important; 
}
 
.item.col-lg-4.col-xs-6  img{ width:100%;}
.item.col-lg-4.col-xs-6{ padding:0px;/* background:#bc121b; */} 
/** COLOR SWITCHER: DEMO PURPOSES ONLY DO NOT INCLUDE IN PRODUCTION **/

.settings { height:600px; min-height:600px; position: fixed; top: 0; width: 60%; right:10.5%; z-index: 200; margin-right: 0; }
.settings .show { 
	z-index: 250; position: absolute; display: block; width: 200px; height: 50px; top: 0; left: 38%; border: 1px solid #b00535; 
	border-right: 0; background: #bc121b url(../images/stylearrow.png) no-repeat 46px 17px; cursor: pointer; 
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.settings .show div{ padding:15px 30px 15px 70px; color:#FFF; height:auto; font-weight:bold;}
a.show{ text-decoration:none;}
.settings .hide { background-position:  45px -48px; }
.settingsinner { 
	margin-top:-552px;
	position: relative; 
	background: #fff; 
	border: 1px solid #bbb; 
	border-right: 0; 
	padding: 5px 5px 0 10px
	-moz-border-radius: 2px 0 0 2px; 
	-webkit-border-radius: 2px 0 0 2px; 
	border-radius: 2px 0 0 2px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/**/
/*** SlimScrollBar  ***/
.scroller {
  padding: 0px !important;
  margin: 0px !important;
  padding-right: 1px !important;
}
.popover-content .scroller{
  padding-right: 0px !important;
}
.grid-body .slimScrollBar {
  margin-right: 0px !important;
}
.video-container { 
 position: relative; 
 padding-bottom: 56.25%;
 padding-top: 30px; 
 height: 0; 
 overflow: hidden; 
} 
.video-container iframe, 
.video-container object, 
.video-container embed { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
}
#TA_virtualsticker240 .container{ width:auto;}
.logo-easy{ display:inherit;}
.loadie {
	position:absolute;
	left:0px;
	bottom:0 !important;
	background-color: #bc121b;
	width: 0;
	height: 5px; 
	-webkit-transition: width 0.5s ease-out;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.25); 
} 
#MapsIframe{ margin-bottom:-10px;}
.arrow-down{ position:absolute; top:-10%; width:100%; text-align:center; z-index:99999; margin:auto;}
.carousel-caption .arrow-down{ top:90%;}
.arrow-down .fa{ cursor:pointer; color:#FFF; font-size:20px; 
border:2px solid #FFF; padding:10px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.size-font{ font-size:25px;}
.btn-home{ min-width:100%;}
.width50{ width:240px;}
@media screen and (max-width: 440px) {
.btn-home{ min-width:80px;}} 
.mt{ margin-top:-10%;}
@media (max-width: 768px) {.mt{ margin-top:0;}}

/*****			NEWS			***/	

/*COLUMNAS*/ 
.post.col-2{
 width: 48%;} 
.post.col-3{
 width: 31%;}
.post.col-4{
 width: 23%;}  
 .post.col-5{
 width: 18%;} 
  .post.col-6{
 width: 14%;}    
 
.post {
  margin: 0 0 5px;
  background: rgba(251,212,147,0.4);
  border:1px solid #e6b572;
  padding: 0 10px 2px; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#news{ min-height:780px;}
/*  Posts wall */
#posts {
  display:none;
  margin: 20px 0;
  white-space: pre-wrap; 
  white-space: -moz-pre-wrap; 
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; 
}

#posts .link {
  font-size: 11px;
  margin:0 0 5px 0;
  padding:10px;
  background:none;
    /*rounded border*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.link h5 {
  margin:0;
  padding:0;
  font-size: 11px;
}

#loader {
  background: url(loader.gif) no-repeat center;
  width: 100%;
  height:24px;
}

#posts .link a {
  font-weight: bold;
}

#posts h3 {
	padding-top:15px;
  font-size: 12px;
}

#posts .caption {
  margin: 0 0 10px 0;
}

#posts .lcount {
  font-size: 11px;
}

#posts .small-icon {
  font-size: 11px;
  top: 1px!important;
}

#posts .view-comments {
  text-decoration:none;
}

#posts .fa {
  top: 4px;
}

#posts .fa-thumbs-up {
  top: 2px;
}

.post {
  margin: 0 0 25px!important;
  width: 350px;
  padding: 0 10px 2px;
    /*rounded border*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.post.cs2 {
  width: 610px;
}

.post h3 {
  text-align: middle;
}

.post img {
  float: left;
  margin: 0 10px 10px 0;
}

#posts .wallshare {
  margin:0 0 4px 0;
}

.walllink {
  float: right;
}
.wallcontent {
  margin-bottom:10px;
}
.wallimg {
  margin-bottom:10px;
}
.wallimg img{
  width:100%;
  height: auto;
  background:none;
  padding:5px;
  /*border:1px solid #D4D4D4;*/
  /*rounded border*/
  -moz-border-radius:       5px;
  -webkit-border-radius:    5px;
  border-radius:            5px;
}
.video-container iframe {
  padding:5px;
  border:1px solid #D4D4D4;
  /*rounded border*/
  -moz-border-radius:       5px;
  -webkit-border-radius:    5px;
  border-radius:            5px;
}
.divider {
  clear:both;
}

#events ul {
  padding:0;
  margin:0;
}

#events li {
  list-style:none;
}

#videoposts {
  margin-top:20px;
}

#videos ul {
  padding:0;
  margin:0;
  text-align: center;
}

#videos li {
  list-style:none;
  margin:0 0 15px 0;
  float:left;
}

#videos ul li img {
  cursor: pointer;
}

.mp4video {
  display: none;
}

#videos .videodesc {
  display:none;
}

.comments {
  font-size: 11px;
  padding:10px 10px 10px 0;
  display: none;
}

.scrollup {
  width: 51px;
  height: 51px;
  opacity: 0.3;
  position: fixed;
  bottom: 0px;
  margin: 0 7px 50px 0;
  right: 5px;
  display: none;
  text-indent: -9999px;
  background: url('icon_top.png') no-repeat;
}

.fb-post {
  width: 380px;
}

.video-container {
  position: relative;
  padding-bottom: 51.25%;
  padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.fb-like-box {
  min-height:290px;
}

.ysubscribe {
  width: 130px;
  height: 25px;
  margin-left: 30px;
}

#pinterest-widget {min-height:320px;}
#pinterest-widget > span {width:100%!important; overflow: hidden;}
#pinterest-widget > span > span { width:100%!important; overflow: hidden; }
#pinterest-widget > span { box-shadow: none!important; }

.first img {
  float: left;
  margin: 0 10px 10px 0;
}

.debug {
  margin-top: 50px;
}
/* READ MORE BUTTON */
.maxlist-more {
  padding: 25px 0;
  font-weight: bold;
}

.maxlist-more a {
  text-decoration: none;
}


.maxlist-more a:hover {
  text-decoration: none;
}

.flashvideo {
  margin: 0;
  padding: 0;
  width: 160px;
  display: none;
}

.mp4video {
  margin: 0;
  padding: 0;
  width: 160px;
  display: none;
}
/* target small screens (mobile devices or small desktop windows)*/
/* Portrait tablet to landscape and desktop */
@media only screen and (max-width: 1199px) {
  .post {
    width: 100%;
  }
  .twitter-timeline {
    width: 100% !important;
  }
  .navbar-brand {
    display: none;
  }
    .post.col-2,.post.col-3,.post.col-4,.post.col-5,.post.col-6{
 	width: 48%;} 
}

@media only screen and (max-width: 767px) {
  #demo {
    display:none;
  }
  .post.col-2,.post.col-3,.post.col-4,.post.col-5,.post.col-6{width: 100%;}
}

@media only screen and (max-width: 480px) {
  body {
    font-size: 13px;
  }

  .jumbotron {
    font-size: 15px;
  }

  .scrollup {
    bottom: 4px;
    right: 2px;
  }

  .logo img {
    width: 50px !important;
    height: 50px !important;
    margin: 30% 0 0 25px;
  }
}
@media screen and (max-width: 800px) {
	
}
/******************************************/
.clear{ clear:both;}