/* CSS Document */
body {
background: #fff; color: #3e4c5f; line-height: 25px; font-family: 'Raleway', sans-serif;}
a {text-decoration:none; color:#e86801;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
a:hover {text-decoration:none;}

body.home li a.home,
body.about li a.about,
body.collections li a.collections,
body.events li a.events,
body.contact li a.contact
{outline: 0; color: #ba0020; background:#fff;}

.no-margin {margin: 0px;}
.padding-LR-0{ padding-left:0; padding-right:0;}
.padding-L-0{ padding-left:0;}
.padding-R-0{ padding-right:0;}

.fl{float:left;}/* float left */
.fr{float:right;}

ol,ul{list-style:none; padding:0; margin:0;}
ul.arrow{ padding:0; text-align:left; }
ul.arrow li{margin:0px 0px; padding:5px 0px 0px 24px; background: url(images/arrow-red.png) 5px 13px no-repeat;}

/*------------ Header--------------*/
.logo-left{ float:left; width:186px; padding-bottom:10px; padding-top:10px;}
.social-right{ float:right; margin-top:20px; }
.social { margin-top:30px; float:right}
.social a{ text-align:center; color:#fff; width:37px; height:37px; line-height:37px; font-size:18px; border-radius: 50%; border:2px solid #7e7e7e;}

.social a.fb{ margin-right:8px;}
.social a.tw{ margin-right:8px;}
.social a.gp{ }

.social a.fb:hover{ background:#fff; color:#35609f; border:2px solid #fff;}
.social a.tw:hover{ background:#fff; color:#00aced; border:2px solid #fff;}
.social a.gp:hover{ background:#fff; color:#d5452a; border:2px solid #fff;}
/*------------ Typography--------------*/
h1, h2, h3, h4{}
h1{font-size:30px; color:#243e8f; font-weight:300; margin-bottom:40px; margin-top:10px;}
h2{font-size:24px; color:#e86801; font-weight:400; margin-bottom:20px;}
h3{font-size:20px; color:#243e8f; font-weight:600; margin-bottom:25px;}
h4{font-size:18px; color:#e86801; font-weight:600;}
h5{font-size:16px; color:#243e8f; font-weight:600;}
h6{font-size:14px; color:#e86801; font-weight:700;}

ol.number{padding:0; padding-left: 15px; text-align:left; margin-bottom:10px;}
ol.number li{margin:0px; padding:5px 0px 0px 5px;list-style-type: decimal;}
ol.number li ol li{margin:5px 10px;padding:3px 20px 0px 5px;list-style-type: lower-alpha;}


/*blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
  
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C";

  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}*/

/*------------ Navigation--------------*/
.navbar-default{background:transparent; color:#acacac}
.navbar-collapse {padding-right: 0px; padding-left:0px;}
.navbar-default .nav li a {background:transparent; color: #000; font-size:15px; letter-spacing:0.5pt; font-weight:400; text-transform:uppercase;-webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.navbar-nav { text-align:center; float:none;}
.navbar-nav > li
.navbar-nav > li > a {padding-top: 20px; padding-bottom: 20px; padding-left:30px; padding-right:30px;}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {outline: 0; color: #ba0020; background:none;}

.navbar-default .nav .active a {outline: 0; color: #ba0020; background:none;}

.navbar {min-height: 55px; margin-bottom:0px; border:none; border-radius: 0px;}

.navbar-toggle {margin-top:5px;}

/* For nav bar centered*/
.navbar-nav > li { float: none; display: inline-block;}

/*.dropdown:hover > .dropdown-menu { display: block;}*/

/*---------------Home page css----------------------*/

.TitltMain h1{text-align:center; color:#FFFFFF; background-color:#000000; padding-top:10px; padding-bottom:10px; margin:10px 0; text-transform:uppercase; letter-spacing: 3px; font-size:35px;margin-bottom: 30px;}
.collections-home{margin-bottom: 10px;}
.collections-home a img{opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ width:100%; height:100%;}
.collections-home a img{-webkit-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.collections-home a img:hover{opacity: 0.7; filter: alpha(opacity=70);}
.collections-home a { display:block; background-color:#00CC66;}

/*serasi*/
#serasi figure{margin:0 auto 30px;border:1px solid #f0f0f0;}
.mob-img{margin: auto;}


/*------------------Sections----------------*/
.container-fluid{ max-width:1366px;}
.container{max-width:1020px;}
#iwtHeader{background: #000000;}
#iwtHeaderNav{background:url(images/HeaderNav-bg.png) repeat-x; min-height:55px;}

.white-sec{background:#fff; padding-top:0px; padding-bottom:40px; padding-top:40px;}

#PageHeader{background: #4cb280 url(images/PageHeader-bg.jpg) no-repeat bottom; background-size:cover; padding-top:45px; padding-bottom:45px;}
#PageHeader h2{color:#FFFFFF; font-size:35px; text-transform:none; font-weight:600; font-style:italic; margin:0; }
#PageHeader strong{font-weight:600;}

/*-----------------------------------------------------------------------------------*/
/*  Footer
/*-----------------------------------------------------------------------------------*/
#iwtFooter{background-color:#000; color:#FFFFFF; padding:30px 0; text-align:center; margin-top:20px;}
#iwtFooter nav a{ color:#fff; margin-bottom: 8px; padding:5px 20px; text-transform:uppercase;} 
#iwtFooter nav a:hover {color:#cf1434;} 
#iwtFooter p{ color:#999999; margin-top:25px; margin-bottom:0;}

/*-------------------------- media queries----------------------------------*/

@media screen and (min-width:300px) and (max-width:767px){
.social-right{ float:none; margin:20px auto 0px; }
.social {float:none}
.logo-left{ float:none; margin:auto;}
.navbar-nav > li { float: none; display:block;text-align:left;padding-left:15px;}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {outline: 0; color: #ba0020; background:none;}
}

@media screen and (min-width:768px){
.dropdown:hover > .dropdown-menu { display: block;}
}
@media screen and (min-width:768px) and (max-width:991px){

.navbar-nav > li > a { padding-left:20px; padding-right:20px; }

}

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



}