/**
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Project Name: voroshina.sumy.ua
 * Project Description: Услуги нотариуса в Сумах
 * File Name: style.css
 * Author: admin@tria.sumy.ua
 * Author URI: http://tria.sumy.ua/
 * Version: 1.2.0
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/* ============================================
 Basic
============================================ */	 

/* GENERALL */
@import url(css/style.css);

/* awesome */
@import url(css/font-awesome.min.css);


/* ----- fonts ----- */
/* основной  // font-family: 'Roboto', sans-serif;  */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500,300&subset=latin,cyrillic); 
 
/* плотный  // font-family: 'Roboto Condensed', sans-serif;  */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,cyrillic);
 
/* на новую шапку  //  font-family: 'Open Sans', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300&subset=latin,cyrillic);


 
* { margin: 0; padding: 0; }
html, body { position: relative; height: 100%; background: #fff;  }
body {  font-family: 'Roboto', sans-serif;  font-size: 14px; min-width: 960px; }
img { border: none; }
.clr { clear: both; }
.fix { width: 960px; margin: 0 auto; }
.hide { display: none; }


/*=============================================
	header 
 =============================================*/
header { 
	height: 605px; 
	background: #eeead7 url('img/header-bg.png') center top repeat-y; 
	}

#header-girl { 
	position: absolute; 
	margin: 103px  0 0 490px; 
	display: block;
	width: 469px; 
	height: 502px; 
	background: url('img/header-girl.png') no-repeat;
	text-decoration: none; 
	display: block; 
	text-indent: -9999px;
	z-index: 1;
	}
#header-girl .fix {position: relative;}	
 	
	
#header-logo { 
	position: absolute; 
	margin: 49px  0 0 10px; 
	width: 355px; 
	height: 46px; 
	background: url('img/header-logo.png') no-repeat;
	text-decoration: none; 
	display: block; 
	text-indent: -9999px;
	}
#header-logo:hover { 
	width: 355px; 
	height: 48px; 
	background: url(img/header-logo.png) no-repeat 0 -48px ; 
	display: block; 
	}
#header-logo .fix {position: relative;}	
 
/* --- header-phone --- */ 
.header_phone {  
	margin-top: 50px;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	text-align: right; 
	color: #333333;  
	text-indent: 56px;
	line-height: 38px;
	background: url(img/header-phone.png) 0 6px no-repeat; 
	float: right; 
	padding: 0; 
	}
.header_phone a 			{ color: #333333; text-decoration: none; }
.header_phone a:hover 	{ color: #333333; text-decoration: none; }


/* ---- header-slogan ---- */
.header_text { 
	padding: 44px 0 0 10px;  
	font-family: 'Open Sans', sans-serif; 
	text-transform: uppercase;  
	font-weight: 500;
	height: 278px; 
	clear: both; 
	letter-spacing: -1px;
	z-index: 100;
}
.header_text .r1 { 
	color: #333333; 
	font-size: 34px; 
	line-height: 41px;
	font-weight: 700;
}
.header_text .r1 span { 	font-weight: 300;
}

.header_text .r11 { 
	padding-top: 20px;
	color: #333333; 
	font-size: 34px; 
	line-height: 34px;
	font-weight: 700;
}
.header_text .r1 span { 	font-weight: 300;
}



/* ---- header-txt ---- */
/* прив нат */
.header_text .r2 { 
	padding: 30px 0 10px 0px;
	text-transform: none;
	color: #494949; 
	font-size: 22px; 
	line-height: 25px;
	font-weight: 500;
}
.header_text .r2 span { 
	font-family: 'Roboto Condensed', sans-serif;
	padding-top: 14px;
	font-size: 20px; 
	line-height: 14px !important; 
	color: #21578a;
	font-weight: 700;
	letter-spacing: 1px;
}

.header_text .r3 { 
	padding: 30px 0 0 0;
	text-transform: none;
	color: #333333; 
	font-size: 18px; 
	line-height: 48px;
	font-weight: 500;
	text-indent: 50px;
}
.header-i1 { background: url(img/header-pin.png) 6px 6px no-repeat; }
.header-i2 { background: url(img/header-watch.png) 0 8px no-repeat; }
.header-i3 { background: url(img/header-arrow.png) 0 8px no-repeat; }



/*=============================================
wrapper
=============================================*/

#wrapper {
	width: 100%;
	background: #21578a;
	padding-bottom: 30px;
}
#wrapper h1 {
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	padding: 30px 0 0px 0; 
	font-size: 27px;  font-weight: 400;  
	line-height: 47px; 
	text-transform: uppercase;
	letter-spacing: -1px; 
}
.h1-tel {
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	padding: 10px 0 0px 0; 
	font-size: 50px;
  font-weight: 400;  
	line-height: 47px; 
	text-transform: uppercase;
	letter-spacing: -1px; 
	
}


/*=============================================
	content
=============================================*/
#content {
	background: #f1f1f2;
	padding-top: 20px;
	padding-bottom: 70px;
}

#content h1 {
	color: #333333;
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	padding: 30px 0 20px 0; 
	font-size: 30px;  
	font-weight: 400;  
	line-height: 40px; 
	text-transform: uppercase;
}
/* послуги */
#content h2 {
	color: #333333;
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	padding: 0px 0 30px 0; 
	font-size: 22px;  
	font-weight: 400;  
	line-height: 18px; 
	text-transform: none;
}

.fix-bg {
	margin: 0 auto;
	width: 960px;
	min-height: 330px;	 /*!!*/
	display: block;
	background: url('img/fix-bg.png') center top no-repeat;
}

.cons-123 {
	width: 260px;
	float: left;
	margin: 130px 30px 0 30px;
	
}
.cons-123 h3 {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
}
.cons-123 p {
	margin-top: 30px;
	line-height: 26px;
	color: #333;
	font-size: 16px;
	text-transform: none;
	font-weight: 400;
}



/* --- 	id garant  ----- послуги */
#garant { 
	height: 800px; 
	padding:  0; 
	background: #e2ebff url('img/garant-girl.png') center bottom no-repeat;
	}

#garant  h2  {
	font-family: 'Open Sans', sans-serif; 
	padding: 50px 0 0 0; 
	font-size: 30px; 
	line-height: 30px;  
	font-weight: 400;
	color: #0069b4; 
	text-transform: uppercase;
	text-align: center; 
	}

ul.garant  { 
	margin-top: 0px;
	list-style: none; 
	overflow: auto; 
	padding: 20px 0 53px 20px; 
	}
ul.garant  li { position: relative; 
	float: left;
	width: 223px; 
	min-height: 80px;
	font-family: 'Open Sans', sans-serif; 
	text-shadow: 0 1px 1px rgba(255,255,255,0.9);
	margin: 10px;
	padding:  20px 10px; 
	background: rgba(255, 255, 255, 0.5);
	border: 2px solid #399ccd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	
/* --- 	id yak  ----- */
#yak { 
	height: 370px; 
	padding:  0; 
	background: #fff url('img/yak.png') center bottom no-repeat;
	border-bottom: 1px solid #d7d7d7;
	}

#yak  h2  {
	color: #333333;
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	padding: 30px 0 0 0; 
	font-size: 30px;  
	font-weight: 400;  
	line-height: 47px; 
	text-transform: uppercase;
	}

ul.d-yak  { 
	margin-top: 0px;
	list-style: none; 
	overflow: auto; 
	padding: 38px 0 0px 10px; 
	}
ul.d-yak  li { position: relative; 
	float: left;
	width: 200px; 
	min-height: 60px;

	font-family: 'Open Sans', sans-serif; 
	text-shadow: 0 1px 1px rgba(255,255,255,0.9);
	
	margin: 10px;
	padding: 0px 6px 0px 70px ; 
	}

.i1 {	background-image: url('img/c-icon-01.png'); background-position: 0 0px; background-repeat: no-repeat; }
.i2 {	background-image: url('img/c-icon-02.png'); background-position: 0 0px; background-repeat: no-repeat; }
.i3 {	background-image: url('img/c-icon-03.png'); background-position: 0 0px; background-repeat: no-repeat; }
.i4 {	background-image: url('img/c-icon-04.png'); background-position: 0 0px; background-repeat: no-repeat; }
.i5 {	background-image: url('img/c-icon-05.png'); background-position: 0 0px; background-repeat: no-repeat; }
.i6 {	background-image: url('img/c-icon-06.png'); background-position: 0 0px; background-repeat: no-repeat; }
	
	
	
	
/* --- 	id yak вsii  ----- */
#dii { 
	padding-bottom:  70px; 
	}

.dii-12 {
	width: 480px;
	float: left;
	
}	
	
#dii  h2  {
	color: #333333;
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	padding: 30px 0 0 0; 
	font-size: 30px;  
	font-weight: 400;  
	line-height: 47px; 
	text-transform: uppercase;
	}
	
#dii  h3  {
	color: #222;
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	padding: 20px 0 0 0; 
	font-size: 25px;  
	font-weight: 400;  
	}

#dii  p  {	
	padding: 20px 10px;
}
	
/*  vb  */
#dii ul.vb { padding: 20px 0 0 40px; }
#dii ul.vb  li { list-style: none;  
	background: url('img/c-li.png') 0 -2px no-repeat; 
	padding: 0px 0 3px 26px; 
	margin: 1px 0 0 0;  
	min-height: 20px; 
}
#dii .vb ul li a { color: #292526; 
	text-transform: uppercase; 
	text-decoration: none; 
	display: block; 
	border-bottom: 1px dotted #fff;
} 
#dii .vb ul li a:hover { 
	color: #ee8941; 
	text-transform: uppercase; 
	text-decoration: none; 
	display: block; 
	border-bottom: 1px dotted #ee8941; 
} 
	
	
/* ---- sert ----- */	
#sert { 
	padding:  0; 
	background: #fae678;
	}

#sert  h2  {
	color: #333333;
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	padding: 30px 0 0 0; 
	font-size: 30px;  
	font-weight: 400;  
	line-height: 47px; 
	text-transform: uppercase;
	}
#sert  h3  {
	color: #222;
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	padding: 20px 0 0 0; 
	font-size: 20px;  
	font-weight: 400;  
	}

.d-sro { 
	-webkit-box-sizing: border-box;  
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.d-sro ul { list-style: none; overflow: auto; padding: 38px 0 53px 20px; }
.d-sro ul li { position: relative; float: left; width: 223px;  margin: 0 0 0 10px; }
.d-sro ul li:first-child { margin: 0; }
.d-sro ul li img { vertical-align: top; }
.d-sro ul li .hover-bg { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 312px; background: #0093ce; opacity: 0.5; margin-top: 0px; }
.d-sro ul li:hover .hover-bg { display: block; }
.d-sro ul li .hover_ico { display: none; position: absolute; left: 74px; top: 120px; width: 70px; height: 42px; background: url('img/portfolio-hover.png');  }
.d-sro ul li:hover .hover_ico { display: block; }
.d-sro ul li a { display: block; padding:  0; font-size: 19px; color: #000; font-family: 'Roboto Condensed', sans-serif; 
	text-decoration: none; text-align: center; line-height: 60px; font-weight: 300; }



	
	
	
	
	
/*=============================================
	footer
=============================================*/
.footer-logo-bg {  
	width: 100%; 
	background-color: #fff; 
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; 
	padding-bottom: 20px; 
	position: relative;   }

h2 { padding: 40px 0 40px 0; 
	font-size: 30px; 
	font-weight: 300; 
	color: #0069b4; 
	text-transform: 
	uppercase; 
	text-align: center; 
	margin: 0;
}
	

/* --- to top ---- */
.footer-logo-bg .scroll_top { display: block; position: absolute; right: 20px; top: 90px; width: 69px; height: 69px;  background: url('img/footer-scroll-up.png'); text-decoration: none; z-index: 600; }
.footer-logo-bg .scroll_top:hover { background-position: -69px 0 }
.footer-logo-bg .center_960 { position: relative;
     /* Переход */
	-webkit-transition: 1.2s all;
	-moz-transition: 1.2s all;
	transition: 1.2s all;
	-o-transition: 1.2s all;
 }
 

/* --- 	on_map --- */
.on_map  { background: #fff; margin: 0; }

#map_canvas { height: 410px; padding: 40px 0 59px 0;  }

.on_map_address { position: absolute; right: 12px; 
	top: 110px; 
	width:350px; 
	height: 160px; 
	background: #fff;
	box-shadow: -7px 7px 30px 5px rgba(0, 0, 0, 0.25); 
	font-family: 'Roboto Condensed', sans-serif;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; 
	border-radius: 3px;
}
.on_map .fix { position: relative; z-index: 1;   }


.on_map_address a { 	color: #313131; text-decoration: none; }
.on_map_address a:hover { text-decoration: underline; }
.on_map_address .r0 { padding: 20px 0 0 30px; font-size: 20px; font-weight: bold; color: #053b5d; text-transform: uppercase; }
.on_map_address .r1 { padding: 15px 0 0 30px; font-size: 23px; color: #053b5d;  }
.on_map_address .r2 { padding: 20px 0 0 30px; font-size: 39px; line-height: 32px; color: #1f9ed9; }
.on_map_address .r2 a {  color: #1f9ed9; text-decoration: none; }
.on_map_address .r3 { padding: 30px 0 0 30px; font-size: 23px; line-height: 18px; color: #000; }


 
/* ---	footer-request остались вопосы */
.request_callback_text {  
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: 300; 
	text-align: center; 
	width: 100%;  
	margin: 0 auto;
}


.request_callback_text .r1 { 
	font-size: 38px; 
	color: #0069b4;  
	text-transform: uppercase; 
	display: block;
	padding-top: 20px !important; 
	}
.request_callback_text .r2 {  padding: 0px 0 0px 0; font-size: 50px;  color: #1f9ed9; font-family: 'Open Sans', sans-serif; font-weight: 700;  }
.request_callback_text .r2 a {  color: #1f9ed9; text-decoration: none;  }

.request_callback_text .r3 {  padding: 0px 0 20px 0; font-size: 17px;  color: #053b5d; }




/* --- 	footer-copyright --- */
.footer-copyright { 
	padding: 22px 0 20px 24px; 
	color: #9fa6aa; 
	text-align: center; 
	background: #e5eef5; 
	display: block; 
	font-size: 12px;  
	}
.footer-copyright a {
	color: #0069b4;
}	

/*=============================================
	modal confirm form
=============================================*/
.modal_wrapper { display: none; z-index: 100; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.85; }
.modal_confirm_wrapper { display: none; z-index: 200; position: fixed; left: 0; top: 0; width: 100%; height: 0; }
.modal_confirm { width: 294px; margin: 256px auto 0 auto; padding: 70px 0; font-size: 18px; font-weight: bold; background: #fff; text-align: center; text-transform: uppercase; border-radius: 10px; }

.modal_confirm .r1 { color: #007eca; }
.modal_confirm .r2 { color: #053b5d; }
.show_confirm .modal_wrapper { display: block; }
.show_confirm .modal_confirm_wrapper { display: block; }