/* Include this file in your html if you are using the CSP mode. */
@charset "UTF-8";
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {display: none !important;}
ng\:form {display: block;}
.ng-animate-shim {visibility:hidden;}
.ng-anchor {position:absolute;}
/* My CSS */
body{color:#000;background-color:#ffffcc !important;font-family: 'Roboto Condensed', sans-serif;font-size:16px;line-height:150%;overflow:auto;margin:0;padding:0;top: 0 !important;}
h1,h2,h3,h4,h5{color:#000;font-family: 'Roboto Condensed', sans-serif;font-weight:normal;}
a{color:red;}
ul li{list-style-type:none;}
ul.social{list-style: none;margin: auto;padding: 0;margin-bottom: -4px;text-align: center;height: 50px;background: #f2f2f2;}
ul.social li{list-style:outside none none;display:inline;font-weight:bold;margin:0;padding:.5em;}
ul.social li a{list-style:outside none none;font-weight:bold;line-height:150%;font-family: 'Roboto Condensed', sans-serif;margin-right:5px;z-index:20;padding:6px 5px 5px 0px;display:inline;}
ul.links{list-style: none;margin: auto;padding: 15px 0px 0px 0px;text-align: center;width: 80%;}
ul.links li{list-style:outside none none;font-weight:bold;line-height:150%;font-family: 'Roboto Condensed', sans-serif;margin-right:0px;z-index:20;padding:10px;display:inline;}
ul.links li a:hover {background-color: transparent; color:#1e90ff;text-decoration:none;}
ul.links li a:active {background-color: transparent; color:#1e90ff;text-decoration:none;}
ul.links li a:focus {background-color: transparent; color:#1e90ff;text-decoration:none;}
ul.pagination{margin-left:2%;position: absolute;}
ul.social li a:hover,ul.links li a:hover,.nav a:hover{text-decoration:none;}
a.ng-binding,.ng-scope a{text-decoration:none;color:#777777;}
a.ng-binding:hover,.ng-scope a:hover{text-decoration:none;color:#000;}
.container-gal{width:800px;}
.container-blog{max-width: 1200px;margin-left:auto;margin-right:auto;margin-top:15px;padding-left:15px;padding-right:15px;}
.hr-my{height: 10px;background: rgb(242, 242, 242) none repeat scroll 0% 0%;}
.main{position:relative;width:100%;transition:all linear 0.5s;margin-right:auto;margin-left:auto;}
.main_web{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:1875px;margin-top:25px;}
.main_web_modal {position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 1875px;margin-top: 0px;}
.main0{height: 120px;position: relative;margin-left:21rem;padding-left: 1rem;padding-right: 1rem;width: 63em;top: 0; position: fixed;z-index: 101;background: url('../img/bg_new.png') repeat;border-bottom:7px solid #70c7fe;}
.welcome-home{font-size: 24px;font-weight: bold;margin-top: 40px;margin-left:280px;color:#70c7fe;}
.logo-hr{margin-top:13px;margin-bottom:27px;height:6px;background-color: #70c7fe;}
.logo-home{position:absolute;padding:20px;margin-left:10%;}
.logo-head{display:block;}
.modal-button-close{float:right;}
.modal-xl {width: 960px !important;}
.main h2{font-size:200%;line-height:120%;margin:0;}
.date-create{text-decoration:none;float:right;color:#9d9d9d;}
.nav-active {background-color:#fff;opacity:0.75;border:1px solid #1E90FF;width:100%;}
.post-list{margin-top:0;padding:0;}
.post-list h2{padding-bottom:0;}
.dir-pagesize {}
.post-date,.after{font-style:italic;}
/* for galleryy */
.arrow-gal {cursor: pointer;display: block;height: 64px;margin-top: 50%;outline: medium none;position: absolute;top: 50%;width: 64px;z-index: 5;}
.arrow-gal.prev {background-image: url("/load/img/prev.png");left: 20px;opacity: 0.2;transition: all 0.2s linear 0s;}
.arrow-gal.next {background-image: url("/load/img/next.png");opacity: 0.2;right: 20px;transition: all 0.2s linear 0s;}
.arrow-gal.prev:hover{opacity:1;}
.arrow-gal.next:hover{opacity:1;}
.nav-gal {bottom: -4px;display: block;height: 48px;left: 0;margin: 0 auto;padding: 1em 0 0.8em;position: absolute;right: 0;text-align: center;width: 100%;z-index: 5;}
.nav-gal li {border: 5px solid #AAAAAA;border-radius: 5px;cursor: pointer;display: inline-block;/*height: 30px;*/margin: 0 8px;position: relative;width: 50px;}
.nav-gal li.active {border: 5px solid #FFFFFF;}
.nav-gal li img {width: 100%;}
.slider-gal {border: 1px solid #FFFFFF;border-radius: 5px;/*height: 700px;*/ width: 100%;margin: 20px auto;position: relative;-webkit-perspective: 1000px;-moz-perspective: 1000px;-ms-perspective: 1000px;-o-perspective: 1000px;perspective: 1000px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;}
.slide-gal {position: absolute;top: 0;left: 0;}
.slide-gal.ng-hide-add {opacity:1;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;}
.slide-gal.ng-hide-add.ng-hide-add-active {opacity:0;}
.slide-gal.ng-hide-remove {-webkit-transition:0.5s linear all;-moz-transition:0.5s linear all;-o-transition:0.5s linear all;transition:0.5s linear all;display:block!important;opacity:0;}
.slide-gal, .slide-gal.ng-hide-remove.ng-hide-remove-active {opacity:1;}
.wrapper { display: none; }
/* button for modal */
.btnzq {border: none;font-size: 15px;background: none;cursor: pointer;padding: 4px 5px;display: inline-block;outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btnzq:after {content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btnzq:before {font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;position: relative;-webkit-font-smoothing:antialiased;}
.btnzq-4 {border-radius: 0px;border: 1px solid #000;color: #000;overflow: hidden;background:#fff;opacity: 0.7;}
.btnzq-4:active {border-color: #000;color: #000;}
.btnzq-4:hover {background: #000;color: #fff;border-color: #000;}
.btnzq-4:before {position: absolute;height: 100%;font-size: 125%;line-height: 3.5;color: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btnzq-4:active:before {color: #000;}
.btnzq-4a:before {left: 130%;top: 0;}
.btnzq-4a:before {left: 80%;}
a{color:#000; text-decoration:none; cursor: pointer;}
h3{margin:5px 0 5px; cursor: pointer;}
.tabs ul{list-style-type: none; height: 21px; margin: 0; padding: 0;}
.tabs ul li{float:left; padding: 0 10px; margin: 0 15px 0; border-bottom: solid 3px #333; cursor: pointer;}
.text-system-1{font-weight: 100;font-style: normal;color: #333333;font-size: 50px;line-height: 1.4;letter-spacing: 0px;padding-bottom:40px;padding-top:80px;}
.text-system-2{font-weight: 400;font-style: normal;font-family: 'Lato', sans-serif;color: #39cafa;font-size:24px;line-height:2.3;letter-spacing:0px;}
.text-system-3{font-weight: 300;font-style: normal;font-family: 'Lato', sans-serif;color: #333333;font-size: 50px;line-height: 1.4;letter-spacing: 0px;padding-bottom:30px;padding-top:0px;}
.text-system-parallax{font-weight: 300;font-style: normal;font-family: 'Lato', sans-serif;color: #333;font-size: 50px;line-height: 1.4;letter-spacing: 0px;padding-bottom:30px;padding-top:0px;}
.text-system-4{font-weight: 200;font-style: normal;color: #777;line-height: 1.4;letter-spacing: 0px;padding-bottom:40px;padding-top:80px;}
.text-system-5{font-weight: 100;font-style: normal;color: #333333;margin:5px 0;font-size: 35px;line-height: 1.4;letter-spacing: 0px;display:block;}
/* color spinner loading */
.loading_recent_blog{font-size:48px;color:#1E90FF;margin-bottom:25%;}
.loading_article_spinner{font-size:48px;color:#1E90FF;margin-bottom:25%;}
/* Blog settings desktop */
.recent_title_blog{font-size:30px;}
.recent_rpt_blog{padding-bottom:25px;padding-top: 15px;}
.recent_li_blog{margin-top:10px;}
.head_blog{max-width: 75em;margin-left:auto;margin-right:auto;padding-top: 0px;padding-bottom: 0px;}
.row_blog{background:#fff;margin-left:auto;margin-right:auto;}
.blogrpt{padding-left:15px;padding-right:15px;padding-bottom:77px;}
.title_blog{position:relative;color:#333333;text-decoration:none;font-size:36px;font-weight:400;font-style:normal;}
.date_blog{position:relative;}
.date_blog_span{color: #9d9d9d;padding-top:5px;padding-bottom:10px;font-weight: 300;font-style: normal;font-family: 'Lato', sans-serif;line-height: 1.7;letter-spacing: 0px;}
.date_blog_span1{margin-left:20px;}
.img_blog{width:100%;max-width:100%;}
.img_blog_div{}
.bitdescription_blog_div_desktop{position:relative;}
.bitdescription_blog_div_mobile{display:none;}
.bitdescription_blog{overflow: hidden;text-overflow: ellipsis;cursor: pointer;/*margin: 0px 0px 0px 40px;*/font-weight: 300;font-style: normal;font-family: 'Lato', sans-serif;color: #777777;font-size: 20px;line-height: 1.7;letter-spacing: 0px;}
.readmore_blog{position:relative;padding-bottom: 10px;}
.description_article{margin: 0px 0px 0px 10px;font-weight: 300;font-style: normal;font-family: sans-serif;color: rgb(119, 119, 119);font-size: 20px;line-height: 1.4;letter-spacing: 0px;padding: 0px 50px 0px 0px;}
.img_article {float:left;margin-right:2%;width:44%;padding-bottom: 10px;}
.head_article{max-width: 75em;margin-left:auto;margin-right:auto;padding-top: 0px;padding-bottom: 30px;}
.block_article{padding: 40px 10px 0px 10px;}
.row_article{max-width: 75em;margin-left: auto;margin-right: auto;}
.recent-articles{}
.blog-grid {width: 100%;overflow: auto;}
.blog-grid > div {min-width: 125px;display: block;vertical-align: top;margin-bottom: 35px;border-bottom: solid #ccc 2px;}
.blog-grid .title_blog {display: block;font-weight: bold;font-size: 18px;color: #ff4800;margin-bottom: 4px;}
.blog-grid .img_blog_div {display: block;margin-bottom: 0px;cursor: pointer;/*height: 400px;text-align: center;*/}
.blog-grid .bitdescription_blog_div_desktop {padding: 5px 10px 0px 10px;display: block;cursor: pointer;/*max-width:600px;min-height: 185px;*/}
.blog-grid .bitdescription_blog_div_mobile {display: none;}
.blogimg-width {width: 50%;}
.margin-top-blog-div {}
.margin-top-video-div {margin-top: 30px;}
  /* button for modal */
.blog-grid > div:hover {}
.blog-grid > div:hover .hover-item-block{display:block;}
  /*  end blog settings desktop  */
.scrollup{width:50px;height:50px;opacity:0.5;position:fixed;bottom:75px;right:100px;display:none;text-indent:-9999px;background: url('../img/icon_top.png') no-repeat;}
.not-visible{visibility: hidden;}
.notmb{}
.notmb-less-1280{display:block;}
.notdesktop{display:none;}
/* button back */
.btnz {width: 120px;border: none;font-size: inherit;padding: 10px;background: none;cursor: pointer;display: inline-block;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;outline: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btnz:after {content: '';position: absolute;z-index: -1;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.btnz:before {font-family: 'FontAwesome';font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;position: relative;-webkit-font-smoothing:antialiased;}
.btnz-4 {border-radius: 0px;border: 3px solid #70c7fe;color: #70c7fe;overflow: hidden;}
.btnz-4:active {border-color: #70c7fe;color: #70c7fe;}
.btnz-4:hover {background: #70c7fe;color: #fff;border-color: #70c7fe;}
.btnz-4:before {position: absolute;height: 100%;font-size: 125%;line-height: 3.5;color: #fff;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.btnz-4:active:before {color: #70c7fe;}
.btnz-4a:before {left: 130%;top: 0;}
.btnz-4a:before {left: 80%;}
/****************************/
/* For Mobile version */
@media screen and (max-width:768px) {
    .hr-my{height: 0px;background: rgb(242, 242, 242) none repeat scroll 0% 0%;}
    ul.links{margin:0;padding:.5em;}
    ul.links li{list-style:outside none none;font-weight:bold;line-height:150%;font-family: 'Roboto Condensed', sans-serif;display:inline;}
    ul.links li a:hover {background-color: transparent; color:#1e90ff;text-decoration:none;}
    ul.links li a:active {background-color: transparent; color:#1e90ff;text-decoration:none;}
    ul.links li a:focus {background-color: transparent; color:#1e90ff;text-decoration:none;}
    ul.links li.hidemenu {display:none;}
    ul.social,.summary{display:none;}
    ul.categories li {margin:0;padding:15px;border:solid 1px #70c7fe;background:#70c7fe;color:white;}
    ul.categories li:hover {margin:0;padding:15px;border:solid 1px #70c7fe;background:#fff;cursor:pointer;color:#0990e6;}
    ul.categories_dropdown li {margin:0;padding:15px;border-top:solid 1px #70c7fe;background:#fff;color:#0990e6;}
    ul.categories_dropdown li:hover {margin:0;padding:15px;border-top:solid 1px #70c7fe;background:#70c7fe;cursor:pointer;color:white;}
    ul.pagination{margin-left:1%;}
    .back{float:right;margin-right:20%;font-weight:bold;}
    .nav-active {background-color:#e4effc;opacity:0.75;border:1px solid #238cff;/*margin-left:auto;margin-right:auto;*/text-align:center;width: 100px;}
    .main{position:relative;margin-left:0px;padding-left:0.5rem;padding-right:1rem;max-width:50em;top:-10px;}
    .main_web{position:relative;margin-left:0.3rem;padding-left:0.3rem;padding-right:0.3rem;max-width:50em;top:-10px;}
    .main0{display:none;}
    .logo-hr{display:none;}
    .date-create{display:none;}
    .dir-pagesize{display:none;}
    .scrollup{visibility:hidden;}
    .text-system-1{font-weight: 100;font-style: normal;color: #333333;font-size: 20px;line-height: 1.2;letter-spacing: 0px;padding-bottom: 0px;padding-top: 0px;}
    .text-system-2{font-weight: 400;font-style: normal;font-family: 'Lato', sans-serif;color: #39cafa;font-size:24px;line-height:2.3;letter-spacing:0px;}
    .text-system-3{font-weight: 300;font-style: normal;font-family: 'Lato', sans-serif;color: #333333;font-size: 50px;line-height: 1.4;letter-spacing: 0px;padding-bottom:30px;padding-top:0px;}
    .text-system-4{font-weight: 100;font-style: normal;color: #777;line-height: 1.4;letter-spacing: 0px;padding-bottom:20px;padding-top:20px;}
    .text-system-5{display: none;}
    .notmb {display:none !important;}
    /* Blog settings mobile */
    .head_blog{max-width: 75em;margin-left: auto;margin-right: auto;padding-top: 0px;padding-bottom: 0px;}
    .row_blog{max-width: 37em;margin-left: auto;margin-right: auto;padding-top: 0px;padding-bottom: 10px;}
    .bitdescription_blog_div_desktop{display:none}
    .bitdescription_blog_div_mobile{position:relative;display:block;}
    .date_blog{display:none;}
    .title_blog{position: relative;color: #333333;text-decoration: none;font-size: 18px;font-weight: 200;font-style: normal;}
    .margin-top-blog-div {margin-top: 30px;}
    .blogimg-width{width: 77% !important;}
    .bitdescription_blog{margin: 0px 0px 0px 10px;font-weight: 300;font-style: normal;font-family: sans-serif;color: rgb(119, 119, 119);font-size: 14px;line-height: 1.2;letter-spacing: 0px;padding: 0px 20px 0px 0px;}
    .description_article{margin: 0px 0px 0px 10px;font-weight: 300;font-style: normal;font-family: sans-serif;color: rgb(119, 119, 119);font-size: 14px;line-height: 1.2;letter-spacing: 0px;padding: 0px 20px 0px 0px;}
    .img_article {float: left;margin-right:10px;width:50%;}
    .head_article{max-width: 75em;margin-left: auto;margin-right: auto;padding-top: 0px;padding-bottom: 0px;}
    .block_article{padding: 20px 5px 0 10px;}
    .row_article{max-width: 37em;margin-left: auto;margin-right: auto;padding-top: 0px;padding-bottom: 10px;}
    .shop-col-sm-10{margin-left:auto;margin-right:auto;width:83.333333%;float:left;}
    /*.blog-grid > div {min-width: 125px;display: inline-block;vertical-align: top;margin-bottom: 35px;border-bottom: solid #ccc 2px;}*/
}

@media screen and (max-width:1024px) {
    .recent-articles{display:none}
    .logo-home{display:none;}
    .bitdescription_blog{margin: 0px 0px 0px 10px;font-weight: 300;font-style: normal;font-family: sans-serif;color: rgb(119, 119, 119);font-size: 15px;line-height: 1.2;letter-spacing: 0px;padding: 0px 20px 0px 0px;}
    .title_blog{position: relative;color: #333333;text-decoration: none;font-size: 22px;font-weight: 400;font-style: normal;}
    .blog-grid .bitdescription_blog_div_mobile {padding: 5px 10px 0px 10px;display: block;cursor: pointer;max-width:600px;/*min-height: 100px;*/}
    .blog-grid .bitdescription_blog_div_desktop {display:none;}
    .notmb-less-1200{display:none !important;}
}
@media screen and (max-width:1200px) {
    .logo-head{display:none;}
    .notmb-less-1200{display:none !important;}
}
@media screen and (max-width:1280px) {
    .text-system-parallax{font-weight: 300;font-style: normal;font-family: 'Lato', sans-serif;color: #eee;font-size: 50px;line-height: 1.4;letter-spacing: 0px;padding-bottom:30px;padding-top:0px;}
    .notmb-less-1280{display:none !important;}
    .notdesktop{display:block;}
    .formb-1280{}
}
@media screen and (max-width:1300px) {
}
/*      rules for differents models  */
/* (240x320) fix less 320px */
@media only screen and (min-device-width: 240px) and (max-device-width: 320px) {
  .notmb-320 {display:none;}
  .blogimg-width{width: 88% !important;}
}
/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .blogimg-width{width: 88% !important;}
}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
    .notmb-320 {display:none;}
    .blogimg-width{width: 88% !important;}
  }
/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
    .blogimg-width{width: 80% !important;}
}
/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
    .blogimg-width{width: 60% !important;}
}
/* (360x640) Samsung Galaxy Note 1 & 2, Portrait */
@media only screen and (device-width: 360px) and (orientation: portrait) {
    /* insert styles here */
    .blogimg-width{width: 88% !important;}
}
/* (640x360) Samsung Galaxy Note 1 & 2, Landscape */
@media only screen and (device-width: 640px) and (orientation: landscape) {
    /* insert styles here */
    .blogimg-width{width: 70% !important;}
}
/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
    .blogimg-width{width: 70% !important;}
}
/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
}
/* For iPhones/iPad`s Series */

/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
}
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}
/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
/* (320x480)  iPhone 2G, 3G, 4, 4S */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
  .notmb-320 {display:none;}
}
/* (640x960) iPhone 4 & 4S (optional)*/
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
}
/* Iphone 5/5s */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
  .notmb-320 {display:none;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .notmb-320 {display:none;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .notmb-320 {display:none;}
}
/* Iphone 6 Plus */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .notmb-320 {display:none;}
}
/* For other mobile devices */
/* Google Nexus 7 */
@media only screen and (width: 600px) and (orientation: portrait) {
  .notmb-320 {display:none;}
}
@media only screen and (width: 961px) and (orientation: landscape) {
  .notmb-320 {display:none;}
}
/* (2048x1536) iPad 3 */
/*@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
}*/

/* (1280x720) Galaxy Note 2, WXGA */
/*@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
}*/