/* CSS Document */

html { overflow: hidden; overflow-y: auto; height:100%;}
body {font-family:Arial, Helvetica, sans-serif; color:#231F20; font-size:12px; height:100%; position:relative;}
a {text-decoration:none;}
a.logo { width:92px; height:109px; background:url(../images/logo.png); overflow:hidden; text-indent:1000px; display:block; margin:32px auto 20px;}
a.logo h2 {display:none;}
a.readmore {color:#ED1C24; font-style:italic; font-size:10px; display:block; margin-bottom:10px;}

#main-content {position:relative;}
#main-content .body-content { margin-top:30px;}
#sidebar { padding:0; }
.rightside {right:0;}
.mnu-container { background-color:#E21E25; min-height:100%; }
.maintxt-container { background:rgba(35,31,32, 0.4); position:fixed; min-height:90px; padding:0 50px 5px; text-align:right; color:#FFF; right:16.6667%; bottom:40px; width:500px; }
.maintxt-container .arrow {height:45px; width:39px; background:rgba(27,27,25,0.5); position:absolute;}
.maintxt-container .arrow.up {left:-39px; top:0;}
.maintxt-container .arrow.down {left:-39px; top:45px;}
.maintxt-container .arrow { background-position:8px 15px; background-repeat:no-repeat; display:block; width:39px; height:45px; text-indent:1000px; overflow:hidden; cursor:pointer }
.maintxt-container .arrow:hover { background-color:#E31E25;}
.maintxt-container .arrow.up {background-image:url(../images/arrow_up.png);}
.maintxt-container .arrow.down {background-image:url(../images/arrow_down.png);}
.maintxt-container h2 {margin:0; line-height:normal; font-size:18px;}
.maintxt-container p {margin:0; line-height:normal;}
.maintxt-container a.btn-main-more {width:200px; padding:2px 50px; position:absolute; background:rgba(27,27,25,0.5); bottom:-21px; right:0; color:#FFF;}
.sidenav { padding:10px 0;}
.nav > li > a { color:#FFF; padding: 2px 40px 2px 10px; font-size:12px; font-weight:bold; text-align:right; text-transform:uppercase; }
.nav > li > a:hover, .nav > li > a:focus {background-color:#A32831;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color:#A32831;}
.nav-pills > li > a {border-radius:0;}
.nav-portfolio > li > a { font-weight:normal;}
.clear {clear:both;}

.navbar-inverse { background:none;}
.navbar-toggle { border:none;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background:none;}
.portfolio-thumbnail {border:none; padding:0; color:}
.portfolio-thumbnail h4 {margin:0; font-size:12px; font-weight:bold;}
.portfolio-thumbnail p {margin:0;}
.portfolio-thumbnail a {color:#9c9c9b;}
.portfolio-thumbnail a:hover {color:#BE1E2D; text-decoration:none;}	

.portfolio-img-container { position:relative; margin-bottom:20px;}
.portfolio-img-container .arrow { background-position:10px 12px; background-repeat:no-repeat; display:block; width:39px; height:45px; text-indent:1000px; overflow:hidden; cursor:pointer; float:left; background-color:rgba(35,31,32, 0.6); }
.portfolio-img-container .arrow:hover { background-color:#E31E25;}
.portfolio-img-container .arrow.right {background-image:url(../images/arrow_right.png); background-position:14px 12px;}
.portfolio-img-container .arrow.left {background-image:url(../images/arrow_left.png); margin-right:2px;}
.portfolio-img-controls { position:absolute; bottom:0; right:0;}
.portfolio-img {height:480px; position:relative;}
.portfolio-desc h4,
.portfolio-desc h5 { color:#EC1B24; margin:0 0 10px;}
.portfolio-related { text-align:left;}

.blog a { color:#E21E25; }

.txt_color01 {color:#9C9C9B;}


.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}

.separator-white { height:25px; background:rgba(255,255,255, 0.5); }

/*
 * Off Canvas
 * --------------------------------------------------
 */
 
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

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

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

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

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

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 58%; /* 6 columns */
  }
  .sidebar-offcanvas .btn-toggle {
	  position:absolute;
	  top:0;
	  left:5px;
  }
  .portfolio-img {height:320px; position:relative;}
  .maintxt-container {width:70%; height:25%;}
}
@media screen and (min-width:768px) and (max-width:997px) {
	.maintxt-container {right:25%;}
}
@media screen and (min-width: 320px) and (max-width:379px) {
	.sidebar-offcanvas {width: 65%;}
    #main-content {margin-right:15%;}
    .navbar-toggle {margin-left:0;}
}

@media screen and (min-width: 480px) and (max-width:767px) {
	.sidebar-offcanvas {width: 60%;}
    #main-content {margin-right:10%;}
    .navbar-toggle {margin-left:0;}
}
@media screen and (min-width: 768px) {
	.sidebar-offcanvas {
		position:fixed; right:0; top:0;
	}
	
}

@media screen and (min-width: 1280px) {
	.nav > li > a { padding-right:60px; padding-left:20px;}
}

@media screen and (min-width:1440px) {
	#main-content {right:0;}
}