@font-face {
    font-family: "FontAwesome";
    font-weight: bold;
    font-style : normal;
           src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
           src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}

@keyframes load {
  0% {
   opacity:0;

  }
  100% {
    opacity:1;
  }
}
@keyframes load2 {
  0% {
   left:30%;
  }
 25% {
   left:50%;
  }
  50% {
    left:75%;
  }
  75% {
    left:85%;
  }
100% {
    left:100%;
  }
}

.AsherLtCarisolNo1v1CtrlClass .maintd11
{        background: transparent;
      vertical-align: middle;
}


.AsherLtCarisolNo1v1CtrlClass .main
{       
   	 display: flex;
  	  align-items: flex-end;
    	justify-content: center;
   	 flex-flow: row;
}

.AsherLtCarisolNo1v1CtrlClass .blk
{	float:left;
	width: 50%;
     
}

.AsherLtCarisolNo1v1CtrlClass .title
{	        display: block;
    letter-spacing: 1.5px;
    font-size: 20px;
    margin: 10px auto;
    line-height: 100%;
    font-weight: bold;
    color: #151433;
}

.AsherLtCarisolNo1v1CtrlClass .sub
{
	display: block;
    	text-align: center;
    	font-size: 30px;
    	margin: 0px auto;
   	 line-height: 100%;
    	font-weight: 800;
}

.AsherLtCarisolNo1v1CtrlClass .content
{	 
    display: block;
    letter-spacing: 1.5px;
    text-align: left;
    color: #3d3a55;
    margin: 10px 0;
    font-weight: 500;
    width: 80%;
    text-align: justify;
}
.AsherLtCarisolNo1v1CtrlClass .contentbutton 
{
 	margin:20px 0 40px 0;
}

.AsherLtCarisolNo1v1CtrlClass .colorlink
{       color: #3d3a55;
    line-height: 100%;
    display: block;
    font-size: 11px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #020123;
    padding: 20px 35px;
   width:166px;
    cursor: pointer;
	position:relative

}
.AsherLtCarisolNo1v1CtrlClass .colorlink:hover{
	color: #ffffff;background:#3d3a55;
	transition: text-align .2s cubic-bezier(.55,.06,.35,.38) 0s,background .65s cubic-bezier(.55,.06,.35,.38) 0s,left .27s cubic-bezier(.3,.1,.58,1),opacity .27s cubic-bezier(.3,.1,.58,1);
}
.AsherLtCarisolNo1v1CtrlClass .colorlink:after{
	font-family:fontawesome;
	content: "\f061";
	font-size:14px;
	opacity:0;
	position:absolute;
	left:0%;
}
.AsherLtCarisolNo1v1CtrlClass .colorlink:hover:after {
	opacity:1;
	left:70%;
	transition: left .27s cubic-bezier(.3,.1,.58,1),opacity .27s cubic-bezier(.3,.1,.58,1)
	
}
.AsherLtCarisolNo1v1CtrlClass .rowwwww
{	flex-flow:row;
}

.AsherLtCarisolNo1v1CtrlClass .rowwwwwreverse
{	flex-flow:row-reverse;
}
.AsherLtCarisolNo1v1CtrlClass .list
{
    width: 50%;
}
.AsherLtCarisolNo1v1CtrlClass .listbox {
    position: relative;
     width:100%;
     overflow:hidden;
  background-size:cover;
	//height:100%;
	}


.AsherLtCarisolNo1v1CtrlClass .img666{
      position: absolute;
       top: 0%;
        left: 0%;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: 1s;
	
	}

.img666:first-child{
      position: static;
	visibility: hidden;
	width:100%;
	

	}

.AsherLtCarisolNo1v1CtrlClass .show
{      opacity: 1;
        visibility: visible;}


.AsherLtCarisolNo1v1CtrlClass .imgblock
{width:100%; max-height:500px; object-fit:cover;overflow:hidden;}

   .prev, .next
      {  display: block;
        position: absolute;

        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        transition: .4s;
        background-color: rgba(0,0,0,.12);
        padding: 14px 12px;}

     .prev:hover{background-color: rgba(0,0,0,.50);}
     .next:hover{ background-color: rgba(0,0,0,.50);}
/* .prev:after{
            display: block;
            content: "";
            width: 10px;
            height: 10px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;}*/

   .prev:after{
    display: block;
    content: "←";
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    margin-top: -4px;
    width: 12px;
    height: -3px;
}

/* .next:after{
            display: block;
            content: "";
            width: 10px;
            height: 10px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;}*/
.next:after {
    display: block;
    content: "→";
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    margin-top: -4px;
    width: 12px;
    height: -3px;
}


    .prev
       { left: 0;}

      .prev:after{
            //transform: rotate(-135deg);
            margin-left: 4px;}
    .next
     {  right: 0;}

 	 .next:after
          { 
            //transform: rotate(45deg);
            margin-right: 4px;}

@media screen and (max-width: 985px) {
.AsherLtCarisolNo1v1CtrlClass .rowwwww
{	flex-flow:column;
}

.AsherLtCarisolNo1v1CtrlClass .rowwwwwreverse
{	flex-flow:column;
}
.AsherLtCarisolNo1v1CtrlClass .blk{width:100%;}
.AsherLtCarisolNo1v1CtrlClass .list{width:100%;}
.AsherLtCarisolNo1v1CtrlClass .title{margin:50px auto 10px;}
.AsherLtCarisolNo1v1CtrlClass .content{width:330px;}

}
@media screen and (max-width: 480px) {
.AsherLtCarisolNo1v1CtrlClass .colorlink{width:unset;}
.AsherLtCarisolNo1v1CtrlClass .content{width:100%;}
}

