@import url('header.css');
@import url('footer.css');




/*-------------------------------------Слайдер-----------------------------------------*/
.slide-block {height: auto;width: 100%;padding: 0;border:0;margin: 0;float: left;position:relative;margin-top:0;}
.slide-block  .slider-wrapper {height: auto;width: 1200px;padding: 0;border:0;margin: 0;float: left;position:relative;left:50%;margin-left:-600px;margin-top:-40px;border-top: 2px solid #BE8C3C;}
.slide-block img {height: auto;width: 100%;padding: 0;border:0;margin: 0;float: left;position:relative;}

.slide-block .about-outer {height: auto;width: 100%;padding: 0;border:0;margin: 0;float: left;position:relative;display:non;}
.slide-block .about-wrapper {height: auto;width: 1200px;padding: 10px 0;border:0;margin: 0 0 0 -600px;float: left;position:relative;left:50%;}

.slide-block .about-form {height: auto;width: 1200px;padding: 80px 0 90px 0;border:0;margin: 0 0 0 -600px;float: left;position:relative;left:50%;}
.slide-block .about-form .title {color:white;font-size:34px;margin: 0 0 30px 0;padding:0;border:0;text-align:center;line-height:auto;width:100%;line-height:42px;font-family: RobotoL;float:left;}
.slide-block .about-form .subtitle {color:white;font-size:59px;margin: 0 0 30px 0;padding:0;border:0;text-align:center;line-height:auto;width:100%;line-height:65px;font-family: Roboto;float:left;text-transform:uppercase;}
.slide-block .about-form .downtitle {color:white;font-size:17px;margin: 0 0 0px 0;padding:0;border:0;text-align:center;line-height:auto;width:100%;line-height:30px;font-family: Roboto;float:left;text-transform:uppercase;}
.slide-block .about-form .order {height: 42px;line-height: 42px;width: auto;padding: 5px 35px;border:0;position:relative;left:50%;margin: 30px 0 0px -137px;float: left;font-size:21px;color:white;cursor:pointer;position:relative;background: #DB8608;border-radius: 0px;font-family:RobotoB;box-shadow: 0 0 0 1px white;text-transform:uppercase;color:white;}
.slide-block .about-form .order:hover {background-color:#FC9B09;}

.metaslider .flexslider:hover .flex-prev, .metaslider .flexslider .flex-prev, .metaslider .flexslider .flex-direction-nav li a.flex-prev {background: url('http://konstlegalstudies.com.ua/images/arrow-left2.png') center center no-repeat; background-size: auto 80%;box-shadow: 0 0 0 2px white;opacity:1;height:90px;width:90px;border-radius:50%;margin-top:-50px!important;}
.metaslider .flexslider:hover .flex-next, .metaslider .flexslider .flex-next, .metaslider .flexslider .flex-direction-nav li a.flex-next {background: url('http://konstlegalstudies.com.ua/images/arrow-right2.png') center center no-repeat; background-size: auto 80%;box-shadow: 0 0 0 2px white;opacity:1;height:90px;width:90px;border-radius:50%;margin-top:-50px!important;}
.metaslider .flexslider .flex-direction-nav li a.flex-prev {left:0px!important;}
.metaslider .flexslider .flex-direction-nav li a.flex-next {right:0px!important;}


/*-------------------------------------Common-----------------------------------------*/
.info {height: auto;line-height: auto;width: 100%;padding: 0;border:0;margin: -40px 0 0 0;float: left;}
.info-block {height: auto;line-height: auto;width: 100%;padding: 0;border:0;margin: 0;float: left;}

.info-block-wrapper {height: auto;line-height: auto;width: 1200px;padding: 60px 0% 70px 0;border:0;margin: 0 0 0 -600px;float: left;position:relative;left:50%;}
.footer .info-block-wrapper {padding-bottom:55px;}

.info-block h1 {height: auto;line-height:47px;width: 100%;border:0;margin: 0;float: left;font-size:42px;color:#454191;text-align:center;font-weight:normal;font-family: CasperB;}
.info-block h1 span {color:#1B94DB;font-family: Casper;width:100%;text-align:center;}
.info-block h2 {height: auto;line-height:37px;width: 100%;border:0;margin: 0;float: left;font-size:43px;color:black;text-align:center;font-weight:normal;font-family: Casper;}
h3 {height: auto;line-height:31px;width: auto;border:0;margin: 0;float: left;font-size:25px;color:black;color:#BBA528;color:#AC7926;text-align:left;font-weight:normal;font-family: CasperB;}
p {height: auto;line-height:22px;width: 100%;padding: 0 0 15px 0;border:0;margin: 0;float: none;font-size:16px;color:black;text-align:justify;font-weight:normal;font-family: RobotoL;}
.single-page .info-block ul li, .single-page .info-block ol li {height: auto;line-height:22px;font-size:16px;color:black;text-align:left;font-weight:normal;font-family: RobotoL;padding-bottom:10px;}
p span {font-size:16px!important;line-height:22px;}
p strong {font-family: Roboto;}
span {max-width:100%;}

.link {width:100%;float:left;}
.link a {height: auto;line-height: 25px;width: auto;overflow: hidden;padding: 10px 25px;border:0;margin: 30px 0 0 0;border: 0;border-radius:25px;font-size:18px;font-weight:bold;float:left;color:#EDE7A9;background: none;cursor:pointer;text-transform:uppercase;box-shadow: 0 0 0 1px #EDE7A9;position:relative;left:50%;margin-left:-95px;font-weight:normal;font-family: RobotoLNarrowB;}
.first .link a {margin-left:-71px;}
.link a:hover {background: rgba(255,255,255,.3);}


/*----------------------News------------------------*/
.info-block.news-block {background:none;background: white;}
.info-block.news-block .info-block-wrapper {padding-top:60px;padding-bottom:50px;}
.info-block.news-block h2 {margin-bottom:35px;margin-top:5px;}
.info-block.news-block ul {height: auto;width: 102%;padding: 0;border:0;margin: 0px 0 0 -1%;float: left;list-style:none;}
.info-block.news-block ul li {height: auto;width: 14.6666%;padding: 0;border:0;margin: 0px 1% 0 1%;float: left;}
.info-block.news-block ul li img {height: auto;width: 100%;padding: 0;border:0;margin: 0 0% 7px 0%;float: left;outline: 0px solid #F75E25;}
.info-block.news-block ul li:hover img {opacity:0.7;}
.info-block.news-block ul li .title {height: auto;line-height:25px;width: 100%;padding: 0;border:0;margin: 0;float: none;font-size:19px;color:black;text-align:left;font-weight:normal;text-align:center;float:left;font-family: Roboto;line-height:24px;margin:0;}
.info-block.news-block ul li p {height: auto;line-height:19px;width: 100%;padding: 0 0 15px 0;border:0;margin: 0;float: none;font-size:15px;color:black;text-align:left!important;font-weight:normal;text-align:left;float:left;font-family: Raleway;}
.info-block.news-block ul li p strong {color:grey;}
.info-block.news-block ul li .button {height: auto;line-height: 23px;width: auto;overflow: hidden;padding: 6px 14px;border:0;margin: 12px 0 22px 0;border: 0;border-radius:0px;font-family: Casper;font-size:17px;color:#1781BE;float:left;background:none;border-radius:0px;box-shadow: 0 0 0 1px #1781BE;position:relative;left:50%;margin-left:-36px;}
.info-block.news-block ul li .button:hover {background: #1781BE;cursor:pointer;color:white;}


/*---------------------About------------------------*/
.info-block.about-block  {}
.info-block.about-block .info-block-wrapper {border:0;padding: 50px;width:1100px;padding-bottom:50px;padding-top:50px;background: white;min-height:300px;}
.info-block.about-block img.alignright {float:right;width:50%;margin-left:3%;margin-bottom:25px;height:auto;position:static;margin-top:0px;}
.info-block.about-block h1 {padding-bottom:35px;float:none;text-align:center;}
.info-block.about-block p {text-align:justify;float::none;}
.single-page .info-block.about-block p a {color:#454191;}
.single-page .info-block.about-block p a:hover {color:#645ED3;}
.info-block.about-block ul, .info-block.about-block ul li {width:100%;float:none;font-family: RobotoL;}
.info-block.about-block ul li {font-size:18px;line-height:24px;}
.info-block.about-block h3 {padding-top:20px;width:100%;float:none;}
.single-page .info-block.about-block h3 {padding-bottom:15px;}
.info-block.about-block ul {padding-bottom:20px;}


/*----------------------Advans------------------------*/
.info-block.advans-block  {background: url('http://konstlegalstudies.com.ua/images/advans-fon4.jpg') center top no-repeat; background-size: 110% auto;background-attachment: fixed;margin-top:-35px;background: url('images/header-fon3.png') left top repeat;background-size: auto auto;}
.single-page .info-block.advans-block {margin-top:0;}
.advans-block-outer {width:100%;height:auto;margin:0;padding:0;border:0;float:left;}
.info-block.advans-block .info-block-wrapper {padding-bottom:50px;padding-top:100px;width:1200px;position:relative;left:50%;margin-left:-595px;padding-left:0;padding-right:0;}
.single-page .info-block.advans-block .info-block-wrapper {padding-top:50px;width:1000px;padding-left:50px;padding-right:50px;}
.info-block.advans-block .info-block-wrapper ul {width:100%;height:auto;margin:0;padding:0;border:0;float:left;list-style:none;}
.info-block.advans-block .item {height: auto;width: 30.3333%;padding: 0;border:0;margin: 0 1.5% 35px 1.5%;float: left;}
.info-block.advans-block .item:nth-child(3n+1) {clear:both;}
.info-block.advans-block .item img {height: auto;width: 100%;padding: 0;border:0;margin: 0;float: left;position:relative;}
.info-block.advans-block .item .subtitle, .info-block.advans-block .item h3 {height: auto;line-height:22px;width: 90%;padding: 15px 5% 15px 5%;border:0;/*margin: -30px 0 0 -15px;*/float: left;font-size:19px;color:black;text-align:center;font-weight:normal;color:#454191;font-family: CasperB;background:white;position:relative;z-index:999;box-shadow: inset 0 0 0 2px #BE8C3C;color:#916B2E;}
.info-block.advans-block .item h3 a {font-size:19px;text-align:center;font-weight:normal;font-family: CasperB;color:#916B2E;}
.info-block.advans-block .item p {height: auto;line-height:21px;width: 99%;padding: 0;border:0;margin: 15px 0 0 1%;float: left;font-family: RobotoL;font-size:17px;color:black;text-align:left;font-weight:normal;color:black;}







@media screen and (max-width:1600px) {
.info-block.advans-block {background-size: auto 130%;}
	
	
}	
	
@media screen and (max-width:1500px) {
.slide-block .slider-wrapper {background-size: 150% auto;}


}


@media screen and (max-width:1300px) {
.info-block-wrapper, .slide-block .about-wrapper, .info-block.advans-block .info-block-wrapper, .footer-last-wrapper, .slide-block .slider-wrapper {width: 1000px;margin-left: -500px;}
.info-block.about-block .info-block-wrapper, .single-page .info-block.advans-block .info-block-wrapper {width:900px;}


}


@media screen and (max-width:1100px) {
.info-block-wrapper, .slide-block .about-wrapper, .info-block.advans-block .info-block-wrapper, .footer-last-wrapper, .slide-block .slider-wrapper {width: 880px;margin-left: -440px;}
.info-block.about-block .info-block-wrapper, .single-page .info-block.advans-block .info-block-wrapper {width:780px;}
	
	
}


@media screen and (max-width:990px) {
.info-block-wrapper, .slide-block .about-wrapper, .info-block.advans-block .info-block-wrapper, .footer-last-wrapper, .info-block.footer-block .info-block-wrapper, .slide-block .slider-wrapper {width: 92%;margin-left: 4%;left:0;}
.slide-block .slider-wrapper {margin-top:0;}
	
.metaslider .flexslider:hover .flex-next, .metaslider .flexslider .flex-next, .metaslider .flexslider .flex-direction-nav li a.flex-next, .metaslider .flexslider:hover .flex-prev, .metaslider .flexslider .flex-prev, .metaslider .flexslider .flex-direction-nav li a.flex-prev {height:50px!important;width:50px!important;margin-top:-25px!important;}	
	
.info-block.about-block .info-block-wrapper, .single-page .info-block.advans-block .info-block-wrapper {width:92%;padding-left:4%;padding-right:4%;margin:0;margin-top: 40px;} 	
	
	
.info-block h1 {line-height: 42px;font-size: 37px;}
.info-block h2, .info-block.footer-block .title {line-height: 35px;font-size: 31px;}
.info-block h3, .info-block.about-block h3, .info-block.advans-block .item .subtitle {line-height: 26px;font-size: 21px;}
p, .info-block.about-block ul li, .info-block.advans-block .item p, .info-block.footer-block p, .info-block.footer-block p a {line-height: 20px;font-size: 16px;}	
	
.info-block.advans-block .item {width: 47%;}	
.info-block.advans-block .item:last-child {display:none;}
.info-block.advans-block .item:first-child {display:block;}
.single-page .info-block.advans-block .item:last-child  {display:block;}
	
.info-block.advans-block .item:nth-child(3n+1) {clear:none;}
.info-block.advans-block .item:nth-child(2n+1) {clear:both;}	
	
}


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

}


@media screen and (max-width:768px) {
.info-block.news-block ul li {width:99%;}
.metaslider .flexslider:hover .flex-next, .metaslider .flexslider .flex-next, .metaslider .flexslider .flex-direction-nav li a.flex-next, .metaslider .flexslider:hover .flex-prev, .metaslider .flexslider .flex-prev, .metaslider .flexslider .flex-direction-nav li a.flex-prev {height: 50px!important;width: 50px!important;margin-top: -25px!important;}
	
.metaslider .slides img {width: 200%!important;margin-left:-50%!important;}	

.info-block.about-block img.alignright {width:70%;margin-left:15%;margin-right:15%;}	
.info-block.about-block h1 {text-align:center;}	
	
.info-block.advans-block {background-size: auto 1000px;}	
	
.info-block.advans-block .info-block-wrapper {padding-bottom:30px;}	
	
.contacts-page .wpcf7, .single-page.single-single .wpcf7 {width: 350px;padding: 25px 25px;position:relative;left:50%;margin-left:-200px;float:left;}
.single-page.single-single .wpcf7 {padding-top:50px;}	
.single-page.contacts-page .info-block.about-block h3, .single-page.contacts-page .info-block.about-block p {text-align:center;float:left;}	
	
.wpcf7 .field {width:98%;}	
.wpcf7 .button {width:98%;}	
	
.single-page.single-single .wpcf7#wpcf7-f170-p173-o1 {padding: 30px 5% 25px 5%;width: 80%;left: 5%;margin-left:0;}	
.wpcf7#wpcf7-f170-p173-o1 .button {margin-top:20px;}
.wpcf7#wpcf7-f170-p173-o1 .field input {height:25px;}
	
	
	
	
	
}


@media screen and (max-width:550px) {
.info-block.advans-block .item:first-child, .info-block.advans-block .item:last-child, .info-block.advans-block .item {display:block;width:60%;margin-left:20%;margin-right:20%;margin-bottom:7vw;}	
	
}

@media screen and (max-width:500px) {
.contacts-page .wpcf7, .single-page.single-single .wpcf7 {width: 250px;padding: 25px 25px;margin-left:-150px;}
.single-page.single-single .wpcf7 {padding-top:50px;}	
.contacts-page .wpcf7 .button, .single-page.single-single .wpcf7 .button {width:100%;}	
.contacts-page .wpcf7 .button input, .single-page.single-single .wpcf7 .button input {width:100%;padding-left:0;padding-right:0;text-align:center;margin-top:20px;}	

	
	
}


@media screen and (max-width:480px) {
.info-block.about-block img.alignright {width: 90%;margin-left: 5%;margin-right: 5%;}
.info-block.advans-block {background-size: auto 1100px;}	
.info-block.advans-block .item:first-child, .info-block.advans-block .item:last-child, .info-block.advans-block .item {display:block;width:80%;margin-left:10%;margin-right:10%;}		
	
	
	
	
	
}

@media screen and (max-width:400px) {
.contacts-page .wpcf7, .single-page.single-single .wpcf7 {width: 230px;padding: 15px 15px;margin-left:-130px;}
.single-page.single-single .wpcf7 {padding-top:50px;}
	
	
}


