/*----------------------------------------*/
/*          basic                         */
/*----------------------------------------*/
html {
	overflow-y: scroll;
}
body{
	width:100%;
	overflow-x:hidden;
}

body #wrapper {
	transition: opacity 1.5s;
}

body.loaded #wrapper {
	opacity: 1;
}

.topics-border{
	margin:-50px 0 -30px;
}
.before-angle::before{
	font-family:"Font Awesome 5 Free";
	content:'\f105';
	margin-right:5px;
}

.hr-border{
	height:2px;
	width:100%;
	margin:35px auto;
	box-sizing:border-box;
}

.padding-bottom{
	padding-bottom:60px;
}

.cd-section p{
	margin-top:0;
}

.cd-section a img,
.cd-section a source{
	opacity:1;
	transition: opacity .2s;
}
.cd-section a img:hover,
.cd-section a source:hover{
	opacity:.7;
}

ul.indent-ul{
	text-indent: -1em;
	font-size:11px;
	margin-top:20px;
	padding-left:11px;
}
ul.indent-ul li{
	list-style:none;
}

.no-margin h1,
.no-margin h2,
.no-margin h3,
.no-margin h4,
.no-margin h5,
.no-margin h6{
	margin:0;
}

.bg-f2{
	background:#f2f2f2;
	padding:30px 0;
	margin:30px 0;
}
.bg-light-blue{
	background:#ECF9FD;;
	padding:30px 0;
	margin:30px 0;
}

.breadlink > .active a,
.breadlink > .active a:hover{
	color: #777777;
}

/*----------------------------------------*/
/*          margin padding                */
/*----------------------------------------*/

/*plus margin*/
.margin-top-5{margin-top:5px;}
.margin-top-15{margin-top:15px;}
.margin-top-25{margin-top:25px;}
.margin-top-35{margin-top:35px;}
.margin-top-45{margin-top:45px;}
.margin-top-55{margin-top:55px;}
.margin-top-65{margin-top:65px;}
.margin-top-75{margin-top:75px;}
.margin-top-85{margin-top:85px;}
.margin-top-95{margin-top:95px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-70{margin-top:70px;}
.margin-top-80{margin-top:80px;}
.margin-top-90{margin-top:90px;}
.margin-top-100{margin-top:100px;}

.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-25{margin-bottom:25px;}
.margin-bottom-35{margin-bottom:35px;}
.margin-bottom-45{margin-bottom:45px;}
.margin-bottom-55{margin-bottom:55px;}
.margin-bottom-65{margin-bottom:65px;}
.margin-bottom-75{margin-bottom:75px;}
.margin-bottom-85{margin-bottom:85px;}
.margin-bottom-95{margin-bottom:95px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-bottom-60{margin-bottom:60px;}
.margin-bottom-70{margin-bottom:70px;}
.margin-bottom-80{margin-bottom:80px;}
.margin-bottom-90{margin-bottom:90px;}
.margin-bottom-100{margin-bottom:100px;}

.margin-left-5{margin-left:5px;}
.margin-left-15{margin-left:15px;}
.margin-left-25{margin-left:25px;}
.margin-left-35{margin-left:35px;}
.margin-left-45{margin-left:45px;}
.margin-left-55{margin-left:55px;}
.margin-left-65{margin-left:65px;}
.margin-left-75{margin-left:75px;}
.margin-left-85{margin-left:85px;}
.margin-left-95{margin-left:95px;}
.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}
.margin-left-30{margin-left:30px;}
.margin-left-40{margin-left:40px;}
.margin-left-50{margin-left:50px;}
.margin-left-60{margin-left:60px;}
.margin-left-70{margin-left:70px;}
.margin-left-80{margin-left:80px;}
.margin-left-90{margin-left:90px;}
.margin-left-100{margin-left:100px;}

.margin-right-5{margin-right:5px;}
.margin-right-15{margin-right:15px;}
.margin-right-25{margin-right:25px;}
.margin-right-35{margin-right:35px;}
.margin-right-45{margin-right:45px;}
.margin-right-55{margin-right:55px;}
.margin-right-65{margin-right:65px;}
.margin-right-75{margin-right:75px;}
.margin-right-85{margin-right:85px;}
.margin-right-95{margin-right:95px;}
.margin-right-10{margin-right:10px;}
.margin-right-20{margin-right:20px;}
.margin-right-30{margin-right:30px;}
.margin-right-40{margin-right:40px;}
.margin-right-50{margin-right:50px;}
.margin-right-60{margin-right:60px;}
.margin-right-70{margin-right:70px;}
.margin-right-80{margin-right:80px;}
.margin-right-90{margin-right:90px;}
.margin-right-100{margin-right:100px;}


/*minus margin*/
.margin-top-m-5{margin-top:-5px;}
.margin-top-m-15{margin-top:-15px;}
.margin-top-m-25{margin-top:-25px;}
.margin-top-m-35{margin-top:-35px;}
.margin-top-m-45{margin-top:-45px;}
.margin-top-m-55{margin-top:-55px;}
.margin-top-m-65{margin-top:-65px;}
.margin-top-m-75{margin-top:-75px;}
.margin-top-m-85{margin-top:-85px;}
.margin-top-m-95{margin-top:-95px;}
.margin-top-m-10{margin-top:-10px;}
.margin-top-m-20{margin-top:-20px;}
.margin-top-m-30{margin-top:-30px;}
.margin-top-m-40{margin-top:-40px;}
.margin-top-m-50{margin-top:-50px;}
.margin-top-m-60{margin-top:-60px;}
.margin-top-m-70{margin-top:-70px;}
.margin-top-m-80{margin-top:-80px;}
.margin-top-m-90{margin-top:-90px;}
.margin-top-m-100{margin-top:-100px;}

.margin-bottom-m-5{margin-bottom:-5px;}
.margin-bottom-m-15{margin-bottom:-15px;}
.margin-bottom-m-25{margin-bottom:-25px;}
.margin-bottom-m-35{margin-bottom:-35px;}
.margin-bottom-m-45{margin-bottom:-45px;}
.margin-bottom-m-55{margin-bottom:-55px;}
.margin-bottom-m-65{margin-bottom:-65px;}
.margin-bottom-m-75{margin-bottom:-75px;}
.margin-bottom-m-85{margin-bottom:-85px;}
.margin-bottom-m-95{margin-bottom:-95px;}
.margin-bottom-m-10{margin-bottom:-10px;}
.margin-bottom-m-20{margin-bottom:-20px;}
.margin-bottom-m-30{margin-bottom:-30px;}
.margin-bottom-m-40{margin-bottom:-40px;}
.margin-bottom-m-50{margin-bottom:-50px;}
.margin-bottom-m-60{margin-bottom:-60px;}
.margin-bottom-m-70{margin-bottom:-70px;}
.margin-bottom-m-80{margin-bottom:-80px;}
.margin-bottom-m-90{margin-bottom:-90px;}
.margin-bottom-m-100{margin-bottom:-100px;}

.margin-left-m-5{margin-left:-5px;}
.margin-left-m-15{margin-left:-15px;}
.margin-left-m-25{margin-left:-25px;}
.margin-left-m-35{margin-left:-35px;}
.margin-left-m-45{margin-left:-45px;}
.margin-left-m-55{margin-left:-55px;}
.margin-left-m-65{margin-left:-65px;}
.margin-left-m-75{margin-left:-75px;}
.margin-left-m-85{margin-left:-85px;}
.margin-left-m-95{margin-left:-95px;}
.margin-left-m-10{margin-left:-10px;}
.margin-left-m-20{margin-left:-20px;}
.margin-left-m-30{margin-left:-30px;}
.margin-left-m-40{margin-left:-40px;}
.margin-left-m-50{margin-left:-50px;}
.margin-left-m-60{margin-left:-60px;}
.margin-left-m-70{margin-left:-70px;}
.margin-left-m-80{margin-left:-80px;}
.margin-left-m-90{margin-left:-90px;}
.margin-left-m-100{margin-left:-100px;}

.margin-right-m-5{margin-right:-5px;}
.margin-right-m-15{margin-right:-15px;}
.margin-right-m-25{margin-right:-25px;}
.margin-right-m-35{margin-right:-35px;}
.margin-right-m-45{margin-right:-45px;}
.margin-right-m-55{margin-right:-55px;}
.margin-right-m-65{margin-right:-65px;}
.margin-right-m-75{margin-right:-75px;}
.margin-right-m-85{margin-right:-85px;}
.margin-right-m-95{margin-right:-95px;}
.margin-right-m-10{margin-right:-10px;}
.margin-right-m-20{margin-right:-20px;}
.margin-right-m-30{margin-right:-30px;}
.margin-right-m-40{margin-right:-40px;}
.margin-right-m-50{margin-right:-50px;}
.margin-right-m-60{margin-right:-60px;}
.margin-right-m-70{margin-right:-70px;}
.margin-right-m-80{margin-right:-80px;}
.margin-right-m-90{margin-right:-90px;}
.margin-right-m-100{margin-right:-100px;}


/*padding*/
.padding-top-5{padding-top:5px;}
.padding-top-15{padding-top:15px;}
.padding-top-25{padding-top:25px;}
.padding-top-35{padding-top:35px;}
.padding-top-45{padding-top:45px;}
.padding-top-55{padding-top:55px;}
.padding-top-65{padding-top:65px;}
.padding-top-75{padding-top:75px;}
.padding-top-85{padding-top:85px;}
.padding-top-95{padding-top:95px;}
.padding-top-10{padding-top:10px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.padding-top-50{padding-top:50px;}
.padding-top-60{padding-top:60px;}
.padding-top-70{padding-top:70px;}
.padding-top-80{padding-top:80px;}
.padding-top-90{padding-top:90px;}
.padding-top-100{padding-top:100px;}

.padding-top-105{padding-top:105px;}
.padding-top-115{padding-top:115px;}
.padding-top-125{padding-top:125px;}
.padding-top-135{padding-top:135px;}
.padding-top-145{padding-top:145px;}
.padding-top-155{padding-top:155px;}
.padding-top-165{padding-top:165px;}
.padding-top-175{padding-top:175px;}
.padding-top-185{padding-top:185px;}
.padding-top-195{padding-top:195px;}
.padding-top-110{padding-top:110px;}
.padding-top-120{padding-top:120px;}
.padding-top-130{padding-top:130px;}
.padding-top-140{padding-top:140px;}
.padding-top-150{padding-top:150px;}
.padding-top-160{padding-top:160px;}
.padding-top-170{padding-top:170px;}
.padding-top-180{padding-top:180px;}
.padding-top-190{padding-top:190px;}
.padding-top-200{padding-top:200px;}

.padding-bottom-5{padding-bottom:5px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-bottom-25{padding-bottom:25px;}
.padding-bottom-35{padding-bottom:35px;}
.padding-bottom-45{padding-bottom:45px;}
.padding-bottom-55{padding-bottom:55px;}
.padding-bottom-65{padding-bottom:65px;}
.padding-bottom-75{padding-bottom:75px;}
.padding-bottom-85{padding-bottom:85px;}
.padding-bottom-95{padding-bottom:95px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-bottom-60{padding-bottom:60px;}
.padding-bottom-70{padding-bottom:70px;}
.padding-bottom-80{padding-bottom:80px;}
.padding-bottom-90{padding-bottom:90px;}
.padding-bottom-100{padding-bottom:100px;}

.padding-left-5{padding-left:5px;}
.padding-left-15{padding-left:15px;}
.padding-left-25{padding-left:25px;}
.padding-left-35{padding-left:35px;}
.padding-left-45{padding-left:45px;}
.padding-left-55{padding-left:55px;}
.padding-left-65{padding-left:65px;}
.padding-left-75{padding-left:75px;}
.padding-left-85{padding-left:85px;}
.padding-left-95{padding-left:95px;}
.padding-left-10{padding-left:10px;}
.padding-left-20{padding-left:20px;}
.padding-left-30{padding-left:30px;}
.padding-left-40{padding-left:40px;}
.padding-left-50{padding-left:50px;}
.padding-left-60{padding-left:60px;}
.padding-left-70{padding-left:70px;}
.padding-left-80{padding-left:80px;}
.padding-left-90{padding-left:90px;}
.padding-left-100{padding-left:100px;}

.padding-right-5{padding-right:5px;}
.padding-right-15{padding-right:15px;}
.padding-right-25{padding-right:25px;}
.padding-right-35{padding-right:35px;}
.padding-right-45{padding-right:45px;}
.padding-right-55{padding-right:55px;}
.padding-right-65{padding-right:65px;}
.padding-right-75{padding-right:75px;}
.padding-right-85{padding-right:85px;}
.padding-right-95{padding-right:95px;}
.padding-right-10{padding-right:10px;}
.padding-right-20{padding-right:20px;}
.padding-right-30{padding-right:30px;}
.padding-right-40{padding-right:40px;}
.padding-right-50{padding-right:50px;}
.padding-right-60{padding-right:60px;}
.padding-right-70{padding-right:70px;}
.padding-right-80{padding-right:80px;}
.padding-right-90{padding-right:90px;}
.padding-right-100{padding-right:100px;}




/*----------------------------------------*/
/*      margin padding short              */
/*----------------------------------------*/

/*plus margin*/
.ajmt{margin-top:0;}
.ajmt5{margin-top:5px;}
.ajmt15{margin-top:15px;}
.ajmt25{margin-top:25px;}
.ajmt35{margin-top:35px;}
.ajmt45{margin-top:45px;}
.ajmt55{margin-top:55px;}
.ajmt65{margin-top:65px;}
.ajmt75{margin-top:75px;}
.ajmt85{margin-top:85px;}
.ajmt95{margin-top:95px;}
.ajmt10{margin-top:10px;}
.ajmt20{margin-top:20px;}
.ajmt30{margin-top:30px;}
.ajmt40{margin-top:40px;}
.ajmt50{margin-top:50px;}
.ajmt60{margin-top:60px;}
.ajmt70{margin-top:70px;}
.ajmt80{margin-top:80px;}
.ajmt90{margin-top:90px;}
.ajmt100{margin-top:100px;}

.ajmb5{margin-bottom:5px;}
.ajmb15{margin-bottom:15px;}
.ajmb25{margin-bottom:25px;}
.ajmb35{margin-bottom:35px;}
.ajmb45{margin-bottom:45px;}
.ajmb55{margin-bottom:55px;}
.ajmb65{margin-bottom:65px;}
.ajmb75{margin-bottom:75px;}
.ajmb85{margin-bottom:85px;}
.ajmb95{margin-bottom:95px;}
.ajmb10{margin-bottom:10px;}
.ajmb20{margin-bottom:20px;}
.ajmb30{margin-bottom:30px;}
.ajmb40{margin-bottom:40px;}
.ajmb50{margin-bottom:50px;}
.ajmb60{margin-bottom:60px;}
.ajmb70{margin-bottom:70px;}
.ajmb80{margin-bottom:80px;}
.ajmb90{margin-bottom:90px;}
.ajmb100{margin-bottom:100px;}

.ajml5{margin-left:5px;}
.ajml15{margin-left:15px;}
.ajml25{margin-left:25px;}
.ajml35{margin-left:35px;}
.ajml45{margin-left:45px;}
.ajml55{margin-left:55px;}
.ajml65{margin-left:65px;}
.ajml75{margin-left:75px;}
.ajml85{margin-left:85px;}
.ajml95{margin-left:95px;}
.ajml10{margin-left:10px;}
.ajml20{margin-left:20px;}
.ajml30{margin-left:30px;}
.ajml40{margin-left:40px;}
.ajml50{margin-left:50px;}
.ajml60{margin-left:60px;}
.ajml70{margin-left:70px;}
.ajml80{margin-left:80px;}
.ajml90{margin-left:90px;}
.ajml100{margin-left:100px;}

.ajmr5{margin-right:5px;}
.ajmr15{margin-right:15px;}
.ajmr25{margin-right:25px;}
.ajmr35{margin-right:35px;}
.ajmr45{margin-right:45px;}
.ajmr55{margin-right:55px;}
.ajmr65{margin-right:65px;}
.ajmr75{margin-right:75px;}
.ajmr85{margin-right:85px;}
.ajmr95{margin-right:95px;}
.ajmr10{margin-right:10px;}
.ajmr20{margin-right:20px;}
.ajmr30{margin-right:30px;}
.ajmr40{margin-right:40px;}
.ajmr50{margin-right:50px;}
.ajmr60{margin-right:60px;}
.ajmr70{margin-right:70px;}
.ajmr80{margin-right:80px;}
.ajmr90{margin-right:90px;}
.ajmr100{margin-right:100px;}


/*minus margin*/
.ajmtm5{margin-top:-5px;}
.ajmtm15{margin-top:-15px;}
.ajmtm25{margin-top:-25px;}
.ajmtm35{margin-top:-35px;}
.ajmtm45{margin-top:-45px;}
.ajmtm55{margin-top:-55px;}
.ajmtm65{margin-top:-65px;}
.ajmtm75{margin-top:-75px;}
.ajmtm85{margin-top:-85px;}
.ajmtm95{margin-top:-95px;}
.ajmtm10{margin-top:-10px;}
.ajmtm20{margin-top:-20px;}
.ajmtm30{margin-top:-30px;}
.ajmtm40{margin-top:-40px;}
.ajmtm50{margin-top:-50px;}
.ajmtm60{margin-top:-60px;}
.ajmtm70{margin-top:-70px;}
.ajmtm80{margin-top:-80px;}
.ajmtm90{margin-top:-90px;}
.ajmtm100{margin-top:-100px;}

.ajmbm5{margin-bottom:-5px;}
.ajmbm15{margin-bottom:-15px;}
.ajmbm25{margin-bottom:-25px;}
.ajmbm35{margin-bottom:-35px;}
.ajmbm45{margin-bottom:-45px;}
.ajmbm55{margin-bottom:-55px;}
.ajmbm65{margin-bottom:-65px;}
.ajmbm75{margin-bottom:-75px;}
.ajmbm85{margin-bottom:-85px;}
.ajmbm95{margin-bottom:-95px;}
.ajmbm10{margin-bottom:-10px;}
.ajmbm20{margin-bottom:-20px;}
.ajmbm30{margin-bottom:-30px;}
.ajmbm40{margin-bottom:-40px;}
.ajmbm50{margin-bottom:-50px;}
.ajmbm60{margin-bottom:-60px;}
.ajmbm70{margin-bottom:-70px;}
.ajmbm80{margin-bottom:-80px;}
.ajmbm90{margin-bottom:-90px;}
.ajmbm100{margin-bottom:-100px;}

.ajmlm5{margin-left:-5px;}
.ajmlm15{margin-left:-15px;}
.ajmlm25{margin-left:-25px;}
.ajmlm35{margin-left:-35px;}
.ajmlm45{margin-left:-45px;}
.ajmlm55{margin-left:-55px;}
.ajmlm65{margin-left:-65px;}
.ajmlm75{margin-left:-75px;}
.ajmlm85{margin-left:-85px;}
.ajmlm95{margin-left:-95px;}
.ajmlm10{margin-left:-10px;}
.ajmlm20{margin-left:-20px;}
.ajmlm30{margin-left:-30px;}
.ajmlm40{margin-left:-40px;}
.ajmlm50{margin-left:-50px;}
.ajmlm60{margin-left:-60px;}
.ajmlm70{margin-left:-70px;}
.ajmlm80{margin-left:-80px;}
.ajmlm90{margin-left:-90px;}
.ajmlm100{margin-left:-100px;}

.ajmrm5{margin-right:-5px;}
.ajmrm15{margin-right:-15px;}
.ajmrm25{margin-right:-25px;}
.ajmrm35{margin-right:-35px;}
.ajmrm45{margin-right:-45px;}
.ajmrm55{margin-right:-55px;}
.ajmrm65{margin-right:-65px;}
.ajmrm75{margin-right:-75px;}
.ajmrm85{margin-right:-85px;}
.ajmrm95{margin-right:-95px;}
.ajmrm10{margin-right:-10px;}
.ajmrm20{margin-right:-20px;}
.ajmrm30{margin-right:-30px;}
.ajmrm40{margin-right:-40px;}
.ajmrm50{margin-right:-50px;}
.ajmrm60{margin-right:-60px;}
.ajmrm70{margin-right:-70px;}
.ajmrm80{margin-right:-80px;}
.ajmrm90{margin-right:-90px;}
.ajmrm100{margin-right:-100px;}


/*padding*/
.ajpt5{padding-top:5px;}
.ajpt15{padding-top:15px;}
.ajpt25{padding-top:25px;}
.ajpt35{padding-top:35px;}
.ajpt45{padding-top:45px;}
.ajpt55{padding-top:55px;}
.ajpt65{padding-top:65px;}
.ajpt75{padding-top:75px;}
.ajpt85{padding-top:85px;}
.ajpt95{padding-top:95px;}
.ajpt10{padding-top:10px;}
.ajpt20{padding-top:20px;}
.ajpt30{padding-top:30px;}
.ajpt40{padding-top:40px;}
.ajpt50{padding-top:50px;}
.ajpt60{padding-top:60px;}
.ajpt70{padding-top:70px;}
.ajpt80{padding-top:80px;}
.ajpt90{padding-top:90px;}
.ajpt100{padding-top:100px;}

.ajpt105{padding-top:105px;}
.ajpt115{padding-top:115px;}
.ajpt125{padding-top:125px;}
.ajpt135{padding-top:135px;}
.ajpt145{padding-top:145px;}
.ajpt155{padding-top:155px;}
.ajpt165{padding-top:165px;}
.ajpt175{padding-top:175px;}
.ajpt185{padding-top:185px;}
.ajpt195{padding-top:195px;}
.ajpt110{padding-top:110px;}
.ajpt120{padding-top:120px;}
.ajpt130{padding-top:130px;}
.ajpt140{padding-top:140px;}
.ajpt150{padding-top:150px;}
.ajpt160{padding-top:160px;}
.ajpt170{padding-top:170px;}
.ajpt180{padding-top:180px;}
.ajpt190{padding-top:190px;}
.ajpt200{padding-top:200px;}

.ajpb5{padding-bottom:5px;}
.ajpb15{padding-bottom:15px;}
.ajpb25{padding-bottom:25px;}
.ajpb35{padding-bottom:35px;}
.ajpb45{padding-bottom:45px;}
.ajpb55{padding-bottom:55px;}
.ajpb65{padding-bottom:65px;}
.ajpb75{padding-bottom:75px;}
.ajpb85{padding-bottom:85px;}
.ajpb95{padding-bottom:95px;}
.ajpb10{padding-bottom:10px;}
.ajpb20{padding-bottom:20px;}
.ajpb30{padding-bottom:30px;}
.ajpb40{padding-bottom:40px;}
.ajpb50{padding-bottom:50px;}
.ajpb60{padding-bottom:60px;}
.ajpb70{padding-bottom:70px;}
.ajpb80{padding-bottom:80px;}
.ajpb90{padding-bottom:90px;}
.ajpb100{padding-bottom:100px;}

.ajpl5{padding-left:5px;}
.ajpl15{padding-left:15px;}
.ajpl25{padding-left:25px;}
.ajpl35{padding-left:35px;}
.ajpl45{padding-left:45px;}
.ajpl55{padding-left:55px;}
.ajpl65{padding-left:65px;}
.ajpl75{padding-left:75px;}
.ajpl85{padding-left:85px;}
.ajpl95{padding-left:95px;}
.ajpl10{padding-left:10px;}
.ajpl20{padding-left:20px;}
.ajpl30{padding-left:30px;}
.ajpl40{padding-left:40px;}
.ajpl50{padding-left:50px;}
.ajpl60{padding-left:60px;}
.ajpl70{padding-left:70px;}
.ajpl80{padding-left:80px;}
.ajpl90{padding-left:90px;}
.ajpl100{padding-left:100px;}

.ajpr5{padding-right:5px;}
.ajpr15{padding-right:15px;}
.ajpr25{padding-right:25px;}
.ajpr35{padding-right:35px;}
.ajpr45{padding-right:45px;}
.ajpr55{padding-right:55px;}
.ajpr65{padding-right:65px;}
.ajpr75{padding-right:75px;}
.ajpr85{padding-right:85px;}
.ajpr95{padding-right:95px;}
.ajpr10{padding-right:10px;}
.ajpr20{padding-right:20px;}
.ajpr30{padding-right:30px;}
.ajpr40{padding-right:40px;}
.ajpr50{padding-right:50px;}
.ajpr60{padding-right:60px;}
.ajpr70{padding-right:70px;}
.ajpr80{padding-right:80px;}
.ajpr90{padding-right:90px;}
.ajpr100{padding-right:100px;}





/*----------------------------------------*/
/*          color                         */
/*----------------------------------------*/

#content.color_blue01 .topics-cat{
	color:#009eec;
}
#content.color_blue02 .topics-cat{
	color:#007bc7;
}
#content.color_blue03 .topics-cat{
	color:#11558c;
}
#content.color_blue04 .topics-cat{
	color:#12477d;
}
#content.color_green .topics-cat{
	color:#009944;
}
#content.color_greendeep .topics-cat{
	color:#007871;
}
#content.color_pink .topics-cat{
	color:#f76ab8;
}
#content.color_purple .topics-cat{
	color:#6c1d6d;
}
#content.color_orange .topics-cat{
	color:#ed9348;
}


#content.color_blue01 .hr-border{
	background:#009eec;
}
#content.color_blue02 .hr-border{
	background:#007bc7;
}
#content.color_blue03 .hr-border{
	background:#11558c;
}
#content.color_blue04 .hr-border{
	background:#12477d;
}
#content.color_green .hr-border{
	background:#009944;
}
#content.color_greendeep .hr-border{
	background:#007871;
}
#content.color_pink .hr-border{
	background:#f76ab8;
}
#content.color_purple .hr-border{
	background:#6c1d6d;
}
#content.color_orange .hr-border{
	background:#ed9348;
}

/*----------------------------------------*/
/*          header                        */
/*----------------------------------------*/

#headBlock{
	max-width:980px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#headBlock::after{
	display:none;
}
#headerBlockInner{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	padding:0 8px;
}
#headSection{
	margin-top: 0;
    width: auto;
    float: none;
}
#headSubNav{
	display:flex;
	align-items:center;
	float:none;
}

#headSection .catchphrase{
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0;
}
#headSection .catchphrase{
	margin-top: 12px;
	margin-left: 14px;
	padding-left: 11px;
	background: url(/sc_assets/img/style/head_ttl_02.gif) no-repeat;
}
#headSection .catchphrase p{
	margin: 0;
}

#nav_bg{
	height:auto;
	max-width:100%;
}
#nav_bg .nav_box{
	max-width:100%;
	overflow:hidden;
}
#nav_bg .nav_box span{
	width:20%;
	display:block;
}
#nav_bg .nav_box img,
#nav_bg .nav_box picture,
#nav_bg .nav_box source{
	width:100%;
	display:block;
}

ol.breadlink{
	width:auto;
	max-width:980px;
}


/*fixed*/
.fixed_box p.fixed-contact{
	position:absolute;
	margin:0;
	word-break: break-all;
	width:44px;
	height:auto;
	padding:0;
	opacity:0;
	right:-100%;
	transition:opacity .3s, right .3s;
	text-align:center;
	border-radius:5px 0 0 5px;
}
.fixed_box p.fixed-contact.fixed-contact-not-single{
	background:none;
	border-radius:0;
}
.fixed_box p.fixed-contact.fixed-contact-not-single a{
	background:#e17131;
	margin-top:20px;
	border-radius:5px 0 0 5px;
}
.fixed_box p.fixed-contact.fixed-contact-not-single a:nth-child(1){
	margin:0;
}
.fixed_box p.fixed-contact.fixed-contact-not-single a.doc-dl{
	background:#55a839;
}
.fixed_box:not(.english-fixed-box) p.fixed-contact.fixed-contact-not-single a.doc-dl span:nth-child(2){
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing:2px;
}
.fixed_box p.fixed-contact.onload,
.fixed_box.fixed_always p.fixed-contact {
	opacity:1;
	right:0;
	z-index:100;
}
.fixed_box p.fixed-contact.active, 
.fixed_box.fixed_always p.fixed-contact {
	position:fixed;
}

.fixed_box.fixed_always p.fixed-contact {
	top: 90px;
	position: fixed;
}

.fixed_box p.fixed-contact a{
	display:block;
	width:100%;
	height:100%;
	padding:23px 16px;
}
.fixed_box p.fixed-contact span.fa{
	display:none;
}

#devaas-fixed-side{
	position:absolute;
	right:-100%;
	transition:opacity .3s, right .3s;
}
#devaas-fixed-side.onload,
#devaas-fixed-side.fixed_always {
	opacity:1;
	right:0;
}
#devaas-fixed-side.active,
#devaas-fixed-side.fixed_always {
	position:fixed;
}
#devaas-fixed-side p{
	margin-bottom:10px;
}
#devaas-fixed-side p a:hover{
	opacity:.8;
}
#devaas-fixed-side .d-start a,
#devaas-fixed-side .d-contact a,
#devaas-fixed-side .d-doc a{
	line-height:1.2;
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	display: block;
	padding:10px;
	border-radius:5px 0 0 5px;
}
#devaas-fixed-side .d-start a{
	background:#e6e028;
	color:#143c68;
	border:2px solid #e6e028;
	border-right:none;
}
#devaas-fixed-side .d-contact a,
#devaas-fixed-side .d-doc a{
	background:#143c68;
	color:#fff;
	border:2px solid #fff;
	border-right:none;
}
#devaas-fixed-side .d-start .fa,
#devaas-fixed-side .d-contact .fa,
#devaas-fixed-side .d-doc .fa{
	margin-bottom:5px;
	transition:margin-bottom .5s;
}
#devaas-fixed-side.active .d-contact .fa,
#devaas-fixed-side.active .d-doc .fa,
#devaas-fixed-side.fixed_always .d-contact .fa,
#devaas-fixed-side.fixed_always .d-doc .fa{
	margin-bottom:0;
}
#devaas-fixed-side .d-contact .text,
#devaas-fixed-side .d-doc .text{
	/*height:96px;*/
	transition:height .5s;
	overflow:hidden;
	display:block;
}
#devaas-fixed-side.active .d-contact .text,
#devaas-fixed-side.active .d-doc .text, 
#devaas-fixed-side.fixed_always .d-contact .text,
#devaas-fixed-side.fixed_always .d-doc .text {
	height:0;
}

@media screen and (max-width: 768px) {
	#headerBlockInner{
		width:calc(100% - 40px);
	}
	#headSection{
		max-width:150px;
	}
	#headSection h1{
		float:none;
	}
	#headSection .catchphrase {
		margin-top: 5px;
		margin-left: 0;
		padding-bottom: 10px;
		background: none;
	}
	#headMenu{
		margin-top:0;
	}

	.nav_box{
		display:none;
	}
	.nav_box.active{
		display:block;
	}
	#nav_bg .nav_box span{
		width:100%;
	}
	#nav_bg .nav_box img,
	#nav_bg .nav_box picture,
	#nav_bg .nav_box source{
		display:none;
	}

	/*fixed*/
	.fixed_box p.fixed-contact{
		display:flex;
		align-items:center;
		justify-content:center;
		height:50px;
		width:auto;
		overflow:hidden;
	}
	.fixed_box p.fixed-contact.fixed-contact-not-single{
		display:block;
		height:auto;
	}
	.fixed_box p.fixed-contact br{
		display:none;
	}
	.fixed_box p.fixed-contact a{
		display:flex;
		align-items:center;
		width:100%;
		height:100%;
		padding:15px;
	}
	.fixed_box p.fixed-contact.fixed-contact-not-single a{
		padding:7px 15px;
	}
	.fixed_box p.fixed-contact.fixed-contact-not-single a.doc-dl span:nth-child(2){
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		letter-spacing:normal;
	}
	.fixed_box p.fixed-contact span:nth-child(2){
		font-size:14px;
		opacity:0;
		width:0;
		padding:5px 0;
		line-height:1.2;
		display:block;
		white-space: nowrap;
		transition:width .2s, opacity .2s, padding .2s;
	}
	.fixed_box p.fixed-contact.active  span:nth-child(2),
	.fixed_box p.fixed-contact.fixed_always  span:nth-child(2) {
		opacity:1;
		width:140px;
		padding:5px;
	}
	.fixed_box p.fixed-contact.fixed-contact-not-single.active a.doc-dl,
	.fixed_box p.fixed-contact.fixed-contact-not-single.fixed_always a.doc-dl {
		margin:7px 0 0 auto;
	}
	.fixed_box p.fixed-contact span.fa{
		display:inline;
		font-size:18px!important;
	}
	#devaas-fixed-side .d-start a,
	#devaas-fixed-side .d-contact a,
	#devaas-fixed-side .d-doc a{
		line-height:1.1;
		font-size: 12px;
	}
	#devaas-fixed-side .d-contact .text,
	#devaas-fixed-side .d-doc .text{
		height:80px;
	}

	.fixed_box:not(.english-fixed-box) p.fixed-contact.fixed-contact-not-single a.doc-dl span:nth-child(2){
		/*-ms-writing-mode: horizontal-tb;*/
		-ms-writing-mode:lr-tb;
		writing-mode: horizontal-tb;
	}

}

@media screen and (max-width: 479px) {
	#headerBlockInner{
		display:block;
		margin-right:40px;
		width:calc(100% - 80px);
		padding:0;
	}
	#headSection{
		display:table;
		margin:0 auto;
	}
	#headSubNav{
		justify-content: center;
	}
}


#headSearch fieldset{
	padding:0;
	border:none;
}

.slider_add .swiper-wrapper,
.slider_add .swiper-slide{
	height:100%;
}


/*----------------------------------------*/
/*          page top img                  */
/*----------------------------------------*/
#top-eye-catch-img{
	width:auto;
	height:394px;
}
#top-eye-catch-img picture,
#top-eye-catch-img p{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

#top-eye-catch-img source,
#top-eye-catch-img img{
	display:block;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	height:100%;
	object-fit:cover;
	pointer-events: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#top-eye-catch-img picture{
	margin:0 auto;
	display:table;
	width:auto;
}
#top-eye-catch-img picture source,
#top-eye-catch-img picture img{
	display:inline;
}

@media screen and (max-width: 980px) {
	#top-eye-catch-img{
		height:300px;
	}
}
@media screen and (max-width: 760px) {
	#top-eye-catch-img{
		height:250px;
	}
}
@media screen and (max-width: 645px) {
	#top-eye-catch-img{
		height:200px;
	}
}
@media screen and (max-width: 550px) {
	#top-eye-catch-img{
		height:150px;
	}
}
@media screen and (max-width: 450px) {
	#top-eye-catch-img{
		height:100px;
	}
}


#page-eye-catch-wrap{
	position:relative;
}
#page-eye-catch{
	width:100vw;
	min-width:2560px;
	height:394px;
}
#page-eye-catch img{
	width:100%;
	height:394px;
	object-fit: cover;
}
#page-eye-catch-content{
	padding:50px 0 0 0;
	top:0;
	left:0;
	bottom:0;
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:30px;
	text-align:center;
	width:100%;
	max-height:394px;
	text-shadow:0 0 3px #000;
	/*background: radial-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,0) 100%);*/ 
}
#page-eye-catch-content h1{
	color:#fff;
	margin-bottom:10px;
	font-size:48px
}

/*----------------------------------------*/
/*          top-page                      */
/*----------------------------------------*/
.service_box .serlist .serlist-inner {
  display: none;
}
.service_box .serlist h5{
  display: block;
}
.service-lineup-wrap{
	background-image: url('/sc_assets/img/style/SmartCloud_off_back.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#sildeBox img{
	border:1px solid #eee;
}
@media screen and (max-width: 767px) {
	.service-area .col-sm-12 .col-sm-4{
		margin-bottom:30px;
	}
	.service-area .col-sm-12 .col-sm-4:last-child{
		margin-bottom:0;
	}
}

a.column-btn{
	border: 2px solid #333;
	color: #333;
	line-height: 46px;
	font-size: 14px;
	font-weight: bold;
	margin: auto;
	position: relative;
	text-align: center;
	width: 200px;
	background: none;
	display: block;
	padding: 0;
}
a.column-btn:hover{
	opacity:.5;
}
.top-page-column-list{
	background:
		linear-gradient(135deg, rgba(210, 196, 255, .2),rgba(255, 255 ,255, .7), rgba(210, 250, 255, .2)),
		url(/sc_assets/img/style/SmartCloud_off_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#content.top-page .content-wrap {
    position: relative;
    padding: 80px 0 0;
}

/*----------------------------------------*/
/*          pan                           */
/*----------------------------------------*/
.breadlink{
	padding-left:10px;
	padding-right:10px;
}


/*----------------------------------------*/
/*          anchor-nav                    */
/*----------------------------------------*/

#anchor-nav ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:10px auto;
}
#anchor-nav ul li{
	flex-basis:23%;
	margin:5px 1%;
	list-style:none;
	display:flex;
	justify-content:center;
	align-items:center;
	background:linear-gradient(225deg,#0A122A 0%,#0A122A 50%,#333 50%,#333 100%);
}
#anchor-nav ul li a{
	font-size:18px;
	font-weight:600;
	display:block;
	padding:5px;
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	background:transparent;
	transition:background .3s;
}
#anchor-nav ul li a:hover{
	background:#045FB4;
}


#anchor-nav ul li a span.fa{
	display:block;
	padding:20px;
	text-align:center;
	font-size:48px;
}
@media screen and (max-width: 767px) {
	#anchor-nav ul{
		display:block;
	}
	#anchor-nav ul li{
		margin:10px 0;
		display:block;
	}
	#anchor-nav ul li a span.fa{
		display:inline-block;
		padding:0;
		font-size:30px;
		margin-right:10px;
	}
}

#mainSection .mv_nav{
	height:auto;
}
.devaas-anchor{
	display:flex;
	align-items:center;
}
.devaas-anchor .small{
	font-size:14px;
}
#mainSection .mv_nav .devaas-anchor a {
	line-height:1.2;
	color:#143c68;
	font-size:18px;
	font-weight:bold;
	display:block;
	height:80px;
	float:none;
	display:flex;
	justify-content:center;
	align-items:center;
}

@media screen and (max-width: 1040px) {
	.devaas-anchor{
		flex-wrap:wrap;
		width:calc(100% - 38px);
	}
	#mainSection .mv_nav .devaas-anchor a {
		flex-basis:calc(25% - 2px);
		height:60px;
	}
	*::-ms-backdrop,
	#mainSection .mv_nav .devaas-anchor a {
		flex-basis:calc(25% - 2px);
		width:calc(25% - 2px);
		max-width:calc(25% - 2px);
		min-width:calc(25% - 2px);
	}
}
@media screen and (max-width: 680px) {
	#mainSection .mv_nav .devaas-anchor a {
		font-size:16px;
	}
	.devaas-anchor .small{
		font-size:11px;
	}
}

@media screen and (max-width: 590px) {
	#mainSection .mv_nav .devaas-anchor a {
		font-size:18px;
		height:40px;
	}
	.devaas-anchor .small{
		font-size:14px;
	}
	#mainSection .mv_nav .devaas-anchor a {
		flex-basis:calc(50% - 2px);
	}
	*::-ms-backdrop,
	#mainSection .mv_nav .devaas-anchor a {
		flex-basis:calc(50% - 2px);
		width:calc(50% - 2px);
		max-width:calc(50% - 2px);
		min-width:calc(50% - 2px);
	}
}

@media screen and (max-width: 380px) {
	#mainSection .mv_nav .devaas-anchor a {
		font-size:14px;
	}
	.devaas-anchor .small{
		font-size:10px;
	}
}
@media (max-width: 767px){
	#mainSection .mv_nav .container{
		width:100%!important;
	}
}

/*----------------------------------------*/
/*          page                          */
/*----------------------------------------*/
#content.font-shin-go{
	font-family:UD Shin Go NT Regular;
}
#content.font-shin-go h1,
#content.font-shin-go h2,
#content.font-shin-go h3,
#content.font-shin-go h4,
#content.font-shin-go h5,
#content.font-shin-go h6{
	font-family:UD Shin Go NT Medium!important;
}
.nc-page .cd-section{
	padding: 100px 0 100px;
}
.nc-page .cd-section:nth-child(2n){
	/*background:#f2f2f2;*/
	background:linear-gradient(20deg,#f2f2f2 0%,#f2f2f2 50%,#eee 50%,#eee 100%);
}
.nc-page .cd-section:last-of-type{
	background:
		linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),
		url('/sc_assets/img/style/contact-background-img.jpg');
	background-size:cover;
	background-position: center;
	color:#fff;
}
.nc-page .cd-section:last-of-type h2,
.nc-page .cd-section:last-of-type h3{
	color:#fff;
}

.nc-title-block h2{
	display:table;
	margin:0 auto;
	font-size:48px;
}
.nc-content-box{
	color:333;
}

/*devaas*/
.dv-num-h{
	display: inline-block;
	font-size: 24px;
	font-style: oblique;
	padding:8px 20px 10px 8px;
	position: relative;
	color: #fff;
	z-index: 1;
	margin-right:10px;
	color:#fff!important;
}
.dv-num-h::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #143c68;
	transform: scaleY(1.7) perspective(.6em) rotateX(-10deg);
	transform-origin: top left;
}
.dv-text-h{
	color:#222!important;
	font-size:26px!important;
	letter-spacing:1px;
}
#mainSection .bnr {
	padding: 85px 5px;
}

/*color*/
.blue03 .feature-box .fbox-icon i,
.blue03 .feature-box .fbox-icon img{
	background-color: #11558c;
}
.blue03 h3 > span:not(.nocolor),
.blue03 h4 > span:not(.nocolor),
.blue03 h5 > span:not(.nocolor),
.blue03 h6 > span:not(.nocolor){
	color: #11558c;
}
.blue03 a.button,
.blue03 button.button{
	background-color: #11558c;
}
.blue03 a.button:hover,
.blue03 button.button:hover{
	background-color: #666;
}
.blue03 .promo.promo-border.promo-center{
	background:rgba(255,255,255,.3);
	border:none;
}
@media screen and (max-width: 767px) {
	.nc-title-block h2{
		font-size:32px;
	}
	.blue03 .promo.promo-border.promo-center{
		margin-bottom:20px;
	}
}


.duo-function-table-wrap{
	max-width:900px;
	margin:0 auto 20px;
}
@media screen and (max-width: 479px) {
	.duo-function-table-wrap{
		overflow-x:scroll;
	}
}
.duo-function-table{
	max-width:900px;
	margin:0 auto;
}
.duo-function-table td{
	padding:10px;
	color:#333;
}
.duo-function-table thead tr th{
	font-family:UD Shin Go NT Medium;
	font-size:16px;
	padding:10px 0;
	text-align:center;
}
.duo-function-table thead tr th:first-child{
	background:#dcebf0;
	border-top:none;
	border-left:2px solid #dcebf0;
}
.duo-function-table thead tr th:last-child{
	background:#a5d3e8;
	border-top:none;
	border-right:2px solid #a5d3e8;
}
.duo-function-table tbody{
	border:2px solid #eee;
	border-top:none;
}
.duo-function-table tr td{
	border-top:2px solid #eee;
	border-left:2px solid #eee;
}
.duo-function-table tbody tr:first-child td{
	border-top:none;
}

*::-ms-backdrop,
#mainSection .slick-list img,
#mainSection .movie img{
	width:100%;
	height:auto;
}


/*iam*/
#content .feature_box .sp_button p{
	height:auto;
	padding:0 10px;
}
#content .feature_box .sp_button02 p{
	height:auto;
	padding:10px 15px;
}



/*fbox*/
.image-fbox{
	margin-top: 68px;
	padding: 68px 30px 30px;
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	position:relative;
}
.image-fbox::before{
	position:absolute;
	content:'';
	background-image:url('/sc_assets/img/style/NTTcom_cloudmyglation_icon.jpg');
	width:96px;
	height:96px;
	border-radius:50%;
	top: -48px;
	left: calc(50% - 48px);
}
.image-fbox p,
.image-fbox a{
	display:table;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	font-weight:700;
}
.image-fbox a{
	margin-top:30px;
}
.image-fbox a::before{
	font-family:"Font Awesome 5 Free";
	content:'\f105';
	margin-right:5px;
}



/*devaas*/
.devaas-h4{
	font-size:36px;
	text-align:center;
	font-weight:700;
	font-style: oblique;
	color:#111;
}
.devaas-h4.light{
	color:#fff;
}
#content.color_blue04 h4.devaas-h4 > span.small-h4{
	font-size:14px;
	text-decoration:underline;
	display:block;
	text-align:center;
	font-style:normal;
}
.devaas-dl-btn a{
	background-color: #e6e028;
	color: #143c68;
	display:table;
	box-sizing: border-box;
	transition: all 0.25s;
	font-size: 14px;
    font-weight: bold;
    opacity: 1;
    font-weight:700;
    padding:10px 25px;
    margin:20px auto 0;
}
.devaas-dl-btn a:hover{
	opacity: 0.5;
}
.devaas-dl-btn a::before{
	font-family:"Font Awesome 5 Free";
	content:'\f019';
	margin-right:10px;
}
/*
#mainSection .bnr{
	background:#fff;
}
*/
#mainSection #white-p-download{
	padding: 85px 0;
	/*background:#dcebf0;*/
}
#mainSection #white-p-download h4{
	display:table;
	margin:0 auto 50px;
	border-bottom:1px solid #bbb;
}
#mainSection #white-p-download h4,
#mainSection #white-p-download .contents{
	padding:0 10px;
}
#mainSection #white-p-download .contents li > a{
	color:#58b3db;
}
#mainSection #white-p-download .view-btn{
	padding:10px 20px;
	display:block;
	margin:20px auto 0 0;
	font-size:18px;
	max-width:300px;
}
#mainSection #white-p-download .inner-flex{
	display:flex;
	justify-content:space-between;
}
#mainSection #white-p-download .inner-flex > div{
	min-width:0px;
}
#mainSection #white-p-download .inner-flex > div:first-child{
	flex-basis:calc(60% - 10px);
}
#mainSection #white-p-download .inner-flex > div:first-child > p:first-child{
	margin-top:0;
}
#mainSection #white-p-download .inner-flex > div:last-child{
	flex-basis:calc(40% - 10px);
}



.devaas-btn-area{
	max-width:1040px;
	margin:-110px auto 0;
	padding-bottom:20px;
}
.devaas-btn-area .inner-flex{
	display:flex;
	justify-content:flex-end;
	width:100%;
}
#mainSection .devaas-btn-area .white-p-download-btn a{
	background:#6170C0;
	color:#fff;
}
#mainSection .devaas-btn-area .english-btn a{
	background:#1abc9e;
	color:#fff;
}
#mainSection .devaas-btn-area .white-p-download-btn a,
#mainSection .devaas-btn-area .english-btn a{
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	padding:5px 40px 5px 25px;
	font-size:18px;
	margin:0 0 0 10px;
	height:100%;
}
#mainSection .devaas-btn-area .white-p-download-btn a span,
#mainSection .devaas-btn-area .english-btn a span{
	display: flex;
	align-items: center;
}
#mainSection .mv{
	padding-bottom:130px;
}
#mainSection .devaas-btn-area .english-btn a span::before,
#mainSection .devaas-btn-area .white-p-download-btn a span::before{
	font-family:"Font Awesome 5 Free";
	content:'\f101';
	margin-right:10px;
}


@media screen and (max-width: 767px) {
	#mainSection #white-p-download .inner-flex{
		flex-direction:column-reverse;
	}
	#mainSection #white-p-download .inner-flex > div:first-child > p:first-child{
		margin-top:20px;
	}
	#mainSection #white-p-download .view-btn{
		padding:10px 20px;
		display:block;
		margin:20px auto 0;
		font-size:18px;
	}

	.devaas-btn-area{
		margin:-180px auto 0;
	}
	.devaas-btn-area .inner-flex{
		display:block;
	}
	#mainSection .devaas-btn-area .white-p-download-btn a,
	#mainSection .devaas-btn-area .english-btn a{
		justify-content:flex-start;
		margin:10px 5px;
		padding:5px 10px 5px 25px;
	}
	#mainSection .mv{
		padding-bottom:200px;
	}
}





/*deeptector*/
.deeptector-5-grid{
	display:grid;
	display:-ms-grid;
	grid-template-columns:20% 20% 20% 20% 20%;
	grid-template-rows:auto auto auto auto auto;
	-ms-grid-columns:20% 20% 20% 20% 20%;
	-ms-grid-rows:auto auto auto auto auto;
	padding:15px 0;
}

.feature-box.fbox-center .deeptector-5-grid h4,
.feature-box.fbox-center .deeptector-5-grid p{
	display:table;
	margin:0 auto;
	text-align:left;
}
.feature-box.fbox-center .deeptector-5-grid p{
	padding:10px 0;
}

.deeptector-5-grid div:nth-of-type(1){
	grid-column:1;
	grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}
.deeptector-5-grid div:nth-of-type(2){
	grid-column:1;
	grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-row: 2;
}
.deeptector-5-grid div:nth-of-type(3){
	grid-column:1;
	grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-row: 3;
}

.deeptector-5-grid div:nth-of-type(4){
	grid-column:2;
	grid-row: 1;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
}
.deeptector-5-grid div:nth-of-type(5){
	grid-column:2;
	grid-row: 2;
	-ms-grid-column: 2;
	-ms-grid-row: 2;
}
.deeptector-5-grid div:nth-of-type(6){
	grid-column:2;
	grid-row: 3;
	-ms-grid-column: 2;
	-ms-grid-row: 3;
}

.deeptector-5-grid div:nth-of-type(7){
	grid-column:3;
	grid-row: 1;
	-ms-grid-column: 3;
	-ms-grid-row: 1;
}
.deeptector-5-grid div:nth-of-type(8){
	grid-column:3;
	grid-row: 2;
	-ms-grid-column: 3;
	-ms-grid-row: 2;
}
.deeptector-5-grid div:nth-of-type(9){
	grid-column:3;
	grid-row: 3;
	-ms-grid-column: 3;
	-ms-grid-row: 3;
}

.deeptector-5-grid div:nth-of-type(10){
	grid-column:4;
	grid-row: 1;
	-ms-grid-column: 4;
	-ms-grid-row: 1;
}
.deeptector-5-grid div:nth-of-type(11){
	grid-column:4;
	grid-row: 2;
	-ms-grid-column: 4;
	-ms-grid-row: 2;
}
.deeptector-5-grid div:nth-of-type(12){
	grid-column:4;
	grid-row: 3;
	-ms-grid-column: 4;
	-ms-grid-row: 3;
}

.deeptector-5-grid div:nth-of-type(13){
	grid-column:5;
	grid-row: 1;
	-ms-grid-column: 5;
	-ms-grid-row: 1;
}
.deeptector-5-grid div:nth-of-type(14){
	grid-column:5;
	grid-row: 2;
	-ms-grid-column: 5;
	-ms-grid-row: 2;
}
.deeptector-5-grid div:nth-of-type(15){
	grid-column:5;
	grid-row: 3;
	-ms-grid-column: 5;
	-ms-grid-row: 3;
}



@media screen and (max-width: 991px) {
	.deeptector-5-grid{
		grid-template-columns:50% 50%;
		grid-template-rows:auto auto;
		-ms-grid-columns:50% 50%;
		-ms-grid-rows:auto auto;
	}

	.feature-box.fbox-center .deeptector-5-grid h4{
		margin:70px auto 0;
	}

	.deeptector-5-grid div:nth-of-type(1){
		grid-column:1;
		grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		margin-top:-70px;
	}
	.deeptector-5-grid div:nth-of-type(2){
		grid-column:1;
		grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
	.deeptector-5-grid div:nth-of-type(3){
		grid-column:1;
		grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-row: 3;
	}

	.deeptector-5-grid div:nth-of-type(4){
		grid-column:2;
		grid-row: 1;
		-ms-grid-column: 2;
		-ms-grid-row: 1;
		margin-top:-70px;
	}
	.deeptector-5-grid div:nth-of-type(5){
		grid-column:2;
		grid-row: 2;
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}
	.deeptector-5-grid div:nth-of-type(6){
		grid-column:2;
		grid-row: 3;
		-ms-grid-column: 2;
		-ms-grid-row: 3;
	}

	.deeptector-5-grid div:nth-of-type(7){
		grid-column:1;
		grid-row: 4;
		-ms-grid-column: 1;
		-ms-grid-row: 4;
	}
	.deeptector-5-grid div:nth-of-type(8){
		grid-column:1;
		grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-row: 5;
	}
	.deeptector-5-grid div:nth-of-type(9){
		grid-column:1;
		grid-row: 6;
		-ms-grid-column: 1;
		-ms-grid-row: 6;
	}

	.deeptector-5-grid div:nth-of-type(10){
		grid-column:2;
		grid-row: 4;
		-ms-grid-column: 2;
		-ms-grid-row: 4;
	}
	.deeptector-5-grid div:nth-of-type(11){
		grid-column:2;
		grid-row: 5;
		-ms-grid-column: 2;
		-ms-grid-row: 5;
	}
	.deeptector-5-grid div:nth-of-type(12){
		grid-column:2;
		grid-row: 6;
		-ms-grid-column: 2;
		-ms-grid-row: 6;
	}

	.deeptector-5-grid div:nth-of-type(13){
		grid-column:1;
		grid-row: 7;
		-ms-grid-column: 1;
		-ms-grid-row: 7;
	}
	.deeptector-5-grid div:nth-of-type(14){
		grid-column:1;
		grid-row: 8;
		-ms-grid-column: 1;
		-ms-grid-row: 8;
	}
	.deeptector-5-grid div:nth-of-type(15){
		grid-column:1;
		grid-row: 9;
		-ms-grid-column: 1;
		-ms-grid-row: 9;
	}
}


@media screen and (max-width: 479px) {
	.deeptector-5-grid{
		display:block;
		padding:15px 0;
	}

	.feature-box.fbox-center .deeptector-5-grid h4{
		margin:70px auto 0;
	}

	.deeptector-5-grid div:nth-of-type(1){
		margin-top:-70px;
	}
	.deeptector-5-grid div:nth-of-type(4){
		margin-top:0;
	}
}



/*----------------------------------------*/
/*          english                       */
/*----------------------------------------*/
.english-page .feature-box.fbox-center p{
	text-align:left;
}

.english-features-box-wrap > .row{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:40px;
}
.english-features-box{
	border:2px solid #ddd;
	padding:50px 20px;
	height:100%;
	border-radius:5px;
	position:relative;
}
.english-features-box span{
	display:block;
}
.english-features-box span.number{
	font-size:22px;
	width:36px;
	height:36px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#666;
	color:#fff;
	padding-top:3px;
	border-radius:50%;
	position:absolute;
	top:-18px;
	left:calc(50% - 18px);
}
.english-features-box a{
	position:absolute;
	bottom:20px;
	right:20px;
	display:table;
	font-size:18px;
}
.english-features-box a::before{
	font-family:"Font Awesome 5 Free";
	content:'\f105';
	margin-right:5px;
}
@media screen and (max-width: 767px){
	.english-features-box-wrap > .row > .col-sm-4{
		width:100%;
		margin-bottom:40px;
	}
	.english-features-box-wrap > .row > .col-sm-4:last-child{
		margin-bottom:0;
	}
}

.english-white-box > .container{
	padding:30px;
	background:#fff;
	border-radius:10px;
	margin:40px auto;
}
.english-gray-box > .container{
	padding:30px;
	background:#f2f2f2;
	border-radius:10px;
	margin:40px auto;
}

.english-faq{
	display:flex;
	margin:20px 0;
}
.english-faq span:first-child{
	flex-basis:50px;
}
.english-faq span:last-child{
	flex-basis:calc(100% - 50px);
}


/*----------------------------------------*/
/*          topics                        */
/*----------------------------------------*/
.topics-cat{
	display:block;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.topics-date{
	text-align:center;
}
#content p.topics-category{
	line-height:1.5;
}
.topics-content p{
	margin-bottom:15px;
}
@media screen and (max-width: 767px){
	.topics-date,
	.topics-category,
	.topics-content{
		margin-bottom:15px;
	}
}
.l-news .topics-cat{
	font-size:14px;
}
.l-news .topics-content{
	font-size:18px;
	font-weight:600;
}



/*----------------------------------------*/
/*          White Paper                   */
/*----------------------------------------*/
.white-paper-wrap{
	display:flex;
	justify-content:space-between;
	background: #f2f2f2;
	padding: 20px;
	margin: 10px;
	border-radius: 5px;
}

.white-paper-wrap .white-paper-left{
	flex-basis:300px;
}
.col-sm-6 .white-paper-wrap .white-paper-left{
	flex-basis:calc(100% - 350px);
}
.white-paper-wrap .white-paper-right{
	flex-basis: calc(100% - 300px);
	min-width: 350px;
	padding-left: 20px;
}
.white-paper-wrap .white-paper-thumb{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
.white-paper-wrap .white-paper-thumb img{
	width:100%;
}

.white-paper-wrap .white-paper-inner{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}
.white-paper-wrap .white-paper-title h3{
	font-size:18px;
	margin-bottom:15px;
}
.col-sm-6 .white-paper-wrap .white-paper-title h3{
	font-size:14px;
	margin-bottom:10px;
}
/*
.white-paper-wrap .white-paper-title h3::before{
	content:'\25A0';
	color:#555;
}
*/
.white-paper-wrap .white-paper-content p{
	margin-bottom:15px;
}
.col-sm-6 .white-paper-wrap .white-paper-content p{
	margin-bottom:10px;
	font-size:12px;
}

.white-paper-wrap .white-paper-dl a{
	display:table;
	margin:15px auto 0 0;
	padding:7px 15px;
	border-radius:5px;
	color:#fff;
	font-size:18px;
}
.col-sm-6 .white-paper-wrap .white-paper-dl a{
	margin:10px auto 0 0;
	padding:5px 15px;
	border-radius:5px;
	color:#fff;
	font-size:14px;
}
.white-paper-wrap .white-paper-dl a span:before{
	content:'\f138';
	font-family:"Font Awesome 5 Free";
	margin-right:6px;
}
@media screen and (max-width: 1199px){
	.col-sm-6 .white-paper-wrap .white-paper-left{
		flex-basis:300px;
	}
	.col-sm-6 .white-paper-wrap{
		display:block;
	}
	.white-paper-wrap .white-paper-thumb img,
	.col-sm-6 .white-paper-wrap .white-paper-thumb img{
		display: block;
		margin-bottom: 20px;
		width:auto;
	}
	.white-paper-wrap .white-paper-right{
		min-width: auto;
	}
}
@media screen and (max-width: 767px){
	.white-paper-wrap{
		display:block;
	}

	.white-paper-wrap .white-paper-title h3{
		font-size:14px;
		margin-bottom:10px;
	}
	.white-paper-wrap .white-paper-content p{
		margin-bottom:10px;
		font-size:12px;
	}
	.white-paper-wrap .white-paper-dl a{
		margin:10px auto 0;
		padding:5px 15px;
		border-radius:5px;
		color:#fff;
		font-size:14px;
	}
	.col-sm-6 .white-paper-wrap .white-paper-dl a{
		margin:10px auto 0;
	}
}
@media screen and (max-width: 500px) and (-ms-high-contrast: none){
	.white-paper-wrap .white-paper-thumb img,
	.col-sm-6 .white-paper-wrap .white-paper-thumb img{
		width:100%;
	}
}

#content.color_blue01 .white-paper-wrap .white-paper-dl a{
	background:#009eec;
}
#content.color_blue02 .white-paper-wrap .white-paper-dl a{
	background:#007bc7;
}
#content.color_blue03 .white-paper-wrap .white-paper-dl a{
	background:#11558c;
}
#content.color_blue04 .white-paper-wrap .white-paper-dl a{
	background:#12477d;
}
#content.color_green .white-paper-wrap .white-paper-dl a{
	background:#009944;
}
#content.color_greendeep .white-paper-wrap .white-paper-dl a{
	background:#007871;
}
#content.color_pink .white-paper-wrap .white-paper-dl a{
	background:#f76ab8;
}
#content.color_purple .white-paper-wrap .white-paper-dl a{
	background:#6c1d6d;
}
#content.color_orange .white-paper-wrap .white-paper-dl a{
	background:#ed9348;
}

/*----------------------------------------*/
/*          footer                        */
/*----------------------------------------*/
#footer{
	margin-top:-1px;
	background:#f2f2f2;
	color:#555;
	padding:0;
	border-top:5px solid #cdcdcd;
	box-sizing:border-box;
}
#footer *{
	box-sizing:border-box;
}
#footer p{
	margin:0;
	padding:0;
}
#footer a{
	color:#555;
}
.footer-inner{
	padding:0 10px;
}
.footer-top, .footer-bottom{
	max-width:900px;
	margin:0 auto;
	padding:30px 10px;
}
.footer-top{
	display:flex;
	border-bottom:1px solid #ddd;
}
.footer-title{
	flex-basis:25%;
}
.footer-title h2{
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:5px;
	display:flex;
	align-items:center;
	color:#6e6e6e;
}
.footer-title h2::before{
	font-family:"Font Awesome 5 Free";
	content:'\f138';
	color:#00998e;
	font-size:16px;
	padding-right:7px;
	display:block;
}
.footer-top-nav{
	flex-basis:75%;
}
.footer-top ul, .footer-bottom ul{
	display:flex;
	flex-wrap:wrap;
}
.footer-top ul li{
	flex-basis:calc(100% / 3);
}
.footer-bottom ul li{
	flex-basis:25%;
}
.footer-top li, .footer-bottom li{
	list-style:none;
	font-size:11px;
	display:flex;
	padding:5px;
}
.footer-top li a, .footer-bottom li a{
	display:block;
	margin-bottom:auto;
}
.footer-top li a:hover,
.footer-bottom li a:hover{
	text-decoration:underline!important;
}
.footer-top li::before, .footer-bottom li::before{
	font-family:"Font Awesome 5 Free";
	content:'\f054';
	color:#00998e;
	font-size:9px;
	padding-right:7px;
	display:block;
}

.footer-power{
	border-top:2px solid #d9d9d9;
	padding:0 10px;
}
.footer-power-inner{
	max-width:960px;
	margin:17px auto 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.footer-power-left{
	display:flex;
	align-items:center;
}
.footer-power-left ul{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:0;
}
.footer-power-left ul li{
	display:inline-block;
	padding:1px 10px;
	list-style:none;
	border-right:1px dotted #333;
	font-size:12px;
}
.footer-power-left ul li:first-child{
	padding-left:0;
}

#footer .footer-power-left ul li a{
	color:#222;
}
.footer-power-left ul li:last-child{
	border:none;
}
.footer-power-small{
	max-width:960px;
	margin:17px auto 0;
}
.footer-power-small small{
	display:block;
	margin:0;
	padding:0;
}

@media screen and (max-width: 800px) {
	.footer-top,
	.footer-top ul,
	.footer-bottom ul{
		display:block;
	}
	.footer-inner,
	.footer-power-left,
	.footer-power-right,
	.footer-power-small small,
	.footer-power-left ul{
		display:table;
		margin:0 auto;
	}
	.footer-power-left ul,
	.footer-power-left small{
		margin-bottom:20px;
	}
	.footer-power-left ul li{
		display:block;
		padding:7px 5px;
		list-style:none;
		border:none;
		border-bottom:1px solid #ddd;
	}
	.footer-power-left ul li:first-child{
		padding:7px 5px;
	}
	.footer-title h2{
		margin-left:-5px;
	}
}

@media screen and (max-width: 370px) {
	.footer-power-inner{
		display:block;
	}
}


/*----------------------------------------*/
/*          footer english                */
/*----------------------------------------*/

#footer-en{
	padding: 0 0 40px 0;
	text-align: center;
	color: #666;
	border-top: 1px solid #ccc;
	background:url(/sc_assets/img/style/co_bg_05.gif) left bottom repeat-x
}
.footer-en-wrap{
	background:#fff;
	padding:25px 10px;
	box-sizing:border-box;
}
.footer-en-inner{
	max-width:882px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.footer-en-left ul{
	display:flex;
	flex-wrap:wrap;
	margin:0;
}
.footer-en-left ul li{
	display:inline-block;
	padding:0 20px;
	list-style:none;
	border-right:1px dotted #ccc;
	font-size:13px;
}
.footer-en-left ul li:first-child{
	border-left:1px dotted #ccc;
}
.footer-en-left ul li a{
	color:#666;
}
.footer-en-left ul li a:hover{
	text-decoration:underline;
}
.footer-en-left p{
	padding:0;
	margin:14px 0 0;
	text-align:left;
}
.footer-en-right p{
	padding:0;
	margin:0;
}

@media screen and (max-width: 800px) {
	div#footerArea,
	div#footerArea div#ftInBlock {
		width: 100%;
		min-width: auto;
	}
	div#footerArea div.formLeftBlockFtr,
	div#footerArea div.formRightBlockFtr {
		float :none;
		text-align: center;
	}
	div#footerArea div.formLeftBlockFtr ul{
		display:table;
		margin:0 auto;
		border: none;
	}
	div#footerArea div.formLeftBlockFtr ul li{
		display:block;
		padding:7px 5px;
		list-style:none;
		border:none;
		float: none;
	}
}


/*IE*/
@-ms-viewport {
	width: auto;
}
@media all and (-ms-high-contrast: none) {
	#top-eye-catch-img{
		width:100vw;
		position:relative;
	}
	#top-eye-catch-img p,
	#top-eye-catch-img picture{
		width:auto;
		height:100%;
		margin-left:50%;
		position:absolute;
	}
	#top-eye-catch-img img{
		width:auto;
		height:100%;
		margin-left:-50%;
	}
	.footer-top ul li{
		flex-basis:31%;
	}
	.footer-bottom ul li{
		flex-basis:23%;
	}
}


@media screen and (max-width: 980px) {
	*::-ms-backdrop, #top-eye-catch-img,
	*::-ms-backdrop, #top-eye-catch-img p,
	*::-ms-backdrop, #top-eye-catch-img img{
		height:300px;
	}
}
@media screen and (max-width: 760px) {
	*::-ms-backdrop, #top-eye-catch-img,
	*::-ms-backdrop, #top-eye-catch-img p,
	*::-ms-backdrop, #top-eye-catch-img img{
		height:250px;
	}
}
@media screen and (max-width: 645px) {
	*::-ms-backdrop, #top-eye-catch-img,
	*::-ms-backdrop, #top-eye-catch-img p,
	*::-ms-backdrop, #top-eye-catch-img img{
		height:200px;
	}
}
@media screen and (max-width: 550px) {
	*::-ms-backdrop, #top-eye-catch-img,
	*::-ms-backdrop, #top-eye-catch-img p,
	*::-ms-backdrop, #top-eye-catch-img img{
		height:150px;
	}
}
@media screen and (max-width: 450px) {
	*::-ms-backdrop, #top-eye-catch-img,
	*::-ms-backdrop, #top-eye-catch-img p,
	*::-ms-backdrop, #top-eye-catch-img img{
		height:100px;
	}
}




/*modal*/
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */

.modaal-noscroll {
	overflow: hidden;
}

.modaal-accessible-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
}

.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
	border: none;
	background: transparent;
	padding: 0;
	-webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
	opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
	outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
	overflow: hidden;
}

.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
	display: block;
}

.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top;
}

.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0px;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	cursor: auto;
}

.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden;
}

.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto;
}

.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.modaal-close:focus,
.modaal-close:hover {
	outline: none;
	background: #fff;
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #b93d0c;
}

.modaal-close span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-close:before,
.modaal-close:after {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px;
}

.modaal-content-container {
	padding: 30px;
}

.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0;
}

.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: transparent;
}

.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f;
}

.modaal-instagram .modaal-container {
	width: auto;
	background: transparent;
	box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
	padding: 0;
	background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

.modaal-instagram iframe {
	opacity: 0;
	margin: -6px !important;
	border-radius: 0 !important;
	width: 1000px !important;
	max-width: 800px !important;
	box-shadow: none !important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px;
}

.modaal-image .modaal-container {
	width: auto;
	max-width: 75%;
}

@media screen and (max-width: 1500px) {
	.modaal-image .modaal-container {
		max-width: 100%;
	}
}

.modaal-gallery-wrap {
	position: relative;
	color: #fff;
}

.modaal-gallery-item {
	display: none;
}

.modaal-gallery-item img {
	display: block;
}

.modaal-gallery-item.is_active {
	display: block;
}

.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
}

.modaal-gallery-label:focus {
	outline: none;
}

.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
	outline: none;
	background: #fff;
}

.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
	background: #afb7bc;
}

.modaal-gallery-control span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
	margin: -5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-gallery-control:after {
	margin: 5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-gallery-next-inner {
	left: 100%;
	margin-left: 40px;
}

.modaal-gallery-next-outer {
	right: 45px;
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
	left: 22px;
}

.modaal-gallery-prev:before {
	margin: 5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
	margin: -5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
	right: 100%;
	margin-right: 40px;
}

.modaal-gallery-prev-outer {
	left: 45px;
}

.modaal-video-wrap {
	margin: auto 50px;
	position: relative;
}

.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%;
}

.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block;
}

.modaal-loading-spinner {
	background: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: scale(0.25);
	-ms-transform: scale(0.25);
	transform: scale(0.25);
}

.modaal-loading-spinner > div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute;
}

.modaal-loading-spinner > div > div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
	-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
	-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
	-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
	-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
	-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
	-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
	-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
	-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

@media only screen and (min-width: 1400px) {

.modaal-video-container {
	padding-bottom: 0;
	height: 731px;
}

}

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

.modaal-image .modaal-inner-wrapper {
	padding-left: 25px;
	padding-right: 25px;
}

.modaal-gallery-control {
	top: auto;
	bottom: 20px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	background: rgba(0, 0, 0, 0.7);
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
	background: #fff;
}

.modaal-gallery-next {
	left: auto;
	right: 20px;
}

.modaal-gallery-prev {
	left: 20px;
	right: auto;
}

}

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

.modaal-instagram iframe {
	width: 500px !important;
}

}

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

.modaal-instagram iframe {
	width: 280px !important;
}

}

@media screen and (max-height: 1100px) {

.modaal-instagram iframe {
	width: 700px !important;
}

}

@media screen and (max-height: 1000px) {

.modaal-inner-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}

.modaal-instagram iframe {
	width: 600px !important;
}

}

@media screen and (max-height: 900px) {

.modaal-instagram iframe {
	width: 500px !important;
}

.modaal-video-container {
	max-width: 900px;
	max-height: 510px;
}

}

@media only screen and (max-height: 820px) {

.modaal-gallery-label {
	display: none;
}

}

@keyframes instaReveal {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes instaReveal {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes modaal-loading-spinner {

0% {
	opacity: 1;
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

100% {
	opacity: .1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

}

@keyframes modaal-loading-spinner {

0% {
	opacity: 1;
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

100% {
	opacity: .1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

}