/*!

 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



/* Global Styles */

@import url('https://fonts.googleapis.com/css?family=Raleway:300');

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@import url('https://fonts.googleapis.com/css?family=Courgette');





@font-face {

    font-family: f1;

    src: url(../fonts/ff1.otf);

}

@font-face {

    font-family: f2;

    src: url(../fonts/ff1.ttf);

}

@font-face {

    font-family: f3;

    src: url(../fonts/ff4.ttf);

}

@font-face {

    font-family: f5;

    src: url(../fonts/f5.ttf);

}

.nopad{

	padding-left:0px;

	padding-top:0px;

	padding-right:0px;

	padding-bottom:0px;

	

}

.navba

{

	

}

.navba ul li a 

{

	color:#fff !important;

}

html,

body {

    height: 100%;

}



body {

    padding-top:0px;

}

.ball {

	transition:all 1s;

}

.ball1 {

	display: block;

	background-color: #f7f7f7;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));

	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

	position: relative;

	text-align: center;

	width:100%;

	height:170px;

	border-radius: 50%;

	box-shadow: 0px 8px 8px #aaa, inset 0px 2px 3px #fff;

	text-decoration:none;

	border:1px solid #fff;

}

.ball1 {

	display: block;

	background-color: #f7f7f7;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));

	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

	position: relative;

	text-align: center;

	width:100%;

	height:170px;

	border-radius: 50%;

	box-shadow: 0px 8px 8px #aaa, inset 0px 2px 3px #fff;

	text-decoration:none;

	border:1px solid #fff;

}

.ball2 {

	display: block;

	background-color: #f7f7f7;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff));

	background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff );

	background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);

	background-image: -ms-linear-gradient(top, #e6e6e6, #ffffff);

	background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);

	position: relative;

	text-align: center;

	width:100%;

	height:170px;

	border-radius: 50%;

	box-shadow: 0px -8px 8px #ccc, inset 0px 2px 3px #fff;

	text-decoration:none;

	border:1px solid #fff;

}

.section1 {

	margin-top:50px;

	margin-bottom:50px;

}

.ball {

	padding-top:40px;

	color:#000;

	font-family:ff2;

	font-size:13px;

}



.tllfnt{

	font-family:'f5';

	font-size:35px;

	color:#f17e14;

	text-transform:uppercase;

	margin-top:35px;

}



.tllfnt2{

	font-family: 'Open Sans', sans-serif;

	font-size:40px;

	color:#000;

	text-transform:uppercase;

	line-height:22px;

}

.ball a{

	padding-top:60px;

	color:#000;

	font-size:14px;

	text-decoration:none;

	font-weight:bold;

	font-family: 'Open Sans', sans-serif;

}



.section2 {

	background:rgba(245, 242, 229, 1);

}

.plasma {

	height:250px;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-position:center;

}

.prisma {

	background:#fff;

	height:250px;

	text-align:center;

}

.prisma p {

	font-family:ff4;

}

.prisma h4 {

	color:rgba(162, 141, 15, 1);

	font-family:ff3;

	font-size:20px;

}

.pixar {

	height:500px;

	background-size:100% 100%;

	border:1px solid #fff;

}

.pixel {

	height:500px;

	padding-top:30px;

	border:1px solid #fff;

	padding-bottom:30px;

}

.pixel1 {

	background-color:#aacfe2;

}

.pixel2 {

	background-color:#e3d69f;

}

.pixel h2 {

	font-family:ff3;

	color:#000;

}

.pixel p {

	font-family:ff4;

	font-size:14px;

	color:#151515;

}

.ball:hover {

	transform:scale(1.2, 1.2);

}

.navi

{

	

	background-repeat:repeat;

	background-color:#003;

	color:#000 !important;

}

.navi ul li a 

{

	color:#333 !important;

	font-family: 'Raleway', sans-serif;

}

.navbar-brand

{

	color:#000 !important; 

	font-family: 'Raleway', sans-serif;

	font-size:30px;

}

.no-padding

{

	padding:0px;

}





.navo .navbar-nav {

    width: 100%;

    

  }

  .navo .navbar-nav  li {

      float: none;

      display: inline-block;

	  width:AUTO;

	  font-size:14px;

	  padding:9px;

	  margin-top:45px;

	  

    }

	

	.pdlft{

		margin-left:7px;

	}

	

	.pdrlt{

		margin-right:16px;

	}

	

	

	.navo .navbar-nav  li a:hover {

    background:#c0af2c;

	color:#fff;

    }

.navo

{

	font-family: 'Raleway', sans-serif;



	margin-bottom:0px;

}

.navo ul li a 

{

	color:#000;

	

}



.nav-tabs li{

	width:33.333333333%;

	text-align:center;

	color:#000;

	

	

}

.bji

{

	padding:20px 15px;

	text-align:center;

}



.nav-tabs>li>a {

	color:#000;

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover

{

	background:#BA1823;

	color:#fff;

}

.tab-content h4

{

	color:#BA1823;

	font-family:f4;

	margin-top:20px;

}



.maincont{

  width:1200px;

  height:auto;

  margin:0 auto;

  }



.tel{

	font-size:13px;

	color:#FFF;

	font-family: 'Open Sans', sans-serif;

	margin-top:10px;

	margin-bottom:10px;

}



.tel2{

	font-size:13px;

	color:#ff0000;

	font-family: 'Open Sans', sans-serif;

	margin-top:10px;

	margin-bottom:10px;

}







@media(max-width:768px) {

	.section-1b{

	

	background-position:center;

	background-size:cover;

	height:150px;

}

}





	

.inner-bar

{

	background-image:url('../img/rib.png');

	background-position:center;

	background-size:100% 100%;

	height:200px;

	z-index:10;

	width: 1204px;

	margin: 0 auto;

}



.naver

{

	margin-top:65px;

}

.naver li a 

{

	padding-left: 30px;

	padding-right: 30px;

	color:#fff;

	font-weight:bold;

}

.banner

{

	margin-top:-80px;

	z-index:0;

}



.section-2{

	background-image:url(../img/section2bg.jpg);

	min-height:400px;

	background-position:center;

	background-size:cover;

	

}

	

.header

{

	text-align:center;

	margin-top:-17px;

	width:100%;

	position:absolute;

}

.pro

{

	padding-top:60px;

}

.probox

{

	text-align:center;

	padding-bottom:50px;

}

.proimg

{

	width:218px;

	height:218px;



	margin:0px auto;

}

.p1

{

	background-image:url(../img/prc1.png);

}

.p2

{

	background-image:url(../img/prc2.png);

}

.p3

{

	background-image:url(../img/prc3.png);

}

.p4

{

	background-image:url(../img/prc4.png);

}

.probox h3

{

	color:#fff;

	font-family:f2;

}



.probox p

{

	color:#000;

	font-family:f2;

}



.btn1

{

	border:1px solid #fff;

	padding:7px 30px;

	background:rgba(134,88,29,.4);

	font-family:f2;

	color:#fff;

	

}

.section-3{



background-image:url(../img/section3bg.jpg);

	min-height:400px;

	background-position:center;

	background-size:cover;

	padding-top:80px;



}

.section-3 h2{

	font-family:f1;

	font-size:40px;

	

	

}

.section-3 p{

	font-family:f2;

	text-align:justify;

	text-justify:inter-word;

}



.section-4{

	background:#231A26;

	padding:20px 0px;

	

}

.section-4 h3

{

	color:#fff;

	font-family:f1;

	font-size:32px;

}



.section-4 p

{

	color:#fff;

	font-family:f2;

	font-size:14px;

}



.section-products h3



{

text-align:center;

font-family:f1;

background:#ECD8AC;

padding:5px 0px;

font-size:30px;	

}



.macro

{

	text-align:center;

	font-family:f2;

	padding:20px 0px;

}

.macro img

{

	width:80%;

}

.macro img:hover

{

	width:80%;

	filter: url(filters.svg#grayscale);

  /* Firefox 3.5+ */

  filter: gray;

  /* IE6-9 */

  -webkit-filter: grayscale(1);

  /* Google Chrome & Safari 6+ */

}



.section-contact h2

{

	font-family:f1;

	font-size:40px;

}

.section-contact

{

	font-family:f2;

}

.text1

{

	width:100%;

	background:#F9F9F9;

	border:1px solid #ddd;

	height:40px;

}

.text2

{

	width:100%;

	background:#F9F9F9;

	border:1px solid #ddd;

	

}

.btn2

{

	background:#C7A152;

	padding:10px 20px;

	border-radius:0px;

	font-family:f2;

}

.boxer

{

	background:#eeeff1;

	padding:40px 40px;

	min-height:500px;

	color:#fff;

	

}

.boxer img

{

	margin:0px auto;

}

.feeder

{

	margin-top:150px;

}

.section-about h2

{

	font-family:f1;

	font-size:50px;

}

.section-about p{

	font-family:f3;

	font-size:14px;

	text-align:justify;

	text-justify:inter-word;

}

.section-about h4

{

	font-family:f1;

	font-size:20px;

	COLOR:#E8BE6E;

}

.section-about h3

{

	font-family:f1;

	font-size:30px;

	

}

.paka

{

	text-align:justify;

	text-justify:inter-word;

	font-family:f3;

}

/* Footer Styles */





.btn-blog {

    color: #ffffff;

    background-color: #E50000;

    border-color: #E50000;

    border-radius:0;

    margin-bottom:10px

}

.btn-blog:hover,

.btn-blog:focus,

.btn-blog:active,

.btn-blog.active,

.open .dropdown-toggle.btn-blog {

    color: white;

    background-color:#0b56a8;

    border-color: #0b56a8;

	color:#D9842A;

}

article h2{color:#333333;}

h2{color:#2f1500;}

 .margin10{margin-bottom:10px; margin-right:10px;}



.section-product hr{

	margin:0px 0px;

	border-top:2px solid #ccc;

}

.section-product h3{

	font-family:f2;

	font-size:20px;

}

.section-product h3 span{

	color:#D9842A;

}

.section-product h2 {

	font-size:18px;

	color:#D9842A;

}

.section-product p {

	text-align:justify;

	text-justify:inter-word;

}

.tile

{

	padding:0px;

}

.imgr

{

	width:100%;

}



.imgr img 

{

width:100%;

}



.imgr img:hover

{

	width:100%;

	filter: url(filters.svg#grayscale);

  /* Firefox 3.5+ */

  filter: gray;

  /* IE6-9 */

  -webkit-filter: grayscale(1);

  /* Google Chrome & Safari 6+ */

}

.footer

{

	background-image:url(../img/footer.jpg);

	padding-top:20px;

	color:#ffcf40;



}

.logo2

{

	padding:20px 0px;

}

.footer h4{

	color:#ffcf40;

	

}

.footer a 

{

	color:#fff;

	margin-top:7px;

	padding:7px 0px;

}

.footer h5

{

	font-size:16px;

	color:#ffcf40;

}

.footer h6

{

	font-size:16px;

	

	COLOR:#ffcf40;

}

.footer p 

{

	color:#fff;

	

}

.footer span

{

	

	color:#333;

	font-size:11px;

}





.footer

{

	background-image:url(../img/footer.jpg);

	

	background-size:100% 100%;

}

.footer h3

{

	font-family:f5;

	color:#fff;

}

.footer a 

{

	font-size:16px;

	

	margin-top:20px;

}

.footer p 

{

	color:#fff;

	line-height:200%;

}

.text1

{

	width:100%; margin-top:10px;

	height:35px;

	background:none;

	padding-left:10px;

	font-size:14px;

	border:1px solid #3a4856;

}

.text2

{

	width:100%; margin-top:10px;

	height:35px;

	background:rgba(255,255,255,.8);

	padding-left:10px;

	font-size:14px;

	border:1px solid #ccc;

}



.text3

{

	width:100%; margin-top:10px;

	height:100px;

	background:rgba(255,255,255,.8);

	padding-left:10px;

	font-size:14px;

	border:1px solid #ccc;

}

.lopad

{

	padding:0px 5px;

}

.btn1

{

	background:#d3111f;

	color:#fff;

	border-radius:10px;

	margin-top:15px;

	margin-bottom:15px;

}



.top{

	width:100%;

	background-repeat:repeat;

	height:86px;

	background-color:#FFF;

}

}



@media(max-width:1000px) {

    .naver li a 

{

	padding-left: 10px;

	padding-right: 10px;

	color:#000;

}

.logo

{

	margin-top:30px;

}

.banner

{

	margin-top:-80px;

}

}



@media(max-width:768px) {

    .naver li a 

{

	padding-left: 10px;

	padding-right: 10px;

	color:#fff;

}

.top{

	width:100%;

	background-image:url(../img/bg.jpg);

	background-repeat:repeat;

	height:auto;

}

.logo

{

	margin-top:30px;

}

.banner

{

	padding:30px;

	margin-top:0px;

}

body

{

	padding-top:50px;

}

}















.nav-sidebar { 

    width: 100%;

    padding: 30px 0; 

    border-right: 1px solid #ddd;

	background:#EBEBEB;

	padding-left:10px;

	min-height:500px;

}

.nav-sidebar a {

    color: #000;

	font-family:f2;

	font-size:14px;

    -webkit-transition: all 0.08s linear;

    -moz-transition: all 0.08s linear;

    -o-transition: all 0.08s linear;

    transition: all 0.08s linear;

}



.nav-sidebar a:hover {

    color: #fff;

	font-family:f2;

	font-size:14px;

	background-color:#bc8937;

    -webkit-transition: all 0.08s linear;

    -moz-transition: all 0.08s linear;

    -o-transition: all 0.08s linear;

    transition: all 0.08s linear;

}





.nav-sidebar .active a { 

    cursor: default;

    

   color:#D9842A;

}

.nav-sidebar .active a:hover {

  

	color:#fff;	

}

.nav-sidebar .text-overflow a,

.nav-sidebar .text-overflow .media-body {

    white-space: nowrap;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis; 

}



	.maincont2{

width:100%;

height:auto;

  margin:0 auto;

 

  z-index:99999999999;

  }

  

.bannertextbox{

	width:637px;

	height:104px;

	margin:0 auto;

	

	z-index:99999999999;

	

	

}



.wlcmefnt{

	font-family: 'Raleway', sans-serif;

	font-size:55px;

	line-height:45px;

	color:#fff;

}



.bannertextbox2b{

	width:563px;

	height:57px;

	float:left;

	padding-left:10px;

	font-family:  'Open Sans', sans-serif;

	font-size:30px;

	color:#a2a2a2;

	background:none;

-webkit-border-radius: 9px;

-moz-border-radius: 9px;

border-radius: 9px;

	

	

	

	

}

.btn1

{

	background:#d3111f;

	color:#fff;

	border-radius:10px;

	margin-top:15px;

	margin-bottom:15px;

}

.bot{

	background:#0f62a0;

	color:#fff;

	padding:5px;

	font-size:12px;

	font-family:  'Open Sans', sans-serif;

	text-transform:uppercase;

	text-align:center;

}

.nrmlfnt{

	font-family: 'Raleway', sans-serif;

	font-size:16px;

	color:#333;

	line-height:24px;

}



.nrmlfntnw{

	font-family:  'Open Sans', sans-serif;

	font-size:14px;

	color:#333;

	line-height:25px;

}



.nrmlfnt2{

	font-family:  'Open Sans', sans-serif;

	font-size:16px;

	color:#000;

	line-height:34px;

}





.footer {

	width:100%;

	height:auto;

	background-color:#4499da;

	margin-top:-4px;

	font-family: 'Raleway', sans-serif;

	font-size:30px;

	color:#fff;

	text-transform:uppercase;

	padding-top:20px;

}

.footer2 {

	width:100%;

	height:auto;

	background-color:#222222;

	font-family: 'Raleway', sans-serif;

	font-size:30px;

	color:#ffcf40;

	text-transform:uppercase;

	padding-top:20px;

	margin-top:25px;

}

.tppn2 {

	width:1200px;

	height:auto;

	margin:0 auto;

}

.txb1 {

	width:100%;

	height:32px;

	background:none;

	font-size:12px;

	border:solid 1px #373737;

	padding-left:5px;

	color:#dedede;

}

.txb2 {

	width:95%;

	height:122px;

	background:none;

	font-size:12px;

	border:solid 1px #373737;

	padding-left:5px;

	color:#dedede;

	margin-top:10px;

	float:right;

}









.tcspbg{

	background-color:#eeeff1;

	padding:18px;

	border-top:#dbdbdb solid 1px;

	

}

.tcspbg2{

	padding:18px;

	border-top:#dbdbdb solid 1px;	

}



.cntc{

	

	font-size:25px;

	color:#004778;

	font-family: 'Raleway', sans-serif;

	line-height:20px;

	text-align:center;

}



.cntc2{

	

	font-size:18px;

	color:#343434;

	font-family: 'Raleway', sans-serif;

	line-height:25px;

	text-align:center;

}



.btmbg{

	width:100%;

	height:auto;

	background-image:url(../img/btmbg.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	float:left;

	background-color:#071106;

	

}







.tpphn{

	

	color:#fff;

	font-family: 'Raleway', sans-serif;

	font-size:26px;

	line-height:55px;

}













.attrct{

	

	color:#666;

	font-family: 'Raleway', sans-serif;

	font-size:15px;

	line-height:24px;

	

	

}



.tpcb{

	background-image:url(../img/tpbg.png);

	background-repeat:repeat;

	margin-top:-120px;

	padding:13px;

}



.wlcmeimg{

	background-image:url(../img/wlcme.jpg);

	background-repeat:no-repeat;

	background-position:left top;

	

}

.wbbg{

	padding-left:20px; line-height:19px; color:#fff; padding-right:20px; width:55%; padding-top:200px;}





.adm1{

	

	color:#333;

	font-family: 'Raleway', sans-serif;

	font-size:35px;

	line-height:24px;

	border-right:#ccc solid 1px;

	

	

}



.classfnts{

	color:#1880c3;

	font-family: 'Raleway', sans-serif;

	font-size:26px;

	line-height:24px;

	

}



.classfnts2{

	color:#333;

	font-family: 'Raleway', sans-serif;

	font-size:22px;

	line-height:24px;

	

}



.classfnts3{

	color:#333;

	font-family: 'Raleway', sans-serif;

	font-size:16px;

	line-height:24px;

	

}





.adm12{

	

	color:#333;

	font-family: 'Raleway', sans-serif;

	font-size:30px;

	line-height:24px;

	

	

}

.brbd{

	border-left:#FFF solid 10px;}



@media screen and (max-width: 800px) {

.wlcmefnt{

	font-family: 'Raleway', sans-serif;

	font-size:30px;

	line-height:25px;

	color:#fff;

}



.brbd{

	border-left:#FFF solid 0px;

	

	}



.adm1{

	

	color:#333;

	font-family: 'Raleway', sans-serif;

	font-size:35px;

	line-height:24px;

	border-bottom:#ccc solid 1px;

	border-right:#ccc solid 0px;

	margin-bottom:15px;

	padding-bottom:15px;

	

	

}



.tppn2 {

	width:100%;

	height:auto;.pdrlt

	margin:0 auto;

}

.wbbg{

	padding-left:20px; line-height:19px; color:#fff; padding-right:20px; width:auto; padding-top:150px; margin-bottom:30px;}







.footer {

width:100%;

height:auto;

background-color:#4499da;

margin-top:-4px;

font-family: 'Raleway', sans-serif;font-size:25px;

color:#fff;

text-transform:uppercase;

font-weight:bold;

padding-top:20px;

}

 .footer2 {

width:100%;

height:auto;

background-color:#4499da;

font-family: 'Raleway', sans-serif;font-size:25px;

color:#ffcf40;

text-transform:uppercase;

padding-top:20px;

margin-top:25px;

}

 .adrs {

height:auto;

width:100%;

text-align:center;

font-family: 'Raleway', sans-serif;font-size:18px;

color:#fff;

padding-bottom:40px;

}

	

	.prlx{

	font-size:40px;

	font-family: 'Raleway', sans-serif;

	width:auto;

	color:#5ad7ff;

	line-height:40px;

	padding :40px;

	float:right;}

	

	.brdrght{

	 border-right:#b8b8b9 solid 0px;

	 border-bottom:#b8b8b9 solid 1px}

	 

	 

	.prdtbg{

	background-image:url(../img/prbg.jpg);

	background-position:center top;

	background-repeat:repeat;

	height:auto;

}

	

	.pdmcbg{

 	background-position:center top;

	background-repeat:no-repeat;

	height:auto;

	margin-bottom:15px;

	margin-top:15px;

	padding:10px;

	text-align:center;

	text-transform:uppercase;

	color:#fff;

	font-family: 'Raleway', sans-serif;

	font-size:30px;

}

	.crfnt{



	font-family: f5;

	font-size:20px;

	margin-top:30px;

	color:#fff;

	text-align:center;

	

	

}



.ftrprtn{

	width:100%;

	height:auto;

}



.ftrprtn2{

	width:100%;

	height:auto;

	float:right;

	font-family:  'Open Sans', sans-serif;

	font-size:14px;

	color:#fff;

	text-transform:uppercase;

	margin-top:10px;

}



.htht{

	height:auto;

	margin-bottom:15px;

}





.srvimg{

	height:auto;

	width:100%;

}

.srdtl{

	width:100%;

	float:left;

}

.crdht{

	height:auto;

}



	.maincont{

width:100%;

height:auto;

  margin:0 auto;

  }

  .rdbg{

	background-image:url(../img/rd.png);

	background-repeat:repeat;

	background-position:center;

	font-family: f5;

	font-size:35px;

	height:auto;

	text-transform:uppercase;

	padding-top:12px;

	line-height:40px;

}

  

	.bannertextbox{

	width:50%;

	height:104px;

	margin:0 auto;

	

	z-index:99999999999;

	

	

}







.bannertextbox2b{

	width:100%;

	height:29px;

	float:left;

	padding-left:10px;

	font-family:  'Open Sans', sans-serif;

	font-size:13px;

	color:#a2a2a2;

	background:none;

	

	background-image:url(../images/txb.png);

	background-repeat:repeat;

	z-index:99999999999;.-webkit-border-top-left-radius: 6px;

-webkit-border-bottom-left-radius: 6px;

-moz-border-radius-topleft: 6px;

-moz-border-radius-bottomleft: 6px;

border-top-left-radius: 6px;

border-bottom-left-radius: 6px;

border-right:0;

	

	

	

	

}



.tllfnt{

	font-family:'f5';

	font-size:25px;

	color:#f17e14;

	text-transform:uppercase;

	margin-top:35px;

}



.tllfnt2{

	font-family: 'Open Sans', sans-serif;

	font-size:20px;

	color:#000;

	text-transform:uppercase;

	line-height:22px;

}

}





/* CSS used here will be applied after bootstrap.css */  

.carousel-inner > .item > img, .carousel-inner > .item > a > img {

        display: block;

        height: auto;

        width: 100%;

        line-height: 1;



    }



/*

  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)

  CSS from:       http://codepen.io/transportedman/pen/NPWRGq

  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide

  Inspired from:  http://codepen.io/Rowno/pen/Afykb 

*/

.carousel-fade .carousel-inner .item {

  opacity: 0;

  transition-property: opacity;

}



.carousel-fade .carousel-inner .active {

  opacity: 1;

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}



.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}



.carousel-fade .carousel-control {

  z-index: 2;

}



/*

  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

  Need to override the 3.3 new styles for modern browsers & apply opacity

*/

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next,

    .carousel-fade .carousel-inner > .item.active.right {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.prev,

    .carousel-fade .carousel-inner > .item.active.left {

      opacity: 0;

      -webkit-transform: translate3d(.top0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.next.left,

    .carousel-fade .carousel-inner > .item.prev.right,

    .carousel-fade .carousel-inner > .item.active {

      opacity: 1;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

}