/*--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: #2387C9;
	text-decoration:none;
}
body a:hover {
	color: #00536B;
	text-decoration:none;
}
html, body{
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 100%;
}
/*-- header --*/
.header{
	position:relative;
}
.top-header{
    background: #353535;
    padding: .7em 0;
}
.top-header-left{
	float: left;
    width: 50%;
}
.top-header-left p{
	color: #909090;
	font-size: 0.7em;
	margin: 0.5em 0 0 16em;
	letter-spacing: 1px;
}
.top-header-right{
	float:right;
	width:30%;
	text-align: right;
}
.top-header-right-info ul {
	padding:0;
	margin:0;
}
.top-header-right-info ul li{
	display:inline-block;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 1em;
}
.top-header-right-info ul li a {
	color: #909090;
	font-size: 0.65em;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.top-header-right-info ul li a:hover{
	text-decoration:none;
	color:#FFF;
}
.top-header-right-info ul li a.social{
	color: #FFF;
	font-size: 1em;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 1em;
}
.top-header-right-info ul li a.social:hover{
	color:#FFF;
}
.bottom-header {
	background: #05547F;
}
.logo{
	position: absolute;
	top: 0px;
	width: 170px;
	z-index: 999;
}
.logo h1 {
    margin: 0;
}
.logo h1 a {
	 display:block;
}
.logo h1 a img{
	width:100%
}
.top-nav {
	width: 80%;
	float: left;
}
.top-nav ul{
	padding: 0;
	float: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10em;
}
.top-nav ul li{
    display: inline-block;
    margin: 0;
    float: left;
}
.top-nav ul li a{
	color: #cae3f3 !important;
	font-size: 0.875em;
	font-weight: 400;
	margin: 0;
	text-decoration: none;
	box-shadow: 1px 0px 0px 0px rgba(72, 72, 72, 0);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #055C8B;
	text-transform: uppercase;
	padding-top: 2.7em;
	padding-right: 1.5em;
	padding-bottom: 2.7em;
	padding-left: 1.5em;
}
.top-nav ul li a:hover{
	color: #FFF !important;
}
.top-nav ul li a.active{
    color: #2DCB74 !important;
}
.caret {
    margin-left: 14px;
}
.navbar-default {
    border: none !important;
    background: none !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background: none !important;
	border-right: solid 1px #055C8B;
	box-shadow: 1px 0px 0px 0px rgba(72, 72, 72, 0);
}
.collapsed {
	background-color: #FFF;
}
ul.dropdown-menu {
	background: #05547F;
	box-shadow: 0 0 0;
	border: none;
	margin: 0;
	top: 6.8em;
	left: 0;
	min-width: 107px;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 44px !important;
    clear: both;
    margin: .5em 0 !important;
    font-weight: normal;
    line-height: 1.42857143;
    color: #FFF !important;
    border: none !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 103%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.tripsearch {
	margin-top: 3.2em;
	font-size: 0.75em;
	font-weight: 500;
	float: right;
}
.tripsearch a {
	color: #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	cursor:pointer;
	text-transform: uppercase;
	padding-top: 8px;
	padding-right: 1em;
	padding-bottom: 8px;
	padding-left: 1em;
	text-decoration:none;
	background: #3598DC;
}
.tripsearch a:hover{
	text-decoration:none;
	color:#fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition:  0.5s all;
	-o-transition:  0.5s all;
}
.tripsearchstrip {
	background-color: #3598DC;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.tripsearchstrip .fields {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.5em;
	color: #FFF;
	font-weight: 300;
	text-transform: uppercase;
}
.tripsearchstrip select {
	padding: 9px 0px 9px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	color: #9E9E9E;
	background: url(../images/arrow.png) no-repeat 95.5% 58% #fff;
	outline: none;
	border: none;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}
.tripsearchstrip input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	color: #9E9E9E;
	outline: none;
	border: none;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 10px;
}
.tripsearchstrip a.btn {
	color: #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	cursor:pointer;
	text-transform: uppercase;
	padding-top: 0.6em;
	padding-right: 1em;
	padding-bottom: 0.6em;
	padding-left: 1em;
	text-decoration:none;
	background-color: #015377;
	font-size: 0.6em;
}
.tripsearchstrip a.btn:hover {
	background-color: #353535;
}
/*-- banner --*/
.banner{
	background-size: cover;
}
.strip {
	background-color: #3598DC;
	padding-top: 1em;
	padding-bottom: 3em;
}
.strip a{
	color: #F6EA65;
	text-decoration:none;
}
.strip a:hover{
	color: #FFF;
	text-decoration:none;
}
.strip .counter {
	margin-bottom: 1em;
	color: #373E45;
	margin-top: 1em;
}
.strip .counter .ico {
	text-align: center;
}
.strip .counter .ico img{
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.strip .counter .count {
	float: left;
	margin-left: 0.75em;
}
.strip .counter h3 {
	font-size: 2em;
	font-weight:700;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
}
.strip .counter p {
	font-size: 0.75em;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0px;
}
.strip .border{
    height: 1px;
    background: #cae3f3;
    width: 7%;
    margin: 2em auto 0;
}
.strip .team{
	margin-bottom:2em;
}
.strip .teamimg{
	margin-bottom:1em;
}
.strip .list ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:1em;
	list-style-type: square;
	margin-top: 0em;
	color:#cae3f3;
	margin-bottom: 2em;
}
.strip .list ul li{
	display: list-item;
	margin-top: 0.5em;
	padding-bottom: 0px;
	line-height: 1.7em;
	font-weight: 300;
}
.content {
	background-color: #F4F7F9;
	padding-top: 3em;
	padding-bottom: 3em;
	background-image: url(../images/bgcontent.jpg);
}
.content .left {
	padding-right: 3em;
	margin-top: 1em;
}
.content .right {
	margin-top: 1em;
	color: #cae3f3;
	background-color: #3598DC;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
}
.content .right a {
	color: #F8EE7C;
	text-decoration: none;
}
.content .right a:hover {
	color: #FFF;
	text-decoration: none;
}
.content .right .facts{
	margin-top: 1em;
}
.content .right .facts .title{
	color: #00536B;
	font-size: 0.8em;
}
.content .right .facts p{
	font-size: 0.9em;
}
.content .tripdetails {
	margin-right: 3em;
	margin-left: 3em;
	padding-bottom: 2em;
}
.content .tripdetails .tbl {
	color: #cae3f3;
}
.content .tripdetails .tbl th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006B8A;
}
.content .tripdetails .tbl td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006B8A;
	font-size: 0.85em;
}
.content .tripdetails .cost ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:1em;
	list-style-type: square;
	margin-top: 0em;
	color:#cae3f3;
	margin-bottom: 2em;
}
.content .tripdetails .cost ul li{
	display: list-item;
	font-size: 0.85em;
	margin-top: 0.5em;
	padding-bottom: 0px;
}
.content .tripdetails .triptxt {
	height: 100%;
}
.content .tripdetails .triptxt ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:1em;
	list-style-type: square;
	margin-top: 0em;
	color:#cae3f3;
	margin-bottom: 2em;
}
.content .tripdetails .triptxt ul li{
	display: list-item;
	margin-top: 0.5em;
	padding-bottom: 0px;
	font-weight: 300;
	font-size: 0.95em;
}
.content .gallery {
	margin-top: 2em;
}
.content .gallery .headings{
	font-size: 1em;
	color: #00536B;
}
.content .gallery .tn{
	margin-top: 1em;
	margin-bottom: 1em;
}
.content a.btn {
	color: #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	cursor:pointer;
	text-transform: uppercase;
	padding-top: 8px;
	padding-right: 1em;
	padding-bottom: 8px;
	padding-left: 1em;
	text-decoration:none;
	font-size: 0.9em;
	font-weight: 700;
	background-color: #F90;
}
.content .paging {
	margin-top: 0.8em;
	font-size: 1em;
	text-align: right;
}
.content .paging a i{
	color: #2387C9;
}
.content .paging a i:hover{
	color: #00536B;
}
.content  h1 {
	color: #00536B;
	font-family: 'Galdeano', sans-serif;
}
.content  h2 {
	color: #00536B;
	font-family: 'Galdeano', sans-serif;
	margin-top: 0em;
}
.content .prlist {
	margin-bottom: 1em;
}
.content .prholder {
	margin-top: 1em;
	background-color: #00536B;
}
.content .invitation p{
	font-size: 15px;
	margin-top: 0.5em;
	line-height: 1.4em;
	overflow: hidden;
	color: #373E45;
}
.content .prdetailsholder {
	background-color: #00536B;
	padding-bottom: 1em;
}
.content .prdetails {
	margin-right: 2em;
	margin-left: 2em;
	padding-bottom: 1.2em;
	color: #ECECEC;
}
.content .sticky{
	position: absolute;
	left: 10px;
	top: 35px;
}
.content .sticky .txtxmall {
	font-size: 0.7em;
	text-transform: capitalize;
	color: #887E09;
	background-color: #F6EA65;
	padding-top: 0.2em;
	padding-right: 2em;
	padding-bottom: 0.2em;
	padding-left: 2em;
}

.content .prdetails h3 {
	margin-top: 0.8em;
	color: #FFF;
	font-family: 'Galdeano', sans-serif;
	font-size: 2em;
	font-weight: 100;
}
.content .prdetails h4 {
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 1em;
}
.content .prdetails p{
	font-size: 0.9em;
	font-weight:300;
	margin-top: 1em;
	line-height: 1.4em;
	font-family: 'Merriweather Sans', sans-serif;
	overflow: hidden;
}
.content .prdetails a {
	color: #F8EE7C;
	text-decoration:none;
}
.content .prdetails a:hover {
	color: #FFF;
}
.content .prdetails .tripinfo {
	margin-top: 1em;
	font-size: 0.85em;
	line-height: 1.6em;
}
.content .prdetails .tripinfo .txtbig {
	font-size: 1.2em;
	font-weight: 400;
}
.content .prdetails .tripfacts {
	margin-top: 1.25em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ECECEC;
	font-size: 0.85em;
	color: #ECECEC;
	line-height: 1.2em;
}
.content .prdetails .tripfacts .icons {
	margin-top: 1.25em;
	text-align: center;
}
.content .prdetails .tripfacts .txtbig {
	font-size: 1.2em;
}
a.divlink {
	display: block;
	text-decoration: none;
	background-color: #00536B;
	color: #CCC;
	margin-top: 1em;
}
a.divlink:hover {
	display: block;
	text-decoration: none;
	background-color: #3598DC;
	color: #cae3f3;
}
a.divlink2 {
	display: block;
	text-decoration: none;
	background-color: #FFF;
	color: #3598DC;
	border: 1px solid #ececec;
}
a.divlink2:hover {
	display: block;
	text-decoration: none;
	background-color: #3598DC;
	color: #cae3f3;
}
a.counterlink {
	display: block;
	text-decoration: none;
	color: #3598DC;
}
a.counterlink:hover {
	color: #3598DC;
}
.prtabs {
	margin-top: 2em;
}
.prtabs ul {
	margin: 0px;
	padding: 0px;
}

nav ul {
	margin: 0px;
	padding: 0px;
}
.cd-tabs-navigation {

}
.cd-tabs-navigation li {
	display: inline-block;
	list-style:none;
	margin: 0px;
	padding: 0px;
}
.cd-tabs-navigation a {
	position: relative;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:1.2em;
	color:#F6EA65;
	text-decoration: none;
	text-transform: capitalize;
	background-color: none;
	margin-right: 2em;
	padding-bottom: 0.9em;
}
.cd-tabs-navigation a:hover {
	color:#FFF;
}
.cd-tabs-navigation a.selected  {
	color:#FFF;
	border-bottom-width: 1px;
	border-bottom-color: #cae3f3;
	border-bottom-style: solid;
	background-color: none;
}
.cd-tabs-content li {
	display: none;
	margin-top: 1em;
}
.cd-tabs-content p{
	color:#cae3f3;
	font-size: 0.95em;
	font-weight: 300;
	line-height: 1.7em;
}
.cd-tabs-content li.selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
  
}
.cd-tabs.is-ended {
  margin: 3em 0 1em;
  padding: 0 1em;
}
.footer {
	background-color: #353535;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #055C8B;
}
.footer .afflogos {
	border: 1px solid #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	margin-right: 0.5em;
	margin-top: 0.5em;
}

.footer .linkheadings {
	font-size: 0.9em;
	color: #FFF;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
.footer .links {
	color: #FFF;
	margin-bottom: 0em;
	font-size: 0.875em;
	line-height: 1.4em;
}
a.footerlink {
	color: #909090;
	text-decoration: none;
	font-size: 1em;
	text-transform: uppercase;
	font-size: 0.75em;
}
a.footerlink:hover {
	color: #FFF;
}
.footer .social {
	margin-top: 1.5em;
}
.fa {
	color: #D4D4D4;
}
.social-links a{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 40px; /*space between*/
	background-color: #909090;
	margin-top: -8px;
	margin-right: 7px;
	text-align: center;
} 
.social-links a:hover {
	background-color: #3598DC;
} 
.social-links a i{
	font-size: 20px;
	color: #FFF;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
}
.footerbottom {
	color: #FFF;
	font-size: 0.8em;
	padding-top: 2em;
	padding-bottom: 2em;
	line-height: 1.6em;
	font-weight: 300;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #515151;
	margin-top: 2em;
}
.tooltip.top .tooltip-inner {
    background-color:#F6EA65;
	color:#887E09;
	font-family: 'Merriweather Sans', sans-serif;
}
.tooltip.top .tooltip-arrow {
     border-top-color: #F6EA65;
}
.tooltip.bottom .tooltip-inner {
    background-color:#F6EA65;
	color:#887E09;
	font-family: 'Merriweather Sans', sans-serif;
}
.tooltip.bottom .tooltip-arrow {
     border-top-color: #F6EA65;
}
.tooltip.left .tooltip-inner {
    background-color:#F6EA65;
	color:#887E09;
	font-family: 'Merriweather Sans', sans-serif;
}
.tooltip.left .tooltip-arrow {
     border-top-color: #F6EA65;
}
.tooltip.right .tooltip-inner {
    background-color:#F6EA65;
	color:#887E09;
	font-family: 'Merriweather Sans', sans-serif;
}
.tooltip.right .tooltip-arrow {
     border-top-color: #F6EA65;
}
.formfields {
	margin-top: 1em;
	color: #cae3f3;
	font-weight: 300;
	line-height: 1.3em;
}
.formfields a {
	color: #FD82AF;
}
.formfields a:hover {
	color: #6D6D6D;
}
.formlabel {
	font-size: 1em;
	font-weight: 300;
	margin-top: 0.4em;
}
.formfields .txtinput {
	font-size: 1em;
	text-transform: lowercase;
	background-color: #FFF;
	height: auto;
	padding-right: 0.5em;
	padding-left: 0.5em;
	color: #353535;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}
.formfields .txtselect {
	font-size: 1em;
	text-transform: lowercase;
	background-color: #FFF;
	height: auto;
	padding-right: 0.5em;
	padding-left: 0.5em;
	color: #353535;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.formfields .fields {
	margin-top: 0.2em;
	font-size: 1.2em;
}

.formfields select {
	background-color: #FFF;
	height: auto;
}
.formbtn {
	margin-top: 1.5em;
	margin-bottom: 2em;
}
a.p-btnmedium {
	color:#00536B;
	text-decoration:none;
	font-size:1em;
	background-color: #F6EA65;
	font-weight: 300;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}
a.p-btnmedium:hover {
	background-color: #FFF;
	color: #00536B;
}

/*-- responsive-start-here --*/
@media (max-width:1440px){

}
@media (max-width:1366px){

}
@media (max-width:1280px){

}
@media (max-width:1080px){
	.top-header-right {
		width: 27%;
	}
}
@media (max-width:1024px){
.top-nav {
	width: 80%;
	float: left;
}
}
@media (max-width:991px){
	.tripsearch {
		margin-top: 1.8em;
		font-size: 0.7em;
	}
	.top-header-left {
		width: 64%;
	}
	.top-header-right {
		width: 33%;
	}
	.top-nav ul li a {
		padding: 1.1em;
	}
	.logo {
		width: 140px;
	}
	ul.dropdown-menu {
		top: 4.5em;
	}
	.dropdown-menu > li > a {
		padding: 3px 33px !important;
	}
	.content .prdetails p{
	height: auto;
	overflow: visible;
	}
	.content .left {
	padding-right: 15px;
}
}
@media (max-width:800px){
.content .left {
	padding-right: 15px;
	border-right-width: 0;
	border-right-style: none;
	margin-top: 1em;
}
.content .right {
	padding-left: 15px;
	border-left-width: 0px;
	border-left-style: none;
	margin-top: 1em;
	margin-left: 0px;
}

}
@media (max-width:768px){

}
@media (max-width:640px){
	.top-nav {
		width: 100%;
		float: none;
	}
	.top-header-left p {
	    margin: 0.5em 0 0 0em;
	}
	.top-header-left p {
		font-size: .6em;
	}
	.top-header-right-info ul li {
		margin: 0 .1em;
	}
	.logo {
		width: 140px;
		position: inherit;
		float: left;
	}
	.top-nav ul li {
		display: block;
		margin: 0;
		float: none;
	}
	.top-nav ul {
		padding: 0;
		margin: 0;
	}
	.navbar-default .navbar-nav > li > a {
		text-align: center;
		border: none;
		box-shadow: 0 0 0;
	}
	.top-nav ul li a {
		padding: 1em 0;
	}
	.caret {
		margin-left: 6px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		text-align: center;
	}
	.navbar-toggle {
		margin-top: 4.5em;
		margin-right: -15px;
	}
	.tripsearch {
		float: none;
		position: absolute;
		right: 15px;
		top: 70px;
	}
	.cd-tabs-navigation a {
	font-size:1em;
	padding:5px 8px;
}
.content .tripdetails {
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 1em;
}
}
@media (max-width:480px){
	.logo {
		width: 140px;
	}
	.top-header-left p {
		margin: 0.5em 0 0 0em;
	}
	.top-header-right {
		width: 33%;
	}
	.strip h2 {
	font-size: 2.6em;
	width: 100%;
	}
	.strip h3{
	font-size: 1.3em;
	}
}
@media (max-width:414px){
	.top-header-left {
		width: 43%;
	}
	.top-header-left p {
		margin: 0.5em 0 0 0em;
	}
	.top-header-right {
		width: 54%;
	}
	.top-nav ul li a {
		padding: .5em 0;
	}
	nav.navbar.navbar-default {
		width: 100% !important;
		float: right !important;
	}
	.navbar-toggle {
		margin-top: -3em;
	}	
	
}
@media (max-width:384px){
	nav.navbar.navbar-default {
		width: 100% !important;
	}
}
@media (max-width:320px){
	.top-header-right {
		width: 50%;
	}
	.top-header-left {
		width: 40%;
	}
	.top-nav ul li a {
		font-size: .9em;
	}
	nav.navbar.navbar-default {
		width: 100% !important;
	}
	.navbar-toggle {
		margin-top: -3em;
	}	
}	
.test {
	background-color: #039;
}