@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700');
body {
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../image/bg01.png");
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../image/bg01.png");
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../image/bg01.png");
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../image/bg01.png");
	background-color: #f7f7f7;
	background-position: top left, top left;
	background-repeat: repeat-x, repeat;
	font-family: 'Raleway', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	line-height:24px;
	color:#222;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: rgba(46,54,58,1);
}

a {
    color: #0077ae;
}

a:hover{
	text-decoration:none;
}

p{
	line-height:24px;
	color:#222;
	font-size: 1.1em;
}

ul{
	list-style:none;
	padding-left:40px;
	margin-bottom:0px;
   

}
.logo {
    text-align:center;
}

.logoimg { 
    max-width:270px;
    max-height:120px;
    padding:15px;
    
}

.img-responsive{
	display:inline;
}


/**  Header **/
.header{
	background-size:cover;
}

.header .topnav{
	left:0px;
    position:relative;
  
}

.header .topnav.active{
	margin-left:0
  }
.show{
	display:inline-block;
  }
.header .topnav .logo {
    max-width: 300px;
    max-height:140px;
    text-align:center;
    padding-top:20px;
    /*background-color:#fff;
    box-shadow: 3px 4px 25px 0px rgba(0, 0, 0, 0.35);*/
    margin-bottom:15px;
    margin-top:-20px;
    float:left;
}


.menu-item { 
position:relative; /* IE7 needs this */
padding:5px;
}
.menudivider {
    display:block;
    clear:both;
}
#DivMenuSection {

}
.menu-row {
    /*background-color:#EB3C00;*/
    background: rgb(2,87,122);
    background: -moz-linear-gradient(-45deg, rgb(2,87,122) 1%, rgb(2,169,247) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(2,87,122) 1%,rgb(2,169,247) 100%);
    background: linear-gradient(135deg, rgb(2,87,122) 1%,rgb(2,169,247) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02577a', endColorstr='#02a9f7',GradientType=1 );
}

.menu-item .top-menu{
   float:left; /* IE6 needs this */
   position:relative;

}

.menu-item .top-menu li{
    float:left;
    margin-bottom:5px;

 }

.menu-item .top-menu li a.active{
 
}
.menu-item .top-menu li:first-child a{

}
.menu-item .top-menu li a{
 
	font-weight: 400;
	letter-spacing: 0.010em;
	text-decoration:none;
	padding: 1em 1.5em 1em 1.5em;
    text-transform:uppercase;
	font-size: 11pt;
    margin-left:8px;
    color:#fff;
}
.menu-item .top-menu li a:hover{
    color:#e9e9e9;
}
/*sub menu*/
.menu-item .top-menu ul{
    background-color:rgba(0,0,0,0.8);
}
.menu-item .top-menu li li a{
   border-radius: 0;
   background-color:transparent;
}
.menu-item .top-menu li li:first-child a{
 margin-left:8px;
}
.menu-item .top-menu li li a:hover{
   
}
/*end sub menu*/
 .socials {
     float:left;
 }

.socialbox {

}
.socialbox li a{
    padding-left:15px;
}
.socialbox li a:hover{
    color:rgb(51,59,62);
}
.social-share{
    
}

.social-share li{
	float:left;
}
.social-share li:last-child {
     margin-right:12px
}
.social-share li a{
	color:#EB3C00;

}

.contactbox {
    margin-top:30px;
    float:right;
    border:solid 0px #000;
    margin-right:20px;
    background-color:none;
}
.contact-ul {
   
}
.contact-ul li{
    float:left;
    font-size:20px;
    color:rgb(51,59,62)
}
.contact-ul li:first-child {
     margin-left:20px;
     margin-right:20px
}
.contact-ul li:last-child {
     margin-right:20px
}
 .content-area{
	text-align: left;
    display: block;

    
 }

 .content-area h1{
	font-size:65px;
	font-weight:700;
	margin:0px;
	color:#000;
}

#divContentSection {
    padding-left:0px;   
}

.header .content-area p{
	color:#000;
}

.header .content-area a{
	color:gray;
}
.header .content-area a:hover{
	color:rgba(46,54,58,1);
}
.green-color{
	color:#6ebd3c;
}

.mobile-menu-button .slide-btn2{
	width:40px;
	height:40px;
	color:rgb(51,59,62);
    text-align:center;
	padding-top:4px;
    display:none;
}

.carousel-box {
    /*margin-left:-25px;*/
}


.contentbox {
     padding-top:10px;
  
    background:white;
    color:#a3a3a3;
	font-size: 1.1em;
}

.footer { margin-top:10px; color:rgba(46,54,58,1); margin-bottom:80px}
.footer a {color:#EB3C00}
.footer a:hover {color:rgba(46,54,58,1)}
.footertext {float:right}
.header .topnav p a:hover{
	 color:rgba(255, 68, 134, 1);
}
.header .content-area a.btn-primary
{
    color:#fff;
    
}
.header .content-area a.btn-primary:hover
{
    color:#fff;
}

.btn-primary {
    background-color:rgba(255, 68, 134, 1);
    border-color: transparent;
    border-radius: 6px;
}
.btn-primary:hover {
    background-color:rgb(51,59,62);
    border-color: transparent;
}
.btn-primary:focus,
.btn-primary.focus {
   background-color:rgb(51,59,62);
    border-color: transparent;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color:rgb(51,59,62);
    border-color: transparent;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color:rgb(51,59,62);
    border-color: transparent;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #222;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #222;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #222;
  cursor: default;
  background-color: #eee;
  border-color: #eee;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.ProductAreaContainer {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}
.ProductItem {
     float:left;
    display:inline-block;
    width: 100%;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}


/*    MEDIA QUERIES    */
@media (max-width: 1900px) {
   
}
@media (max-width: 900px) {
    .socials {display:block; width:100%; padding-bottom:10px}
    .social-share { }
    .social-share li:first-child {margin-left:-10px}
    .socialbox li a {padding-left:15px}
    .footertext {float:left}
    .contactbox {display:none}
   /*Show mobile menu*/
    .mobile-menu-button {float:right;}
    .mobile-menu-button .slide-btn2 {  display:inline-block; right:25px; color:white; margin-top:5px; }
    .header { height:80px; width:100%; position:absolute; }
	.header .topnav .logo {padding:5px; float:left; padding-right:15px; padding-left:15px; padding-top:20px;margin-left:0px; background-color:#fff; box-shadow: 3px 4px 25px 0px rgba(0, 0, 0, 0.35);}
    .topnav .logoimg { max-width:250px; max-height:55px;}
    .menu-row {padding-bottom:25px;}
    .menu-item {  display:none; border:solid 0px #222;width:100%}
    .contentbox .carousel-box { padding-top:0}
    .sm-clean a span.sub-arrow { margin-right:-15px; }
    .sm-clean a {margin-right:55px;}
     #divContentSection {padding:20px; }
    .space {padding-top:50px;}
    #divBannerSection{margin-top:0px;}
   .contentbox { padding:0; margin-top:0px;}
    #DivMenuSection {border:solid 0 #fff; position:relative; left:auto; right:auto; float:right;}
    .menu-item .top-menu{width:200px;position:absolute; top:45px; right:0px;}
   .menu-item .top-menu li{background-color:#222;margin-bottom:0;}
   .menu-item .top-menu li a.active{background-color:transparent}
   .menu-item .top-menu li a{background-color:transparent; color:white;width:200px; border:solid 0px #fff}
    .menu-item .top-menu li a:hover{background-color:transparent; color:white}
    .menu-item .top-menu li:first-child a{margin-left:0px;}
    /*sub menu*/
    .menu-item .top-menu ul{background-color:transparent; color:white}
    .menu-item .top-menu li li a{background-color:rgba(46,54,58,0.6); color:white}
    .menu-item .top-menu li li a:hover{background-color:transparent; color:white}
}
@media (max-width: 1200px) {
    
    .header .content-area {padding-left: 0px;padding-right: 0px;padding-top: 0px;}
    .header .container {padding-left: 10px;padding-right: 0px;padding-top: 0px;}
}



@media (max-width: 768px) {

 	.leftnav-socials{left:0px;}
	.leftnav-socials li{padding-left:10px;}
	.header .socials .bottom-txt p{font-size:11px;left:7px;}
	.leftnav-socials li{padding-left:15px;}
	.header .content-area {padding-left: 50px;padding-right: 50px;padding-top: 0px;}
    .carousel-content {display:none}
  
}

@media (max-width: 480px) {
 
 	.header .content-area {padding-left: 50px;padding-right: 50px;padding-top: 10px;display: block;}
	.header .content-area {padding-left: 0px;padding-right: 0px;padding-top: 0px;}
   
}

/* PRICING TABLE STYLE */
.pricing-table-container .panel {
    border: 0px solid transparent;
    color:#2E363A;
    background-color:#f9f9f9;
}

.pricing-table-container .price-main {
    padding-top: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 40px;
}

.pricing-table-container small {
    font-size: 12px!important;
}

.pricing-table-container .price-Unit {
    display: block;
}

.pricing-table-container .plan-ul {
    padding: 0 0 15px 0;
    margin: 30px 0px;
    list-style: none;
}

    .pricing-table-container .plan-ul li {
        padding: 15px 0px;
        font-size: 16px;
        border-bottom: 1px dotted #e1e1e1;
    }

.pricing-table-container label {
    margin: 10px;
}
.panel-heading h2 {
    font-size:larger;
}