@import 'form.css';
@import 'ar_fonts.css';
@import 'font-awesome.css';
 @import 'my.css';
@import 'my2.css';
@import 'mega.css';
@import 'team.css';
@import 'css/elements/note.css';
@import 'css/elements/heading.css';
@import 'css/elements/social-share.css';
@import 'css/elements/list.css';
@import 'css/elements/buttons.css';
@import 'css/elements/carousel.css';
@import 'css/elements/breadcrumb.css';
@import 'css/elements/link-effects.css';
@import 'css/elements/post-grid.css';
@import 'css/elements/member.css';
@import 'css/elements/table.css';
@import 'css/elements/tabs.css';
@import 'css/elements/modal.css';
@import 'css/elements/animate.css';

/*
@import 'css/elements/accordion.css';
@import 'css/elements/box.css';
@import 'css/elements/breadcrumb.css';

@import 'css/elements/calltoaction.css';
@import 'css/elements/flipbox.css';
@import 'css/elements/form.css';
@import 'css/elements/image-caption.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/testimonial.css';
@import 'css/elements/timeline.css';*/

@import url('https://fonts.googleapis.com/css?family=Anton|Arimo|Black+Han+Sans|Cabin|Fira+Sans|Fjalla+One|Hind|Muli|Nanum+Gothic|Noto+Serif|Nunito|Open+Sans|Open+Sans+Condensed:300|PT+Sans+Narrow|Roboto|Sunflower:300|Ubuntu');

.square {
    position: relative;
    width: 100%
  }

  .square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }

  .content-sq {
    position: absolute;
    width: 100%;
    height: 100%; background: #ccc;
  }

  .rate {

      height: 46px;
      padding: 0 10px;
  }
  .rate:not(:checked) > input {
      position:absolute;
      top:-9999px;
  }
  .rate:not(:checked) > label {
      float:right;
      width:1em;
      overflow:hidden;
      white-space:nowrap;
      cursor:pointer;
      font-size:30px;
      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;
  }




 .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;
 	}
 }


















 .rating{  list-style:none;text-align:right;display:block}
.rating li{color:#ffd200;font-size:13px;display:inline-block}
.rating li.disable{color:#dcdcdc}






.lSSlideWrapper{max-width:100%;overflow:hidden;position:relative}
.lSSlideWrapper>.lightSlider:after{clear:both}
.lSSlideWrapper .lSSlide{-webkit-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}
.lSSlideWrapper .lSFade{position:relative}
.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}
.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}
.lSSlideWrapper .lSFade>*.active{z-index:10}
.lSSlideWrapper.usingCss .lSFade>*.active{opacity:1}
.lSPager{width:100%;text-align:center; font-size:0px;}
.lSPager li{display:inline-block}
.lSPager li a{display:block;padding:5px}
.lSPager li.active a{color:#000}
.lSAction a{width:20px;height:20px;display:block;border-radius:50%;border:solid 1px #000;cursor:pointer;color:#000;text-align:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.lSAction a.lSPrev{left:10px}
.lSAction a.lSPrev:before{content:'<';display:block}
.lSAction a.lSNext{right:10px}
.lSAction a.lSNext:before{content:'>';display:block}
.lSAction a.disabled{pointer-events:none}
.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}
.lSSlideOuter{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{padding-left:0;list-style:none outside none}
.lSSlideOuter .lightSlider>*{float:left}
.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}
.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}
.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}
.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}
.lightSlider{overflow:hidden;margin:0}
.lightSlider:before,.lightSlider:after{content:" ";display:table}
.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
ul{list-style:none outside none;padding-left:0;margin:0}
.demo .item{margin-bottom:1px}
.content-slider { }
.content-slider ul{ }
.content-slider li{ }
.content-slider h3{ }


 .product-card{
    position: relative;
    background: #ffffff;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 7px 25px -10px rgba(0,0,0,0.33);
    transition: all 0.5s ease;
  }


  .product-card *{
    transition: all 0.5s ease;
  }

  .product-card .product-link{
    display: block;
  }

  .product-card:hover{
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.25);
    transform: translateY(-3px);
  }

  .product-card:hover .product-link,
  .product-card .product-link:focus{
      text-decoration: none;
  }

  .product-card .product-link img{
    background: #eee;
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: top;
  }

  .product-card:hover .product-link img{
    height: 240px;

  }

  .product-card .overlay{
    display: block;
    width: 100%;
    height: 340px;
    background: rgba(0,0,0,.25);
    position: absolute;
    top: 0;
    opacity: 0;
  }
  .product-card:hover .overlay{
    height: 240px;
    opacity: 1;
  }

  .product-card .info{
    padding: 2.2rem;
    display: flex;
    background: linear-gradient(rgba(0,0,0,0.025),transparent );
  }

  .product-card:hover .info{

  }


  .product-card .info .title{
    font-size: 14px;
     font-weight: 500;
    color: #555555;
    font-family:'Muli';
  }

  .product-card .info .price{
     font-weight: 500;
    font-size: 13px;
    float: right;
    color: #e94f14; padding-left: 5px;
  }


  .product-card .info .price .woocommerce-Price-currencySymbol{
    font-size: 13px; text-decoration: line-through;
    vertical-align: top;   padding-left: 5px;
  }
  .product-card .button-wrap{
    position: absolute;
    bottom: -50px;
    right: 0;
    left: 0;
    width: 100; background: #fff;
  }

  .product-card:hover .button-wrap{
    bottom: 2.8rem;

  }
  .product-card .button-wrap .button:hover{
    transform: none;
  }

  .product-card .button-wrap .button.cart{
    float: right;
    border-radius:0px!important;
    padding: 0.6rem 0.2rem;  background: #eee;
  }

  .product-card .button-wrap .button.wish{
    float: left;
    margin-left: 0.5rem;
    width: 3.8rem;
    height: 3.8rem;
    padding: 1rem 1.33rem;
    background-color: #eee;
    color: #bbbbbb;
    box-shadow: none;
  }
  .product-card .button-wrap .button.compare{
    float: left;
    margin-left: 0.5rem;
    width: 3.8rem;
    height: 3.8rem;
    padding: 1rem 1.33rem;
    background-color: #eee;
    color: #bbbbbb;
    box-shadow: none;
  }

  .product-card .button-wrap .button.view{
    float: left;
    margin-left: 0.5rem;
    width: 3.8rem;
    height: 3.8rem;
    padding: 1rem 1.33rem;
    background-color: #eee;
    color: #bbbbbb;
    box-shadow: none;
  }

  .product-card .button-wrap .button.wish:hover{
    float: left;
    margin-left: 0.5rem;
    width: 3.8rem;
    height: 3.8rem;
    padding: 1rem 1.33rem;
    background-color: #f44336;
    box-shadow: none;
  }
  .product-card .button-wrap .button.compare:hover{
    float: left;
    margin-left: 0.5rem;
    width: 3.8rem;
    height: 3.8rem;
    padding: 1rem 1.33rem;
    background-color: #f44336;
    box-shadow: none;
  }
  .product-card .button-wrap .button.view:hover{
    float: left;
    margin-left:  0.5rem;
    width: 3.8rem;
    height: 3.8rem;
    padding: 1rem 1.33rem;
    background-color: #f44336;
    box-shadow: none;
  }
  .product-card .button-wrap .button.wish:hover i{

  }


  .homepr{margin-bottom: 30px;}




#search{
    font-family:'Muli';
}






  /* Fixed Bar */
  #barTop {
  	position: fixed;
  	top: 0;
  	left: 0; padding: 4px 0px;
  	width: 100%;
  	background: rgba(0,0,0,1);
    z-index: 99999999; color: #f3f3f3;
  }


  /* Fixed Bar */
  #barBottom {
  	position: fixed;
  	bottom: 15px;
  	left: 0; padding: 4px 0px;
  	width: 100%;

    z-index: 99999999; color: #f3f3f3;
  }













  .color-picker {
    font-size: 0;
  }
  .color-picker__item {
    display: inline-block;
  }
  .color-picker__item + .color-picker__item {
    margin-left: 10px;
  }
  .color-picker__item:hover {
    cursor: pointer;
  }
  .color-picker__input {
    display: none;
  }
  .color-picker__input:checked + .color-picker__color:after {
    content: "";
  }
  .color-picker__input:disabled + .color-picker__color {
    opacity: 0.5;
  }
  .color-picker__input:disabled + .color-picker__color:hover {
    cursor: not-allowed;
  }
  .color-picker__color {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
  }
  .color-picker__color:hover {
    cursor: pointer;
  }
  .color-picker__color:after {
    pointer-events: none;
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    outline: 2px solid black;
    content: none;
  }
  .color-picker__color--black {
    background: #000000;
  }
  .color-picker__color--white {
    background: #FFFFFF;
  }
  .color-picker__color--color1 {
    background: #4777af;
  }
  .color-picker__color--color2 {
    background: #90cdf0;
  }
  .color-picker__color--color3 {
    background: #46b064;
  }
  .color-picker__color--color4 {
    background: #d2dcbb;
  }
  .color-picker__color--color5 {
    background: #f58357;
  }
  .color-picker__color--color6 {
    background: #b65689;
  }
  .color-picker__color--color7 {
    background: #c775b0;
  }
  .color-picker__color--color8 {
    background: #e4564a;
  }
  .switch-field {
  	display: flex;
  	margin-bottom: 36px;
  	overflow: hidden;
  }

  .switch-field input {
  	position: absolute !important;
  	clip: rect(0, 0, 0, 0);
  	height: 1px;
  	width: 1px;
  	border: 0;
  	overflow: hidden;
  }

  .switch-field label {
  	background-color: #e4e4e4;
  	color: rgba(0, 0, 0, 0.6);
  	font-size: 14px;
  	line-height: 1;
  	text-align: center;
  	padding: 8px 16px;
  	margin-right: -1px;
  	border: 1px solid rgba(0, 0, 0, 0.2);
  	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  	transition: all 0.1s ease-in-out;
  }

  .switch-field label:hover {
  	cursor: pointer;
  }

  .switch-field input:checked + label {
  	background-color: #548E7F;
  	box-shadow: none;
  }



  /* This is just for CodePen. */


  /*
    UI Styles: Checkbox Core
  */






  a.button{
      background: #e94f14;
      display: inline-block;
      padding: 1rem 2rem;
      font-family: 'Open Sans',sans-serif;
      font-weight: 800!important;
      font-size: 16px;
      -webkit-border-radius: 100px!important;
         -moz-border-radius: 100px!important;
              border-radius: 100px!important;
    transition: all 0.3s ease;
      color: #ffffff;
      margin-top: 0.5rem;
      -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.133);
         -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.133);
              box-shadow: 0 2px 15px rgba(0, 0, 0, 0.133);
  }
  a.button:hover{
    text-decoration: none;
      -webkit-transform: translateY(-3px);
         -moz-transform: translateY(-3px);
          -ms-transform: translateY(-3px);
           -o-transform: translateY(-3px);
              transform: translateY(-3px);
      -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
         -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
              box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
  }

   a.button:active{
      background: #e94f14;
      border-color: #e94f14;
  }

  a.button.more {
      margin-top: 2rem;
  }


  /* Hiding the checkbox, but allowing it to be focused */
  .badgebox
  {
      opacity: 0;
  }

  .badgebox + .badge
  {
      /* Move the check mark away when unchecked */
      text-indent: -999999px;
      /* Makes the badge's width stay the same checked and unchecked */
    width: 17px;
  }

  .badgebox:focus + .badge
  {
      /* Set something to make the badge looks focused */
      /* This really depends on the application, in my case it was: */

      /* Adding a light border */
      box-shadow: inset 0px 0px 1px;
      /* Taking the difference out of the padding */
  }

  .badgebox:checked + .badge
  {
      /* Move the check mark back when checked */
    text-indent: 0;
  }



 .product{
 	border: 1px solid #dddddd;
 	height: 321px;
 }

 .product>img{
 	max-width: 230px;
 }

 .product-rating{
 	font-size: 20px;
 	margin-bottom: 25px;
 }

 .product-title{
 	font-size: 20px;
 }

 .product-desc{
 	font-size: 14px;
 }

 .product-price{
 	font-size: 22px;
 }

 .product-stock{
 	color: #74DF00;
 	font-size: 20px;
 	margin-top: 10px;
 }

 .product-info{
 		margin-top: 50px;
 }

 /*********************************************
 					VIEW
 *********************************************/

 /*********************************************
 				ITEM
 *********************************************/

 .service1-items {
 	padding: 0px 0 0px 0;
 	float: left;
 	position: relative;
 	overflow: hidden;
 	max-width: 100%;
 	height: 321px;
 	width: 130px;
 }

 .service1-item {
 	height: 107px;
 	width: 120px;
 	display: block;
 	float: left;
 	position: relative;
 	padding-right: 20px;
 	border-right: 1px solid #DDD;
 	border-top: 1px solid #DDD;
 	border-bottom: 1px solid #DDD;
 }

 .service1-item > img {
 	max-height: 110px;
 	max-width: 110px;
 	opacity: 0.6;
 	transition: all .2s ease-in;
 	-o-transition: all .2s ease-in;
 	-moz-transition: all .2s ease-in;
 	-webkit-transition: all .2s ease-in;
 }

 .service1-item > img:hover {
 	cursor: pointer;
 	opacity: 1;
 }

 .service-image-left {
 	padding-right: 50px;
 }

 .service-image-right {
 	padding-left: 50px;
 }

 .service-image-left > center > img,.service-image-right > center > img{
 	max-height: 155px;
 }

 .enfont1{   font-family: 'Ubuntu', sans-serif;}
 .enfont2{   font-family: 'Muli', sans-serif;}
 .enfont3{   font-family: 'Anton', sans-serif;}
 .enfont4{   font-family: 'Nanum Gothic', sans-serif;}
 .enfont5{   font-family: 'Fira Sans', sans-serif;}
 .enfont6{   font-family: 'Nunito', sans-serif;}
 .enfont7{   font-family: 'Noto Serif', serif;}
 .enfont8{   font-family: 'PT Sans Narrow', sans-serif;}
 .enfont9{   font-family: 'Arimo', sans-serif;}
 .enfont10{  font-family: 'Open Sans Condensed', sans-serif;}
 .enfont11{   font-family: 'Open Sans', sans-serif;}
 .enfont12{    font-family: 'Sunflower', sans-serif;}
 .enfont13{   font-family: 'Roboto', sans-serif;}
 .enfont14{  font-family: 'Cabin', sans-serif;}
 .enfont15{  font-family: 'Hind', sans-serif;}
 .enfont16{  font-family: 'Fjalla One', sans-serif;}
 .enfont17{  font-family: 'Black Han Sans', sans-serif;}



 @font-face{font-family:'Monoton';font-style:normal;font-weight:400;src:local(Monoton),local(Monoton-Regular),url(http://themes.googleusercontent.com/static/fonts/monoton/v4/AKI-lyzyNHXByGHeOcds_w.woff) format("woff")}
@font-face{font-family:'Iceland';font-style:normal;font-weight:400;src:local(Iceland),local(Iceland-Regular),url(http://themes.googleusercontent.com/static/fonts/iceland/v3/F6LYTZLHrG9BNYXRjU7RSw.woff) format("woff")}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local(Pacifico-Regular),url(http://themes.googleusercontent.com/static/fonts/pacifico/v5/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff) format("woff")}
.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_hidd{display:block}
.column,.columns{display:block;float:left;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%}
.last,.omega,.end{margin:0!important}
.arrow_left{height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #262626 transparent transparent;position:absolute;right:0;z-index:2;top:45%}
.arrow_right{width:0;height:0;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #262626;position:absolute;left:0;z-index:2;top:45%}
.arrow_down{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}
.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;}
.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}
.txtshadow{text-shadow:-1px -1px 0 #276FBF ,1px -1px 0 #276FBF ,-1px 1px 0 #276FBF ,1px 1px 0 #276FBF ; }
.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{padding:10px ; text-transform:uppercase;   font-family: 'Hind', sans-serif; text-align:center;   font-size: 27px;  color:#fff; background:#276FBF ; border-radius:10px; text-align:center;}


.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{}
}

#my_show{display:none;}
#my_hidd{display:block}
.mlogo{height: 70px; width: auto; max-width: 100%;}
.headbar{padding-top:20px; padding-bottom:20px;}
@media only screen and (max-width:719px) {
    #my_hidd{display:block}
#my_show{display:none}
.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-size:12px;}
.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;}
}






















.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;}

}