html 
	{
		position: relative;
		min-height: 100%;
  	}

body
	{
		background: #F0F0F0;
		font-family: 'Exo 2', sans-serif;
		margin-bottom: 140px;
	} 
/*style seo ****************************************/

	.container-fluid
	{
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.row
	{
		margin-right: 0;
	}

	.no-padding 
	{
		 padding: 0 !important;
	}

    .cursive a
    {
        color: white;
        font-size: 20px;
        font-family: 'Saira Stencil One', cursive;
        text-decoration: none;
    }

    .service
    {
	font-size: 18px;
	color: #444444;
    }

    .inside-service
    {
	border: 2px solid;
	border-color: #a52a2a;
	border-radius: 5px;
	padding: 20px;
	margin: 30px;
	min-width: 150px;
    }

    .ul-service
    {
	padding: 5px;
    }	

    
    .cursive a:hover
    {
        color: #85d7ff;
    }

    dl, ol, ul
    {
	padding: 0;
	margin: 0;
    }
    
	h, h1, h2, h3, h4, h5 
	{
		font-family: 'Exo 2', sans-serif;
		color: #a52a2a;
		margin: 0;
		padding: 0;
		padding-top: 10px;

	}
	
	a 
	{
		text-decoration: none;
		color: black;
		font-family: 'Russo One', sans-serif;
	}
	
	.linkIcon 
	{
		margin-left: 15px;
	}

	.linkIcon a
    {
        padding: 4px 4px 4px 0;
    }
	
    	.description
	{
		border-radius: 2px;
		border: 2px dashed  #a52a2a ;
		background: #c1c1c1 ;
		padding: 5px;
		margin: 5 5 20 0;
	}

	.mycode
	{
		background: #444444;
		padding: 0;
		margin: 0;
		border-radius: 2px;
		font-size: 16px;
		margin-top: 5px;
	}

	pre
	{
		padding: 0;
		margin: 0;
	}

	pre code
	{
		color: #85d7ff;
		padding: 10px;
		margin: 0;
		display: block;
	}
	
	span
	{
		font-family: 'Exo 2', sans-serif;
		color:black;
		
	}
	
	.author
	{
	    background: black;
	    color: #F0F0F0;
	}
	
	a:hover{
		color: #a52a2a;
	}
	
	.nameSite
	{
		font-size: 50px;
		font-family: 'Audiowide', Georgia;
		color: #a52a2a;
	}

	.ShortText
	{
		vertical-align: middle;
		line-height: 30px;
	}
	
	.valid_mail
	{
		width: 200px;
		margin: 20px 0px 20px 0px;
	}
		
	header
	{
		background: #c1c1c1;
		padding: 0;
		margin: 0;
		padding-left: 10px;
	}
	
	main
	{
		padding: 10px 10px 10px 30px;
	}

	#content
	{
		margin: 0;
		padding: 0;
		min-height: 350px;
		font-size: 18px;
	}

	#textContentForm
	{
		height: 400px;
	}

	.textComment
	{
		background: #c1c1c1;
		border-radius: 5px;
		padding: 5px;
		margin-bottom: 15px; 
	}

	.btn-primary
	{
		background-color: grey;
	}

	.new-style-page
	{
		white-space: normal;
		margin: 0;
		padding: 0;
	}

	.new-style-page p
	{
		margin: 10 0 0 0;
		padding: 0 0 0 0;
	}

	.new-style-page h5
	{
		margin-top: 15px;
		font-size: 22px;
	}

	.source_page
	{
		background: #c1c1c1;
		padding: 5px;
		border-radius: 3px;
	}

	.date-content
	{
		padding: 10 0;	
		font-size: 14px;
	}

	li
	{
	    list-style-type: none;
	}
	
	#net
	{
		background: #444444; 
		padding: 5px 0px;
	}
	
	nav
	{
		padding-top: 5px;
	}

	nav ul
	{
		margin: 0 0 0 5;
		padding: 0;
		width: 240px;
	}
	
	
	#logo
	{
		background: #F0F0F0; 
		color: #a52a2a;
		margin: 0;
		margin-left: 5px;
	}
	
	nav li
	{
		width: 200px;
		background: #444444;
		margin: 0 0 10px 0;
		border-radius: 10px;
		cursor: pointer;
		display: inline-block;
		color: white;
		padding: 10px;
	}
	
	nav li:hover
	{
		color: #85d7ff;
		background: #060810;
		border-radius: 10px;
		box-shadow: 0px 0px 8px rgba(211, 236, 252, 0.7);
		-webkit-animation: link 0.5s linear alternate forwards;
	}
	
	#logo
	{
		margin: 5px 0;
	}
	
	#logo a
	{
		color: #a52a2a;
	}
	
	@-webkit-keyframes link
	{
		from {
			width: 200px;
		}
		to {
			width: 230px;
		}
    }

	.red
	{
		background: black;
	}
	
	.imgPage
	{
	position: fixed; /*позиционирование фиксированное*/
        z-index: 9999; /*отображаем поверх всех элементов*/
        top: -2%; /*положение снизу*/
        opacity: .4; /*прозрачность*/
        right: -1%; /*положение справа*/
        color: #fff; /*цвет текста*/
        pointer-events: none;
	height: 500px;
	}

	#baner-mobile
	{
		display: none;
	}
	
	@media screen and (min-width : 200px) and (max-width : 576px)
	{
	   .imgPage
	    {
	        height: 200px;
            opacity: 1; /*прозрачность*/
	    }

	    #baner1
	    {
		display: none;
	    }
	    #baner
	    {
	    }

	    #baner-mobile
	    {
		width: 90%;
	    }

	    .inside-default, #content
	    {
		width: 100%;

	    }

	    .footer-block
	    {
		width: 100%
	    }


	    body
	    {
		margin-bottom: 400px;
	    }
	}
		
	a.idTop
	{
        position: fixed; /*позиционирование кнопки фиксированное*/
        z-index: 9999; /*отображаем поверх всех элементов*/
        bottom: 0%; /*положение снизу*/
        right: 0%; /*положение справа*/
        background: #444444; /*фон, можно указать любую картинку*/
        opacity: .3; /*прозрачность*/
        color: #fff; /*цвет текста*/
        margin: 5px 20px 15px 5px; /*внешние отступы*/
    }
    
    a.idTop:hover 
    {
        opacity: 1;
    }	
	
	footer
	{
		background: #444444;
		color: #85d7ff;
		font-size: 16px;
		position: absolute;
  		bottom: 0;
  		width: 100%;
		padding: 0;
		margin: 0;
		min-height: 100px;
		margin-top: 10px;
		margin-bottom: 0;
	}

	.footer-inside
	{
		margin-left: 15px;
		margin-right: 0;
		padding: 10 0;
	}

	.footer-block
	{
		margin: 0;
		padding: 0;
	}
	
    footer li
	{
		margin: 5px 0;
	}
	
	footer a
    {
    color: #85d7ff;
    }

    .text
    {
	min-height: 400px;
    }

    .inside-default
    {
	border-radius: 3px;
	min-height: 300px;
	padding: 0 10;
    }

    .default1
    {
	height: 100%;
	margin: 0;
	padding: 5px;
	max-width: 200px;
    }

    .default2
    {
	height: 100%;
	margin: 0;
	padding: 5px;
	max-width: 200px;
    }
    .default2 a
    {
	color: #85d7ff;
    }
    .default2 a:hover
    {
	color: #a52a2a;
    }

	.tags
	{
		padding-top: 5px;
	}

    .tag_name1, .tag_name2, .tag_name3
    {
	display: inline-block;
	background: grey;
	margin: 0 5 5 0;
	padding: 5px;
	border-radius: 3px;
    }

    .img-banner
    {
	max-height: 100%;
	max-width: 100%;
    }

    .a-banner
    {

    }

    .info-baner
    {
	min-height: 200px;
	border: 1px solid #c1c1c1;
	color: #c1c1c1;
	border-radius: 3px;
	margin-top: 10px;
    }
    
    #baner
    {
	padding: 0;
	max-height: 3000px;
	margin-left: 5%;
    }

    #right-banner2, #right-banner3
    {
	display: none;	
    }

    .search-tag
    {
	margin-top: 10px;
    }