/*
@font-face {
    font-family: "Roboto"; font-weight:600; src: url("../fonts/Roboto-Bold.ttf");
}
@font-face {
    font-family: "Roboto"; font-weight:400; src: url("../fonts/Roboto-Regular.ttf");
}
@font-face {
    font-family: "Roboto"; font-weight:500; src: url("../fonts/Roboto-Medium.ttf");
}
@font-face {
    font-family: "Roboto"; font-weight:300; src: url("../fonts/Roboto-Light.ttf");
}
*/


@font-face {
    font-family: "Roboto"; font-weight:600; src: url("../fonts/Stem-Bold.ttf");
}
@font-face {
    font-family: "Roboto"; font-weight:500; src: url("../fonts/Stem-Medium.ttf");
}
@font-face {
    font-family: "Roboto"; font-weight:400; src: url("../fonts/Stem-Regular.ttf");
}
@font-face {
    font-family: "Roboto"; font-weight:300; src: url("../fonts/Stem-Light.ttf");
}



body {width:100%; font-size: 1em; font-family:Roboto, Raleway, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#777777;}


.clearall {clear: both; zoom: 1;}
.clearall:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.row {clear: both; zoom: 1;}
.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

a {
	  color: #040034;
	  text-decoration: none;
}

a:hover {
  color: #040034;
  text-decoration: none;
}

a.special {
	  color: #040034;
	  text-decoration: none;
	  border-bottom: 1px #040034 dotted;
}

a.special:hover {
  color: #666666;
  text-decoration: none;
  border-bottom: 1px #666666 dotted;
}


a img {border:0;}


	

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

.container-fluid {max-width:100%; margin:auto; position:relative; background-color:#fff; clear: both; zoom: 1;}
.container-fluid:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container {max-width:1200px; margin:auto; position:relative; padding:0 4%; clear: both; zoom: 1;}
.container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.text-right {text-align:right;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-justify {
	text-align: justify;
    text-justify: inter-word;
}

.uppercase {text-transform: uppercase;}
.bold {font-weight:bold;}
.semibold {font-weight:500;}
.italic {font-style:italic;}
.light {font-weight:300;}

.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt17 {margin-top:17px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt90 {margin-top:90px;}
.mt130 {margin-top:130px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml80 {margin-left:9em;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.pad05-0 {padding:.5em 0;}
.pad1-0 {padding:1em 0;}
.pad2-0 {padding:2em 0;}
.pad0-2 {padding:0 20px;}
.pad5-8 {padding:10px 15px;}
.pad0-8 {padding:0px 15px 0px 15px;}
.padtop10 {padding-top:10px;}
.padtop20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.p25-30 {padding: 25px 30px;}
.pl40 {padding-left: 40px;}
.pl60 {padding-left: 60px;}

.width18 {width:18%;}
.width20 {width:20%;}
.width26 {width:26%;}
.width30 {width:30%;}
.width33m {width:33%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width80 {width:80%;}
.width88 {width:88%;}
.width88 {width:90%;}

.height100 {height:100px;} 
.height200 {height:200px;} 

 

.sup {font-size:50%; vertical-align:super;}
.uppercase {text-transform:uppercase;}
.underline {text-decoration:underline;}

.font06 {font-size:0.6em;}
.font07 {font-size:0.7em;}
.font08 {font-size:0.8em;}
.font09 {font-size:0.9em;}
.font11 {font-size:1.1em;}
.font12, .font12fluid {font-size:1.2em;}
.font14 {font-size:1.4em;}
.font16 {font-size:1.6em;}
.font18 {font-size:1.8em;}
.font22, .font22fluid {font-size:2.2em;}
.font30 {font-size:3em;}
.font35 {font-size:3.5em;}

.topmenu li {display:inline-block; list-style:none; font-weight:bold; margin-right:-5px;}
.topmenu a {display:inline-block; color:#444; padding:0.4em 1em; border-bottom:4px solid #666; transition: border ease-out 0.3s, color ease-out 0.3s; -webkit-transition: border ease-out 0.3s, color ease-out 0.3s;}
.topmenu a:hover {color:#040034; border-bottom:4px solid #040034;}
.topmenu a.selected {color:#b0257b;}
.topmenu a.selected:hover {color:#fff;}
.topmenu .highlighted {color:#040034; border-bottom:4px solid #040034;}

.artistmenu {padding:0px; font-size:14px}
.artistmenu li {display:inline-block; list-style:none; font-weight:600; margin-right:-5px;}
.artistmenu a {text-transform: uppercase; display:inline-block; color:#444; padding:0.2em 0.5em; border-bottom:4px solid #FFFFFF; transition: border ease-out 0.3s, color ease-out 0.3s; -webkit-transition: border ease-out 0.3s, color ease-out 0.3s;}
.artistmenu a:hover {text-transform: uppercase; color:#040034; border-bottom:4px solid #040034;}
.artistmenu a.selected {text-transform: uppercase; color:#b0257b;}
.artistmenu a.selected:hover {text-transform: uppercase; color:#fff;}
.artistmenu .highlighted {text-transform: uppercase; color:#040034; border-bottom:4px solid #040034;}


.menu_type li {list-style:none; font-weight:bold; margin-left:-15px;}



.pager li {display:inline-block; list-style:none; font-weight:bold; margin-right:-5px;}
.pager .highlighted {display:inline-block; color:#040034; border-radius:0.2em; border:1px solid rgba(150, 150, 150, 100); transition: border ease-out 0.3s, color ease-out 0.3s; -webkit-transition: border ease-out 0.3s, color ease-out 0.3s;}


/* YouTube Container */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




.logo {width:24%; padding:0.5em 0;}
.logo2 {width:24%; padding:0.5em 0;}

.formhead {background: #040034 none repeat scroll 0 0; color: #fff; padding: 10px 15px; z-index: 10; border-radius:5px;}
.borderall {border: 2px solid #040034; border-radius: 5px;}
.borderall-grey {border: 1px solid #d3d3d3;}
.form-container {background-color:#FFFFFF;}

.borderbottomthik {border-bottom: 3px solid #404040;}
.borderbottom {border-bottom: 1px dotted #404040;}



input[type="text"], input[type="password"], textarea {background-color: #fff; border: 2px solid #ccc; padding: 4px; transition: background-color 0.3s ease 0s; width: 95%; display:block; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:1em;}
textarea {min-height:80px;}

input {font-family:Roboto;}
/*
.big-btn {background: #e1b362 none repeat scroll 0 0; border-radius: 4px; color: #ffffff; display: inline-block; padding: 0.7em 2em; text-decoration: none; transition: background 0.4s ease-out 0s, border 0.4s ease-out 0s; -webkit-transition: background 0.4s ease-out 0s; cursor:pointer; font-size:1.1em; font-weight:500; border:0px;}
.big-btn:hover {background: #040034 none repeat scroll 0 0; border:0px;}

.big-btn4 {background: #0078bf none repeat scroll 0 0; border-radius: 4px; color: #ffffff; display: inline-block; padding: 0.7em 2em; text-decoration: none; transition: background 0.4s ease-out 0s, border 0.4s ease-out 0s; -webkit-transition: background 0.4s ease-out 0s; cursor:pointer; font-size:1.1em; font-weight:500; border:0px;}
.big-btn4:hover {background: #559eca none repeat scroll 0 0; border:0px;}

.big-btn3 {background: #040034 none repeat scroll 0 0; border-radius: 4px; color: #ffffff; display: inline-block; padding: 0.4em 0.9em; text-decoration: none; text-transform:uppercase; transition: background 0.4s ease-out 0s; -webkit-transition: background 0.4s ease-out 0s; cursor:pointer; font-size:0.9em; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.big-btn3:hover {background: #c44100 none repeat scroll 0 0;}


.big-btn5 {background: #e1b362 none repeat scroll 0 0; border-radius: 4px; color: #ffffff; display: inline-block; padding: 0.5em 1em; text-decoration: none; transition: background 0.4s ease-out 0s, border 0.4s ease-out 0s; -webkit-transition: background 0.4s ease-out 0s; cursor:pointer; font-size:1.1em; font-weight:500; border:0px;}
.big-btn:hover {background: #040034 none repeat scroll 0 0; border:0px;}

.form-contact input {border:none;}
*/

.big-btn, .big-btn2, .big-btn3, .big-btn4, .big-btn5 {
	border: 2px solid #040034;
	color: #040034;
	display: inline-block;
	padding: 0.7em 2em;
	text-decoration: none;
	transition: background 0.4s ease-out 0s, border 0.4s ease-out 0s;
	-webkit-transition: background 0.4s ease-out 0s;
	cursor:pointer;
	font-size:.9em;
	font-weight:700;
	text-transform: uppercase;
}
.big-btn:hover, .big-btn2:hover, .big-btn3:hover, .big-btn4:hover, .big-btn5:hover {
	border: 2px solid #777777;
	color: #FFFFFF;
	background: #777777 none repeat scroll 0 0;
}







.green {color: #040034;}
.grey {color: #777777;}
.grey-bckgrnd {background:#f5f5f5;}
.scroll-bckgrnd {background:url(../graphics/background-header.jpg) repeat fixed #f0f0ee;}
.divider {background: rgba(0, 0, 0, 0) url("../graphics/divider.png") repeat scroll 0 0; height: 10px; width: 100%; margin:3em 0;}
.divider-landing {background: rgba(0, 0, 0, 0) url("../graphics/divider.png") repeat scroll 0 0; height: 10px; width: 100%; margin:1em 0;}
.vbullet {background: rgba(0, 0, 0, 0) url("../graphics/vbullet.png") no-repeat scroll 0 0;}
.centered-list {margin:auto; width:65%;}
.v-small li {list-style:none; background:url(../graphics/vbullet-small.png) no-repeat top left; background-position:0; padding:6px 20px 6px 30px;}
.plus-small li {list-style:none; background:url(../graphics/plus.png) no-repeat center left; padding:6px 20px 6px 30px;}
.centered-list .v-small li {float:left; width:40%; margin-left:20px;}
.new {background-color:#efad4d; padding:2px 6px; color:#FFFFFF; font-size:0.9em; font-weight:500; border-radius:2px; text-shadow:0 1px 1px rgba(0,0,0,0.5);}
.mar-auto {margin-left:auto; margin-right:auto;}

.feature {border:#f0f0ee 1px solid; margin-left:-1px; min-height:450px;}
.feature > div {padding:25px 30px;}
.feature .v-small, .feature .plus-small {padding:0; margin:0;}
.divider-light {border-top:#CCC 1px dashed; height:1px; margin:15px 0;}

.roundimg img {border-radius: 50%; width: 100%; max-width:170px;}
.roundimg .quote {background: rgba(0, 0, 0, 0) url("../graphics/quote.png") no-repeat scroll 0 0; height: 35px; position: absolute; right: 0; top: 0; width: 35px; z-index: 10;}
.relative {position:relative;}

.left-testi2 {background: rgba(0, 0, 0, 0) url("../graphics/quotes.gif") no-repeat scroll left top; font-size: 0.9em; margin-left: 5%; padding-left: 100px;}

.skobki {padding:0 4em; background:url(../graphics/skobka-left.jpg) left top no-repeat, url(../graphics/skobka-right.jpg) right top no-repeat; min-height:187px; line-height:1.5em;}

.gallery1, .gallery2, .gallery3 {padding:0px;}

.gallery1 li, .gallery3 li {float:left; width:50%; list-style:none; margin-top:20px; background:#FFF; position:relative;}
.gallery1 li .prev, .gallery3 li .prev {position:absolute; z-index:5; bottom:5px; right:40px;}
.gallery1 li .prev img, .gallery3 li .prev img {width:auto; border:none;}
.gallery1 li img, .gallery3 li img {border-radius:5px; border:#b2b2b2 1px solid; width:90%; opacity: 0.7; -webkit-opacity: 0.7; transition:opacity 0.5s; -webkit-transition:-webkit-opacity 0.5s;}
.gallery1 li img:hover, .gallery3 li img:hover {opacity: 1; -webkit-opacity: 1;}

.gallery2 li {list-style:none; margin-top:20px; background:#FFF; display:block;}
.gallery2 li .prev {position:absolute; z-index:5; bottom:5px; right:40px;}
.gallery2 li .prev img {width:auto; border:none;}
.gallery2 li img {border-radius:5px; border:#b2b2b2 1px solid; width:90%; opacity: 0.7; -webkit-opacity: 0.7; transition:opacity 0.5s; -webkit-transition:-webkit-opacity 0.5s;}
.gallery2 li img:hover {opacity: 1; -webkit-opacity: 1;}

.caption {padding-top:20px;}

.gallery3 li {width:25%; margin-top:10px;}
.gallery3 li .prev {position:absolute; z-index:5; bottom:5px; right:20px;}

.gallery-photos li {margin-top:10px;}
.gallery-photos li .prev {position:absolute; z-index:5; bottom:5px; right:20px;}
.gallery-photos {padding:0px;}
.gallery-photos li {float:left; list-style:none; margin-top:5px; background:#FFF; position:relative;}
.gallery-photos li .prev {position:absolute; z-index:5; bottom:2%; right:12%;}
.gallery-photos li .prev img {width:100%; border:none;}
.gallery-photos li img {border-radius:5px; border:#b2b2b2 1px solid; width:90%; opacity: 1; -webkit-opacity: 1; transition:opacity 0.5s; -webkit-transition:-webkit-opacity 0.5s;}
.gallery-photos li img:hover {opacity: 0.7; -webkit-opacity: 0.7;}

.greencircle {background: #040034 none repeat scroll 0 0; border-radius: 50%; color: #ffffff; font-size: 1.4em; font-weight: 700; height: 40px; line-height: 1.7em; text-align: center; width: 40px;}

.anna-bg {padding:90px 180px 40px 30px; background:url(../graphics/anna-bg.jpg) no-repeat right top;}

.greenbullets {list-style:none; padding:0; margin:0;}
.greenbullets li {margin-bottom:12px; background:url(../graphics/green-bullet.jpg) no-repeat left 6px; padding-left:15px;}

.shadow-box {background:#f3f3f3; border:#ddd 1px solid; box-shadow:0 0 4px rgba(100,100,100,0.3); padding:25px; border-radius:3px;}

.next {max-width:400px; min-width:250px;}
.width65t {width:65%;}

.phone {background:url(../graphics/phone.png) no-repeat left 2px; padding:5px 0 5px 40px;}
.container .subscribe {max-width:300px; margin:auto; padding:15px 20px; background:url(../graphics/email.png) no-repeat right center;}
.container .subscribe1 {max-width:100%; padding:11px 20px; background:url(../graphics/email.png) no-repeat right center;}
.icons li {list-style:none; display:inline-block; margin-left:20px;}

.search {border:#c8c8c8 1px solid;}
.search input {border:none; width:auto;}

.btn-bottom {display:inline-block; color:#444; padding:0.3em 0.7em; font-size:1.7em; border-radius:0.2em; border:1px solid rgba(238, 238, 239, 0); transition: border ease-out 0.3s, color ease-out 0.3s; -webkit-transition: border ease-out 0.3s, color ease-out 0.3s;}
.btn-bottom:hover {color:#040034; border:1px solid #040034;}

.btn-top {display:inline-block; color:#444; padding:0.3em 0.7em; border-radius:0.2em; border:1px solid rgba(238, 238, 239, 0); transition: border ease-out 0.3s, color ease-out 0.3s; -webkit-transition: border ease-out 0.3s, color ease-out 0.3s;}
.btn-top:hover {color:#040034; border:1px solid #040034;}
.submenu a {margin:0 15px; color:#505050;}

.btn-blue {border:2px solid #525d7d; padding:0.5em 0.8em; text-transform:uppercase; font-weight:bold; color:#525d7d;}
.btn-blue:hover {background-color:#525d7d; color:#fff;}

.slider .container {color:#525d7d;}
.slider {border-bottom:0px solid #4c6065;}

.new-product {background-color:#f3f3f3; margin-right:20px; padding-top:25px;}

.mlr25 {margin-left:25px; margin-right:25px;}

.yellow {color:#040034;}
.form-contact {background-color:#f0f0f0;}



.yellowhighlight {background-color:#fef7db;}


.imageshade { max-width:400px; border-radius:5px; border:#b2b2b2 1px solid; margin-bottom:10px; opacity: 1; -webkit-opacity: 1; transition:opacity 0.5s; -webkit-transition:-webkit-opacity 0.5s; }		
.imageshade:hover {opacity: .75; -webkit-opacity: .75;}
.image400 { max-width:400px;}
.image200 { max-width:200px;}



@media all {
	.width23 {width:23%;} .width25 {width:25%;} .width30 {width:30%; float:left; margin-right:4%;} .width40 {width:40%;} .width45 {width:45%; float:left; margin-right:5%;} .width50 {width:50%;} .width68 {width:68%;} .width70 {width:70%;}
	.row .width45:nth-child(2) {margin-right:0;}
	.row .width30:nth-child(3) {margin-right:0;}
	.row .width30:nth-child(6) {margin-right:0;}
	.left {float:left;}
	.right {float:right;}
	.mobilemenu {width:38px; height:37px; background:url(../graphics/icon-menu.png) no-repeat; display:none;}
	.mobilemenu1 {display:none; position:absolute; top:63px; right:0; background:#fff; padding:5px 10px; border:#CCCCCC 1px solid; border-radius:5px; z-index:100; box-shadow:0 0 4px rgba(0,0,0,0.4);}
	.mobilemenu1 li {padding:10px 10px; border-bottom:#CCCCCC 1px solid; min-width:250px; list-style:none;}
	.mobilemenu1 li:last-child {border-bottom:none;}
	.form-container {position:absolute; right:4%; top:0; width:380px;}
	.hide-desktop {display:none;}
	.mla60 {margin-left:60px;}
	.phone-icon {display:none;}
}
@media all and (max-width:1400px){
	
}
@media all and (max-width:1300px){
	.centered-list {width:70%;}
	.centered-list .v-small li {float:left; width:40%; margin-left:0;}
}
@media all and (max-width:995px){
	.container .hide-tablet {display:none;}
	.show-tablet {display:inline-block;}
	.tablet-mt10 {margin-top:10px;}
	.tablet-mt20 {margin-top:20px;}
	.tablet-mt30 {margin-top:30px;}
	.topmenu {width:70%; text-align:right;}
	.container .tablet-mt {margin-top:110px;}
	.container .tablet-mt20 {margin-top:20px;}
	.divider {margin:2em 0;}
	.centered-list {width:100%;}
	.centered-list .v-small li {float:left; width:40%; margin-left:0;}
	.width33m {float:left; width:49%;}
	.width26, .container .expand-tablet {float:left; width:100%;}
	.mla60 {margin-left:0;}
	.v-small li {display:inline-block;}
	.container .shrink-tablet {width:auto;}
	.divider-tablet {border-top:#CCCCCC 1px solid; margin:20px 0; padding-top:20px;}
	.greenbullets li {margin-bottom:5px;}
}
@media all and (max-width:768px){
	.topmenu{display:none;}
	.topmenu-mobile{width:40px; text-align:right; float:right; position:relative;}
	.show-mobile {display:inline-block;}
	.show-mobile1 {display:block;}
	.container .hide-tablet {display:none;}
	.container .hide-768 {display:none;}
	.tablet-mt10 {margin-top:10px;}
	.tablet-mt20 {margin-top:20px;}
	.mobilemenu {display:inline-block;}
	.form-container {width:95%; position:static; margin:30px 10px;}
	.container .tablet-mt, .container .tablet-mt30 {margin-top:30px;}
	.foursection li {width:100%; min-height:inherit; margin-top:20px;}
	.width30, .width33m, .width26 {display:block; width:100%;}
	.divider {margin:2em 0;}
	.font22 {font-size:2em;}
	.font30 {font-size:2.5em;}
	.centered-list {width:100%;}
	.centered-list .v-small li {width:85%;}
	.expand-tablet {display:block; width:100%;}
	.divider-mobile {border-top:#CCCCCC 1px solid; margin:20px 0; padding-top:20px;}
	.hundred768 {width:100%;}
	.feature {min-height:inherit;}
	.tablet768-mt10 {margin-top:10px;}
	.tablet768-mt20 {margin-top:20px;}
	.tablet768-mt30 {margin-top:30px;}
}
@media all and (max-width:605px){
	.container .hide-mobile {display:none;}
	.width23, .width25, .width26, .width30, .width35, .width33m, .width40, .width45, .width50, .width60, .width65, .width68, .width70, .width90 {display:block; width:100%;} 
	.big-btn {display:inline-block;}
	.container .mobile-mt10 {margin-top:10px;}
	.container .mobile-mt20 {margin-top:20px;}
	.container .mobile-mt30 {margin-top:30px;}
	.container .mobile-mt40 {margin-top:40px;}
	.container .mobile-mt50 {margin-top:50px;}
	.container .mobile-mt60 {margin-top:60px;}
	.left {}
	.right {float:none;}
	.container .logo {float:left; width:50%;}
	.topmenu{width:35px; text-align:right; float:right;}
	.ml30 {margin-left:0;}
	.ml40 {margin-left:0;}
	.width88 {float:right;}
	.greencircle {width:40px; float:left;}
	.expand-mobile {display:block; width:100%;}
	.phone-con {float:right; width:50%;}
	.font12fluid {font-size:1em;}
	.font22fluid {font-size:1.6em;}
	.skobki {padding:0 1em; background:none;}
	.phone-icon {display:inline-block; position:absolute; right:20px;}
}
@media all and (max-width:515px){
	.phone {padding:10px 0 10px 40px;}
	.anna-bg {padding:10px 30px 20px 30px; background:#FFFFFF; margin-top:40px;}
	.container .subscribe {max-width:250px;}
	.font35 {font-size:2.5em;}
	.height200 {height:3px;}
}