@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1350px){
	section.headline picture{margin:0px -60px 0px 0px;}
}

@media only screen and (max-width: 1250px){
	section.home picture,
	section.home a.gallery{max-width:50%; margin:0px 40px 0px 0px;}
	section.home div.info{width:-moz-calc(50% - 40px); width:-webkit-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px);}
	section.home div.contacts a p{font-size:12px; line-height:16px;}
	section.home div.contacts a strong{font-size:18px; line-height:22px;}
	
	footer ul li{padding:0px 5px;}
	footer div.info{height:110px; padding:15px 20px 0px 20px; margin:-50px 0px 0px 0px;}
}

@media only screen and (max-width: 1200px){
	footer ul.privacy li{padding:0px 5px;}
	footer ul.privacy li a{font-size:12px; line-height:16px;}
	
	footer div.info picture{margin:20px 0px 0px 15px;}
}

@media only screen and (max-width: 1150px){
	section.welcome div.info p{max-width:none; font-size:14px; line-height:24px; margin:0px 0px 40px 0px;}
	section.welcome div.info h1{font-size:36px; line-height:48px; margin:0px 0px 40px 0px;}
	
	section.services a p{font-size:14px; line-height:20px;}
	section.services a strong{font-size:20px; line-height:24px;}
}

@media only screen and (max-width: 1100px){
	header a.logo{min-width:465px;}
	header a.logo picture{margin:0px 15px 0px 0px;}
	
	header article div.time strong{margin:0px 0px 0px 5px;}
	header article div.address{margin:22px 10px 0px 0px;}
	header article div.address strong:first-of-type{margin:0px 0px 0px 5px}
	
	footer ul{display:none;}
	footer ul.privacy{float:left;}
	footer ul.privacy li{padding:0px 10px;}
	footer ul.privacy li a{font-size:14px; line-height:18px;}
}

@media only screen and (max-width: 1050px){
	header a.logo{min-width:285px;}
	header a.logo picture{max-width:50px;}
	header a.logo div{padding:0px;}
	header a.logo div p{font-size:14px; line-height:18px; margin:0px 0px 5px 0px;}
	header a.logo div strong{font-size:26px; line-height:30px;}
	
	header nav ul{margin:25px 0px 0px 0px;}
	header article div.time,
	header article div.address{display:none;}
	
	section.home div.contacts a{width:-moz-calc(33.3334% - 10px); width:-webkit-calc(33.3334% - 10px); width:-o-calc(33.3334% - 10px); width:calc(33.3334% - 10px); margin:0px 0px 0px 10px;}
	section.home div.contacts a:nth-of-type(3n){display:none;}
	section.home div.contacts a:nth-of-type(4n + 1){clear:left; margin:0px;}
	
	section.map div.map{height:450px;}
}

@media only screen and (max-width: 1000px){
	a.button{font-size:18px; line-height:26px; padding:12px 20px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
	
	section.welcome div.info p{margin:0px 0px 30px 0px;}
	section.welcome div.info h1{font-size:24px; line-height:36px; margin:0px 0px 30px 0px;}
	
	section.headline div.info h1{font-size:36px; line-height:48px;}
}

@media only screen and (max-width: 950px){
	section.services a p{font-size:12px; line-height:18px;}
	section.services a strong{font-size:18px; line-height:22px;}
	
	section.home{padding:0px 0px 100px 0px;}
	section.home picture,
	section.home a.gallery{max-width:none; display:block; float:none; margin:0px 0px 30px 0px;}
	section.home picture img{display:block; padding:0px; margin:0px auto;}
	section.home div.info{width:auto; min-height:20px; float:none; text-align:center; margin:0px;}
	section.home div.info.null{padding:0px;}
	section.home a.member p{font-size:14px; line-height:18px; margin:0px 0px 15px 0px;}
	section.home a.member strong{font-size:22px; line-height:26px; margin:15px 0px;}
	section.home a.member em{font-size:12px; line-height:16px; margin:15px 0px 0px 0px;}
	
	section.contacts article div.box{width:auto; float:none; margin:0px 0px 15px 0px;}
    section.contacts article div.boxing{width:auto; float:none;}
	
	section.map div.map{height:425px;}
}

@media only screen and (max-width: 900px){
	section.welcome{text-align:center; padding:130px 0px 0px 0px;}
	section.welcome div.info{max-width:none; position:relative; top:auto; z-index:1; transform:translate(0,0);}
	section.welcome picture{max-width:none; float:none; margin:15px auto 0px auto;}
	
	section.services a{width:-moz-calc(33.3334% - 20px); width:-webkit-calc(33.3334% - 20px); width:-o-calc(33.3334% - 20px); width:calc(33.3334% - 20px);}
	section.services a:nth-of-type(4n + 1){clear:none;}
	section.services a:nth-of-type(3n + 1){clear:left;}
	section.services.start a:nth-of-type(4n){display:none;}
	
	section.home div.info article p,
	section.home div.info article div{font-size:14px; line-height:20px; margin:0px 0px 15px 0px;}
	section.home div.info article h2{font-size:56px; line-height:60px; margin:0px 0px 15px 0px;}
	section.home.servicedetail div.info article h2{font-size:36px; line-height:40px;}
	section.home div.team p{font-size:14px; line-height:20px; margin:0px 0px 30px 0px;}
	section.home div.team h2{font-size:56px; line-height:60px; margin:30px 0px 15px 0px;}
	section.home div.reviews h5{font-size:56px; line-height:60px; margin:50px 0px 15px 0px;}
	
	section.headline{text-align:center; padding:130px 0px 0px 0px;}
	section.headline div.info{max-width:none; position:relative; top:auto; z-index:1; transform:translate(0,0);}
	section.headline picture{max-width:none; float:none; margin:15px auto 0px auto;}
}

@media only screen and (max-width: 850px){
	header nav ul{margin:30px 0px 0px 0px;}
	header nav ul li a{font-size:18px; line-height:22px; padding:0px 10px;}
	
	section.map div.map{height:400px;}
}

@media only screen and (max-width: 800px){
	section.services p{font-size:13px; line-height:20px; margin:0px 0px 50px 0px;}
	section.services h2{font-size:56px; line-height:60px; margin:0px 0px 15px 0px;}
	
	section.home a.member{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); margin:0px 0px 30px 20px;}
	section.home a.member:nth-of-type(3n + 1){clear:none; margin:0px 0px 30px 20px;}
	section.home a.member:nth-of-type(2n + 1){clear:left; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 750px){
	section.welcome div.info p,
	section.welcome div.info h1{margin:0px 0px 25px 0px;}
	
	section.home{padding:0px 0px 50px 0px;}
	section.home div.info article p,
	section.home div.info article div{font-size:12px; line-height:18px;}
	section.home div.info article h2{font-size:36px; line-height:40px; margin:0px 0px 15px 0px;}
	section.home.servicedetail div.info article h2{font-size:24px; line-height:28px;}
	section.home div.team p{font-size:12px; line-height:18px; margin:0px 0px 15px 0px;}
	section.home div.team h2{font-size:36px; line-height:40px; margin:15px 0px;}
	section.home div.reviews h5{font-size:36px; line-height:40px; margin:30px 0px 15px 0px;}
	
	section.home div.contacts a{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); margin:0px 0px 30px 20px;}
	section.home div.contacts a:nth-of-type(3n){width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); display:block;}
	section.home div.contacts a:nth-of-type(4n + 1){clear:none; margin:0px 0px 30px 20px;}
	section.home div.contacts a:nth-of-type(2n + 1){clear:left; margin:0px 0px 30px 0px;}
	
	footer ul.privacy{margin:38px 0px 0px 0px;}
	footer ul.privacy li{padding:0px 5px;}
	footer ul.privacy li a{font-size:12px; line-height:18px;}
	
	section.map div.map{height:375px;}
}

@media only screen and (max-width: 700px){
	header{top:20px;}
	header a.show{display:block;}
	
	header nav{display:none; float:none; clear:both; padding:10px 0px 0px 0px; margin:0px;}
	header nav ul{background-color:#115278; padding:3px 0px; margin:0px;}
	header nav ul li{display:block; border-top:1px solid #65A3C7; padding:10px 0px;}
	header nav ul li.hide{display:block;}
	header nav ul li:first-of-type{border-top:none;}
	header nav ul li.active a{color:#23c1ba;}
	
	footer{height:85px;}
	footer ul.privacy{display:none;}
	footer div.info{float:none; position:absolute; left:50%; padding:20px 30px 0px 30px; margin:-60px 0px 0px -190px;}
	footer div.info picture{margin:20px 0px 0px 30px;}
	
	section.contacts aside{width:auto; float:none; margin:0px 0px 30px 0px;}
    section.contacts article{width:auto; float:none;}
}

@media only screen and (max-width: 650px){
	section.services a{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); margin:0px 10px 30px 10px;}
	section.services a:nth-of-type(4n + 1),
	section.services a:nth-of-type(3n + 1){clear:none;}
	section.services a:nth-of-type(2n + 1){clear:left;}
	section.services.start a:nth-of-type(4n){display:block;}
	section.services a.button{margin:20px 0px 0px 0px;}
	
	section.headline div.info h1{font-size:24px; line-height:36px;}
	section.headline div.info ul li{font-size:14px; line-height:18px; padding:0px 10px;}
	
	section.policy h2{font-size:28px; line-height:32px;}
	section.policy h3{font-size:20px; line-height:24px;}
	section.policy h4{font-size:14px; line-height:18px;}
	
	section.map div.map{height:350px;}
	
	section.home a.member strong{font-size:18px; line-height:22px;}
}

@media only screen and (max-width: 600px){
	section.welcome div.info p,
	section.welcome div.info h1{margin:0px 0px 20px 0px;}
	
	section.home div.contacts{padding:15px 0px 0px 0px; margin:30px 0px 0px 0px;}
	section.home div.contacts a{width:auto; float:none; clear:left; padding:0px 0px 15px 0px; margin:0px 0px 30px 0px;}
	section.home div.contacts a:nth-of-type(3n),
	section.home div.contacts a:nth-of-type(4n + 1),
	section.home div.contacts a:nth-of-type(2n + 1){width:auto; float:none; clear:left; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 550px){
	section.home div.team .frame{margin:0px auto 15px auto;}
	section.home div.team h2{font-size:24px; line-height:30px;}
	section.home div.team .bx-wrapper .bx-viewport ul li strong{font-size:16px; line-height:20px; margin:15px 0px 0px 0px;}
	
	section.map div.map{height:325px;}
}

@media only screen and (max-width: 500px){
	section.home div.reviews .bx-wrapper .bx-viewport ul li p{font-size:13px; line-height:19px;}
	
	section.home a.member,
	section.home a.member:nth-of-type(3n + 1),
	section.home a.member:nth-of-type(2n + 1){width:auto; float:none; clear:left; text-align:center; margin:0px 0px 30px 0px;}
	section.home a.member p{max-width:none;}
}

@media only screen and (max-width: 450px){
	a.button{font-size:14px; line-height:26px; padding:5px 10px 7px 10px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px;}
	
	section.welcome{padding:110px 0px 0px 0px;}
	section.welcome div.info p{margin:0px 0px 15px 0px;}
	section.welcome div.info h1{line-height:32px; margin:0px 0px 15px 0px;}
	section.welcome div.info a.button p,
	section.welcome div.info a.white p{vertical-align:middle; margin:0px 5px 0px 0px;}
	
	section.services a{width:auto; float:none; clear:left; margin:0px 0px 30px 0px;}
	section.services p{font-size:12px; line-height:18px; margin:0px 0px 30px 0px;}
	section.services h2{font-size:36px; line-height:40px;}
	
	section.headline{padding:90px 0px 0px 0px;}
	section.headline div.info h1{margin:0px;}
	
	section.map div.map{height:300px;}
}

@media only screen and (max-width: 400px){
	header{top:15px;}
	header a.logo{min-width:210px;}
	header a.logo picture{max-width:40px;}
	header a.logo div p{font-size:12px; line-height:16px; margin:0px;}
	header a.logo div strong{font-size:18px; line-height:22px;}
	header a.show{padding:10px; margin:0px;}
	
	footer{height:90px;}
	footer div.info{height:110px; padding:10px; margin:-55px 0px 0px -85px; -webkit-border-radius:50px 10px 30px 0px; -moz-border-radius:50px 10px 30px 0px; border-radius:50px 10px 30px 0px;}
	footer div.info a.partner{float:none; margin:0px auto;}
	footer div.info picture{display:none;}
	footer div.info article{float:none; margin:0px;}
	footer div.info article p{display:none;}
	footer div.info article em{display:block; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size:11px; color:#115278; text-decoration:none; font-weight:normal; font-style:normal; padding:0px; margin:0px;}
	footer div.info article strong{display:none;}
	
	section.policy h2{font-size:24px; line-height:28px;}
	section.policy h3{font-size:16px; line-height:20px;}
	section.policy h4{font-size:12px; line-height:16px;}
}

@media only screen and (max-width: 350px){
	section.welcome div.info p{font-size:13px; line-height:19px;}
	section.welcome div.info h1{font-size:18px; line-height:22px;}
	section.welcome div.info a.button{max-width:140px; display:block; margin:0px auto;}
	section.welcome div.info a.white{max-width:140px; display:block; margin:15px auto 0px auto;}
	
	section.home div.contacts a aside{width:65px; height:65px; margin:0px 10px 0px 0px;}
	section.home div.contacts a aside big.icon1{width:51px; height:44px; margin:10px auto 11px auto;}
	section.home div.contacts a aside big.icon2{width:45px; height:51px; margin:7px 5px 7px 15px;}
	section.home div.contacts a aside big.icon3{width:45px; height:47px; margin:6px auto 8px auto;}
	section.home div.contacts a aside big.icon4{width:52px; height:48px; margin:8px auto 9px auto;}
}