@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0px; border:10px ridge #dcdcdc; background:#cdcdcd url(../images/bbg.jpg) fixed; background-size:cover;} 
/*#wrapper {border:10px solid #ccc;}*/
.bk-bor {border:20px solid #000;}
.wh-bor {border:10px solid #fff;}
.bl-bor{border-left:10px solid #dcdcdc;}
.br-bor {border-right:10px solid #dcdcdc;}
p.tx-center {text-align:center;}
.tx-left {text-align:left;}
.tx-right {text-align:right;}
.comm-bor {border-top:35px solid #ff002b; border-left:25px solid #bb0a1e; border-right:25px solid #bb0a1e; border-bottom:25px solid #bb0a1e;}
.gall-bor {border-top:20px solid #ccc; border-left:20px solid #fff; border-right:20px solid #fff; border-bottom:20px solid #fff;}
.bg-black {background:#373737;}
.green {color:#017f44;}
.green:hover {color:#000;}
.font-600 {font-weight:600;}
.m10 {margin-top:10px;}
.m40 {margin-top:40px;}
.m65 {margin-top:65px;}
.parallelogram { width: 150px;  height: 100px;  transform: skew(60deg);  background: red;}
.ptb20{padding-top:20px; padding-bottom:20px;}
.w350 {width:350px;} 
.w200 {width:200px;} 
/*.brd-left {border-left-width: 78px;border-left-image:url(../images/border-left.jpg);height: 770px; width: 78px;}
.brd-right {border:80px groove transparent; border-image: url(../images/border-right.jpg); height: 100%; width:80px;}
.groove {
            color: green;
            text-align: center;
            border-width: 20px;
            border-style: groove;
            Border-color: #05a100
}*/
.bd-left {background:url(../images/bd-left.jpg) repeat-y; height:100vh; border-left-width:20px; border-left-style:solid;} 
.with-conic-gradient {
   /*box-sizing: content-box;*/
   border-width: 25px;
   border-style: groove;
   /*border-image: linear-gradient(to left, #dcdcdc, #990213);*/
   border-image:linear-gradient(0deg,#dcdcdc, #990213) 10;
   -webkit-border-image:linear-gradient(0deg,#dcdcdc, #990213) 10;
   border-image-slice: 1;
  
  /* first gradient is for card background, second for border background */
/*  background-image: linear-gradient(#dcdcdc, #990213), linear-gradient(to right, #990213, #ff0000);*/
  /* border-image: linear-gradient(to left right, #dcdcdc, #990213);
 background-clip: padding-box, border-box;
  background-origin: border-box;*/
}
.blk-clr {color:#000;}
.blk-clr:hover {color:#007fc4;}
@media screen and (min-device-width: 240px) and (max-device-width: 768px) { 
    .tx-left {text-align:center !important;}
	.tx-right {text-align:center !important;}
	.m40 {margin-top:10px;}
	.m65 {margin-top:10px;}
	.mb10 {margin-bottom:20px;}
	.w350 {width:250px;}
	.w200 {width:150px;}
}
div#carouselExampleControls {
    position: relative;
}

div#carouselExampleControls::before {content: '';position: absolute;height: 123%;width: 10px;left: -19px;background: #dcdcdc;z-index: 9;top: -32px;}

div#carouselExampleControls::after {
    content: '';
    position: absolute;
    height: 120%;
    width: 10px;
    right: -20px;
    background: #dcdcdc;
    z-index: 9;
    top: -26px;
}