@font-face {
    font-family: 'gooddog_coolregular';
    src: url('../fonts/gooddc__.eot');
    src: url('../fonts/gooddc__.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gooddc__.woff2') format('woff2'),
         url('../fonts/gooddc__.woff') format('woff'),
         url('../fonts/gooddc__.ttf') format('truetype'),
         url('../fonts/gooddc__.svg#gooddog_coolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'gooddogregular';
    src: url('../fonts/gooddog.eot');
    src: url('../fonts/gooddog.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gooddog.woff2') format('woff2'),
         url('../fonts/gooddog.woff') format('woff'),
         url('../fonts/gooddog.ttf') format('truetype'),
         url('../fonts/gooddog.svg#gooddogregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'KozGoPr6N-Regular-AlphaNum';
    src: url('../fonts/KozGoPr6N-Regular-AlphaNum.eot');
    src: url('../fonts/KozGoPr6N-Regular-AlphaNum.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KozGoPr6N-Regular-AlphaNum.woff2') format('woff2'),
         url('../fonts/KozGoPr6N-Regular-AlphaNum.woff') format('woff'),
         url('../fonts/KozGoPr6N-Regular-AlphaNum.ttf') format('truetype'),
         url('../fonts/KozGoPr6N-Regular-AlphaNum.svg#KozGoPro-Medium-AlphaNum') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular.eot');
    src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular.woff2') format('woff2'),
         url('../fonts/roboto-regular.woff') format('woff'),
         url('../fonts/roboto-regular.ttf') format('truetype'),
         url('../fonts/roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* CSS Document */

body							                   {font-family: 'arial';  margin:0px; padding:0px; background:#022e39 url(../images/bg-pattern.png) center repeat-y;}
.container 										   {max-width:100%; margin:0 auto; width:720px;}
.clear                                             {clear: both;}
.hideondesktop                                     {display: none;}
#wraper                                            {background:url(../images/bg-top.png)no-repeat; width: 100%; text-align: center; background-size:100% auto; }

header                                            {}
header a img                                      {margin:55px 0px;}
header p                                          {font-family: 'gooddog_coolregular'; font-size:55px; color: #022629; margin-top: -105px;text-shadow: 4px 2px 0 #C9FFF8, -1px -1px 0 #CCFEF9, 1px -1px 0 #C9FFF8,-1px 1px 0 #C9FEF7, 5px -2px 5px #C8FEF8;}
article                                           {margin-top: -241px; text-align: center; background-position:center bottom; margin-top:200px;}
article .content                                  {position: relative;}
article .content .textdesign                      {position: absolute; position: absolute; left: 90px; top: -36px;  z-index: 99;}
article .content img                              {position: relative; z-index: 999; margin-top: 200px;}
article .content p                                {font-family: 'gooddogregular';}
article p                                         {margin-top: 41px; color: #9FFFED; font-size: 25px; font-family: 'robotoregular';}

article .store                                    {width: 100%;     margin: 30px auto;}
article .store ul                                 {margin: 0px; padding: 0px;    display: inline-block;}
article .store ul li                              {list-style-type: none;     margin: 0px 18px; display: block; float: left;display: inline-block;}
article .store ul li  a                           {text-decoration: none;}
article .store ul li  a  img                      {border: 3px solid white;}
.views a                                          {text-decoration: none; color:#9fffed;   font-family: 'robotoregular';}                  

article .video                                     {margin-top:50px; width: 635px; margin: 0 auto;}
article .video  .embed-container                   { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
article .video  .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

article .videomore                                 {width:100%;     margin: 30px auto; margin-top:20px;     margin-bottom: -20px;}
article .videomore ul                              {margin: 0px; padding: 0px;    display: inline-block;}
article .videomore ul li                           {list-style-position: none; float: left; margin: 8px; display: inline-block;}
article .videomore ul li a                         {text-decoration: none;}
article .story                                     {position: relative; z-index: 99;}
article .story h1                                  {color: #fff; font-size: 60px; padding: 25px 0px;    font-family: 'gooddogregular';}
article .story p                                   {color: #d1d5d6;    font-size: 23px; line-height: 29px; position: relative; padding: 0px 65px; font-family: 'robotoregular'; margin-bottom: 170px;}
article .story p::before                           {content: ""; background: url(../images/border-top.png)no-repeat; height: 69px; width: 100%; position: absolute; background-position: center; top: -77px; left:0;}
article .story p::after                            {content: ""; background: url(../images/border-bottom.png)no-repeat; height: 69px; width: 100%; position: absolute; background-position: center;  left: 0; bottom: -61px}

article .story p:nth-child(1)                      {margin-top: 150px;}


footer                                             {text-align: center; background: url(../images/footerbg.png)no-repeat; background-position: center top;     margin-top: -130px;padding: 10px 80px;}
footer .footer1                                    {width:100%; margin-top:80px; }
article footer .footer1 p                                  {font-family: 'gooddogregular';     font-size: 25px;     color: #458b8d;}
footer .footer1 ul                                 {margin: 0px; padding: 0px;    display: inline-block;}
footer .footer1 ul li                              {list-style-type: none; float: left;     margin: 25px;}