HTML, BODY {
    background: url('images/fon10.jpg');
    margin: 0;
    font-family: Verdana;
    font-size: 13px;
    color: #060606;
}
#top {position:relative;width:100%;height:39px;background:url('images/bgtop.png');}
#toptext {margin:0 auto 0 auto;width:950px;padding:12px 0 0 0;font-size:13px;}
#header {position:relative;width:100%;height:130px;background:url('images/bgheader.png');}
#topheader {margin:0 auto 0 auto;width:950px;padding:22px 0 0 0;height:60px;font-size:13px;}
#personal {float:right;margin-left:15px;margin-right:2px;margin-top:12px;}
#botheader {margin:0 auto 0 auto;width:950px;height:48px;font-size:13px;}
tr.menu {background:url('images/bgmenu.png');margin:0px;height:48px;}
tr.menu td {font-size:14px;cursor:pointer;}
tr.menu td:hover {color:#EEEEEE;}
#hack {position:relative;width:950px;margin:0 auto 0 auto;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;margin-top:1px;background:url('images/bghack.png') repeat-x;}
tr.hack {margin:0px;color:#DDDDDD;font-size:14px;}
tr.hack td {padding-top:5px;}


#content {width:100%;margin-top:5px;}
td.toptd1 {-webkit-border-radius:5px 0px 0px 0px;-moz-border-radius:5px 0px 0px 0px;border-radius:5px 0px 0px 0px;background:url('images/bgtopcont.png');padding-left:20px;color:#222222;font-size:16px;}
td.toptd2 {-webkit-border-radius:0px 5px 0px 0px;-moz-border-radius:0px 5px 0px 0px;border-radius:0px 5px 0px 0px;background:url('images/bgtopcont.png');padding-left:20px;color:#222222;font-size:16px;}

td.td1 {background:#FFFFFF;padding:10px;color:#555555;}
td.td2 {background:#FFFFFF;padding:10px;color:#555555;}

#cabmenu {background:url('images/nav_arr.gif') no-repeat;background-position:right;height:15px;border-bottom:1px solid #DDDDDD;margin-top:13px;color:#24448f;cursor:pointer;}
#cabmenu:hover {color:#000000;}

#bottom {position:relative;width:950px;margin:0 auto 0 auto;height:54px;margin-top:1px;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;background:url('images/bgbottom.png') repeat-x;}

#hacc {margin-top:1px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:1px solid #BBBBBB;}
#hacc td {padding:2px;}
.content {
    position: relative;
    padding-left: 26px;
    padding-right: 26px;
    width: 1002px;
    background-color: #ffffff;
}
.top-hr {
    position: absolute;
    margin-left: -26px;
    width: 1002px;
    height: 4px;
    background-color: #3e7aaa;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
}
.top-logo {
    position: relative;
    float: left;
    width: 282px;
    height: 170px;
    background: url('images/logo10.jpg') no-repeat 0% 100%;
 
}







.top-lc {
    position: relative;
    margin-left: 282px;
    margin-top: 5px;
    width: 668px;
    height: 165px;
}
.top-hello {
    position: relative;
    float: right;
    height: 37px;
    width: 668px;
    line-height: 37px;
    text-align: right;
}
.buttons {
	position: relative;
	float: right;
	margin-left: 10px;
	height: 36px;
	width: 282px;
	background-color: #17ffbb;
	border-bottom: 1px solid #c3cad0;
	 -moz-border-radius: 5px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 5px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:5px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 5px; /* закругление углов для всех, кто понимает */
	
}
.first {
    position: relative;
    margin-top: 35px;
    width: 668px;
    height: 100px;
    background: url('images/first.jpg') no-repeat 92px 0%;
    line-height: 35px;
    text-align: center;
    font-family: Tahoma;
    font-size: 14px;
    color: #040404;
}
.first FONT {
    color: #3aa9ff;
    font-weight: bold;
}


#contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}



.nav {
	position: relative;
	padding-right: 40px;
	width: 910px;
	height: 32px;
	background-color: #17ffbb;
	text-align: right;
	 -moz-border-radius: 5px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 5px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:5px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 5px; /* закругление углов для всех, кто понимает */
	
}
.nav SPAN {
	line-height: 32px;
	margin-right: 2px;
	color: #040404;
	padding: 5px 17px 5px 17px;
	cursor: pointer;
	
	
	
	
}
.nav SPAN:hover {
	background-color: #97c939;
	color: #ffffff;
	 -moz-border-radius: 5px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 5px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:5px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 5px; /* закругление углов для всех, кто понимает */
	
}
.hider {
    position: relative;
    width: 950px;
    height: 393px;
}
.slider {
    position: absolute;
    margin-top: -392px;
    margin-left: -19px;
    width: 969px;
    height: 392px;
}
.static {
    position: absolute;
    width: 597px;
    height: 392px;
    background: url('images/slider.png');
    z-index: 2;
}



.strelka {
   color: #faa71a;
  }
  
  
.movable {
    position: absolute;
    top: 0px;
    left: 478px;
    width: 492px;
    height: 392px;
    
	background-position: 0px 0px;
}
.hack {
	position: relative;
	margin-top: 5px;
	width: 948px;
	height: 150px;
	border: 1px solid #d9e1ec;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
	box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
	background: #ededed;
}
.hack-top {
    position: relative;
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #d9e1ec;
    border-radius: 10px;
    line-height: 38px;
    text-align: center;
}
.system {
	position: relative;
	float: left;
	width: 200px;
	height: 38px;
	line-height: 38px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-family: Cuprum;
	background-color: #17ffbb;
	border-right: 1px solid #17ffbb;
	border-radius: 10px;
}
.hack-top SPAN {
	padding: 5px 5px 5px 5px;
	color: #333333;
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-weight: bold;
}
.hack-button {
   position: relative;
  display: inline-block;
  width: 15em;
  height: 2.5em;
  font-size:12px;
  line-height: 2.5em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #777;
  color: #fff;
  outline: none;
  border: 2px solid #00a1dd;
  border-radius: 5px;
  box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, .1em .1em .2em #26448b;
  background: linear-gradient(#14e6db, #0494c9 98%, #038dc0 52%, #0486b6);
}


.hack-button:active {
  top: .1em;
  left: .1em;
  box-shadow: 0 0 0 60px rgba(0,0,0,.05) inset;
}

.hack-adress {
    background-color:#ffffff;
    height:22px;
    width:540px;
    color:#bdbdbd;
    border: 1px solid #bbbbbb;
    border-radius:5px;
    font-family:Cuprum;
    font-size: 14px;
    padding: 0px 10px 0px 10px;
}
.hack-adress:focus {
    background-color:#ffffff;
    border: 1px solid #66afe9;
    border-radius:5px;
	outline:none;
	box-shadow: 0 0 6px rgba(102,175,233,0.5); /* Параметры тени */
}

.hack-menu {
	margin-top: 22px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	font-family: Cuprum;
	color:red;
	text-align: right;
	width: 810px;
}
.helper {
    margin-top: 20px;
    position: relative;
    width: 950px;
    height: 460px;
    background: url('images/notebook.jpg') no-repeat 50% 100%;
}
.helper H2 {
    font-family: Cuprum;
    font-size: 28px;
    margin: 0;
    color: #24448f;
}
.circle {
    position: absolute;
    width: 233px;
    height: 233px;
    z-index: 1;
}
.circle IMG {
    margin-top: 41px;
    margin-left: 41px;
    width: 150px;
    height: 150px;
}
.one {
    margin-left: 140px;
    margin-top: -20px;
}
.two {
    margin-left: 120px;
    margin-top: 180px;
}
.three {
    margin-left: 540px;
    margin-top: 0px;
}
.four {
    margin-left: 520px;
    margin-top: 150px;
}
.htext {
    font-family: Cuprum;
    font-size: 14px;
    color: #24448f;
    width: 180px;
    margin-top: 45px;
}
.htext H3 {
    font-family: Cuprum;
    font-size: 16px;
    color: #24448f;
    margin: 0;
}
.fb {
    position: relative;
    width: 948px;
    height: 200px;
    border: 1px solid #b0bedb;
    border-radius: 10px;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.3);
	background: #ededed;
}
.fb-top {
	height: 44px;
	width: 900px;
	margin-left: 24px;
	line-height: 44px;
	font-size: 24px;
	font-weight: bold;
	font-family: Cuprum;
	color: #266390;
	border-bottom: 1px solid #b0bedb;
}
.fb-left {
    float: left;
    margin-left: 24px;
    height: 155px;
    width: 64px;
}
.fb-center {
    float: left;
    margin-top: 22px;
    width: 772px;
    height: 96px;
}
.fb-right {
    float: left;
    height: 155px;
    width: 64px;
    text-align: right;
}
.fb-left IMG, .fb-right IMG {
    margin-top: 55px;
}
.fb-hr {
    float: left;
    width: 8px;
    height: 96px;
    background: url('images/fb-center.jpg') no-repeat;
}
.comment {
    float: left;
    width: 148px;
    height: 96px;
}
.c-text {
    padding: 10px 15px 0px 15px;
    font-family: Cuprum;
    font-size: 13px;
    color: #5e5e5e;
    height: 60px;
}
.c-author {
    padding-left: 15px;
    font-family: Cuprum;
    font-size: 13px;
    color: #8d8c8c;
}
.cont-h {
	font-size: 28px;
    font-weight: bold;
    font-family: Cuprum;
    color: #24448f;
}
.meter { 
			height: 16px;  /* Can be anything */
			position: relative;
			margin: 0px; /* Just for demo spacing */
			background: #ffe3c0;
			
    border: 1px solid #aaa59e;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 3px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			       -moz-border-radius-topright: 5px;
			    -moz-border-radius-bottomright: 5px;
			           border-top-right-radius: 5px;
			        border-bottom-right-radius: 5px;
			    -webkit-border-top-left-radius: 5px;
			 -webkit-border-bottom-left-radius: 5px;
			        -moz-border-radius-topleft: 5px;
			     -moz-border-radius-bottomleft: 5px;
			            border-top-left-radius: 5px;
			         border-bottom-left-radius: 5px;
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			       -moz-border-radius-topright: 5px;
			    -moz-border-radius-bottomright: 5px;
			           border-top-right-radius: 5px;
			        border-bottom-right-radius: 5px;
			    -webkit-border-top-left-radius: 5px;
			 -webkit-border-bottom-left-radius: 5px;
			        -moz-border-radius-topleft: 5px;
			     -moz-border-radius-bottomleft: 5px;
			            border-top-left-radius: 5px;
			         border-bottom-left-radius: 8px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
		
		.red > span {
			background-color: #DDDDDD;
			background-image: -moz-linear-gradient(top, #DDDDDD, #555555);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #DDDDDD),color-stop(1, #555555));
			background-image: -webkit-linear-gradient(#DDDDDD, #555555);
		}
	
	.modal-window, #open-window {
display: none;
}
input:checked + .modal-window {
background: rgba(0, 0, 0, 0.0);
display: block;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
overflow-y: scroll;
z-index: 1000;

    
}
.window-container {
background: #ffffff;
margin: 10% auto;
padding: 120px;
width: 500px;
border-style:solid;
border-color:#99c635;

}
label {
cursor: pointer;
}

.botbg{
background:url('images/bgg.png') repeat-x;
 -moz-border-radius: 7px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 7px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:7px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 7px; /* закругление углов для всех, кто понимает */
}

/* SLIDER */

#my-slider {
    width: 820px;
    -webkit-border-radius: 5px; border-radius: 5px; 
}

#my-slider-ism-badge {
    width: 820px;
}

#my-slider:before {
    content: ''; display: block; padding-top: 46%;
}

#my-slider .ism-frame {
    position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
}

#my-slider .ism-button {
    display: block;
    border-radius: 25px;
    width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px;
    color: #fff; background-color: rgba(0, 0, 0, 0.3);
    display: block; visibility: visible;
}

#my-slider .ism-button-prev {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=);
    left: 10px;
}

#my-slider .ism-button-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC);
    right: 10px;
}

#my-slider .ism-pause-button {
    width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px;
    color: #fff; background-color: rgba(0, 0, 0, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);
}

#my-slider .ism-pause-button.ism-play {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);
}

#my-slider .ism-button:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

#my-slider .ism-pause-button:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

#my-slider .ism-radios {
    display: block;
    height: 20px;
    text-align: center;
}

#my-slider .ism-radios label {
    width: 20px; height: 20px;
    border-radius: 3px;
    color: #000; background-color: rgba(255, 255, 255, 0.5);
}

#my-slider .ism-radios li.active label {
    background-color: rgba(255, 255, 255, 1.0);
}

#my-slider .ism-radios label:hover {
    background-color: rgba(255, 255, 255, 0.8);
}


/* SLIDES */

#my-slider .ism-slide-0 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-0 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#my-slider .ism-slide-1 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-1 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#my-slider .ism-slide-2 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-2 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#my-slider .ism-slide-3 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-3 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}


/* CAPTIONS */

#my-slider .ism-slide-0 .ism-caption-0.ism-caption-anim {
    -webkit-animation: slidein 0.25s; animation: slidein 0.25s;
}

#my-slider .ism-slide-0 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-0 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-1 .ism-caption-0.ism-caption-anim {
    -webkit-animation: slidein 0.25s; animation: slidein 0.25s;
}

#my-slider .ism-slide-1 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-1 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-2 .ism-caption-0.ism-caption-anim {
    -webkit-animation: popin 0.25s; animation: popin 0.25s;
}

#my-slider .ism-slide-2 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-2 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-0 .ism-caption-0 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; 
	top: 43%!important;
    left: 14%!important;
    border-radius: 8px;
    border: 4px solid #fff;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
	width: 350px;
}

#my-slider .ism-slide-0 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-0 .ism-caption-2 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 20%;
    left: 60%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-1 .ism-caption-0 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 10%;
    left: 31%;
    border-radius: 8px;
    border: 4px solid #fff;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-1 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-1 .ism-caption-2 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 20%;
    left: 60%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-2 .ism-caption-0 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 10%;
    left: 39%;
    border-radius: 8px;
    border: 4px solid #fff;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-2 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-2 .ism-caption-2 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 20%;
    left: 60%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

