body {
    background: #334B6D;
    background-image: url("../images/pat.png");
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #FFF;
    position: relative
}

html,
body {
    width: 100%;
    overflow-x: hidden
}

#strip .wrapper div {
   width: 100%
}

#strip img {
    max-width: 100%;
    padding: 0%;
    background: #19106B
}



/* -----------in comune-------- */
.btn {
    background: transparent;
    border-radius: 0;
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 30px;
    margin-top: 0px;
    transition: all 0.3s ease-in-out;
    opacity: 0.5;
    text-align: center
}
.btn:hover {
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    opacity: 0.7
}


/* 	twocol	section ---------------------------------------------------------------- */
#twocol {
	background-image: url("../images/none.png");
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}
#twocol .container {
  width: 90%;
}
 
#twocol .wrapper { 
  border : 0px solid #000; 
  overflow:hidden;
  padding: 0px;
}

#twocol .wrapper div {
   min-height: 170px;
   padding: 0px;
}
#onetwocol {
  float:left; 
  margin-right:0px;
  width: 369px;
  border-right: 0px;
   }
#twotwocol { 
  overflow:hidden;
  margin:0px;
  border:0px;
  min-height:170px;
}

@media screen and (max-width:850px) {
    #onetwocol {
        float: none;
        margin-right: 0;
        width: auto;
        border: 0;
        border-bottom: 0px solid #000
    }
}

#pageloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: #272376;
    z-index: 9999
}

.loader-item {
    position: absolute;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
    top: 50%;
    left: 50%;
    text-align: center;
    background: white;
    border-left: 4px solid;
    border-right: 4px solid;
    border-top: 4px solid;
    border-bottom: 3px solid transparent !important;
    border-radius: 22px
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#wrapper {
    margin-left: 70px
}

#wrapperab2col {
    margin-left: 270px
}

#sidebarab2col {
    float: left;
    width: 260px;
    margin-left: -260px;
    margin-top: 10px
}

#content {
    float: right;
    width: 100%
}



#sidebar {
    float: left;
    width: 60px;
    margin-left: -60px;
    margin-top: 10px
}

#sidebar2 {
    float: left;
    width: 110px;
    margin-left: -110px;
    margin-top: 10px
}

.cleared {
    clear: both
}

#wrapper2 {
    margin-left: 120px;
    height: 100px
}

#wrapperinfo {
    margin-left: 20px;
    height: 100px
}


h2,
h4 {
    font-weight: bold;
    color: #71A3BA;
    padding-bottom: 1px
}

/* -----------in comune-------- */
h3 {
    line-height: 2px
}

h5 {
    padding-top: 0px;
    font-weight: bold;
    font-size: 16px;
    color: #2D323A
}

h6 {
    font-weight: bold;
    color: #fff;
    font-size: 26px;
    font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    letter-spacing: 3px;
    line-height: 2px
}
h7 {
    padding-top: 0px;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 3px;
    color: #81A5CC
}
h8 {
	font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 20px
}
h9 {
	font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #EEEFF2;
    font-size: 20px;
    text-align: center;
    letter-spacing: 1.4px;
    margin-bottom: 20px
}

p.one {
    font-family: 'Open Sans', sans-serif;
    background-color: #12162A;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 28px;
    padding-left: 28px;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    color: #fff
}
p.oneform {
    font-family: 'Open Sans', sans-serif;
    background-color: #1C4BA2;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 28px;
    padding-left: 28px;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    color: #fff
}

p.one img {
    max-width: 20px
}

p.what {
    background-color: #F0F0F1;
    font-size: 16px;
    line-height: 20px;
    color: #2D323A;
    background-color: #fff
}

a:link {
    text-decoration: none
}

p.descrive {
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 26px;
    padding-left: 26px;
    text-align: center;
    letter-spacing: 0.4pt;
    font-size: 19px;
    line-height: 32px;
    color: #F0F0F1
    }

p.descriveh {
    font-size: 22px;
    color: #303061;
    background-color: #57E5D0
}

.heading {
    font-size: 58px;
    color: #EAECED;
    background-color: rgba(11, 9, 76, 0.2);
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 3px
}
.height280 {
      height: 280px;
      padding-top: 63px
}
.height300 {
      height: 300px;
      padding-top: 63px
}
.height100 {
      height: 100px;
      padding-top: 39px
}
.height100t {
      height: 100px;
      padding-top: 42px
}
.believex {
    font-size: 22px;
    color: #303061;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal
}

.headnews {
    font-size: 34px;
    color: #fff;
    padding-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 26px
}

.subnews {
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 0px;
    color: #C6F6EF;
    letter-spacing: 0px;
    line-height: 19px
}

.garden {
    font-size: 48px;
    color: #486B8B;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 34px
}

.heading2 {
    font-size: 18px;
    padding-top: 0px;
    font-weight: bold;
    padding-bottom: 22px;
    letter-spacing: 2px
}

.headingban {
    font-size: 15px;
    line-height: 8px;
    color: #95CBFF;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif; 
    font-weight: 700;
    letter-spacing: 1.4px
}

.headingbanb {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #95CBFF;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
        
}

.headingnobg {
    font-size: 68px;
    color: #D5D9DE;
    font-family: 'Josefin Sans', sans-serif;
    font-weight:600;
    letter-spacing: 4px
}
.headinghome {
    font-size: 50px;
    color: #99B1D2;
    background-color: rgba(11, 9, 76, 0.0);
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 2px
}
.headingbanhome {
    font-size: 15px;
    line-height: 18px;
    color: #A6B9C2;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 10px;
    font-family: 'Josefin Sans', sans-serif
}

.subheading {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 24px;
    color: #5B8CA3;
    letter-spacing: 0px
}

.subheadingblack {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 30px;
    color: #112934
}

.prodottosub {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 40px;
    color: #112934;
    line-height: 16px;
    font-family: 'Josefin Sans', sans-serif
}

.bold {
    font-weight: bold
}

.blue {
    font-weight: bold;
    color: #11365F
}

p {
    letter-spacing: 0px;
    line-height: 28px
}

div.loogo {
   content: url(../images/logo2.png);
   position: absolute;
   left: 0px;
   top: 26px;
   z-index: 3
}

.outlgo
{
     padding: 0px;
     text-align: center;
}
.lgo
{
     display: inline-block;
     padding: 0px;
     content:url(../images/lotx.png);
     line-height: 2px;
     margin-bottom: 0;
     z-index: 4
}
/* -----------sot bar------- */
#navmother .container {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 8px;
    background: #222831;
    height: 64px
}

.custom-navbar {
    margin-bottom: 0;
    color: #140D51;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30;
    margin: 0
}
/* -----------sot logo-not bar------- */
.custom-navbar .navbar-brand {
    font-family: 'Dubtronic-Solid';
    color: #EAECED;
    font-size: 19px;
    background: 0;
    letter-spacing: 2px;
    font-weight: bold;
    padding-top: 8px
}

.custom-navbar .navbar-brand .navbar-toggle {
    background: #140D51;
    padding: 2px 2px;
    font-size: 16px;
    color: #140D51;
    top: 0px
}
/* -----------sot link right-not bar------- */
.custom-navbar .nav li a {
    color: #EAECED;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    padding-right: 20px;
    padding-left: 20px;
    top: 2px;
    transition: all 0.3s ease-in-out;
    background: 0
}

.custom-navbar .nav li a:hover {
    color: #E2F8FF;
    transition: all 0.3s ease-in-out
}
/* -----------on click link right-not bar------- */
.custom-navbar .nav >li >a:focus {
    background-color: #;
    outline: none
}

.custom-navbar .nav li.active >a {
    background-color: #3BB0EB
}

/* -----------sot hamburgh right-not bar------- */
.custom-navbar .navbar-toggle {
    border: none;
    padding-top: 6px;
    font-size: 16px;
    background: #18223D
}

.custom-navbar .navbar-toggle .icon-bar {
    background: #fff;
    border-color: #251E73;
    margin-top: 4px;
    padding: 1px
}

@media(max-width:768px) {
    .custom-navbar {
        background: 0;
        padding: 0px;
        border-bottom: 0;
          }
    .custom-navbar.top-nav-collapse {
        padding: 1px;
        background: 0
    }
        #navmother .container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    
	}

}


#covertop {
    color: #fff;
    background: url('../images/covertopimg2.png') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
    padding-left: 0px;
    height: 76vh;
    text-align: center
}

#covertop h3 {
    text-align: center;
    letter-spacing: 1px;
    line-height: 2px
}



#em1page {
    color: #fff;
    background: url('../images/em1page.gif') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
    text-align: center
}

#em1page h3 {
    text-align: center;
    letter-spacing: 1px;
    line-height: 2px
}




#scratchrpage {
    background: url('../images/scratchrpage.gif') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
    text-align: center
}

#scratchrpage h3 {
    text-align: center;
    letter-spacing: 1px;
    line-height: 2px
}



#rkickspage {
    background: url('../images/rkickspage.png') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
    text-align: center
}

#rkickspage h3 {
    text-align: center;
    letter-spacing: 1px;
    line-height: 2px
}



#comingpage {
    background: #01448C;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 18px;
    text-align: center
}
#subbpage {
    background: #45CECC;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 12px;
    text-align: center
}
#believe {
    color: #303061;
    background: #57E5D0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
    height: 100px;
    text-align: center
}

#believe h3 {
    text-align: center;
    letter-spacing: 1px;
    line-height: 2px
}

#welcox {
    color: #303061;
    background: #3DFFE1;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
    height: 320px;
    text-align: center
}

#welcox h3 {
    text-align: center;
    letter-spacing: 1px;
    line-height: 2px
}

#banner_01 .container {
    width: 80%
}

#banner_01 .backx {
    background: url('../images/pohead.png') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 450px;
    text-align: center
}

@media only screen and (max-width:600px) {
    #banner_01 .backx {
        background: url('../images/pohead2.png') no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 450px;
        text-align: center
    }
}

#claim .backx {
    background: #57E5D0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 10em;
    position: relative
}

#claim .backx p {
    font-size: 23px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

#banner_02 .backx {
    background: url('../images/under.gif') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 10em;
    position: relative
}

#banner_02 .backx p {
    font-size: 23px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.center {
    width: 100%;
    margin: 0 auto;
    background: #A0C7DF
}

#about .container {
    width: 80%;
    padding-top: 29px;
    padding-bottom: 44px
}

#about {
    font-size: 16px;
    background: #4B6FAE url('../images/light.png') no-repeat
}

#about .how {
    font-size: 16px;
    line-height: 22px;
    color: #2D323A;
    padding-left: 10px;
    padding-top: 0px
}

.imgbasso {
    vertical-align: text-bottom
}

.bgitems {
    background: #D5D9E0;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 2px;
    padding-left: 2px
}


#about .ooo {
    background-image: url("../images/fascia.png");
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 20px
}

#about .col-md-6 {
    padding-top: 6px;
    margin-bottom: 4px;
    display: block;
    margin: 15px 10
}

#about .col-md-4 {
    padding: 30px
}

#about .col-md-6 h3 {
    padding-top: 0px;
    padding-bottom: 0px
}

#about .col-md-6 p {
    padding-bottom: 10px
}

#about span {
    display: block;
    padding-bottom: 6px
}

#about .progress {
    border-radius: 0;
    box-shadow: none;
    height: 6px
}

#about .progress .progress-bar-primary {
    background: #FFD321
}


#about hr {
    border: 1px solid #B4D1D1;
    width: 400px
}



#about2 .container {
    width: 80%
}

#about2 {
    background: #D5D9E0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 49px;
    padding-bottom: 44px
}

#about2 .how {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 26px;
    color: #F0F0F1;
    letter-spacing: 2px;
    text-align: center
}

#about2 .dati {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    color: #F0F0F1;
    letter-spacing: 2px;
    text-align: center
}


#about2 .col-md-6 {
    padding-top: 0px
}

#about2 .col-md-4 {
    padding: 30px
}

#about2 .col-md-6 h3 {
    padding-top: 0px;
    padding-bottom: 0px
}

#about2 .col-md-6 p {
    padding-bottom: 10px
}

#about2 span {
    display: block;
    padding-bottom: 6px
}

#about2 .progress {
    border-radius: 0;
    box-shadow: none;
    height: 6px
}

#about2 .progress .progress-bar-primary {
    background: #FFD321
}

#about2 hr {
    border: 1px solid #F0F0F1;
    width: 400px
}

#about3 .container {
    width: 70%
}

#about3 {
    padding-top: 49px;
    padding-bottom: 44px;
    background-image: url("../images/darkvid.gif")
}

.rwd-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 0px;
    position: relative
}

.rwd-video img,
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#about3 .how {
    font-size: 26px;
    color: #F0F0F1;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif
}

#about3 .dati {
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    color: #112934;
    letter-spacing: 2px;
    text-align: center
}


#about3 .col-md-6 {
    padding-top: 0px
}

#about3 .col-md-4 {
    padding: 30px
}

#about3 .col-md-6 h3 {
    padding-top: 0px;
    padding-bottom: 0px
}

#about3 .col-md-6 p {
    padding-bottom: 10px
}

#about3 span {
    display: block;
    padding-bottom: 6px
}

#about3 .progress {
    border-radius: 0;
    box-shadow: none;
    height: 6px
}

#about3 .progress .progress-bar-primary {
    background: #FFD321
}


#abinfo .container {
    width: 50%;
    padding-top: 29px;
    padding-bottom: 44px
}

#abinfo {
    font-size: 16px;
    background-image: url('../images/em1_leftbk.gif'), url('../images/em1_rightbk.gif'), url('../images/em1_colorbk.gif');
    background-position: left top, right top, left top;
    background-repeat: no-repeat, no-repeat, repeat
}

#abinfo .how {
    font-size: 16px;
    line-height: 22px;
    color: #2D323A;
    padding-left: 10px;
    padding-top: 0px
}

#abinfo .howmini {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding-left: 10px;
    padding-top: 0px;
    background-color: rgba(72, 98, 179, 0.5)
}

#abinfo .howminipic {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding-left: 10px;
    padding-top: 0px;
    background-color: rgba(72, 98, 179, 0.5)
}


#scrainfo .container {
    width: 50%;
    padding-top: 29px;
    padding-bottom: 44px
}

#scrainfo {
    font-size: 16px;
    background-image: url('../images/scratchr_leftbk.png'), url('../images/scratchr_rightbk.png'), url('../images/scra_colorbk.png');
    background-position: left top, right top, left top;
    background-repeat: no-repeat, no-repeat, repeat
}

#scrainfo .how {
    font-size: 16px;
    line-height: 22px;
    color: #2D323A;
    padding-left: 10px;
    padding-top: 0px
}

#scrainfo .howmini {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding-left: 10px;
    padding-top: 0px;
    background-color: rgba(72, 98, 179, 0.5)
}

#scrainfo .howminipic {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding-left: 10px;
    padding-top: 0px;
    background-color: rgba(72, 98, 179, 0.5)
}

#rkicksinfo {
    font-size: 16px;
    background-image: url('../images/rkicks_leftbk.png'), url('../images/rkicks_skinleft.png'), url('../images/rkicks_rightbk.png'), url('../images/scra_colorbk.png');
    background-position: left top, left top, right top, left top;
    background-repeat: no-repeat, repeat, no-repeat, repeat
}
#rkicksinfo .container {
    width: 50%;
    padding-top: 29px;
    padding-bottom: 44px
}

#rkicksinfo .how {
    font-size: 16px;
    line-height: 22px;
    color: #2D323A;
    padding-left: 10px;
    padding-top: 0px
}

#rkicksinfo .howmini {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding-left: 10px;
    padding-top: 0px;
    
}

#rkicksinfo .howminipic {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding-left: 10px;
    padding-top: 0px;
    background-color: rgba(72, 98, 179, 0.5)
}


.imgbasso {
    vertical-align: text-bottom
}

.bgitems {
    background: #D5D9E0;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 2px;
    padding-left: 2px
}

.bginfos {
    background: #;
    padding-top: 12px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px
}


#abinfo .ooo {
    background-image: url("../images/fascia.png");
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 0px
}

#abinfo .col-md-6 {
    padding-top: 6px;
    margin-bottom: 4px;
    display: block;
    margin: 15px 10
}

#abinfo .col-md-4 {
    padding: 30px
}

#abinfo .col-md-6 h3 {
    padding-top: 0px;
    padding-bottom: 0px
}

#abinfo .col-md-6 p {
    padding-bottom: 10px
}

#abinfo span {
    display: block;
    padding-bottom: 6px
}

#abinfo .progress {
    border-radius: 0;
    box-shadow: none;
    height: 6px
}

#abinfo .progress .progress-bar-primary {
    background: #FFD321
}


#abinfo hr {
    border: 1px solid #B4D1D1;
    width: 400px
}

#buy .container {
    width: 70%
}

#buy {
    padding-top: 50px;
    padding-bottom: 50px
}

#buy {
    font-size: 16px;
    background: #EFEFEF
}

#buy .how {
    font-size: 16px;
    line-height: 22px;
    color: #2D323A;
    padding-left: 10px;
    padding-top: 0px
}

.bgitems {
    background: #EEEFF2;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px
}


#buy .col-lg-6 {
    padding-top: 6px;
    margin-bottom: 4px;
    display: block;
    margin: 15px 10
}

#buy span {
    display: block;
    padding-bottom: 6px
}

#buy .progress {
    border-radius: 0;
    box-shadow: none;
    height: 6px
}

#buy .progress .progress-bar-primary {
    background: #FFD321
}


#present .container {
    width: 70%
}

#present {
    padding-top: 10px;
    padding-bottom: 40px;
    font-size: 16px;
    text-shadow: 2px 2px #15213B;
    background-image: url("../images/darkem.png")
}

#presentform .container {
    width: 60%
}

#presentform {
    padding-top: 10px;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 24px;
    background-image: url("../images/form_back.gif")
}

#presentrk .container {
    width: 70%
}

#presentrk {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 16px;
    text-shadow: 2px 2px #15213B;
    background-image: url("../images/darkrk.png")
    
}


#about span {
    display: block;
    padding-bottom: 6px
}

#SOUNDS .container {
    width: 100%;
    padding: 5;
    margin: 5
}

#SOUNDS {
    padding-top: 22px;
    padding-bottom: 0px;
    background-image: url("../images/dark.png");
    text-align: center
}

#SOUNDS .col-md-4 {
    padding: 5;
    margin: 5
}

#SOUNDS img {
    width: 100%;
    transition: all 0.3s ease-in-out
}
#SOUNDS li {
    width: 54px;
    text-align: center;
   margin-top: 14px;
margin-right: 14px;
margin-bottom: 14px;
margin-left: 14px;
    transition: all 0.3s ease-in-out
}


.responsive {
    width: 100%!important
}

.max {
    width: 571px
}

.filter-wrapper {
    width: 100%;
    margin: 40px 0 24px 0;
    overflow: hidden;
    text-align: center
}

.filter-wrapper li {
    display: inline-block;
    margin: 4px
}

.filter-wrapper li a {
    color: #DBDFE0;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 17px;
    display: block;
    text-decoration: none;
    transition: all 0.3s ease-in-out
}

.filter-wrapper li .selected,
.filter-wrapper li a:focus,
.filter-wrapper li a:hover {
    background: #112934;
    color: #fff;
    outline: none
}

.iso-box-section {
    width: 100%
}

.iso-box-wrapper {
    width: 100%;
    padding: 0;
    clear: both;
    position: relative
}

.iso-box {
    position: relative;
    min-height: 50px;
    float: left;
    overflow: hidden;
    margin-bottom: 30px
}

.iso-box >a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.iso-box >a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.fluid-img {
    width: 100%;
    display: block
}


#contact {
    padding-top: 40px;
    padding-bottom: 0px
}

#contact .container {
    width: 50%
}

#contact {
    background: #125F99;
    text-align: center
}


.framenews {
    height: 180px;
    overflow: hidden;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative
}

.framenews img,
.framenews iframe,
.framenews object,
.framenews embed {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: none
}

.social-icon {
    padding: 0;
    text-align: center;
    vertical-align: middle
}

.social-icon li {
    list-style: none;
    display: inline-block;
    padding: 0
}

.social-icon li a {
    background: #113E69;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 24px
}

#copyrightfoo .container {
    width: 90%;
    padding: 5;
    margin: 5
}

#copyrightfoo {
    padding-top: 40px;
    padding-bottom: 0px;
    background: #57E5D0;
    text-align: center
}

#copyrightfoo .col-md-4 {
    padding: 5;
    margin: 5
}
#copyrightfoo li {
    width: 54px;
    text-align: center;
   margin-top: 0px;
  margin-right: 14px;
  margin-bottom: 0px;
  margin-left: 14px;
 
}

#copyright {
    background: #57E5D0;
    color: #fff;
    letter-spacing: 2px;
    padding-top: 50px;
    padding-bottom: 0px
}

#copyright .container {
    width: 90%
   }
footer {
    background: #125F99;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px
}
p.footer img {
    max-width: 369px
}

p.copyy {
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #fff
}

p.copyy:before {
content: "Copyright © 2024 MESH GARDEN";
}

#copyright p {
    padding-top: 0px
}

#copyright a {
    color: #fff
}

#copyright a:hover {
    color: #FFD321;
    text-decoration: none;
    transition: all 0.3s ease-in-out
}


@media (max-width:1020px) {
    #buy .container {
        width: 100%
    }
}

@media (max-width:550px) {

.image-replacement {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/ban_stuttlay.gif) no-repeat;
  width: 180px;
  height: 236px;
  padding-left: 180px;
}


    .btn {
        font-size: 12px;
        max-height: 50px;
        border: 1px solid #fff
    }
    .heading {
        font-size: 40px
    }
    .heading2 {
        font-size: 18px;
        padding-bottom: 4px
    }
    .headingban {
        font-size: 18px;
         line-height: 20px
    }
    .headingbanb {
        font-size: 16px;
         line-height: 20px
    }
     .headingnobg {
        font-size: 38px;
         line-height: 0px;
         padding-bottom: 16px
    }
    .believex {
        font-size: 15px
    }
    #welcox {
        height: 200px
    }
    .social-icon li a {
        border-radius: 50%;
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-top: 10px;
        margin-right: 16px;
        margin-left: 16px;
        margin-bottom: 6px
    }

    p.descrive {
        font-size: 16px;
        line-height: 20px
    }
    p.one {
        font-size: 12px;
        line-height: 14px
    }
    .headnews {
        font-size: 26px;
        line-height: 20px
    }
    .subnews {
        font-size: 13px;
        font-weight: normal;
        padding-bottom: 0px
    }
    #buy .container {
        width: 100%
    }
    #about .container {
        width: 100%
    }
    #about3 .container {
        width: 100%
    }
    #about2 .container {
        width: 100%
    }
    #about .how {
        font-size: 12px
    }
    #present .container {
        width: 90%
    }
     #presentrk .container {
        width: 90%
    }
    #contact h3 {
        font-size: 16px;
        padding-bottom: 40px
    }
}