/***********************
*  Site Specific CSS   *
************************/

    /* @imports
    --------------*/
    @import url('http://cdn.myld.com.au/1/js/plugins/flexslider/2.2.2/flexslider.min.css');
    @import url('http://cdn.myld.com.au/1/js/fancybox2/jquery.fancybox.css');
  	@import url('http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.min.css');
    @import url('http://cdn.myld.com.au/1/js/plugins/smartCaptcha/smartCaptcha-v1.0.min.css');

    /* @font-faces
    --------------*/
    @font-face{
        font-family: 'Source Sans Pro Regular';
        src:   url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.eot);
        src:   url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.eot?#iefix) format('embedded-opentype'),
        url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.woff) format('woff'),
        url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.ttf) format('truetype'),
        url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.svg#source_sans_proregular) format('svg');
        font-weight:400;
        font-style:normal;
    }

    @font-face{
        font-family: 'Source Sans Pro Semibold';
        src:   url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.eot);
        src:   url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.eot?#iefix) format('embedded-opentype'),
        url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.woff) format('woff'),
        url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.ttf) format('truetype'),
        url(http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold) format('svg');
        font-weight:600;
        font-style:normal;
    }

    @font-face{
        font-family: 'Lora Regular';
        src:   url(http://cdn.myld.com.au/1/fonts/Lora/lora-regular-webfont.eot);
        src:   url(http://cdn.myld.com.au/1/fonts/Lora/lora-regular-webfont.eot?#iefix) format('embedded-opentype'),
        url(http://cdn.myld.com.au/1/fonts/Lora/lora-regular-webfont.woff) format('woff'),
        url(http://cdn.myld.com.au/1/fonts/Lora/lora-regular-webfont.ttf) format('truetype'),
        url(http://cdn.myld.com.au/1/fonts/Lora/lora-regular-webfont.svg#loraregular) format('svg');
        font-weight:400;
        font-style:normal;
    }

    /* @general styles
    -----------------*/
    .clear { clear: both;}
    .nopadding { padding:0; }
    .container { max-width:1170px; margin:0px auto; width:100% !important;}
    body { background:url(http://cdn.myld.com.au/2/1215/creative-jewellers_f05dc9117c.jpg) top center; }

    /* @specific styles
    ------------------*/
    .flexslider
    { border:0px !important; margin-bottom:0px !important; }
    .header { background-color:#202020; }
    .slider-container { padding: 20px 30px 0px 30px; background:#fff; }
    .map-container { padding: 20px 30px 0px 30px; background:#fff; }
    .navbar { margin-left:20px; }
    .navbar li a { padding-top:45px; font-family: "Source Sans Pro Regular"; color:#fff; font-size:14px; text-align:center; }
    .navbar li { max-width: 165px; margin-left:1px; margin-right:1px; }
    .navbar li a:hover, .navbar .active > a { background:#ea962f; color:#fff;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        -o-transition:color .2s ease-out, background .2s ease-in;
        -ms-transition:color .2s ease-out, background .2s ease-in;
        -moz-transition:color .2s ease-out, background .2s ease-in;
        -webkit-transition:color .2s ease-out, background .2s ease-in;
        transition:color .2s ease-out, background .2s ease-in;
    }
    .nav>li>a {padding-right: 11px; padding-left: 11px; }
    .navbar-nav>li>.dropdown-menu { background:#202020;padding: 5px 0!important; }
    ul.dropdown-menu { border:0 !important;  }
    ul.dropdown-menu li { margin-right:0 !important; margin-left:0 !important; }
    ul.dropdown-menu li a {
        padding: 20px;
        text-align: left;
        border-radius: 0!important;
    }
    .slider-container { position:relative; }
    .blue_bar { background:url(http://cdn.myld.com.au/2/1215/creative-jewellers_b51a9edf90.png) 100% 100%; height:90px; position:absolute; z-index:3; bottom:0px; left:0px;
        max-width:1137px;  width:100%;}
    .blue_bar .text { padding:30px 55px; font-family: 'Lora Regular'; font-size: 25px; color:#fff; text-shadow: 1px 1px 3px rgba(150, 150, 150, 1); }
    /*  content */
    .content { background:#f9f9f9; padding-top:12px; padding-bottom:12px; }
    .jewellery { padding:0 15px; margin-bottom:50px;}
    .jewelleryprod-container { max-width:1200px; width:100%;display:block; margin:0 auto; background:rgba(255,255,255,0.5);  }
    .jewellery-content { margin-bottom:20px;  }
    .jewellery-content > div h2 { color:#2555b8; font-family:"Lora Regular"; font-size:25px; margin-bottom:30px; }
    .jewellery-content > div p { font-family: 'Source Sans Pro Regular'; font-size:15px; color:#393939;}
    .jewellery-products { padding-top:30px; padding-bottom:30px; background:#fff; }
    .jewellery-items { min-height:240px; }
    .jewellery-items .items-inner{ margin:0 2px; text-align:center; width: 99%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .jewellery-items .items-inner a{ cursor:pointer;width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(218,218,218,1);
        -moz-box-shadow: 0px 3px 3px 0px rgba(218,218,218,1);
        box-shadow: 0px 3px 3px 0px rgba(218,218,218,1);
        display: block;
        top: 0;
        left: 0;
        bottom: 0;
        background: rgba(0, 124, 212, 0.65);position:absolute; -o-transition:color .2s ease-out, background .2s ease-in;
        -ms-transition:color .2s ease-out, background .2s ease-in;
        -moz-transition:color .2s ease-out, background .2s ease-in;
        -webkit-transition:color .2s ease-out, background .2s ease-in;
        transition:color .2s ease-out, background .2s ease-in; }
    .jewellery-items .items-inner a h2 { font-size:25px; font-family:'Lora Regular'; color:#fff; left:50%; top:50%; display:block; -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%); position:absolute; margin:0;-o-transition:color .2s ease-out, background .2s ease-in;
        -ms-transition:color .2s ease-out, background .2s ease-in;
        -moz-transition:color .2s ease-out, background .2s ease-in;
        -webkit-transition:color .2s ease-out, background .2s ease-in;
        transition:color .2s ease-out, background .2s ease-in;
    }
    .jewellery-items .items-inner a p { display:none; color:#fff;  font-family: 'Source Sans Pro Regular'; font-size:15px; position:absolute;-o-transition:color .2s ease-out, background .2s ease-in;
        -ms-transition:color .2s ease-out, background .2s ease-in;
        -moz-transition:color .2s ease-out, background .2s ease-in;
        -webkit-transition:color .2s ease-out, background .2s ease-in;
        transition:color .2s ease-out, background .2s ease-in;
        left:50%; top:50%; -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 100%;
        padding: 0 20px;
    }
    .jewellery-items .items-inner a p span { display:block; margin-top:20px; }
    .jewellery-items .items-inner a:hover h2{ display:none; }
    .jewellery-items .items-inner a:hover p { display:block; }
    .jewellery-items .items-inner a:hover { background:rgba(232,139,25,0.9); height:260px;}
    .jewellery-items.jewellerysale .items-inner {
        background:url(http://cdn.myld.com.au/2/1218/creative-jewellers_26612bd2a2.png) no-repeat; background-size:cover;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0; }
    .jewellery-items.jewellerymanufacturing .items-inner {
        background:url(http://cdn.myld.com.au/2/1218/creative-jewellers_b396a49640.png) no-repeat; background-size:cover;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;}
    .jewellery-items.jewelleryrepairs .items-inner {
        background:url(http://cdn.myld.com.au/2/1218/creative-jewellers_8fc2729b50.png) no-repeat; background-size:cover;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;}
    .jewellery-items.jewelleryinformation .items-inner {
        background:url(http://cdn.myld.com.au/2/1218/creative-jewellers_439b7afe6b.png) no-repeat; background-size:cover;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;}
    .jewellery-products > div a { display:inline-block;position: relative;top: 50%; -webkit-transform: translate(0%,-50%);-ms-transform: translate(0%,-50%);transform: translate(0%,-50%);}
    .jewellery-products > .col-sm-3 { height:50px; text-align:center; }
    .jewellery-content > div:nth-child(2) a {
        display: block;
        background: #2b6caf;
        margin-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
        padding: 10px 20px;
        text-align: center;
        max-width: 295px;
        margin: 10px auto;
        color: #fff;
        font-size: 21px;
        font-family: 'Source Sans Pro Regular';
    }
    .jewellery-items { position:relative; }
    .jewellery-content a { text-decoration:none; }
    .home-side-buttons a { margin-bottom:20px !important; }
    .home-side-buttons a:hover { background:#EA962F !important;
        -o-transition:color .2s ease-out, background .2s ease-in;
        -ms-transition:color .2s ease-out, background .2s ease-in;
        -moz-transition:color .2s ease-out, background .2s ease-in;
        -webkit-transition:color .2s ease-out, background .2s ease-in;
        transition:color .2s ease-out, background .2s ease-in;
    }
    #logo { padding-top:20px; padding-bottom:20px;     position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        margin: 0 2px;}

    #map { height:500px;  }
    .contactus-inner { padding:0 40px;  }
    #contact-us .contactus-inner{
        border-right: 1px solid #DCDBDB;
        margin-right: 30px;
        padding-right: 50px;
    } 
    #vip-area .contactus-inner { 
        margin-right: 30px;  
        margin-right: 30px;
        padding-right: 50px;
        padding-left:0 !important;
    }
    #contact-us h2,
    #vip-area h2 {
          color: #2555b8;
          font-size: 30px;
          font-family: "Lora Regular";
          margin-bottom: 20px;  
    }
    #contact-us .module h3{
          color: #2555b8;
          font-size: 24px;
          font-family: "Lora Regular";
          margin-bottom: 20px;  
    }
     #contact-us .module a,
     #contact-us .module p{ 
          color: #393939;
          font-size: 15px;
          font-family: 'Source Sans Pro Regular';
     }
    #contact-us .module { margin-top:30px; }
    /*footer*/
    .footer { width:100%; }
    .pre-footer { width:100%; height:335px; background:url(http://cdn.myld.com.au/2/1216/creative-jewellers_33132da184.jpg) top center; font-size: }
    .pre-footer .info, .pre-footer p, .pre-footer a { color:#fff; font-size: 15px; font-family: 'Source Sans Pro Regular'; }
    .pre-footer a:hover { text-decoration:none; }
    .pre-footer h3 { font-size:18px; font-family: 'Lora Regular'; color:#fff; margin-top:50px; margin-bottom:40px;  }
    .pre-footer ul li { list-style:none; margin-bottom:10px; }
    .pre-footer ul { margin-left:0px; padding-left:0px; }
    .pre-footer .sypnosis p { font-size:14px; }
    .pre-footer .second-info p  { margin:0px; }
    .pre-footer .indented { margin-left:25px !important; }
    .sypnosis-container { padding-left:50px; }
    .bottom-footer { height:100px; background:#000000; }
    .bottom-footer .text { color:#fff; font-size: 15px; font-family: 'Source Sans Pro Regular'; margin-top:40px; }
    .bottom-footer .ls li { float:left; list-style:none; margin-left:25px; margin-top:40px; }
    .bottom-footer .ls { float:right; }
    .sub-page { padding-bottom:50px !important; }
    /*subpage - manufacturing*/



    .left-manufacturing-image { margin-top:20px;  }
    .main-content { margin-bottom:50px; }
    #contact-us .main-content { margin-bottom:40px; } 
    #contact-us .top-line { padding-top:0 !important; }
    .right-content { padding-right:90px; }
    .main-content h1 { color:#2555b8; font-size:30px; font-family:"Lora Regular"; margin-bottom:20px; }
    .sub-content h2 { color:#2555b8; font-size:25px; font-family:"Lora Regular"; margin-bottom:20px; }
    .main-content p { color:#393939; font-size:15px; font-family: 'Source Sans Pro Regular'; }
    .strong {  font-family: 'Source Sans Pro Semibold' !important; font-size:15px!important; color:#393939 !important;}
    .main-content a { text-decoration:none; }
    .sub-content { margin-left:10px; margin-bottom:50px; }
    .sub-content li { margin-bottom:5px; }
    .left-item-container { max-width:395px;width:100%;
        margin: 0px auto;
        position: relative;
    }
    .left-item-container .left-item  { max-width:337px; width:100%; margin:0; padding-top:20px; padding-bottom:20px;
        background:#2b6caf;
        position: relative;
        z-index: 10;
        margin-top: -38px;
    }
    .left-item a {
        display:block;
        padding:20px 30px;
        background: #2b6caf; color:#fff;
        font-size:18px;
        width:100%;
        text-decoration:none;
        font-family: 'Source Sans Pro Regular';
    }
    .left-item a:hover {
        background:#fff; color:#2b6caf;
        -o-transition:color .2s ease-out, background .2s ease-in;
        -ms-transition:color .2s ease-out, background .2s ease-in;
        -moz-transition:color .2s ease-out, background .2s ease-in;
        -webkit-transition:color .2s ease-out, background .2s ease-in;
        transition:color .2s ease-out, background .2s ease-in;
    }
    .about .sub-content { margin-bottom:30px; }
    .about .main-content, .about .sub-content { margin-bottom:0px; }
    .top-line {     border-top: 1px solid rgba(37, 105, 204, 0.12);
        padding-top: 20px; }
    .no-style li { list-style:none; }
    .no-style { padding-left:0px; }
    .no-style .active a {  background:#fff; color:#2b6caf; }
    #jewellery .leftnav { min-height:900px; }
    #manufacturing .leftnav { min-height:500px; }
    #jewellery-repairs-restoration .leftnav { min-height:550px; }
    #jewellery-information .leftnav { min-height:650px; }
    
    
    
    .gallery-container > div { margin-bottom:20px;  }
		
			-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a.fancybox.thumbnail:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	border-color:#ddd;
}

.firefox .isotope,
.firefox .item {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

.lookingForBtn {
	margin-top:15px;
	margin-bottom:15px;
}

.lookingForBtn a {
	display:inline-block;
	color:#fff;
	font-family: 'Source Sans Pro Semibold';
	font-size:15px;
	font-style:normal;
	text-transform:uppercase;
	text-decoration:none !important;
	text-align:center;
	padding:10px 20px;
	background:#2555b8;
	border:solid 1px #2555b8;
	transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
}

.lookingForBtn a:hover {
	color:#2555b8;
	background:#fff;
}

#mobileCTA {
	padding-top:15px;
	padding-bottom:15px;
	background:#EA962F !important;
}

#mobileCTA a {
	color:#fff;
	display:inline-block;
	padding-left:30px;
	font-weight:700;
	font-size:15px;
	background:url(http://cdn.myld.com.au/2/1874/creative-jewellers_75c796102b.png) left center no-repeat;
	line-height:22px;
}
		
    /* @media queries
    -----------------*/
    @media (min-width: 1200px) { }

    @media (max-width: 1200px) {


    }

    @media (min-width: 1170px) { }

    @media (max-width: 1170px) {
      .nav>li>a { padding-right:8px !important; padding-left:8px !important; }  
    }

    @media (min-width: 992px) {
			#mobileCTA {
				display:none;
			}
}

    @media (max-width: 991px) { /*beginning of default fixed menu bar*/
        #logo { margin:0 auto; position:static;}
        .blue_bar { position:static; background-size:contain; }
        .blue_bar .text { padding: 30px 10px; font-size: 20px; }
        .jewellery-items {margin-bottom:30px;  }
        .left-item-container .left-item { 
            left:50%; 
            -webkit-transform: translate(-50%,0%);
            -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
        }
    }

    @media (min-width: 768px) { }

    @media (max-width: 767px) {
        .jewellery-products > .col-sm-3 { margin-bottom:30px; }
        #map {height:200px;  }
        
        .left-manufacturing-image img{ margin:0 auto; }
        .left-item-container .left-item { position:static; transform:none;}
        .right-content { padding:15px;  }
        
        #contact-us .contactus-inner,
        #vip-area .contactus-inner{
            border: 0;
            padding: 0;
            display: block;
            margin: 0 auto;
        }
        
        #contact-us .container > div:nth-child(3),
        #vip-area .container > div:nth-child(3){
          padding: 0 15px !important;
          width: 100% !important;
      }
    }

    @media (max-width: 568px) {
       .jewellery-items { width:100%; }  
       .main-content h1,
       #contact-us h2, #vip-area h2,
       #contact-us .module h3{ font-size:22px; }
       .sub-content h2 { font-size:20px;  }
    }

    @media (max-width: 480px) {
        .blue_bar { position:relative; }
        .blue_bar .text { 
            padding: 20px 10px;
            font-size: 15px;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0%,-50%);
            -ms-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
        }
    }

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

    @media (min-width: 992px) and (max-width: 1199px) { }

    /* Device specific media queries ----------- */
    /* Tablets */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px) {   }

    /* iPads (landscape) */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape) { 
      .nav>li>a { padding-right:8px; padding-left:8px; }    
      
  }

    /* iPads (portrait) */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait) {   }
    }

    /* iPhone */
    @media only screen
    and (max-device-width : 568px) { /* STYLES GO HERE */ }
		
		.tree {
			display:none;
		}
		
		.tree a {
			padding:5px 30px 5px 50px;
			font-size:16px;
		}
		
		.tree a:before {
			content:"- ";
		}
		
		.filterBox {
			text-align:center;
			margin-bottom:20px;
		}
		
		.filterBox ul {
			margin:0;
			padding:0;
			list-style-type:none;
		}
		
		.filterBox li {
			display:inline-block;
		}
		
		.filterBox li a {
			cursor:pointer;
			text-decoration:none !important;
			display:block;
			color:#fff;
			border:solid 1px #2b6caf;
			background:#2b6caf;
			padding:8px 18px;
			transition:all 0.2s ease-out;
			-webkit-transition:all 0.2s ease-out;
			-moz-transition:all 0.2s ease-out;
			-ms-transition:all 0.2s ease-out;
		}
		
		.filterBox li a:hover, .filterBox li.active a {
			background:#fff;
			color:#2b6caf;
		}
		
		.fancybox-title {
			text-transform:capitalize;
		}