#articleContent, .formWrap{
    padding: 3rem 6rem;
}
#articleContent *{
    user-select: none;
    -webkit-user-drag: none;
}
#articleContent p, .formWrap p{
    color: #333;
}
.articleWrap{
	width:100%;
	max-width:1320px;
}
.articleWrap img{
	width: 100%;
}
.titleWrap > div{
	overflow: hidden;
}
#articleContent h3, .formWrap h3{
	color:#000;
	font-weight:900;
	margin-bottom:1.5rem;
}
#articleContent hr {
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    border: 1px dashed #495057;
    opacity: .25;
}
#articleContent h3:before, .formWrap h3:before{
	content:'';
	width:1.5rem;
	height:1.5rem;
	background-color: #0398B2;
	display: inline-block;
	margin-right:0.5rem;
}
#articleContent a, .formWrap a{
	color:#43AEC2;
	font-size: 1.2rem;
}
#articleContent a:after, .formWrap a:after{
	content:"";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 -5 24 24' width='32px' height='32px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%2343AEC2' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 0.8rem;
    height: 1.5rem;
}
.between{
	display: flex;
	justify-content: space-between;
	flex-direction:column;
}
.detailView{
	margin-top:-2rem;
	text-align: right;
	float:right;
}
.detailView p{
	color:#00abc5 !important;
}
#articleContent img{
	margin-bottom:1rem;
}
@media (min-width: 1400px){
	.col-xxl-12 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
    }
    .col-xxl-8 {
	    -ms-flex: 0 0 66.666667%;
	    flex: 0 0 66.666667%;
	    max-width: 66.666667%;
    }
	.col-xxl-6 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
    }
    .col-xxl-4 {
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
}
@media (max-width: 1400px){
	#articleContent, .formWrap{
		padding: 3rem 5rem;
	}
}
@media (max-width: 1200px){
	#articleContent, .formWrap{
		padding: 3rem 4.3rem;
	}
	#articleContent h3, .formWrap h3{
		font-size: 1.25rem;
	}
	#articleContent h3:before, .formWrap h3:before{
		width: 1.2rem !important;
		height: 1.2rem !important;
	}
	
}
@media (min-width: 1200px){
	#articleContent p, .formWrap p{
	    font-size: 1.25rem;
	}
	
}
.mob > img{
	width:100%;
}
@media (min-width: 992px){
	.mob > img{
	    width:60%;
	}
}
@media (max-width: 992px){
	#articleContent, .formWrap{
		padding: 2rem 2.2rem;
	}
	.titleWrap img{
	    transform: scaleX(1.05);
	}
	#articleContent h3, .formWrap h3{
		margin-bottom:0.5rem;
	}
	#articleContent hr {
	    margin-top: 1.5rem;
	    margin-bottom: 1.5rem;
    }
    #articleContent a, .formWrap a{
    	font-size: 1rem;
    }
    #myCarousel .carousel-control-prev-icon, #myCarousel .carousel-control-next-icon {
	    width: 1.5rem !important;
   		height: 1.5rem !important;
	}
	#articleContent img{
		margin-bottom: 0.5rem;
	}
	#articleContent .reverse{
		flex-wrap: wrap-reverse;
	}
	.detailView{
		margin-top:1rem;
	}
}


@media (max-width: 768px){
	#articleContent, .formWrap{
		padding: 2rem 1.7rem;
	}
}
@media (min-width: 576px){
	#myCarousel{
		border:5px solid #3b98b2;
	}
}
@media (max-width: 576px){
	#articleContent, .formWrap{
		padding: 2rem 1.4rem;
	}
}

#myCarousel{
	margin-left:-15px;
	margin-right:-15px;
	background: #fff;
}
#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next{
	position: fixed;
	top:50%;
	transform:translateY(-50%);
	bottom:auto;
}
#myCarousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
    width: 3rem;
 		height: 3rem;
}
#myCarousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
    width: 3rem;
 		height: 3rem;
}
#myCarousel .carousel-control-next{
	color:#000;
}
.subTitle{
	color:#309bbd !important;
	margin-bottom:0.5rem;
}
