@charset "utf-8";
/* CSS Document */
/* Fonts */
:root {
    --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font: "Raleway",  sans-serif;
    --nav-font: "Poppins",  sans-serif;
}

/*''''''''''''''''''''''''''''''''''''''General''''''''''''''''''''''''''''''''''''''*/

body{
    font-family: var(--default-font);
	font-size:.8em;
	color: #0A384F;
	line-height:150%;}

h1{
	color:#32586b;
	font-family: var(--heading-font);
	font-size:430%;
	font-weight:normal;
	line-height:100%;
	margin-bottom:30px;}

h2{
	color:#32586b;
    font-family: var(--heading-font);
	font-size:250%;
	font-weight:normal;
	line-height:100%;
	margin-bottom:20px;}

h3{
	color:#32586b;
    font-family: var(--heading-font);
	font-size:160%;
	font-weight:normal;
	line-height:100%;
	margin-bottom:20px;}

h4{
    font-family: var(--heading-font);
	font-weight:normal;}

a{
	color: #0A384F;
	text-decoration:none;
	cursor:pointer;}

	a:hover{
		color:#7dc623;}

form li,
#aside-left li,
#footer li,
/*.css-panes li,*/
#header li{
	list-style:none !important;}

p{
	margin-bottom:2em;}

.wrap{
	width:1020px;
	margin: 0 auto;
}

a.input:hover{
	color:#7dc623 !important;}

/*''''''''''''''''''''''''''''''''''''''Main''''''''''''''''''''''''''''''''''''''*/

#main{
	background:url(./../imgs/bg_main.jpg) repeat-x #fff;}

		/*''''''''''''''''''aside-left''''''''''''''''''*/

		#aside-left{
            width:24.89%; float:left; z-index:1; position:relative;}
/*
width:24.89%; float:left; z-index:1; padding-top:15.667em; position:relative;}
*/

			#aside-left h1, #pods .pod h1{
                font-size:125%; border-bottom:dotted 2px #6fb4d5; padding-bottom:0.833em; margin-bottom:0;}

			/*''''''''''''''''''pod''''''''''''''''''*/

				.pod{
					background:url(./../imgs/bg_pod.jpg) repeat-x bottom #fff; border:solid 2px #e3e3e3; padding: 0; margin-bottom:2.917em; }

					.title-pod, .main-pod{
						margin-bottom:2.083em;}

						.main-pod img.img-back{
							width:100%; height:auto; z-index:1; position:relative;}

						.pod p, .pod a, .pod h1,  .pod li, .pod h2, .pod h3, .pod h4, .pod h5, .pod h6{
							z-index:2;}

					.btn-pod{
						text-align:center; background:url(./../imgs/bg_btn_pod.jpg) repeat-x; height:2em; border-radius:0.833em; -moz-border-radius:0.833em; -ms-border-radius:0.833em; -o-border-radius:0.833em; -webkit-border-radius:0.833em;}

						.btn-pod a{
							color:#fff; line-height:2em; background:url(./../imgs/arrow_btn.png) no-repeat right; padding-right:1.250em; font-size:100%; transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; -webkit-transition:all ease .3s;}

						.btn-pod a:hover{
							color:#7dc623;}

				.section{
					padding:2.500em;}


			/*''''''''''''''''''list-aside''''''''''''''''''*/

				.list-aside{
					margin-bottom:2.917em;}

					.main-list{
						padding:1.250em;}

						.main-list ul li a{
							color:#32586B; background:url(./../imgs/arrow_btn.png) no-repeat center left; padding-left:1em;}

							.main-list ul li a:hover{
								color:#7dc623;}

		/*''''''''''''''''''aside-right''''''''''''''''''*/

		#aside-right{
			width:67.83%; float:right; padding:4% 3.12% 4% 4.16%; background:url(./../imgs/border-left-main.jpg) repeat-y right; position:relative;}


				/*----------------Home----------------*/
					#slider{
						float:left; margin-left:15px; width:66%;}

						#content-home #main .wrap #pods .pod btn-pod a{
							width:30%;}

				/*----------------Red----------------*/

					div#aside-right.page_map { position:relative;}

					#aside-right .img-mapa{
						margin-left:-1.667em; margin-top:-2.417em; border:none;}

					#aside-right div.css-panes {
						border:solid 2px #e3e3e3; height:auto; padding:1.667em; display: none; margin-top: 6px;}

					#aside-right .css-panes div h2{
						margin-bottom:1.667em;}


					/* Columnas de subdivisiones */
					.column { float:left; margin-right:18px; width: 150px;}
						.column .subdivisiones{ margin-bottom:2.500em;}
							.column .subdivisiones ul li a{ font-size:96%;}

					/* Selected state for left nav */
					#aside-left .pod ul.css-tabs li a.active{color:#7dc623;}

					.tooltip {
						display:none;
						background:url(./../imgs/img_tooltip.png) no-repeat;
						font-size:100%;
						height:4.5em;
						width:12em;
						padding:0 0.417em;
						color:#7dc623;
						text-align:center;
						line-height:2.8em;
						position: absolute;
						top: -50px;
						left: -62px;
					}

					.map_css-tabs{ width:100%; height:453px; position: absolute; top:7.750em; left:26px; z-index: 0;}

						.map_css-tabs li { z-index:99; display: block; position: absolute; background:url(./../imgs/bg_map_location.png) repeat; width: 2.5em; height: 2.5em;}
						.map_css-tabs li a {display: block; width: 100%; height: 100%;}
							.map_css-tabs li a span { display: none; background:url(./../imgs/arrow_panes-02.png) no-repeat top center; position:absolute;}
							.map_css-tabs li.active a span {display: block; width:115px;}
							.map_css-tabs li.active {z-index: 5;}


							.map_bcs { left:103px; top:119px; }
								.map_bcs.active a span { top:35px; left:-39px; height:300px;}

							.map_bcn { left: 54px; top: 17px; }
								.map_bcn.active a span { top: 35px; left: -39px; height: 402px;}

							.map_son { left:141px; top:65px;}
								.map_son.active a span{
									top:35px;
									left:-39px;
									height:354px;
								}

							.map_chih { left:226px; top:85px; }
								.map_chih.active a span{
									top:35px;
									left:-39px;
									height:334px;
								}

							.map_coah  { left:304px; top:115px; }
								.map_coah.active a span{
									top:35px;
									left:-40px;
									height:304px;
								}

							.map_nl {
								left:355px;
								top:154px;
								}

								.map_nl.active a span{
									top:35px;
									left:-39px;
									height:265px;
									}

							.map_tam {
								left:378px;
								top:196px;
								}

								.map_tam.active a span{
									top:35px;
									left:-39px;
									height:223px;
									}

							.map_sin {
								left:193px;
								top:155px;
								}

								.map_sin.active a span{
									top:35px;
									left:-39px;
									height:264px;
									}

							.map_dur {
								left:249px;
								top:170px;
								}

								.map_dur.active a span{
									top:35px;
									left:-40px;
									height:249px;
									}

							.map_zac {
								left:292px;
								top:186px;
								}

								.map_zac.active a span{
									top:35px;
									left:-39px;
									height:233px;
									}

							.map_slp {
								left:345px;
								top:214px;
								}

								.map_slp.active a span{
									top:35px;
									left:-39px;
									height:205px;
									}

							.map_ver {
								left:444px;
								top:309px;
								}

								.map_ver.active a span{
									top:35px;
									left:-40px;
									height:110px;
									}

							.map_nay {
								left:248px;
								top:237px;
								}

								.map_nay.active a span{
									top:35px;
									left:-39px;
									height:182px;
									}

							.map_jal {
								left:279px;
								top:261px;
								}

								.map_jal.active a span{
									top:35px;
									left:-39px;
									height:158px;
									}

							.map_agu {
								left:302px;
								top:225px;
								}

								.map_agu.active a span{
									top:35px;
									left:-39px;
									height:194px;
									}

							.map_gto {
								left:324px;
								top:255px;
								}

								.map_gto.active a span{
									top:35px;
									left:-39px;
									height:164px;
									}

							.map_qro {
								left:354px;
								top:257px;
								}

								.map_qro.active a span{
									top:35px;
									left:-39px;
									height:162px;
									}

							.map_hgo {
								left:384px;
								top:267px;
								}

								.map_hgo.active a span{
									top:35px;
									left:-39px;
									height:152px;
									}

							.map_col {
								left:268px;
								top:291px;
								}

								.map_col.active a span{
									top:35px;
									left:-39px;
									height:128px;
									}

							.map_mich {
								left:309px;
								top:293px;
								}

								.map_mich.active a span{
									top:35px;
									left:-39px;
									height:126px;
									}

							.map_mex {
								left:351px;
								top:300px;
								}

								.map_mex.active a span{
									top:35px;
									left:-39px;
									height:119px;
									}

							.map_df {
								left:372px;
								top:284px;
								}

								.map_df.active a span{
									top:35px;
									left:-39px;
									height:135px;
									}

							.map_tlax {
								left:397px;
								top:289px;
								}

								.map_tlax.active a span{
									top:35px;
									left:-39px;
									height:130px;
									}

							.map_gro {
								left:356px;
								top:335px;
								}

								.map_gro.active a span{
									top:35px;
									left:-39px;
									height:84px;}

							.map_mor {
								left:372px;
								top:307px;
								}

								.map_mor.active a span{
									top:35px;
									left:-39px;
									height:112px;
									}

							.map_pue {
								left:393px;
								top:311px;
								}

								.map_pue.active a span{
									top:35px;
									left:-39px;
									height:108px;
									}

							.map_oax {
								left:421px;
								top:348px;
								}

								.map_oax.active a span{
									top:35px;
									left:-39px;
									height:71px;
									}

							.map_tab {
								left:504px;
								top:312px;
								}

								.map_tab.active a span{
									top:35px;
									left:-39px;
									height:107px;
									}

							.map_chis {
								left:513px;
								top:357px;
								}

								.map_chis.active a span{
									top:35px;
									left:-39px;
									height:62px;
									}

							.map_camp {
								left:558px;
								top:297px;
								}

								.map_camp.active a span{
									top:35px;
									left:-39px;
									height:122px;
									}

							.map_qroo {
								left:600px;
								top:283px;
								}

								.map_qroo.active a span{
									top:35px;
									left:-39px;
									height:136px;
									}

							.map_yuc {
								left:586px;
								top:247px;
								}

								.map_yuc.active a span{
									top:35px;
									left:-39px;
									height:173px;
									}


				/*----------------Blog----------------*/

					.article { margin-bottom: 40px; }

					.article .title-article h2{
						margin-bottom:5px; margin-top:1em; line-height:130%;}

						.article .title-article h2 a{
							color:#32586B;}

					.article .main-article img{
						width:15.083em; height:auto;}

						.article .footer-article{
							height:1.750em; margin-top: 20px; border-bottom:2px dotted #64aed1; padding-bottom:1.125em; margin-bottom:1.125em; }

							.article .footer-article p{
								float:left; margin-bottom:0;}

							.article .footer-article ul{
								float:right;}

								.article .footer-article ul li{
									float:left; padding-right:0.417em; line-height:100%;}

									.article .footer-article ul li img{
										width:21px; height:21px; border:none !important;}

						#counter ul li{
							float:left; margin-right:0.417em; text-align:center;}

							#counter ul li a{
								color:#32586B; background:#CFECFA; display:block; width:1.125em; height:1.125em; line-height:1.125em;}

								#counter ul li a:hover{
									background:#32586b; color:#fff;}

						#counter ul li.active a{
							background:#32586b; color:#fff;}

						#counter p a{
							color:#32586B; line-height:1.125em; margin-left:0.833em;}

							#counter p a:hover{
								color:#7dc623;}



				/*----------------Blog_int----------------*/

					.post {margin-bottom: 20px;}

					.post > li {margin-bottom: 30px; list-style:none;}

					.post .main-post{
						border:solid 2px #e3e3e3; background:url(./../imgs/bg_comment.jpg) repeat-x bottom; padding:20px; margin-bottom:10px; border-radius:0.333em; -moz-border-radius:0.333em; -ms-border-radius:0.333em; -o-border-radius:0.333em; -webkit-border-radius:0.333em; width:596px;}

					#form-comm form.comments{
						padding-left:0;
						}

						#form-comm form.comments .main-comment ul{
							margin-bottom:20px !important;
							margin-left:0;}

						#form-comm form.comments .main-comment ul li {
							margin-bottom: 20px;}

							#commentform div ul div input#submit.input{
								margin-top:20px;}

							#form-comm form.comments .main-comment textarea{
								background:url(./../imgs/bg_comment_new.jpg) repeat-x bottom #fff; padding: 10px; border:solid 2px #dad9d9; width:96%; min-height: 100px; border-radius:0.333em; -moz-border-radius:0.333em; -ms-border-radius:0.333em; -o-border-radius:0.333em; -webkit-border-radius:0.333em; }

								#form-comm form.comments .main-comment ul li ul{
									height:3em; }

									#form-comm form.comments .main-comment ul li ul li{
										float:left; width:48%; line-height:3em; height:3em; margin-right:0.833em;}

										#form-comm form.comments .main-comment ul li ul li input{
											width:92% !important;}

				/*----------------Clientes----------------*/

						#gform_3 div ul li, #gform_4 div ul li, #gform_2 div ul li{
							width:60%;}

							#gform_wrapper_2 #gform_2 div ul li.gfield label, #gform_wrapper_3 #gform_3 div ul li.gfield label, #gform_wrapper_4 #gform_4 div ul li.gfield label{
								display:block; color:#32586b; font-size:160%;	font-weight:normal;	line-height:150%;}

							#gform_wrapper_2 #gform_2 div ul li.gfield input, #gform_wrapper_3 #gform_3 div ul li.gfield input, #gform_wrapper_4 #gform_4 div ul li.gfield input{
								background: url("./../imgs/bg_txtlogin.jpg") repeat-x scroll center bottom #FFFFFF;
								border: 2px solid #DAD9D9;
								border-radius: 0.333em 0.333em 0.333em 0.333em;
								height: 2.2em;
								padding-left: 0.833em;
								width: 80%;
								}

						form#gform_2 div.gform_footer, form#gform_3 div.gform_footer, form#gform_4 div.gform_footer{
							display:block; height:30px;}

						form#gform_2 div.gform_footer input, form#gform_3 div.gform_footer input, form#gform_4 div.gform_footer input{
							float:left;}

							div.gf_login_menu ul li{
								float:left; margin-right:5px !important; width:auto; border-right:1px solid; padding-right:7px;}

								div.gf_login_menu ul li a{
									color:#595656; transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; -webkit-transition:all ease .3s;}

									div.gf_login_menu ul li a:hover{
										color:#7dc623 !important;}


						#gform_2 li.gfield_error *, #gform_2 li.gfield_error, #gform_3 li.gfield_error *, #gform_3 li.gfield_error, #gform_4 li.gfield_error *, #gform_4 li.gfield_error{
							margin:0 !important; padding:0 !important;}

						#gform_2 li.gfield_error label, #gform_3 li.gfield_error label, #gform_4 li.gfield_error label{
							line-height:150% !important; margin: 10px 0 4px !important;}

				/*----------------Registro, recuperar contraseña----------------*/

					.gf_registro span.ginput_left, .gf_registro span.ginput_right{
						width:40% !important; float:left !important; margin-right:15px;}

					#gform_wrapper_2 .ginput_complex .ginput_right input, #gform_wrapper_2 .ginput_complex .ginput_left input{
						width:91% !important;}

						#gform_wrapper_2 #gform_2 div ul li.gfield label{
							font-size:130%;}

							#gform_wrapper_2 #gform_2 div ul li.gfield div span label{
								font-size:100%}
/*''''''''''''''''''''''''''''''''''''''Footer''''''''''''''''''''''''''''''''''''''*/

/*#footer{
	background:url(./../imgs/bg_footer.jpg) repeat-x top #b3e2f6; padding-top:4.167em;}*/

	.wrap #sections{
		border-bottom:dotted 1px #386175; padding-bottom: 1.667em; margin-bottom:2em;}

	.wrap #sections .section{
		float:left; width:27%; border-right:dotted 1px #386175; padding:0 3%; position:relative; min-height:27.500em;}

		#footer-clients .main_section, #footer-form .main_section{
			text-align:center;}

		.wrap #sections #footer-tw{
			padding-right:0 !important; width:28%;}

		/*''''''''''''''''''sections''''''''''''''''''*/

			.title_section{
				margin-bottom:2.083em;}

			/*----------------form----------------*/

			.main_section form{
				position:relative;}

			form#gform_1 div.gform_body ul li label{
				font-weight:normal;}

			form#gform_1 div.gform_body ul li div input, form#gform_1 div.gform_body ul li div textarea{
				padding-left: 0.833em; width:42.23%; background:#9cd9f6; border:1px solid #87b7ce; color:#426978; font-size:100%; line-height:150%;  height:2.417em;}

			form#gform_1 div.gform_body ul li div span input{
				width:87% !important;}

				#field_1_1 {position: absolute; top: 0; left: 0;}

				#field_1_4, #field_1_3 {
					position:absolute; width:100%; height:70px; top:85px; left:128px;}

				#field_1_3 { left: 0;}

				#field_1_5 {position: absolute; width: 100%; top: 155px; left: 0;}

			.main_section form ul li textarea{
				padding-left: 0.833em; max-width:91%; min-width:91%; min-height:6.667em; margin-bottom:1.417em;}

			form#gform_1 .gform_footer {
				position: absolute;
				top: 270px;
				left: 0;
				padding-left:60px !important;
			}


			#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4 {
				background:url(./../imgs/bg_btn_pod.jpg) repeat-x; display:block; float: left; width:10.417em; height:2em; margin: -5px auto 0; text-align:center; border:none; border-radius:0.833em; -moz-border-radius:0.833em; -ms-border-radius:0.833em; -o-border-radius:0.833em; -webkit-border-radius:0.833em; color:#fff; line-height:1.8em; transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; -webkit-transition:all ease .3s; padding:0;}

			/*Este line-height es únicamente para explorer*/
			.gf_browser_ie #gform_submit_button_1, .gf_browser_ie #gform_submit_button_2, .gf_browser_ie #gform_submit_button_3, .gf_browser_ie #gform_submit_button_4{
				line-height:15px;}

				.gform_wrapper .gform_footer{
					margin:0 !important;}

				.main_section form ul li input#send_message:hover{
					color:#7dc623; cursor:pointer;}

			/*----------------twitter----------------*/

			#contenido-twitter{
				max-height:18.667em; overflow-y:hidden; margin-bottom:0.767em;}

				#contenido-twitter ul li{
					margin-bottom:0.833em;}

					#contenido-twitter ul li a.tweet_avatar img{
						float:left; margin:0 1.250em 0px 0; border:solid 1px #84b4ca;}

					#contenido-twitter ul li span{
						display:block; padding-left:5.500em;}

						#contenido-twitter ul li span.tweet_text{
							display:block;}

						#contenido-twitter ul li span.tweet_time a{
							font-style:italic;}

							#contenido-twitter ul li span a{
								color:#007efe; transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; -webkit-transition:all ease .3s;}

								#contenido-twitter ul li span.tweet_text a:hover, div#contenido-twitter ul li span a:hover{
									color:#7dc623;}

			#social{
				width:100%; background:#9cd9f6;}

				#social ul li{
					float:left; padding:0.833em 0.667em; display:block; height:2.667em; line-height:2.667em;}

		/*''''''''''''''''''info''''''''''''''''''*/

		#info{
			font-size:90%;}

		#info ul li{
			float:left; display:block; margin:0 1.333em;}

			#logo-footer h1{
				background:url(./../imgs/logo_footer.jpg) no-repeat; height:76px; width:89px;}

				#info ul li a:hover{
					color:#7dc623;}


/*''''''''''''''''''''''''''''''''''''''Messages''''''''''''''''''''''''''''''''''''''*/

.gfield_description{
	display:none;}

.validation_error{
	display:none;}

#gform_wrapper_1{
	width:100% !important;}

#gform_wrapper_1 li.gfield_error {
	padding: inherit !important; margin: inherit !important;}

	.gform_wrapper li.gfield_error input, .gform_wrapper li.gfield_error textarea{
		background:#FFDFDF !important;}


	#gform_wrapper_1 li.gfield_error label, #gform_wrapper_1 .top_label .gfield_label{
		font-weight:normal;}

	#gform_wrapper_1 li.gfield.gfield_error{
		margin-bottom:0 !important;}

		#gform_wrapper_1 .top_label .gfield_error{
			width:100% !important;}

		.gform_wrapper li.gfield.gfield_error label.gfield_label,
		#gform_wrapper_1 li.gfield.gfield_error div.ginput_container,
		.gform_wrapper li.gfield_error label,
		#gform_wrapper_1 .top_label .gfield_label,
		#gform_wrapper_1 li.gfield.gfield_error,
		.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
			margin:0 !important; padding:0 !important;
		}

		#gform_wrapper_1 .top_label .gfield_error .ginput_container,
		#gform_wrapper_1 .gfield_error .ginput_complex .ginput_left,
		#gform_wrapper_1 .gfield_error .ginput_complex .ginput_right {
			max-width: none;}

		#gform_wrapper_1 .gfield_error .ginput_complex .ginput_left {
			width: 50%;
		}
		#gform_wrapper_1 .gfield_error .ginput_complex .ginput_right {
			width: 49%;
		}

	.gform_ajax_spinner{ border:none !important;}

.gform_wrapper li.gfield_error, .gform_wrapper li.gfield_error{
	background:none !important; border:none !important; margin:0 !important; padding:0 !important;}

	#gform_wrapper_1 span label {margin: 0;}


/*''''''''''''''''''''''''''''''''''''''Conditions''''''''''''''''''''''''''''''''''''''*/

.alpha{margin-left:0 !important;}
.omega{ margin-right:0 !important;}
.hide{display:none;}
.img-left{float:left; margin:0 1.250em 1.250em 0;}
.img-right{float:right; margin:0 0 1.250em 1.250em;}
.clear{clear:both;}
.no-border{ border:none !important;}
.blue{color:#59a8cf;}
.green{color:#7cc426;}
.wp-post-image{border:2px solid #64aed1;}

form ul,
.gf_login_menu ul,
.map_css-tabs,
.css-panes ul,
.article_social{ margin:0 !important;}

form ul li,
.gf_login_menu ul li,
.map_css-tabs li,
.css-panes ul li,
.article_social li{ margin:0 !important;}


/* WP defaults */
    .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

    .alignleft { float: left; margin-right: 15px; }
    .alignright { float: right; margin-left: 15px; }
    .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */
       -moz-border-radius: 3px;
       -khtml-border-radius: 3px;
       -webkit-border-radius: 3px;
       border-radius: 3px;
    }

    .wp-caption img { margin: 0; padding: 0; border: 0 none; }
    .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

	#aside-right ul, #aside-right ol{ margin-bottom:20px;}
    #aside-right ul li:first-child {font-weight: bold; color: #7dc623;list-style-type: none;
}
	#aside-right ul li{list-style-type: square; list-style-position: inside; margin-left:50px; color: #0A384F;!important;}
	#aside-right ol li{list-style:decimal; margin-left:50px;}



/* ==========================================================================
   Modal Window
   ========================================================================== */

#mask {
    position:fixed;
    z-index:9000;
    background-color:#fff;
    display:none;
    top: 0;
    left: 0;
    min-width: 1000px;
    width: 100%;
    height: 100%;
    text-align: center;
}

#boxes .window {
    position:fixed;
    width: auto;
    height: auto;
    top: 0%;
    left: 0%;
    display:none;
    z-index:9999;
    max-width: 100%;
    background-color: white;
    border: 2px solid #7ec624;
}

    #boxes .window > .box-in {
        margin: 5%;
        height: 83%;
        width: 90%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        box-sizing:border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;

    }
        #boxes .window > .box-in .box-content {
            width: 100%;
            height: 100%;
            color: #6d6964;
            text-align: left;
            position: relative;
        }

            #boxes .footer_modal > .box-in .box-content img {

                max-width: 100%;
                height: auto;
                /*
                -webkit-transition: width,height 1s linear;
                -moz-transition: width,height 1s linear;
                -ms-transition: width,height 1s linear;
                -o-transition: width,height 1s linear;
                transition: width,height 1s linear;
                */
            }

            .box-preloader {
                width: 16px;
                height: 16px;
                margin: 0 auto;
            }


#boxes .close_window {z-index: 10;}
    .close_window .icon { width: 20px; height: 20px; fill: #51bda9; }
#boxes .close_window a { }