/*
Theme Name: Ose Security
Theme URI: https://wordpress.org/themes/osesecurity/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Ose Security brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: osesecurity
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Site
--------------------------------------------------------------*/

*,
body {
    margin: 0
}

.btn,
a,
a:hover {
    text-decoration: none
}

.quotes-caption,
footer,
section {
    width: 100%;
    float: left
}

* {
    padding: 0;
    box-sizing: border-box
}

body {
    background-color: #fff;
    font-size: 14px;
    color: #000
}

ol,
ul {
    list-style: none
}

.btn,
a {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s
}

.row.no-gutters>[class*=" col-"],
.row.no-gutters>[class^=col-] {
    padding-right: 0;
    padding-left: 0
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
    background: -webkit-linear-gradient(bottom, #292a2c 0, #363a3d 100%);
    background: -o-linear-gradient(bottom, #292a2c 0, #363a3d 100%);
    background: -ms-linear-gradient(bottom, #292a2c 0, #363a3d 100%);
    background: -moz-linear-gradient(bottom, #292a2c 0, #363a3d 100%);
    background: linear-gradient(to top, #292a2c 0, #363a3d 100%);
    border: 0
}

.navbar-default .navbar-nav>li>a {
    color: #feffeb;
    padding: 10px 15px;
    margin: 5px 0;
    font-size: 14px
}

.header-top .current_page_item>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    background: -webkit-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: -o-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: -ms-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: -moz-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: linear-gradient(to top, #e69e0c 0, #f2c416 100%);
    color: #fff
}

.header-contact-detail h3>a,
.header-contact-detail p a {
    color: #000
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #E7A10D
}

.navbar-default .navbar-toggle {
    border-color: #E7A10D
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent
}

.header-contact-detail {
    text-align: right;
    float: left;
    width: 100%
}

.header-contact-detail h3 {
    margin: 0;
    font-weight: 600;
    font-size: 35px
}

.main-header {
    background: url(assets/images/header_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 5px 0
}

.logo-section {
    float: left;
    position: relative
}

.logo-section figure {
    display: inline-block
}

.header-contact-detail p {
    font-size: 15px
}

.quotes-caption {
    text-align: center
}

.quotes-caption h4 {
    color: #000;
    font-style: italic;
    text-align: left
}

.header-contact-detail>span {
    color: #215aa7;
    font-weight: 600
}

.header-contact-detail h3>a:hover,
.header-contact-detail p a:hover {
    color: #225aa9
}

.entry-title {
    font-size: 25px;
    margin: 8px 0
}

.banner-section {
    border-top: 5px solid #fff
}

.hero {
    background: rgba(0, 0, 0, .7);
    padding: 10px 0;
    margin-bottom: 15px
}

.carousel-control {
    z-index: 100
}

.fade-carousel {
    position: relative;
    height: 350px
}

.hero,
.overlay {
    position: absolute
}

.fade-carousel .carousel-inner .item {
    height: 350px
}

.fade-carousel .carousel-indicators>li {
    margin: 0 2px;
    background-color: #fff;
    border-color: #fff;
    opacity: .7
}

.fade-carousel .carousel-indicators>li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: #eaa50d;
    border-color: #eaa50d
}

.hero {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: #fff;
    width: 100%;
    text-align: left
}

.hero h1 {
    font-size: 1.8em;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s
}

.overlay {
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .4
}

.btn.btn-lg {
    padding: 10px 40px
}

.btn.btn-hero,
.btn.btn-hero:focus,
.btn.btn-hero:hover {
    color: #fff;
    border: 0;
    outline: 0;
    margin: 20px auto
}

.btn.btn-hero {
    min-width: 180px
}

.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
    height: 350px;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 100
}

@media screen and (min-width:980px) {
    .hero {
        width: 100%
    }
}

@media screen and (max-width:640px) {
    .hero h1 {
        font-size: 1.5em
    }
}

.common-head {
    margin-top: 30px
}

.common-head h2 {
    font-size: 20px;
    background: #225aa9;
    color: #fff;
    padding: 5px 10px;
    margin-top: 0
}

.common-div-head h4 {
    background: -webkit-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: -o-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: -ms-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: -moz-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: linear-gradient(to top, #e69e0c 0, #f2c416 100%);
    padding: 12px 15px;
    color: #000;
    position: relative;
    border-radius: 3px;
    margin: 0
}

.side-wrapper-section {
    background: -webkit-linear-gradient(bottom, #292a2c 0, #393738 100%);
    background: -o-linear-gradient(bottom, #292a2c 0, #393738 100%);
    background: -ms-linear-gradient(bottom, #292a2c 0, #393738 100%);
    background: -moz-linear-gradient(bottom, #292a2c 0, #393738 100%);
    background: linear-gradient(to top, #292a2c 0, #393738 100%);
    padding: 12px 0;
    margin-bottom: 0!important;
    border-radius: 3px
}

.side-wrapper-section input {
    height: 22px;
    border-radius: 0;
    box-shadow: none
}

.side-wrapper-section textarea {
    border-radius: 0;
    resize: none
}

.side-wrapper-section .form-group {
    margin: 0 0 3px
}

.side-wrapper-section label {
    font-size: 12px;
    color: #fff;
    text-align: right
}

.side-wrapper-section p {
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    text-align: left
}

.side-wrapper {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

.testimonial-section {
    float: left;
    width: 100%
}

.testimonial-list {
    padding-left: 30px;
    position: relative;
    border-bottom: 1px solid #4d5154;
    padding-bottom: 5px;
    margin-bottom: 15px
}

.testimonial-list::before {
    position: absolute;
    content: "";
    background: url(assets/images/arrow.png) no-repeat;
    width: 23px;
    height: 23px;
    left: 8px
}

.testimonial-section .btn {
    margin-left: 40px
}

.btn-yellow-gradi {
    background: -webkit-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: -o-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: -ms-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: -moz-linear-gradient(bottom, #e69e0c 0, #f2c416 100%);
    background: linear-gradient(to top, #e69e0c 0, #f2c416 100%)
}

.btn-common {
    position: relative;
    border: 0;
    color: #000!important;
    font-size: 12px;
    height: 30px!important;
    line-height: 20px;
    min-width: 80px;
    border-radius: 4px!important
}

.btn-submit {
    margin-top: 5px
}

.btn-yellow-gradi:hover {
    background: -webkit-linear-gradient(bottom, #f2c416 0, #e69e0c 100%);
    background: -o-linear-gradient(bottom, #f2c416 0, #e69e0c 100%);
    background: -ms-linear-gradient(bottom, #f2c416 0, #e69e0c 100%);
    background: -moz-linear-gradient(bottom, #f2c416 0, #e69e0c 100%);
    background: linear-gradient(to top, #f2c416 0, #e69e0c 100%);
    color: #000
}

.wpcf7-submit.btn-common {
    margin-top: 15px
}

.content-section {
    margin: 5px 0
}

.our-service-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px
}

.our-service-list li::before {
    position: absolute;
    background: url(assets/images/arrow_bullet.jpg) no-repeat;
    content: "";
    width: 12px;
    height: 12px;
    top: 5px;
    left: 0;
    right: 0;
    min-height: 50px
}

.our-downloads figure img,
.our-product-list img {
    width: 100%
}

.our-product-list figure {
    position: relative;
    border: 1px solid #000;
    float: left;
    height: 200px;
	overflow: hidden;
}

.our-product-list {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.our-product-list h3 {
    position: absolute;
    bottom: 0;
    margin: 0;
    font-size: 18px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 5px;
    font-weight: 600;
    left: 0;
    right: 0;
    min-height: 50px
}

.our-product-list p {
    margin-top: 10px;
    float: left;
    width: 100%
}

.our-product-list .btn {
    float: right
}

.common-div-head {
    margin-bottom: 5px
}

.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before {
    font-family: FontAwesome;
    font-size: 50px
}

.glyphicon-chevron-left::before {
    content: "\f104"
}

.glyphicon-chevron-right::before {
    content: "\f105"
}

footer {
    margin-top: 50px;
    text-align: center
}

.foot-logo-section {
    border: 1px solid #000
}

.main-header-foot ul {
    margin: 0
}

.footer-top .main-header-foot li {
    padding: 0 8px
}

.footer-top .main-header-foot li a {
    font-size: 12px;
    color: #000;
    position: relative
}

.footer-top .main-header-foot li a::after,
.footer-top .main-header-foot li:first-child a::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #000;
    top: 0
}

.footer-top .main-header-foot li a::after {
    right: -10px
}

.footer-top .main-header-foot li:first-child a::before {
    left: -10px
}

.footer-navbar p a:hover,
.footer-top .main-header-foot li a:hover {
    color: #e7a10d
}

.footer-navbar p {
    font-size: 12px
}

.footer-navbar address {
    margin-bottom: 10px
}

.footer-navbar address a {
    color: #215AA7
}

.main-header-foot {
    border-bottom: 1px dashed #fff;
    margin-bottom: 12px;
    margin-top: 10px
}

.side-wrapper-section .form-group {
    min-height: 35px;
    min-width: 100%
}

.side-wrapper-section {
    float: left;
    width: 100%
}

.side-wrapper-section .wpcf7-form.invalid {
    float: left;
    width: 100%;
    padding: 5px
}

.side-wrapper-section .wpcf7-validation-errors {
    float: left;
    width: 100%;
    margin: 12px 0 0!important;
    color: red;
    font-size: 12px
}

.side-wrapper-section span.wpcf7-not-valid-tip {
    font-size: 12px
}

.required {
    color: red
}

.side-wrapper-section input {
    padding: 0 5px
}

.contact-content a:hover,
.contact-with li>a:hover,
.entry-content p>a:hover {
    color: #e69e0c;
    cursor: pointer
}

.contact-content a,
.contact-with li>a,
.entry-content p>a {
    color: #215aa7
}

.entry-content,
.entry-header,
.navigation.post-navigation,
.our-service-list ul {
    float: left;
    width: 100%
}

.gallery-section {
    text-align: center;
    float: left;
    width: 100%
}

.gallery-section figure a img {
    max-width: 50%;
    width: 100%;
    margin: 0 auto
}

.gallery-section h3>a {
    font-size: 18px;
    color: #000
}

.image-row-details {
    margin-top: 20px
}

.image-row-details .gallery_images a>img {
    max-height: 200px;
    margin: 0 auto
}

#html5-watermark {
    display: none!important
}

.entry-content ul {
    list-style-type: disc;
    margin-left: 30px
}

.content-area-wrap,
.content-section h2 {
    float: left;
    width: 100%
}

.gallery-list,
.image-row-details .gallery_images {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 15px;
    float: left;
    width: 100%
}

img,
video {
    height: auto;
    max-width: 100%
}

img.alignleft,
img.alignright {
    float: none;
    margin: 0
}

embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%
}

p>embed:only-child,
p>iframe:only-child,
p>object:only-child {
    margin-bottom: 0
}

.gallery-caption,
.wp-caption {
    color: #666;
    font-size: 13px;
    font-size: .8125rem;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.mejs-container {
    margin-bottom: 1.5em
}

.gallery {
    margin: 0 auto 18px
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
    margin-bottom: 30px
}

.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery img {
    padding: 8px
}

.gallery img:hover {
    background: #fff
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px
}

.gallery dl,
.gallery dt {
    margin: 0
}

.gallery br+br {
    display: none
}

.gallery-item a,
.gallery-item a:focus,
.gallery-item a:hover,
.widget-area .gallery-item a,
.widget-area .gallery-item a:focus,
.widget-area .gallery-item a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    display: inline-block;
    max-width: 100%
}

.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter .2s ease-in;
    transition: -webkit-filter .2s ease-in;
    transition: filter .2s ease-in;
    transition: filter .2s ease-in, -webkit-filter .2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.gallery-item a:focus img,
.gallery-item a:hover img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%)
}

.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0
}

.nav-links div {
    display: inline-block
}

.nav-links .nav-previous {
    float: left
}

.nav-links .nav-next {
    float: right
}

.nav-title-icon-wrapper .icon {
    display: none
}

.nav-next .nav-subtitle,
.nav-previous .nav-subtitle {
    position: relative;
    margin-left: 25px;
    margin-right: 15px
}

.nav-previous .nav-subtitle::before {
    content: "\f177";
    left: -20px
}

.nav-next .nav-subtitle::after,
.nav-previous .nav-subtitle::before {
    position: absolute;
    font-family: FontAwesome;
    top: -2px
}

.nav-next .nav-subtitle::after {
    content: "\f178";
    right: -20px
}

.enquiry-section .wpcf7-form .form-control:focus {
    box-shadow: none
}

.wpcf7-form .control-label {
    text-align: right
}

.wpcf7-form .form-group {
    float: left;
    width: 100%
}

.address-section address,
.contact-with li {
    position: relative;
    padding-left: 20px
}

.address-section address i {
    top: 4px
}

.address-section address i,
.contact-with li>i {
    position: absolute;
    left: 0
}

.contact-content {
    margin-bottom: 30px
}

.side-wrapper .wpcf7-checkbox .wpcf7-list-item-label {
    color: #fff;
    top: -6px
}

.side-wrapper .wpcf7-checkbox .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label {
    margin-left: 8px;
    position: relative;
    font-size: 12px
}

.wpcf7-checkbox .wpcf7-list-item {
    margin-left: 0;
    top: -2px
}

.wpcf7-validation-errors {
    display: none!important
}
.foot-logo-section li img {
    display: table-cell;
    vertical-align: middle;
    max-height: 76px;
}

@media only screen and (min-width:320px) and (max-width:480px) {
	.our-product-list figure {
		height: auto;
	}
	.foot-logo-section li img {
		max-width: 50px;
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
    .logo-section img {
        max-width: 310px
    }
	.our-product-list figure {
		height: 265px;
	}
}

@media only screen and (min-width:640px) and (max-width:767px) {
    .our-product .row .col-sm-6 {
        float: left;
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .header-contact,
    .header-contact-detail,
    .logo-section,
    .quotes-caption h4 {
        text-align: center
    }
    .header-contact,
    .side-wrapper-section {
        float: left;
        width: 100%
    }
    .main-header {
        background: 0 0
    }
    .logo-section {
        top: 0;
        margin-top: 25px;
        width: 100%
    }
    .header-contact {
        margin-top: 20px
    }
    .header-contact-detail h3 {
        font-size: 26px
    }
    .logo-section img {
        margin: 0 auto
    }
    .banner-section figure {
        height: 210px
    }
	.our-product-list .btn {
		float: left;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .main-header {
        background: 0 0
    }
    .header-contact-detail {
        position: absolute;
        right: 15px;
        top: 15px
    }
    .header-contact-detail p {
        font-size: 13px
    }
    .quotes-caption h4 {
        font-size: 15px
    }
    .header-contact-detail h3 {
        font-size: 25px
    }
    .quotes-caption {
        margin: 20px 0
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
        padding: 10px 14px
    }
    .logo-section img {
        max-width: 375px
    }
    .our-product-list p {
        min-height: 150px
    }
	.our-product-list .btn {
		float: left;
	}
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }
    .navbar-header {
        float: none
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-nav {
        float: none!important;
        margin: 15px 0
    }
    .navbar-nav>li {
        float: left;
        width: 100%;
        margin: 5px 0;
        border-bottom: medium none!important
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .navbar-text {
        float: none;
        margin: 15px 0
    }
    .navbar-collapse.collapse.in {
        display: block!important
    }
    .collapsing {
        overflow: hidden!important
    }
}

@media only screen and (min-width:991px) {
    .banner-caption {
        padding: 0 60px
    }
}

@media only screen and (min-width:992px) {
    .no-padd {
        padding-left: 0;
        padding-right: 0
    }
    .navbar-nav {
        float: none;
        margin: 0;
        text-align: center
    }
    .navbar-nav>li {
        float: none;
        display: inline-block
    }
    .side-wrapper-section {
        min-height: 370px
    }
    .header-contact-detail {
        margin-top: 15px
    }
    .logo-section .site-branding img {
        margin-top: 10px
    }
    .quotes-caption {
        text-align: center;
        margin: 30px 0
    }
    .our-product-list p {
        min-height: 145px
    }
    .image-row-details .gallery_images {
        margin-bottom: 15px;
        max-height: 230px
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .header-contact-detail h3 {
        font-size: 30px
    }
    .navbar-default .navbar-nav>li>a {
        padding: 10px 8px
    }
    .our-product-list p {
        min-height: 190px;
    }
	span.wpcf7-list-item {
		display: block
	}

	.our-downloads figure img,
	.our-product-list img {
		width: 70%; 
	}

	.screen-reader-text {
		display: none;
	}
	.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
		border: 0 none;
		color: #398f14;
		float: left;
		margin: 0 0 auto;
		width: 100%;
		text-align: center;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px){
.side-wrapper-section input,.side-wrapper-section textarea {
    max-width: 115px;
    float: right;
}
.wpcf7-form-control-wrap.terms-agree input {
    float: unset;
	margin-left: 20px;
}
}