/* 
 *	Name: Responsive layout;
 *	Author: Andor Nagy;
 *	Website : andornagy.com;
 *	
------------------------------------------
 * 
 *	Responsive Layout is lightweight css and html layout 
 *	that can help you kickstart your website development.
 *
 *	You are free to use this framework for you own projects
 *	and for client works. Credit is always welcome.
 *
 *	DO NOT sell it as your own work.
 *  
--------------------------------------------- */
/* General Styles
--------------------------------------------- */
/* Imports
--------------------------------------------- */

@import url(../../../../../fonts.googleapis.com/cssd294.css?family=Roboto+Slab);
@import url(../../../../../fonts.googleapis.com/cssd2d5.css?family=Open+Sans);
/* Helper Classes
--------------------------------------------- */

.clearfix {
    display: block;
    clear: both;
}
/* Typography
--------------------------------------------- */

body {
    word-wrap: break-word !important;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
/* Links
--------------------------------------------- */

a {
    color: #000000
}
a:hover {
    text-decoration: underline;
    color: #E64A19;
}
/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #2a2a2a;
    line-height: 23px;
	word-spacing: 2px;
    margin: 5px 0;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #2a2a2a;
	line-height: 23px;
	word-spacing: 2px;
	font-weight: normal;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
	line-height: 18px;
	word-spacing: 2px;
	font-weight: normal;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
/* Sections
--------------------------------------------- */

#container {
    margin: 0 auto;
    max-width: 1200px;
}
.container {
    margin: 0 auto;
    max-width: 1200px;

}
.main{
	overflow:hidden;
}
/* Header
--------------------------------------------- */

header {
    width: 94%;
    background-color: #868364;
}
header #title {
    font-size: 50px;
    color: #fff;
}
/* Navigation
--------------------------------------------- */
.nav_container{
    background: #868364;
	z-index:9999;
}
/* Content
--------------------------------------------- */

#content {
    float: left;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 3%;
    padding-right: 3%;
    width: 67%;
	border-left: 1px dotted #868364;
	border-right: 1px dotted #868364;
}
/* Sidebar
--------------------------------------------- */

aside {
    float: right;
    padding: 1%;
    width: 24%;
    border: 1px solid #999999;
}
/* Footer
--------------------------------------------- */

footer {
	overflow:hidden;
    background-color: #e7e7e7;
    border-top: 5px solid #868364;
    color: #000000;
    text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.footer_menu{
padding:30px 20px;
overflow:hidden;
}
hr{
	width:80%;
	margin:auto;
	margin-top:15px
}
.heading1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}
.heading2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #cc0000;
}

.cover-heading
{ 
color: #3d2f31; 
font-family: Verdana, Arial, Helvetica; 
font-size: 15px; 
word-spacing: 2px;
}

.heading-bigger
{ 
color: #868364; 
font-family: Verdana, Arial, Helvetica; 
font-size: 45px; 
word-spacing: 2px;
}

.heading-bigger-dark
{ 
color: #868364; 
font-family: Verdana, Arial, Helvetica; 
font-size: 45px; 
word-spacing: 2px;
}

.heading-big-bottom
{ 
color: #868364; 
font-family: Verdana, Arial, Helvetica; 
font-size: 30px; 
word-spacing: 2px;
text-decoration:none;
}

.heading-big-bottom  a{
	color:#868364;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 30px; 
	word-spacing: 2px;
	text-decoration: underline!important;
}

.heading-big
{ 
color: #868364; 
font-family: Verdana, Arial, Helvetica; 
font-size: 30px; 
word-spacing: 2px;
text-decoration:none;
}

.heading-big  a{
	color:#868364;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 30px; 
	word-spacing: 2px;
	text-decoration: none;
}

.heading
{ 
color: #000000; 
font-family: Verdana, Arial, Helvetica; 
font-size: 14px; 
word-spacing: 2px;
}

.body-text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
    word-spacing: 2px;
}

    .body-text  a{
	text-decoration: underline!important;
	color:#333333;
}

.body-text-13 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
    word-spacing: 2px;
}

    .body-text-13  a{
	text-decoration: underline!important;
	color:#333333;
}

.body-text-14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
}

 .body-text-14  a{
	text-decoration: underline!important;
	color:#333333;
}

.body-text-14-bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    line-height: 20px;
    word-spacing: 2px;
}

.body-text-14-height {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 25px;
    word-spacing: 2px;
}

    .body-text-14-height  a{
	text-decoration: underline!important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 25px;
    word-spacing: 2px;
}


.body-text-13-maroon {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #990000;
    line-height: 20px;
    word-spacing: 2px;
}



    .body-text-13-maroon  a{
	text-decoration: underline!important;
	color:#990000;
}

.body-text-26 {
    font-family: Verdana, Arial, Helvetica;
    font-size: 26px;
    color: #898989;
    word-spacing: 2px;
}

    .body-text-26  a{
	text-decoration: underline!important;
	color:#898989;
}

.body-text-24 {
    font-family: Verdana, Arial, Helvetica;
    font-size: 24px;
    color: #898989;
    word-spacing: 2px;
}

    .body-text-24  a{
	text-decoration: underline!important;
	color:#898989;
}

.body-text-15 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
    word-spacing: 2px;
}


.body-text-16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
    word-spacing: 2px;
}


.body-text-16-maroon {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #990000;
    line-height: 20px;
    word-spacing: 2px;
}



    .body-text-16-maroon  a{
	text-decoration: underline!important;
	color:#990000;
}



.body-text-16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #cc0000;
    line-height: 32px;
    word-spacing: 2px;
}


.body-text-15 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #cc0000;
    line-height: 32px;
    word-spacing: 2px;
}



.body-text-19 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: normal;
    color: #cc0000;
    line-height: 32px;
    word-spacing: 2px;
}


.body-text-18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 32px;
    word-spacing: 2px;
}

    .body-text-18  a{
	text-decoration: underline!important;
	color:#000000;
}

	.body-text-18 a:hover{
    color: #005e90;
}

.body-text-12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
    word-spacing: 2px;
}

    .body-text-12  a{
	text-decoration: underline!important;
	color:#000000;
}

.body-text-11 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
    word-spacing: 2px;
}


.body-text-11-maroon {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #990000;
    line-height: 20px;
    word-spacing: 2px;
}

.body-text-10 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    line-height: 14px;
}

.body-text-10-caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    line-height: 14px;
}

    .body-text-10-caption  a{
	text-decoration: underline!important;
	color:#000000;
}

.style1 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	}
	
.style1 a{
	text-decoration:none;
}
.style1 a:hover{
    color: #E64A19;
}

img {
    max-width: 100%;
    height: auto;
}
.tellAfriend{
}
.box-tell-a-friend {
    border: 4px solid #ddd;
	margin-top:20px;
	padding:20px 10px;
	overflow:hidden;
}
.box-tell-a-friend h1 {
    text-align: center;
    padding-bottom: 10px;
}
.poromo_box_are{
	overflow:hidden;
}

.request-a-quotation {
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    border: 1px solid #cccccc;
	background-color:#E1E1E1;
	overflow:hidden;
}

.promo-box {
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    border: 0px solid #cccccc;
	overflow:hidden;
}
.promo-box a{
	text-decoration:none;
}
.promo-box a:hover{
    color: #E64A19;
}
.breadcump_area {
    overflow: hidden;
}
.breadcump {
    float: left;
    display: inline-block;
}
.tell_friend {
    float: right;
    display: inline-block;
}
.top_add{
	padding:10px;
}
.add_title{
	text-align:center;
}

.add_title a{
text-decoration:none;
color:#E64A19;
}

.add_title a:hover{
color:#000000;
}
.paginate_area{
	margin-bottom:15px;
}
.pagination{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.top_title {
    text-align: center;
}

.more{
	cursor:pointer;
	text-decoration:none!important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:red;
}
.more_bold{
	font-weight: bold;
}
.more_italic{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
	font-style: italic;
}

.more_italic  a{
	text-decoration: underline!important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
	font-style: italic;
}


.more_italic-maroon{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #990000;
    line-height: 20px;
	font-style: italic;
}

 .more_italic-maroon  a{
	text-decoration: underline!important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
	color:#990000;
}


.top_title a{
	text-decoration: none;
}
.topcontent {
    padding-bottom: 10px;
    padding-top: 5px;
}

.topcontent a{
text-decoration:none;
}

.btmcontent {
    padding-top: 15px;
    padding-bottom: 15px;
}
.slide_img {
    position: relative;
    width: 80%;
    margin: auto;
    text-align: center;
}

.slide_img_nl {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center;
}

.slide_desc {
    text-align: center;
}
.previous {
    position: absolute;
    top: 48%;
    left: 0;
}
.next {
    position: absolute;
    top: 48%;
    right: 0;
}
.post_date {
    text-align: left;
    font-style: italic;
}
.small_arrow_area {
    text-align: center;
}
.arrows {
    overflow: hidden
}
.arrow_previous {
    vertical-align: middle;
    display: inline-block;
    margin-top: -50px;
}
.arrow_next {
    vertical-align: middle;
    display: inline-block;
    margin-top: -50px;
}
.adds {
    padding: 10px;
}
.gallery_area {
    overflow: hidden;
    border: 1px dotted #ddd;
    padding: 10px;
}
.head_gallery {
    text-align: center;
    padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.gallery_row {
    overflow: hidden;
}
.single_gallery {
    width: 16%;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    line-height: 14px;
    font-style: normal;
    text-align: center;
    margin: 2px;
}
.single_gallery a{
	text-decoration:none;
}
.terms_content {
    padding: 15px 0px;
    width: 100%;
    overflow: hidden;
}
.back {
    text-align: center;
    display: block;
}
.back img {
    height: 35px;
}



/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 10px;
	right:10px;
	z-index:9999;
}
#back-top a {
	width: 40px;
	display: block;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background:url(../../../../images/arrow55.png) no-repeat center center;

	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}







/* Media Queries
--------------------------------------------- */

@media all and (max-width: 768px) {
    header {
        text-align: center;
    }
    #content {
        width: 94%;
		border:none;
    }
    #sidebar {
        width: 94%;
        padding: 3%;
        border-top: 3px solid #868364;
    }
	
	
}
/*
@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}
*/
/*New custom css for menu*/

.logo {
    float: left;
	max-width:421px;
}
.logo img {
    max-height: 210px;
}
.megamenu {
    margin: 0 0 0 0;
}
.megamenu > li.grid .megapanel .row [class*="col"] {
    background: #ccc !important;
}
.megamenu h4 {
    margin-top: 0;
}
.list-items {
    margin: 0;
    padding: 0 10px!important;
    list-style: none;
    overflow: hidden;
    border-left: 1px solid #000;
}
.no_border {
    border-left: 0px solid #000;
}
.list-items li {
    display: block;
    float: none;
    width: 100%
}
.list-items li a {
    display: block;
    color: #000!important;
    padding: 5px;
    text-decoration: none
}
.list-items li a:hover {
    color: #E14422!important;
}
.megamenu .adress {} .megamenu .adress label {
    float: left;
    width: 100%;
    margin-bottom: 2px;
}
.megamenu {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    display: inline-block;
    position: relative;
    font-family: Calibri, Arial;
    font-size: 16px;
    z-index: 999;
}
.megamenu li {
    float: left;
    display: inline;
    position: relative;
}
.megamenu>li>a {
    float: left;
    padding: 20px 12px 20px 12px;
    color: #555;
    font-weight: 200;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .4s ease-in-out;
    -moz-transition: color .4s ease-in-out;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out
}
.megamenu>li:hover>a,
.megamenu>li.active>a {
    background: #dbdbdb
}
.megamenu>li.right {
    float: right
}
.megamenu .dropdown,
.megamenu .dropdown li .dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 999;
    width: 160px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    background: #fff
}
.megamenu .dropdown {
    top: 59px
}
.megamenu .dropdown li .dropdown {
    left: 160px;
    top: inherit
}
.megamenu .dropdown li {
    clear: both;
    width: 100%;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.megamenu .dropdown li:last-child {
    border-bottom: 0
}
.megamenu .dropdown li a {
    float: left;
    width: 100%;
    padding: 10px 25px;
    text-decoration: none;
    display: block;
    border: 0 none;
    font-size: 14px;
    color: #444;
    background: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: color .4s ease-in-out;
    -moz-transition: color .4s ease-in-out;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out
}
.megamenu .dropdown li:hover>a {
    background: #dbdbdb
}
.megamenu>li>.megapanel {
    position: absolute;
    display: none;
    background: #edeade;
    width: 750px;
    top: 56px;
    left: -1px;
    z-index: 99;
    padding: 20px 30px 20px;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.megamenu .megapanel ul {
    margin: 0;
    padding: 0
}
.megamenu .megapanel img {
    width: 100%;
    border: solid 1px #dedede;
    cursor: pointer;
    -webkit-transition: border .3s linear;
    -moz-transition: border .3s linear;
    -o-transition: border .3s linear;
    transition: border .3s linear
}
.megamenu .megapanel img:hover {
    border: solid 1px #777
}
.megamenu form.contact input,
.megamenu form.contact textarea {
    font-family: Calibri, Arial;
    font-size: 16px;
    color: #444;
    outline: 0
}
.megamenu form.contact input[type="text"],
.megamenu form.contact textarea {
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 10px;
    border: solid 1px #dedede;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .3s linear;
    -moz-transition: border .3s linear;
    -o-transition: border .3s linear;
    transition: border .3s linear
}
.megamenu form.contact input[type="text"] {
    height: 40px
}
.megamenu form.contact input[type="text"]:focus,
.megamenu form.contact textarea:focus {
    border: solid 1px #999
}
.megamenu form.contact input[type="submit"] {
    width: 100px;
    height: 35px;
    border: 0;
    color: #fff;
    cursor: pointer;
    background: #999
}
.megapanel .row {
    width: 100%;
    margin-top: 15px
}
.megapanel .row:first-child {
    margin-top: 0
}
.megapanel .row:before,
.megapanel .row:after {
    display: table;
    content: "";
    line-height: 0
}
.megapanel .row:after {
    clear: both
}
.megapanel .row .col1,
.megapanel .row .col2,
.megapanel .row .col3,
.megapanel .row .col4,
.megapanel .row .col5,
.megapanel .row .col6 {
    display: block;
    width: 100%;
    min-height: 20px;
    float: left;
    margin-left: 2.127659574468085%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.megapanel .row [class*="col"]:first-child {
    margin-left: 0
}
.megapanel .row .col1 {
    width: 14.893617021276595%
}
.megapanel .row .col2 {
    width: 31.914893617021278%
}
.megapanel .row .col3 {
    width: 48.93617021276595%
}
.megapanel .row .col4 {
    width: 65.95744680851064%
}
.megapanel .row .col5 {
    width: 82.97872340425532%
}
.megapanel .row .col6 {
    width: 100%
}
.megamenu>li.showhide {
    display: none;
    width: 100%;
    height: 50px;
    cursor: pointer;
    color: #555;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    background: #eee;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eee 0, #dbdbdb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #dbdbdb));
    background: -webkit-linear-gradient(top, #eee 0, #dbdbdb 100%);
    background: -o-linear-gradient(top, #eee 0, #dbdbdb 100%);
    background: -ms-linear-gradient(top, #eee 0, #dbdbdb 100%);
    background: linear-gradient(to bottom, #eee 0, #dbdbdb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dbdbdb', GradientType=0)
}
.megamenu>li.showhide span.title {
    margin: 15px 0 0 25px;
    float: left
}
.megamenu>li.showhide span.icon1:after {
    position: absolute;
    content: "";
    right: 25px;
    top: 15px;
    height: 3px;
    width: 25px;
    font-size: 50px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    z-index: 1
}
.megamenu>li.showhide span.icon2:after {
    position: absolute;
    content: "";
    right: 25px;
    top: 27px;
    height: 3px;
    width: 25px;
    font-size: 50px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    z-index: 1
}
.skyblue,
.skyblue>li.showhide {
    background: #005e90;
}
.skyblue li>a,
.skyblue>li.showhide span {
    color: #3d2f31
}
.skyblue>li:hover>a,
.skyblue>li.active>a,
.skyblue .dropdown li:hover>a {
    color: #3d2f31;
    background: #a5a081
}
.skyblue .megapanel img:hover,
.skyblue form.contact input[type="text"]:focus,
.skyblue form.contact textarea:focus {
    border: solid 1px #0194be
}
.skyblue form.contact input[type="submit"] {
    background: #0194be
}
@media(max-width:768px) {
    .logo img {
        position: absolute;
        top: 0;
        max-height: 45px;
    }
    .list-items{
    	border:none;
    }
    .megamenu>li {
        display: block;
        width: 100%;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .megamenu>li:hover,
    .megamenu>li.active {
        border-top: 0
    }
    .megamenu>li>a {
        padding: 15px 25px
    }
    .megamenu>li:hover>a,
    .megamenu>li.active>a {
        padding: 15px 25px
    }
    .megamenu a {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .megamenu .dropdown,
    .megamenu .dropdown li .dropdown {
        width: 100%;
        display: none;
        left: 0;
        border-left: 0;
        position: static;
        border: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .megamenu .dropdown li {
        background: #fff!important;
        border: 0
    }
    .megamenu .dropdown>li>a {
        padding-left: 40px!important
    }
    .megamenu>li>.megapanel {
        position: static;
        margin-top: 50px
    }
    .megapanel .row [class*="col"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .megapanel .row:first-child [class*="col"]:first-child {
        margin-top: 0
    }
    .megapanel .row {
        margin-top: 0
    }
    .black {
        background: #222
    }
	
	
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    
    .logo img {
        position: absolute;
        top: 0;
        max-height: 45px;
    }
    .megamenu>li {
        display: block;
        width: 100%;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box

    }
    .megamenu>li:hover,
    .megamenu>li.active {
        border-top: 0
    }
    .megamenu>li>a {
        padding: 15px 25px
    }
    .megamenu>li:hover>a,
    .megamenu>li.active>a {
        padding: 15px 25px
    }
    .megamenu a {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .megamenu .dropdown,
    .megamenu .dropdown li .dropdown {
        width: 100%;
        display: none;
        left: 0;
        border-left: 0;
        position: static;
        border: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .megamenu .dropdown li {
        background: #fff!important;
        border: 0
    }
    .megamenu .dropdown>li>a {
        padding-left: 40px!important
    }
    .megamenu>li>.megapanel {
        position: static;
        margin-top: 50px
    }
    .megapanel .row [class*="col"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .megapanel .row:first-child [class*="col"]:first-child {
        margin-top: 0
    }
    .megapanel .row {
        margin-top: 0
    }
    .black {
        background: #222
    }
	
}
/* Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    
    .logo img {
        position: absolute;
        top: 0;
        max-height: 45px;
    }
    .megamenu>li {
        display: block;
        width: 100%;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .megamenu>li:hover,
    .megamenu>li.active {
        border-top: 0
    }
    .megamenu>li>a {
        padding: 15px 25px
    }
    .megamenu>li:hover>a,
    .megamenu>li.active>a {
        padding: 15px 25px
    }
    .megamenu a {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .megamenu .dropdown,
    .megamenu .dropdown li .dropdown {
        width: 100%;
        display: none;
        left: 0;
        border-left: 0;
        position: static;
        border: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .megamenu .dropdown li {
        background: #fff!important;
        border: 0
    }
    .megamenu .dropdown>li>a {
        padding-left: 40px!important
    }
    .megamenu>li>.megapanel {
        position: static;
        margin-top: 50px
    }
    .megapanel .row [class*="col"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .megapanel .row:first-child [class*="col"]:first-child {
        margin-top: 0
    }
    .megapanel .row {
        margin-top: 0
    }
    .black {
        background: #222
    }
	
}