@import 'form.css';
@import 'ar_fonts.css';
@import 'font-awesome.css';
@import 'line-awesome/css/line-awesome.css';
@import 'flaticon/flaticon.css';
@import 'flaticon2/flaticon.css';
@import 'fontawesome-free/css/all.min.css';
@import 'css/elements/heading.css';
@import 'css/elements/social-share.css';
@import 'css/elements/list.css';
@import 'css/elements/buttons.css';
/*
@import 'css/bootstrap.min.css';

@import 'css/elements/note.css';
@import 'css/elements/accordion.css';
@import 'css/elements/animate.css';
@import 'css/elements/box.css';
@import 'css/elements/breadcrumb.css';

@import 'css/elements/calltoaction.css';
@import 'css/elements/carousel.css';
@import 'css/elements/flipbox.css';
@import 'css/elements/form.css';

@import 'css/elements/image-caption.css';
@import 'css/elements/link-effects.css';

@import 'css/elements/member.css';
@import 'css/elements/modal.css';
@import 'css/elements/note.css';
@import 'css/elements/post-grid.css';
@import 'css/elements/pricing-tables.css';
@import 'css/elements/progress-bar.css';
@import 'css/elements/services.css';
@import 'css/elements/table.css';
@import 'css/elements/tabs.css';
@import 'css/elements/testimonial.css';
@import 'css/elements/timeline.css';
*/
 .main-container{max-width: 500px!important;}

.squared{position:relative;width:100%;
  background: url(../../images/under.png) center center no-repeat;
 	-moz-background-size: 100% 100%;
 	background-size: 100% 100%; margin-bottom: 20px;

 }
 .floatedbtn{
   border-radius: 50%;
   width:50px;
   height: 50px;
   font-size: 25px;
   position: fixed;
   font-weight: 100;
    z-index: 9999999;
   bottom: 90px;
   left: 20px;
   background: #369;
   border: 0px solid #fff;
   color: #fff; padding-top:12px;
   text-align: center;
 }
 .floatedbtn i{   color: #fff !important;}
.squared:after{content:"";display:block;padding-bottom:100%}
.content-sqd{     position:absolute; width:100%;height:100%;

}
.map_code iframe{
  width: 100% !important;   height: 350px !important;
}
.content-sqd .item{   position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.content-sqd img{   display:block; margin:auto; max-height:80%; max-width:80%;}
.content-sqd i{   font-size:45px; color:#fff; padding-top: 10px;}
.content-sqd p{   font-size:13px; color:#fff; padding-top: 10px;}
.iconbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.square{width:100%}
.square:after{content:"";display:block;padding-bottom:100%}
.content-sq{position:absolute;width:100%;height:100%}
.uk-navbar-nav>li>a{padding:0 9px!important}
.square2{width:100%}
.square2:after{content:"";display:block;padding-bottom:78%}
.content-sq2{position:absolute;width:100%;height:100%}
.square9{position:relative;width:100%}
.square9:after{content:"";display:block;padding-bottom:60%}
.content-sq9{position:absolute;width:100%;height:100%}
.square92{position:relative;width:100%}
.square92:after{content:"";display:block;padding-bottom:39%}
.content-sq92{position:absolute;width:100%;height:100%}
.square3{width:100%}
.square3:after{content:"";display:block;padding-bottom:84%}
.square3a{width:100%}
.square3a:after{content:"";display:block;padding-bottom:75%}
.square4{width:100%}
.square4:after{content:"";display:block;padding-bottom:79%}
.content-sq4{position:absolute;width:100%;height:100%}
.squarev{position:relative;width:100%}
.squarev:after{content:"";display:block;padding-bottom:60%}
.content-sqv{position:absolute;width:100%;height:100%}
.squareshasha{width:100%}
.squareshasha:after{content:"";display:block;padding-bottom:61%}
.content-sqshasha{position:absolute;width:100%;height:100%}

.squareshasha2{width:100%}
.squareshasha2:after{content:"";display:block;padding-bottom:67%}
.content-sqshasha2{position:absolute;width:100%;height:100%}
.squaremakal{width:100%}
.squaremakal:after{content:"";display:block;padding-bottom:90%}
a{color:#000;}
a:link {color:#000;}
.gframe{width :100%;}
  .gframe IFRAME{width :100%; height:300px;}
/*bootstrap----------------------------------------------------------------

@import '../inc/boot/pricing/pricing.css';
 */




  .rate {
      float: left;
      height: 46px;
      padding: 0 10px;
  }
  .rate:not(:checked) > input {
      position:absolute;
      top:-9999px;
  }
  .rate:not(:checked) > label {
      float:right;
      width:100;
      overflow:hidden;
      white-space:nowrap;
      cursor:pointer;
      font-size:20px;
      color:#ccc;
  }
  .rate:not(:checked) > label:before {
      content: '★ ';
  }
  .rate > input:checked ~ label {
      color: #ffc700;
  }
  .rate:not(:checked) > label:hover,
  .rate:not(:checked) > label:hover ~ label {
      color: #deb217;
  }
  .rate > input:checked + label:hover,
  .rate > input:checked + label:hover ~ label,
  .rate > input:checked ~ label:hover,
  .rate > input:checked ~ label:hover ~ label,
  .rate > label:hover ~ input:checked ~ label {
      color: #c59b08;
  }



 .tap-cl{  }
   .tap-cl p{padding:5px 10px !important;  color:#369;}
 .tap-cl i{ font-size: 30px;  width: 100% !important; margin-bottom: 10px; margin-top: 10px; text-align: center;}
 .swiper-story .swiper-slide {width:auto !important; min-width: 120px !important;}

 .my_cl{ padding: 10px 5px; text-align: center;  background: rgba(247,247,247,0.5); margin-bottom: 20px; color:#003362; border:1px solid #003362; font-size: 15px; font-weight: bold; border-radius: 3px;}
 .my_cl i{  font-size: 55px;  min-height: 80px; color: rgba(195,3,26,0.6);; }


  .my_cl2{ padding: 15px 5px; text-align: center;  background: #fff; margin-bottom: 20px; color:#369; font-size: 15px; font-weight: bold;}
  .my_cl2 i{  font-size: 27px; color: #369; margin-bottom:15px !important; }

    .my_cl3{ padding: 22px 5px; text-align: center;  background: #fff; margin-bottom: 30px; color:#369; font-size: 12px; font-weight: bold;}
    .my_cl3 i{  font-size:37px; color: #369; }
.bg-cover {width: 100%; }
 .cd__main{
    position: relative;
    width: 360px !important;
    height: 720px;
    border: 2px solid #bbb;
 }
 /* end demo only */
 .mobile-bottom-nav {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1000;
   will-change: transform;
   transform: translateZ(0);
   display: flex;
   height: 50px;
   box-shadow: 0 -2px 5px -2px #ccc;
   background-color: #fff;
 }
 .mobile-bottom-nav__item {
   flex-grow: 1;
   text-align: center;
   font-size: 10px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
 .mobile-bottom-nav__item i{

    font-size: 18px;
    color:#003362 ;

  }
 .mobile-bottom-nav__item--active {
   color: #00549f ;
 }
 .mobile-bottom-nav__item-content {
   display: flex;
   flex-direction: column;
 }



 .prd {

 }
 .prd:nth-child(odd) {
      padding-top: 0px;
 }
 .prd:nth-child(even) {
      padding-top: 10px;
 }











 .comments-container {
 	margin: 60px auto 60px;
 	width: 100%;
 }

 .comments-container h1 {
 	font-size: 36px;
 	color: #283035;
 	font-weight: 400;
 }

 .comments-container h1 a {
 	font-size: 18px;
 	font-weight: 700;
 }

 .comments-list {
 	margin-top: 30px;
 	position: relative;
 }

 /**
  * Lineas / Detalles
  -----------------------*/
 .comments-list:before {
 	content: '';
 	width: 2px;
 	height: 100%;
 	background: #c7cacb;
 	position: absolute;
 	left: 32px;
 	top: 0;
 }

 .comments-list:after {
 	content: '';
 	position: absolute;
 	background: #c7cacb;
 	bottom: 0;
 	left: 27px;
 	width: 7px;
 	height: 7px;
 	border: 3px solid #dee1e3;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	border-radius: 50%;
 }

 .reply-list:before, .reply-list:after {display: none;}
 .reply-list li:before {
 	content: '';
 	width: 60px;
 	height: 2px;
 	background: #c7cacb;
 	position: absolute;
 	top: 25px;
 	left: -55px;
 }


 .comments-list li {
 	margin-bottom: 15px;
 	display: block;
 	position: relative;
 }

 .comments-list li:after {
 	content: '';
 	display: block;
 	clear: both;
 	height: 0;
 	width: 0;
 }

 .reply-list {
 	padding-left: 88px;
 	clear: both;
 	margin-top: 15px;
 }
 /**
  * Avatar
  ---------------------------*/
 .comments-list .comment-avatar {
 	width: 65px;
 	height: 65px;
 	position: relative;
 	z-index: 99;
 	float: left;
 	border: 3px solid #FFF;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
 	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
 	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
 	overflow: hidden;
 }

 .comments-list .comment-avatar img {
 	width: 100%;
 	height: 100%;
 }

 .reply-list .comment-avatar {
 	width: 50px;
 	height: 50px;
 }

 .comment-main-level:after {
 	content: '';
 	width: 0;
 	height: 0;
 	display: block;
 	clear: both;
 }
 /**
  * Caja del Comentario
  ---------------------------*/
 .comments-list .comment-box {
 	width: 680px;
 	float: right;
 	position: relative;
 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
 	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
 	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
 }

 .comments-list .comment-box:before, .comments-list .comment-box:after {
 	content: '';
 	height: 0;
 	width: 0;
 	position: absolute;
 	display: block;
 	border-width: 10px 12px 10px 0;
 	border-style: solid;
 	border-color: transparent #FCFCFC;
 	top: 8px;
 	left: -11px;
 }

 .comments-list .comment-box:before {
 	border-width: 11px 13px 11px 0;
 	border-color: transparent rgba(0,0,0,0.05);
 	left: -12px;
 }

 .reply-list .comment-box {
 	width: 610px;
 }
 .comment-box .comment-head {
 	background: #FCFCFC;
 	padding: 10px 12px;
 	border-bottom: 1px solid #E5E5E5;
 	overflow: hidden;
 	-webkit-border-radius: 4px 4px 0 0;
 	-moz-border-radius: 4px 4px 0 0;
 	border-radius: 4px 4px 0 0;
 }

 .comment-box .comment-head i {
 	float: right;
 	margin-left: 14px;
 	position: relative;
 	top: 2px;
 	color: #A6A6A6;
 	cursor: pointer;
 	-webkit-transition: color 0.3s ease;
 	-o-transition: color 0.3s ease;
 	transition: color 0.3s ease;
 }

 .comment-box .comment-head i:hover {
 	color: #03658c;
 }

 .comment-box .comment-name {
 	color: #283035;
 	font-size: 14px;
 	font-weight: 700;
 	float: left;
 	margin-right: 10px;
 }

 .comment-box .comment-name a {
 	color: #283035;
 }

 .comment-box .comment-head span {
 	float: left;
 	color: #999;
 	font-size: 13px;
 	position: relative;
 	top: 1px;
 }

 .comment-box .comment-content {
 	background: #FFF;
 	padding: 12px;
 	font-size: 15px;
 	color: #595959;
 	-webkit-border-radius: 0 0 4px 4px;
 	-moz-border-radius: 0 0 4px 4px;
 	border-radius: 0 0 4px 4px;
 }

 .comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {color: #03658c;}
 .comment-box .comment-name.by-author:after {
 	content: 'autor';
 	background: #03658c;
 	color: #FFF;
 	font-size: 12px;
 	padding: 3px 5px;
 	font-weight: 700;
 	margin-left: 10px;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 3px;
 }

 /** =====================
  * Responsive
  ========================*/
 @media only screen and (max-width: 766px) {
 	.comments-container {
 		width: 480px;
 	}

 	.comments-list .comment-box {
 		width: 390px;
 	}

 	.reply-list .comment-box {
 		width: 320px;
 	}
 }











.pname{width:auto;background:rgba(34,44,44,0.3);color:# FF0;padding:10px 5px;border-left:0 solid #77a1af;font-size:32px;text-align:left;font-family:'JF Flat Regular',Sans-Serif;line-height:30px}
.pdesc{width:auto;background:rgba(34,44,44,0.3);color:#fff;padding:10px 5px;border-left:0 solid #77a1af;font-size:17px;text-align:left;font-family:'JF Flat Regular',Sans-Serif;line-height:20px}

.my_img1{height:610px;}
.my_img2{height:240px;}
.my_img3{height:240px;}
.my_img4{height:240px;}
.my_img5{height:240px;}
.my_img6{height:240px;}
.my_img7{height:240px;}
.banner_tit{color:#002d62;text-align:center;font-size:24px;position:absolute;width:100%;top:40%}
.my_show{display:none;} .my_hidd{display:block}
.bannertext1{color:#e32429;font-size:38px;font-family:'GETWO',sans-serif;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc;padding-top:15px}
.my_banner1{padding-top:220px;}
.my_banner2{padding-top:270px;text-align:center;width:100%;max-width:500px;display:block;margin:auto}
.navo{background:#e32429;border-top:4px solid #e32429;border-bottom:4px solid #e32429}
.slider_title1{font-family: 'Nanum Gothic', sans-serif; font-size:35px;}
.slider_title2{ font-size:70px; letter-spacing:5px; padding-bottom:20px; margin-bottom:10px; font-weight:700; border-bottom:1px solid #000;}
.slider_title3{ font-size:16px; color:#666;}
@media only screen and (min-width:720px) and (max-width: 1300px) {
.my_hidd{display:block}
.my_show{display:none}
.navo{background:#e32429;border-top:4px solid #e32429;border-bottom:4px solid #e32429}
.my_img1{}
.my_img2{}
.my_img3{}
.my_img4{}
.my_img5{}
.my_img6{}
.my_img7{}
}
@media only screen and (max-width:719px) {
.pname{padding:3px 2px;font-size:12px;line-height:17px}
.pdesc{padding:3px 2px;font-size:10px;line-height:17px}
.my_hidd{display:none}
.column,.columns{margin:1% 0;overflow:hidden}
.one{width:100%}
.two{width:100%}
.three{width:100%}
.four{width:100%}
.five{width:100%}
.six{width:100%}
.seven{width:100%}
.eight{width:100%}
.nine{width:100%}
.ten{width:100%}
.eleven{width:100%}
.twelve{width:100%}
.arrow_left{height:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #262626;position:absolute;right:45%;z-index:2;top:97%}
.arrow_right{width:0;height:0;border-style:solid;border-width:10px 10px 0;border-color:#262626 transparent transparent;position:absolute;left:45%;z-index:2;top:0}
.banner_tit{color:#1d7dee;font-size:12px;bottom:10px}
.my_img1{height:auto}
.my_show{display:block}
.bannertext1{font-size:0;padding-top:1px}
.my_banner1{padding-top:5px}
.my_banner2{padding-top:30px}
.navo{background:#e32429;border-top:0 solid #e32429;border-bottom:0 solid #e32429}
.my_img1{ height:250px;}
.my_img2{}
.my_img3{}
.my_img4{}
.my_img5{}
.my_img6{}
.my_img7{}
.slider_title1{font-family: 'Nanum Gothic', sans-serif; font-size:15px;}
.slider_title2{ font-size:20px; letter-spacing:0px; padding-bottom:20px; margin-bottom:10px; font-weight:700; border-bottom:1px solid #000;}
.slider_title3{ font-size:0px; color:#666;}
}









.shadow1,.shadow2,.shadow3,.shadow4,.shadow5,.shadow6,.shadow7,.shadow8{position:relative;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1) inset}
.shadow1 h3,.shadow2 h3,.shadow3 h3,.shadow4 h3,.shadow5 h3,.shadow6 h3,.shadow7 h3,.shadow8 h3{width:87%;height:100px;margin-left:6%;border:2px dashed rgba(0,0,0,0.3);border-radius:5px}
.shadow1:before,.shadow1:after{position:absolute;content:"";bottom:12px;left:15px;top:80%;width:45%;background:#9B7468;z-index:-1;-webkit-box-shadow:0 20px 15px #9B7468;-moz-box-shadow:0 20px 15px #9B7468;box-shadow:0 20px 15px #9B7468;-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);transform:rotate(-6deg)}
.shadow1:after{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);transform:rotate(6deg);right:15px;left:auto}
.shadow2:before{position:absolute;content:"";width:80%;top:140px;bottom:15px;left:30px;background-color:#9F8641;z-index:-1;-webkit-box-shadow:0 23px 17px 0 #9F8641;-moz-box-shadow:0 23px 17px 0 #9F8641;box-shadow:0 23px 17px 0 #9F8641;-webkit-transform:rotate(-4deg);-moz-transform:rotate(-4deg);transform:rotate(-4deg)}
.shadow3:before,.shadow3:after{content:"";position:absolute;bottom:0;top:2px;left:15px;right:15px;z-index:-1;border-radius:100px/30px;-webkit-box-shadow:0 0 30px 2px #1cb09a;-moz-box-shadow:0 0 30px 2px #1cb09a;box-shadow:0 0 30px 2px #1cb09a}
.shadow4:before,.shadow4:after{position:absolute;content:"";top:14px;bottom:14px;left:0;right:0;box-shadow:0 0 25px 3px #548E7F;border-radius:100px/10px;z-index:-1}
.shadow5:before,.shadow5:after{position:absolute;content:"";box-shadow:0 10px 25px 20px #518C96;top:40px;left:10px;bottom:50px;width:15%;z-index:-1;-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);transform:rotate(-8deg)}
.shadow5:after{-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);transform:rotate(8deg);right:10px;left:auto}
.shadow6:before,.shadow6:after{position:absolute;content:"";top:100px;bottom:5px;left:30px;right:30px;z-index:-1;box-shadow:0 0 40px 13px #486685;border-radius:100px/20px}
.shadow7:before,.shadow7:after{position:absolute;content:"1";top:25px;left:20px;bottom:150px;width:80%;z-index:-1;-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);transform:rotate(-6deg)}
.shadow7:before{box-shadow:10px -10px 30px 15px #984D8E}
.shadow7:after{-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);transform:rotate(7deg);bottom:25px;top:auto;box-shadow:10px 10px 30px 15px #984D8E}
.shadow8{box-shadow:-6px -6px 8px -4px rgba(250,254,118,0.75),6px -6px 8px -4px rgba(254,159,50,0.75),6px 6px 8px -4px rgba(255,255,0,0.75),6px 6px 8px -4px rgba(0,0,255,2.75)}


/* Special grids ----------------------------------------------------------------------- */
.column,.columns{display:block;float:right;margin:0 1%}
.one{width:6.333%}
.two{width:14.666%}
.three{width:22.999%}
.four{width:31.332%}
.five{width:39.665%}
.six{width:47.998%}
.seven{width:56.331%}
.eight{width:64.664%}
.nine{width:72.997%}
.ten{width:81.33%}
.eleven{width:89.663%}
.twelve,.full{width:98%}
.oneHalf,.twoFourths,.half{width:47.998%}
.oneThird{width:31.332%}
.twoThirds{width:64.664%}
.oneFourth,.oneQuarter{width:22.999%}
.threeFourths{width:72.997%}


.myy { float: left; display:block; }

.box100 { width: 100%; }
.box90 { width: 90%; }
.box80 { width: 80%; }
.box70 { width: 70%; }
.box60 { width: 60%; }
.box50 { width: 50%; }
.box40 { width: 40%; }
.box30 { width: 30%; }
.box20 { width: 20%; }
.box10 { width: 10%; }
.box33 { width: 33.333333333333336%; }
.box66 { width: 16.66666666666667%; }
.box77 { width: 14.28571428571429%; }
.box88 { width: 12.5%; }
.box25 { width: 25%; }
.box20 { width: 20%; }
 .side{ display:block;}

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {

.box100 { width: 100%; }
.box90 { width: 90%; }
.box80 { width: 80%; }
.box70 { width: 70%; }
.box60 { width: 60%; }
.box50 { width: 50%; }
.box40 { width: 40%; }
.box30 { width: 30%; }
.box20 { width: 20%; }
.box10 { width: 10%; }
.box33 { width: 33.333333333333336%; }
.box66 { width: 16.66666666666667%; }
.box77 { width: 14.28571428571429%; }
.box88 { width: 12.5%; }
.box25 { width: 25%; }
.box20 { width: 20%; }
 .side{ display:none;}

}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 500px) and (orientation: portrait) {
.box100 { width: 100%; }
.box90 { width: 100%; }
.box80 { width: 100%; }
.box70 { width: 100%; }
.box60 { width: 100%; }
.box50 { width: 100%; }
.box40 { width: 100%; }
.box30 { width: 100%; }
.box20 { width: 100%; }
.box10 { width: 100%; }
.box33 { width: 100%; }
.box25 { width: 100%; }
.box20 { width: 100%; }
.box66 { width: 100%; }
.box77 { width: 100%; }
.box88 { width: 100%; }
 .side{ display:none;}

}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
.box100 { width: 100%; }
.box90 { width: 100%; }
.box80 { width: 100%; }
.box70 { width: 100%; }
.box60 { width: 100%; }
.box50 { width: 100%; }
.box40 { width: 100%; }
.box30 { width: 100%; }
.box20 { width: 100%; }
.box10 { width: 100%; }
.box33 { width: 100%; }
.box25 { width: 100%; }
.box20 { width: 100%; }
.box66 { width: 100%; }
.box77 { width: 100%; }
.box88 { width: 100%; }
 .side{ display:none;}


}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
.box100 { width: 100%; }
.box90 { width: 100%; }
.box80 { width: 100%; }
.box70 { width: 100%; }
.box60 { width: 100%; }
.box50 { width: 100%; }
.box40 { width: 100%; }
.box30 { width: 100%; }
.box20 { width: 100%; }
.box10 { width: 100%; }
.box33 { width: 100%; }
.box25 { width: 100%; }
.box20 { width: 100%; }
.box66 { width: 100%; }
.box77 { width: 100%; }
.box88 { width: 100%; }
 .side{ display:none;}

}