*{padding: 0; margin: 0; box-sizing: border-box;}

body{
    background-color: #ededed;
    transition: 1s
}

.clear{clear: both;}

#first{
    background-color: #7b0000;
    color: #fff;
}

#f3{
    float: right;
}

#first{width: 84%; margin-bottom: 3%}



#f3{width: 5%;}

#f3 i{
    border: 1px solid #fff;
    border-radius: 50%;
}

#f3 a{color: #fff;}

/*--*/
#ads1 img{
    width: 100%;
    height: 250px
}

#ads1{margin-bottom: 2%; background-color: #fff}
/*--*/
#twitterheader img{
    width: 60px;
    height: 30px
}

#twitterheader{
    text-align: right;
}

#twittcontent{
    border-top: 3px solid #99CC00;
    background-color: #fff;
    padding-top: 20px;
    text-align: right;
    margin-bottom: 1%;
}


#treca1{ text-align: right}

#treca2 img{width: 130px; height: 90px; border-radius: 50%; margin-right: 10px}

#share{
    text-align: left;
    color: #9e0b0f;
}

#bottom{
    border-bottom: 1px dotted #000;
    margin-top: 15px
}

#in{
    text-align: center;
    color: #9e0b0f;
    font-weight: bold;
    font-style: italic;
    padding: 5px;
    margin-bottom: 3%
}

#in a{color: #9e0b0f;}
/*--*/

#se2{background-color: #ad0202; color: #fff; height: 100px; border: 1px solid #fff; text-align: center; padding-top: 10px}

#se1 table{color: #fff;}

#se1 td{padding-top: 7px}

#se1{background-color: #0064a3; color: #fff; height: 100px; border: 1px solid #fff; padding-top: 10px; text-align: right}
/*--*/
#temp{
    background-color: #d0bca4;
    color: #000;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    padding-top: 20px;
    padding-bottom: 10px;
}

#temp1,#temp2,#temp3{
    width: 33%;
    float: right;
}

#temp3 img{
    width: 40px;
    height: 30px;
}

#temp2 span{color: #8885b5}

#youtubeheader{
    text-align: right;
    color: #000;
    background-color: #e4ece8;
    border-bottom: 4px solid #d22222;

}
#youtubeheader i{
    color:#d22222;
}

iframe{width: 100%}

#youtuber img{
    width: 50px;
    height: 50px
}

#youtuber{
    text-align: right
}

#colm{
    color:#d22222;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.j{    border-bottom: 2px dotted #000;
       margin-left: 20px
}

.k{margin-left: 20px}

#white{background-color: #fff}

.in{border-top: 5px solid #e4ece8}
/*--*/
#uo{
    color: #f7a400;
    
    padding-bottom: 2px
}

#uo img{background-color: #f7a400}
/*--*/
#magic{
    background-color: #fff;
    border-top: 3px solid #f7a400;
}

#right{text-align: right}

#bottom1{padding-top: 20px}
/*---*/
#askr{border-top: 4px solid #fb6b47;border-bottom: 2px dotted #888; padding-bottom: 10px;background-color: #fff;}

#askr1,#askr2{float: right; width: 50%;}

#askr1 img{width: 100%; height: 170px;}

#display{
    background-color: #fb6b47;
    color: #fff;
    text-align: right;
    padding: 3px;
    padding-right: 10px;
}

#share #h1{color: #65bae7; }
#share #h2{color: #000; }

#askr2{text-align: right}

#bold{font-weight: bold;}
/*--*/
#as{width: 100%; background-color: #fff; padding-top: 10px;border-bottom: 2px dotted #888; padding-bottom: 10px; text-align: right}

#as1,#as2{float: right;}

#as1{width: 18%;margin-right: 10px}
#as2{width: 75%}

#as1 img{width: 100%; height: 110px}

#as2 h4{color: #9e0b0f; font-weight: bold}

#as2 span{font-weight: bold;}

#as2{width: 80%;}

#i{
    margin-right: 55%;
    color: #9e0b0f
}

#ds{
    text-align: right;
    border-bottom: 2px dotted #888;
    background-color: #fff;
}

#i1{margin-right: 63%;color: #9e0b0f}

#ds h4{font-weight: bold; color: #7eb3dc}

#ds span{font-weight: bold;}

#more{border-top:  2px solid #e4ece8; background-color: #fff; color: #7eb3dc; text-align: center; padding: 5px}

/*---*/
#actsource{
    color: #7eb3dc;
    text-align: right;
    margin-bottom: 2%;
}

#source{
    background-color: #fff;
    border-top: 3px solid #99CC00;
    text-align: center;
}

#source ul li{display: inline-block; padding:2%}

#source ul li img{width:70px; height: 60px;}

/*---*/
#talk{
    text-align: right;
}

#sal{border: 1px solid #709d9a; border-radius: 50%; width: 30px; text-align: center}

#a1{color: #659f99;}

#a2{color: #608527;}

#b2,#b1{
    width: 100%;
    height: 200px;
    color: #fff;
    text-align: center;
}

#b1{
    background-image: url(../img/new2.jpg);
    background-size: cover;
    border-top: 3px solid #99CC00
}

#b2{
    background-image: url(../img/new1.jpg);
    background-size: cover;
    border-top: 3px solid #99CC00
}

#b2 h4,#b1 h4{
    background-color: #2a0302;
    padding: 10px;
    margin-top: 140px
}

#b1 h4{margin-top: 160px}

#dos{background-color: #fff; padding-top: 10px}

#dos i{
    color: #d22222;
    margin-right: 50%
}

#dos p{font-weight: bold; border-bottom: 1px solid #000;
padding-bottom: 10px}

#dos h4{color: #d22222}

#b2 h4{text-decoration: underline}


nav img{width: 200px; position: relative; top: 0}

#df{background-color: #ad0202}

.navbar-default {
    background-color: #0064a3;
    border-color: #0064a3;
    border-radius: 0px
}

header ul li{display: inline-block}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 15px;
    font-style: italic;
    padding-right: 35px
}

.navbar-default .navbar-nav>li>a:hover{
    color: #e4ece8
}


#mn{
    background-color: #fff;
    border-radius: 50%;
    color: #000;
    padding: 3px;
    padding-right: 7px;
    padding-left: 7px
}

#mb,#mj{font-size: 25px}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

h3{color: #888}