/*jquery overrides*/
.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    background-color: #ec008c;
    border-color: #ec008c;
    color: fff;
    text-shadow: 0px 1px 0px #EEE;
    font-weight: 700;

}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    font-weight: 400;
}


.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    color: #fff;
    font-weight: 400;
}


.ui-header, .ui-footer {
    border-width: 0px 0px;
    border-style: none;

}

body {
    font: 700 16px/16px 'Arimo', sans-serif;
    color:#808284;
    text-shadow:none;
}


header {min-height:65px;}

.ui-header .ui-btn-right {margin:10px;}

.ui-header .ui-btn-left {
    margin:10px;
    margin-top:0;
}

header h1 {
    padding:0;
    margin:0;
    font: 700 10px/10px 'Arimo', sans-serif;
    text-transform: uppercase;
    text-shadow: none;
    color:#fff;
    position: relative;
    top: 31px;
    left:90px;
}
/*
header a {
    color: #fff;
    text-shadow: none;
    font-family: 'Arimo', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}*/

/*footer {
    height:20px;
}*/

footer p {
    color: #fff;
    text-shadow: none;
    font: 700 12px/12px 'Arimo', sans-serif;
    text-transform: uppercase;
}


/*Panel Grids*/
.pan-one,
.pan-two,
.pan-three,
.pan-four,
.pan-five,
.pan-six,
.pan-seven,
.pan-eight{
    text-align:center;
    margin:15px 0 5px 0;
}

.pan-seven,
.pan-eight {
    margin-bottom: 15px;
}

.pan-one a,
.pan-two a,
.pan-three a,
.pan-four a,
.pan-five a,
.pan-six a,
.pan-seven a,
.pan-eight a        {
    font: 400 .75rem/1.2 'Open Sans', sans-serif;
    color:#808284;
    text-decoration: none;

}
.pan-one a img,
.pan-two a img,
.pan-three a img,
.pan-four a img,
.pan-five a img,
.pan-six a img,
.pan-seven a img,
.pan-eight a img{
	width:50%;
	height:auto;
    display:block;
    margin: 0 auto;
    margin-bottom:5px;
}

/*panels*/

/*Panel navigation*/

.swipe{
    position: absolute;
    top: 235px;
    left: 92%;
}

.panel-navigation{text-align: center;}

.left {float:left;}

.right{float:right;}

a.btn-close {
    font: 300 20px 'Open Sans', sans-serif;
    color:#fff;
    padding:0 25px 0 25px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration:none;
}

.panel-navigation hr {
    color:#fff;
    color:rgba(255,255,255, 0.4);
    border-style: solid;
}


/*Panel Heading*/
.panelHeader {margin: 10px 0 30px 0;}

.panelHeader h1{
   margin:0;
   font: 300 20px/20px 'Open Sans', sans-serif;
   text-transform: uppercase;
   color:#fff;
   display: inline;
   position: relative;
   top: 13px;
   left: 0;
}

.panelHeader img {float:right;}

.panels .panel-subheader {font: 700 14px/16px 'Arimo', sans-serif; }

.panels p, a, li  {
    font: 400 14px/16px 'Arimo', sans-serif;  
    color: #fff;
}

.panels ul {
        list-style-position: outside;
        padding-left:12px;
}

/*Panel grouping*/
.panel-grouping {
    display:block;
    width:225px;
    margin-bottom:20px;
}

.panel-grouping  .panel-header {
    font: 700 14px/16px 'Arimo', sans-serif;
    text-transform:uppercase;
}
.panel-header span { text-transform:none; font-weight:normal;}



.panel-grouping .panel-info p {
   font: 400 28px/34px "Arimo",sans-serif;
    margin-top:0;
}

.icon-list {
    display: inline-block;
    margin-top:-5px;
}

.icon-list img:first-child {margin-right:15px;}


/*panel background colors*/
#panelOne{background-color: #00aeef;}
#panelTwo{background-color: #ef3e42;}
#panelThree{background-color: #fbb034;}
#panelFour{background-color: #ffd200;}
#panelFive{background-color: #439539;}
#panelSix{background-color: #00aeef;}
#panelSeven{background-color: #333092;}
#panelEight{background-color: #ec008c;}
#panelNine{background-color: #ef3e42;}
#panelTen{background-color: #fbb034;}
#panelEleven{background-color: #ffd200;}
#panelTwelve{background-color: #439539;}
#panelThirteen{background-color: #00aeef;}
#panelFourteen{background-color: #333092;}

#panelNav {background-color: #b3b3b3;}
#panelInfo {background-color: #b3b3b3;}


.ui-content {
    border-width: 0px;
    overflow-y: visible;
    overflow-x: hidden;
    padding: 0em;
}


/*side panels*/

/*Nav Panel*/


#panelNav .ui-panel-inner  a{
    text-decoration: none;
}

ul.nav-primary {
    list-style-type: none;
    display:block;
    margin:0;
    padding:0;
}

ul.nav-primary a {
    display: inline-block;
    font: 300 20px 'Open Sans', sans-serif;
    color:#fff;
    margin:10px 0 10px 0;
    text-decoration:none;
}

.gear {
    position: absolute;
    top:350px;
    left: -28px;
    z-index: 1000;
}

/*tablet(portrait and landscape)-----*/
@media only screen and (min-device-width:768px) and (max-device-width: 1024px) {

    .pan-one a, .pan-two a, .pan-three a, .pan-four a, .pan-five a, .pan-six a, .pan-seven a, .pan-eight a {
    font-size:1.25em;
    }
}