=================================================
## Responsive Style
=================================================
*/
/*
Base: 7765626b69640d0a
version:1

*/
.site-ui {  background: #262728; border-bottom:2px solid #fff; padding:5px 0; }
#site-ui { background:#8ebec5; border-bottom:2px solid #fff; padding:5px 0; }
.site-ui .fa { font-size:24px; color:#fff;}
.site-ui .nav-control { float:right;}
.mobile-nav { width:280px; background:#f9a71b; border-radius:0 0 5px 5px; overflow:hidden; max-height:300px; overflow:auto; position:absolute; right:0; top:100%; margin-top:5px; display:none;}
.mobile-nav ul { margin:0; padding:0; list-style:none;}
.mobile-nav li { margin:0; padding:0; font-size:14px; font-family:'ProximaNova'; font-weight:600; border-top:1px solid #f7d294;}
.mobile-nav li:first-child { border-top:0px;}
.mobile-nav  a { display:block; padding:5px 10px; display:block; color:#fff;}
.mobile-nav  a:hover { background:#ebebeb; color:#1492a1;}
.mobile-nav li li a:before { content:'-- '}



.mobile, .ipad , .hidden-on-desktop{ display:none;}
.hidden-on-mobile, .hidden-on-ipad, .hidden-on-desktop {} 
.desktop { display:block;}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
/*
## 960 Grid System Modified
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_12
{
    margin-left: auto;
    margin-right: auto;
    width: 738px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
 padding-left: 1.56250%;padding-right: 1.56250%;}



/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.grid_1 {width: 5.20833%;}
.grid_2 {width: 13.5417%;}
.grid_3 {width: 21.8750%;}
.grid_4 {width: 30.2083%;}
.grid_5 {width: 38.5417%;}
.grid_6 {width: 46.8750%;}
.grid_7 {width: 55.2083%;}
.grid_8 {width: 63.5417%;}
.grid_9 {width: 71.8750%;}
.grid_10 {width: 80.2083%;}
.grid_11 {width: 88.5417%;}
.grid_12 {width: 96.8750%;}
.alpha { padding-left:0;}
.omega { padding-right:0;}


.desktop, .mobile, .hidden-on-ipad { display:none;}
.ipad, .hidden-on-desktop, .hidden-on-mobile { display:block;}
img { max-width:100%; height:auto;}
.base-width { max-width:748px; width:748px; }

/*Header*/
.top-tight { width:40%;}
.home-template .part-1 { padding-top:20px;}


/*Content Layout*/
.alert_form h3 { font-size:19px; line-height:24px;}
.slide_show {}
.service .block { margin-left:22px;}
.connect .user-icon { margin-bottom:3px;}

/*Footer*/



}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
    /* Styles */
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen  
and (max-width : 767px) {
/*
## 960 Grid System Modified
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_12
{
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width:450px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    padding-left: 15px;padding-right: 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .alpha { padding-left:0;}
    .omega { padding-right:0;}      

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.grid_1 {width: 5.20833%;}
.grid_2 {width: 13.5417%;}
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
{width: 100%;}

body { min-width:320px;}    
.desktop, .ipad, .hidden-on-mobile { display:none;}
.mobile, .hidden-on-desktop { display:block;}
img { max-width:100%; height:auto;}
.base-width { max-width:480px; width:auto; padding:0 15px;}

/*Header*/
.main-header .part-1 .base-width  { padding:0;}
.main-header .part-1 .base { padding:5px 10px; text-align:center; background-position:center bottom;}
.logo { width:100%;}
.logo img { width:50%;}
.top-tight { width:70%; display:inline-table; float:none;}
.home-template .part-1 { padding-top:20px;}
.sign-in-with { font-size:14px; background:rgba(255,255,255,0.7); padding:5px; border-radius:5px;}


/*Content Layout*/
.alert_form h3 { font-size:19px; line-height:24px;}
.slide_show { width:100%; height: auto;}
.service .block { margin-left:0; margin-top:10px; width:100%; text-align:center; max-height:150px; overflow:hidden; background:#c1cece;}
.connect .user-icon { margin-bottom:3px;}
.alert_form { width:100%; margin-top:10px;}
.home-excerpt, .download-list { width:100%;}
.download-list { margin-top:10px;}
.about .image{ width:50%;}
.about h2 { font-size:18px; line-height:120%; margin:10px 0 0;}


/*Footer*/
.map { display:none;}
.bottom-right { width:100%; padding-left:0;}

.alert_form{ height: auto;}


}

/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 380px) {
    .signup2 input[type="email"] { width:100%;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    /* Styles */
}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-pixel-ratio : 1.5),
only screen and (min-pixel-ratio : 1.5) {
    /* Styles */
}