/*******************************/


/* Heavico HTML Template */


/* by Themicart */


/*******************************/


/* CSS STRUCTURE

    1. General styles
    2. Header
        2.1. Second level Nav
        2.2. Header light version
        2.3. Subnav
        2.4. Subnav light version
    3. Sidebar
    4. Footer
    5. Home page elements
        5.1. Slider
        5.2. Top CTA section
        5.3. Services section
        5.4. Feature Boxes
        5.5. Gallery
        5.6. Latest News 
        5.7. Testimonials
        5.8. CTA footer
    6. About us page
    7. Project detail page
    8. Contact us page
    9. Blog page
    10. Shop page
    11. Elements
        11.1. Form
        11.2. Checkbox
        11.3. Radio buttons
        11.4. Table
        11.5. Accordion
        11.6. Tabs
        11.7. Mobile menu button
        11.8. Slick slider
    12. Media queries


    /*******************************/


/* 1. General styles */


/*******************************/

*,
*:before,
*:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

 :focus {
  outline: none;
}

body {
  font-family: 'Kanit', sans-serif, "Noto Sans TC", 微軟正黑體, sans-serif;
  ;
  color: #666;
  font-weight: 300;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.service-item a,
.read-more,
.read-more-dark {
  color: #333;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

h3,
h4,
h5,
h6 {
  letter-spacing: 0.3px;
}

p,
li {
  font-size: 16px;
  line-height: 1.7em;
}

p {
  margin: 0 0 12px 0;
}

h1 {
  font-size: 2.2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3em;
}

h5 {
  font-size: 1.15em;
}

h6 {
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.67em;
}

a {
  color: #555;
}

#footer-bot a {
  color: #fff;
}

#footer-bot a:hover {
  color: #7fb143;
}

a:hover {
  color: #333;
}

a:focus {
  outline: none;
  text-decoration: none;
}

a,
a:hover,
a:visited {
  text-decoration: none;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

section {
  padding: 80px 0;
}




section#proinfo {
  padding: 0;
}

.fa {
  color: #333;
}

ul li {
  list-style: none;
}

hr {
  margin: 15px 0;
}

strong {
  font-weight: 400;
  letter-spacing: 0.5px;
}

.service-item a,
.read-more,
.read-more-dark {
  font-weight: 500;
}

.page-content p:first-child {
  margin-top: 0;
}

.page-content img {
  margin-bottom: 20px;
}

.page-content .notice-box {
  margin: 40px 0;
}

.page-content ul,
.tab-content ul {
  padding-left: 20px;
}

.page-content ul li:before,
.tab-content ul li:before {
  content: '';
  display: inline-block;
  position: relative;
  left: -20px;
  bottom: 2px;
  width: 7px;
  height: 7px;
  background: #1594cc;
}

.tab-content ul li:before {
  background: #999;
}

.page-content ul li,
.tab-content ul li {
  line-height: 2em;
}

h4.box-heading {
  font-size: 1em;
}

.btn-read-more {
  font-size: .85em;
}

.btn-read-more {
  text-decoration: none;
}

.section-title,
.section-title-light {
  margin: 16px 0;
}

.section-title-light {
  color: #ddd;
}

.divider-light,
.divider-dark {
  height: 1px;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.divider-light {
  background: #ddd;
}

.divider-dark {
  background: #555;
}

.divider-light::before,
.divider-dark::before {
  content: "";
  width: 70px;
  height: 4px;
  background: #7db144;
  position: absolute;
  top: -3px;
}

.divider-light-bot,
.divider-dark-bot {
  width: 100%;
  margin: 0 0 5px 0;
  height: 1px;
}

.divider-dark-bot {
  background: #555;
}

.divider-light-bot {
  background: #ddd;
}

.section-footer {
  margin: 30px 0;
  text-align: right;
}

#wrapper {
  width: 100%;
  margin: 0 auto;
}

.wrap {
  max-width: 1150px;
  margin: 0 auto;
}

.no-gutter>[class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.mrg-btm {
  margin-bottom: 20px;
}

.margin-top {
  margin-top: 40px;
}

.spacer-small {
  margin: 10px 0;
  height: 1px;
}

.spacer {
  margin: 20px 0;
  height: 1px;
}

.spacer-big {
  margin: 30px 0;
  height: 1px;
}

.no-top-mrg {
  margin-top: 0!important;
}

.mrg-mob {
  margin: 30px 0;
}

.btn {
  min-width: 150px;
  width: auto;
  padding: 15px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.1s;
  border-radius: 3px;
  margin-top: 20px;
  margin-right: 5px;
  letter-spacing: 1px;
}

.btn:hover,
.btn:active,
.btn:focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #1594cc;
  color: #fff;
}

.btn-regular {
  color: #999;
  border: 3px solid #ddd;
}

.btn-slider {
  border: 3px solid #333;
  margin-top: 30px;
}

.btn-regular:hover {
  color: #777;
  background: #f9f9f9;
  border-color: #ccc;
}

.btn-primary {
  background: #7db144;
  border: 3px solid #7db144;
}

#slider-fullwidth .btn-regular {
  color: #fff;
  border-color: #ffffff;
}

#slider-fullwidth .btn-regular:hover {
  border-color: #7db144;
  background: #ffffff;
  color: #7db144;
}

.main-slider
{
  padding: 0 35px 0 25px;
  margin-top: 35px;
}




/*******************************/


/* 2. Header */


/*******************************/

header {
  top: -80px;
  display: block;
  height: 80px;
  line-height: 40px;
  background: #003aa4;
  height: auto;
  transition: all .4s ease-out;
  transition: 0.2s top cubic-bezier(.4, .73, .4, .74);
  -webkit-box-shadow: 0px 0px 13px rgba(130, 130, 130, 0.45);
  -moz-box-shadow: 0px 0px 13px rgba(130, 130, 130, 0.45);
  box-shadow: 0px 0px 13px rgba(130, 130, 130, 0.45);
}

.subnav .container-fluid,
header .container-fluid {
  max-width: 1140px;
}

ul.nav.nav-tabs {
  padding: 0;
  margin-bottom: -1px;
}

ul.nav.nav-tabs li:before {
  content: none;
}

nav ul {
  float: right;
  margin: 0;
}

nav>a {
  display: none;
}

nav ul li {
  position: relative;
  list-style: none;
  display: inline-block;
}

#mainmenu ul {
  text-align: left;
  display: block;
  opacity: 0;
  position: absolute;
  /*width: 207px;*/
  min-width: 207px;  
  top: 100%;
  padding-left: 0;
  visibility: hidden;
  z-index: 999;
  margin-top: 20px;
  transition: 0.2s;
  left: 5px;
}

#mainmenu li {

  position: relative;
}

#mainmenu li:hover>ul {
  visibility: visible;
  margin-top: 0;
  opacity: 1;
}

#mainmenu li ul li {
  display: block;
  background: #222;
  border-top: 1px solid #79c6e8;
  box-shadow: 1px 2px 3px #5f5f5f85;
  border-bottom: none;
}

#mainmenu li ul li a {
  display: block;
  width: 100%;  
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1.5px;
  padding: 16px 15px;
  font-size: 13px;
  background-color: #10709a;
}

.language
{
  padding: 0 0 0 5px;
  margin-left: 10px;
}

.language a
{
  display: block;
  width: 24px;
  height: 24px;
  background-color: #444;
  color: #FFF;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  margin-top: 5px;
  border-radius: 5px;
}

.language a:hover
{
  background-color: #7db144;
}

.language select
{
  border: 1px solid #999;
  border-radius: 3px;
}

.header-row
{
  position: relative;
}




/*******************************/


/* 2.1. Second level Nav */


/*******************************/

#mainmenu li ul li ul {
  position: absolute;
  left: 198px;
  visibility: hidden;
  top: -1px;
  transition: 0.2s;
}

#mainmenu li ul li ul li a {
  background-color: #151515;
}

#mainmenu li ul li ul li a:hover {
  background: #000;
}

#mainmenu li ul li:hover ul {
  display: block;
  visibility: visible;
  margin-left: 0;
}

#mainmenu a {
  color: #fff;
  text-decoration: none;
  padding: 22px 30px  !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 50px;
}

#mainmenu li:last-child a {
  padding-right: 0;
}

.navbar-collapse {
  padding-right: 0;
}

#mainmenu>li:hover>a {
  color: #a4e35f;
}

#mainmenu .menu-active {
  color: #7db144;
}

#mainmenu ul li a:hover {
  background: #7fb143;
  color: #fff;
  transition: 0.15s;
}

li.has-children:hover:after {
  color: #1594cc;
}

li.has-children::after {
  position: absolute;
  right: 7px;
  bottom: 28px;
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 12px;
  color: #fff;
  font-weight: 800;
  line-height: 0px;
}

header h1#logo {
  position: relative;
  float: left;
  display: inline-block;
  height: 100%;
  margin: 0;
  top: 22px;
  z-index: 999;
}

.logo-title
{
  height: 60px;
  float: left;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.logo-title h5
{
  font-size: 14px;
  color: #666;
}

.logo-title p
{
  line-height: 16px;
  font-size: 14px;
  margin: 0;
  color: #383838;
}

#search {
  margin-top: -10px;
  float: right;
}

.affix {
  top: 0;
  z-index: 999;
  width: 100%;
  transition: all .4s ease-out;
  transition: 0.2s top cubic-bezier(.4, .73, .4, .74);
}

.affix-top {
  transition: all .4s ease-out;
  transition: 0.2s top cubic-bezier(.4, .73, .4, .74);
}

.header-wrapper {
  min-height: 80px;
  position: relative;
  z-index: 999;
}




/*******************************/


/*2.2. Header Light version */


/*******************************/

#header.header-light {
  background: #fff;
}

#header.header-light #mainmenu>li>a,
#header.header-light #mainmenu>li.menu-item-has-children:after {
  color: #555;
}

#header.header-light #mainmenu>li:hover>a,
#header.header-light #mainmenu>li.menu-item-has-children:hover:after {
  color: #1594cc;
}




/*******************************/


/*2.3. Subnav */


/*******************************/

.subnav {
  text-align: right;
  background: #1594cc;
}

.subnav-item {
  display: -webkit-inline-box;
}

.subnav-item p {
  margin-bottom: 0;
  margin-left: 20px;
}

.subnav-item a {
  color: #fff;
  letter-spacing: 0.3px;
  font-size: 15px;
  margin: 10px 0;
  transition: 0.15s;
}

.subnav-item a {
  text-decoration: none;
}

.subnav-item p span {
  font-weight: 400;
  color: #555;
}

.subnav-item:hover p,
.subnav-item:hover a {
  color: #eee;
}

.subnav-item i {
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  margin-right: 10px;
  line-height: 1.7em;
}

.subnav-header-light {
  background: #222;
}




/*******************************/


/*2.4. Subnav Light version */


/*******************************/

.subnav.subnav-light {
  background: #f9f9f9;
}

.subnav-light .subnav-item p,
.subnav-light .subnav-item a,
.subnav-light .subnav-item i,
.subnav-light .subnav-item p span {
  color: #777;
}

.subnav-light .social i {
  background: #ddd;
}

.subnav-light .subnav-item:hover p,
.subnav-light .subnav-item:hover a {
  color: #333;
}





/*******************************/


/*3. Sidebar */


/*******************************/

.sidebar-nav {
  width: 100%;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.sidebar-heading {
  font-size: 16px;
  text-transform: uppercase;
  border: 1px solid #ddd;
  padding: 15px;
  color: #333333;
  margin: 0;
  background-color: #e2e2e2;
}

.sidebar-nav ul {
  font-size: 13px;
  list-style: none;
  padding: 0;
}

.sidebar-nav ul li {
  border: 1px solid #ddd;
  list-style: none;
  border-top: none;
  position: relative;
}

.hovered {
  background: #7db144!important;
  transition: 0.2s;
}

.hovered a {

  color: #fff !important;
  font-weight: 500 !important;
}

.sidebar-nav ul li a {
  font-size: 16px;
  font-weight: 300;
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  color: #777;
}

.sidebar-nav ul,
.sidebar-nav ul ul {
  margin: 0;
}

.sidebar-nav ul ul li {
  padding-left: 20px;
  font-size: 11px;
}

.sidebar-nav ul ul li {
  background-color: #f8f8f8;
}

.sidebar-expanded li:before {
  content: '-';
  position: absolute;
  top: 12px;
  color: #ccc;
}

.sidebar-nav ul ul li {
  border-right: none;
  border-left: none;
}

.sidebar-nav ul ul li:last-child {
  border-bottom: none;
}

.sidebar-nav ul ul li:first-child {
  border-top: 1px solid #ddd;
}




/*******************************/


/* 4. Footer */


/*******************************/

#footer {
  padding: 4px 0 0 0;
  margin: 0;
  background: #222;
  color: #ddd;
}

#footer h4 {
  font-size: 1.2em;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 300;
}

#footer ul {
  list-style: none;
  padding: 0;
}

#footer ul li a {
  color: #fff;
}

#footer ul li a:hover {
  color: #7db144;
}

#footer ul li,
#footer p {
  font-size: 15px;
}

#footer ul li {
  padding: 3px 0;
}

#footer .contacts-list {
  margin-left: 17px;
  font-size: 1.1em;
}

.social {
    display: inline-block;
    text-align: center;
    width: 355px;
    margin-top: 12px;
}

.social .fa {
  color: #e1f2f9;
}

.social li {
  display: inline;
}

.bot-bg {
  background: #000;
}

#footer ul {
  margin-bottom: 6px;
}

ul.content-list a {
  color: #ddd;
}

ul.content-list a:hover,
ul.content-list li:hover {
  color: #fff;
}

#footer ul li:before {
  content: "\f105";
  font-family: "FontAwesome";
  font-weight: 800;
  color: #fff;
  padding-right: 12px;
  transition: 0.15s;
}

#footer ul.social li:before {
  content: none;
}


#footer ul li:hover:before {
  color: #7db144;
}

#footer .contacts-list li:before {
  content: none;
}

#footer-bot {
  margin-top: 10px;
  line-height: 2em;
  background-color: rgba(0,0,0,0.4);
}

#footer-bot ul {
/*  float: right;*/
  border-top: none;
  margin: 0;
}

#footer-bot ul li:before {
  content: none;
}

.social i {
  margin-left: 10px;
  font-size: 18px;
  color: #ffffff !important;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 3px;
  background: #444;
  transition: 0.2s ease;
}

#footer .social i {
  margin-left: 15px !important;
  color: #fff !important;
  background: #1178a7;
  font-style: normal;
}

.weixin a,.whatsapp a
{
  font-family: FontAwesome;
}

.weixin i,.whatsapp i
{
  display: inline-block;
  width: 28px;
  height: 28px;
}

.weixin i
{
  font-size: 16px;
}

.whatsapp i
{
  font-size: 18px;
}

.social i:hover {
  color: #7db144 !important;
  background: #fff !important;
}

#footer .social i:hover {
  color: #fff !important;
  background: #7db144 !important;
}

#footer-bot {
  padding: 5px 0;
  color: #fff;
  font-size: 11px;
}

#footer-bot {
  clear: both;
}





/*******************************/


/* 5. Home Page elements
/* 5.1. Slider */


/*******************************/

#slider-fullwidth {
  max-height: 625px;
  height: auto;
  padding: 0;
  margin: 0;
  background: #000;
  overflow: hidden;
  position: relative;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  backface-visibility: hidden;
  perspective: 1000;
  text-align: center;
}


#slider-fullwidth .carousel-inner>.item>img {
  display: block;
  width: 100%;
  height: 100%;
}

.carousel-content {
  background-color: #9494949c;
  box-shadow: 0px 0px 8px #a4a19a;
  padding: 20px 0;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  width: 100%;
  animation-delay: 0.3s;
}

span.slim {
  font-weight: 100;
}


.slide-title .divider-dark {
  margin-bottom: 0;
  background: #ddd;
}

.slide-content p,
.tagline p {
  text-shadow: 0px 1px 2px #fff;
  font-size: 20px;
  margin: 0;
  font-weight: 300;
  line-height: 1.4;
}

.slide-content p {
  color: #666;
}

.tagline .divider-dark {
  margin: 10px 0;
  width: 100px;
}

.tagline {
  margin-bottom: 5px !important;
}

.tagline p {
  font-size: 1em;
  color: #1594cc;
  line-height: 1;
}

.slider-dark .divider-dark {
  background: #999;
}

.slide-title h1 {
  font-family: 'Kanit';
  color: #333;
  margin-bottom: 15px;
  font-weight: 200;
  font-size: 4em;
  text-transform: uppercase;
  text-shadow: 0px 0px 4px #888;
}

.slider-dark .slide-title h1 {
  color: #fff;
}

.slide-title h1 span {
  background: transparent url("../img/ui/hero-lines.png") left 62% repeat-x;
}

.carousel-control {
  font-size: 22px;
  line-height: 46px;
  height: 50px;
  width: 50px;
  top: 42%;
  background: #fff;
  border-radius: 3px;
  transition: 0.2s;
}

.carousel-control i {
  font-size: 20px;
  color: #505050;
  font-weight: 800;
  vertical-align: middle;
}

.carousel-control:hover i {
  color: #7fb144;
}

.carousel-control.left {
  left: 20px;
}

.carousel-control.right {
  right: 20px;
}





/*******************************/


/* 5.2. Top CTA section */


/*******************************/

#sections-wrapper {
  background: #222;
  width: 100%;
  height: 130px;
  margin: 0;
}

.sections {
  background-color: #e0e0e0;
  padding: 0;
}

#index1.sections {
  background-color: #cdcdcd;
  padding: 0;
  background-size: cover;
}



.wide-container {
  overflow: hidden;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 7px;
}

#index1 .wide-container {

  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

.section-item {
  align-items: center;
  display: inline-flex;
  float: left;
  width: 20%;
  height: 70px;
  background: #fff;
  padding: 15px 10px;
  transition: 0.1s;
  box-shadow: 2px 2px 9px #b7b7b7;
}

.section-item img {
  max-width: 20%;
  margin-right: 5px;
}

.section-item:hover {
  background-color: #fff;
  -webkit-box-shadow: inset 0px 0px 0px 7px #1594ccc7;
  -moz-box-shadow: inset 0px 0px 0px 7px #1594ccc7;
  box-shadow: inset 0px 0px 0px 7px #1594ccc7;
}

.section-item:hover p {
  color: #444;
}

.section-item div {
  width: 100%
}

.section-item h2 {
  font-weight: 400;
  left: 0;
  font-size: 1.5em;
  margin: 0;
  transition: 0.15s;
}

.section-item h2:before {
  content: "\f105";
  transition: 0.2s;
  position: absolute;
  right: 0px;
  font-family: "FontAwesome";
  font-size: 20px;
  color: #ababab;
  font-weight: 800;
  opacity: 0.5;
  z-index: 20;
}

.section-item h2,
.section-item p {
  font-size: 16px;
  position: relative;
  color: #444;
  transition: 0.15s;
}

.section-item:hover>h2,
.section-item:hover>p,
.section-item:hover>.small-divider,
.section-item:hover>h2 {
  left: 5px;
}




/*.section-item:hover > img {
filter: invert(1);

}*/

.section-item:hover>div h2 {
  color: #1594cc;
}

.section-item .small-divider {
  position: relative;
  left: 0;
  transition: 0.15s;
}

.section-item:hover>h2:after {
  opacity: 1;
  color: #1594cc;
}

.section-item a:hover {
  color: #222;
}

.section-item:nth-child(n+2) {
  margin-left: 1px;
}

.section-item p {
  position: relative;
  left: 0;
  font-size: .85em;
  color: #7fb144;
  margin: 0;
  line-height: 1.3em;
}

.small-divider {
  height: 1px;
  background: #333;
  margin: 12px 0;
}





/*******************************/


/* 5.2.1. Top CTA section: Light version */


/*******************************/

.sections.tcta-light {
  background: #e5e5e5;
  padding: 0 0 1px 0;
}

.sections.tcta-light .section-item {
  background: #f9f9f9;
  border-right-color: #e5e5e5;
}

.sections.tcta-light .section-item>h2,
.sections.tcta-light .section-item>h2:after {
  color: #555;
}

.sections.tcta-light .small-divider {
  background: #ddd;
}

.sections.tcta-light .section-item:hover {
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.sections.tcta-light .section-item:hover p {
  color: #777;
}





/*******************************/


/* 5.3. Services section */


/*******************************/

.gray-border {
  width: 100%;

  border-bottom: 10px solid #e5e5e5;
}

.gray-border-no-top {
  width: 100%;
  border-top: none;
  border-bottom: 10px solid #e5e5e5;
}

.gray-section {
  width: 94%;
  padding: 0 0;
  overflow: hidden;
}

.content-box,
.content-box-dark-bg {

  transition: 0.1s;
}

.content-box {
  position: relative;
  background: #fff;
  margin-bottom: 30px;
}

#prolist .content-box {
  overflow: hidden;
  box-shadow: 0px 0px 4px #a5a5a5;
  border: 7px #e8e8e8 solid;
  position: relative;
  background: #fff;
  margin-bottom: 30px;
}

.content-box:hover,
.content-box-dark-bg:hover {

  background: #fff;
}

.content-box h4,
.content-box a,
.read-more,
.read-more-dark {
  text-decoration: none;
  color: #000;
  font-weight: 400;
  font-size: 1.1em;
}

.content-box-info {
  padding: 16px 20px;
}



#prolist .content-box-info {
  padding: 0 0;
  position: relative;
  overflow: hidden;
  z-index: 11;
  height: 70px;
  padding-top: 20px;
  background-color: #e8e8e8;
}

.content-box-info h4 {
  font-size: 20px;
}

.pd5 {
  padding: 0 5px;
  min-height: 315px;
}

span.btn {
  display: block;
  width: 200px;
  padding: 16px;
  color: #333;
  background-color: yellow;
  font-size: 12px;
  font-weight: 500;
  margin: 20px auto 0;
}

.btn-read-more {
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 18px;
  font-weight: 500;
  background-color: #f9f9f9;
  font-size: 12px;
  transition: 0.1s;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn-read-more:hover {
  color: #333;
}

.btn-read-more::after {
  content: "\f105";
  position: absolute;
  right: 20px;
  top: 5px;
  font-family: "FontAwesome";
  font-size: 15px;
  color: #999;
  font-weight: 800;
  transition: 0.2s;
}

p.lih {
  line-height: 8px;
}


.prodtitl1 div:first-child
{
  float: left;
}

.prodtitl1 div:nth-child(2)
{
  float: right;
}

.brline1
{
  text-align: left;
  min-height: 232px;
}

.brline1 .img-thumbnail
{
  width: 30%;
}

#services .btn-read-more::after {
  content: "\f105";
  position: absolute;
  right: 20px;
  top: 16px;
  font-family: "FontAwesome";
  font-size: 15px;
  color: #999;
  font-weight: 800;
  transition: 0.2s;
}

.btn-read-more:hover:after {
  right: 15px;
  color: #333;
}

.read-more-dark::before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  margin: 5px 0 0 -15px;
  background: #1594cc;
}

a.read-more,
a.read-more-dark {
  float: right;
  position: relative;
  font-size: 15px;
  padding: 10px 0 10px 10px;
  transition: 0.1s;
}

a.read-more:hover {
  color: #000;
}

.btn-read-more:hover {
  background: #fff;
}

a.read-more {
  color: #999;
}

a.read-more-dark {
  color: #777;
}

a.read-more-dark:hover {
  color: #ddd;
}

.read-more::before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  top: 13px;
  left: 10px;
  margin: 6px 0 0 -15px;
  background: #1594cc;
}

.light {
  background-color: #ddd;
  height: 1px;
}

.dark {
  background-color: #555;
  height: 1px;
}

.content-box-info p {
  color: #777;
  font-size: 15px;
  margin: 9px 0;
}

.content-box img,
.content-box-dark-bg img {
  position: relative;
  max-width: 100%;
  z-index: 1;
}

.clear {
  clear: both;
}

.footer-btn {
  color: #4c4c4c;
  width: 100%;
  display: block;
  box-shadow: 0px 0px 8px #ffffff;
  background: #ffffffa3;
}

.footer a {
  color: #ddd;
}





/*******************************/


/* 5.4. Feature Boxes */


/*******************************/

#features {
  margin-bottom: 40px;
}

.feature-box {
  margin-bottom: 30px;
  padding: 30px 20px;
  border: 1px solid #ddd;
  transition: 0.2s;
}

.feature-box a {
  color: #333;
}

.feature-box:hover {
  background: #f9f9f9;
  -webkit-box-shadow: inset 0px 0px 0px 7px #e5e5e5;
  -moz-box-shadow: inset 0px 0px 0px 7px #e5e5e5;
  box-shadow: inset 0px 0px 0px 7px #e5e5e5;
}

.feature-box:hover>h3.feature-title,
.feature-box:hover>.feature-text,
.feature-box:hover>i {
  left: 5px;
}


.feature-box .feature-title,
.feature-box .feature-text {
  padding: 0 10px 0 50px;
  position: relative;
  left: 0;
  transition: 0.2s;
}

.feature-box h3.feature-title {
  font-size: 1.1em;
  color: #000;
}

.feature-box p.feature-text {
  margin: 0;
  font-size: 0.85em;
  line-height: 1.5em;
  color: #777;
}

.feature-box i {
  display: inline-block;
  position: relative;
  float: left;
  text-align: center;
  background: #ddd;
  border-radius: 3px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  left: 0;
  transition: 0.2s;
}

.feature-box:hover>i {
  background: #1594cc;
}

#map {
  height: 300px;
  width: 100%;
  border-top: 10px solid #e5e5e5;
}





/*******************************/


/* 5.5. Projects Gallery */


/*******************************/

.latest-projects .gallery-categories {
  margin: 30px 0;
  text-align: center;
}

.gallery-categories ul {
  padding: 0;
  margin: 0;
}

.dark {
  background: #333;
  width: 100%;
  height: auto;
}

.gallery .item {
  width: 33.33333%;
  float: left;
  overflow: hidden;
}

.gal-col-2 .item {
  width: 49.99999%;
}

.gal-col-4 .item {
  width: 24.99999%;
}

.gallery-categories ul {
  list-style: none;
}

.gallery-categories ul li {
  display: inline-block;
  margin: 12px 0;
}

.gallery-categories ul li a {
  font-size: 12px;
  padding: 10px 15px;
  color: #888;
  background: #222;
  text-decoration: none;
  border-radius: 3px;
  transition: 0.1s;
}

.gallery-categories ul li a:hover {
  background: #000;
}

.gallery-categories ul li a.selected {
  background-color: #1594cc;
  color: #000;
}

.gallery-categories {
  width: auto;
  text-align: right;
}

.section-gallery {
  padding: 0;
  background: #333;
}

.dark-wrap {
  width: 100%;
  background: #333;
}

.dark-border {
  border-top: 10px solid #292929;
}

.btn-all-projects {
  text-transform: uppercase;
  font-weight: 500;
  padding: 30px;
  color: #ffffff;
  display: block;
  width: 100%;
  text-align: center;
  background: #7db144;
  text-decoration: none;
  transition: 0.2s;
  letter-spacing: 1px;
}




.btn-all-projects:hover {
  background: #444;
  color: #1594cc;
}

.btn-all-projects::after {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 18px;
  color: #fff;
  position: relative;
  top: 1px;
  margin-left: 15px;
  font-weight: 800;
  transition: 0.2s;
}

.btn-all-projects:hover:after {
  margin-left: 30px;
  color: #1594cc;
}

.p-text.p-text {
  display: none;
}

.project-details {
  position: relative;
  top: 15%;
  color: #ddd;
  padding: 0 80px;
}

.project-name {
  font-size: 1.2em;
  display: block;
  font-weight: 500;
  color: #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.project-category {
  text-transform: uppercase;
  font-size: 11px;
  color: #1594cc;
  letter-spacing: 8px;
  margin-bottom: 5px;
}

.project-description {
  font-size: 13px;
}

.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

.portfolio-box img {
  transition: 0.5s;
  width: 100%;
}

#gallery .item {
  overflow: hidden;
}

.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box .portfolio-box-caption {
  color: white;
  opacity: 0;
  display: block;
  background: rgba(10, 10, 10, 0.8);
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 1);
}





/*******************************/


/* 5.6. Latest News */


/*******************************/

article {
  background: #fff;
  border: 7px solid #ddd;
  width: 100%;
  display: inline-block;
}

.blog-date {
  z-index: 10;
  position: absolute;
  margin: -17px 0 0 20px;
  text-align: center;
  background-color: #7db144;
  padding: 10px;
  width: 50px;
  font-size: .9em;
  color: #fff;
}

#services .blog-date {
  margin: 0px 0 0 20px;
}

.blog-date p span {
  font-size: 1em;
}

.read-more-dark a {
  color: #ddd;
}

.on-dark {
  background-color: #fff;
}





/*******************************/


/* 5.7. Testimonials */


/*******************************/

ul.comments {
  padding: 0;
}

ul.comments .testimonial {
  margin-bottom: 40px;
}

ul.comments li:before {
  content: none;
}

ul.comment-nested {
  padding: 0;
  margin-left: 130px;
}

.testimonials .testimonial .content-box {
  margin-bottom: 80px;
}

.testimonial .content-box::before,
.comments .content-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: -17px;
  width: 5px;
  height: 5px;
  background: #fff;
  border-right: 10px solid #e5e5e5;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}

.testimonial .content-box,
ul.comments .content-box {
  margin-left: 135px;
  background: #f9f9f9;
}

.profile {
  display: inline-block;
  font-size: .85em;
  text-align: center;
  float: left;
  width: 120px;
}

.testimonial .profile img {
  text-align: center;
  margin: 15px auto 0;
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.margin-top {
  margin-top: 20px;
}

.profile p.name {
  font-size: 13px;
  font-weight: 400;
  margin: 10px 0 0 0;
  line-height: 1.36em;
}

.profile p.company {
  font-size: 11px;
  color: #999;
  margin: 0;
}





/*******************************/


/* 5.8. CTA Footer */


/*******************************/

a.cta-footer {
  position: relative;
  display: block;
  text-align: center;
  background: #7db144;
  color: #fff;
  margin: 0;
  padding: 50px;
  text-decoration: none;
  transition: 0.1s;
  margin-top: -10px;
}

a.cta-footer:hover {
  background: #1594cc;
}

a.cta-footer h2 {
  margin: 0;
  color: #fff;
  font-size: 1.5em;
  font-weight: 500;
}

a.cta-footer h2:after {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 22px;
  color: #fff;
  position: relative;
  top: 1px;
  margin-left: 20px;
  font-weight: 800;
  transition: 0.2s;
}

a.cta-footer:hover h2:after {
  margin-left: 30px;
  color: #fff;
}





/************************************/


/* 6. About us page */


/************************************/

#top-content-area {
  background: url(../img/banner1.jpg) 50% 0 repeat fixed;
  padding: 100px 0;
  position: relative;
  z-index: 0;
}

a.page-title {
  position: absolute;
  font-size: 1.3em;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #7db144a8;
  left: 0px;
  text-align: center;
  text-decoration: none;
  padding: 8px 20px;
  z-index: 99;
}

a.page-title span {
  display: block;
}

.title-content {
  position: relative;
  color: #fff!important;
  z-index: 1;
  text-align: center;
  padding: 70px;
  background: #ffffffd1;
}

.title-content h2 {
  color: #444;
  font-size: 36px;
  font-weight: 400;
  margin: 0 0;
}

.title-content p {
  font-size: 1.3em;
  font-weight: 200;
}

h1.section-title {
  margin-top: 0;
}

.page-content .section-title {
  margin-top: 30px;
}

.position {
  position: relative;
  text-decoration: none;
  color: #333;
  display: block;
  width: 100%;
  padding: 25px;
  background: #f9f9f9;
  margin-bottom: 20px;
  transition: 0.2s;
  -webkit-box-shadow: inset 0px 0px 0px 1px #ddd;
  -moz-box-shadow: inset 0px 0px 0px 1px #ddd;
  box-shadow: inset 0px 0px 0px 1px #ddd
}

.position:hover {
  text-decoration: none;
  color: #333;
}

.position::after {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 22px;
  color: #555;
  font-weight: 800;
  position: absolute;
  bottom: 21px;
  right: 30px;
  transition: 0.2s;
}

.position:hover:after {
  right: 25px;
}

.position-title {
  position: relative;
  left: 0;
  font-weight: 400;
  font-size: 1.2em;
  transition: 0.2s;
}

.position:hover>.position-title {
  left: 5px;
}





/*******************************/


/* 7. Project detail page */


/*******************************/

.project-photos img {
  margin-bottom: 40px;
  width: 100%;
}





/*******************************/


/* 8. Contact us page */


/*******************************/

.contact-detail {
  font-size: 16px;
  padding: 10px 0;
}


#map {
  width: 100%;
  height: 350px;
  background-color: #CCC;
}





/*******************************/


/* 9. Blog */


/*******************************/

.blog-post {
  padding: 10px 0;
  margin-bottom: 20px;
}

.blog-post .post-title {
  font-size: 22px;
  margin-bottom: 10px;
}

.blog-date span {
  font-weight: 500;
  font-size: 15px;
}

.blog-date {
  line-height: 1.5em;
}

.post-info {
  font-size: 14px;
  margin-bottom: 1px;
  color: #aaa;
}

.pagination {
  margin-top: 60px;
  border: 1px solid #ddd;
  width: 100%;
  background: #ddd;
}

.post-content .content-box {
  float: none;
  margin-bottom: 20px;
}

.post-content .post-info {
  margin-top: 10px;
}

.testimonial .content-box-info p,
.comment .content-box-info p {
  margin-top: 0;
  font-style: italic;
  font-size: 1em;
}

.reply {
  text-transform: uppercase;
  font-weight: 500!important;
  font-size: 12px !important;
  letter-spacing: 1px;
  transition: 0.15s;
  color: #999!important;
}

.reply:hover {
  color: #000!important;
}

.comment {
  margin-bottom: 40px;
}

.nested {
  padding-left: 200px;
}

.nested-2 {
  padding-left: 360px;
}

.service {
  margin-bottom: 40px;
  float: none;
}

.job-title {
  font-size: 0.9em;
}

.team-member {
  text-align: center;
}

.team-member h4 {
  font-size: 18px;
  margin-bottom: 0;
  color: #7db144;
}

.notice-box {
  padding: 40px;
  background: #f9f9f9;
  margin-bottom: 20px;
  transition: 0.15s;
  border: 1px solid #ddd;
}

.notice {
  font-weight: 400;
}

.notice-box h2 {
  margin-bottom: 20px;
  line-height: 1.2em;
}

.notice-box a:hover {
  text-decoration: none;
}

.cta-link {
  display: block;
  border: none;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #999;
  letter-spacing: 1px;
}

.cta-link:after {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 18px;
  color: #999;
  font-weight: 800;
  position: relative;
  left: 10px;
  top: 2px;
  transition: 0.2s;
}


.notice-box:hover>.cta-link:after {
  left: 15px;
}

.notice-box:hover,
.position:hover {
  -webkit-box-shadow: inset 0px 0px 0px 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 0px 7px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 0px 7px rgba(0, 0, 0, 0.1);
}

.notice-box:hover>h2,
.notice-box:hover>.cta-link:after,
.notice-box:hover>.cta-link {
  color: #000;
}






/*******************************/


/* 10. Shop page */


/*******************************/

.shop-item .content-box {
  display: table;
  position: relative;
  margin-bottom: 20px;
}

.shop-item .img-container {
  width: 100%;
  background: #fff;
  min-height: 220px;
}

.img-inner-container {
  height: 250px;
  vertical-align: middle;
}

.shop-item img {
  background: #fff;
  position: relative;
  top: 1%;
  vertical-align: middle;
}

.navbar-toggle {
  position: relative;
  top: 15px;
  background-color: #ddd;
  z-index: 999;
}

.shop-item {
  margin-bottom: 50px;
  text-align: center;
}

.shop-item h5 {
  margin-bottom: 0.2em;
}




/*******************************/


/* 11.1 Form */


/*******************************/

input,
textarea {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  transition: 0.2s;
}

input:focus,
textarea:focus {
  background: #fff;
  -webkit-box-shadow: inset 0px 0px 5px 3px rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: inset 0px 0px 5px 3px rgba(0, 0, 0, 0.05) !important;
  box-shadow: inset 0px 0px 5px 3px rgba(0, 0, 0, 0.05) !important;
}

input[placeholder],
input[type=submit] {
  color: #333;
  font-weight: 00;
  letter-spacing: 0.5px;
}

textarea {
  padding: 15px;
  min-height: 121px;
  height: auto;
  font-weight: 300;
  text-transform: none;
  letter-spacing: 0.5px;
}

input[type=text] {
  padding: 15px;
  font-size: 13px;
}

input[type=submit] {
  text-align: center;
  position: relative;
  background: #e9a607;
  min-width: 250px;
  min-height: 50px;
  width: auto;
  padding: 15px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  transition: 0.1s;
  border-radius: 3px;
  border: none;
}

input[type=submit]:hover {
  background: #1594cc;
}

label {
  font-weight: 300;
}

.tab-pane label
{
  margin-left: 5px;
  font-size: 14px;
}

.error {
  padding: 20px;
  border: none;
  display: none;
  color: #d9534f;
  border: solid 1px #d9534f;
  font-size: 12px;
}

.error_input {
  -webkit-box-shadow: inset 0px 0px 0px 3px #bbb !important;
  -moz-box-shadow: inset 0px 0px 0px 3px #bbb !important;
  box-shadow: inset 0px 0px 0px 3px #bbb !important;
}

.success {
  padding: 20px;
  display: none;
  color: #5cb85c;
  border: solid 1px #5cb85c;
  margin-bottom: 20px;
}





/*******************************/


/* 11.2. Checkbox */


/*******************************/

input[type=checkbox],
input[type="radio"] {
  position: absolute;
  visibility: hidden;
  margin: 0;
}

input[type=checkbox]+label,
input[type="radio"]+label {
  cursor: pointer;
}

input[type=checkbox]+label,
input[type="radio"]+label {
  display: block;
  font-size: 12px;
  padding-left: 30px;
  color: #999;
  font-weight: 300;
}

input[type=checkbox]+label:after,
input[type="radio"]+label:after {
  content: '';
  width: 1px;
  display: block;
  margin-bottom: 7px;
}

input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label {
  color: #555;
}

input[type="checkbox"]+label:before {
  left: 15px;
  content: url(../img/ui/checkbox-1.png);
  position: absolute;
  width: 18px;
  overflow: hidden;
}

input[type="checkbox"]:checked+label:before {
  content: url(../img/ui/checkbox-2.png);
}





/*******************************/


/* 11.3. Radio buttons */


/*******************************/

input[type="radio"]+label:before {
  left: 15px;
  content: url(../img/ui/radio-1.png);
  position: absolute;
  width: 18px;
  overflow: hidden;
}

input[type="radio"] {
  width: auto;
}

input[type="radio"]:checked+label:before {
  content: url(../img/ui/radio-2.png);
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  font-size: 13px;
  margin: 20px 0 10px 0;
}





/*******************************/


/* 11.4. Table */


/*******************************/

table {
  border: 1px solid #d9d9d9;
  font-size: 0.9em;
  width: 100%;
  text-align: left;
  margin: 30px 0;
}

th {
  text-transform: uppercase;
  font-weight: 500;
  background: #fff;
  letter-spacing: 1px;
}

tr {
  border-top: 1px solid #ddd;
  transition: 0.07s;
}

tr:hover {
  background: #fff;
}

th,
td {
  padding: 15px;
}

.no-top-mrg {
  margin-top: 0;
}





/*******************************/


/* 11.5. Accordion */


/*******************************/

a.accordion-toggle {
  display: block;
  padding: 20px;
  font-size: 1em;
  border: 1px solid #ccc;
  background: #f9f9f9;
  color: #999;
}

.accordion-toggle[aria-expanded="true"] {
  text-decoration: none;
  -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  color: rgb(51, 51, 51);
}

.panel-title {
  font-size: 1.1em;
  font-weight: 300;
}

.panel-heading {
  padding: 0;
}

.panel-group .panel+.panel {
  margin-top: -2px;
}

.panel-body {
  color: #777;
  background: #e5e5e5;
  border: 1px solid #ccc;
  border-top: 0;
  font-size: 0.9em;
  padding: 25px 20px;
}

.panel-body p:first-child {
  margin-top: 0;
}

.panel-body p:last-child {
  margin-bottom: 0;
}

.panel {
  border: none;
}





/*******************************/


/* 11.6. Tabs */


/*******************************/

.nav-tabs>li a {
  border: 1px solid #ccc;
  margin-right: -1px;
  background: #f9f9f9;
}

.nav-tabs>li.active>a,
.nav-tabs>li>a {
  color: #999;
  padding: 20px 30px;
  font-size: 1.1em;
  font-weight: 300;
  border-radius: 0;
  margin-right: -1px;
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: rgb(51, 51, 51);
  border: 1px solid #ccc;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
  background: none;
}

.nav-tabs>li.active>a {
  -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}

.tab-content {
  color: #777;
  background: #f9f9f9;
  border: 1px solid #ccc;
  padding: 30px;
  font-size: 0.9em;
}

.tab-content p:first-child {
  margin-top: 0;
}





/*******************************/


/* 11.7. Mobile menu button */


/*******************************/

.navbar-toggle .icon-bar {
  background: #ddd;
}

.navbar-toggle {
  background-color: #7db144;
  border: 1px solid #7db144;
}

.toggled {
  background: #1594cc;
  border-color: #1594cc;
}

.toggled .icon-bar {
  background: #fff;
}





/*******************************/


/* 11.8. Slick slider */


/*******************************/


/*******************************/


/* 11.8. Slick slider */


/*******************************/

.slick-slider {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  backface-visibility: hidden;
  perspective: 1000;
  margin: 50px 0;
}




/* Arrows */

.slick-prev,
.slick-next {
  font-size: 0;
  display: inline-block;
  position: absolute;
  top: -100px;
  width: 50px;
  height: 50px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  transition: 0.2s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  color: transparent;
  outline: none;
}

.dark-wrap .slick-prev,
.dark-wrap .slick-next {
  background: #393939;
  border: 1px solid #555;
}

.dark-wrap .slick-prev:hover,
.dark-wrap .slick-next:hover {
  background: #333;
  border: 1px solid #555;
}

.slick-prev {
  right: 64px;
}

.slick-prev:before {
  content: "\f104";
  right: 0px;
  bottom: 1px;
  font-family: "FontAwesome";
  font-size: 22px;
  color: #555;
  font-weight: 800;
}

.slick-next:before {
  content: "\f105";
  right: 7px;
  bottom: 1px;
  font-family: "FontAwesome";
  font-size: 22px;
  color: #555;
  font-weight: 800;
}

.slick-prev:before,
.slick-next:before {
  position: relative;
  left: 0;
  font-family: "FontAwesome";
  font-size: 22px;
  color: #555;
  font-weight: 800;
  transition: 0.2s;
  opacity: 0.2;
}

.slick-next {
  right: 15px;
}

.dark-wrap .slick-next:before,
.dark-wrap .slick-prev:before {
  color: #ddd;
}

.slick-prev:hover,
.slick-next:hover {
  background: #fff;
}

.slick-prev:hover:before {
  left: -4px;
}

.slick-next:hover:before {
  left: 4px;
}

.slick-prev:hover:before,
.slick-next:hover:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

#clients-carousel .item {
  display: table;
}

#clients-carousel .item {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
}




/*******************************/


/* CONTACT */


/*******************************/

#contact {
  background-image: url(../img/bk1.jpg);
  background-position: bottom;
}

#clients-carousel .item img {
  width: auto;
  margin: 0 auto;
}

#contact .tab-content {
  text-align: center;
  margin: 0 100px;
  margin-top: 20px;
  color: #777;
  background: #ffffffd9;
  border: 1px solid #fff;
  padding: 30px;
  font-size: 0.9em;
  box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}

#contact .nav-tabs {
  text-align: center;
  border: none;
}


#contact .nav-tabs>li {
  margin: 0 5px;
  display: inline-block;
  list-style: none;
  float: none !important;
}

#contact .nav-tabs>li a {
  padding: 16px 26px;
  border: none;
  font-weight: 500;
  box-shadow: 0px 0px 4px #ccc;
  background: #ffffff;
}

#contact .nav-tabs>li.active>a,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #ffffff;

  background-color: #7db144 !important;
}

#contact .divider-light::before,
.divider-dark::before {
  content: "";
  width: 80px;
  height: 4px;
  background: #7db144;
  position: absolute;
  top: -3px;
  left: 23vw;
}

#contact .coninfo p {
  text-align: left;
  text-shadow: 0px 2px 2px #b5d0dc;
  margin: 0 auto;
  font-size: 21px;
  color: #1594cc;
  margin-left: 5px;
}

#contact .bd {
  border-right: 1px solid #f5f5f5;
}

#contact input[type=submit] {
  text-align: center;
  position: relative;
  background: #7db144;
  min-width: 250px;
  min-height: 50px;
  width: auto;
  padding: 15px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  transition: 0.1s;
  border-radius: 3px;
  border: none;
  float: right;
  margin-right: 15px;
}

#contact input[type=submit]:hover {
  background-color: #1594cc;
}

#contact input,
textarea {
  padding: 10px;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  font-size: 15px !important;
  border-radius: 3px;
  transition: 0.2s;
}

#contact .input1:focus {
  box-shadow: inset 0px 0px 5px 1px #7db14473!important;
  border-color: #82b7478c;
}

#contact .contact-detail {
  text-align: left;
  font-size: 16px;
  padding: 10px 0;
  margin-left: 10px;
}

#contact .contact-detail .fa {
  color: #1a5c79;
  margin-right: 10px;
}

#services .newsimg img {
  position: absolute;
  height: 160px !important;
  max-width: none;
  width: auto;
}

#services .newsimg {
  margin: 15px 10px;
  position: relative;
  height: 160px;
  overflow: hidden;
}

#news .newsimg img {
  position: absolute;
  height: 186px !important;
  max-width: none;
  width: auto;
}

#news .newsimg {
  width: 267px;
  padding: 0 0;
  margin: 20px 5px;
  position: relative;
  height: 186px;
  overflow: hidden;
}

#news .newsimg:hover img,
#services .newsimg:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}



#news .btn-read-more {
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 7px 21px;
  font-weight: 500;
  background-color: #7db1441f;
  font-size: 12px;
  transition: 0.1s;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#news .btn-read-more:hover,
.btn-read-more:hover:after {
  background: #7db144;
  color: #fff;
}

#news .divider-light,
.divider-dark {
  height: 1px;
  width: 100%;
  position: relative;
  margin-bottom: 0px;
}



#services .btn-read-more:hover:after {
  background: #fff;
  color: #1594cc;
}

.post-info .fa {
  color: #7aae3c;
  margin-right: 5px;
}





/* Text meant only for screen readers. */

.pagination1 {
  text-align: center;
}

.pagination1 .fa {
  color: #fff;
}



.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
  display: none;
}




/* transition */

a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}




/* pagination */

.nav-links a {
  font-size: 20px;
  margin: 1rem .6rem;
}

.nav-links a.page-numbers {
  color: #888;
}

.nav-links a.page-numbers:hover {
  color: #1594cc;
}

.nav-links .page-numbers.current,
.nav-links .page-numbers.dots {
  color: #7db144;
  font-size: 29px;
}

.nav-links a.next,
.nav-links a.prev {
  display: inline-block;
  padding: 0px 8px;
  background-color: #7db144;
  color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.nav-links a.next:hover,
.nav-links a.prev:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  color: #fff;
}

.custom-select select {
  display: none;
  /*hide original SELECT element:*/
}

.custom-select {
  margin-left: 15px;
  display: inline-block;
  position: relative;
}

.select-selected {
  background-color: #1594cc;
}




/*style the arrow inside the select element:*/

.select-selected:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 6px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}




/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}




/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  padding-right: 23px;
  word-break: keep-all;
  border: 1px solid #ffffff6b;
  cursor: pointer;
}




/*style items (options):*/

.select-items {
  position: absolute;
  background-color: #1594cc;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10000;
}




/*hide the items when the select box is closed:*/

.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: #7db144;
}


#proinfo .content-box {
  border: none;
  box-shadow: 0px 2px 5px #c7c7c7;
  background-color: #ffffffa1;
  margin: 15px 0;
  vertical-align: middle;
  display: inline-block;
}

.infobr {
  border-right: 2px #e5e5e5 solid;
}

.infobt {
  border-top: 2px #e5e5e5 solid;
  padding-top: 5px;
}

.infoimg {
  position: relative;
  margin: 0 0;
  display: flow-root;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.infos {
  box-shadow: 1px 1px 1px #436f0e;
  position: absolute;
  background-color: #7db144;
  padding: 2px 14px;
  color: #444;
  left: -5px;
}

.infos h4 {
  color: #fff;
  font-size: 16px;
}

.infos p {

  font-size: 13px;
  line-height: 15px;
  letter-spacing: 2px;
}

.infos1 {
    text-align: center;
    padding: 2px 0px;
    color: #444;
}

.infos1 h4 {
    color: #acacac;
    font-size: 14px;
    margin: 0;
}

.infos1 p {
  margin: 0;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 2px;
}

.infobk {
  background-color: #cdd6c317;
}

#proinfo .infoimg img {
  margin-top: 10px;
}

#proinfo .infoimg p,
#proinfo .infoimg h4 {
  margin: 0px;
}

#proinfo .content-box:before {
  content: "___ ___ ___";
  background: #7db144;
  color: #fff0;
  margin-right: 5px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -7px;
  right: -12px;
  z-index: -1;
  -webkit-clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 0%);
  clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 0%);
}

.infotx {
  padding: 0 14px;
  padding-bottom: 10px;
}


.infotx p {
  padding-left: 8px;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0;
}

.infotx h4 {
  color: #555654;
  width: auto;
  margin: 3px 0;
  margin-bottom: 0px;
  padding: 8px 0;
}

.proinfotop {
  margin: 40px 0;
  border-bottom: 1px #e8e8e8 solid;
}

.sucinfo .cus {
  padding: 10px 30px;
  position: relative;
  margin: 30px 20px;
  border-radius: 8px;
  box-shadow: 1px 1px 7px #b9b9b9;
}

.sucinfo .cus:after {
  content: "\f073";
  font-size: 14px;
  font-family: "FontAwesome";
  color: #fff;
  padding: 6px 9px;
  transition: 0.15s;
  position: absolute;
  left: -15px;
  background-color: #7fb143;
  border-radius: 50%;
  top: 8px;
}


#proinfo .section-item {
  align-items: center;
  display: inline-flex;
  float: left;
  width: 100%;
  height: 70px;
  background: #fff;
  padding: 15px 10px;
  transition: 0.1s;
  box-shadow: 2px 2px 9px #b7b7b7;
}


#proinfo .section-item.active div h2 {
  color: #1594cc;
}

.pagetop {
  max-width: 1000px !important;
  position: absolute;
  font-size: 14px;
  letter-spacing: 2px;
  margin-top: 20px;
}

.pagetop a {
  font-weight: 400;
}

.pagetop .fa {
  padding: 0 10px;
}

.pagetop a:hover {
  color: #7db144;
}


#services .content-box {
  border: 1px #dcdcdc solid;
}


#proinfo .section-item img {

  margin-right: 5px;
  opacity: 0.6;
}

#proinfo .section-item:hover img {

  opacity: 1;
}




#proinfo .section-item h4 {
  color: #7db144;
  margin: 0 0;
  font-size: 16px;
}


.mg20 {
  margin: 20px 0;
  text-align: center;
}

section#prolist {
  background-image: url(../img/bk1.jpg);
  background-position: bottom;
}


#prolist .zd10 ul {
  padding: 0 0;
}

#prolist .section-item1 {
  width: 160px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  align-items: center;
  margin: 0 0;
  background: unset;
  padding: 0;
  transition: 0.1s;
  box-shadow: unset;
}

#prolist .section-item1 h2:before {
  content: none;
}


#prolist .section-item1 img {
  max-width: 100%;
  margin-right: 0px;
  opacity: 1;
}

#prolist .section-item1:hover img {

  opacity: 0.6;
}

#prolist .section-item1:hover h4 {
  left: 0px;
  color: #1594cc;
}

#prolist .zd10 {
  text-align: center;
}

#prolist .section-item1 h4 {
  color: #7db144;
  margin: 0 0;
  font-size: 16px;
}


.mg20 {
  margin: 20px 0;
  text-align: center;
}

#proinfo .zd10 {
  padding: 0 0;
  padding-right: 38px;
  margin-bottom: 25px;
}

#index1 .zd10 {

  margin-bottom: 0px;
}

.zd10 ul {
  padding: 0 0;
}

.bigimg {
  height: auto !important;
  width: 200px !important;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: none;
  z-index: 9999;
  border: 10px solid #fff;
}

.mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
  filter: Alpha(opacity=50);
  z-index: 98;
  transition: all 1s;
  display: none
}

.imgbox:hover {
  cursor: zoom-in
}

.mask:hover {
  cursor: zoom-out
}

.mask>img {
  position: fixed;
  right: 10px;
  top: 10px;
  width: 60px;
}

.mask>img:hover {
  cursor: pointer
}




.under {
  border-bottom: 1px #eaeaea solid;
  padding-bottom: 20px;
  margin-bottom: 15px;
}



.company img {
  height: 45px;
}

.infotop {
  display: contents;
  margin-bottom: 20px;
}

.infotop h4 {
  border-bottom: 1px #eaeaea solid;
  padding-bottom: 10px;
  color: #484848;
  font-family: "Quicksand", sans-serif, 微軟正黑體;
}



.infotop p {
  margin-bottom: 4px;
  margin-left: 26px;
}

.infotop p:before {
  content: '';
  display: inline-block;
  position: relative;
  left: -14px;
  bottom: 2px;
  width: 7px;
  height: 7px;
  background: #d0e2ba;
}

ul.infoul {
  display: flex;
  margin: 0 0;
  padding: 0 0;
  padding-bottom: 5px;
}

ul.infoul li {
  white-space: nowrap;
  margin: 0;
  margin-right: 5px;
  margin-bottom: 3px;
  padding: 0 4px;
  background-color: #ececec;
}

ul.infoul-1 {
  margin: 0 0;
  padding: 0 0;
  padding-bottom: 5px;
}

ul.infoul-1 li {
  white-space: nowrap;
  margin: 0;
  margin-right: 5px;
  margin-bottom: 3px;
  padding: 0 4px;
  background-color: #ececec;
  font-size: 0.9em;
}


.tablee {
  height: 80px;
  line-height: 80px;
}


.tablee img {
  display: -webkit-inline-box;
  text-align: center;
  vertical-align: middle;
  max-height: 80px;
}

.blog-post h2.post-title:hover,
.post-info a:hover {
  color: #1594cc;
}

#prolist .team-member:hover .content-box {
  transition: 0.6s;
  border: 7px #7db144 solid;
}



#prolist .team-member:hover .content-box-info {
  transition: 0.6s;
  background-color: #7db144;
}

#prolist .team-member:hover .content-box-info h4 {
  transition: 0.6s;
  color: #fff;
}

#prolist .team-member:hover .content-box img {
  transform: scale(1.2);
  transition: 1s;
}


.pointp p:before {
content: '';
    display: inline-block;
    position: relative;
    left: -7px;
    bottom: 2px;
    width: 7px;
    height: 7px;
    background: #7db144;
    border-radius: 50%;
}

#three-cicle p{
color:#fff;
}




.c1{
  position: absolute;
    top: -50px;
    width: 227px;
    height: 233px;
    border-radius: 73%;
    background-color: #ef7d1a;
    z-index: -1;
}


.cb{
  background-color: #00a1be !important;
}

.cg{
  background-color: #8d8676 !important;
}


.cus-i{
    position: absolute !important;
    top: 50px;
    left: -7%;
    font-size: 20px !important;
}

.c2 p{
  margin-left: 50px !important;
}

.cus-span-title{
margin: 0 auto;
background-color: #1594cc;
color: #fff;
padding: 0 20px;
border-radius: 6px;
}

.pointp p {
  font-size: 14px;
  padding: 0;
  margin-bottom: 10px;
  margin-left: 10px;
  line-height: 16px;
}

.cusimg img {

  max-width: 54%;
  margin-top: 5px;
}



.abc .litx {
  box-shadow: 2px 2px 6px #c1c1c1;
  border-radius: 0px 20px 20px;
  margin: 10px 0;
  display: table-cell;
  vertical-align: middle;
  background-color: #7db144;
}

.abc .litx1 {
  border-radius: 20px 0px 20px 20px;
  box-shadow: -2px 2px 6px #c1c1c1;
  margin: 10px 0;
  display: table-cell;
  vertical-align: middle;
  background-color: #828282;
}

.abc .litx h2 {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 3px #a5a5a5;
  border-radius: 5px;
  color: #7db144;
  margin: 0px 0;
  margin-top: 15px;
  width: fit-content;
  padding: 5px 10px;
}


.abc .litx1 h2 {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 3px #a5a5a5;
  border-radius: 5px;
  color: #828282;
  margin: 0px 0;
  margin-top: 15px;
  width: fit-content;
  padding: 5px 10px;
}



.abc .litx p,
.abc .litx1 p {
  margin: 0;
  padding: 10px 0;
  color: #fff;
  margin-bottom: 20px;
}



.abc .liimg img {
  margin: 10px 0;
  width: 100%;
}

.abc .abcli {
  display: table;
  margin: 5px 0;
  padding: 0 0;
}



.sidebar-nav ul li.active {
  background: #1594cc!important;
  transition: 0.2s;
}

.sidebar-nav ul li.active a {
  color: #fff;
}

.flri {
  float: right;
}

img.mr0 {
  margin: 8px 0;
}

.top19 .blog-date {
  top: 17px;
}

.about-item
{
  padding-top: 85px;
  clear: both;
}

.about-subnav
{
  padding-bottom: 85px;
}

/*.about-subnav-fix
{
  position: fixed;
  top: 100px;
  width: 285px;
}*/

.pro-table
{
  overflow-x: auto;
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin:0 0 30px 0 ;
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table tr {
  border: 1px solid #ddd;
  padding: .35em;
}


table tr:nth-child(even) { 
}

table tr:hover {
  background: #fff;
}




table th,
table td {
  padding: .625em;
  text-align: left;
}
table th {
  background: #999;
  color: #fff;
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

table img
{
    max-width: 90px;
}

/*******************************/


/* 12. Media queries */


/*******************************/

@media screen and (max-width: 1366px) {
  .carousel-content {
    top: 25%;
  }

  #mainmenu li:last-child a {
    padding-right: 20px;
  }


  #mainmenu a {
    padding: 22px 20px 22px 2px;
  }

  .language {
    margin-left: -10px;
  }
}
.gg h5{
font-size: 17px;
    color: #003aa4;
    text-align: left;
    margin-bottom: 0;
    line-height: 20px;
}

@media (max-width: 1199px) {
.prodtitl1 {
    min-height: 105px;
}
}

@media (max-width: 991px) {
.prodtitl1 {
    min-height: unset;
}
}


@media screen and (max-width: 1300px) {}

@media screen and (max-width: 768px) {


  #footer h4 {
    margin-top: 25px;
  }

  .section-item h2 {
    font-size: 20px;
  }

  .section-item {
    height: 80px;
    width: 100%;
    margin-bottom: 1px;
    padding: 25px 20px;
  }
  .small-divider {
    display: none;
  }

  .gallery .item {
    width: 100%;
  }
}

.lan{
float: left;
}

.lan2 {
    /* float: right; */
    /* width: 16.66666667%; */
    position: absolute;
    right: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {

  .carousel-content h1 {
    font-size: 3.5em;
  }

  .carousel-content p {
    font-size: 1em;
  }

  header h1#logo {
    width: 85px;
  }
}


@media (max-width: 1051px) {
.gg{
  display: none;
  }  
}
@media (max-width: 871px) {
.lan2 {
    float: right;
    width: unset;
  } 
}

@media (max-width: 480px)
{
  .lan2 {
    width: 55%!important;
    height: 55px;
    right: 0;
  }
  .line30 {
    line-height: 25px!important;
  }
  .lan-icon span {
    line-height: 25px!important;
  }
}


@media (min-width: 768px) and (max-width: 1366px) {

  #slider-fullwidth .carousel-inner>.item>img {
    max-width: 120%;
    width: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {

  .notice-box {
    padding: 30px;
  }

  .notice-box h2 {
    font-size: 1.6em;
  }
}

@media (min-width: 600px) and (max-width: 1091px) {
  #news .newsimg img {

    left: 0;
  }
}

@media (min-width: 990px) and (max-width: 1200px) {

  #news .newsimg {
    width: 217px;
    padding: 0 0;
    margin: 18px 5px;
    position: relative;
    height: 170px;
    overflow: hidden;
  }
  #news .newsimg img {
    position: absolute;
    height: 145px !important;
    max-width: none;
    width: auto;
  }

/*  .about-subnav-fix {
    position: fixed;
    top: 100px;
    width: 235px;
  }*/

  .main-slider {
    padding: 0 25px;
    margin-top: 35px;
  }

  .logo-title h5
  {
    font-size: 12px;
  }

  .logo-title p
  {
    font-size: 12px;
  }
}



@media (min-width: 480px) and (max-width: 991px) {


  #proinfo .section-item img {
    width: 7% !important;
  }
}




@media (min-width: 769px) and (max-width: 991px) {

  .brline1 .img-thumbnail
  {
    width: 23%;
  }
}









#proinfo .section-item.active img {
  width: 100%;
  opacity: 1;
}






@media screen and (max-width: 991px) {


.gray-section {
    width: 100%;
    overflow: unset;
}




.min-330 {
    min-height: unset !important;
}

.mb45{
  margin-bottom:45px  !important;
}

  #news .newsimg img {
    position: unset;
    height: unset !important;
    max-width: unset;
    width: 100%;
  }
  #news .newsimg {
    height: unset;

    width: 100%;
    padding: 0 0;
    margin: 0 0;
    text-align: center;
  }


  #footer {
    text-align: center;
  }



  .infos {
    top: 5px;
  }
  #proinfo .content-box {
    border: none;
    box-shadow: 0px 2px 5px #c7c7c7;
    background-color: #ffffffa1;
    margin: 20px 0;
    vertical-align: middle;
    display: block;
  }
  
  .about-subnav {
    padding-bottom: 50px;
  }
  .about-item {
    padding-top: 50px;
  }

  .language {
    position: absolute;
    right: 80px;
    top: 3px;
  }
}



@media screen and (max-width: 990px) {
  #proinfo .zd10 {
    padding: 0 15px;
    margin-bottom: 25px;
  }
  ul.infoul {
    width: fit-content;
    margin: 0 0;
    padding: 0 0;
    padding-bottom: 5px;
  }


  #contact input[type=submit] {
    margin-right: 0px !important;
    width: 100%;
  }
  #services .newsimg {
    margin: 15px 10px;
    position: relative;
    height: unset !important;
    overflow: hidden;
  }
  #services .newsimg img {

    position: unset;
    height: unset !important;
    max-width: none;
    width: 100%;
  }
  .content-box-info p {
    color: #777;
    font-size: 16px;
    margin: 9px 0;
  }





  .btn-slider,
  .carousel-content {
    display: none;
  }


  .social {
    margin-left: -23px;
  }

  #footer .contacts-list {
    margin-left: 0px;
  }

  #footer ul {
    width: 100%;
    margin-left: -8px;
  }
  header {
    min-height: 80px;
    position: static!important;
    line-height: 1.42857143;
  }

.tp-bar{
  min-height: 0px !important;
}



  .navbar-collapse {
    box-shadow: none;
    border-top: none;
  }

  header h1#logo {
    margin-left: 10px;
  }

  #footer-bot,
  #footer-bot ul {
    float: none;
    text-align: center;
    margin-top: 20px;
  }

  #footer-logo {
    margin: 20px;
  }

  .carousel-control {
    position: static;
    display: inline-block;
    margin: 10px 20px;
  }

  #slider-fullwidth {
    max-height: none;
  }

  .carousel-control.right {
    float: right;
  }

  nav {
    position: relative;
    top: 25px;
    padding-bottom: 50px;
  }

  nav ul {
    float: none;
  }

  li.has-children::after {
    content: '';
  }

  .carousel-content h1 {
    font-size: 2.5em;
  }

  .gallery .item {
    width: 49.99999%;
  }

  #slider-fullwidth {
    position: static;
  }

  nav ul li {
    width: 100%;
  }

  #mainmenu li ul li {
    position: relative;
  }

  #mainmenu li ul li:before {
    content: '-';
    position: absolute;
    left: 10px;
    top: 2px;
    color: #fff;
  }

  ul#mainmenu {
    width: 100%;
    border-top: none;
  }

  #mainmenu a {
    display: block;
    line-height: normal;
  }

  #mainmenu li ul li ul {
    position: static!important;
    visibility: visible;
  }

  #mainmenu li ul li ul li a {
    padding-left: 60px;
  }

  #mainmenu li ul li ul li:before {
    left: 35px;
    color: #353535;
  }
  #mainmenu li ul li {
    background: #111;
  }

  #mainmenu li ul li ul li a {
    background: #0c0c0c;
  }

  #mainmenu li ul li a {
    padding-left: 40px;
  }

  #mainmenu li:before {
    content: none;
  }

  #mainmenu>li>a {
    background: #1594cc;
    border: 1px solid #fff;
    border-bottom: none;
    color: #fff;
  }

  #mainmenu li a:hover {
    background: #0c5e82!important;
    color: #fff;
  }

  .navbar-collapse {
    padding: 0;
  }

  #mainmenu ul {
    display: block;
    width: 100%;
    position: static;
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
  }

  .carousel-content h1 {
    font-size: 2.5em;
  }

  .subnav-item {


    border-bottom: 1px solid #ffffff75;
  }

  .subnav-item p {
    margin-bottom: 0px;
    margin-left: 15px;
  }
  .subnav-item a {
    font-size: 12px;
  }
  .subnav .social {
    margin: 10px 0;
  }

  .carousel-control.left {
    float: left;
  }

  #slider-fullwidth {
    position: relative;
  }

  .carousel-control {
    position: absolute;
    bottom: 25px;
    top: auto;
    margin: 0;
  }
}

@media screen and (min-width: 769px) {

  img.hide-on-desk {
    display: none!important;
  }
}


@media screen and (max-width: 768px) {
  #contact .tab-content {
    margin: 10px 0;
  }

  section {
    padding: 60px 0;
  }

  body {
    font-size: 12px;
  }

  img.hide-on-mobile {
    display: none!important;
  }

  .btn {
    min-width: 130px;
  }

  .title-content {
    padding: 40px 30px;
  }

  .title-content h2 {
    font-size: 2em;
  }

  .title-content p {
    font-size: 1em;
  }

  #top-content-area {
    padding: 70px 0;
  }

  .section-item h2 {
    margin-bottom: 0px;
  }

  .feature-box {
    margin-bottom: 20px;
  }

  .team-member .content-box-info {}

  .team-member .content-box-info h4 {
    font-size: 1em;
  }
}

@media screen and (max-width: 767px) {

.team-member img {
    max-width: 50% ;
    padding-top: unset !important;
    padding-bottom: unset !important;
}

.no-pic img {
    max-width: 50% !important;
}


.pd5 {
min-height: 35vh !important;
}

.cus-span-title {
    margin: 0 auto;
    background-color: #1594cc;
    color: #fff;
    padding: 1px 6px;
    border-radius: unset;
    line-height: 35px;
}
  

  .abc .liimg {
    padding: 0 0;
  }


.mt160{
  margin-top: 40px;
}

.c1{
  display: none;
}







.c3{
  text-align: center;
  background-color: #ef7d1a;
  padding: 20px 0;
}

.c4{
  text-align: center;
  background-color: #00a1be;
  padding: 20px 0;
}

.c5{
  text-align: center;
  background-color: #8d8676;
  padding: 20px 0;
}



.pointp p {
    margin-left: 0px !important;
}



.c2 p {
    margin-left: 0px !important;
}

#three-cicle i{
  display: none;
}


}

@media screen and (max-width: 600px) {
.pd5 {
min-height: 32vh !important;
}

}





@media screen and (min-width: 480px) and (max-width: 768px) {

  #slider-content {
    margin: 0 10%;
    padding: 15% 0 0 0;
  }

  #slider-content p {
    font-size: 2em;
  }

  .carousel-content h1 {
    font-size: 2.5em;
  }

  .brline1 .img-thumbnail {
    width: 15%;
  }
}

@media screen and (max-width: 680px) {

  ul.comment-nested {
    margin-left: 20px;
  }

  .nested-2 {
    padding-left: 40px;
  }

  .testimonial .profile img {
    width: 64px;
    height: 64px
  }

  .testimonial .profile {
    width: 90px
  }

  .testimonial .content-box {
    margin-left: 100px!important;
  }

  .testimonial .content-box::before,
  .comments .content-box:before {
    top: 15px;
  }
}

@media (max-width: 580px) {
  #contact .nav-tabs>li a {
    padding: 12px 20px;
    margin: 5px 0;
  }
  #contact .nav-tabs>li {
    display: block;
  }
}



@media screen and (max-width: 480px) {
  #proinfo .section-item1 {
    display: inline-block;
    text-align: center;
    align-items: center;
    width: 49%;
    vertical-align: top;
    margin: 0 auto;
    background: unset;
    padding: 0;
    transition: 0.1s;
    box-shadow: unset;
  }
  #prolist .section-item1 {
    display: inline-block;
    text-align: center;
    align-items: center;
    width: 49%;
    vertical-align: top;
    margin: 0 auto;
    background: unset;
    padding: 0;
    transition: 0.1s;
    box-shadow: unset;
  }
  .subnav-item {
    display: none;
  }

  nav ul {
    display: none;
  }

  #slider-content p {
    font-size: 1.75em;
  }

  .carousel-content h1 {
    font-size: 2em;
  }

  .carousel-content {
    padding: 0 30px;
  }

  .carousel-content {
    height: 60%;
  }

  .slide-title .divider-dark {
    margin-bottom: 20px;
  }

  .brline1 .img-thumbnail {
    width: 22%;
  }

  .language {
    display: block;
  }
}

#footer {
  height: 100%;
  background:#00425f;
  background: radial-gradient(ellipse at bottom, #00425f 14%, #1594ccb8 139%);
  overflow: hidden;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 660px 1438px #FFF, 107px 1764px #FFF, 1987px 258px #FFF, 218px 853px #FFF, 1655px 431px #FFF, 253px 559px #FFF, 1540px 1527px #FFF, 1080px 1673px #FFF, 1788px 1238px #FFF, 1622px 1233px #FFF, 331px 521px #FFF, 106px 1980px #FFF, 1277px 1900px #FFF, 1391px 1407px #FFF, 310px 1506px #FFF, 1976px 533px #FFF, 1182px 1638px #FFF, 88px 1666px #FFF, 595px 274px #FFF, 419px 736px #FFF, 808px 529px #FFF, 390px 918px #FFF, 463px 800px #FFF, 251px 1321px #FFF, 1294px 627px #FFF, 1187px 1453px #FFF, 297px 1043px #FFF, 1330px 22px #FFF, 886px 941px #FFF, 1149px 578px #FFF, 899px 276px #FFF, 346px 219px #FFF, 1467px 1751px #FFF, 161px 110px #FFF, 1861px 1999px #FFF, 338px 1563px #FFF, 468px 4px #FFF, 40px 1871px #FFF, 99px 1753px #FFF, 1095px 107px #FFF, 914px 550px #FFF, 1635px 1241px #FFF, 412px 1294px #FFF, 673px 140px #FFF, 1667px 1812px #FFF, 1633px 81px #FFF, 869px 553px #FFF, 1657px 36px #FFF, 855px 817px #FFF, 709px 37px #FFF, 1341px 744px #FFF, 1567px 925px #FFF, 1106px 65px #FFF, 1161px 277px #FFF, 972px 10px #FFF, 896px 95px #FFF, 1150px 1188px #FFF, 436px 440px #FFF, 1135px 982px #FFF, 1024px 788px #FFF, 536px 1013px #FFF, 908px 1770px #FFF, 541px 396px #FFF, 855px 1779px #FFF, 1361px 1492px #FFF, 574px 487px #FFF, 1989px 1093px #FFF, 648px 1630px #FFF, 1814px 1735px #FFF, 1035px 1452px #FFF, 504px 1029px #FFF, 1461px 767px #FFF, 246px 961px #FFF, 1849px 323px #FFF, 996px 1711px #FFF, 1644px 548px #FFF, 577px 449px #FFF, 1313px 799px #FFF, 1495px 734px #FFF, 739px 1707px #FFF, 1344px 496px #FFF, 1114px 436px #FFF, 1332px 646px #FFF, 1126px 78px #FFF, 1911px 551px #FFF, 279px 769px #FFF, 1600px 964px #FFF, 453px 1487px #FFF, 1897px 100px #FFF, 666px 1016px #FFF, 1479px 112px #FFF, 1424px 1075px #FFF, 104px 1692px #FFF, 503px 856px #FFF, 623px 914px #FFF, 182px 1733px #FFF, 119px 199px #FFF, 1114px 47px #FFF, 481px 1982px #FFF, 1046px 544px #FFF, 174px 1372px #FFF, 1396px 1880px #FFF, 1808px 1521px #FFF, 1882px 1974px #FFF, 1517px 8px #FFF, 65px 1552px #FFF, 97px 1426px #FFF, 1806px 448px #FFF, 640px 1521px #FFF, 1888px 173px #FFF, 1745px 1380px #FFF, 449px 1907px #FFF, 1216px 1237px #FFF, 1073px 1993px #FFF, 1548px 387px #FFF, 1157px 1538px #FFF, 1402px 1817px #FFF, 625px 594px #FFF, 691px 778px #FFF, 1858px 920px #FFF, 1776px 1443px #FFF, 403px 918px #FFF, 17px 1570px #FFF, 81px 958px #FFF, 131px 1357px #FFF, 138px 696px #FFF, 1672px 698px #FFF, 1500px 381px #FFF, 434px 1591px #FFF, 1399px 1649px #FFF, 781px 492px #FFF, 1470px 205px #FFF, 257px 494px #FFF, 329px 1595px #FFF, 1847px 38px #FFF, 686px 320px #FFF, 1785px 1839px #FFF, 1354px 414px #FFF, 1429px 50px #FFF, 85px 1613px #FFF, 1900px 1646px #FFF, 1535px 913px #FFF, 264px 1189px #FFF, 1365px 993px #FFF, 1406px 1121px #FFF, 826px 1424px #FFF, 1430px 476px #FFF, 983px 549px #FFF, 1560px 571px #FFF, 624px 1020px #FFF, 1451px 348px #FFF, 1858px 1448px #FFF, 570px 1220px #FFF, 1815px 614px #FFF, 1622px 294px #FFF, 739px 1610px #FFF, 169px 980px #FFF, 856px 1611px #FFF, 249px 937px #FFF, 1231px 1338px #FFF, 101px 1017px #FFF, 1423px 1825px #FFF, 1874px 298px #FFF, 750px 1750px #FFF, 258px 763px #FFF, 785px 1221px #FFF, 531px 498px #FFF, 256px 1138px #FFF, 1223px 1534px #FFF, 627px 686px #FFF, 858px 706px #FFF, 1260px 614px #FFF, 956px 867px #FFF, 872px 231px #FFF, 98px 1465px #FFF, 1221px 495px #FFF, 1319px 1237px #FFF, 121px 211px #FFF, 1971px 1500px #FFF, 1391px 1041px #FFF, 1282px 1918px #FFF, 1445px 955px #FFF, 1465px 987px #FFF, 474px 1469px #FFF, 668px 374px #FFF, 228px 1844px #FFF, 968px 932px #FFF, 1891px 1531px #FFF, 1417px 402px #FFF, 1835px 1138px #FFF, 426px 977px #FFF, 651px 743px #FFF, 1750px 736px #FFF, 1607px 1645px #FFF, 1709px 218px #FFF, 1344px 701px #FFF, 701px 1257px #FFF, 992px 1375px #FFF, 903px 167px #FFF, 1884px 1288px #FFF, 127px 735px #FFF, 158px 731px #FFF, 598px 1442px #FFF, 1499px 570px #FFF, 609px 1518px #FFF, 622px 34px #FFF, 256px 1682px #FFF, 1885px 1671px #FFF, 433px 1812px #FFF, 1575px 70px #FFF, 929px 934px #FFF, 503px 7px #FFF, 1654px 1001px #FFF, 1308px 1024px #FFF, 507px 381px #FFF, 1371px 302px #FFF, 256px 392px #FFF, 190px 345px #FFF, 295px 1298px #FFF, 750px 1293px #FFF, 824px 145px #FFF, 1352px 556px #FFF, 314px 1691px #FFF, 999px 60px #FFF, 809px 1622px #FFF, 1626px 191px #FFF, 1382px 649px #FFF, 324px 344px #FFF, 805px 34px #FFF, 991px 772px #FFF, 244px 1211px #FFF, 1550px 669px #FFF, 1257px 630px #FFF, 1331px 306px #FFF, 1039px 1988px #FFF, 1539px 1282px #FFF, 302px 139px #FFF, 1868px 954px #FFF, 458px 52px #FFF, 1056px 639px #FFF, 947px 1803px #FFF, 130px 1006px #FFF, 1550px 1388px #FFF, 1996px 585px #FFF, 131px 1891px #FFF, 296px 164px #FFF, 1548px 1631px #FFF, 1594px 1415px #FFF, 1394px 698px #FFF, 193px 1088px #FFF, 1608px 820px #FFF, 316px 1160px #FFF, 863px 888px #FFF, 200px 918px #FFF, 1448px 1924px #FFF, 834px 631px #FFF, 528px 3px #FFF, 530px 223px #FFF, 1339px 624px #FFF, 1330px 1587px #FFF, 812px 280px #FFF, 1595px 1609px #FFF, 1397px 275px #FFF, 1060px 1536px #FFF, 1601px 240px #FFF, 656px 1035px #FFF, 1696px 1632px #FFF, 238px 883px #FFF, 1642px 1683px #FFF, 1997px 863px #FFF, 644px 877px #FFF, 222px 215px #FFF, 334px 1256px #FFF, 387px 1797px #FFF, 1960px 651px #FFF, 709px 880px #FFF, 1131px 677px #FFF, 148px 470px #FFF, 1817px 640px #FFF, 630px 847px #FFF, 1871px 1434px #FFF, 1164px 954px #FFF, 141px 1838px #FFF, 960px 1793px #FFF, 1924px 1497px #FFF, 1977px 499px #FFF, 493px 1175px #FFF, 876px 1758px #FFF, 606px 1083px #FFF, 1219px 516px #FFF, 1019px 472px #FFF, 1307px 360px #FFF, 609px 496px #FFF, 973px 1092px #FFF, 238px 632px #FFF, 1187px 1137px #FFF, 1416px 589px #FFF, 1208px 974px #FFF, 63px 694px #FFF, 1130px 360px #FFF, 1890px 234px #FFF, 649px 25px #FFF, 1070px 1325px #FFF, 1250px 1938px #FFF, 669px 1000px #FFF, 1091px 1033px #FFF, 1160px 547px #FFF, 1414px 1004px #FFF, 827px 1789px #FFF, 168px 1084px #FFF, 373px 98px #FFF, 168px 915px #FFF, 1958px 174px #FFF, 1452px 615px #FFF, 1870px 1120px #FFF, 193px 1280px #FFF, 1334px 1833px #FFF, 678px 10px #FFF, 1153px 1077px #FFF, 480px 418px #FFF, 1162px 1793px #FFF, 878px 185px #FFF, 423px 1448px #FFF, 1041px 1467px #FFF, 190px 1045px #FFF, 1660px 1712px #FFF, 420px 942px #FFF, 758px 629px #FFF, 694px 1116px #FFF, 1495px 1139px #FFF, 1902px 235px #FFF, 1813px 210px #FFF, 779px 1819px #FFF, 599px 628px #FFF, 835px 75px #FFF, 428px 1185px #FFF, 268px 1264px #FFF, 1563px 1340px #FFF, 1305px 440px #FFF, 1996px 444px #FFF, 1716px 557px #FFF, 985px 675px #FFF, 978px 1956px #FFF, 827px 1238px #FFF, 1366px 138px #FFF, 1430px 871px #FFF, 568px 123px #FFF, 848px 1920px #FFF, 1767px 1645px #FFF, 1423px 212px #FFF, 289px 1694px #FFF, 1134px 1864px #FFF, 976px 1100px #FFF, 46px 617px #FFF, 950px 281px #FFF, 1222px 1675px #FFF, 1041px 465px #FFF, 1598px 1945px #FFF, 1684px 687px #FFF, 1476px 1306px #FFF, 1500px 225px #FFF, 1330px 740px #FFF, 276px 243px #FFF, 863px 507px #FFF, 817px 71px #FFF, 472px 1943px #FFF, 1430px 715px #FFF, 987px 584px #FFF, 1811px 1280px #FFF, 1134px 769px #FFF, 470px 155px #FFF, 226px 218px #FFF, 1098px 940px #FFF, 1962px 1228px #FFF, 1000px 829px #FFF, 175px 235px #FFF, 647px 1882px #FFF, 1532px 821px #FFF, 1317px 1884px #FFF, 1134px 1056px #FFF, 586px 1453px #FFF, 586px 1367px #FFF, 1257px 1331px #FFF, 1999px 386px #FFF, 557px 15px #FFF, 1162px 1278px #FFF, 1410px 347px #FFF, 1914px 1854px #FFF, 1317px 647px #FFF, 1669px 492px #FFF, 996px 1100px #FFF, 305px 253px #FFF, 826px 1665px #FFF, 651px 1988px #FFF, 1009px 1784px #FFF, 20px 45px #FFF, 590px 828px #FFF, 483px 818px #FFF, 46px 1391px #FFF, 262px 1865px #FFF, 88px 456px #FFF, 1765px 1804px #FFF, 1731px 1774px #FFF, 1508px 252px #FFF, 1382px 762px #FFF, 1352px 1275px #FFF, 1302px 444px #FFF, 422px 420px #FFF, 1367px 1753px #FFF, 699px 825px #FFF, 1619px 1028px #FFF, 298px 1075px #FFF, 1036px 1174px #FFF, 1373px 364px #FFF, 1369px 237px #FFF, 352px 355px #FFF, 924px 1778px #FFF, 1125px 1681px #FFF, 44px 279px #FFF, 786px 481px #FFF, 1946px 254px #FFF, 288px 977px #FFF, 779px 1002px #FFF, 843px 420px #FFF, 391px 404px #FFF, 1144px 1334px #FFF, 740px 1919px #FFF, 56px 797px #FFF, 701px 1610px #FFF, 973px 1210px #FFF, 550px 1176px #FFF, 47px 878px #FFF, 1773px 1424px #FFF, 587px 548px #FFF, 893px 1557px #FFF, 193px 1262px #FFF, 980px 1363px #FFF, 1324px 1583px #FFF, 1901px 1923px #FFF, 1509px 776px #FFF, 768px 916px #FFF, 1728px 112px #FFF, 1526px 125px #FFF, 374px 1457px #FFF, 1837px 751px #FFF, 1092px 1096px #FFF, 1972px 1677px #FFF, 1533px 123px #FFF, 1861px 814px #FFF, 562px 531px #FFF, 1557px 131px #FFF, 1793px 701px #FFF, 1339px 1582px #FFF, 1231px 1893px #FFF, 1621px 1109px #FFF, 815px 1727px #FFF, 1992px 1111px #FFF, 1032px 534px #FFF, 1180px 1056px #FFF, 1342px 1819px #FFF, 23px 1804px #FFF, 372px 1029px #FFF, 402px 67px #FFF, 921px 107px #FFF, 1302px 1278px #FFF, 1911px 826px #FFF, 479px 1249px #FFF, 229px 1917px #FFF, 1007px 891px #FFF, 475px 1975px #FFF, 294px 1889px #FFF, 781px 1484px #FFF, 723px 387px #FFF, 1183px 921px #FFF, 1489px 1170px #FFF, 125px 1202px #FFF, 604px 998px #FFF, 311px 979px #FFF, 882px 1172px #FFF, 1376px 1781px #FFF, 1241px 666px #FFF, 1521px 1849px #FFF, 589px 245px #FFF, 264px 603px #FFF, 1761px 1535px #FFF, 35px 227px #FFF, 254px 1964px #FFF, 505px 321px #FFF, 639px 1143px #FFF, 1741px 1555px #FFF, 1900px 285px #FFF, 1126px 1387px #FFF, 1942px 263px #FFF, 850px 1179px #FFF, 105px 1332px #FFF, 1319px 295px #FFF, 495px 1783px #FFF, 1382px 527px #FFF, 1757px 1512px #FFF, 1950px 1912px #FFF, 839px 969px #FFF, 447px 89px #FFF, 373px 841px #FFF, 319px 917px #FFF, 1855px 1379px #FFF, 77px 1628px #FFF, 351px 20px #FFF, 1714px 302px #FFF, 1008px 289px #FFF, 1986px 444px #FFF, 1136px 1416px #FFF, 1134px 587px #FFF, 1252px 408px #FFF, 465px 90px #FFF, 1548px 1467px #FFF, 1365px 1567px #FFF, 1360px 791px #FFF, 1629px 218px #FFF, 829px 497px #FFF, 1204px 237px #FFF, 1283px 1807px #FFF, 478px 1729px #FFF, 253px 1002px #FFF, 989px 891px #FFF, 1582px 666px #FFF, 1561px 253px #FFF, 175px 700px #FFF, 131px 501px #FFF, 1325px 1461px #FFF, 1774px 1908px #FFF, 1555px 993px #FFF, 683px 1476px #FFF, 94px 468px #FFF, 801px 808px #FFF, 155px 586px #FFF, 1124px 1864px #FFF, 711px 696px #FFF, 1709px 126px #FFF, 1487px 1975px #FFF, 1785px 925px #FFF, 781px 1283px #FFF, 501px 203px #FFF, 928px 55px #FFF, 476px 1928px #FFF, 708px 1236px #FFF, 1691px 453px #FFF, 1746px 1685px #FFF, 1335px 1395px #FFF, 1814px 1398px #FFF, 249px 430px #FFF, 1519px 1343px #FFF, 1973px 1698px #FFF, 750px 435px #FFF, 1436px 332px #FFF, 1571px 1997px #FFF, 179px 1961px #FFF, 1478px 866px #FFF, 191px 1941px #FFF, 141px 236px #FFF, 1838px 1336px #FFF, 1670px 335px #FFF, 482px 1021px #FFF, 1076px 432px #FFF, 433px 858px #FFF, 913px 1006px #FFF, 1447px 1395px #FFF, 153px 962px #FFF, 1125px 1696px #FFF, 882px 1768px #FFF, 1286px 1322px #FFF, 20px 465px #FFF, 348px 319px #FFF, 4px 1300px #FFF, 405px 1643px #FFF, 280px 1251px #FFF, 14px 1130px #FFF, 1707px 954px #FFF, 75px 59px #FFF, 626px 898px #FFF, 286px 1366px #FFF, 331px 1301px #FFF, 791px 957px #FFF, 787px 1819px #FFF, 1501px 296px #FFF, 1363px 788px #FFF, 729px 1987px #FFF, 956px 1679px #FFF, 415px 388px #FFF, 250px 1841px #FFF, 1668px 5px #FFF, 141px 443px #FFF, 552px 1952px #FFF, 147px 129px #FFF, 1672px 436px #FFF, 1875px 1018px #FFF, 1458px 1501px #FFF, 1284px 614px #FFF, 447px 84px #FFF, 214px 416px #FFF, 469px 1946px #FFF, 1707px 1835px #FFF, 804px 461px #FFF, 552px 1664px #FFF, 470px 499px #FFF, 1325px 24px #FFF, 476px 1666px #FFF, 1815px 1622px #FFF, 177px 1471px #FFF, 1985px 1425px #FFF, 1827px 499px #FFF, 760px 1243px #FFF, 121px 1573px #FFF, 339px 1695px #FFF, 676px 260px #FFF, 657px 921px #FFF, 1096px 575px #FFF, 630px 1624px #FFF, 438px 1600px #FFF, 1429px 648px #FFF, 393px 1232px #FFF, 274px 312px #FFF, 1690px 1436px #FFF, 1464px 1483px #FFF, 1569px 1884px #FFF, 19px 342px #FFF, 382px 338px #FFF, 211px 476px #FFF, 1627px 1521px #FFF, 1521px 950px #FFF, 637px 1055px #FFF, 1730px 171px #FFF, 622px 355px #FFF, 1717px 577px #FFF, 1011px 1313px #FFF, 729px 1462px #FFF, 147px 479px #FFF, 1441px 1304px #FFF, 955px 745px #FFF, 441px 1133px #FFF, 992px 1438px #FFF, 768px 1197px #FFF, 1833px 1250px #FFF, 1406px 1960px #FFF, 1904px 1533px #FFF, 1806px 1253px #FFF, 1425px 713px #FFF, 471px 566px #FFF, 740px 1541px #FFF, 71px 450px #FFF, 1800px 1796px #FFF, 698px 1482px #FFF, 768px 97px #FFF, 1166px 1853px #FFF, 497px 1947px #FFF, 928px 1935px #FFF, 876px 1881px #FFF, 1687px 1928px #FFF, 1927px 1623px #FFF, 333px 1171px #FFF, 77px 1545px #FFF, 1593px 483px #FFF, 754px 1689px #FFF, 499px 49px #FFF, 1816px 1619px #FFF, 1906px 1201px #FFF, 1703px 1734px #FFF, 241px 1132px #FFF, 912px 1294px #FFF, 1546px 323px #FFF, 1932px 1296px #FFF, 1699px 1655px #FFF, 1485px 1110px #FFF, 1795px 1917px #FFF, 1278px 533px #FFF, 1377px 1824px #FFF, 1500px 1815px #FFF, 1163px 1927px #FFF, 1845px 1199px #FFF, 661px 1939px #FFF, 502px 1163px #FFF, 645px 393px #FFF, 1298px 1094px #FFF, 655px 41px #FFF, 1619px 1497px #FFF, 972px 1121px #FFF, 1191px 1531px #FFF, 1186px 1527px #FFF, 138px 25px #FFF, 1948px 1546px #FFF, 133px 1442px #FFF, 267px 598px #FFF, 1938px 285px #FFF, 654px 471px #FFF, 951px 262px #FFF, 3px 1389px #FFF, 1204px 1850px #FFF, 57px 1579px #FFF, 832px 821px #FFF, 846px 1219px #FFF, 62px 1834px #FFF;
  animation: animStar 50s linear infinite;
}

#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 660px 1438px #FFF, 107px 1764px #FFF, 1987px 258px #FFF, 218px 853px #FFF, 1655px 431px #FFF, 253px 559px #FFF, 1540px 1527px #FFF, 1080px 1673px #FFF, 1788px 1238px #FFF, 1622px 1233px #FFF, 331px 521px #FFF, 106px 1980px #FFF, 1277px 1900px #FFF, 1391px 1407px #FFF, 310px 1506px #FFF, 1976px 533px #FFF, 1182px 1638px #FFF, 88px 1666px #FFF, 595px 274px #FFF, 419px 736px #FFF, 808px 529px #FFF, 390px 918px #FFF, 463px 800px #FFF, 251px 1321px #FFF, 1294px 627px #FFF, 1187px 1453px #FFF, 297px 1043px #FFF, 1330px 22px #FFF, 886px 941px #FFF, 1149px 578px #FFF, 899px 276px #FFF, 346px 219px #FFF, 1467px 1751px #FFF, 161px 110px #FFF, 1861px 1999px #FFF, 338px 1563px #FFF, 468px 4px #FFF, 40px 1871px #FFF, 99px 1753px #FFF, 1095px 107px #FFF, 914px 550px #FFF, 1635px 1241px #FFF, 412px 1294px #FFF, 673px 140px #FFF, 1667px 1812px #FFF, 1633px 81px #FFF, 869px 553px #FFF, 1657px 36px #FFF, 855px 817px #FFF, 709px 37px #FFF, 1341px 744px #FFF, 1567px 925px #FFF, 1106px 65px #FFF, 1161px 277px #FFF, 972px 10px #FFF, 896px 95px #FFF, 1150px 1188px #FFF, 436px 440px #FFF, 1135px 982px #FFF, 1024px 788px #FFF, 536px 1013px #FFF, 908px 1770px #FFF, 541px 396px #FFF, 855px 1779px #FFF, 1361px 1492px #FFF, 574px 487px #FFF, 1989px 1093px #FFF, 648px 1630px #FFF, 1814px 1735px #FFF, 1035px 1452px #FFF, 504px 1029px #FFF, 1461px 767px #FFF, 246px 961px #FFF, 1849px 323px #FFF, 996px 1711px #FFF, 1644px 548px #FFF, 577px 449px #FFF, 1313px 799px #FFF, 1495px 734px #FFF, 739px 1707px #FFF, 1344px 496px #FFF, 1114px 436px #FFF, 1332px 646px #FFF, 1126px 78px #FFF, 1911px 551px #FFF, 279px 769px #FFF, 1600px 964px #FFF, 453px 1487px #FFF, 1897px 100px #FFF, 666px 1016px #FFF, 1479px 112px #FFF, 1424px 1075px #FFF, 104px 1692px #FFF, 503px 856px #FFF, 623px 914px #FFF, 182px 1733px #FFF, 119px 199px #FFF, 1114px 47px #FFF, 481px 1982px #FFF, 1046px 544px #FFF, 174px 1372px #FFF, 1396px 1880px #FFF, 1808px 1521px #FFF, 1882px 1974px #FFF, 1517px 8px #FFF, 65px 1552px #FFF, 97px 1426px #FFF, 1806px 448px #FFF, 640px 1521px #FFF, 1888px 173px #FFF, 1745px 1380px #FFF, 449px 1907px #FFF, 1216px 1237px #FFF, 1073px 1993px #FFF, 1548px 387px #FFF, 1157px 1538px #FFF, 1402px 1817px #FFF, 625px 594px #FFF, 691px 778px #FFF, 1858px 920px #FFF, 1776px 1443px #FFF, 403px 918px #FFF, 17px 1570px #FFF, 81px 958px #FFF, 131px 1357px #FFF, 138px 696px #FFF, 1672px 698px #FFF, 1500px 381px #FFF, 434px 1591px #FFF, 1399px 1649px #FFF, 781px 492px #FFF, 1470px 205px #FFF, 257px 494px #FFF, 329px 1595px #FFF, 1847px 38px #FFF, 686px 320px #FFF, 1785px 1839px #FFF, 1354px 414px #FFF, 1429px 50px #FFF, 85px 1613px #FFF, 1900px 1646px #FFF, 1535px 913px #FFF, 264px 1189px #FFF, 1365px 993px #FFF, 1406px 1121px #FFF, 826px 1424px #FFF, 1430px 476px #FFF, 983px 549px #FFF, 1560px 571px #FFF, 624px 1020px #FFF, 1451px 348px #FFF, 1858px 1448px #FFF, 570px 1220px #FFF, 1815px 614px #FFF, 1622px 294px #FFF, 739px 1610px #FFF, 169px 980px #FFF, 856px 1611px #FFF, 249px 937px #FFF, 1231px 1338px #FFF, 101px 1017px #FFF, 1423px 1825px #FFF, 1874px 298px #FFF, 750px 1750px #FFF, 258px 763px #FFF, 785px 1221px #FFF, 531px 498px #FFF, 256px 1138px #FFF, 1223px 1534px #FFF, 627px 686px #FFF, 858px 706px #FFF, 1260px 614px #FFF, 956px 867px #FFF, 872px 231px #FFF, 98px 1465px #FFF, 1221px 495px #FFF, 1319px 1237px #FFF, 121px 211px #FFF, 1971px 1500px #FFF, 1391px 1041px #FFF, 1282px 1918px #FFF, 1445px 955px #FFF, 1465px 987px #FFF, 474px 1469px #FFF, 668px 374px #FFF, 228px 1844px #FFF, 968px 932px #FFF, 1891px 1531px #FFF, 1417px 402px #FFF, 1835px 1138px #FFF, 426px 977px #FFF, 651px 743px #FFF, 1750px 736px #FFF, 1607px 1645px #FFF, 1709px 218px #FFF, 1344px 701px #FFF, 701px 1257px #FFF, 992px 1375px #FFF, 903px 167px #FFF, 1884px 1288px #FFF, 127px 735px #FFF, 158px 731px #FFF, 598px 1442px #FFF, 1499px 570px #FFF, 609px 1518px #FFF, 622px 34px #FFF, 256px 1682px #FFF, 1885px 1671px #FFF, 433px 1812px #FFF, 1575px 70px #FFF, 929px 934px #FFF, 503px 7px #FFF, 1654px 1001px #FFF, 1308px 1024px #FFF, 507px 381px #FFF, 1371px 302px #FFF, 256px 392px #FFF, 190px 345px #FFF, 295px 1298px #FFF, 750px 1293px #FFF, 824px 145px #FFF, 1352px 556px #FFF, 314px 1691px #FFF, 999px 60px #FFF, 809px 1622px #FFF, 1626px 191px #FFF, 1382px 649px #FFF, 324px 344px #FFF, 805px 34px #FFF, 991px 772px #FFF, 244px 1211px #FFF, 1550px 669px #FFF, 1257px 630px #FFF, 1331px 306px #FFF, 1039px 1988px #FFF, 1539px 1282px #FFF, 302px 139px #FFF, 1868px 954px #FFF, 458px 52px #FFF, 1056px 639px #FFF, 947px 1803px #FFF, 130px 1006px #FFF, 1550px 1388px #FFF, 1996px 585px #FFF, 131px 1891px #FFF, 296px 164px #FFF, 1548px 1631px #FFF, 1594px 1415px #FFF, 1394px 698px #FFF, 193px 1088px #FFF, 1608px 820px #FFF, 316px 1160px #FFF, 863px 888px #FFF, 200px 918px #FFF, 1448px 1924px #FFF, 834px 631px #FFF, 528px 3px #FFF, 530px 223px #FFF, 1339px 624px #FFF, 1330px 1587px #FFF, 812px 280px #FFF, 1595px 1609px #FFF, 1397px 275px #FFF, 1060px 1536px #FFF, 1601px 240px #FFF, 656px 1035px #FFF, 1696px 1632px #FFF, 238px 883px #FFF, 1642px 1683px #FFF, 1997px 863px #FFF, 644px 877px #FFF, 222px 215px #FFF, 334px 1256px #FFF, 387px 1797px #FFF, 1960px 651px #FFF, 709px 880px #FFF, 1131px 677px #FFF, 148px 470px #FFF, 1817px 640px #FFF, 630px 847px #FFF, 1871px 1434px #FFF, 1164px 954px #FFF, 141px 1838px #FFF, 960px 1793px #FFF, 1924px 1497px #FFF, 1977px 499px #FFF, 493px 1175px #FFF, 876px 1758px #FFF, 606px 1083px #FFF, 1219px 516px #FFF, 1019px 472px #FFF, 1307px 360px #FFF, 609px 496px #FFF, 973px 1092px #FFF, 238px 632px #FFF, 1187px 1137px #FFF, 1416px 589px #FFF, 1208px 974px #FFF, 63px 694px #FFF, 1130px 360px #FFF, 1890px 234px #FFF, 649px 25px #FFF, 1070px 1325px #FFF, 1250px 1938px #FFF, 669px 1000px #FFF, 1091px 1033px #FFF, 1160px 547px #FFF, 1414px 1004px #FFF, 827px 1789px #FFF, 168px 1084px #FFF, 373px 98px #FFF, 168px 915px #FFF, 1958px 174px #FFF, 1452px 615px #FFF, 1870px 1120px #FFF, 193px 1280px #FFF, 1334px 1833px #FFF, 678px 10px #FFF, 1153px 1077px #FFF, 480px 418px #FFF, 1162px 1793px #FFF, 878px 185px #FFF, 423px 1448px #FFF, 1041px 1467px #FFF, 190px 1045px #FFF, 1660px 1712px #FFF, 420px 942px #FFF, 758px 629px #FFF, 694px 1116px #FFF, 1495px 1139px #FFF, 1902px 235px #FFF, 1813px 210px #FFF, 779px 1819px #FFF, 599px 628px #FFF, 835px 75px #FFF, 428px 1185px #FFF, 268px 1264px #FFF, 1563px 1340px #FFF, 1305px 440px #FFF, 1996px 444px #FFF, 1716px 557px #FFF, 985px 675px #FFF, 978px 1956px #FFF, 827px 1238px #FFF, 1366px 138px #FFF, 1430px 871px #FFF, 568px 123px #FFF, 848px 1920px #FFF, 1767px 1645px #FFF, 1423px 212px #FFF, 289px 1694px #FFF, 1134px 1864px #FFF, 976px 1100px #FFF, 46px 617px #FFF, 950px 281px #FFF, 1222px 1675px #FFF, 1041px 465px #FFF, 1598px 1945px #FFF, 1684px 687px #FFF, 1476px 1306px #FFF, 1500px 225px #FFF, 1330px 740px #FFF, 276px 243px #FFF, 863px 507px #FFF, 817px 71px #FFF, 472px 1943px #FFF, 1430px 715px #FFF, 987px 584px #FFF, 1811px 1280px #FFF, 1134px 769px #FFF, 470px 155px #FFF, 226px 218px #FFF, 1098px 940px #FFF, 1962px 1228px #FFF, 1000px 829px #FFF, 175px 235px #FFF, 647px 1882px #FFF, 1532px 821px #FFF, 1317px 1884px #FFF, 1134px 1056px #FFF, 586px 1453px #FFF, 586px 1367px #FFF, 1257px 1331px #FFF, 1999px 386px #FFF, 557px 15px #FFF, 1162px 1278px #FFF, 1410px 347px #FFF, 1914px 1854px #FFF, 1317px 647px #FFF, 1669px 492px #FFF, 996px 1100px #FFF, 305px 253px #FFF, 826px 1665px #FFF, 651px 1988px #FFF, 1009px 1784px #FFF, 20px 45px #FFF, 590px 828px #FFF, 483px 818px #FFF, 46px 1391px #FFF, 262px 1865px #FFF, 88px 456px #FFF, 1765px 1804px #FFF, 1731px 1774px #FFF, 1508px 252px #FFF, 1382px 762px #FFF, 1352px 1275px #FFF, 1302px 444px #FFF, 422px 420px #FFF, 1367px 1753px #FFF, 699px 825px #FFF, 1619px 1028px #FFF, 298px 1075px #FFF, 1036px 1174px #FFF, 1373px 364px #FFF, 1369px 237px #FFF, 352px 355px #FFF, 924px 1778px #FFF, 1125px 1681px #FFF, 44px 279px #FFF, 786px 481px #FFF, 1946px 254px #FFF, 288px 977px #FFF, 779px 1002px #FFF, 843px 420px #FFF, 391px 404px #FFF, 1144px 1334px #FFF, 740px 1919px #FFF, 56px 797px #FFF, 701px 1610px #FFF, 973px 1210px #FFF, 550px 1176px #FFF, 47px 878px #FFF, 1773px 1424px #FFF, 587px 548px #FFF, 893px 1557px #FFF, 193px 1262px #FFF, 980px 1363px #FFF, 1324px 1583px #FFF, 1901px 1923px #FFF, 1509px 776px #FFF, 768px 916px #FFF, 1728px 112px #FFF, 1526px 125px #FFF, 374px 1457px #FFF, 1837px 751px #FFF, 1092px 1096px #FFF, 1972px 1677px #FFF, 1533px 123px #FFF, 1861px 814px #FFF, 562px 531px #FFF, 1557px 131px #FFF, 1793px 701px #FFF, 1339px 1582px #FFF, 1231px 1893px #FFF, 1621px 1109px #FFF, 815px 1727px #FFF, 1992px 1111px #FFF, 1032px 534px #FFF, 1180px 1056px #FFF, 1342px 1819px #FFF, 23px 1804px #FFF, 372px 1029px #FFF, 402px 67px #FFF, 921px 107px #FFF, 1302px 1278px #FFF, 1911px 826px #FFF, 479px 1249px #FFF, 229px 1917px #FFF, 1007px 891px #FFF, 475px 1975px #FFF, 294px 1889px #FFF, 781px 1484px #FFF, 723px 387px #FFF, 1183px 921px #FFF, 1489px 1170px #FFF, 125px 1202px #FFF, 604px 998px #FFF, 311px 979px #FFF, 882px 1172px #FFF, 1376px 1781px #FFF, 1241px 666px #FFF, 1521px 1849px #FFF, 589px 245px #FFF, 264px 603px #FFF, 1761px 1535px #FFF, 35px 227px #FFF, 254px 1964px #FFF, 505px 321px #FFF, 639px 1143px #FFF, 1741px 1555px #FFF, 1900px 285px #FFF, 1126px 1387px #FFF, 1942px 263px #FFF, 850px 1179px #FFF, 105px 1332px #FFF, 1319px 295px #FFF, 495px 1783px #FFF, 1382px 527px #FFF, 1757px 1512px #FFF, 1950px 1912px #FFF, 839px 969px #FFF, 447px 89px #FFF, 373px 841px #FFF, 319px 917px #FFF, 1855px 1379px #FFF, 77px 1628px #FFF, 351px 20px #FFF, 1714px 302px #FFF, 1008px 289px #FFF, 1986px 444px #FFF, 1136px 1416px #FFF, 1134px 587px #FFF, 1252px 408px #FFF, 465px 90px #FFF, 1548px 1467px #FFF, 1365px 1567px #FFF, 1360px 791px #FFF, 1629px 218px #FFF, 829px 497px #FFF, 1204px 237px #FFF, 1283px 1807px #FFF, 478px 1729px #FFF, 253px 1002px #FFF, 989px 891px #FFF, 1582px 666px #FFF, 1561px 253px #FFF, 175px 700px #FFF, 131px 501px #FFF, 1325px 1461px #FFF, 1774px 1908px #FFF, 1555px 993px #FFF, 683px 1476px #FFF, 94px 468px #FFF, 801px 808px #FFF, 155px 586px #FFF, 1124px 1864px #FFF, 711px 696px #FFF, 1709px 126px #FFF, 1487px 1975px #FFF, 1785px 925px #FFF, 781px 1283px #FFF, 501px 203px #FFF, 928px 55px #FFF, 476px 1928px #FFF, 708px 1236px #FFF, 1691px 453px #FFF, 1746px 1685px #FFF, 1335px 1395px #FFF, 1814px 1398px #FFF, 249px 430px #FFF, 1519px 1343px #FFF, 1973px 1698px #FFF, 750px 435px #FFF, 1436px 332px #FFF, 1571px 1997px #FFF, 179px 1961px #FFF, 1478px 866px #FFF, 191px 1941px #FFF, 141px 236px #FFF, 1838px 1336px #FFF, 1670px 335px #FFF, 482px 1021px #FFF, 1076px 432px #FFF, 433px 858px #FFF, 913px 1006px #FFF, 1447px 1395px #FFF, 153px 962px #FFF, 1125px 1696px #FFF, 882px 1768px #FFF, 1286px 1322px #FFF, 20px 465px #FFF, 348px 319px #FFF, 4px 1300px #FFF, 405px 1643px #FFF, 280px 1251px #FFF, 14px 1130px #FFF, 1707px 954px #FFF, 75px 59px #FFF, 626px 898px #FFF, 286px 1366px #FFF, 331px 1301px #FFF, 791px 957px #FFF, 787px 1819px #FFF, 1501px 296px #FFF, 1363px 788px #FFF, 729px 1987px #FFF, 956px 1679px #FFF, 415px 388px #FFF, 250px 1841px #FFF, 1668px 5px #FFF, 141px 443px #FFF, 552px 1952px #FFF, 147px 129px #FFF, 1672px 436px #FFF, 1875px 1018px #FFF, 1458px 1501px #FFF, 1284px 614px #FFF, 447px 84px #FFF, 214px 416px #FFF, 469px 1946px #FFF, 1707px 1835px #FFF, 804px 461px #FFF, 552px 1664px #FFF, 470px 499px #FFF, 1325px 24px #FFF, 476px 1666px #FFF, 1815px 1622px #FFF, 177px 1471px #FFF, 1985px 1425px #FFF, 1827px 499px #FFF, 760px 1243px #FFF, 121px 1573px #FFF, 339px 1695px #FFF, 676px 260px #FFF, 657px 921px #FFF, 1096px 575px #FFF, 630px 1624px #FFF, 438px 1600px #FFF, 1429px 648px #FFF, 393px 1232px #FFF, 274px 312px #FFF, 1690px 1436px #FFF, 1464px 1483px #FFF, 1569px 1884px #FFF, 19px 342px #FFF, 382px 338px #FFF, 211px 476px #FFF, 1627px 1521px #FFF, 1521px 950px #FFF, 637px 1055px #FFF, 1730px 171px #FFF, 622px 355px #FFF, 1717px 577px #FFF, 1011px 1313px #FFF, 729px 1462px #FFF, 147px 479px #FFF, 1441px 1304px #FFF, 955px 745px #FFF, 441px 1133px #FFF, 992px 1438px #FFF, 768px 1197px #FFF, 1833px 1250px #FFF, 1406px 1960px #FFF, 1904px 1533px #FFF, 1806px 1253px #FFF, 1425px 713px #FFF, 471px 566px #FFF, 740px 1541px #FFF, 71px 450px #FFF, 1800px 1796px #FFF, 698px 1482px #FFF, 768px 97px #FFF, 1166px 1853px #FFF, 497px 1947px #FFF, 928px 1935px #FFF, 876px 1881px #FFF, 1687px 1928px #FFF, 1927px 1623px #FFF, 333px 1171px #FFF, 77px 1545px #FFF, 1593px 483px #FFF, 754px 1689px #FFF, 499px 49px #FFF, 1816px 1619px #FFF, 1906px 1201px #FFF, 1703px 1734px #FFF, 241px 1132px #FFF, 912px 1294px #FFF, 1546px 323px #FFF, 1932px 1296px #FFF, 1699px 1655px #FFF, 1485px 1110px #FFF, 1795px 1917px #FFF, 1278px 533px #FFF, 1377px 1824px #FFF, 1500px 1815px #FFF, 1163px 1927px #FFF, 1845px 1199px #FFF, 661px 1939px #FFF, 502px 1163px #FFF, 645px 393px #FFF, 1298px 1094px #FFF, 655px 41px #FFF, 1619px 1497px #FFF, 972px 1121px #FFF, 1191px 1531px #FFF, 1186px 1527px #FFF, 138px 25px #FFF, 1948px 1546px #FFF, 133px 1442px #FFF, 267px 598px #FFF, 1938px 285px #FFF, 654px 471px #FFF, 951px 262px #FFF, 3px 1389px #FFF, 1204px 1850px #FFF, 57px 1579px #FFF, 832px 821px #FFF, 846px 1219px #FFF, 62px 1834px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1334px 763px #FFF, 1134px 1298px #FFF, 1704px 1785px #FFF, 67px 1906px #FFF, 10px 1014px #FFF, 555px 1479px #FFF, 388px 855px #FFF, 1019px 1321px #FFF, 456px 1439px #FFF, 1403px 1147px #FFF, 1254px 957px #FFF, 1797px 197px #FFF, 418px 1851px #FFF, 569px 122px #FFF, 215px 1093px #FFF, 28px 383px #FFF, 980px 1631px #FFF, 358px 421px #FFF, 1940px 364px #FFF, 1806px 389px #FFF, 562px 119px #FFF, 1132px 1183px #FFF, 1894px 1658px #FFF, 445px 1682px #FFF, 658px 412px #FFF, 826px 1207px #FFF, 609px 1308px #FFF, 1195px 1121px #FFF, 117px 1965px #FFF, 190px 1984px #FFF, 1415px 1508px #FFF, 894px 1390px #FFF, 668px 1116px #FFF, 1654px 1895px #FFF, 772px 811px #FFF, 1520px 974px #FFF, 565px 234px #FFF, 917px 493px #FFF, 1548px 731px #FFF, 1325px 1084px #FFF, 755px 1989px #FFF, 286px 1263px #FFF, 455px 1637px #FFF, 1523px 1348px #FFF, 1444px 512px #FFF, 1495px 1693px #FFF, 692px 1985px #FFF, 1753px 1086px #FFF, 204px 1234px #FFF, 1582px 254px #FFF, 917px 1380px #FFF, 235px 1503px #FFF, 813px 84px #FFF, 470px 1563px #FFF, 359px 1625px #FFF, 171px 392px #FFF, 1011px 1649px #FFF, 189px 366px #FFF, 1874px 1548px #FFF, 245px 285px #FFF, 1688px 994px #FFF, 506px 322px #FFF, 133px 1208px #FFF, 1577px 1904px #FFF, 325px 1532px #FFF, 1973px 1331px #FFF, 856px 1127px #FFF, 1363px 349px #FFF, 1211px 1966px #FFF, 1747px 32px #FFF, 1010px 1153px #FFF, 1058px 1526px #FFF, 1941px 1644px #FFF, 1289px 486px #FFF, 1276px 274px #FFF, 1371px 789px #FFF, 1022px 1532px #FFF, 1596px 1504px #FFF, 1614px 940px #FFF, 414px 559px #FFF, 1095px 602px #FFF, 1424px 163px #FFF, 915px 575px #FFF, 1962px 1617px #FFF, 372px 1383px #FFF, 633px 1020px #FFF, 1899px 574px #FFF, 1315px 1880px #FFF, 148px 181px #FFF, 329px 519px #FFF, 452px 1427px #FFF, 1446px 223px #FFF, 1307px 509px #FFF, 1356px 743px #FFF, 1872px 1368px #FFF, 1712px 1524px #FFF, 1469px 1548px #FFF, 424px 1471px #FFF, 165px 14px #FFF, 1612px 957px #FFF, 1450px 1353px #FFF, 881px 1328px #FFF, 231px 1796px #FFF, 823px 1475px #FFF, 8px 1644px #FFF, 1439px 1245px #FFF, 184px 1618px #FFF, 815px 520px #FFF, 1934px 401px #FFF, 874px 204px #FFF, 1368px 1427px #FFF, 1329px 1069px #FFF, 749px 916px #FFF, 1529px 1151px #FFF, 1341px 1638px #FFF, 1176px 1259px #FFF, 1451px 1904px #FFF, 1504px 1320px #FFF, 1091px 1431px #FFF, 5px 1472px #FFF, 1330px 159px #FFF, 270px 1480px #FFF, 1754px 22px #FFF, 590px 1429px #FFF, 1878px 411px #FFF, 1839px 932px #FFF, 74px 1188px #FFF, 1705px 1637px #FFF, 464px 894px #FFF, 234px 830px #FFF, 226px 591px #FFF, 1307px 1434px #FFF, 1537px 1423px #FFF, 1580px 1230px #FFF, 1069px 1356px #FFF, 1071px 1892px #FFF, 6px 535px #FFF, 1972px 1809px #FFF, 761px 1975px #FFF, 1200px 1723px #FFF, 189px 1296px #FFF, 712px 1803px #FFF, 1507px 1726px #FFF, 1224px 1325px #FFF, 109px 1075px #FFF, 21px 1044px #FFF, 1861px 906px #FFF, 311px 1508px #FFF, 17px 2px #FFF, 1414px 659px #FFF, 619px 1730px #FFF, 1437px 182px #FFF, 521px 355px #FFF, 128px 126px #FFF, 1814px 958px #FFF, 1189px 556px #FFF, 1406px 1026px #FFF, 1996px 458px #FFF, 35px 509px #FFF, 1416px 1362px #FFF, 1727px 334px #FFF, 1243px 1938px #FFF, 1840px 1315px #FFF, 1944px 1853px #FFF, 127px 346px #FFF, 1430px 306px #FFF, 855px 948px #FFF, 1731px 1775px #FFF, 917px 1950px #FFF, 1632px 507px #FFF, 144px 1729px #FFF, 1410px 1993px #FFF, 1372px 1021px #FFF, 1px 1486px #FFF, 1414px 773px #FFF, 1148px 1937px #FFF, 618px 818px #FFF, 1161px 1634px #FFF, 1037px 1356px #FFF, 406px 1350px #FFF, 732px 1838px #FFF, 1595px 1281px #FFF, 940px 120px #FFF, 1366px 16px #FFF, 447px 1896px #FFF, 821px 1780px #FFF, 1761px 1253px #FFF, 1872px 1947px #FFF, 1038px 1892px #FFF, 790px 65px #FFF, 536px 1972px #FFF, 1758px 1540px #FFF, 773px 70px #FFF, 1842px 497px #FFF, 1428px 1444px #FFF, 566px 1392px #FFF, 1304px 398px #FFF, 893px 635px #FFF, 279px 1865px #FFF, 804px 1803px #FFF;
  animation: animStar 100s linear infinite;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1334px 763px #FFF, 1134px 1298px #FFF, 1704px 1785px #FFF, 67px 1906px #FFF, 10px 1014px #FFF, 555px 1479px #FFF, 388px 855px #FFF, 1019px 1321px #FFF, 456px 1439px #FFF, 1403px 1147px #FFF, 1254px 957px #FFF, 1797px 197px #FFF, 418px 1851px #FFF, 569px 122px #FFF, 215px 1093px #FFF, 28px 383px #FFF, 980px 1631px #FFF, 358px 421px #FFF, 1940px 364px #FFF, 1806px 389px #FFF, 562px 119px #FFF, 1132px 1183px #FFF, 1894px 1658px #FFF, 445px 1682px #FFF, 658px 412px #FFF, 826px 1207px #FFF, 609px 1308px #FFF, 1195px 1121px #FFF, 117px 1965px #FFF, 190px 1984px #FFF, 1415px 1508px #FFF, 894px 1390px #FFF, 668px 1116px #FFF, 1654px 1895px #FFF, 772px 811px #FFF, 1520px 974px #FFF, 565px 234px #FFF, 917px 493px #FFF, 1548px 731px #FFF, 1325px 1084px #FFF, 755px 1989px #FFF, 286px 1263px #FFF, 455px 1637px #FFF, 1523px 1348px #FFF, 1444px 512px #FFF, 1495px 1693px #FFF, 692px 1985px #FFF, 1753px 1086px #FFF, 204px 1234px #FFF, 1582px 254px #FFF, 917px 1380px #FFF, 235px 1503px #FFF, 813px 84px #FFF, 470px 1563px #FFF, 359px 1625px #FFF, 171px 392px #FFF, 1011px 1649px #FFF, 189px 366px #FFF, 1874px 1548px #FFF, 245px 285px #FFF, 1688px 994px #FFF, 506px 322px #FFF, 133px 1208px #FFF, 1577px 1904px #FFF, 325px 1532px #FFF, 1973px 1331px #FFF, 856px 1127px #FFF, 1363px 349px #FFF, 1211px 1966px #FFF, 1747px 32px #FFF, 1010px 1153px #FFF, 1058px 1526px #FFF, 1941px 1644px #FFF, 1289px 486px #FFF, 1276px 274px #FFF, 1371px 789px #FFF, 1022px 1532px #FFF, 1596px 1504px #FFF, 1614px 940px #FFF, 414px 559px #FFF, 1095px 602px #FFF, 1424px 163px #FFF, 915px 575px #FFF, 1962px 1617px #FFF, 372px 1383px #FFF, 633px 1020px #FFF, 1899px 574px #FFF, 1315px 1880px #FFF, 148px 181px #FFF, 329px 519px #FFF, 452px 1427px #FFF, 1446px 223px #FFF, 1307px 509px #FFF, 1356px 743px #FFF, 1872px 1368px #FFF, 1712px 1524px #FFF, 1469px 1548px #FFF, 424px 1471px #FFF, 165px 14px #FFF, 1612px 957px #FFF, 1450px 1353px #FFF, 881px 1328px #FFF, 231px 1796px #FFF, 823px 1475px #FFF, 8px 1644px #FFF, 1439px 1245px #FFF, 184px 1618px #FFF, 815px 520px #FFF, 1934px 401px #FFF, 874px 204px #FFF, 1368px 1427px #FFF, 1329px 1069px #FFF, 749px 916px #FFF, 1529px 1151px #FFF, 1341px 1638px #FFF, 1176px 1259px #FFF, 1451px 1904px #FFF, 1504px 1320px #FFF, 1091px 1431px #FFF, 5px 1472px #FFF, 1330px 159px #FFF, 270px 1480px #FFF, 1754px 22px #FFF, 590px 1429px #FFF, 1878px 411px #FFF, 1839px 932px #FFF, 74px 1188px #FFF, 1705px 1637px #FFF, 464px 894px #FFF, 234px 830px #FFF, 226px 591px #FFF, 1307px 1434px #FFF, 1537px 1423px #FFF, 1580px 1230px #FFF, 1069px 1356px #FFF, 1071px 1892px #FFF, 6px 535px #FFF, 1972px 1809px #FFF, 761px 1975px #FFF, 1200px 1723px #FFF, 189px 1296px #FFF, 712px 1803px #FFF, 1507px 1726px #FFF, 1224px 1325px #FFF, 109px 1075px #FFF, 21px 1044px #FFF, 1861px 906px #FFF, 311px 1508px #FFF, 17px 2px #FFF, 1414px 659px #FFF, 619px 1730px #FFF, 1437px 182px #FFF, 521px 355px #FFF, 128px 126px #FFF, 1814px 958px #FFF, 1189px 556px #FFF, 1406px 1026px #FFF, 1996px 458px #FFF, 35px 509px #FFF, 1416px 1362px #FFF, 1727px 334px #FFF, 1243px 1938px #FFF, 1840px 1315px #FFF, 1944px 1853px #FFF, 127px 346px #FFF, 1430px 306px #FFF, 855px 948px #FFF, 1731px 1775px #FFF, 917px 1950px #FFF, 1632px 507px #FFF, 144px 1729px #FFF, 1410px 1993px #FFF, 1372px 1021px #FFF, 1px 1486px #FFF, 1414px 773px #FFF, 1148px 1937px #FFF, 618px 818px #FFF, 1161px 1634px #FFF, 1037px 1356px #FFF, 406px 1350px #FFF, 732px 1838px #FFF, 1595px 1281px #FFF, 940px 120px #FFF, 1366px 16px #FFF, 447px 1896px #FFF, 821px 1780px #FFF, 1761px 1253px #FFF, 1872px 1947px #FFF, 1038px 1892px #FFF, 790px 65px #FFF, 536px 1972px #FFF, 1758px 1540px #FFF, 773px 70px #FFF, 1842px 497px #FFF, 1428px 1444px #FFF, 566px 1392px #FFF, 1304px 398px #FFF, 893px 635px #FFF, 279px 1865px #FFF, 804px 1803px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 559px 13px #FFF, 1413px 1969px #FFF, 1372px 649px #FFF, 1107px 1902px #FFF, 1136px 950px #FFF, 1971px 473px #FFF, 563px 301px #FFF, 1461px 1361px #FFF, 458px 1337px #FFF, 1662px 989px #FFF, 410px 48px #FFF, 441px 1546px #FFF, 442px 495px #FFF, 1100px 12px #FFF, 484px 1141px #FFF, 864px 1976px #FFF, 474px 1298px #FFF, 362px 1830px #FFF, 1184px 940px #FFF, 1994px 403px #FFF, 290px 483px #FFF, 1462px 513px #FFF, 1327px 1170px #FFF, 1451px 1207px #FFF, 1703px 779px #FFF, 1767px 1344px #FFF, 1817px 1654px #FFF, 1832px 1455px #FFF, 600px 903px #FFF, 316px 1861px #FFF, 1039px 1828px #FFF, 1755px 703px #FFF, 53px 281px #FFF, 122px 566px #FFF, 622px 1730px #FFF, 493px 1635px #FFF, 715px 837px #FFF, 1282px 891px #FFF, 1083px 1742px #FFF, 892px 1910px #FFF, 1020px 1687px #FFF, 87px 1345px #FFF, 791px 1552px #FFF, 351px 1222px #FFF, 327px 1984px #FFF, 355px 1596px #FFF, 770px 1865px #FFF, 1440px 1685px #FFF, 1174px 1261px #FFF, 18px 1265px #FFF, 1677px 1079px #FFF, 1546px 1842px #FFF, 1048px 206px #FFF, 1278px 1421px #FFF, 854px 1637px #FFF, 1421px 392px #FFF, 1215px 1517px #FFF, 1991px 636px #FFF, 1678px 659px #FFF, 1940px 806px #FFF, 1392px 1272px #FFF, 590px 1626px #FFF, 751px 434px #FFF, 1px 1106px #FFF, 72px 1836px #FFF, 36px 896px #FFF, 646px 1186px #FFF, 1545px 1082px #FFF, 911px 809px #FFF, 960px 227px #FFF, 1663px 1236px #FFF, 329px 1089px #FFF, 172px 1292px #FFF, 175px 1953px #FFF, 997px 1099px #FFF, 1162px 1810px #FFF, 1516px 1059px #FFF, 659px 258px #FFF, 1667px 1624px #FFF, 1647px 1307px #FFF, 357px 1671px #FFF, 1815px 1595px #FFF, 1534px 1647px #FFF, 1024px 492px #FFF, 1042px 350px #FFF, 1702px 1271px #FFF, 51px 1869px #FFF, 356px 535px #FFF, 74px 425px #FFF, 1966px 1807px #FFF, 1185px 1452px #FFF, 437px 1274px #FFF, 828px 262px #FFF, 1019px 170px #FFF, 843px 586px #FFF, 1640px 321px #FFF, 26px 332px #FFF, 1390px 1933px #FFF, 777px 1379px #FFF, 979px 339px #FFF;
  animation: animStar 150s linear infinite;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 559px 13px #FFF, 1413px 1969px #FFF, 1372px 649px #FFF, 1107px 1902px #FFF, 1136px 950px #FFF, 1971px 473px #FFF, 563px 301px #FFF, 1461px 1361px #FFF, 458px 1337px #FFF, 1662px 989px #FFF, 410px 48px #FFF, 441px 1546px #FFF, 442px 495px #FFF, 1100px 12px #FFF, 484px 1141px #FFF, 864px 1976px #FFF, 474px 1298px #FFF, 362px 1830px #FFF, 1184px 940px #FFF, 1994px 403px #FFF, 290px 483px #FFF, 1462px 513px #FFF, 1327px 1170px #FFF, 1451px 1207px #FFF, 1703px 779px #FFF, 1767px 1344px #FFF, 1817px 1654px #FFF, 1832px 1455px #FFF, 600px 903px #FFF, 316px 1861px #FFF, 1039px 1828px #FFF, 1755px 703px #FFF, 53px 281px #FFF, 122px 566px #FFF, 622px 1730px #FFF, 493px 1635px #FFF, 715px 837px #FFF, 1282px 891px #FFF, 1083px 1742px #FFF, 892px 1910px #FFF, 1020px 1687px #FFF, 87px 1345px #FFF, 791px 1552px #FFF, 351px 1222px #FFF, 327px 1984px #FFF, 355px 1596px #FFF, 770px 1865px #FFF, 1440px 1685px #FFF, 1174px 1261px #FFF, 18px 1265px #FFF, 1677px 1079px #FFF, 1546px 1842px #FFF, 1048px 206px #FFF, 1278px 1421px #FFF, 854px 1637px #FFF, 1421px 392px #FFF, 1215px 1517px #FFF, 1991px 636px #FFF, 1678px 659px #FFF, 1940px 806px #FFF, 1392px 1272px #FFF, 590px 1626px #FFF, 751px 434px #FFF, 1px 1106px #FFF, 72px 1836px #FFF, 36px 896px #FFF, 646px 1186px #FFF, 1545px 1082px #FFF, 911px 809px #FFF, 960px 227px #FFF, 1663px 1236px #FFF, 329px 1089px #FFF, 172px 1292px #FFF, 175px 1953px #FFF, 997px 1099px #FFF, 1162px 1810px #FFF, 1516px 1059px #FFF, 659px 258px #FFF, 1667px 1624px #FFF, 1647px 1307px #FFF, 357px 1671px #FFF, 1815px 1595px #FFF, 1534px 1647px #FFF, 1024px 492px #FFF, 1042px 350px #FFF, 1702px 1271px #FFF, 51px 1869px #FFF, 356px 535px #FFF, 74px 425px #FFF, 1966px 1807px #FFF, 1185px 1452px #FFF, 437px 1274px #FFF, 828px 262px #FFF, 1019px 170px #FFF, 843px 586px #FFF, 1640px 321px #FFF, 26px 332px #FFF, 1390px 1933px #FFF, 777px 1379px #FFF, 979px 339px #FFF;
}

#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: "lato", sans-serif;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}

#title span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

@media screen and (max-width:350px) {

  .flri {
    width: 102%;
  }

  .brline1 .img-thumbnail {
    width: 30%;
  }
}



.uppercase{
text-transform:uppercase;
}



#footer-con a{
 color: #7db144;
}

.mt-10{
  margin-top: 10px;
}


.footer-box{
  max-width: 900px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.mg-0{
      margin: 0 auto;
}


.mt13{
  margin-top: 13px;
}



.line30{
    line-height: 55px;
}

.tp-bar{
    background-color: #ffffff;
    color: #fff;
    padding: 10px;
}


.lan-icon img{
margin: 5px;
border: 2px solid #e2c45600;
border-radius: 50%;
transition: .5s;
}


.lan-icon span{
      padding: 0 4px;
    font-size: 15px;
    font-weight: bold;
    line-height: 43px;
    vertical-align: sub;
    color: #7f7f7f;
}

.fn{
  font-weight: unset !important;
}


.carousel-wrap {
margin: 8px auto;
    padding: 0 5%;
    width: 80%;
    position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
    font-size: 30px;
    color: #d0d0d0;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}


.img-thumbnail2{
  margin-right: 3%;
    float: left;
    width: 30% !important;
}



.icon-h span{
transition: .5s;
}


.icon-h:hover span{
color:#1a86fc !important;
}


.icon-h:hover img{
margin: 5px;
border: 2px solid #e2c456;
border-radius: 50%;
}


.mb5{
      margin-bottom: 5px;
}


td p, td i{
  font-size:0.9em;
  text-align: center;
}

td h2{
  text-align: center;
}


td a:hover{
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #003aa4;
}



td a:hover i{
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #003aa4;
}










.clip-caption {
  width: 100%;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.clip-each {
  display: block;
  position: relative;
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  -webkit-clip-path: url("#hexagon-clip");
  clip-path: url("#hexagon-clip");
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0 auto;
}

a.clip-each:hover {
  background: #1594cc;
  color:#fff;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}



.pos-r{
  position: relative;
}
.pos-a{
  position: absolute;
}







.clip-solid {
  width: 300px;
  height: 300px;
  background-image: url("http://karenmenezes.com/shapes-polygon/clip-demo-img.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-blend-mode: hard-light;
  -webkit-transition: all 2.5s linear;
  transition: all 2.5s linear;
}

.clip-solid:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-clip-path: polygon(100% 3%, 17% 100%, 100% 100%);
  clip-path: polygon(100% 3%, 17% 100%, 100% 100%);
  -webkit-clip-path: url("#triangle-clip");
  clip-path: url("#triangle-clip");
  z-index: 1;
  width: 100%;
  height: 155px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  pointer-events: none;
}

.clip-solid:hover:after {
  height: 0;
  -webkit-transition: all 0.45s ease-in;
  transition: all 0.45s ease-in;
}

.clip-solid:hover .social-share-block {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.social-share-block {
  position: absolute;
  bottom: 20px;
  right: 75px;
  color: #fff;
  font-size: 70%;
  z-index: 2;
}

.social-each {
  font-size: 80%;
}

.clip-gradient {
  background: #d6d6d6;
  width: 160px;
  height: 160px;
}

.clip-gradient .clip-caption {
    color: #383838;
    font-size: 17px;
    line-height: 20px;
}

.clip-border {
  background: -webkit-linear-gradient(300deg, #aebcbf 0%, #6e7774 50%, #333 61%, #333 100%);  
  background: linear-gradient(150deg, #aebcbf 0%,#6e7774 50%,#333 61%,#333 100%);
  width: 260px;
  height: 260px;
  margin-top: 7px;
  color: #222;
}

.clip-border::after {
  content: "";
  position: absolute;
  top: 3%;
  left: 3%;
  right: 3%;
  bottom: 3%;
  margin: 0 auto;
  background: url("../img/hh_bg.png");
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  -webkit-clip-path: url("#hexagon-clip");
  clip-path: url("#hexagon-clip");
  z-index: -1;
}

.clip-tagline {
  display: block;
  color: #758C9B;
  text-decoration: none;
  text-align: center;
}



.clip-border i{
  font-size: 75px;
  color: #636363;
}





.hh1{
    bottom: -258px;
    left: -91px;
    z-index: -1;
}

.hh2{
    left: 243px;
    top: -12px;
    z-index: -1;
}

.hh3{
left: 226px;
    top: 165px;
    z-index: 1;
}
.sh1{
    left: 24px;
    top: 14px;
    z-index: -1;
    opacity: .5;

}

.sh10{
left: -32px;
    top: -5px;
    z-index: -1;
}




.sh12{
    left: 30px;
    top: -40px;
    z-index: -1;
    font-size: 17px;
}

.sh13{
    top: 233px;
    left: 41px;
    z-index: 1;
    font-size: 17px;
}



.hh8{
    top: 207px;
    left: 51px;
    z-index: 1;
    font-size: 17px;
}


.hh9{
    top: -56px;
    left: 94px;
    z-index: -1;
    font-size: 17px;
}


.hh10{
    bottom: -266px;
    left: -91px;
    z-index: 0;
}






.oo1{
  left: 36px;
  top: 24px;
}


.clip-gradient2 {
    background: #d6d6d6;
    width: 70px;
    height: 70px;
}



.clip-gradient3 {
    background: #d6d6d6;
    width: 125px;
    height: 111px;
}




.clip-gradient4 {
    background: #d6d6d6;
    width: 120px;
    height: 120px;
}

.clip-gradient5 {
    background: #d6d6d6;
    width: 130px;
    height: 130px;
}




.po1{
position: absolute;top:300px; left: 30%;
}


.po2{
position: absolute;top:800px; left: 30%;
}



.po3{
position: absolute;top:1300px; left: 30%;
}



.h1300{
  height: 1300px;
}



@media (max-width: 600px) {
.po1 br, .po2 br, .po3 br{
  display: none;
}

.small-none{
  display: none !important;
}


.clip-svg{
  display: none;
}

.h1300{
  height: unset;
}
.clip-caption {
  width: 100%;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  font-size: 17px;
  color:#000;
}

.clip-each {
  width: 100% !important;
  display: block;
  position: relative;
  -webkit-clip-path: unset;
  clip-path: unset;
  -webkit-clip-path: unset;
  clip-path: unset;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin-bottom: 20px;
}

a.clip-each:hover {
  background: #1594cc;
  color:#fff;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}



.pos-r{
  position: relative;
}
.pos-a{
  position: relative;
}







.clip-solid {
  width: 100vw;
  height: unset;
  background-image: url("http://karenmenezes.com/shapes-polygon/clip-demo-img.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-blend-mode: hard-light;
  -webkit-transition: all 2.5s linear;
  transition: all 2.5s linear;
}

.clip-solid:after {
  content: "";
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
  -webkit-clip-path: polygon(100% 3%, 17% 100%, 100% 100%);
  clip-path: polygon(100% 3%, 17% 100%, 100% 100%);
  -webkit-clip-path: url("#triangle-clip");
  clip-path: url("#triangle-clip");
  z-index: 1;
  width: 100%;
  height: 155px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  pointer-events: none;
}

.clip-solid:hover:after {
  height: 0;
  -webkit-transition: all 0.45s ease-in;
  transition: all 0.45s ease-in;
}

.clip-solid:hover .social-share-block {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.social-share-block {
  position: relative;
  bottom: unset;
  right: unset;
  color: #fff;
  font-size: 70%;
  z-index: 2;
}

.social-each {
  font-size: 80%;
}

.clip-gradient {
  background: #d6d6d6;
  width: 100vw;
 /* height: auto;*/
}

.clip-gradient .clip-caption {
    color: #383838;
    font-size: 17px;
    line-height: 20px;
}

.clip-border {
  background: -webkit-linear-gradient(300deg, #aebcbf 0%, #6e7774 50%, #333 61%, #333 100%);  
  background: linear-gradient(150deg, #aebcbf 0%,#6e7774 50%,#333 61%,#333 100%);
  width: 100vw;
/*  height: auto;*/
  margin-top: 7px;
  color: #222;
}

.clip-border::after {
  content: "";
  position: relative;
  top: 3%;
  left: 3%;
  right: 3%;
  bottom: 3%;
  margin: 0 auto;
  background: url("../img/hh_bg.png");
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  -webkit-clip-path: url("#hexagon-clip");
  clip-path: url("#hexagon-clip");
  z-index: -1;
}

.clip-tagline {
  display: block;
  color: #758C9B;
  text-decoration: none;
  text-align: center;
}



.clip-border i{
  font-size: 75px;
  color: #fff;
}





.hh1{
    bottom: unset;
    left: unset;
    z-index: unset;
}

.hh2{
    left: unset;
    top: unset;
    z-index: unset;
}

.hh3{
left: unset;
    top: unset;
    z-index: unset;
}
.sh1{
    left: unset;
    top: unset;
    z-index: unset;
    opacity: unset;

}

.sh10{
left: unset;
    top: unset;
    z-index: unset;
}




.sh12{
    left: unset;
    top: unset;
    z-index:unset;
}

.sh13{
    top: unset;
    left: unset;
    z-index: unset;
}



.hh8{
    top: unset;
    left: unset;
    z-index: unset;
}


.hh9{
    top: unset;
    left: unset;
    z-index: unset;
}


.hh10{
    bottom: unset;
    left: unset;
    z-index: unset;
}


.oo1{
  left: unset;
  top: unset;
}


.clip-gradient2 {
    background: #d6d6d6;
    width: 100vw;
 /*   height: auto;*/
}



.clip-gradient3 {
    background: #d6d6d6;
    width: 100vw;
/*    height: auto;*/
}




.clip-gradient4 {
    background: #d6d6d6;
    width: 100vw;
/*    height: auto;*/
}

.clip-gradient5 {
    background: #d6d6d6;
    width: 100vw;
/*    height: auto;*/
}



.po1{
position: relative;top:unset; left: unset;
}


.po2{
position: relative;top:unset; left: unset;
}



.po3{
position: relative;top:unset; left: unset;
}

}




.team-member img{
    max-width: 50%;
    padding-top: 50px;
    padding-bottom: 50px;
}


.no-pic img{
    max-width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}




.img-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}
.img-box img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100% !important;
}


.index-9{
  width: 30%;
  float: left;
  margin-bottom: 10px;
  margin-right: 3%;
}




.w-inline {
    white-space: nowrap;
}

.pro-list-style{
    min-width: 837px;
}

.pro-list-style tbody tr td:nth-child(5) ,.pro-list-style tbody tr td:nth-child(6) ,.pro-list-style tbody tr td:nth-child(8){
white-space: nowrap;
}

.pro-list-style tbody tr td:nth-child(3){
width: 150px;
}

.pro-list-style tbody tr td:nth-child(2){
width: 80px;
padding-left: 0px !important;
padding-right: 0px !important;
}



.wide-container-fix{
    max-width: 1150px !important;
}





#mainmenu .submenu li a{
padding: 9px 25px !important;
line-height: 17px;
}



#mainmenu .submenu li a span{
font-weight: 200;
color: #cecece;
}

.hh2{
  height: 2px;
}


.max350{
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}


.mb45{
      margin-bottom: 10px;
}


.min-330{
  min-height: 320px !important;
}



#about-intro img{
  width: 100% !important;
  height: auto !important;
}