@charset "utf-8";

/*=======================================================================================/ General Styles /=============*/
a {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; /* firefox */
    -webkit-transition: all .2s ease-in-out; /* safari and chrome */
    -o-transition: all .2s ease-in-out; /* opera */
    -ms-transition: all .2s ease-in-out;
    color: #8DC73F;
    text-decoration: none;
}

    a:hover {
        color: #6D9A30;
    }

body {
    background: #8dc73f;
    color: #777777;
    font-size: 15px;
}

.english_text {
    font-family: Tahoma;
}

.fade {
    opacity: .1;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.btn-default {
    margin-top: 30px;
    background-color: #005730;
    font-size: 11px;
    padding: 6px 20px 8px 20px;
    text-align: center;
    border-radius: 5px;
    width: 150px;
    border: 0;
    margin: 15px auto 0;
    display: block;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    color: #ffffff;
    transition: all .3s linear;
}


    .btn-default:hover,
    .btn-default:focus {
        color: #ffffff;
        background-color: #098A50;
    }



.btn-default2 {
    margin-top: 30px;
    color: #ffffff;
    background-color: #8dc73f;
    font-size: 11px;
    padding: 6px 20px 8px 20px;
    text-align: center;
    border-radius: 5px;
    width: 150px;
    border: 0;
    margin: 15px auto 0;
    display: block;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}


    .btn-default2:hover {
        color: #ffffff;
        background-color: #6D9A30;
    }
/*=======================================================================================/ Main Header /================*/
.main_header {
    height: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.logo {
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out; /* firefox */
    -webkit-transition: all .5s ease-in-out; /* safari and chrome */
    -o-transition: all .5s ease-in-out; /* opera */
    -ms-transition: all .5s ease-in-out;
    height: 50px;
}

.logo.fa {
    display:block;
}
.logo.en {
    display:none;
}


/*=======================================================================================/ Main Navigation /============*/
.main_navigation {
    background-color: #313131;
    margin-bottom: 30px;
    border: none;
}

    .main_navigation a,
    .main_navigation .dropdown-submenu a,
    .main_navigation .navbar-nav .open .dropdown-menu > li > a,
    .main_navigation .navbar-nav > li > a {
        color: #b8b8b8;
        text-decoration: none;
        font-size: 13px;
    }


        .main_navigation .navbar-nav .open .dropdown-menu > li > a:hover,
        .main_navigation .navbar-nav .open .dropdown-menu > li > a:focus,
        .main_navigation .navbar-nav > .open > a,
        .main_navigation .navbar-nav > .open > a:hover,
        .main_navigation .navbar-nav > .open > a:focus,
        .main_navigation .navbar-nav > li > a:hover,
        .main_navigation .navbar-nav > li > a:focus,
        .main_navigation .navbar-nav > .active > a,
        .main_navigation .navbar-nav > .active > a:hover,
        .main_navigation .navbar-nav > .active > a:focus {
            color: #ffffff;
            text-decoration: none;
            background-color: #8dc73f;
        }



    .main_navigation .navbar-collapse {
        border-color: #8dc73f;
        transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; /* firefox */
        -webkit-transition: all .5s ease-in-out; /* safari and chrome */
        -o-transition: all .5s ease-in-out; /* opera */
        -ms-transition: all .5s ease-in-out;
    }

    .main_navigation .navbar-toggle {
        margin-top: 20px;
        background-color: #8dc73f;
        border: 0;
    }

        .main_navigation .navbar-toggle:focus,
        .main_navigation .navbar-toggle:hover {
            background-color: #8dc73f;
        }

        .main_navigation .navbar-toggle .icon-bar {
            background-color: #fff;
        }






.languages {
    float: left;
    margin-right: 0;
    width: 100%;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out; /* firefox */
    -webkit-transition: all .5s ease-in-out; /* safari and chrome */
    -o-transition: all .5s ease-in-out; /* opera */
    -ms-transition: all .5s ease-in-out;
    position: relative;

}

    .languages li {
        display: inline-block;
        float: right;
        margin: 0 0 0 10px;
    }

        .languages li a {
            display: block;
            line-height: 26px;
        }

.search-container {
    display: none;
    position: absolute;
    top: 30px;
    right: 49px;
    background: #F3F3F3;
    /* box-shadow: 0px 3px 7px #9A9A9A; */
    border: 1px solid #ddd;
    z-index: 11;
    width: 220px;
}
.search-container .navbar-form{margin:8px;
                               padding:0
}

    .search-container .btn-default {
        width: 33px;
        height: 33px;
        margin: 0;
    }

    .search-container .fa-search:before {
        line-height: 20px;
    }


.search-btn .fa-search:before {
    line-height: 28px;
}


/*=======================================================================================/ Carousel /===================*/
.camera_caption > div {
}

.center {
    text-align: center;
}

.camera_wrap {
    margin-bottom: 0;
        margin-top: 110px;
}

    .camera_wrap .camera_pag .camera_pag_ul {
        position: absolute;
        bottom: 30px;
        width: 100px;
        display: block;
        text-align: center;
        left: 50%;
        margin-left: -50px;
    }

        .camera_wrap .camera_pag .camera_pag_ul li {
            background: #FFFFFF;
            width: 12px;
            height: 12px;
        }

            .camera_wrap .camera_pag .camera_pag_ul li > span:hover,
            .camera_wrap .camera_pag .camera_pag_ul li > span {
                display: none;
            }

            .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
                background-color: #8DC73F;
            }

                .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
                    display: none;
                }



.center.new h2 {
    font-size: 35px;
}

.center.new {
    top: 15%;
    display:none;
}
/*=======================================================================================/ content /===================*/
.bg_secondary {
    color: white;
    background: #4a4a4a;
}

.bg_white {
    color: #000;
    background: #fff;
}



.about {
    padding-top: 45px;
    padding-bottom: 45px;
}


    .about.bg_secondary {
        background: white;
    }

    .about h3 {
        margin-bottom: 30px;
        text-align: center;
        color: #005730;
    }

    .about p {
        text-align: center;
        color: #313131;
    }

    .about .img-responsive {
        margin: 15px auto;
    }





/*=======================================================================================/ services /==================*/

.services {
    background: #f7f7f7;
    color: #313131;
    padding: 45px 0;
}

    .services > div > h3 {
        text-align: center;
        margin-bottom: 30px;
        color: #015730;
    }

    .services > div > p {
        text-align: center;
        margin-bottom: 30px;
    }


.service_item {
    margin-bottom: 30px;
    color: black;
    text-decoration: none;
    padding: 15px;
}

    .service_item > span {
        width: 100px;
        height: 100px;
        margin: 0 auto 15px;
        background: #639225;
        color: #fff;
        text-align: center;
        font-size: 50px;
        line-height: 100px;
        display: block;
        border-radius: 50%;
    }

    .service_item h4 {
        display: block;
        text-align: center;
        width: 100%;
        color: #313131;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .service_item > p {
        text-align: center;
        color: #818181;
        font-size: 11px;
    }

    .service_item > a {
        background-color: #005730;
        color: #fff;
        font-size: 11px;
        padding: 6px 20px 8px 20px;
        text-align: center;
        border-radius: 5px;
        width: 70px;
        margin: 15px auto 0;
        display: block;
    }

        .service_item > a:hover {
            background-color: #098A50;
        }



/*=======================================================================================/ logos /==================*/

.logos-container {
    background: #292929;
}

.logos {
    padding: 45px 0;
}


/*=======================================================================================/ Product /==================*/

.products {
    color: #fff;
    padding: 45px 0;
}

    .products > div > h3 {
        margin-bottom: 30px;
        text-align: center;
        color: #8DC73F;
    }

    .products > div > p {
        text-align: center;
        margin-bottom: 30px;
        color: white;
    }


.product-box {
    display: block;
    position: relative;
    margin: 0 auto 30px;
    max-width: 650px;
    border: 4px solid white;
}

    .product-box > img {
        width: 100%;
    }

    .product-box .product-box-caption {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #fff;
        opacity: 0;
        background: rgba(141, 199, 63, 0.38);
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
    }

        .product-box .product-box-caption:before {
            content: '\d6';
            font-family: "fontello";
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            font-size: 20px;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            margin-top: -10px;
            margin-left: -10px;
        }

        .product-box .product-box-caption .product-name {
            font-size: 14px;
            position: absolute;
            bottom: 0;
            background: #8DC73F;
            width: 100%;
            text-align: right;
            padding: 0 15px;
            height: 0;
            overflow: hidden;
            -webkit-transition: all .35s ease-in-out;
            -moz-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;
        }



    .product-box:hover .product-box-caption {
        opacity: 1;
    }

        .product-box:hover .product-box-caption .product-name {
            padding: 15px;
            height: auto;
        }



@media(min-width:768px) {

    .product-box .product-box-caption .product-box-caption-content .product-category {
        font-size: 16px;
    }

    .product-box .product-box-caption .product-box-caption-content .product-name {
        font-size: 22px;
    }
}




/*=======================================================================================/ News /============*/

.news {
    background: #f7f7f7;
    color: #313131;
    padding: 45px 0;
}

    .news > div > h3 {
        text-align: center;
        margin-bottom: 30px;
        color: #005730;
    }

    .news > div > p {
        text-align: center;
        margin-bottom: 30px;
    }

.news-box > img {
    margin-bottom: 15px;
    width: 100%;
}

.news-box > a {
    color: white;
    display: block;
    margin-bottom: 15px;
}

    .news-box > a:hover {
        color: white;
    }

    .news-box > a h3 {
        max-height: 55px;
        color: #005730;
        overflow: hidden;
        font-size: 20px;
    }

.news-box > p {
    height: 100px;
    /* background: red; */
    overflow: hidden;
    font-size: 11px;
}

.news .btn-outline {
    margin-top: 30px;
    color: #ffffff;
    background-color: #8dc73f;
    font-size: 11px;
    padding: 6px 20px 8px 20px;
    text-align: center;
    border-radius: 5px;
    width: 150px;
    margin: 15px auto 0;
    display: block;
}

    .news .btn-outline:hover {
        background-color: #C32729;
    }


@media(min-width:992px) {
    .news-box {
        margin: 0 auto 30px;
    }
}




/*=======================================================================================/ clients /==================*/
/*==================  RD Parallax    ======================*/
.parallax {
    position: relative;
    overflow: hidden;
}

.parallax_image, .parallax_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform;
}


.parallax_pattern {
    background-repeat: repeat;
}

.parallax_cnt {
    position: relative;
}



/*===============  Parallax Content  ====================*/
.parallax_content {
    padding: 51px 15px;
}

    .parallax_content h2 {
        margin-bottom: 30px;
        text-align: center;
        color: #8DC73F;
    }

    .parallax_content p {
        text-align: center;
        margin-bottom: 30px;
        color: white;
    }

.parallax_content__offs1 {
    padding: 45px 100px;
}


.social {
    text-align: center;
}


    .social li {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin: 15px;
    }
    .social li:last-child {
display:none;
}
        .social li a {
            color: white;
            font-size: 45px;
            display: block;
        }




.copyright {
    padding-top: 45px;
    padding-bottom: 45px;
}

    .copyright p {
        text-align: center !important;
    }




#google_map {
    height: 300px;
    margin-top: 15px;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 45px;
}


/*=======================================================================================/ Usage /==================*/

.usage {
    background: #f7f7f7;
    color: #313131;
    padding: 45px 0;
}

    .usage > div > h3 {
        margin-bottom: 30px;
        text-align: center;
        color: #8DC73F;
    }

    .usage > div > p {
        text-align: center;
        margin-bottom: 30px;
    }

.usage-container {
    margin-bottom: 45px;
}

.usage-box {
    display: block;
    position: relative;
    margin: 0 auto 30px;
    max-width: 650px;
    border: 4px solid white;
}

    .usage-box > img {
        width: 100%;
    }

    .usage-box .usage-box-caption {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #fff;
        opacity: 0;
        background: rgba(141, 199, 63, 0.38);
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
    }

        .usage-box .usage-box-caption:before {
            content: '\d6';
            font-family: "fontello";
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            font-size: 20px;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            margin-top: -10px;
            margin-left: -10px;
        }

        .usage-box .usage-box-caption .usage-name {
            font-size: 14px;
            position: absolute;
            bottom: 0;
            background: #8DC73F;
            width: 100%;
            text-align: right;
            padding: 0 15px;
            height: 0;
            overflow: hidden;
            -webkit-transition: all .35s ease-in-out;
            -moz-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;
        }



    .usage-box:hover .usage-box-caption {
        opacity: 1;
    }

        .usage-box:hover .usage-box-caption .usage-name {
            padding: 15px;
            height: auto;
        }



@media(min-width:768px) {

    .usage-box .usage-box-caption .usage-box-caption-content .usage-category {
        font-size: 16px;
    }

    .usage-box .usage-box-caption .usage-box-caption-content .usage-name {
        font-size: 22px;
    }
}

.usage-padding {
    padding: 45px 0;
}

.each-usage h2 {
    margin-bottom: 15px;
}

.each-usage .btn-default {
    float: right;
    margin-top: 30px;
}



.usage-links {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .usage-links li {
        margin-bottom: 30px;
    }

        .usage-links li a {
            color: #ffffff;
            text-decoration: none;
            background-color: #8dc73f;
            padding: 10px 15px;
        }



        .fancybox-title{display:none}
/*============================================= team*/



.teams {
    padding-bottom: 25px;
}

    .teams p,
    .teams .more-btn {
        margin-bottom: 19px;
        text-align: justify;
    }

#teams-wrapper {
    padding-top: 20px;
}

.team-item {
    /*min-height: 550px;*/
    background-color: #ffffff;
    padding: 0 20px 15px 20px;
    margin-bottom: 70px;
}

.teams .title-with-ico {
    margin-top: 40px;
}

.team-item header {
    position: relative;
    margin: 0 -20px 25px -20px;
}

.team-item figure {
    position: relative;
}

.team-item img {
}

.team-item .social {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
    white-space: nowrap;
}

    .team-item .social a {
        display: inline-block;
        vertical-align: bottom;
        width: 50px;
        height: 50px;
        background-color: #ffffff;
        margin-right: 1px;
        text-align: center;
        line-height: 50px;
        font-size: 25px;
        letter-spacing: 0;
        -webkit-transition: height 300ms ease-in-out;
        -o-transition: height 300ms ease-in-out;
        transition: height 300ms ease-in-out;
    }

        .team-item .social a:first-child {
            margin-left: 0;
        }

        .team-item .social a:hover {
            height: 54px;
        }

..team-item team-item h3 {
    line-height: 1.2;
    font-weight: 600;
}

.team-item span {
    display: block;
    font-size: 18px;
    margin: 8px 0 10px;
}

.team-item > p {
    display: none;
}

.history p {
    text-align: justify;
}

.history img {
    width: 100%;
    margin: 15px auto;
    display: block;
}
/*=======================================================================================/ Inner Styles /==============*/
.inner p {
    text-align: justify;
}

.inner.mainbody {
    background: black;
}



.panel.links {
    border: 0;
    background: transparent;
    box-shadow: none;
}

    .panel.links > .panel-heading {
        font-size: 16px;
        background: transparent;
        margin-bottom: 15px;
        padding-right: 0;
    }

    .panel.links .list-group-item {
        border: 0;
        font-size: 13px;
        height: 30px;
        overflow: hidden;
        background: transparent;
        padding: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        position: relative;
    }


        .panel.links .list-group-item:hover {
            color: black;
        }

.panel.help .list-group {
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.panel.vertical.links .list-group .btn {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    float: left;
    margin-top: 15px;
}

.panel .list-group p {
    margin-bottom: 15px;
}

.panel.help .list-group .dl-horizontal {
    margin-top: 20px;
}

    .panel.help .list-group .dl-horizontal dt {
        /*width: 30px;*/
        text-align: right;
        float: right;
    }

    .panel.help .list-group .dl-horizontal dd {
        margin-right: 50px;
    }


.panel.help .address, .panel.help .tel {
    font-size: 15px;
    font-weight: normal;
}


.panel .list-group .form-control {
    border-radius: 0;
}

.social_links .icons {
    height: 30px;
    width: 150px;
}

.social_links .panel-heading {
    border-bottom: 1px solid #fff;
    font-size: 16px;
    background: transparent;
    margin-bottom: 15px;
    padding-right: 0;
}

.social_links li {
    width: 30px;
    height: 30px;
    display: inline-block;
}

    .social_links li a {
        display: block;
        width: 30px;
        height: 30px;
    }

        .social_links li a img {
            display: block;
            width: 30px;
            height: 30px;
        }

.contact-form .input-group {
    margin-bottom: 15px;
}

.contact-form .btn {
    color: #ffffff;
    background-color: #8dc73f;
    font-size: 11px;
    border: 0;
    padding: 6px 20px 8px 20px;
    text-align: center;
    border-radius: 5px;
    width: 70px;
    margin: 15px auto 0;
    display: block;
}
/*=======================================================================================/ Products /==============*/

.products .product_box_container {
    width: 100%;
    height: 200px;
    float: right;
    padding: 15px;
    margin-bottom: 30px;
}

    .products .product_box_container .product_box .product_image {
        height: 140px;
    }

.products .pagination_container {
    text-align: center;
    clear: both;
}

.pagination > li > a, .pagination > li > span {
    background: transparent;
    border: 0;
    color: white;
}


.products .pagination_container .pagination > li > a,
.products .pagination_container .pagination > li > span {
    background: transparent;
    border: 0;
    color: white;
}


    .products .pagination_container .pagination > li > a:hover,
    .products .pagination_container .pagination > li > span:hover,
    .products .pagination_container .pagination > li > a:focus,
    .products .pagination_container .pagination > li > span:focus,
    .products .pagination_container .pagination > .active > a,
    .products .pagination_container .pagination > .active > span,
    .products .pagination_container .pagination > .active > a:hover,
    .products .pagination_container .pagination > .active > span:hover,
    .products .pagination_container .pagination > .active > a:focus,
    .products .pagination_container .pagination > .active > span:focus {
        background: rgba(255, 255, 255, 0.18);
        color: #c51d0c;
        font-weight: bold;
    }
/*=====================================================================================/ Product Details ==============*/
.product_part {
    margin-bottom: 30px;
}

.prd_details .panel {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.product_details header {
    position: relative;
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #ddd;
}

.product_details h3 {
    margin-bottom: 0;
    text-align: right;
}

    .product_details h3 i {
        font-size: 10px;
        color: #005730;
        margin-left: 7px;
    }

.product_details header .product_code {
    color: #aaa;
}

.product_details table.details {
    width: 100%;
}

    .product_details table.details tr:not(:last-child) {
        border-bottom: 1px solid #ddd;
    }

    .product_details table.details tr td {
        padding: 10px 0;
    }

    .product_details table.details .tags a {
        display: inline-block;
        background-color: #eee;
        border: 1px solid #ededed;
        border-radius: 7px;
        padding: 3px 5px;
        margin: 5px;
    }

        .product_details table.details .tags a:hover {
            background-color: #e1e7f1;
        }

    .product_details table.details .code {
        font-size: 20px;
        color: #66afe9;
        font-weight: 500;
    }

    .product_details table.details .last_update {
        font-size: 10px;
        float: left;
        line-height: 32px;
    }

        .product_details table.details .last_update time {
            color: #666;
        }



    .product_details table.details span.in {
        color: #12b500;
        margin-right: 5px;
        font-size: 13px;
    }

    .product_details table.details span.out {
        color: red;
        font-size: 14px;
        margin-right: 5px;
    }

    .product_details table.details .description {
        height: 200px;
        padding: 15px 0 15px 15px;
        overflow-y: scroll;
    }

        .product_details table.details .description p {
            font-size: 12px;
            text-align: justify;
        }

    .product_details table.details .dl_icons a {
        width: 130px;
        display: inline-block;
        height: 40px;
        margin-left: 10px;
        background: url(../Images/CCTV-inner.png) top left no-repeat;
    }

        .product_details table.details .dl_icons a.dl_sheet {
            background-position: -142px -1px;
        }

        .product_details table.details .dl_icons a.dl_details {
            background-position: -8px -1px;
        }

/*----------------------------------- slider*/
.product_gallery {
    height: 200px;
}

.product_photo_slider .lSSlideOuter .lSPager.lSGallery li {
    height: 60px;
}

.product_photo_slider .lSSlideOuter .lSPager.lSGallery img {
    width: 100%;
}

.product_gallery li img.img-responsive {
    margin: 0 auto 15px;
}


.inner_banner_page {
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover !important;
}

/*=======================================================================================/ Media Queries /==============*/
/*For small screen devices, like phones, held in portrait mode.*/
@media (min-width: 320px) {
    .logos li {
        display: inline-block;
        width: 45%;
        float: right;
        margin: 0 2.5%;
    }
}
/*For small screen devices, like phones, held in landscape mode.*/
@media (min-width: 480px) {
    .login.cart {
        width: 110px;
    }

        .login.cart .btn.dropdown-toggle {
            width: 100px;
            color: #d83232;
        }

            .login.cart .btn.dropdown-toggle .cart_items_text {
                display: inline;
            }

    .main_slider .tab-content .tab-pane {
        height: 200px;
    }

    .products .product_box_container {
        width: 50%;
    }
}
/* Smaller tablets, like the Amazon Kindle (600×800) and Barnes & Noble Nook (600×1024), held in portrait mode. */
@media (min-width: 600px) {
    .logos li {
        width: 30%;
        margin: 0 1.5%;
    }
}
/* Ten-inch tablets like the iPad (768×1024) held in portrait mode. */
@media (min-width: 768px) {

    .main_navigation .navbar-brand {
        width: 100%;
    }

    /*========================== main Navigation*/
    .navbar-brand {
        display: block;
    }

    .main_navigation .navbar-collapse {
        padding: 0;
        margin-top: 30px;
    }

    .main_navigation .navbar-nav > li:hover {
        background: #8dc73f;
    }

        .main_navigation .navbar-nav > li:hover a {
            color: #fff;
        }


    .main_navigation .dropdown-menu {
        border-radius: 0;
        padding: 0;
        background: #8dc73f;
        border: 0;
    }


        .main_navigation .navbar-nav .open .dropdown-menu > li > a,
        .main_navigation .dropdown-menu > li > a {
            text-align: center;
            color: white;
            padding: 10px 15px;
            background-color: transparent;
        }

        .main_navigation .dropdown-menu > li:hover > a {
            background-color: transparent;
            color: #333;
        }

    .languages {
        margin-top:30px;
    }

    .search-container {

    right: auto;
    left:45px;
}
    .camera_wrap {
        margin-top: 140px;
}
    .camera_wrap .camera_pag .camera_pag_ul {
        bottom: 70px;
    }

    .center.new h2 {
        font-size: 50px;
    }

    .center.new {
        top: 30%;
    }
    /*============================ tab Slider*/
    .main_slider .tab-content .tab-pane {
        height: 320px;
    }

    .main_slider .nav-tabs > li:first-child a {
        border-radius: 0px 4px 0 0;
    }

    .main_slider .nav-tabs > li:last-child a {
        border-radius: 4px 0 0 0;
    }

    .main_slider .nav-tabs > li > a {
        background-color: #2d1e0f;
        color: white;
    }

    .main_slider .nav-tabs > li {
        border-left: 1px solid #42321A;
    }

    .product_gallery {
        height: 250px;
    }

    .main_footer .footer_links li {
        width: auto;
    }

        .main_footer .footer_links li:not(:last-child) {
            border-left: 1px solid #3F3F3F;
        }

        .main_footer .footer_links li a {
            padding: 3px 15px;
        }

        .main_footer .footer_links li:first-child a {
            padding-right: 0;
        }

    .social li {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin: 15px 30px;
    }
}
/* Tablets like the iPad (1024×768) held in landscape mode, as well as certain laptop, netbook, and desktop displays. */
@media (min-width:992px) {
        .camera_wrap {
        margin-top: 70px;
}
    .logo {
        height: 80px;
    }

    .main_header {
        height: 80px;
    }

    .about {
        padding-right: 30px;
    }

    .login_container {
        padding-left: 30px;
        min-height: 600px;
    }



    .service_item h4 {
        height: 20px;
        overflow: hidden;
    }

    .service_item > p {
        height: 100px;
        overflow: hidden;
    }

    .logos {
        text-align: center;
    }

        .logos li {
            width: 16.66666666666667%;
            margin: 0;
        }



    .parallax_content {
        padding: 51px 100px;
    }




    .products .product_box_container {
        width: 33.33333333%;
    }


    .product_details header {
        margin-top: 0;
    }

    .product_photoslider, .product_details {
        height: 385px;
        overflow: hidden;
    }

        .product_details table.details .description {
            height: 225px;
        }

    .product_gallery {
        height: 320px;
    }
}
/* For widescreen displays, primarily laptop and desktop browsers. */
@media (min-width: 1200px) {
    .products .product_box_container {
        width: 25%;
    }

    .product_photoslider, .product_details {
        height: 400px;
    }

        .product_details table.details .description {
            height: 210px;
        }
}