/*!
 * Start Bootstrap - 2 Col Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'Roboto', sans-serif, Arial;
	

}

.blockDiv {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #FFF;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align: center;
  vertical-align: middle;
}

.portfolio-item {
    margin-bottom: 25px;
}

.margin-top-20{
  margin-top: 20px;
}


.dropdown-menu
{
   /* background-color: #282828;   */ 
    box-shadow: none;
    -webkit-box-shadow: none;

    }

.dropdown-menu .divider 
{
    background:none;    
    }
/*.dropdown-menu>li>a
{
    color:#f5f5f5;
    }*/
	
.dropdown-menu>li>a:hover
{
	color:#000 !important;
}

}
.dropup .dropdown-menu 
{
    margin-bottom:10px;
    }
.dropup .dropdown-menu:before 
{
    content: "";
    border-top: 10px solid #34495e;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 10;
    }
 .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { color:#282828}   
 .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a:hover{ color:#000}
 
 @media (min-width: 768px)

.navbar-nav>li>a {

    padding-top: 0px; !important
  padding-bottom: 0px; !important
}



// Inverse navbar

.navbar-inverse {
    background-color: #f2f2f2 !important;
    border-color: #080808;
}

  .navbar-brand {
    color: @navbar-inverse-brand-color;
    &:hover,
    &:focus {
      color: @navbar-inverse-brand-hover-color;
      background-color: @navbar-inverse-brand-hover-bg;
    }
  }

  .navbar-text {
    color: @navbar-inverse-color;
  }

  .navbar-nav {
    > li > a {
      color: @navbar-inverse-link-color;

      &:hover,
      &:focus {
        color: @navbar-inverse-link-hover-color;
        background-color: @navbar-inverse-link-hover-bg;
      }
    }
    > .active > a {
      &,
      &:hover,
      &:focus {
        color: @navbar-inverse-link-active-color;
        background-color: @navbar-inverse-link-active-bg;
      }
    }
    > .disabled > a {
      &,
      &:hover,
      &:focus {
        color: @navbar-inverse-link-disabled-color;
        background-color: @navbar-inverse-link-disabled-bg;
      }
    }
  }

  // Darken the responsive nav toggle
  .navbar-toggle {
    border-color: @navbar-inverse-toggle-border-color;
    &:hover,
    &:focus {
      background-color: @navbar-inverse-toggle-hover-bg;
    }
    .icon-bar {
      background-color: @navbar-inverse-toggle-icon-bar-bg;
    }
  }

  .navbar-collapse,
  .navbar-form {
    border-color: darken(@navbar-inverse-bg, 7%);
  }

  // Dropdowns
  .navbar-nav {
    > .open > a {
      &,
      &:hover,
      &:focus {
        background-color: @navbar-inverse-link-active-bg;
        color: @navbar-inverse-link-active-color;
      }
    }

    @media (max-width: @grid-float-breakpoint-max) {
      // Dropdowns get custom display
      .open .dropdown-menu {
        > .dropdown-header {
          border-color: @navbar-inverse-border;
        }
        .divider {
          background-color: @navbar-inverse-border;
        }
        > li > a {
          color: @navbar-inverse-link-color;
          &:hover,
          &:focus {
            color: @navbar-inverse-link-hover-color;
            background-color: @navbar-inverse-link-hover-bg;
          }
        }
        > .active > a {
          &,
          &:hover,
          &:focus {
            color: @navbar-inverse-link-active-color;
            background-color: @navbar-inverse-link-active-bg;
          }
        }
        > .disabled > a {
          &,
          &:hover,
          &:focus {
            color: @navbar-inverse-link-disabled-color;
            background-color: @navbar-inverse-link-disabled-bg;
          }
        }
      }
    }
  }

  .navbar-link {
    color: @navbar-inverse-link-color;
    &:hover {
      color: @navbar-inverse-link-hover-color;
    }
  }

  .btn-link {
    color: @navbar-inverse-link-color;
    &:hover,
    &:focus {
      color: @navbar-inverse-link-hover-color;
    }
    &[disabled],
    fieldset[disabled] & {
      &:hover,
      &:focus {
        color: @navbar-inverse-link-disabled-color;
      }
    }
  }
}


/*Form Css Starts here*/


.auth h1{
  color:#fff!important;
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
}
.auth h1 span{
  font-size:21px;
  display:block;
  padding-top: 20px;
}
.auth .auth-box legend{
  color:#000;
  border:none;
  font-weight:600;
  font-size:20px;
  text-align:center;
}
.auth .auth-box{
  background-color:#fff;
  max-width:560px;
  margin:0 auto;
  border:1px solid rgba(255, 255, 255, 0.4);;
  background-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
  margin-top:-88px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.32);
  -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.32);
  box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.32);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background 1s ease-in-out;
  -moz-transition: background 1s ease-in-out;
  -ms-transition: background 1s ease-in-out;
  -o-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}
@media(max-width:460px){
  .auth .auth-box{
   margin:0 10px;
 }
}

.auth .auth-box input::-webkit-input-placeholder { /* WebKit browsers */
  color:    #fff;
  font-weight:300;
}
.auth .auth-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #fff;
  font-weight:300;
}
.auth .auth-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #fff;
  font-weight:300;
}
.auth .auth-box input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    #fff;
  font-weight:300;
}
.auth span.input-group-addon,
.input-group-btn button{
  border:none;
  background: #fff!important;
  color:#000!important;
}
.auth form{
    font-weight:300!important;
}
.auth form input[type="text"],
.auth form input[type="password"],
.auth form input[type="email"],
.auth form input[type="search"]{
  border:none;
  padding:6px 0 10px 10px;
  background-color: rgba(255, 255, 255, 0)!important;
  background: rgba(255, 255, 255, 0);
  color:#000;
  font-size:14px;
  border:2px solid #E0D68F;
  border-radius:;5
  box-shadow:none!important;
  height:auto;
}
.auth textarea{
  background-color: rgba(255, 255, 255, 0)!important;
  color:#fff!important;
}
.auth input[type="file"] {
  color:#fff;
}
.auth form label{
    color:#000;
    font-size:15px;
    font-weight:500;
	padding-top:10px;
}
/*for radios & checkbox labels*/
.auth .radio label,
.auth label.radio-inline,
.auth .checkbox label,
.auth label.checkbox-inline{
    font-size: 14px;    
}

.auth form .help-block{
    color:#fff;
}
.auth form select{
  background-color: rgba(255, 255, 255, 0)!important;
  background: rgba(255, 255, 255, 0);
  color:#000!important;
/*  border-bottom:1px solid #fff!important;*/
  border-radius:5px;
  box-shadow:none;
}
.auth form select option{
    color:#000;
}
/*multiple select*/
.auth select[multiple] option, 
.auth select[size] {
  color:#fff!important;
}

/*Form buttons*/
.auth form .btn{
/*  background:#f79f1a;*/
  width:100%;
  padding:7px 0px;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  border:0px;
  font-size:16px;
  font-weight:500;
  border:2px solid #E0D68F;

}
.color
{
     background:#f79f1a;
	 border-color:transparent !important;
	 padding:10px 0px !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  	padding-left:10px;
	font-size:14px;
}
/*.auth form .btn-default{
    color:#fff;
    border-color:#fff;
}
.auth form .btn-default:hover{
    background:rgba(225, 225, 225, 0.3);
  color:#fff;
  border-color:#fff;
}*/
.auth form .btn-primary:hover{
    background:rgba(66, 139, 202, 0.3);
}
.auth form .btn-success:hover{
     background:#e48900;
}
.auth form .btn-info :hover{
    background:rgba(91, 192, 222, 0.3);
}
.auth form .btn-warning:hover{
    background:#e48900;
}
.auth form .btn-danger:hover{
    background:rgba(217, 83, 79, 0.3);
}
.auth form .btn-link{
  border:none;
  color:#fff;
  padding-left:0;
}
.auth form .btn-link:hover{
  background:none;
}


.auth label.label-floatlabel {
  font-weight: 300;
  font-size: 11px;
  color:#fff;
  left:0!important;
  top: 1px!important;
}

/*Login Form Css starts here*/


[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

input {
  border: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}

p {
  line-height: 1.5em;
}

after { clear: both; }

#login {
  margin: 50px auto;
  width: 320px;
}

#login form {
  margin: auto;
  padding: 22px 22px 22px 22px;
  width: 100%;
  border-radius: 5px;
  background: #282e33;
  border-top: 3px solid #434a52;
  border-bottom: 3px solid #434a52;
}

#login form span {
  background-color: #363b41;
  border-radius: 3px 0px 0px 3px;
  border-right: 3px solid #434a52;
  color: #606468;
  display: block;
  float: left;
  line-height: 50px;
  text-align: center;
  width: 50px;
  height: 50px;
}

#login form input[type="text"] {
  background-color: #3b4148;
  border-radius: 0px 3px 3px 0px;
  color: #a9a9a9;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 222px;
  height: 50px;
}

#login form input[type="password"] {
  background-color: #3b4148;
  border-radius: 0px 3px 3px 0px;
  color: #a9a9a9;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 222px;
  height: 50px;
}

#login form input[type="submit"] {
  background: #b5cd60;
  border: 0;
  width: 100%;
  height: 40px;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
#login form input[type="submit"]:hover {
  background: #16aa56;
}


.login-form{
 width:90%;
  padding:25px 30px;
  border:0px;
  background:rgba(235,235,205,0.3);
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin:50px auto;
}
.form-group{
  position: relative;
  margin-bottom:10px;
}
.form-control{
  width:100%;
  height:42px;
  border:none;
  padding:5px 7px 5px 35px;
  background:#fff;
  color:#666;
  border:2px solid #E0D68F;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
.form-control:focus, .form-control:focus + .fa{
  border-color:#10CE88;
  color:#10CE88;
}
.form-group .fa{
  position: absolute;
  right:15px;
  top:17px;
  color:#999;
}
.log-status.wrong-entry {
  -webkit-animation: wrong-log 0.3s;
  -moz-animation: wrong-log 0.3s;
  -ms-animation: wrong-log 0.3s;
  animation: wrong-log 0.3s;
}
.log-status.wrong-entry .form-control, .wrong-entry .form-control + .fa {
  border-color: #ed1c24;
  color: #ed1c24;
}
@keyframes wrong-log {
  0% { left: 0px;}
  20% {left: 15px;}
  40% {left: -15px;}
  60% {left: 15px;}
  80% {left: -15px;}
  100% {left: 0px;}
}
@-ms-keyframes wrong-log {
  0% { left: 0px;}
  20% {left: 15px;}
  40% {left: -15px;}
  60% {left: 15px;}
  80% {left: -15px;}
  100% {left: 0px;}
}
@-moz-keyframes wrong-log {
  0% { left: 0px;}
  20% {left: 15px;}
  40% {left: -15px;}
  60% {left: 15px;}
  80% {left: -15px;}
  100% {left: 0px;}
}
@-webkit-keyframes wrong-log {
  0% { left: 0px;}
  20% {left: 15px;}
  40% {left: -15px;}
  60% {left: 15px;}
  80% {left: -15px;}
  100% {left: 0px;}
}
.log-btn{
  background:#f79f1a;
  dispaly:inline-block;
  width:100%;
  font-size:16px;
  height:40px;
  color:#fff;
  text-decoration:none;
  border:none;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

.link{
  text-decoration:none;
  color:#9D8E79;
  display:block;
  text-align:right;
  font-size:12px;
  margin-bottom:15px;
}
.link:hover{
  text-decoration:underline;
  color:#8C918F;
}
.sign
{
	text-align:center;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
	color:#fff;
}
.icon
{
	top:33px;
	left:10px;
}
.subline {
    color: #000;
    font-weight: 400;
    display: block;
    margin-left: 80px;
    margin-top: 45px;
    position: absolute;
	font-size:12px;
}
.sublinee {
    color: #000;
    font-weight: 400;
    display: block;
    margin-left: 70px;
    margin-top: 40px;
    position: absolute;
	font-size:16px;
}

.icon1
{
	top:47px;
	right:9px;
	position:absolute;
}

footer { background-color:#282828; margin-top:70px }


.footerleft p { color:#fff; font-size:12px !important; text-align:center; padding-top:10px; margin-bottom:15px;}
.footerleft p i { width:20px; color:#999;}


.accordion dl,
.accordion-list {
   border:1px solid #ddd;
   &:after {
       content: "";
       display:block;
       height:1em;
       width:100%;
       background-color:darken(#38cc70, 10%);
     }
}
.accordion dd,
.accordion__panel {
   background-color:#fff;
   font-size:1em;
   line-height:1.5em; 
}

.accordion {
    position:relative;
    background-color:#eee;
}

.accordionTitle,
.accordion__Heading {
 background-color:#fff; 
   text-align:left;
     font-weight:700; 
          padding:1em;
          display:block;
          text-decoration:none;
          color:#000;
          transition:background-color 0.5s ease-in-out;
  border-bottom:1px solid darken(#38cc70, 5%);
  &:before {
   content: "+";
   line-height:0.5em;
   float:left; 
   transition: transform 0.3s ease-in-out;

  }
  &:hover {
    background-color:darken(#38cc70, 10%);
  }
}
.accordionTitleActive, 
.accordionTitle.is-expanded {
   background-color:darken(#38cc70, 10%);
    &:before {
     
      transform:rotate(-225deg);
    }
}
.accordionItem {
    height:auto;
    overflow:hidden; 
    //SHAME: magic number to allow the accordion to animate
    
     max-height:50em;
    transition:max-height 1s;   
 
    
    @media screen and (min-width:48em) {
         max-height:15em;
        transition:max-height 0.5s
        
    }
    
   
}
 
.accordionItem.is-collapsed {
    max-height:0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}

.modal {
    position: fixed;
    top: 136px !important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden !important;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.color1 {

    border-color: transparent !important;
    padding: 7px 15px !important;
}
th
{
	text-align:center;
	font-size:14px;
	
}
td
{
	text-align:center
}
.back-cover
{
	background-color:#2b2411;
	color:#fff;
	width:1000px;
}

.color1 {
    background: #f79f1a;
    border-color: transparent !important;
    padding: 10px 42px !important;
	font-weight:600;
	margin-top:30px
}
   .font-13,
    footer .footer-listing ul.list-unstyled li a {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 21px;
        padding-bottom: 10px;
        display: inline-block;
    }
    
    footer .footer-listing h3 {
        font-size: 1.6rem;
        color: #fff;
/*        border-bottom: 1px solid #5f5848;*/
        padding-bottom: 13px;
		text-align:center;
    }
    
	
 @media (min-width: 360px) and (max-width: 768px)	{
.subline {
    color: #000;
    font-weight: 400;
    display: block;
    margin-left: 85px;
    margin-top: 48px;
    position: absolute;
	font-size:12px;
}
.sublinee {
    color: #000;
    font-weight: 400;
    display: block;
    margin-left: 77px;
    margin-top: 43px;
    position: absolute;
	font-size:16px;
}
 }
 
 .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #333;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.box
{
  box-shadow: 3px 3px 8px #888888; 
  min-height: 188px;}
  

.box1
{
    background-color:#fff; 
    padding:25px; 
	box-shadow: 3px 3px 8px #888888; 
	margin-top:15px;
        height:187px !important;
	}
	
.headings	
{
	color:#fff; 
	padding-top:120px
	}
	
.headings2
{
  color:#544d47 ; 
  border-bottom:1px solid #b7b7b7;
  padding-bottom:10px; 
  padding-top:40px
 }
 
  @media (min-width: 768px) and (max-width: 1024px)	{
	
	.box1
{
    background-color:#fff; 
    padding:11px !important; 
	box-shadow: 3px 3px 8px #888888; 
	margin-top:15px
	}
	  
  }
  
  a
  {
	  text-decoration:none !important;
  }
  
    @media (min-width: 320px) and (max-width: 768px)	{
 a
  {
	  text-decoration:none !important;

  }
  
.dropdown-menu>li>a:hover
{
	color:#fff !important;
}

.box1
{
	min-height:300px !important; 

	}
  }