/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .col	                                    { position: relative; width: 970px; margin: 0 auto; padding: 0 5px 0 0; }
	.container                                  {
	position: relative;
	width: 960px;
	padding: 10px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	.main										{	background-color: rgba(255,255,255);	background-color: rgba(255,255,255,.6 );	-webkit-border-radius: 5px;	border-radius: 5px;	margin-top: 0.5em;}
    .container .column,
	.container .columns                         {max-width:960px; float: left; display: inline; margin-right: 10px; margin-left: 10px;}
 	.menu-main-container                        {max-width:960px; float: right; display: inline; margin-right: 10px; margin-left: 10px;}

    .col .columns            	                {float: left; display: inline; margin-right: 10px; margin-left: 10px;}	
    .row                                        {margin-bottom: 5px;}


    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
    .column.beta, .columns.beta                 { margin-right: 19px; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
	.col	   .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width:580px;}
	.container .ten			                    { width:580px;}
    .container .eleven.columns                  { width: 640px; max-width:640px;}
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 420px; max-width:500px;}
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

     .content, .column, .columns {
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
	.hotline {float: right;  width:480px;}
	.footable { width:90%; max-width:960px;}
	table {}
	table:before {content: class="footable"}
	
	/*.th {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font-size: 0.8em;
	font-weight: bold;
	color: #390;
		}*/
	#sidebar {width: 340px; float: right; margin-top: 2em; border-left: 1px, dotted, #999; margin-right: 10px; margin-left: 10px;}
	#sidebar ul {list-style-type: none; list-style-position: inside;}
	small {	margin-top: 0px; font-weight: normal; display: inline;}
	.slide-title{top:-190px;}		

	
/*	#main-menu-1 ul {
	list-style: none;
	background: #1c1c1c;
	padding: 5px 0;
}

#main-menu li a {
	display: block;
	padding: 0 20px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	letter-spacing: 0.1em;
	line-height: 2em;
	height: 2em;
	border-bottom: 1px solid #383838;
}

#main-menu li:last-child a {
	border-bottom: none;
}

#main-menu li a:hover,
#main-menu li a:focus {
	color: #1c1c1c;
	background: #ccc;
}
*/

	
/**/
.menu-main-container {
	position: relative;
	float: right;
	z-index: 99;
	padding-top: 20%;
}
#menu-main-1{
	font-family: 'Scada', sans-serif;
	clear:both;
	margin-top: 30px;
	margin-left: auto;
	margin-bottom: 0;
	-webkit-border-radius: 5px 5px 0px 0px;	
	border-radius: 5px 5px 0px 0px;
}
	#menu-main-1,#menu-main-1 ul{
	display:block;list-style-type:none;margin:0;padding:0;
	}
#menu-main-1 li{
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 7px 0 0 0 0;
	position: relative;
	z-index: 5;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
	#menu-main-1 li#active{
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	z-index:5;
	-webkit-border-radius: 5px 5px 0px 0px;	
	border-radius: 5px 5px 0px 0px;
	background: rgb(19,97,136); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTM2MTg4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjMTA3NGExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzNjE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, rgb(19,97,136) 0%, rgb(16,116,161) 46%, rgb(19,97,136) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(19,97,136)), color-stop(46%,rgb(16,116,161)), color-stop(100%,rgb(19,97,136))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgb(19,97,136) 0%,rgb(16,116,161) 46%,rgb(19,97,136) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgb(19,97,136) 0%,rgb(16,116,161) 46%,rgb(19,97,136) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgb(19,97,136) 0%,rgb(16,116,161) 46%,rgb(19,97,136) 100%); /* IE10+ */
background: linear-gradient(135deg, rgb(19,97,136) 0%,rgb(16,116,161) 46%,rgb(19,97,136) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136188', endColorstr='#136188',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	}
	
	#menu-main-1 li#active a {
		color:#F9F900;
	}

	#menu-main-1 li:hover{
	white-space:normal;z-index:10000;
	}
	#menu-main-1 li li{
	float:none;
	}
	#menu-main-1 ul{
	left:0;position:absolute;top:0;visibility:hidden;z-index:10;
	}
	#menu-main-1 li:hover>ul{
	top:100%;visibility:visible;
		animation-name: swingdown;
		animation-duration: 0.5s;
		animation-timing-function: ease;
		}
	@keyframes swingdown {
		0% {
			opacity: .99999;
			transform: rotateX(90deg);
		}

		50% {			
			transform: rotateX(-20deg) rotateY(5deg);
			animation-timing-function: ease-in-out;
		}

		100% {
			transform: rotateX(0);
			animation-timing-function: ease-in-out;
		}
	}
	#menu-main-1 li li:hover>ul{
	left:100%;top:0;
	}
	#menu-main-1:after,#menu-main-1 ul:after{
		clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;
	}
	#menu-main-1,#menu-main-1 ul{
	min-height:0;
	}
	#menu-main-1 ul{
	margin:-10px 0 0 -30px;padding:10px 30px 30px;
	}
	#menu-main-1 ul ul{
	margin:-30px 0 0 -10px;padding:30px 30px 30px 10px;
	}
	#menu-main-1 ul li a:hover,.menu li li a:hover{
	color:#FF0;
	text-decoration:none;
	background-color: #8EE61A;
	}
	#menu-main-1 ul{
	min-width:15em;width:auto;
	}
	#menu-main-1 a{
	font-family: 'Scada', sans-serif;
	color:#bbb;
	display:block;
	font-size:13px;
	font-weight:700;
	height:35px;
	line-height:35px;
	margin:0;
	padding:0 0.9em;
	position:relative;

	transition: all .25s ease-in-out;
	}
	#menu-main-1 a:hover{
	background-color:#808080;background-image:-webkit-gradient(linear,left top,left bottom,from(#808080),to(#363636));background-image:-webkit-linear-gradient(top,#808080,#363636);background-image:-moz-linear-gradient(top,#808080,#363636);background-image:-ms-linear-gradient(top,#808080,#363636);background-image:-o-linear-gradient(top,#808080,#363636);background-image:linear-gradient(top,#808080,#363636);color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080,endColorstr=#363636);
	-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;
	}
	#menu-main-1 .current_page_item a{
	background-color:#343434;
	-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;transition: all .25s ease-in-out;
	}
	.home #menu-main-1 .current_page_item a{
	background-color:transparent; 
	}
	#menu-main-1 li li{
	background:#68a02c;
	background-image:none;
	color:#444;
	filter:none;
	width:auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #60934A;
	border-right-color: #60934A;
	border-bottom-color: #60934A;
	border-left-color: #60934A;
	}
	#menu-main-1 li li a{
	background:transparent!important;
	border:none;
	color:#f9f900;
	font-size:12px;
	font-weight:400;
	height:auto;
	height:20px;
	line-height:20px;
	padding:5px 10px;
	text-shadow:none;
	white-space:nowrap;
transition: all .25s ease-in-out;
	}
	#menu-main-1 li li a:hover{
	background-image:none;
	border:none;
	color:#444;
	filter:none;
	background-color: #72B715;
	}
	#menu-main-1 ul>li + li{
	border-top:0;
	}
	#menu-main-1 li li:hover>ul{
	left:100%;top:0;
	}
	#menu-main-1>li:first-child>a{
	border-left:none;}
	/**/.ie7 #menu-main-1 ul{
		background:url(../images/ie7-fix.gif) repeat;
	}
	/**/
	.tinynav{
	display:none
	}







/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .col	                                    { width: 768px; }
		.container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
		.container .ten			                    { width: 460px;}
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
		.footable 									{ max-width:720px;}
		body .background { display:none;}
		.hotline {float: right;  width:500px;}
		.feature {	display: none;	}


        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
		body .background { display:none;}
		.hotline {float: right;  width:480px;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .col { width: 300px; }
		.container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
		.container .ten,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
		.social-media { width: 300px; }
		.clearfix { *zoom: 1;}
		.hotline {float: none; width:300px;}
		body .background { display:none;}
		.slide-title {display: none;}
		.slideimg  {display: none;}




.menu-main-container {
	/* Size & position */
	position: relative;
	width: 250px;
 top:150px;
	margin: 0 auto;
	padding: 0px 15px;
	font-family: 'Scada', sans-serif;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	cursor: pointer;
	outline: none;
	transition: all 0.3s ease-out;
	background-color: #336699;
}
 
.menu-main-container:before {
	content:"Menu";}
.menu-main-container:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 30%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #4cbeff transparent;
}
.menu-main-container #menu-main {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
 
    /* Styles */
    background: #68a02c;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    transition: all 0.3s ease-out;
 
    /* Hiding */
    max-height: 0;
    overflow: hidden;
}
.menu-main-container #menu-main li {
    padding: 0 10px ;
}
 
.menu-main-container #menu-main li a {
    display: block;
    text-decoration: none;
    color: #f9f900;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}
 
.menu-main-container #menu-main li:last-of-type a {
    border: none;
}
 
.menu-main-container #menu-main li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}
 
/* Hover state */
 
.menu-main-container #menu-main li:hover a {
    color: #57a9d9;
}
/* Active state */
 
.menu-main-container.active {
    border-radius: 5px 5px 0 0;
    background: #4cbeff;
    box-shadow: none;
    border-bottom: none;
    color: white;
}
 
.menu-main-container.active:after {
    border-color: #82d1ff transparent;
}
 
.menu-main-container.active #menu-main {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}

.feature {
	display: none;
	}



        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
		.jd {display:none;}
		#sidebar {display: none;}
		#menu-footer {display: none;}
		nav small {display: none;}

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .col { width: 420px; }
		.container { width: 420px;  }
        .container .columns,
        .container .column { margin: 0; padding-top:150px;}

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
		.container .ten,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 440px; }
		body .background { display:none;}
		.hotline {float: none; width:300px;}
		.jd {display:none;}
		#sidebar {display: none;}
		#menu-footer {display: none;}
		nav small {display: none;}
		.slide-title {display: none;}
		.slideimg {display: none;}
		.feature {display: none;}
		.menu-main-container {
			content:"Menu";
    /* Size & position */
    position: relative;
    width: 250px;
    margin: 0 auto;
    padding: 12px 15px;
    top:150px;


    /* Styles */
    background: #68a02c;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-out;
}
 
.menu-main-container:before {
	content:"Menu";}
.menu-main-container:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #4cbeff transparent;
}

.menu-main-container #menu-main:before {
	content:"Menu";}
.menu-main-container #menu-main {
	/* Size & position */
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	border-radius: 0 0 5px 5px;
	border: 1px solid rgba(0,0,0,0.2);
	border-top: none;
	border-bottom: none;
	list-style: none;
	transition: all 0.3s ease-out;
	/* Hiding */
	max-height: 0;
	overflow: hidden;
	background-color: #136188;
}
.menu-main-container #menu-main li {
    padding: 0 10px ;
}
 
.menu-main-container #menu-main li a {
    display: block;
    text-decoration: none;
    color: #f9f900;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}
 
.menu-main-container #menu-main li:last-of-type a {
    border: none;
}
 
.menu-main-container #menu-main li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}
 
/* Hover state */
 
.menu-main-container #menu-main li:hover a {
    color: #57a9d9;
}
/* Active state */
 
.menu-main-container.active {
    border-radius: 5px 5px 0 0;
    background: #4cbeff;
    box-shadow: none;
    border-bottom: none;
    color: white;
}
 
.menu-main-container.active:after {
    border-color: #82d1ff transparent;
}
 
.menu-main-container.active #menu-main {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}
		
	
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */

	.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
breakpoints: {
  phone: 480,
  tablet: 1024
}