@import "../fonts/fontawesome/css/all.min.css";
@import "../fonts/narin/stylesheet.css";
@import "../fonts/MyriadPro/stylesheet.css";

body{
    font-family: 'Narin';
    font-weight: normal;
}
.paddingNone{
    padding: 0px;
}
.header-full-bg{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(89%, rgba(248,248,248,1)), color-stop(100%, rgba(248,248,248,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=1 );
}
.navbar-nav li a{
    color: #1a1a1a !important;
    font-size: 16px;
    font-weight: 400;
}
.navbar-nav li a.active{
    color: #f55e33 !important;
}
.dropdown-menu {
    border-radius: 0px;
    border: none;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(89%, rgba(248,248,248,1)), color-stop(100%, rgba(248,248,248,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 89%, rgba(248,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=1 );
}
.index_home_images img{
    min-width: 100% !important;
}
.section_title{
    padding: 50px 0 25px 0;
}
.section_title h1{
    font-size: 24px;
    color: #4c4c4c;
    font-weight: normal;
    font-family: 'Myriad Pro';
}
.section_title h1 b{
    color: #1a1a1a !important;
}
.section_title p {
    padding-top: 15px;
    display: block;
    width: 85%;
    margin: auto;
    font-size: 15px;
    color: #575757 !important;
}
.section_title {
    top: -15px;
    background: url('../images/header/arrow_repeat.png');
    background-position: left top -15px;
    background-repeat: repeat-x;
}
.index_section_two{
    height: auto;
    min-height: 200px;
    background: #fffbed;
}
.index_section_two_inner{
    padding-top: 50px;
    padding-bottom: 25px;
    color: #575757;
}
.section_two_grid{
    padding-top: 45px;
}
.section_two_grid span{
    display: block;
    font-size: 20px;
    text-align: center;
}
.section_two_grid p{
    font-size: 15px;
}
.section_two_grid .original{
    color: #f55e33;
}
.section_two_grid .gold{
    color: #656C8E;
}
.section_two_grid .hair{
    color: #168441;
}
.section_three{
    height: auto;
    min-height: 400px;
    background: #fff;
    padding-bottom: 100px;
    background: url('../images/sections/section_three_bg.png');
    background-repeat: repeat;
    background-position: left top;
}
.section_three_inner{
    padding-top: 100px;
    padding-bottom: 25px;
}
.section_three_inner h3{
    font-size: 24px;
    color: #4c4c4c;
    font-weight: normal;
    font-family: 'Myriad Pro';
}
.section_three_inner h3 b{
    color: #1a1a1a !important;
}
.section_three_inner  p {
    padding-top: 15px;
    display: block;
    width: 100%;
    margin: auto;
    font-size: 16px;
    color: #575757;
}
.section_three_motto p{
    font-size: 26px;
    color: #1a1a1a;
    padding-top: 15px;
    padding-bottom: 25px;
}
.section_three_bottom p{
    display: block;
    width: 100%;
    margin: auto;
    padding-bottom: 25px;
    color: #575757;
}

.footer{
    position: relative;
    height: auto;
    background:url('../images/footer/footer_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover ;
    background-position: left top;
}
.footer_top_line{
    position: absolute;
    left: 0;
    top: 0;
    height: auto;
    min-height: 30px;
    background: url('../images/footer/arrow_repeat.png');
    z-index: 99999999;
}
.footer_box{
    color: #fff;
    padding-top: 80px;
}
.footer_box_inner{
    padding-left: 50px;
    padding-right: 50px;
    height: auto;
    border-right: 1px solid #f1f1f1;
}
.footer_box_inner ul{
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
.footer_box_inner ul li, .footer_box_inner ul li a{
    color: #fff;
}
.footer_box_inner ul li a{
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.footer_box_inner h5{
    padding-bottom: 15px;
}
.footer_bottom{
    padding-top: 80px;
    color: #fff;
    padding-left: 50px;
}
.footer_bottom input{
    border-radius: 0px;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
}
a:focus{
    background: none !important;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(255, 255, 255, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 0px rgba(126, 239, 104, 0);
    outline: 0 none;
}
.form-control:focus{
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}
.footer_bottom button{
    background: #fff;
    border: 0px;
    color: #1a1a1a;
    outline: none;
    height: 37px;
    font-weight: bold;
    width: 100%;
    transition: all ease-in-out 200ms;
}
.footer_bottom button:hover{
    background: #f55e33;
    color: #fff;
    cursor: pointer;
}
.footer_social i{
    margin-left: 15px;
}
.footer_social a{
    color: #fff;
    text-decoration: none;
}

/** Page CSS **/
.page_sub_title{
    position: relative;
    height: auto;
    background: url('../images/sub_title/sub_bg.jpg');
    background-position: left top -25px;
    background-repeat: no-repeat;
    background-size: cover;
}
.page_sub_title_inner{
    position: relative;
    height: auto;
    min-height: 225px;
}
.sub_title_line{
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    min-height: 30px;
    background: url('../images/sub_title/arrow_repeat.png');
    background-repeat: repeat-x;
    z-index: 999999999999999999999999999999;
}
.page_sub_title_inner h1{
    position: absolute;
    left: 0;
    bottom: 40px;
    color: #fff;
    font-size: 22px;
}
.page_content{
    padding-top: 75px;
    padding-bottom: 25px;
    height: auto;
}
.contact_box span{
    display: block;
    font-weight: bold;
    font-size: 19px;
    padding-bottom: 15px;
}
.contact_bottom{
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f8f8f8;
    margin-bottom: 50px;
}
.contact_bottom h6 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 25px;
}
.contact_form{
    padding-right: 50px;
}
.contact_form input, .contact_form textarea{
    border-radius: 0px;
    border: 0px;
    background: none;
    border-bottom: 1px solid #707070;
    outline: none;
    resize: none;
}
.contact_form .submit_btn{
    background: #1a1a1a;
    color: #fff;
    padding: 10px 25px;
    width: 175px;
    margin-top: 25px;
    cursor: pointer;
    margin-bottom: 25px;
}

/** product CSS **/
.product_content{
    height: auto;
    min-height: 400px;
    overflow: hidden;
}
.index-content .index_slider{
    height: 100%;
    position: relative;
    width: 100%;
    margin: auto;
}
.index_slider_image{
    position: absolute;
    right: 50px;
    bottom: 0;
    z-index: 9999;
}
.index-content .float_image{
    position: absolute;
    left: 18%;
    top: 38%;
}
.index-content .float_image2{
    position: absolute;
    left: 10%;
    top: 10%;
}
.index-content .float_image3{
    position: absolute;
    right: 10%;
    top: 25%;
}
.index-content .float_image4{
    position: absolute;
    right: 30%;
    top: 80%;
}
.index-content .float_image10{
    position: absolute;
    right: 25%;
    top: 50%;
}
.index-content .float_image5{
    position: absolute;
    left: 25%;
    top: 65%;
}
.index-content .float_image6{
    position: absolute;
    right: 30%;
    top: 15%;
}
.index-content .float_image7{
    position: absolute;
    right: 10%;
    top: 65%;
}
.index-content .float_image8{
    position: absolute;
    left: 15%;
    top: 85%;
}
.index-content .float_image9{
    position: absolute;
    left: 5%;
    top: 55%;
}
.index-content .main_image{
    margin-left: 30%;
}
.section_two{
    padding-top: 25px;
    padding-bottom: 25px;
}
.section_heading{
    padding-top: 25px;
}
.section_heading span{
    color: #696969;
    font-size: 22px;
}
.section_heading span b{
    position: relative;
    color: #696969;
    font-size: 22px;
    margin-top: -15px !important;
    margin-right: 10px;
}
.section_heading span b:before{
    position: absolute;
    right: -13px;
    top: 0;
    content: "®";
    font-size: 15px;
}
.section_heading p{
    color: #696969;
    width: 100%;
    margin: auto;
    font-size: 15px;
    padding-top: 15px;
}
.custom_tabs{
    padding-top: 30px;
    padding-left: 15px;
}
.custom_tabs button{
    padding: 5px 7px;
    border: none;
    border-top: 2px solid #e1e1e1;
    outline: none;
    color: #1a1a1a;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
    background: #f1f1f1;
    font-size: 15px;
}
.tabcontent{
    padding-top: 30px;
    padding-left: 15px;
    padding-bottom: 75px;
    display: none;
}
.tabs_open{
    display: block;
}

.product_button{
    padding-top: 0px;
    padding-bottom: 50px;
    text-align: center;
    padding-left: 50px;
}
.index_action_social{
    clear: both;
    float: left;
    height: auto;
    min-height: 75px;
    padding-right: 30px;
    text-align: center;
}
.index_action_social i{
    font-size: 2em;
    margin-right: 15px;
    cursor: pointer;
}

.index_action_social .fa-facebook-square{
    color: #3b5998;
}
.index_action_social .fa-instagram{
    color: #7c5113;
}
.index_action_social .fa-twitter{
    color: #0084b4;
}


/** mouse effect **/
.mouse {
    margin: 0 auto;
    opacity: 0.6;
    position: relative;
    transition: opacity 0.9s;
    width: 34px;
}
.mouse:hover {
    opacity: 1;
}
.mouse:hover .help-mouse-wheel:before,
.mouse:hover .help-mouse-wheel:after {
    animation: indicator-up-down 1.5s infinite ease-in-out;
    height: 8px;
    opacity: 0;
}
.mouse:hover .help-down {
    animation: arrow-down 0.3s infinite alternate;
}
.help-mouse-down {
    border: 2px solid #1a1a1a;
    border-radius: 17px;
    height: 50px;
    margin: 15px auto 10px;
    position: relative;
    width: 30px;
}
.help-mouse-wheel {
    position: relative;
    left: 50%;
    transition: opacity 0.5s;
}
.help-mouse-wheel:before,
.help-mouse-wheel:after {
    content: '';
    background: #1a1a1a;
    border-radius: 50%;
    margin-left: -2px;
    height: 4px;
    position: absolute;
    top: 5px;
    transition: top 0.5s, height 0.5s, opacity 0.5s;
    width: 4px;
}
.help-mouse-wheel:before {
    animation: scroll 1.5s 0.75s infinite ease-in-out;
}
.help-mouse-wheel:after {
    animation: scroll 1.5s infinite ease-in-out;
}
.help-down {
    animation: arrow-down 0.6s infinite alternate ease-in-out;
    border-bottom: 2px solid #1a1a1a;
    border-right: 2px solid #1a1a1a;
    display: block;
    height: 5px;
    margin: 0 auto;
    transform: rotate(45deg);
    transition: opacity 0.5s;
    width: 5px;
}
@-moz-keyframes scroll {
    0% {
        top: 5px;
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 15px;
        opacity: 0;
    }
}
@-webkit-keyframes scroll {
    0% {
        top: 5px;
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 15px;
        opacity: 0;
    }
}
@-o-keyframes scroll {
    0% {
        top: 5px;
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 15px;
        opacity: 0;
    }
}
@keyframes scroll {
    0% {
        top: 5px;
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 15px;
        opacity: 0;
    }
}
@-moz-keyframes indicator-up-down {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 20px;
    }
}
@-webkit-keyframes indicator-up-down {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 20px;
    }
}
@-o-keyframes indicator-up-down {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 20px;
    }
}
@keyframes indicator-up-down {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 20px;
    }
}
@-moz-keyframes arrow-down {
    0% {
        margin-top: 5px;
    }
    100% {
        margin-top: 15px;
    }
}
@-webkit-keyframes arrow-down {
    0% {
        margin-top: 5px;
    }
    100% {
        margin-top: 15px;
    }
}
@-o-keyframes arrow-down {
    0% {
        margin-top: 5px;
    }
    100% {
        margin-top: 15px;
    }
}
@keyframes arrow-down {
    0% {
        margin-top: 5px;
    }
    100% {
        margin-top: 15px;
    }
}

/** mouse effect **/
.about_sertifika{
    padding-top: 25px;
    padding-bottom: 25px;
}
.about_sertifika ul{
    padding-left: 20px !important;
}
.about_sertifika ul li a{
    color: #1a1a1a;
}