.button:active,
.callbut:active {
    position: relative;
    top: 1px
}

.clear-both,
.container {
    clear: both
}

[class*=entypo-]:before {
    font-family: entypo, sans-serif
}

figure,
h1,
h2,
h3,
h4,
h5,
h6,
label,
p,
ul {
    margin: 0
}

.wrap,
body,
ul {
   list-style: none;
  padding: 0;
  margin: 0;  
}

body {
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
   background:#132e43 url(../images/bg.jpg);
}

input[type=button],
input[type=submit] {
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #5391eb;
    text-decoration: none
}

a:focus,
a:hover {
     color: #ebcd53;
 }

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

#social-media li, #social-star,
.zoom-container {
    display: inline-block
}

img {
    vertical-align: middle
}

@media print {
    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    select {
        background: #fff !important;
    }
    .navbar {
        display: none;
    }
    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }
    .label {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

.container {
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    height: auto
}

.top-part { border-top:5px solid #000;
    margin: auto 0;
    padding: 0;
    width: 100%;
    float: left;
background:#132e43 url(../images/bg.jpg); 
 }

.top-part .logo-box { margin:auto 0; text-align:center !important;
    width: 31%;
    float: left;
    margin: 0 10px;
    padding: 10px 0 0 0;
}
.top-part .logo-box img{ text-align:center;}

.top-part .logo-box p {
    margin: auto 0 5px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 600
}

.top-part .logo-box p a {
    color: #bb8a3d
}

.top-part .logo-box p a:hover {
    color: #27beeb
}

#social-media,
#social-media a {
    color: #000;
    float: left
}

#social-media p{
    color: #fff; font-size:18px; text-align:center;
 }

#social-media {
    margin: auto 0;
    width: 100%;
    float: left;
    text-align: center!important;
    padding: 0;
    font: 28px roboto;
    text-shadow: none
}

#social-media a {
    height: 35px;
    width: 35px;
    border-radius: 100%;
    margin: 0;
    background-color: #061724;
    font-size: 12px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5;
    -moz-transition: all ease .5s;
    transition: all ease .5s
}
#social-media a:hover {
    background-color: #2dab43
}

.menu-part,
.menu-part .menu-box {
    margin: auto;
    width: 100%;
    float: left
}

.menu-part {border-bottom:1px solid #95022d; border-top:1px solid #95022d;
    background:#db0040;
    padding: 0;
 }

#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #db0040;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color: #0b1e2f; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav { margin:auto;}

nav#nav-main {
  padding:5px 0; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #950025;
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a { font-weight:600;
    display: block;
    color: white;
    padding: 10px 28px; }
    nav#nav-main a:hover {
      background-color: #ebecf0;
      color: #0a1d2c; }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #c80032; }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #950025; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #e8edf0;
      color: #122738; }
.site-wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

.site-wrapper .header-box {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    float: left
}
   
.content-part {
    margin: 0 auto 0px;
    padding: 0;
    width: 100%;
    float: left;
 border-bottom:1px solid #0e3a5d;
 }

.content-part .content-box {margin:auto 0;
    margin: 20px auto 10px;
    padding: 2% 0;
    width: 100%;
    float: left;
 }
.content-part .content-box .left-area{ margin:auto 0;
    margin:0px auto 10px;
    padding:1% !important;
    width:68%;
    float: left;
	background:#ffffff;
	border-radius:7px; border:1px solid #03111c;
 }
.content-part .content-box .left-area h1 {
    font-size:30px;
    color: #db0040;
    padding: 5px 0;
    font-weight:500
}

.content-part .content-box .left-area h2 {
    font-size:28px;
    color: #122738;
    padding: 5px 0;
    font-weight: 600
}

.content-part .content-box .left-area h3 {
    font-size: 26px;
    color: #122738;
    padding: 5px 0;
    font-weight: 600
}
.content-part .content-box .left-area h4 {
    font-size: 26px;
    color: #122738;
    padding: 5px 0;
    font-weight: 600
}

.content-part .content-box .left-area p {
    font-size: 14px;
    color: #1b486b;
    line-height: 20px;
    padding: 5px 0;
    font-weight: 400
}
.content-part .content-box .left-area p a{ color: #3fa2ef; }
.content-part .content-box .left-area p a:hover{ color: #db0040; }

.content-part .content-box .right-area{ margin:auto 0;
    margin:0px auto 10px;
    padding:0 0 0 2%;
    width:27%;
    float:right; 
 }
 .content-part .content-box .right-area .part-box{ margin:auto 0;
    margin:0px auto 20px;
    padding:0 0px;
    width:100%;
    float:left; border:1px solid #061625;
	background:#0b1e2f;
	border-radius: 7px;
 }
 .content-part .content-box .right-area .part-box .headline{ margin:auto 0;
 padding: 10px 0;
    width:100%;
    float:left;
	background:#da003f; text-align: center; 
	font-size:18px; 
	font-weight:600; 
	color:#fff;
	-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
 }
 .content-part .content-box .right-area .part-box .postbox{ margin:auto 0;
 padding:4%;
    width:92%;
    float:left; }
	
 .fotter-part {
    margin: 0 auto 0px;
    padding: 0;
    width: 100%;
    float: left;
	border-top: 1px solid #0b1c2a;
 background: #122738 url(../images/bg2.jpg);
 }

.fotter-part .fotter-box {margin:auto 0;
    margin: 20px auto 10px;
    padding: 2% 0;
    width: 100%;
    float: left;
 }
.fotter-part .fotter-box .fotter-singal-box{ margin:auto 0;
    margin:0px auto 10px;
    padding:5px 1%;
    width:23%;
    float:left; 
  }
 
.fotter-part .fotter-box .fotter-singal-box h5{font-size: 18px;
font-weight: 700;
color: #f9376f;
padding-bottom:8px;
margin-bottom:13px;
position: relative;
	text-transform: uppercase; border-bottom:1px solid #0b1c2a;
}

.fotter-part .fotter-box .fotter-singal-box p {
    font-size: 14px;
    color: #ffeed1;
    line-height: 20px;
    padding:0px 0;
    font-weight: 400; 
	margin-bottom:10px;
}

.fotter-part .fotter-box .fotter-singal-box p a {
    color: #fabe58
}

.fotter-part .fotter-box .fotter-singal-box p a:hover {
    color: #ecf243;
    text-decoration: underline
}
.fotter-part .fotter-box .fotter-singal-box ul li { font-size:16px;
     padding-bottom: 5px;
    margin-bottom: 5px;
    padding:5px 0 5px 5px; color:#dcd450;
}

.fotter-part .fotter-box .fotter-singal-box ul li a { 
    color: #fff
}
.fotter-part .fotter-box .fotter-singal-box ul li a:hover {
    color: #cf2c44
}

.ftr-social ul li {
    display: inline-block;
      margin-left:4px; padding-left:0px !important;
}

.ftr-social ul li a {height: 35px;
width: 35px;
border-radius: 100%;
margin: 0;
background-color: #061724;
font-size: 12px;
-webkit-transition: all ease .5s;
-o-transition: all ease .5;
-moz-transition: all ease .5s;
transition: all ease .5s;
    display: block; padding-left:0px !important;
}

 .ftr-social ul li a:hover{background-color: #00b437;
    transform: rotate(360deg)
}
 
.copy-part{
    margin: auto 0;
    padding:1% 0;
    width: 100%;
    float: left; border-top:1px solid #000; 
background:#02111f;
 }

.copy-part .copy-box { margin:auto 0; text-align:center !important;
    width:100%;
    float: left;
    margin: 0 0px;
    padding: 10px 0 0 0;
}
 
.copy-part .copy-box p { padding:5px 5%;
    margin: auto 0 5px;
    text-align: center;
    font-size:14px;
    color: #fff;
    font-weight: 600
}

.copy-part .copy-box p a {
    color: #dcd450
}

.copy-part .copy-box p a:hover {
    color: #da003f
}

.gallery-part {
    margin: 0 auto 0px;
    padding: 0;
    width: 100%;
    float: left; background: #210302;
 border-bottom: 2px solid #640304;
}

.gallery-part .gallery-box {
    margin: 20px auto 10px;
    padding: 2% 1%;
    width: 98%;
    float: left;
  
}

.gallery-part .gallery-box h1{
    width: 90%;
    margin: auto;
    text-align: center;
  font-size:32px;

color: #a71213;

padding: 5px 0;

font-weight: 600;
}

.gallery-part .gallery-box p {
    width: 90%;
    margin: auto;
    text-align: center;
    font-size:14px;
    line-height: 24px;
    font-style: italic; color:#fff;
    padding: 5px 0
}

.gallery-part .gallery-box .gallery-area {
    text-align: center!important;
    padding: 0;
    width:100%;
    float: left;
    margin: 10px 0;
}

.gallery-part .gallery-box .gallery-product {
    text-align: center!important;
    padding: 0;
    width:23%;
    float: left;
    margin: 10px 1%
}
 
.button{ margin:auto 0; width:96%; float: left; color:#ff0;border-radius:3px;background:#1195f6;border:1px solid #0362a8; 
padding:2% !important; text-align: center; font-size:18px; font-weight:600; margin:2px 0px !important;}.button:hover{color:#fff;background:#000}

@media screen and (min-width:901px) and (max-width:1199px) {
    .container,
    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        clear: both
    }
    .container {
        padding: 0
    }
}

@media screen and (min-width:801px) and (max-width:900px) {
    .container,
    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        clear: both
    }
    .container {
        padding: 0
    }
    .top-part .logo-box {
        margin: 5px 8px
    }
	.gallery-part .gallery-box .gallery-product {
        width: 48%;
        margin: 5px 1%
    }
 	.fotter-part .fotter-box .fotter-singal-box {width:44%; margin: 5px 2%}
	 #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
 }

@media screen and (min-width:621px) and (max-width:800px) {
    .container,
    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        clear: both
    }
    .container {
        padding: 0
    }
    .top-part .logo-box {
        margin: 5px 6px
    }
    .gallery-part .gallery-box .gallery-product {
        width: 48%;
        margin: 5px 1%
    }
 	.content-part .content-box .left-area{ width:58%;}
	.content-part .content-box .right-area {width:37%;}
	.fotter-part .fotter-box .fotter-singal-box {width:44%; margin: 5px 2%}
	 #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
}

@media screen and (min-width:481px) and (max-width:620px) {
    .container,
    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        clear: both
    }
    .container {
        padding: 0
    }
    .top-part .logo-box {
        width: 96%;
        margin: 5px 2%
    }
.gallery-part .gallery-box .gallery-product {
        width: 48%;
        margin: 5px 1%
    }
	.content-part .content-box .left-area{ width: 94%; margin: 5px 2%}
	.content-part .content-box .right-area {width: 96%; margin: 5px 2%; float:left padding: 0 0 0 0%;}
	.fotter-part .fotter-box .fotter-singal-box {width: 94%; margin: 5px 2%}
	 #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
	#social-media{ display:none;}
}

@media screen and (min-width:320px) and (max-width:480px) {
    .container,
    .wrap {
        margin: 0 auto;
        height: auto;
        clear: both;
        width: 100%
    }
    .container {
        padding: 0
    }
    .top-part .logo-box {
        width: 96%;
        margin: 5px 2%
    }
  .gallery-part .gallery-box .gallery-product {
        width: 96%;
        margin: 5px 2%
    }
 	.content-part .content-box .left-area{ width: 94%; margin: 5px 2%}
	.content-part .content-box .right-area {width: 96%; margin: 5px 2%; float:left padding: 0 0 0 0%;}
	.fotter-part .fotter-box .fotter-singal-box {width: 94%; margin: 5px 2%}
	.fun-tags h4{font-size:24px;}
	 #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
	#social-media{ display:none;}
 }