/* Old Blue #3D58A7*//*OLD Yellow :#FEC000*/
	/* New Blue #70BDE2*//*New Yellow :#F0860C*/
*{margin:0;padding:0;border:none;}
body {background:fixed;/*background-image:url('images/bg.png');*/cursor:default;background-size:50px;background-color:#333;font-family:'Alegreya Sans', sans-serif;padding-bottom:115px;}
label{color:#fff;}
.block{min-width:980px;background-size:cover;background-attachment:fixed;box-shadow:#000 0 0 5px 0}
#header{ background:#fff;width:100%;height:50px;color:#000}

#coming-soon{margin:auto;margin-top:25px;width:750px;text-align:center}
.section{ border-top:0 solid ;padding:35px 0;clear:both}
#show-area{ background:#000;margin:auto;width:980px;/*box-shadow:0px 7px 30px #000,0px 7px 30px #000; */padding-top:15px}
.block_Class{width:20px;height:20px;float:left}
.title_block{width:15px;height:15px;float:left;margin:-5px 0 0 -5px}
.title_block{width:15px;height:15px;float:left;margin:-5px 0 0 -5px}
.title_block_holder{width:25px; float:left}
.title-text{ font-size:25px;color:#f0860c;font-weight:Boldfloat:left;font-family:'Alegreya Sans SC', sans-serif}

div.section div.content{ margin-top:15px;padding-top:25px}
.cls { clear:both}
	
#block_2_41,#block_3_41,#block_4_41,
.block_2_41,.block_3_41,.block_4_41{
	-webkit-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 
	-ms-transform:rotate(45deg); 
	-o-transform:rotate(45deg);
	-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
}
.block_2_41:hover,.block_3_41:hover,.block_4_41:hover,
.block_Class:hover{
	-webkit-transform:rotate(405deg); 
	-moz-transform:rotate(405deg); 
	-ms-transform:rotate(405deg); 
	-o-transform:rotate(405deg);
	-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=45); /*for IE*/
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=45); /*for IE*/

	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;

	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	transition-property:transform;
}
.block_Class:hover{width:18px;height:18px;border:1px #999 solid}
#block_2_41,.block_2_41{ background:#C02026;/*red*/}#block_3_41,.block_3_41{ background:#f0860c;/*Yellow*/}#block_4_41,.block_4_41{ background:#70BDE2;/*blue*/}

/*     About    */
.about p { margin:5px 0 5px 0}	
.about a {text-decoration:none; color:#C02026}
.about #quote{ list-style-type:none}
.about #quote-holder{ overflow:hidden; height:200px}
.about #quote li{ margin:auto; width:80%; font-size:50px; text-align:center;min-height:200px}
.about #quote li div{ line-height:70%; font-family:'Alegreya Sans SC', sans-serif}
.about #quote-shadow{	border-bottom-left-radius:170px; border-bottom-right-radius:170px;margin:0 auto -70 auto}
/*   End Of About 	*/


@media ( min-width :400px) {
  .insta-photo  img { margin-top:-50px}
  #insta_5,#insta_7 { margin-top:-130px}
	/* === hexagon == */
	.hexa, .hexa div { margin:0 auto;transform-origin:50% 50%;overflow:hidden;width:300px;height:300px}
	.hexa {width:325px;height:230px}
	.hexa div {width:100%;height:100%}
	.hexa {transform:rotate(120deg)}
	.hex1 {transform:rotate(-60deg)}
	.hex2 {transform:rotate(-60deg)}
	.insta-down{margin:115px -46px -115px -46px}
	.insta-down-cut{overflow:hidden;height:115px;width:300px;margin:115px -101px -115px -46px}
}
/* End of Instgram */
@-webkit-keyframes swing {
  0%   {-webkit-transform:rotate(0deg)  skewY(0deg)}
  20%  {-webkit-transform:rotate(12deg) skewY(4deg)}
  60%  {-webkit-transform:rotate(-9deg) skewY(-3deg)}
  80%  {-webkit-transform:rotate(6deg)  skewY(-2deg)}
  100% {-webkit-transform:rotate(0deg)  skewY(0deg)}
}

@keyframes swing {
  0%   {transform:rotate(0deg)  skewY(0deg)}
  20%  {transform:rotate(12deg) skewY(4deg)}
  60%  {transform:rotate(-9deg) skewY(-3deg)}
}
/*		End of SongDay		*/

/*		Fotter		*/
footer {position: fixed; bottom: 0;right: 0;left: 0;}
#footer { /*background-*/color:#fff;/*box-shadow:0px -20px 100px -30px #70BDE2;padding:25px;*/margin-top:15px;text-align:left;height:50px;font-size:22px}
#footer a {text-decoration:none;color:#6CB6DA}
/*	End of Fotter	*/

#theme{float:right;margin:15px;}

/*when Small !!*/
@media ( max-width :400px) {
	.container,.section {width:320px}
	.block {min-width:320px}
	#show-area{width:245px}
	#sotd-frame{width:100%;height:255px}
  .block_Class {width:5px;height:5px}
	.block_Class:hover{width:3px;height:3px;border:1px #999 solid}
	time.icon {width:5em;height:6em;margin-right:-5em;margin-top:-50px}
	time.icon span {font-size:2.5em}
	time.icon strong {font-size:0.8em}
	#sotd-cont { width:5em; padding-top:6.5em;margin-top:-50px}
	.about #quote li {font-size:32px}
	#newSong-add { margin:0; float:none}
}
#typingThing-holder{
	margin-top:250px;
}

#typingThing,.typed-cursor,#fixedText,#sr{ margin-bottom: 20px; width:auto;color:#f0860c;font-size:30px;float:left}
#TheSearch{
    width: 100%;
    height: 1.5em;
    padding: 6px 12px;
    font-size: 30px;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}