html, body{line-height:1.8;height:100%;width:100%;margin:0;}

/*all tuto */

  button:hover{cursor:pointer;}  
  button:focus{outline:none;}
  .colorBlack{color:#191919;}
  .b-20{bottom:20px;}
  .border-rad17{border-radius:17px !important;}
  .border-rad40{border-radius:40px !important;}
  .fontBolder{font-weight:bolder;}
  .fontBold{font-weight:bold;}
  .fontBlack{color:#2E2E2E}
  .fontBlack2{color:#2B2B2B;}
  .font75{font-size:75px;}
  .font55{font-size:55px;}
  .font48{font-size:48px;}
  .font40{font-size:40px;}
  .font30{font-size:30px;}
  .font35{font-size:35px;}
  .font28{font-size:28px;}
  .font25{font-size:25px;}
  .font24{font-size:24px;}
  .font20{font-size:20px;}
  .font19{font-size:19px;}
   div.tabS{display:inline-block;}
   div.tabS,.custom-select{background-color: #c7c7c7}
  .lineHeight_1em{line-height: 1em;}
  .maxWidth3000{max-width: 3000px}
  .marginTop35{margin-top: 35px;}
  .marginTop65{margin-top: 65px;}
  .minWidth150{min-width: 150px;}
  .pb-50{padding-bottom:50px !important;}
  .padding0{padding:0px;}
  .padding10{padding:10px;}
  .padding10_20{padding: 10px 20px 10px 20px;}
  .shadow55{-webkit-box-shadow: 2px 2px 46px -12px rgba(54,54,54,1);-moz-box-shadow: 2px 2px 46px -12px rgba(54,54,54,1);box-shadow: 2px 2px 46px -12px rgba(54,54,54,1);}
   .width100{width:100%;}
   a:hover{color:rgba(239,151,75,1.00);} 
   .backgroundGrey2{background-color: #C2C2C2;}
   .backgroundBlack_op{background-color: rgba(0,0,0,0.3)}
   .border_TL_40{border-top-left-radius: 40px !important;}
   .border_BL_40{border-bottom-left-radius: 40px !important;}
   .shadowGrey{-webkit-box-shadow: 0px 0px 13px -3px rgba(125,125,125,1);-moz-box-shadow: 0px 0px 13px -3px rgba(125,125,125,1);box-shadow: 0px 0px 13px -3px rgba(125,125,125,1);}
   .shadow10{-webkit-box-shadow: 0px 0px 33px -10px rgba(115,115,115,1);-moz-box-shadow:0px 0px 33px -10px rgba(115,115,115,1);box-shadow: 0px 0px 33px -10px rgba(115,115,115,1);}
   .backgroundColorYellow{background-image: linear-gradient(to right top, #fff9be, #fef1a9, #fde994, #fee080, #ffd66b);}
   .backgroundGrey_tu{background: linear-gradient(20deg, rgba(66,65,66,1) 0%, rgba(28,27,28,1) 100%);box-shadow: 0px 0px 32px -9px rgba(0, 0, 0, 0.96);-webkit-box-shadow: 0px 0px 32px -9px rgba(0, 0, 0, 0.96);-moz-box-shadow: 0px 0px 32px -9px rgba(0, 0, 0, 0.96);}
   button.backgroundColorYellow{border:2px solid #ffd66b;}
   button.backgroundColorYellow:hover{background-image: none;color:#ffd66b;border:2px solid #ffd66b;background-color: #fff;}
   .card-header {padding: 0 0;}		
   .border-TL-rad17{border-top-left-radius: 17px !important;}
   .border-TR-rad17{border-top-right-radius: 17px !important;}
   .border-TR-rad40{border-top-right-radius: 40px !important;}
   .card{
			margin-top:0px;margin-bottom:0px;
			transition: all 0.4s;
			-webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
	        border:none !important;
   }
   .card:hover{margin-top: -10px;margin-bottom:10px;}
   .shadow2{-webkit-box-shadow: 0px 0px 7px 0px rgba(140,140,140,1);-moz-box-shadow: 0px 0px 7px 0px rgba(140,140,140,1);box-shadow: 0px 0px 7px 0px rgba(140,140,140,1);}		
   .shadow1,.card:hover{-webkit-box-shadow: 0px 0px 8px 0px rgba(138,109,59,1);-moz-box-shadow: 0px 0px 8px 0px rgba(138,109,59,1);box-shadow: 0px 0px 8px 0px rgba(138,109,59,1);}
   .shadow3{-webkit-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.18);-moz-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.18);box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.18);}
   .overlay {
          position: absolute;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  height: 100%;
		  width: 100%;
		  opacity: 0;
		  transition: .5s ease;
		  background-color:#fff;
   }

   .card:hover .overlay {
		  opacity: 0.3;
   }	
   .black{color:rgba(0,0,0,0.80);}
   .black2{color:rgba(0,0,0,0.60);}
   .margin0{margin:0px;}	
   .margin-lrn5{margin-left:-5px;margin-right:-5px;}
   .searchbar{max-width: 400px;background-color: transparent;border: none}
   .searchbar:focus{background-color: #b4b4b4;}
   .search_input{
    line-height: 40px;font-size: 18px !important;height:50px;
    border: none;outline: none;padding:2px 10px 2px 22px;border-bottom-left-radius:6px !important;border-top-left-radius:6px !important
    }
	input{color:#434343;}	 
	.search_input:focus,.search_input:focus ~ .searchbar{background-color: #b4b4b4;border-bottom-left-radius: 6px!important;border-top-left-radius: 6px!important;
    }
    .custom-select {
		color: #495057 !important;
		background-image: url(/Simlabimages/SimLab_Brand_Elements/arrow-block-down.png);
		background-repeat: no-repeat;
		background-size: 16px;
    }
    .search_icon{
		background: #c8c8c8;
		border-bottom-right-radius: 6px !important;
		border-top-right-radius: 6px !important;
		height: 100%;
		width: 100%;
		display: flex;
    }
	.search_icon:hover{cursor: pointer;color:#262626}	 
	.fa-search.search_icon.bg-transparent:hover{cursor: pointer;color:darksalmon !important;}	
	.search_input,.search_icon{background-color: #c8c8c8;}
	::placeholder{color:#434343 !important}		 
    input:focus,
    input:-webkit-autofill,
    input:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:focus
    {border: 1px solid #b4b4b4;-webkit-text-fill-color: #000;-webkit-box-shadow: 0 0 0px 1000px #b4b4b4 inset;transition: background-color 5000s ease-in-out 0s;}
	.fa-search.search_icon.bg-transparent:hover{cursor: pointer;color:darksalmon !important;}	
	.filterDiv {display: none;}
	.show {display: block;}
	.scrollThis{overflow-y:hidden;padding-right:16px}
	.scrollThis:hover{overflow-y: scroll;padding-right:0px}
	select{
		text-transform: none;
		color: #3D3D3D;
		font-weight: bolder;
		font-size: 16px;
		font-size: 16px;
		border: solid 1px #e4e4e4;
		min-height: 50px;
		/* min-width: 150px; */
		padding: 10px;
		-webkit-box-shadow: 0px 0px 13px 0px rgb(132, 132, 132);
		-moz-box-shadow: 0px 0px 13px 0px rgb(132, 132, 132);
		box-shadow: 0px 0px 13px 0px rgb(132, 132, 132);
		border-radius: 6px !important;
		outline: none;
		background-image: url('/Simlabimages/SimLab_Brand_Elements/arrow-block-down.png');
		cursor: pointer;width: 195px !important;
	}
   ::placeholder {
	  color: #555;
	  opacity: 1; /* Firefox */
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	 color: #555;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
	 color: #555;
	}

    /*Tutorial series */
    .paddingVedio{padding: 0 4% 50px 4%;}
    .paddingVedio_text{padding:10px 5px 0px 5px;font-size:15px;}
    .paddingVedio .filterDiv:hover,.addHover:hover{opacity: 0.8;cursor: pointer;}
    .shadow6{-webkit-box-shadow: 18px 15px 29px -9px rgb(80, 80, 80);-moz-box-shadow: 18px 15px 29px -9px rgb(80, 80, 80);box-shadow: 18px 15px 29px -9px rgb(80, 80, 80);}
    .list-group-item{border-left: none;border-right: none;padding-top: 15px;padding-bottom: 15px; display: list-item;-webkit-transition: all 0.5s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;background-color: transparent;}
    .list-group-item:hover{cursor: pointer;}
	.list-group-item.active{
		z-index: 2;
		background-color: transparent;
        border-color: transparent;			
	}
    .list-group{padding-left: 60px;}
    .list-group > .list-group-item:first-child{border-top: none;}
    .list-group > .list-group-item:last-child{border-bottom: none;}
    .backgroundColoroOrange:hover,.list-group-item.active{color:#cea738 !important;}
    #one{transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}	
   ul.listCheck{list-style:none;margin-bottom:0px;} 
   ul.listCheck li{margin-bottom:0px;} 
   ul.listCheck li a{font-size:14px;color:#fff;}
   ul.listCheck li a:hover{color:peachpuff;} 
   .padding3{padding: 3px;}	
   .paddingVedio_text{max-width: 310px;}
   @media(max-width:1850px){.font75{font-size:65px;} .font65{font-size:55px;} .font55{font-size:45px;} .font40{font-size:38px;} .paddTop4P{padding-top:4%;}}
   @media (min-width:1500px) and (max-width:1700px){ .font75{font-size:55px;} .font65{font-size:45px;} .font55{font-size:42px;} .font48{font-size:38px;} .font40{font-size:35px;}  .font35{font-size:28px;} .font30{font-size:28px;} .font28{font-size:26px;} .font19{font-size:18px;}} 
   @media (min-width:1000px) and (max-width:1500px){.font75{font-size:45px;} .font65{font-size:35px;} .font55{font-size:38px;} .font48{font-size:28px;} .font35{font-size:24px;} .font30{font-size:22px;} .font28{font-size:20px;} .font19{font-size:17px;} p.marginTop35{margin-top: 25px;}}
   @media (max-width:1500px){.imgPlugins{width:50px;} .font25{font-size:19px;} .font24{font-size:18px;} .font20{font-size:17px;}} 
   @media (max-width:1400px){.paddingVedio_text{font-size:13px;} .filterDiv div img{height:100%;} .col-md-7.train,.col-md-5.train {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .shadow55{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow: none;} .border_TL_40.border_BL_40.shadow55.float-left{float:none !important;}}
   @media (min-width:767px) and (max-width:1250px){.col-md-5.picMain2,.col-md-4.picMain2{flex: 0 0 50%;max-width: 50%;} .col-md-3.picMain2{flex: 0 0 100%;
    max-width: 100%;}}

   @media (max-width:1750px){.col-md-2.colSelect1{display: none !important;} .col-md-2.colSelect2{flex: 0 0 24%;max-width: 24%;} select{width:175px !important;margin-bottom:5px;}}
   @media (min-width:1130px) and (max-width:1250px){select{font-size:15px;width:160px !important;}}
   @media (min-width:400px) and (max-width:1130px){ .col-md-2.colSelect2{flex: 0 0 50%;max-width: 50%;} select{width:178px !important;font-size:14px;}}
   @media (min-width:767px) and (max-width:1350px){.col-md-3.paddingVedio{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;display:table;margin-left:auto;margin-right: auto;}}
   @media (max-width:400px){ .col-md-2.colSelect2{flex: 0 0 100%;max-width: 100%;} select{width:158px !important;font-size:12px;}}
   @media (min-width:1100px) and (max-width:1250px){.backgroundGrey2.shadow10{width:115%;}}
   @media (min-width:300px) and (max-width:1200px){.maxWidth1{max-width:80px;}}
   @media (max-width:1100px){.float-right,.float-left{float:none !important;}}
   @media (min-width:809px) and (max-width:1000px){.font48{font-size:24px;} .font40{font-size:23px;} .font35{font-size:22px;} .font28{font-size:19px;} .font19{font-size:16px;}} 
   @media (max-width:1000px){.font75{font-size:35px;} .font65{font-size:25px;} .font55{font-size:25px;} .font30{font-size:18px;} .font28{font-size:20px;} .font25{font-size:18px;} .font24{font-size:17px;} .font20{font-size:16px;} .font19{font-size:15px;} }
   @media (min-width:767px) and (max-width:950px){.backgroundGrey2{width:120%;} }
   @media (max-width:809px){.font48{font-size:22px;} .font40{font-size:21px;} .font35{font-size:20px;} .font28{font-size:18px;}} 
   @media (max-width:767px){.float-right,.float-left{float:none !important;} .height400{min-height:auto;} .font75{font-size:24px;} .font65{font-size:23px;} .mainTitle{top:2%;bottom:98%;left:0%;}  .imgFormat,.imgPlugin{width:250px;} }
   @media (min-width:575px) and (max-width:603px){.pBlock{min-height: 60px}}
   @media (max-width:575px){ .font75,.font65,.font55{font-size:22px;}}
   @media (max-width:400px){.mainTitle{position: relative !important;}}	  
   @media (max-width:340px){.col-md-3.col-sm-6.col-6.margin-bottom-10{width:100%}}	
   @media (min-width:240px) and (max-width:290px){.backgroundGrey2.shadow10{width:128%;}}
   @media (max-width:240px){.col-md-3.col-sm-6.col-6.margin-bottom-10{flex: 0 0 100%;max-width: 100%} .backgroundGrey2.shadow10{width:100%;}}