body{background:#fff; line-height:25px; font-family: 'Roboto', sans-serif;}
.main{background:#fff; box-shadow:1px 1px 10px #444 ;z-index:99999;}
header >.container{padding:0; margin:0}
header h2{float:left; margin:0; padding:0; width:20%; }
header nav{ margin-top:0px;}
.nav > li > a{padding-left:13px; padding-right:15px;}
.homeBox1 li a { color:inherit;}
.homeBox1 li a:hover { color:#FF7518;}
.itry-img{ width:235px; float:right; margin:15px 0px 15px 15px;}
.itry-img img{ width:100%; height:auto;}
.itry-img .caption{    margin-top: -38px; position: relative; background: rgba(0, 0, 0, 0.75) none repeat scroll 0% 0%;
    padding: 7px 0px;
    text-align: center;
    color: white;
}
.itry-img .gallery a:hover img {
    transform: scale(1.05); -webkit-transform: scale(1.05);-ms-transform: scale(1.05); -moz-transform: scale(1.05);-o-transform: scale(1.05); transition: 0.4s ease-in;-webkit-transition: 0.4s ease-in;-moz-transition: 0.4s ease-in;-ms-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;
}
.itry-img .gallery a:hover img {
    transform: scale(1.05); -webkit-transform: scale(1.05);-ms-transform: scale(1.05); -moz-transform: scale(1.05);-o-transform: scale(1.05); transition: 0.4s ease-in;-webkit-transition: 0.4s ease-in;-moz-transition: 0.4s ease-in;-ms-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;
}

.dhikala-map img{ width:100%; height:auto;}
.booking{ width:600px; margin:0 auto; overflow:hidden}
.pkg-listing h4 a{ color:inherit; text-decoration:none;}
.btn-div{ overflow:hidden;}
.bk-btn-left{  margin:15px 0px 0px 30px; overflow:hidden; float:left;}
.bk-btn-right{ margin:15px 30px 0px 0px; overflow:hidden; float:right;}
.bk-btn-right .btn-danger {background:#555555; none repeat scroll 0% 0%; border-color: #575757;}
.bk-btn-right .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    color: #FFF;
    background-color: #333;
    border-color: #373737;
}
.tour-box{ background:#f7f7f7; padding:4px; border:1px solid #e7e7e7; overflow:hidden;}
.tour-box img{ width:100%; height:auto;}
.pkg-listing{ overflow:hidden;}
.tour-box figcaption{ padding:15px 15px 7px 15px;}
.tour-box figcaption h5{ text-transform:capitalize; font-weight:bold; }
.tour-box figcaption i{ padding-right:5px; color:#F77222;}
.tour-box-left{ padding-left:0px; margin-top:30px; overflow:hidden;}
.tour-box-right{ padding-right:0px; margin-top:30px; overflow:hidden;}
aside{ padding-top:15px;}
.aside-img{ padding-right:0px;}
#aside-dotted{border-bottom:1px dotted #aaa; margin-bottom:10px;}
.carousel-inner > .active {left:-20px;
}
.package-table tr td{ padding:7px 0px;}
.package-table p{ margin:0px;}
.dropdown:hover .dropdown-menu {
    display: block;
}
.navbar{margin-bottom:0}
.navbar-default{border-color: #FFFFFF; background-color:#fff}
.navbar-default .navbar-nav > li > a {font-size:16px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#fff; background:#f77222; transition: all 0.5s ease 0s;}
.navbar-default .navbar-toggle{border-color:#E7E7E7;}
header img{width:235px; padding:20px 0px; float:left;}
.imgRes{width:100%;}
 .form-control2{width:60%;  background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.slider{z-index:22222; padding:relative; padding:0px; background:#fff; margin-top:60px; box-shadow:1px 1px 10px #000}
.innerban{padding:0; z-index:22222; box-shadow:1px 1px 10px #000;  margin-top:60px;}
.homeBox{ border:1px solid #ddd; padding:5px; overflow:hidden;}
.homeBox1{ border:1px solid #ddd; padding:5px; overflow:hidden;}
.homeBox2{background:#eee; border:1px solid #ddd; padding:5px; overflow:hidden;}
.homeBox1 ul{padding:0}
.homeBox1:hover{box-shadow:0 0 5px #ccc; transition: all 0.8s ease 0s; background:#eee;}
.homeBox2:hover{box-shadow:0 0 5px #ccc; transition: all 0.8s ease 0s; background:#fff}
hr{border:1px dotted #ccc; padding:0;}
.float-left{float:left;}
.float-right{float:right}
.clients-logo{ background:#fff;  border-top:1px dotted #ccc; }
.centerBody{overflow:hidden; margin-top:20px;}
.social{float:right;}
.social ul li{float:right; list-style:none; padding-right:10px;}
.ban{ margin-top:75px; border-bottom:1px dotted #ccc; padding:20px 0 0 0; background:#fff;}
.banInner{background:#3cd5d9; margin-bottom:1px;}
.banImg{width:100%; margin-bottom:1px;}
.map{}
.map-imgRes{ width:100%;}
.map-img{ text-align:center; padding-bottom:10px;}
.map-img img{padding-bottom:5px;}
.map-image {border-top: 1px dotted #282828; margin-top:15px; margin-bottom:15px;}
.map-image img{ width:100%; height:auto; padding-left:10px;}



#header_shadow {
	/*background:url('../images/header_shadow.png') no-repeat top center;*/
	position:fixed;
	top:99px; left:0; right:0;
	height:75px; 
	z-index:99; /* same with header#page-title .container */
}
#header_shadow_inner{
	/*background:url('../images/header_shadow.png') no-repeat top center;*/
	position:fixed;
	top:75px; left:0; right:0; 
	height:75px; 
	z-index:99; /* same with header#page-title .container */
}
h1{font-size:2em; color:#f77222; text-transform:uppercase;}
h2{font-size:1.7em; color:#f77222; text-transform:uppercase;}
h3{font-size:1.7em; color:#000; text-transform:uppercase; text-align:center; }
 h4{color:#000; text-transform:uppercase;}
  h5{font-size:1.3em; font-stretch:expanded; color:#000; text-transform:uppercase;}
  h6{font-size:1em; font-stretch:expanded; color:#f77222; text-transform:uppercase;}
ul { list-style:none; line-height:25px}
a.social {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    margin: 1px 3px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    width: 28px;
}
	a.social.fa-facebook:hover {
    background: none repeat scroll 0 0 #3B5997 !important;
    color: #FFFFFF !important;
}
a.social.fa-google-plus:hover {
    background: none repeat scroll 0 0 #D64937 !important;
    color: #FFFFFF !important;
}
 
 .partnerBox{border-radius:8px;text-align:center; padding-top:15px; height:270px;}
  .partnerBox:hover{box-shadow:1px 1px 7px  #aaa;}
 
 footer address .footer-sprite {
    background: url("../images/footer_sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    padding-left: 30px;
}
 footer address .footer-sprite.phone {
    background-position: 0 -138px;
    line-height: 30px;
}
footer address .footer-sprite.email {
    background-position: 0 -247px;
}

.gallery-heading{ font-size:18px; color:#F77222;}

.form{background:#f77222; border:1px solid #666; padding:20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:1px 1px 5px #444; border-top:none;}
.quote{ width:80%; float:right; font-size:1.2em; line-height:30px;}
.navActive{color:#fff !important; background:#f77222; height:61px}

#reservation-form .reservation-horizontal, #reservation-form .reservation-vertical, #contact-form .contact-vertical {
    background-color: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.12);
    padding: 30px;
    z-index: 9999;
}


.form-inline .form-control{width:100%}
.btn-danger{background:#b32e00; border-color:#691b00;}

.divider {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    clear: both;
    height: 4px;
    margin: 20px 0;
    position: relative;
    text-align: center;
}

.divider .fa {
    color: #FF7518;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    left: 50%;
    line-height: 50px;
    margin: 0 auto 0 -25px;
    position: absolute;
    text-align: center;
    top: -25px;
    width: 50px;
}

.orange{color:#FF7518}

.box-icon .circle {
    background-color: #FF7518;
    border: 1px solid;
    border-radius: 60px;
    display: table;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
	color:#fff;
	
}
.usp {
    text-align: center;
}
.usp .box-icon .circle {
    float: none;
}
.box-icon .circle:hover i {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: bounceIn;
    animation-timing-function: ease-out;
    color: #FFFFFF;
    text-decoration: none;
}
.box-icon i {
    color: #fff;
    height: 10px;
    text-align: center;
    transition: all 0.6s ease-in-out 0s;
    vertical-align: middle;
    width: 20px;
}

.circle .fa {color:#fff; font-size:25px;}

.usp a {
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
}
.box-icon a i {
    transition: all 0.2s ease-in-out 0s;
}

.appear {
    opacity: 0;
}

.testimonial{ border-left:2px solid #ddd;}
.mTop{margin-top:360px}

.scrollup {
 	 background: url("../images/totop.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    border: medium none;
    bottom: 0px;
    display: none;
    height: 49px;
    left: 51%;
    margin-left: 600px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    text-indent: -999px;
    transition: all 0s ease 0s;
    width: 50px;
    z-index: 20;
    right: 0;
}
.white{color:#fff}
footer{background:#f77222;}
footer a{color:#000;}
footer a:hover{color:#fff;}
.social{float:left; display:flex; padding:20px}
.social a{color:#fff; padding:10px}
.social a:hover{color:#000;}
footer .fa{color:#fff; font-size:25px;}
footer .fa:hover{color:#000}

.accom{border-top:1px dotted #282828; padding-bottom:10px; overflow:hidden;}
.bodyleft{border-right:1px dotted #282828; text-align: justify;}
.bodyleft ul li{list-style:square}
.slide-custom {
    min-height:200px;
    padding:20px;
    line-height:30px;
}
.testImg{border-radius:100px; box-shadow: 1px 1px 5px #ccc; float:left; margin:0 20px; }
.carousel-indicators li{border-color:#ccc; background:#ccc}

.acd-figure a{ color:inherit;}
.acd-figure figure{ float:right; overflow:hidden; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.acd-figure figure figcaption{ font-size:15px; padding:6px; background:#E3E3E3; text-align:center;}

#box    {  width:275px;
           height:183px;
          border-bottom:2px solid #fff;
          border-right:2px solid #fff;
          background:url(../images/dfh.jpg);
  background-size:cover;
border-radius:5px;
overflow:hidden;
float:right} 

#box-1    {  width:275px;
           height:183px;
          border-bottom:2px solid #fff;
          border-right:2px solid #fff;
          background:url(../images/khinnanauli-5.jpg);
  background-size:cover;
border-radius:5px;
overflow:hidden;
float:right} 

#overlay    {  background:rgba(0,0,0,.75);
               text-align:center;
               padding:62px 0 50px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;}
#box-1:hover #overlay {
               opacity:1;}
#box:hover #overlay {
               opacity:1;}

#plus       {  font-family:Helvetica;
               font-weight:900;
               color:rgba(255,255,255,.85);
               font-size:96px;}


#box1    {  width:275px;
           height:183px;
          border-bottom:2px solid #fff;
          border-right:2px solid #fff;
        
          background:url(../images/sarapduli.jpg);
  background-size:cover;
border-radius:5px;
overflow:hidden;
float:right} 

#box1:hover #overlay {
               opacity:1;}

#box2    {  width:275px;
           height:183px;
          border-bottom:2px solid #fff;
          border-right:2px solid #fff;
        
          background:url(../images/gairalfh.jpg);
  background-size:cover;
border-radius:5px;
overflow:hidden;
float:right} 

#box2:hover #overlay {
               opacity:1;}

#box3    {  width:275px;
           height:183px;
          border-bottom:2px solid #fff;
          border-right:2px solid #fff;
        
          background:url(../images/sultanfrh.jpg);
  background-size:cover;
border-radius:5px;
overflow:hidden;
float:right} 

#box3:hover #overlay {
               opacity:1;}





a:focus {
    outline: none;
}
.nav-tabs > li.active{ 	border-top:4px solid #F77222;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000;
	background-color: #E9E9E9;
cursor: default;
padding-top: 8px;
}
.nav-tabs > li > a {
    margin-right:1px;
    border:0px;
    border-radius: 0px;
    background:#686868;
	color:#FFFFFF;
outline-offset: 0px;
padding:12px 13px;
font-size:16px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #F77222;
}
.bs-example{ background:#f7f7f7; border:1px solid #ccc; overflow:hidden; }
.nav-tabs{ border-bottom:0px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border:0px; }



<!--Gallery-->


<!--Gallery end-->

.nav-bottom{ overflow:hidden;}
.nav-top{float:left; overflow:hidden; float:right;}
.nav-top ul{ padding-left:0px;}
.nav-top ul li{ float:left;padding:7px 15px 7px 15px;}
.nav-top ul li a{ color:#777; font-size:13px;}
.nav-top ul li a:hover, .nav-top ul li a:focus, .nav-top ul li a:active{color:#f77222;}
.lodge-cnt{ padding:15px; overflow:hidden;}
.lodge-body{background:#f7f7f7; border:1px solid#ddd; margin-bottom:30px;}
.lodge-cnt h4{ color:#f77000;}
.booking{ text-align:center;}
.booking h2{ color:#333;}
.booking p.p-tag{ padding-bottom:10px;}
.whatsapp-img{padding-right:6px}

.nm2{width:70%;}
.htbu {
    
    width: 25%;
}
 @media only screen and (max-width:1280px){

.slider{margin-top:56px;}
.innerban{ margin-top: 60px;}}

@media only screen and (max-width:1200px){
.slider{margin-top:56px;}
.innerban{ margin-top:90px;}

}

@media only screen and (max-width:768px){

.slider{margin-top:56px;}
}

@media only screen and (max-width:768px){
.tour-box-left{ padding:0px;}
.tour-box-right{ padding:0px;}
.htbu {
    
    width:100%;
}
}

 @media only screen and (max-width:510px){
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{}
 header container{padding:0}
header h1{width:80%; margin:0}
 .social{display:none;}
 #header_shadow{top: 85px;}
 .ban{    margin-top: 66px;}
 .banInner img{width:70%}
 .slider{margin-top:86px;}
.map img{ width:100%; height:auto;}
.nn{position:relative; top:10px; }
.nn2{position:relative; bottom:10px;}
.nm2{width:100%;}
.htbu {
    
    width:100%;
}
 }
 
 @media only screen and (max-width:640px){ 
 .nav-tabs > li {float: none;}
 .nav-tabs > li > a{ border-top:1px solid #B0B0B0;}
 header h1{width:auto;}
.nav-top {float: left;}


}


@media only screen and (max-width:480px){ 
.map{ width:100%; height:auto;}
.map-imgRes{ width:100%; height:auto;}
.nav-top ul li{ float:left;}

}
@media only screen and (max-width:360px){
.bk-btn-left{ float:left; margin-left:0px;}
.bk-btn-right{ float:right; margin-right:0px; margin-top:15px;}

}

@media only screen and (min-width:320px)and (max-width:480px){

h3{display: inline-block;
    font-size: 20px;
    text-align: center;
    width: 100%;}

.homeBox1{margin-top:20px;}
p{font-size:13px;}
h4{font-size: 16px;}
.map img{ display: block;     margin: auto;}
.testImg{display: block;
    margin: auto; float:none!important;}
.newimg{margin: auto;
    display: block;}	
	
}


@media only screen and (max-width:1199px){ 
.map-img img{ width:100%; height:auto;}
.navbar-default .navbar-nav > li > a {font-size: 15px;}
}
@media only screen and (max-width:1023px){
.navbar-default .navbar-nav > li > a {font-size: 14px;}
}

.form-group {
    display: flex;
}

form#safari-form td input {
    width: 80%;
    display: inline-block;
    margin: 5px;
}

form#safari-form h2 {
    color: #3699b5;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

form#safari-form h3 {
    color: #3699b5;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.texture-custom .textured-area {
    background: url();
}

.palace-button, input[type="submit"], input#searchsubmit {
    background-color: #4c8c23;
    border-color: #4c8c23;
}

.datepick-cmd, .datepick-month td .datepick-selected {
    background-color: #4c8c23;
}

.calendar-key-selected-days {
    color: #4c8c23;
}


.whatsapp{position:fixed; bottom:80px; z-index:200000000;}
.font-13{font-size:13px!important;}

.navbar-toggle{right: -20px;
    top: 20px;}

.navbar-nav>li>a{line-height:15px; }
.appear-animation{display:none;}

.call-us{position:fixed; bottom:0; z-index:200000000; background-color:#fff; left:0px; right:0px; padding:10px; box-shadow:3px 3px 5px 4px #ccc; -webkit-box-shadow:3px 3px 5px 4px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:3px 3px 5px 4px #ccc; }
  
.cs{font-size:14px; padding:6px 39px; margin:0px 5px; border:1px solid #b8241e; color:#b8241e; font-weight:500;}
.btn-danger:hover{color:#fff;}
.btn-danger{color:#fff;}
.eq-form{margin:auto 0;}


.pen .navbar-toggle {
	border: none;
	background: transparent !important;
}

.pen .navbar-toggle:hover {
	background: transparent !important;
}

.pen .navbar-toggle .icon-bar {
	width: 22px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
/* END ANIMATED X */

/* ANIMATED RIGHT ARROW */
.navbar-toggle.rarr.collapsed .icon-bar:nth-of-type(1) {
	transform: translate3d(0,0,0) rotate(0deg);
	transform-origin: right top;
	width: 22px;
}

.navbar-toggle.rarr.collapsed .icon-bar:nth-of-type(2) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.rarr.collapsed .icon-bar:nth-of-type(3) {
	transform: translate3d(0,0,0) rotate(0deg);
	transform-origin: right bottom;
	width: 22px;
}

.navbar-toggle.rarr .icon-bar:nth-of-type(1) {
	transform: translate3d(11px,6px,0) rotate(45deg);
	transform-origin: right top;
	width: 11px;
}

.navbar-toggle.rarr .icon-bar:nth-of-type(2) {
	/* transform: scale(0.75); */;
}

.navbar-toggle.rarr .icon-bar:nth-of-type(3) {
	transform: translate3d(11px,-6px,0) rotate(-45deg);
	transform-origin: right bottom;
	width: 11px;
}
/* END ANIMATED RIGHT ARROW */

/* ANIMATED LEFT ARROW */
.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(1) {
	transform: translate3d(0,0,0) rotate(0deg);
	width: 22px;
}

.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(2) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(3) {
	transform: translate3d(0,0,0) rotate(0deg);
	width: 22px;
}

.navbar-toggle.larr .icon-bar:nth-of-type(1) {
	transform: translate3d(0px,6px,0) rotate(45deg);
	transform-origin: left top;
	width: 11px;
}

.navbar-toggle.larr .icon-bar:nth-of-type(3) {
	transform: translate3d(0px,-6px,0) rotate(-45deg);
	transform-origin: left bottom;
	width: 11px;
}
/* END ANIMATED LEFT ARROW */

/* ANIMATED UP ARROW */
.navbar-toggle.uarr.collapsed .icon-bar:nth-of-type(1) {
	transform: translate3d(0,0,0) rotate(0deg);
	width: 22px;
}

.navbar-toggle.uarr.collapsed .icon-bar:nth-of-type(2) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.uarr.collapsed .icon-bar:nth-of-type(3) {
	transform: translate3d(0,0,0) rotate(0deg);
	width: 22px;
}

.navbar-toggle.uarr .icon-bar:nth-of-type(1) {
	transform: translate3d(1px,0,0) rotate(-45deg);
	transform-origin: center center;
	width: 11px;
}

.navbar-toggle.uarr .icon-bar:nth-of-type(2) {
	transform: rotate(-90deg);
	transform-origin: center center;
}

.navbar-toggle.uarr .icon-bar:nth-of-type(3) {
	transform: translate3d(0px,-14px,0) rotate(-135deg);
	transform-origin: right top;
	width: 11px;
}
/* END ANIMATED UP ARROW */

/* ANIMATED PLUS */
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(1) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(2) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(3) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.plus .icon-bar:nth-of-type(1) {
	transform: translate3d(0px,6px,0) rotate(90deg);
	transform-origin: center center;
}

.navbar-toggle.plus .icon-bar:nth-of-type(3) {
	transform: translate3d(0px,-6px,0) rotate(-90deg);
	transform-origin: center center;
}
/* END ANIMATED PLUS */

/* ANIMATED MINUS */
.navbar-toggle.minus.collapsed .icon-bar:nth-of-type(1) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.minus.collapsed .icon-bar:nth-of-type(2) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.minus.collapsed .icon-bar:nth-of-type(3) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.minus .icon-bar:nth-of-type(1) {
	transform: translate3d(0,6px,0);
}

.navbar-toggle.minus .icon-bar:nth-of-type(3) {
	transform: translate3d(0,-6px,0);
}
/* END ANIMATED MINUS */

/* FORCE NAVBAR-TOGGLE */

.pen .navbar-header {
	float: none;
}

.pen .navbar-toggle {
	display: block;
}

.pen .navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.pen .navbar-collapse.collapse {
	display: none !important;
}

.pen .navbar-nav {
	float: none !important;
	margin: 7.5px -15px;
}

.pen .navbar-nav > li {
	float: none;
}

.pen .navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pen .navbar-collapse.collapse.in {
	display: block !important;
}

.pen .navbar-brand {
  font-size:14px;
}

.navbar-default .navbar-toggle .icon-bar{margin-left:2px;}