/*!

 *  Saturn HTML Template by @flamekaizar - http://afnizar.com

 *  License - http://license.afnizar.com/ (MIT License)

 */



body { margin-bottom: 50px }

a { font-family: "Open Sans", sans-serif }

.container {

    margin: auto;

    max-width: 800px;

    padding: 0 20px;

}



.image-container {

    margin: auto;

    max-width: 800px;

    padding: 0 20px;

    text-align: center;

}



/* Navigation */

.main-nav {

    padding-top: 30px;

    padding-bottom: 0px;

    background-color: #FFF;

    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    z-index: 10;

    position: relative;

}

.group.top-nav { margin-bottom: -20px }

.group.top-nav nav a { text-decoration: none }

.group.top-nav nav a:hover {

	color: #E85F37; -webkit-transition: all .25s ease-in-out;

   -moz-transition: all .2s ease-in-out;
       <script src="js/jquery-2.x.min.js" type="text/javascript"></script>
        <script src="js/kube.min.js" type="text/javascript"></script>
        <link href="css/kube.css" type="text/css" rel="stylesheet">
        <link href="css/custom.css" type="text/css" rel="stylesheet">
        <link href="css/css_002.css" type="text/css" rel="stylesheet">
        <link href="css/css.css" type="text/css" rel="stylesheet">
    -ms-transition: all .2s ease-in-out;

     -o-transition: all .2s ease-in-out;

        transition: all .2s ease-in-out;

}

/* Created by @flamekaizar */

.top-nav a.logo,

.logo {

    /* font-family: 'Open Sans', sans-serif; */

    font-family: Arial, Helvetica, sans-serif;

    font-weight: 600;

    font-size: 32px;

    color: #000;

    letter-spacing: -1px;

}

.navigation-toggle .logo {

    font-size: 32px;

    text-transform: capitalize;

}

.top-nav .item-nav li.active a { 

    font-family: "Lato", sans-serif;

    font-size: 15px;

    color: #E85F37;

    font-weight: 600;

}



.top-nav .item-nav li a {

    font-family: "Lato", sans-serif;

    font-size: 15px;

    font-weight: 600;

    color: #000;

}

.intro {

    width: 100%;

    /* height: 272px; */

    height: 0px;

    padding-top: 0px;

    /* background: url(../img/head-bg.jpg) #F7F7F7 center 35%; */

}

p.p-intro {

    color: #E85F37;

    font-family: "Open Sans", sans-serif;

    font-size: 13px;

    letter-spacing: 2px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 0px 0px;

    background-color: #FFF;

    border: 1px solid #DC5227;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    box-shadow: inset 0 -3px 0 #ffcfbc;

    position: relative;

	-webkit-animation: smooth-entry-btn 1s;

	-moz-animation: smooth-entry-btn 1s;

	animation: smooth-entry-btn 1s;

}

p.p-intro:after {

    content: '';

    position: absolute;

    border-style: solid;

    border-width: 0px 0px 0px 0;

    border-color: transparent #FFFFFF;

    display: block;

    width: 0;

    z-index: 1;

    left: -9px;

    top: 0px;

}

p.p-intro:before {

    content: '';

    position: absolute;

    border-style: solid;

    border-width: 0px 0px 0px 0;

    border-color: transparent #DC5227;

    display: block;

    width: 0;

    z-index: 1;

    left: -10px;

    top: 0px;

}

img.img-intro {

    border-radius: 100px;

    width: 47px;

    background-color: #EF3A3A;

    border: 1px solid #DC5227;

    -moz-box-shadow: inset 0.5px 0.9px 5px rgba(0, 0, 0, 0.05);

    -webkit-box-shadow: inset 0.5px 0.9px 5px rgba(0, 0, 0, 0.05);

    box-shadow: inset 0.5px 0.9px 5px rgba(0, 0, 0, 0.05);

    -webkit-animation: smooth-entry-btn 1s;

	-moz-animation: smooth-entry-btn 1s;

	animation: smooth-entry-btn 1s;

}

h2 {

  font-family: "Lato", sans-serif;

  font-size: 0px;

  font-weight: 400;

  color: #000;

}

.content { padding-top: 20px }

.post { margin-bottom: 10px }

.content .post a { text-decoration: none }

.content .post h1 {

    color: #000;

    font-family: "Lato", sans-serif;

    font-size: 18px;

    font-weight: 400;

    position: relative;

}



/* Created by @flamekaizar */

.content .post a h1:hover{

	color: #E85F37;

-webkit-transition: all .2s ease-in-out;

   -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

     -o-transition: all .2s ease-in-out;

        transition: all .2s ease-in-out;

}

.content .post p {

    color: #000000;

    font-family: "Open Sans", sans-serif;

    font-size: 13px;

    font-weight: 400;

}



.MyList {

    color: #000000;

    font-family: "Open Sans", sans-serif;

    font-size: 13px;

    font-weight: 400;

}

.MyList li {

    color: #000000;

    font-family: "Open Sans", sans-serif;

    font-size: 13px;

    font-weight: 400;

}



.center {

  display: block;

  margin: 0 auto;

}



.SectionTitle {

    color: #000000;

    font-family: "Open Sans", sans-serif;

    font-size: 17px;

    font-weight: 400;

}



.Code {

    color: #000000;

    font-family: "Courier";

    font-size: 11px;

    font-weight: 400;

}

.Code pre {

    color: #FF0000;

    font-size: 11px;

    font-weight: 400;

}



.videoWrapper {

        display:block;

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

        text-align:center;

}

.videoWrapper iframe {

	position: absolute;

        text-align:center;

	top: 0;

	left: 0;

	width: 75%;

	height:75%;

}



#download-thumbs {   

    width: 420px;

    margin-top:0px;

    margin-left: auto; 

    margin-right: auto;

     text-align: justify;

    -ms-text-justify: distribute-all-lines;

    text-justify: distribute-all-lines;

}

#download-thumbs a {

    vertical-align: top;

    display: inline-block;

    *display: inline;

    zoom: 1;

}

.stretch {

    width: 100%;

    display: inline-block;

    font-size: 0;

    line-height: 0

}



#container {

    text-align: center;

}



.content .post ul {

    color: #000000;

    font-family: "Open Sans", sans-serif;

    font-size: 13px;

    font-weight: 400;

    margin-top: -10px;

}

.content .post img { margin-bottom: 20px }

.content .post hr {

    /* content: url(../img/separator.png); */

    width: 66px;

    height: 2px;

    float: left;

    border: none;

}

.content .post h1:before {

    /* content: url(../img/separator.png); */

    position: absolute;

    top: 0px;

    left: 1px;

}

.in-content { margin-top: 20px }

a.read-more {

    padding: 5px 10px;

    background-color: #FFF;

    border: 1px solid #555;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    color: #000;

    font-size: 11px; /* Created by @flamekaizar */

    font-weight: 700;

    text-transform: uppercase;

    text-decoration: none;

    letter-spacing: 2px;

}



a.read-more:hover {

	background-color: #555;

	color: #FFF;

	-webkit-transition: all .25s ease-in-out;

	   -moz-transition: all .25s ease-in-out;

	    -ms-transition: all .25s ease-in-out;

	     -o-transition: all .25s ease-in-out;

	        transition: all .25s ease-in-out;

}

.foot-post {

    position: relative;

    margin-top: 5px;

    color: #000000;

    font-family: "Open Sans", sans-serif;

    font-size: 13px;

    font-weight: 400;

    /* text-transform: uppercase; */

}

.foot-post a {

    font-weight: 400;

    text-decoration: none;

    color: #535353;

}

.foot-post a:hover {

	border-bottom: 1px dotted #ccc

}

.foot-post:before {

    /* content: url(../img/separator.png); */

    position: absolute;

    top: -40px;

    left: 1px;

}

/* Footer */

footer .btn {

    color: #000;

    font-size: 13px;

    font-family: "Open Sans";

    font-weight: 700;

    letter-spacing: 2px;

}

footer .social li {

    display: inline;

    margin-left: 10px;

    margin-right: 10px;

}

footer .social li a { color: #555555 }

footer .social li a:hover {

	color: #e85f37;

}

.foot-cp { padding-top: 10px }

.foot-cp a {

    color: #A5A5A5;

    font-family: "Lato", sans-serif;

    font-size: 15px;

    font-weight: 400;

    text-transform: uppercase;

    text-decoration: none;

    letter-spacing: 3px;

}



@-webkit-keyframes smooth-entry{0%{opacity:0;-webkit-transform:translateY(-1.4em)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes smooth-entry{0%{opacity:0;-moz-transform:translateY(-1.4em)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes smooth-entry{0%{opacity:0;-webkit-transform:translateY(-1.4em);-moz-transform:translateY(-1.4em);-ms-transform:translateY(-1.4em);-o-transform:translateY(-1.4em);transform:translateY(-1.4em)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes smooth-entry-reverse{0%{opacity:0;-webkit-transform:translateY(2em)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes smooth-entry-reverse{0%{opacity:0;-moz-transform:translateY(2em)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes smooth-entry-reverse{0%{opacity:0;-webkit-transform:translateY(2em);-moz-transform:translateY(2em);-ms-transform:translateY(2em);-o-transform:translateY(2em);transform:translateY(2em)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes smooth-entry-title{0%{opacity:0;-webkit-transform:translateY(-0.6em)}50%{opacity:0;-webkit-transform:translateY(-0.6em)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes smooth-entry-title{0%{opacity:0;-moz-transform:translateY(-0.6em)}50%{opacity:0;-moz-transform:translateY(-0.6em)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes smooth-entry-title{0%{opacity:0;-webkit-transform:translateY(-0.6em);-moz-transform:translateY(-0.6em);-ms-transform:translateY(-0.6em);-o-transform:translateY(-0.6em);transform:translateY(-0.6em)}50%{opacity:0;-webkit-transform:translateY(-0.6em);-moz-transform:translateY(-0.6em);-ms-transform:translateY(-0.6em);-o-transform:translateY(-0.6em);transform:translateY(-0.6em)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes smooth-entry-btn{0%{opacity:0;-webkit-transform:translateY(0.6em)}70%{opacity:0;-webkit-transform:translateY(0.6em)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes smooth-entry-btn{0%{opacity:0;-moz-transform:translateY(0.6em)}70%{opacity:0;-moz-transform:translateY(0.6em)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes smooth-entry-btn{0%{opacity:0;-webkit-transform:translateY(0.6em);-moz-transform:translateY(0.6em);-ms-transform:translateY(0.6em);-o-transform:translateY(0.6em);transform:translateY(0.6em)}70%{opacity:0;-webkit-transform:translateY(0.6em);-moz-transform:translateY(0.6em);-ms-transform:translateY(0.6em);-o-transform:translateY(0.6em);transform:translateY(0.6em)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fof-alien{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-30px)}}@-moz-keyframes fof-alien{0%,100%{-moz-transform:translateY(0)}50%{-moz-transform:translateY(-30px)}}@keyframes fof-alien{0%,100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}}@-webkit-keyframes fof-shadow{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(0.8)}}@-moz-keyframes fof-shadow{0%,100%{-moz-transform:scale(1)}50%{-moz-transform:scale(0.8)}}@keyframes fof-shadow{0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}

/* Responsive */

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

    .intro { padding-top: 10px }

    img.img-intro {

        display: block;

        margin-left: auto;

        margin-right: auto;

    }

    .logo-w { display: none }

    .main-nav {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .top-nav .item-nav li { padding-bottom: 10px }

    footer .btn {

        display: block;

        margin-left: auto;

        margin-right: auto;

    }

    footer .social { text-align: center }

    .foot-cp { padding-top: 10px }

}

/* Footnotes */

.content .post .footnotes hr {

  text-align: left;

  display: inline-block;

  float: none ;

}