#top_identify{width:100%; height:50px;line-height:50px; text-align:center; color:white; background:#1c4f1b;}
@font-face {
    font-family: Roboto-Regular;
    src: url(../../fnt/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Medium;
    src: url(../../fnt/Roboto-Medium.ttf);
}

@font-face {
    font-family: Roboto-Bold;
    src: url(../../fnt/Roboto-Bold.ttf);
}

@font-face {
    font-family: Roboto-Thin;
    src: url(../../fnt/Roboto-Thin.ttf);
}

body{
    background-color: #e6f0d2;
	background-image: url(../../img/9/bg1.png);
	/*background-size:cover;*/
	background-position: center top;
    font-family: "Roboto-Regular",Arial,sans-serif;
}

header {
	margin-top: 20px;
}

header a{
	color: #197417;
}

.sprite {
    background-image: url(../../img/9/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-link {
    width: 60px;
    height: 60px;
    background-position: -5px -5px;
}

.sprite-link:hover {
    width: 60px;
    height: 60px;
    background-position: -5px -75px;
}

.sprite-link-small {
    width: 40px;
    height: 40px;
    background-position: -5px -145px;
}

.sprite-link-small:hover {
    width: 40px;
    height: 40px;
    background-position: -5px -195px;
}

.sprite-skatit {
    width: 112px;
    height: 26px;
    background-position: -5px -245px;
}

.sprite-skatit:hover {
    width: 112px;
    height: 26px;
    background-position: -5px -281px;
}

/* Footer */
span.address{ -ms-transform: skewX(-45deg); /* IE 9 */
    -webkit-transform: skewX(-45deg); /* Safari */
    transform: skewX(-45deg); /* Standard syntax */
	display:inline-block;
	background: #1c4f1b;
	width:40px;
	height:29px;
	vertical-align:top;
}
span.address span{
	-ms-transform: skewX(45deg); /* IE 9 */
    -webkit-transform: skewX(45deg); /* Safari */
    transform: skewX(45deg); /* Standard syntax */
	background: url(../../img/address.png) 11px 5px no-repeat;
	display:inline-block;
	width:40px;	
	height:29px;
	}

span.phone{ -ms-transform: skewX(-45deg); /* IE 9 */
    -webkit-transform: skewX(-45deg); /* Safari */
    transform: skewX(-45deg); /* Standard syntax */
	display:inline-block;
	background: #1c4f1b;
	width:40px;
	height:29px;
	vertical-align:top;
}
span.phone span{
	-ms-transform: skewX(45deg); /* IE 9 */
    -webkit-transform: skewX(45deg); /* Safari */
    transform: skewX(45deg); /* Standard syntax */
	background: url(../../img/phone.png) 11px 5px no-repeat;
	display:inline-block;
	width:40px;	
	height:29px;}

span.fax{ -ms-transform: skewX(-45deg); /* IE 9 */
    -webkit-transform: skewX(-45deg); /* Safari */
    transform: skewX(-45deg); /* Standard syntax */
	display:inline-block;
	background: #1c4f1b;
	width:40px;
	height:29px;
	vertical-align:top;
}
span.fax span{
	-ms-transform: skewX(45deg); /* IE 9 */
    -webkit-transform: skewX(45deg); /* Safari */
    transform: skewX(45deg); /* Standard syntax */
	background: url(../../img/fax.png) 11px 5px no-repeat;
	display:inline-block;
	width:40px;	
	height:29px;}

span.email{ -ms-transform: skewX(-45deg); /* IE 9 */
    -webkit-transform: skewX(-45deg); /* Safari */
    transform: skewX(-45deg); /* Standard syntax */
	display:inline-block;
	background: #1c4f1b;
	width:40px;
	height:29px;
	vertical-align:top;
}
span.email span{
	-ms-transform: skewX(45deg); /* IE 9 */
    -webkit-transform: skewX(45deg); /* Safari */
    transform: skewX(45deg); /* Standard syntax */
	background: url(../../img/email.png) 11px 5px no-repeat;
	display:inline-block;
	width:40px;	
	height:29px;}


/* social */
.social_p{color:#197417;text-align:right;}
.social_p span.txt2{    line-height: 22px;   vertical-align: top;    padding-right: 20px;    font-size: 12px;}
p.social_p.social2 {
    margin-top: -35px;
    margin-right: 15px;
}
.tw{ -ms-transform: skewX(-45deg); /* IE 9 */
    -webkit-transform: skewX(-45deg); /* Safari */
    transform: skewX(-45deg); /* Standard syntax */
	display:inline-block;
	background: #08BCF4;
	width:30px;
	height:22px;
}
.tw a{
	-ms-transform: skewX(45deg); /* IE 9 */
    -webkit-transform: skewX(45deg); /* Safari */
    transform: skewX(45deg); /* Standard syntax */
	background: url(../../img/tw.png) 6px 4px no-repeat;
	display:inline-block;
	width:30px;	
	height:22px;}
.dr{ -ms-transform: skewX(-45deg); /* IE 9 */
    -webkit-transform: skewX(-45deg); /* Safari */
    transform: skewX(-45deg); /* Standard syntax */
	display:inline-block;
	background: #E6771B;
	width:30px;
	height:22px;
}
.dr a{
	-ms-transform: skewX(45deg); /* IE 9 */
    -webkit-transform: skewX(45deg); /* Safari */
    transform: skewX(45deg); /* Standard syntax */
	background: url(../../img/dr.png) 10px 4px no-repeat;
	display:inline-block;
	width:30px;	
	height:22px;}
.fb{ -ms-transform: skewX(-45deg); /* IE 9 */
    -webkit-transform: skewX(-45deg); /* Safari */
    transform: skewX(-45deg); /* Standard syntax */
	display:inline-block;
	background: #27508F;
	width:30px;
	height:22px;
}
.fb a{
	-ms-transform: skewX(45deg); /* IE 9 */
    -webkit-transform: skewX(45deg); /* Safari */
    transform: skewX(45deg); /* Standard syntax */
	background: url(../../img/fb.png) 11px 4px no-repeat;
	display:inline-block;
	width:30px;	
	height:22px;}



.sitename, .siteclass{
    text-transform: uppercase;    
    color: #1c4f1b;
}

.sitename{
	margin-top: 35px;
    margin-bottom: 0px;
    font-size: 48px;
    /*text-shadow:
    -1px -1px 0 #ff0000,  
    1px -1px 0 #ff0000,
    -1px 1px 0 #ff0000,
    1px 1px 0 #ff0000;*/
}
body.type2 .sitename{font-size:22px;}

.siteclass{
	font-size: 12px;
    margin-bottom: 0px;
}

.siteinfo{
	padding-right: 13px;
    padding-left: 14px;	
}

.logo{
	margin: 0 auto;
}

.headermenu {
    margin-bottom: 4px;
    font-size: 14px;
    text-align: right;
    text-transform: uppercase;
}

.headermenu div{
	text-align: center;
}

.headermenu ul{
    float: right;
    padding: 0;
}
.headermenu li {
    list-style: none;
    display: inline;
    padding: 0px 10px;
    border-left: 1px solid #197417;
}

.headermenu li:first-child {
	border-left: none;
}

.headermenu .active a{
    color: #afd661;
    text-decoration: underline; 
}

a:focus, a:hover {
    color: #afd661;
    text-decoration: underline;
}

.main .container{
    background: white;
}

.navbar {
    border-radius: 0px;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: #e6f0d2;
}

.sidebar-nav{
    margin-top: 10px;
    background-color: #e6f0d2;
    font-size: 14px;
}

.panel {
    background-color: #e6f0d2;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu{
    margin-top: 10px;
    text-transform: uppercase;
}

.list-group-item {
    background-color: #e6f0d2;
    border: none;
}

.navigation{
    padding-left: 10px;
    padding-right: 10px
}

.navbar-collapse {
    padding-right: 10px;
    padding-left: 10px;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover,a.list-group-item[aria-expanded="true"] {
    color: #e6f0d2;
    text-decoration: underline;
    background-color: #1c4f1b;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: #e6f0d2;
    text-decoration: underline;
    background-color: #1c4f1b;
    border: none;
}

a.list-group-item, button.list-group-item {
    color: #197417;
    border-bottom: 1px solid #e6f0d2;
}

.menulevel1 {
    padding-left: 30px;
    background-color: #afd661;
    color: white !important;
}

.menulevel1:hover, .menulevel1:focus {
    background-color: #afd661 !important;
    color: #197417 !important;
}

.menulevel2 {
    padding-left: 45px;
    background-color: #cceb8d;
    color: #1c4f1b !important;
}

.menulevel2:hover, .menulevel2:focus, .menulevel2.active {
    background-color: #cceb8d !important;
    color: #197417 !important;
}
.menulevel2.active {
	color: white !important;
	text-decoration:none;
}


.menulevel1:nth-child(1):after{
    top: 0;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(64, 138, 0, 0);
    border-top-color: #1c4f1b;
    border-width: 15px;
    /* margin-left: -126px; */
    z-index: 1;
}   

.menulevel2:nth-child(1):after{
    top: 0;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(64, 138, 0, 0);
    border-top-color: #afd661;
    border-width: 15px;
    z-index: 1;
}

.fa {
    position: absolute;
    right: 10px;
    top: 13px;
}

.navbar-default {
    background-color: #e6f0d2;
    border: none;
}

.navbar-default .navbar-toggle {
    background-color: #afd661;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #cceb8d;
}

.navbar-default .navbar-brand a {
    color: #197417;
}

footer{
    background-color: white;
}

footer .row:first-child{
    margin: 10px -5px;
    background-color: #197417;
    padding: 5px 0px;
}

footer img{
    display: inline !important;
}

.footer-info li div{
    display: inline-block;
    margin-left: 6px;
    color: white;
    font-size: 13px;
	line-height:29px;
}

.footer-info img{
    margin-top: -5px;
}

footer ul{
    padding: 0;
    margin: 0;
}

footer li{
    list-style: none;
    display: inline;
    padding: 0px !important;
    text-align: center;
}

.credits{
    background-color: #e6f0d2;
}

.credits > div:first-child{
    padding-right: 0px;
}

.credits > div:last-child{
    padding-left: 0px;
}

.credits p, .credits a{
    display: inline;
    color: #197417;
    margin-top: 5px;
}

.credits a:hover{
    color: #afd661;
}

.credits > div:nth-child(1) > p {
    float: right;
    border-right: 1px solid #197417;
    padding-right: 5px;
}

.credits > div:nth-child(2) > p{
    float: left;
    padding-left: 5px;
}

.maincontent{
    padding-left: 0px;
    padding-right: 13px;
    margin-top: 10px;
}


#mainslider .sp-thumbnail-image-container {
    margin-left: 4px;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    border-right: 13px solid white;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border-left: 5px solid white;
}

#mainslider .sp-thumbnail-text {
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.3);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    font-size: 12px;
    display: table;
    margin-left: 0px;
}

.sp-thumbnail-image {
    /*width: 210px;
    height: 138px;
    margin-left: 5px;*/
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
    height: 100%!important;;
}

#mainslider .sp-thumbnail-title {
    text-transform: uppercase;
    color: white;
    vertical-align: middle;
    display: table-cell;
    font-weight: bold;
}

.sp-layer{
    white-space: normal !important;
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0.3);
    transform: scale(1) !important; 
}

#mainslider{
    font-family: "Roboto-Thin",Arial,sans-serif;
}

#mainslider .sp-layer h1 {
    width: 43%;
    padding: 5px 10px;
    display: table-cell;
    vertical-align: middle;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}

#mainslider .sp-layer p {
    width: 40%;
    display: table-cell;
    padding: 0px 60px 0px 10px;
    color: white;
    font-size: 11px;
    vertical-align: middle;
    font-weight: bold;
    height: 60px;
}

#mainslider .sp-layer a{
    position: absolute;
    right: 0;
    bottom: 0;
}

.index-panels {
    padding: 0;
}

.index-panel{
    /*background-color: #1c4f1b;*/
    padding: 0;
    padding-left: 1px;
    margin-top: 10px;
    margin-left: 2px;
}

.index-panel-container{
    position: relative;
}

.index-panel > div:nth-child(2) > div{
    margin-right: 5px;
}

.index-panel > div:nth-child(3) > div{
    margin-left: 3px;
    margin-right: 2px;
}

.index-panel > div:nth-child(4) > div{
    margin-left: 6px;
}

.index-panel-cover {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    /*padding: 3px 30px 3px 10px;*/
    text-transform: uppercase;
    font-size: 12px;
    height: 40px;
    display: table;
}

.index-panel-cover-text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px 0 5px;
}

.index-panel-container a{
    position: absolute;
    bottom: 0;
    right: 0;
}

.index-panel > div:nth-child(2) > a > img{
    margin-left: 0px;
}

.index-panel > div:nth-child(3) > a > img{
    margin-left: 3px;
}

.index-panel > div:nth-child(4) > a > img{
    margin-left: 6px;
}

.info-header{
    background-color: #1c4f1b;
    color: white;
    padding-right: 5px;
}

.info-header h1{
    float:left;
    margin: 5px 0px;
}

.info-header a{
    float:right;
    margin: 7px 0px;
}

.index-panel >.col-xs-12.col-sm-4 {
    padding: 0px;
    margin-top: 10px;
    max-width: 605px;
}

/* Photo */
.photo-panels {
    padding: 0;
}

.photo-panel{
    /*background-color: #1c4f1b;*/
    padding: 0;
    padding-left: 1px;
    margin-top: 10px;
    margin-left: 2px;
}

.photo-panel-container{
    position: relative;
}

.1photo-panel > div.col-lg-3:nth-child(4n+2) > div{
    margin-right: 5px;
}

.1photo-panel > div.col-lg-3:nth-child(4n+3) > div{
    margin-left: 3px;
    margin-right: 2px;
}
.1photo-panel > div.col-lg-3:nth-child(4n) > div{
    margin-left: 3px;
    margin-right: 2px;
}

.1photo-panel > div.col-lg-3:nth-child(4n+1) > div{
    margin-left: 6px;
}

.photo-panel-cover {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    /*padding: 3px 30px 3px 10px;*/
    text-transform: uppercase;
    font-size: 12px;
    height: 40px;
    display: table;
}

.photo-panel-cover-text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px 0 5px;
}

.photo-panel-container a{
    position: absolute;
    bottom: 0;
    right: 0;
}

.1photo-panel > div.col-lg-3:nth-child(4n+2) > a > img{
    margin-left: 0px;
}

.1photo-panel > div.col-lg-3:nth-child(4n+3) > a > img{
    margin-left: 3px;
}

.1photo-panel > div.col-lg-3:nth-child(4n) > a > img{
    margin-left: 3px;
}

.1photo-panel > div.col-lg-3:nth-child(4n+1) > a > img{
    margin-left: 6px;
}

.photo-panel .row >.col-xs-12.col-sm-6.col-lg-3 {
    padding: 15px;
    max-width: 605px;
}
.photo-panel.video-panel .row >.col-xs-12.col-sm-6 {
	padding: 15px;
   max-width: 480px;
}

.galery_list .photo-panel h1 img{margin-top:-5px;}
.video_list .video-panel h1 img{margin-top:-6px;}
.photo_shape_left img{position:absolute; top:34px; left:8px;}
/* End PHOTO */

.banners img{
    margin-bottom: 10px;
}

.banners div{
    padding: 0px;
}

.banners{
    margin-top: 10px;
    padding: 0px 3px 0px 11px;
}

/* Pager */
.pager_div{ line-height:30px;text-align:center;font-size:12px;}
.pager_div span.divider,.pager_div a{
	-ms-transform: skewX(-45deg); /* IE 9 */
    -webkit-transform: skewX(-45deg); /* Safari */
    transform: skewX(-45deg); /* Standard syntax */
	text-align:center;
	height:30px; line-height:30px;
	background-color: #197417;
	display:inline-block;
	padding:0px 20px;
	color:white;
	text-decoration:none;
	margin-left:2px;
	margin-right:1px;
}
.pager_div span.divider{
	background-color: #e6f0d2;
	color: #1c4f1b;
}
.pager_div span.txt{
	-ms-transform: skewX(45deg); /* IE 9 */
    -webkit-transform: skewX(45deg); /* Safari */
    transform: skewX(45deg); /* Standard syntax */
	display:inline-block;
}
.pager_div a:hover,.pager_div a.current{background-color: #1c4f1b;}


.photo_shape_right{position:relative;float:right;z-index:5;}
.photo_triangle_big {
	width: 0;
	height: 0;
	border-top: 60px solid #197417;
	border-left: 60px solid transparent;
	float:left;
}
.photo_triangle_small {
	width: 0;
	height: 0;
	border-top: 18px solid white;
	border-left: 18px solid transparent;
	position:absolute;
	top:10px;
	left:20px;
}
.photo_end{
	height:60px;
	width:105px; 
	background: #197417;
	float:left;
	color:white;
	padding: 13px 28px 0px 0px;
    text-align: right;
    font-size: 12px;
}

.photo_shape_left{
	width: 0;
	height: 0;
	border-bottom: 60px solid #1c4f1b;
	border-right: 60px solid transparent;
	float:left;	
	position:relative;
	z-index:5;
}
.photo_title .txt{
	text-align: center;
    padding: 0px 180px 0px 75px;
    color: #408a00;
    font-size: 20px;
    margin-top: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.photo_title{margin-bottom:10px;}
.thumb{margin-bottom:30px;}
.thumb_img{cursor:pointer;}

.large_img{position:relative;margin-bottom:15px;}
.sprite-photo-back{
	position:absolute;
	left:15px;
	bottom:25px;
	width:58px; 
	height:59px;
	display:inline-block;
	background-position: -2px -385px;
	cursor:pointer;}
.sprite-photo-back:hover{background-position: -63px -385px;}
.sprite-photo-forward{
	position:absolute;
	right:15px;
	bottom:25px;
	width:58px; 
	height:59px;
	display:inline-block;
	background-position: -2px -321px;
	cursor:pointer;}
.sprite-photo-forward:hover{background-position: -62px -321px;}

.play{
	background: url(../../img/play.png) 0px 0px no-repeat;
	width:48px; 
	height:48px; 
	display:inline-block;
	position:absolute;
	z-index:5;
	top:50%;
	left:50%;
	margin-top:-24px;
	margin-left:-24px;
}

/* Documents */
.docs h1{color:#1c4f1b;text-transform:uppercase;font-size:25px;}
.docs h2{color:#1c4f1b;font-size:21px;margin-top:0px;margin-bottom: 14px;}
.docc.jpg{background: url(../../img/jpg.png) 0px 0px no-repeat;}
.docc.csv{background: url(../../img/csv.png) 0px 0px no-repeat;}
.docc.doc{background: url(../../img/doc.png) 0px 0px no-repeat;}
.docc.docx{background: url(../../img/docx.png) 0px 0px no-repeat;}
.docc.jpeg{background: url(../../img/jpeg.png) 0px 0px no-repeat;}
.docc.pdf{background: url(../../img/pdf.png) 0px 0px no-repeat;}
.docc.png{background: url(../../img/png.png) 0px 0px no-repeat;}
.docc.ppt{background: url(../../img/ppt.png) 0px 0px no-repeat;}
.docc.pptx{background: url(../../img/pptx.png) 0px 0px no-repeat;}
.docc.rar{background: url(../../img/rar.png) 0px 0px no-repeat;}
.docc.xls{background: url(../../img/xls.png) 0px 0px no-repeat;}
.docc.xlsx{background: url(../../img/xlsx.png) 0px 0px no-repeat;}
.docc.zip{background: url(../../img/zip.png) 0px 0px no-repeat;}
.docc {padding:6px 0px 0px 60px;min-height:66px;margin-bottom:20px;}
.docc a{color:#A2A2A2;}

/* Purchase */
.p1{color:#1c4f1b; font-size:21px;border-right:1px solid #1c4f1b;}
.p2{color:#1c4f1b; font-size:12px; }
.row1{background-color: #e6f0d2; }
.row1 p,.row2 p,.row1 span{margin:10px 0px;}
.attachment{
	text-decoration: none;
    color: #626262;
    padding: 5px;
    height: 44px;
    display: inline-block;
}
.attachment img{margin-right:10px;}
.purchase span.pull-left,.purchase span.pull-right {color: #197417;}
.purchase span.pull-left a,.purchase span.pull-right a{color: #197417;padding:0px 10px;}
.purchase span.pull-left a.active,.purchase span.pull-right a.active{color: #1c4f1b;}
   

/*Contacts*/
#contacts_submit{clear:both;text-align:right;}
#contacts_submit span{color: #1c4f1b;}
#contacts_submit span#required{color: #333;font-size:12px;}
#contacts{color: #1c4f1b;}
.contacts input{width:100%;background: #e6f0d2;color: #1c4f1b;padding:4px 10px;border:0;outline:none;margin:7px 0px;}
.contacts textarea{height: 110px;width:100%;background: #e6f0d2;color: #1c4f1b;padding:4px 10px;border:0;outline:none;margin:7px 0px;}
#send span#triangle{width: 0;
	height: 0;
	border-bottom: 23px solid #197417;
	border-left: 23px solid transparent;
	display:inline-block;
	line-height:23px;}
#send span#text{background: #197417;height:23px;display:inline-block;padding:0px 20px 0px 14px;line-height:23px;}
#send  { outline:none; border: 0; background: none;font-size:11px;}
#send  span{  color:white;}
#send:hover span#text{background-color:#1c4f1b;}
#send:hover span#triangle{border-bottom: 23px solid #1c4f1b;}

/*Articles*/
.articles .p2{padding-top:6px;}
.articles .p1 a{color:#1c4f1b;}
.articles h2{text-align:center;}
.articles h2 a{color:#1c4f1b; font-size:16px; text-align:center;}
.articles .img_big{position:relative;}
.articles .sprite-link{position:absolute;bottom:0px;right:0px;}
.articles .photo_title .txt{text-align:left; padding-left:40px;}

@media (max-width: 1200px) {
	/* video */
	.p4hoto-panel.video-panel >.col-xs-12.col-sm-3:nth-child(2n){margin:0;}
	.p4hoto-panel.video-panel >.col-xs-12.col-sm-3:nth-child(2n+1){margin:0;}
	
	
	.headermenu {
	    /*font-size: 15px;*/
	}	

	.siteclass {
    	font-size: 12px;
    }

    body{
        background-image: url(../../img/9/bg2.png);
    }

    .full:nth-child(1){
        width: 32%;
    }

    .full:nth-child(2){
        width: 27%;
    }

    .full:nth-child(3){
        width: 21%;
    }

    .full:nth-child(4){
        width: 20%;
    }

    .sp-bottom-thumbnails .sp-thumbnail-container{
        margin-right: 7px !important;
    }

    #mainslider .sp-thumbnail-image-container {
        margin-left: 0px;
    }

    .banners{
        padding: 0px 0px 0px 3px;
    }


    .banners > div:nth-child(2) > a > img{
        margin-left: 3px;
    }

    .banners > div:nth-child(3) > a > img{
        margin-left: 7px;
    }
}

@media (max-width: 992px) {
    body{
        background-image: url(../../img/9/bg3.png);
    }

    .headermenu {
        /*margin-top: 0px;*/
        font-size: 12px;
    }

    .full:nth-child(1), .full:nth-child(2), .full:nth-child(3), .full:nth-child(4){
        width: 50%;
    }

    .sitename {
        margin-top: 15px;
    }

    #mainslider .sp-layer h1 {
        font-size: 17px;
    }

    .index-panel-cover {
        /*padding: 7px 30px 7px 10px;*/
        font-size: 10px;*/
    }

    .banners {
        padding: 0px 6px 0px 3px;
    }

    .banners img {
        padding-right: 4px;
    }

    .banners > div:nth-child(2) > a > img{
        margin-left: 6px;
    }

    .banners > div:nth-child(3) > a > img{
        margin-left: 12px;
    }
}

@media (max-width: 768px){
    .docs h1{text-align:center;}
	.docs h2{text-align:center;}
	
	/*purchase*/
	.p1{border:0;}
	.row1,.row2{text-align:center;}
	
	body{
        background-image: none;
    }

    .footer-info li div {
        font-size: 11px;
    }

    .footer-info img {
        margin-top: 0px; 
    }

    .headermenu {
        margin-top: 0;
        font-size: 9px;        
    }

    .maincontent{
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -10px;
    }

    #mainslider .sp-layer h1 {
        display: table-cell;
    }
    .index-panel > div:nth-child(2) > div,
    .index-panel > div:nth-child(3) > div,
    .index-panel > div:nth-child(4) > div{
        margin: 0 auto;
    }

    .index-panel >.col-xs-12.col-sm-4 {
        margin: 10px auto;
        float: none;
    }

    .info-header {
        margin-bottom: 10px;
    }

    .index-panel-cover {
        /*padding: 5px 30px 5px 10px;
        font-size: 12px;*/
    }

    .index-panel {
        padding-left: 0px;
        margin-left: 0px;
    }
	/* photo panel */
    .photo-panel {padding-left: 0px; margin-left: 0px; }
	.photo-panel .row > div.col-sm-6{ margin: 10px auto !important;float: none;}
	.photo-panel .row > div.col-sm-6 div{ margin: 0px auto !important;}
	.photo_title .txt{font-size: 12px;}
	
    .banners {
        padding: 0px 7px 0px 0px;
    }
}

@media (max-width: 520px) {      
    .sitename {
        font-size: 40px;
    }

    .headermenu li {
        padding: 0px 3px;
    }

    .full:nth-child(1), .full:nth-child(2), .full:nth-child(3), .full:nth-child(4){
        width: 100%;
    }

    footer li{
        text-align: start;
    }

    .footer-info img {
        margin-bottom: 4px;
    }

    .credits p, .credits a{
        font-size: 9px;
    }

    #mainslider .sp-layer h1 {
        display: inline-block;
        font-size: 12px;
        width: 100%;
    }

    #mainslider .sp-layer p {
        vertical-align: baseline;
    }
}

@media (max-width: 500px) {
    #mainslider .sp-thumbnail {
        text-align: center;
    }

    #mainslider .sp-thumbnail-title {
        font-size: 9px;
        text-transform: uppercase;
    }
}

@media (max-width: 400px) {
    .headermenu {
        font-size: 10px;
    }

    .sitename{
        margin-top: 0px;
    }

}

/* Custom site things */
/* muzikas skola */
body#body9 header .col-sm-3{
	margin-bottom: -40px;
    z-index: 100;
}
body#body9 header .logo{
    width: 60%;
}
body#body9 header .sitename{
	text-transform: none;
    text-align: center;
	font-size: 56px;
}
body#body9 header .sitename:first-letter{
	/*text-transform: uppercase;  */  
}

@media (max-width: 1200px) {
	body#body9 header .sitename {
		font-size: 46px;
		
	}
}
@media (max-width: 992px) {
	body#body9 header .sitename {
		font-size: 34px;
		
	}
}




@media (max-width: 768px){
	body#body9 header .sitename {
		font-size: 50px;
		margin-bottom: 10px;
	}
}

@media (max-width: 720px){
	body#body9 header .logo{
		 max-width: 120px;
	}
	   
	body#body9 header .sitename {
		font-size: 34px;
		margin-bottom: 10px;
	}
}

@media (max-width: 520px){
	body#body9 header .sitename {
		font-size: 30px;
		margin-bottom: 10px;
	}
	
}