/*

      Index
    ------------------------
    
    - Styles
        - InsertTitleHere
    
    - Tablet 770px
    - Mobile 480px

*/





/*  Fonts
========================================================================== */





/*  Fixes
========================================================================== */





/*  Helper classes
========================================================================== */





/*  Styles
========================================================================== */



/*  Carousel
-------------------------------------------------------------------------- */
main { padding: 0; }
.cover-background { background:#11547d url("../img/404-page-bg.jpg") no-repeat center top;  -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;filter: none; }
.lt-ie9 .cover-background { margin:-20px 0 0; background-position:center -300px;}

article.article-404-error,.lt-ie9 article.article-404-error { background:none!important; padding:7% 5% 25%; border:0; }

.message-404-error { display:block; width:360px; height:412px; margin:0 auto; background:url("../img/404-message-bg.png") 0 0 no-repeat ;}
.message-404-error p { color:#fff; padding:16px; font-size:2.2em; line-height:1.4 }
.boat-404-error { display:block; width:109px; height:70px; margin:30px auto 50px; background:url("../img/404-boat.png") 0 0 no-repeat ;}

/* Compass animation */
#compass { width: 200px; height: 150px; margin: 0 auto; position: relative; background:url("../img/compass.png") center 0 no-repeat; }
#pointer { width: 200px; height: 200px; margin: 0 auto; position: relative;	background:url("../img/needle.png") center center no-repeat; animation: rotate 5s cubic-bezier(1,.2,.5,1) infinite alternate; -webkit-animation: rotate 5s cubic-bezier(1,.2,.5,1) infinite alternate;}

@-moz-keyframes rotate { 0% {-moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }

.OceanLogo a { display: block; height: 38px;  margin: 10px auto; width: 132px; background: url("../img/sprites.png") no-repeat scroll -3px -117px / 300px 600px rgba(0, 0, 0, 0); }
.lt-ie9 .OceanLogo a { background: url("../img/sprites-desktop.png") no-repeat -3px -117px ; }

/* Site map */
ul.sitemap-404-error { display:block; margin:0 auto; text-align:center }
ul.sitemap-404-error li { display:inline-block; border-top:1px solid #fff; margin:0 -3px; padding:5px 3% }
.lt-ie8 ul.sitemap-404-error li { display:inline }
ul.sitemap-404-error li.first { padding:5px 30px 5px 0; }
ul.sitemap-404-error li.last { padding:5px 0 5px 30px; }
ul.sitemap-404-error li a{ color:#fff; text-decoration:none; font-size:1.2em }

/*  Articles
-------------------------------------------------------------------------- */



/* -------------------------------------------------------------
End Articles  */


/* Mis
-------------------------------------------------------------------------- */




/*
==========================================================================


     _____       _      _        _        ______ ______ _____             
    |_   _|     | |    | |      | |      |___  /|___  /|  _  |            
      | |  __ _ | |__  | |  ___ | |_        / /    / / | |/' | _ __ __  __
      | | / _` || '_ \ | | / _ \| __|      / /    / /  |  /| || '_ \\ \/ /
      | || (_| || |_) || ||  __/| |_     ./ /   ./ /   \ |_/ /| |_) |>  < 
      \_/ \__,_||_.__/ |_| \___| \__|    \_/    \_/     \___/ | .__//_/\_\
                                                              | |         
                                                              |_|         

========================================================================== */



@media only screen and (max-width: 770px) 
{ 



ul.sitemap-404-error li { padding:5px 3%!important }

/*  Articles
-------------------------------------------------------------------------- */



}
/* End Tablet 770px */





/*
==========================================================================


    ___  ___        _      _  _              ___  _____  _____             
    |  \/  |       | |    (_)| |            /   ||  _  ||  _  |            
    | .  . |  ___  | |__   _ | |  ___      / /| | \ V / | |/' | _ __ __  __
    | |\/| | / _ \ | '_ \ | || | / _ \    / /_| | / _ \ |  /| || '_ \\ \/ /
    | |  | || (_) || |_) || || ||  __/    \___  || |_| |\ |_/ /| |_) |>  < 
    \_|  |_/ \___/ |_.__/ |_||_| \___|        |_/\_____/ \___/ | .__//_/\_\
                                                               | |         
                                                               |_|         

========================================================================== */



@media only screen and (max-width: 600px) 
{

.message-404-error { width:260px; height:300px; background-size:260px;}
.message-404-error p { padding:0 20px 20px; font-size:1.4em; }
.boat-404-error {margin:20px auto 10px;}

/* Compass animation */
#compass { height: 140px; background-position:center -15px; }
#pointer { margin: -15px auto 0; }

/* Site map */
ul.sitemap-404-error li { margin:0; display:block; padding:5px 0!important; }
ul.sitemap-404-error li.last { border-bottom:1px solid #fff; }



/*  Articles
-------------------------------------------------------------------------- */





}




/* End Mobile 480px */