*{ font-family: 'DKLemonYellowSun';}
a, a.focus{ outline:none!important; text-decoration:none!important;}

.mainmenu .sub-menu {list-style: outside none none;  min-width: 250px;  padding: 0;  position: absolute;  z-index: 1000;  display:none;transition: all 1s ease-in-out 0s;}
.mainmenu li:hover .sub-menu{background:  #d99f00; display:block;transition: all 5s ease-in-out 0s; }
.mainmenu .sub-menu li{background:  #d99f00;}
.mainmenu .sub-menu li a { background: none repeat scroll 0 0 #d99f00;  display: block;  padding: 10px 15px;  text-align: left;  text-decoration: none;  transition: all 0.5s ease-in-out 0s;color:#fff;}
.mainmenu .sub-menu li a:hover { background:#000; border-left:5px solid #fff; padding-left:25px; color:#fff;}
.mainmenu .navbar-toggle .icon-bar{ background:#ffffff;}
.mainmenu .navbar{ margin-bottom:0;}
.carousel { margin-top: -1px;}

header .header-top { position: absolute; top: 0;  width: 100%;  z-index: 100;}
header .header-top.sticky {  background: #111014 none repeat scroll 0 0;  left: 0;  position: fixed;  top: 0;  transition: all 0.4s ease 0s;  width: 100%;  z-index: 99999; padding:5px 0;}
header .header-top .mainmenu{background:#111014;padding: 13px 0;}
header .header-top .mainmenu ul li{}
header .header-top .mainmenu ul li a{ color:#b6b6b6; font-size:16px; text-transform:uppercase; font-weight:700; margin: -1px;padding: 15px 53px;font-family: 'Open Sans', sans-serif;}
header .header-top .mainmenu ul li a:hover, header .header-top .mainmenu ul li a:focus, header .header-top .mainmenu ul li a.active {background:none;  color:#ffffff; transition:all 0.3s ease 0s;}

header .header-bottom { margin-top: 75px;}
header .header-bottom .carousel-content-panel {  left: 0;  position: absolute;  right: 0;  top: 30%;}
/*header .header-bottom .carousel-content-panel p {  color: #6a6a6a; font-family: 'HelveticaNeueLTPro-Bd';  font-size: 80px;  font-weight: 500;  margin:-10px 0 0; }*/
header .header-bottom .carousel-content-panel p { color: #6a6a6a; font-family: Arial; font-size: 70px; font-weight: 400; padding-left: 6%;}
header .header-bottom .carousel-indicators li { background: #a6a6a6;  border: 0 none;  height: 9px;  margin:0 2px;  width: 9px;}
header .header-bottom .carousel-indicators li.color_1{background: #7e7e7e;}
header .header-bottom .carousel-indicators li.color_2{background: #595959;}
header .header-bottom .carousel-indicators li.color_3{background: #404040;}
header .header-bottom .carousel-indicators li.color_4{background: #262626;}
header .header-bottom .carousel-indicators .active {  background:#a6a6a6;  height: 9px;  margin:0 2px;  width: 9px; border:0;}
.carousel-indicators { left: 23%; margin: 0 auto;  bottom:47%; display:table;}

.holder{}
.holder h2{ font-size:55px; text-transform:uppercase; margin-bottom:35px; font-weight:700;}
.holder p{ text-transform:uppercase; font-size:18px;}
.holder .carousel-nav{}
.holder .carousel-nav .carousel-nav-prev{background:url(img/others/prev.png) no-repeat; top: 15px; left:87%; position:absolute; width:55px; height:55px; text-indent:-99999px;}
.holder .carousel-nav .carousel-nav-prev:hover{ background:url(img/others/prev-hover.png) no-repeat;}
.holder .carousel-nav .carousel-nav-next:hover{ background:url(img/others/next-hover.png) no-repeat;}
.holder .carousel-nav .carousel-nav-next{ background: rgba(0, 0, 0, 0) url("img/others/next.png") no-repeat scroll 0 0;  height: 55px;  position: absolute;  right:40px;  text-indent: -99999px;  top:15px;  width: 55px;}
.holder .carousel-indicators.section1{ display:none;}
.holder .who-holder{ background:url(img/others/who-bg.jpg); background-repeat:no-repeat; background-size:cover;  padding-bottom: 14%;  padding-top: 13%;}
.holder .who-holder h2{ color:#f2a31a; font-size:65px;}
.holder .who-holder p{ color:#f2a31a; font-size:28px; margin-bottom:20px;}

.holder .distributor-holder{ background:url("img/others/distributor-bg.jpg"); background-repeat:no-repeat; background-size:cover; padding-bottom: 18%;  padding-top: 9%; z-index:10; background-position: 100% 100%; width:100%; height:100%;}
.holder .distributor-holder .books {bottom: 0; left: 0; position: absolute; right: 0;}
.holder .distributor-holder h2{ color:#ffffff; margin-bottom: 15px;	}
.holder .distributor-holder p{ color:#ffffff;font-family: 'Roboto', sans-serif; }
.holder .distributor-holder p span{ font-size:25px;font-family: 'Roboto', sans-serif; font-weight:600;}

.holder .service-holder{background-image:url(img/others/services-bg.jpg); background-repeat:no-repeat; background-size:cover; padding-bottom: 15%;  padding-top: 15%;}
.holder .service-holder h2{color:#ffc000;}
.holder .service-holder h3{color:#ffffff; font-size:46px;}
.holder .service-holder .blue h3{color:#66ccff;}
.holder .service-holder .blue p{color:#66ccff; }
.holder .service-holder p{color:#ffffff;font-size:25px;}

.holder .content-holder{background:url(img/others/content-bg.jpg) center center;background-size:cover;padding-bottom: 17%;
    padding-top: 17%;}
.holder .content-holder p{color:#ffffff; font-size:32px; padding-bottom:20px;}

.holder .dvd-holder{ border-bottom:4px solid #f2a31a;  padding-bottom: 11%; padding-top: 11%;}
.holder .dvd-holder h2{ color:#f2a31a;}
.holder .dvd-holder .dvd-image img{ width: 40%;}

.holder .brand-holder{ padding-bottom:5%;padding-top: 2%;}
.holder .brand-holder h2{ color:#f2a31a;}
.holder .brand-holder h4{ margin:0;}
.holder .brand-holder h4 a{ color:#ffffff; font-size:22px;line-height: 1.5;}
.holder .brand-holder .category1{ background:#e0c18a;padding: 33px 0;}
.holder .brand-holder .category2{ background:#e0c18a;padding: 50px 0;}
.holder .brand-holder .category3{ background:#a86a44;padding: 67px 0;}
.holder .brand-holder .category4{ background:#a86a44;padding: 67px 0;}
.holder .brand-holder .category5{ background:#a86a44;padding: 50px 0;}
.holder .brand-holder .category6{ background:#949194;padding: 50px 0;}
.holder .brand-holder .category7{ background:#949194;padding: 66.5px 0;}
.brand-content {  border: 1px solid #eee;}

.no-padding{ padding:0;}
.no-margin{ margin:0;}
.holder .marketing-holder{background-image:url(img/others/marketing-bg.jpg); background-repeat:no-repeat; background-size:cover; padding-bottom: 12%;
    padding-top: 13%;}
.holder .marketing-holder .marketing-holder-content { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; box-shadow: 0 0 14px #ffffff; padding: 30px 20px;  text-align: center;}
.holder .marketing-holder h2{color:#f2a31a}
.holder .marketing-holder p{ color:#ffffff; font-size:26px;}

.holder .provide-holder{background-image:url(img/others/provide-bg.jpg); background-repeat:no-repeat; background-size:cover;  padding-bottom: 12%;
    padding-top: 13%;}
.holder .provide-holder h2{color:#ffffff;}
.holder .provide-holder p a{color:#ffffff;font-size:35px;}

.holder .partner-holder{background-image:url(img/others/partner-bg.jpg);  background-repeat:no-repeat; background-size:cover;padding-bottom: 9%;    padding-top: 5%; }
hr{ border-color:#bbbcba;}
.holder .partner-holder h2{color:#ffffff;}
.border { border-bottom: 1px solid #bcbcbb;  border-right: 1px solid #bcbcbb;}
.border.bottom { border-bottom:0!important;}
.border.right {  border-right:0!important;}
.partner-image {  margin-bottom: 40px;  margin-top: 40px;}


.holder .contact-holder{background:url(img/others/contact-bg.jpg) fixed; background-repeat:no-repeat; background-size:cover;padding: 9% 0;}
.holder .contact-holder h2{color:#ffffff; margin-bottom:18px;}
.holder .contact-holder h3{color:#ffffff; font-size:36px; margin-top:6%; margin-bottom:2%;}
.holder .contact-holder p{color:#ffffff;font-family: 'Roboto', sans-serif; font-size:20px; margin-bottom:2%;}
.holder .contact-holder form{ padding:0 9%}
.holder .contact-holder input{ background:none; border-radius:0; height:45px; color:#ffffff;font-family: 'Roboto', sans-serif; margin-bottom:7%;}
.holder .contact-holder textarea{ background:none; border-radius:0; color:#ffffff;font-family: 'Roboto', sans-serif;}
.holder .contact-holder .btn.btn-send{ color:#FFFFFF; background:#a37220; text-transform:uppercase; border-color:#a8a6a7; font-size:20px;font-family: 'Roboto', sans-serif; padding:7px 35px; margin-top:2%;}


@media(max-width:1800px){
	.carousel-indicators { bottom: 43%;}
}	
@media(max-width:1600px){
	.carousel-indicators {bottom:45%;}
	
	.holder .who-holder{ padding-bottom: 9%;  padding-top: 8%;}
	.holder .distributor-holder{ padding-bottom: 16%; padding-top: 5%;}
	.holder .service-holder{ padding-bottom: 15%; padding-top: 10% !important;}
	.holder .content-holder{  padding-bottom: 14%; padding-top: 16%;}
	.holder .dvd-holder {padding-bottom: 4%; padding-top: 10%;}
	
	.holder .marketing-holder{  padding-bottom: 9%; padding-top: 9%;}
	.holder .provide-holder{ padding-bottom: 9%;  padding-top: 11%;}
	.holder .partner-holder{ padding-bottom: 8%;  padding-top: 1%;}
	
}
@media(max-width:1599px){
		.carousel-indicators { bottom: 40%;}
}		
@media(max-width:1366px){

	.carousel-indicators {bottom:39%; }
	.holder .service-holder{ padding-top: 18%;  padding-bottom: 10%;}
	.holder .who-holder{ padding-bottom: 6%; padding-top: 3%;}
	.holder .distributor-holder{  padding-top: 1%; padding-bottom:13%;}
	.holder .content-holder{padding-bottom: 10%; padding-top: 13%;}
	.holder .dvd-holder { padding-bottom: 3%; padding-top: 3%;}
	
	.holder .marketing-holder{ padding-bottom: 6%;  padding-top: 6%;}
	.holder .provide-holder { padding-bottom: 8%; padding-top: 9%;}
	.holder .partner-holder{ padding-bottom: 9%;  padding-top: 5%;}
}	

@media(max-width:1299px){

	header .header-top .mainmenu ul li a { padding: 15px 36px;}
	.carousel-indicators { bottom: 29%;  left: 24%;}
	header .header-bottom .carousel-content-panel p {  padding-left: 10%;}
	.holder .carousel-nav .carousel-nav-next {  right: 2%;}
	.holder .who-holder { text-align:center;}
	.holder .content-holder {padding-top: 15%;}
	.holder .distributor-holder { padding-bottom: 17%;  padding-top: 1%;}
	.holder .dvd-holder { padding-bottom: 3%;padding-top: 8%;}
	.holder .marketing-holder {  padding-bottom: 2%;  padding-top:10%;}
	.holder .marketing-holder .marketing-content { padding: 13px 40px;  }
	.holder .provide-holder {padding-top: 8%;}	
	.holder  h2 { font-size: 55px;}
	
}

@media(max-width:1023px){
	header .header-top .mainmenu ul li a {  padding: 15px;}
	header .header-bottom .carousel-content-panel {  top:22%;}
	.carousel-indicators {  bottom: 24%; left: 26%;}
	header .header-bottom .carousel-content-panel p {  padding-left: 13%;}
	.holder h2 {  font-size: 50px; margin:10px 0;}
	.holder .carousel-nav .carousel-nav-prev { top: 22px; left: 80%;}
	.holder .carousel-nav .carousel-nav-next {  top: 22px;}
	.holder .marketing-holder .marketing-holder-content { margin: 10px 0; padding: 20px 2%;}
	.holder .distributor-holder { padding-bottom: 27%; padding-top: 12%;}
	.holder .service-holder { padding-top: 28%;}
	.holder .content-holder { padding-top: 27%;}
	.holder .partner-holder { padding-bottom: 10%; padding-top: 11%;}
	.holder .service-holder p {  font-size: 22px;}	
	.holder .content-holder p {  font-size: 27px;}
	.holder .dvd-holder h2 { font-size: 42px;}
	.holder .dvd-holder ul li{ padding:10px 5px;}
	.holder .brand-holder .category5 {  padding: 67px 0;}
	.holder .brand-holder .category7 { padding: 83px 0;}
	.holder .marketing-holder{ text-align: center;}
	.holder .marketing-holder .marketing-content { padding:0;  }


}

@media(max-width:767px){
	
	header .header-top .mainmenu ul li a{ margin:0;}
	.carousel-indicators {   bottom: 28%; left: 23%;}
	header .header-bottom .carousel-content-panel {  top: 25%;}
	header .header-bottom .carousel-content-panel img{ width:360px;} 
	header .header-bottom .carousel-content-panel p {  font-size: 45px; margin:0; padding-left: 10%;}
	.holder h2 {  font-size: 40px;margin-top: 12%;}
	.holder .carousel-nav .carousel-nav-prev { left: 75%; top: 20px;}
	.holder .carousel-nav .carousel-nav-next { right: 3%; top: 20px;}
	/*.holder .who-holder{ background:url(img/others/who-bg-mob.jpg) center center; background-repeat:no-repeat; background-size:cover; }*/
	.holder .who-holder { background: rgba(0, 0, 0, 0) url("img/others/who-bg.jpg");  background-repeat:no-repeat; background-size:cover; background-position:15% 0;}
	.holder .distributor-holder { padding-top: 10%; }
	.holder .dvd-holder {  padding-top: 10%;}
	.holder .brand-holder {height: auto;  padding-top: 18%; padding-bottom: 13%;}
	.holder .partner-holder {  padding-top: 15%;}
	.holder .marketing-holder {  padding-top:16%;}
	.holder .brand-holder .category1, .holder .brand-holder .category2, .holder .brand-holder .category3, .holder .brand-holder .category4, .holder  		 		.brand-holder .category5, .holder .brand-holder .category6, .holder .brand-holder .category7 {  padding: 30px;}
	.holder .partner-holder .partner-image {  margin-bottom: 25px;}
	.border { border-bottom: 0;  border-right: 0;}
}	

@media(max-width:480px){
	.carousel-indicators { bottom: 22%;}	
	.carousel-indicators {left: 24%;}
	header .header-bottom .carousel-content-panel p {  font-size: 28px;}
	header .header-bottom .carousel-content-panel { top: 29%;}
	.holder h2 { font-size:26px;}
	.holder .brand-holder { padding-top: 30%;}
	.holder .dvd-holder { padding-top: 22%;}
	.holder .distributor-holder { padding-top: 22%;}
	.holder .service-holder { padding-top: 22% !important;}
	.holder .marketing-holder {  padding-top: 22%;}
	.holder .provide-holder {  padding-top: 22%;}
	.holder .partner-holder { padding-top: 22%;}
	.holder .who-holder h2 { font-size: 45px;}
	.holder .who-holder p { font-size: 26px;}
	.holder .marketing-holder p {  font-size: 21px;}
	.holder .dvd-holder h2 {  font-size: 25px;  padding: 0 37px;}
	.holder .distributor-holder p {padding-bottom: 0;}

	.holder .contact-holder h3 {  font-size: 25px;}

}

@media(max-width:414px){		
	header .header-bottom .carousel-content-panel img { width: 250px;}
	.holder .carousel-indicators.section1{ display:none;}
	header .header-bottom .carousel-content-panel p {  font-size: 27px;  margin-top: 4px;}
	.holder .contact-holder h3 { font-size: 22px;  margin-bottom: 10%;}
	.holder .carousel-nav .carousel-nav-prev { left: 60%; top: 20px;}
	header .header-bottom .carousel-content-panel {  top: 24%;}
	.holder .who-holder p { font-size: 21px;}
	
	.carousel-indicators { bottom: 28%;}
}
@media(max-width:375px){
	.carousel-indicators { bottom: 24%;}
}
@media(max-width:320px){
	.carousel-indicators { bottom: 12%;}
}