/*========================================== MASTER STYLESHEET ===================================================================

    Project     :   Certificate
    
=================================================================================================================================*/
/*========================================== LAYOUT ===================================================================

        1.GLOBAL STYLES
        2.COMMON STYLES 
        3.NAVIGATION        
        4.BUTTON    
        5.PRE HEADER
        6.HEADER
        7.ABOUT     
        8.SERVICES
        9.TWO COLUMN VIDEO
        10.FAQ
        11.COUNTER
        12.CASE STUDIES
        13.REPORT
        14.CLIENT LOGO
        15.TESTIMONIAL
        16.NEWS
        17.HEADING STRIP
        18.SUBSCRIBE
        19.PRICING
        20.TEAM
        21.GALLERY
        22.FOOTER
        23.MEDIA QUERIES

=================================================================================================================================*/
/*========================================== COLOR CODES =========================================================================

    Background         :#ffffff [white]
    Theme Color        :#612e13[Brown]  
    Main Heading Color :#333333 [Dark Gray] 
    Content Color      :#666666 [light Gray]

=================================================================================================================================*/
/*========================================== TYPOGRAPHY =========================================================================

    Heading:font-family: 'Ledger', serif;   
    Body :font-family: 'Ledger', 'serif';

=================================================================================================================================*/
/*========================================== 1.GLOBAL CSS START ===========================================*/

body {
    background: #ffffff;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-family:'Ledger', 'serif';
}
a {
    outline: none !important;
    text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
}
h1 {
    color: #333333;
    font-family:'Ledger', serif;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 55px;
}
h2 {
    color: #333333;
    font-family:'Ledger', serif;
    font-size: 25px;
    font-weight:400;
    letter-spacing: 1px;
    line-height: 50px;
}
h3 {
    color: #333333;
    font-family:'Ledger', serif;
    font-size: 28px;
    font-weight:500;
    letter-spacing: 1px;
    line-height: 38px;
}
h4 {
    color: #333333;
    font-family:'Ledger', serif;
    font-size: 22px;
    font-weight:100;
    letter-spacing: 1px;
    line-height: 32px;
}
.footer-font h4 {
    font-size: 20px;
    line-height: 30px;
}
h5 {
    color: #333333;
    font-family:'Ledger', serif;
    font-size: 16px;
    font-weight:500;
    letter-spacing: 1px;
    line-height: 26px;
    text-transform: uppercase;
}
h6 {
    color: #333333;
    font-family:'Ledger', serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 25px;
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

/* different text size */
.text-med-large { font-size: 18px !important; font-weight: bold;}
.text-med-small { font-size: 16px !important; font-weight: bold;}
/* text color */
.fast-blue-text{ color:#ff7f00 !important} 
.white-text{ color:#FFF !important} 
.magenta-text{ color:#d94378 !important}
.orange-text{ color:#ff7f00 !important}
.orange-light-text{ color:#ef824c !important}
.deep-red-text{ color:#e75e50 !important}
.black-text{ color:#000 !important}
.yellow-text{ color:#428bca !important}
.yellow-light-text{color: #ffd200 !important}
.fast-yellow-text{ color:#f7d23d !important}
.pink-text{ color:#d9378e !important}
.light-gray-text{ color: #ababab !important}
.deep-gray-text { color: #464646 !important; }
.deep-light-gray-text { color: #878787 !important; }
.gray-text {  color:##333333 !important}
.dark-gray-text { color:#373737 !important}

/* letter spacing */
.no-letter-spacing{ letter-spacing: 0px !important}
.letter-spacing-1 { letter-spacing:1px !important}
.letter-spacing-2 { letter-spacing:2px !important}
.letter-spacing-3 { letter-spacing:3px !important}
.letter-spacing-4 { letter-spacing:4px !important}
.letter-spacing-5 { letter-spacing:5px !important}
.letter-spacing-6 { letter-spacing:6px !important}
.letter-spacing-7 { letter-spacing:7px !important}
.letter-spacing-8 { letter-spacing:8px !important}
.letter-spacing-9 { letter-spacing:9px !important}
.letter-spacing-10 { letter-spacing:10px !important}

/* font weight */
.font-weight-100 { font-weight:100 !important}
.font-weight-300 { font-weight:300 !important}
.font-weight-400 { font-weight:400 !important}
.font-weight-600 { font-weight:600 !important}
.font-weight-700 { font-weight:700 !important}
.font-weight-800 { font-weight:800 !important}
.font-weight-bold{font-weight: bold;}

/* text property */
.text-transform-unset { text-transform:unset !important}
.text-decoration-underline { text-decoration:underline !important; }
.word-wrap { word-wrap: break-word}
.text-transform-none {text-transform:none !important}
.text-transform-uppercase {text-transform: uppercase !important}

/* margin */
.margin-one{ margin-top:1% !important; margin-bottom:1% !important}
.margin-two{ margin-top:2% !important; margin-bottom:2% !important}
.margin-three{ margin-top:3% !important; margin-bottom:3% !important}
.margin-four{ margin-top:4% !important; margin-bottom:4% !important}
.margin-five{ margin-top:5% !important; margin-bottom:5% !important}
.margin-six{ margin-top:5% !important; margin-bottom:0 !important }
.margin-seven{ margin-top:7.8% !important; margin-bottom:5% !important}
.margin-eight {margin-top:8% !important; margin-bottom:8% !important}
.margin-nine {margin-top:9% !important; margin-bottom:9% !important}
.margin-ten{ margin-top:10% !important; margin-bottom:10% !important}
.margin-eleven{ margin-top:22% !important; margin-bottom:22% !important}
.margin-right-four{margin-right:4% !important}
.margin-right-five{margin-right:5% !important}
.margin-right-six{margin-right:6% !important}
.margin-right-seven{margin-right:7% !important}
.margin-right-eight{margin-right:8% !important}
.margin-right-nine{margin-right:9% !important}
.margin-right-ten{margin-right:10% !important}
.margin-top-section { margin-top:96px;}
.margin-left-right-one { margin-right:6% !important; margin-left:6% !important}
.margin-two-bottom { margin-bottom: 2% !important; }
.margin-three-bottom { margin-bottom: 3% !important; }
.margin-four-bottom { margin-bottom: 4% !important; }
.margin-five-bottom { margin-bottom: 5% !important; }
.margin-six-bottom { margin-bottom: 6% !important; }
.margin-seven-bottom { margin-bottom: 7% !important; }
.margin-ten-bottom { margin-bottom: 10% !important; }
.no-margin{ margin:0 !important}
.no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important}
.no-margin-top{ margin-top:0 !important}
.no-margin-bottom{ margin-bottom:0 !important}
.no-margin-left{ margin-left:0 !important}
.no-margin-right{ margin-right:0 !important}
.margin-bottom{ margin-bottom:60px}

/* padding */
.padding-one { padding-top:1% !important; padding-bottom:1% !important}
.padding-two { padding-top:2% !important; padding-bottom:2% !important}
.padding-three { padding-top:3% !important; padding-bottom:3% !important}
.padding-four { padding-top:4% !important; padding-bottom:4% !important}
.padding-five { padding-top:5% !important; padding-bottom:5% !important}
.padding-six { padding-top:3% !important; padding-left:3% !important; padding-right:3% !important;}
.padding-seven { padding:6%} 
.padding-eight { padding-top:20%; padding-bottom: 20%}
.padding-nine { padding:6% 0} 
.padding-fifteen{ padding:9% !important}
.padding-left-right { padding-right:6% !important; padding-left:6% !important;}
.padding-two-bottom { padding-bottom: 2% !important; }
.padding-left-right-px { padding: 0 15px;}
.no-padding-left-right { padding-left:0 !important; padding-right:0 !important}
.no-padding-section { padding:0px !important;}
.no-padding-right { padding-right:0px !important;}
.no-padding-top { padding-top:0 !important}
.no-padding{padding:0 !important}
.no-padding-left { padding-left:0px !important;}
.no-padding-bottom { padding-bottom:0 !important}
.section-padding-inner{ padding: 140px 0}
.padding-twenty-nine{ padding:15% !important}
/* float */
.f-left { float:left !important}
.f-right{ float:right !important}
.no-float { float:none !important;}

/* ===================================
    Parallax
====================================== */

.overlay{ position: absolute; height: 100%; width: 100%; opacity: 0.2; z-index: 1; top: 0px; }
.parallax-fix{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; background-attachment: fixed !important }
.parallax-fix .row{ position: relative; z-index: 2; }
.parallax-section-main { /* min-height: 700px; */ }
.parallax-title { display: block; font-family: "Oswald",sans-serif; font-size: 15px; font-weight: 100; letter-spacing: 7px; margin-bottom: 30px; text-transform: uppercase; }
.parallax-sub-title{  display: block; font-size: 22px; font-weight: 600; letter-spacing: 4px; line-height: 30px; text-transform: uppercase; }
.parallax-number { border: 2px solid #000; color: #000; display: inline-block; font-family: "Oswald",sans-serif; font-size: 20px; font-weight: 400; margin:150px 0 60px 0; padding: 9px 0; width:47px; text-align: center; letter-spacing: -2px }
.fix-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important}
.cover-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit !important}
.blog-blockquote { padding:100px}
.background-attachment-inherit {background-attachment: inherit !important}

/*========================================== 1.GLOBAL CSS END ===========================================*/
/*========================================== 2.COMMON CSS START ===========================================*/

.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}
.gallery-padding {
    padding-top: 80px;
    padding-bottom:50px;
}
.section-1-bg {
    background-color: #ffffff !important;
}
.section-2-bg {
    background-color: #f7f7f7;
}

.yellow-bg{
    background: rgba(255,166,2,.1)
}
.copyright-1 {
    background-color: #2f2f2f;
}
.theme-bg {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
}
.footer-section-1 {
    background-color: #191919;
}
.footer-section-2 {
    background-color: #111111;
}
.copyright-bg {
    background-color: #0e0e0e;
}
.copyright-bg-1 {
    background-color: #151515;
}
.copyright-2-bg {
    background-color: #f8fdff;
}
.heading-div-1 {
    padding-bottom: 40px;
}
.image-bottom-space {
    padding-bottom: 25px;
}
.image-top-space {
    padding-top: 25px;
}
.content-top-space {
    padding-top: 15px;
}
.content-bottom-space {
    padding-bottom: 20px;
}
.bgimage-property {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.readmore { color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 10px;
    text-transform: uppercase;
}
.readmore:hover { color: #FFFFFF;
}
.content-ul {
    padding-left: 0;
    margin-bottom: 0;
}
.content-ul li {
    list-style: none;
}
/*========================================== 2.COMMON CSS END ===========================================*/
/*========================================== 3.NAVIGATION START ===========================================*/

.fixed-header {
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
}
.navbar-right {
    margin-right: 0;
}
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav.clearfix.fixed-header> li > a.active {
    color: #428bca !important;
    transition: all 1.3s;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a {
    background-image: none;
    box-shadow: none;
}
.navbar {
    border: none !important;
}
.navbar-brand,
.navbar-nav > li > a {
    text-shadow: none;
}
.topbar.navbar-default {
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
/*  z-index: 99999;*/
}
#top-nav.navbar-default {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important; 
}
.navbar-nav > li > a {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0;
    transition: all 1.3s ease 0s;
}
.navbar-nav > li {
    padding: 5px 6px;
}
/*.logo-image {
margin-bottom: 22px;
}*/
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.navbar-inverse {
    background-image: none;
}
.navbar-inverse {
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: transparent;
}
.side-menu-icon  li{
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
}

.side-menu-icon {
    border-bottom:0.01em solid #333333;
    padding-bottom:10px;
    padding-left:18px;
    padding-right:18px;
}

.side-menu-icon  li a{
    color:#bbbbbb !important;
    font-size:20px;
     transition: all 1.3s;
}

.side-menu-icon  li:hover a{    
    cursor:pointer;
    color:#612e13!important;
     transition: all 1.3s;
}

.side-menu-icon  li:first-child{
    margin-left:0;
}

/*========================================== 3.NAVIGATION END ===========================================*/
/*========================================== 4.BUTTON START ===========================================*/

/*.btn {
    border: 1px solid transparent;
    border-radius: 50px;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    outline: none;
    padding: 10px 20px;
    text-transform: uppercase;
}*/
.btn.btn-1 {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-right: 26px;
    margin-top: 43px;
}
.btn.btn-1:focus,
.btn.btn-1:hover { color: #FFFFFF;
    background-color: transparent;
    
}
.btn.btn-2 {
    background-color: #ffffff;
    border: 1px solid transparent; color: #FFFFFF;
}
.btn.btn-2:focus,
.btn.btn-2:hover {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
}
.btn.btn-3 {
    background-color: #333333;
    border: 1px solid transparent;
    color: #ffffff;
}
.btn.btn-3:focus,
.btn.btn-3:hover {
    color: #333333;
    background-color:rgba(255,255,255,0.5);
    border-color:#e5e5e5;
}
.btn-top-space {
    margin-top: 25px;
}
/*========================================== 4.BUTTON END ===========================================*/
/*========================================== 5.PRE HEADER START ===========================================*/

.preheader {
    background-color: #333333;
}
.preheader-div {
    padding-left: 0;
    margin-bottom: 0;
}
.preheader-div li {
    list-style: none;
    display: inline-block;
}
.preheader-div li:first-child {
    padding-right: 10px;
}
.preheader-div-1 {
    margin-left: 25px;
}
.preheader-div p {
    color: #ffffff;
    letter-spacing: 1px;
}
.preheader-div p a {
    color: #ffffff;
}
.header-icon li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.header-icon li:first-child {
    margin-left: 0;
}
.header-icon li:last-child {
    margin-right: 0;
}
.preheader-section {
    padding-bottom: 15px;
    padding-top: 15px;
}
.preheader-div {
    float: left;
}
/*========================================== 5.PRE HEADER END ===========================================*/
/*========================================== 6.HEADER START ===========================================*/

.header-bgimage-1 {
    background-image: url("../../images/1500x900.jpg");
    min-height: 700px;
    position: relative;
}
.header-padding {
    padding-top: 140px;
}
.header-div-1 h1 {
    color: #333333;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.header-bgimage-1 .header-content {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 0 auto;
    width: 80%;
}
.header-div-1 .btn-1 {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.header-div-1 .btn-1:focus,
.header-div-1 .btn-1:hover { color: #FFFFFF;
    background-color: transparent;
    
}
.header-strip-bg {
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 30px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.header-strip-col h3 {
    color: #333333;
    float: left;
    max-width: 80%;
}
.header-strip-col .btn {
    float: right;
    max-width: 20%;
}
.menu-divider {
    border-bottom: 0.01em solid #f2f2f2;
}
.header-menu-1 {
    padding-top: 20px;
}
/*slider*/

.slider-main {
    position: relative;
}
.slide-0 {
    border:3px solid #218491;
    padding:0;
    width: 100%;
}
.slide-1 {
    border:3px solid #1c717d;
    padding:0;
    width: 100%;
}
.slide-2 {
    border:3px solid #185f68;
    padding:0;
    width: 100%;
}
.custom-control .col-md-4 {
    padding: 0;
}
.custom-control button.active {
    border:3px solid #2aa9b9;
    width: 100%;
}
.custom-control button.active {
    position: relative;
}
.custom-control button.active:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 10px solid #2aa9b9;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: 2px;
    left: 200px;
}
.custom-control .row {
    margin: 0;
}
.custom-control {
    position: absolute;
    bottom:-10px;
    width: 100%;
    z-index: 999;
}
.owl-carousel {
    position: relative;
    height: 100%;
}
.owl-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.owl-buttons {
    display: none;
}
.slider1-padding {
    padding-bottom: 225px;
    padding-top: 225px;
}
.slider-image1 {
    background-image: url("../../images/slider-image-1.jpg");
}
.slider-image2 {
    background-image: url("../../images/slider-image-2.jpg");
}
.slider-image3 {
    background-image: url("../../images/slider-image-3.jpg");
}
.slider-image-rtl {
    background-image: url("../../images/slider-image-rtl.jpg");
}
.slider-image1 .header-div-1 h1 {
    color: #333333;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.slider-image1 .header-div-1 .btn-1 {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.slider-image1 .header-div-1 .btn-1:focus,
.slider-image1 .header-div-1 .btn-1:hover { color: #FFFFFF;
    background-color: transparent;
    
}
.slider-image1 .header-div-1 {
    margin: 0 auto;
    width: 80%;
}
.slider-image1 .header-content {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 0 auto 30px auto;
    width: 80%;
}

.slider-image-rtl .header-div-1 h1,
.slider-image2 .header-div-1 h1 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.slider-image-rtl .header-div-1 .btn-1,
.slider-image2 .header-div-1 .btn-1 {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.slider-image-rtl .header-div-1 .btn-1:focus,
.slider-image-rtl .header-div-1 .btn-1:hover,
.slider-image2 .header-div-1 .btn-1:focus,
.slider-image2 .header-div-1 .btn-1:hover { color: #FFFFFF;
    background-color: transparent;
    
}

.slider-image-rtl,
.slider-image2 {
    text-align: left;
}

.slider-image-rtl .header-content,
.slider-image2 .header-content {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 30px;
    width: 80%;
    text-align: left;
}
.slider-image3 .header-div-1,
.slider-image3 {
    text-align: right;
}
.slider-image3 .header-div-1 h1 {
    color: #333333;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.slider-image3 .header-content {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    width: 80%;
    text-align: right;
    display: table-cell;
}
.slider-image3 .header-div-1 .btn-1 {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.slider-image3 .header-div-1 .btn-1:focus,
.slider-image3 .header-div-1 .btn-1:hover { color: #FFFFFF;
    background-color: transparent;
    
}
.slider-image3 .btn {
    margin-top: 30px;
}
/*header-2*/

.header-bgimage-2 {
    background-image: url("../../images/1500x900x3.jpg");
    padding-bottom: 245px;
    padding-top: 145px;
}
.header-bgimage-rtl {
    background-image: url("../../images/1500x900xrtl.jpg");
    padding-bottom: 245px;
    padding-top: 145px;
}

.header-div-2 h1 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.header-div-2 h1 span { color: #FFFFFF;
}
.header-bgimage-2 .header-content {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 30px;
    width: 80%;
}
.header-bgimage-rtl .header-content {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 30px;
    width: 80%;
}
.header-div-2 .btn-1 {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.header-div-2 .btn-1:focus,
.header-div-2 .btn-1:hover { color: #FFFFFF;
    background-color: transparent;
    
}
.header-image-2 {
    padding-bottom: 30px;
}
/*PARALLAX*/

.header-bgimage-3 {
    padding-bottom: 250px;
    padding-top: 250px;
}
.header-div-3 h1 {
    color: #f2f2f2;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.header-bgimage-3 .header-content {
    color: #eeeeee;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 0 auto 30px auto;
    width: 80%;
}
.header-div-3 .btn-1 {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.header-div-2 .btn-1:focus,
.header-div-2 .btn-1:hover { color: #FFFFFF;
    background-color: transparent;
    
}
/*VIDEO HEADER*/
.buttonBar {
    display: none;
}
.video-section {
    background-image: url("../../images/1500x900x1.jpg");
}
.video-section {
    padding-bottom: 200px;
    padding-top: 200px;
}
.header-video-div h1 {
    color: #000000;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.header-video-div .header-content {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 0 auto 30px auto;
    width: 80%;
}
.header-video-div .btn-1 {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.header-video-div .btn-1:focus,
.header-video-div .btn-1:hover { color: #FFFFFF;
    background-color: transparent;
    
}
/*header form*/

.form-div {
    position: relative;
    margin-bottom: 20px;
}
.form-div textarea {
    color: #333333;
    border: none;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    width: 100%;
}
.form-div input {
    color: #333333;
    border: none;
    border-radius: 0;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.form-section h3 {
    color: #333333;
}
.header-bgimage-6 {
    background: url("../../images/bg-home.jpg");
    background-size:cover;
    background-position:0px -156px;
    padding-bottom: 80px;
    padding-top: 250px;
    height:100vh;
}
.header-div-6 {
    padding-top: 80px;
}
.header-div-6 h1 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.header-div-6 h1 span { color: #FFFFFF;
}
.header-bgimage-6 .header-content {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 30px;
    width: 80%;
}
.header-div-6 .btn-1 {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.header-div-6 .btn-1:focus,
.header-div-6 .btn-1:hover { color: #FFFFFF;
    background-color: transparent;
    
}
.header-image-6 {
    padding-bottom: 30px;
}
.header-form-col {
    background-color: rgba(255, 255, 255, 0.7);
    margin-left: 4%;
    padding: 30px;
    width: 92%;
}
/*.header-form-col:before {
    content: "";
    border-color: rgba(255, 255, 255, 0.7) transparent;
    border-style: solid;
    border-width: 0 205px 40px;
    top: 15px;
    height: 0;
    left: 50px;
    position: absolute;
    width: 0;
}
*/.header-form-col .form-btn .btn {
    width: 100%;
}
.header-form-col .first-para {
    color: #666666;
    text-align: center;
    margin-bottom:20px;
    margin-top: 15px;
}
/*========================================== 6.HEADER END ===========================================*/
/*========================================== 7.ABOUT START ===========================================*/

.header-bgimage-rtl,
.header-bgimage-2 {
    position: relative;
}
.about-col {
    margin-top: 30px;
}
.about-bg {
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.05), 0 -19px 38px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.05), 0 -19px 38px rgba(0, 0, 0, 0.05);
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.05), 0 -19px 38px rgba(0, 0, 0, 0.05);
    margin-top: -110px;
    padding: 30px 20px;
    position: relative;
}
/*========================================== 7.ABOUT END ===========================================*/
/*========================================== 8.SERVICES START ===========================================*/

.services-div {
    padding: 40px 30px;
    position: relative;
}
.services-icon {
    position: absolute;
    right: 30px;
    top: 35px;
}
.services-icon-1 {
    font-size:30px;
    color:#333333;
}

.services-bg {
    background-color: #f7f6fb;
}
.services-top-space {
    margin-top: 30px;
}
.services-bg {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.services-bg:hover {
      background: rgba(254,201,52,.4); 
   
}
.services-bg:hover .services-icon-1,
.services-bg:hover .readmore,
.services-bg:hover p,
.services-bg:hover h4,
.services-bg:hover span {
    color: #612e13 !important;
}
.services-bg-1:hover {
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*========================================== 8.SERVICES END ===========================================*/

/*========================================== 8.Product START ===========================================*/

.product-div {
    /*padding: 40px 30px;*/
    position: relative;
}
.product-icon {
    position: absolute;
    right: 30px;
    top: 35px;
}
.product-icon-1 {
    font-size:30px;
    color:#333333;
}

.product-bg {
    background-color: #FFF;
    border:7px double #E7E7E7;
}
.product-top-space {
    margin-top: 30px;
}
.product-bg {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-bg:hover .product-icon-1,
.product-bg:hover .readmore,
.product-bg:hover p,
.product-bg:hover h4,
.product-bg:hover span {
    color: #612e13 !important;
}
.product-bg-1:hover {
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*========================================== 8.Product END ===========================================*/


/*========================================== 9.TWO COLUMN VIDEO START ===========================================*/

.video-bgimage {
    position: absolute;
    width: 50%;
}
.embed-responsive-16by9 {
    min-height: 508px;
}
.business2-col {
    padding-left: 30px;
    padding-right: 30px;
}
.business3-padding {
    padding-bottom: 80px;
    padding-top: 80px;
}
.why-are-ul {
    padding-left: 0;
}
.why-are-ul li {
    display: table-cell;
}
.why-are-ul li:nth-child(1) {
    padding-right: 20px;
}
.why-are-ul {
    margin-bottom: 15px;
}
.why-are-ul p {
    color: #666666;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.business-list-div {
    margin-top: 15px;
    margin-bottom: 25px;
}
/*========================================== 9.TWO COLUMN VIDEO END ===========================================*/
/*========================================== 10.FAQ START ===========================================*/

.faq-ul {
    margin-bottom: 0;
    margin-top: 30px;
    padding-left: 0;
    position: relative;
}
.faq-ul li {
    list-style: none;
}
.faq-li:before {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    content: "";
    height: 90%;
    left: 23px;
    position: absolute;
    top: 25px;
    width: 1px;
}
.faq-icon span {
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}
.faq-li .faq-icon {
    background-color: #ffffff;
    border-radius: 5px;
    border: 2px solid #2aa9b9;
    font-size: 16px;
    height: 45px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 3px;
    transition-delay: 0s;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
    width: 45px;
}
.faq-icon .icon-1:before {
    display: block;
    content: "\f201"; color: #FFFFFF;
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    transition: .2s;
}
.faq-icon .icon-2:before {
    display: block;
    content: "\f0c0"; color: #FFFFFF;
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    transition: .2s;
}
.faq-icon .icon-3:before {
    display: block;
    content: "\f188"; color: #FFFFFF;
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    transition: .2s;
}
.faq-icon .icon-4:before {
    display: block;
    content: "\f086"; color: #FFFFFF;
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    transition: .2s;
}
.faq-title {
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 2;
    color: #333333;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 10px;
    padding-left: 75px;
    padding-right: 30px;
    padding-top: 10px;
    position: relative;
}
.faq-ans {
    position: relative;
}
.faq-ans .faq-content {
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 75px;
    padding-right: 20px;
    padding-top: 10px;
    position: relative;
}
.faq-title.active .faq-icon {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    border-radius: 5px;
    border: 2px solid #2aa9b9;
}
.faq-title.active .faq-icon span:before {
    color: #ffffff;
}
.faq-li {
    margin-bottom: 20px;
}
.faq-ul li:last-child {
    margin-bottom: 0;
}
.faq-title h4 {
    font-weight:normal;
    text-transform:capitalize;
}
/*========================================== 10.FAQ END ===========================================*/
/*========================================== 11.COUNTER START ===========================================*/

.counter-bgimage {
    background-image: url("../../images/1500x350.jpg");
    margin-bottom: 180px;
    padding-bottom: 150px;
    padding-top: 150px;
    position: relative;
}
.counter-div {
    margin: 0 auto;
    padding:30px 30px 0 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 210px;
    width: 80%;
}
.counter-div-1 {
    background-color: rgba(0, 175, 233, 0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    padding: 30px;
    width: 70%;
}
.counter-value {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    border: 5px solid #ffffff;
    box-shadow: 0 12px 12px rgba(42, 169, 185, 0.3);
    border-radius: 50%;
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 80px;
    margin: 0 auto 20px auto;
    height: 100px;
    width: 100px;
}
.counter-title { color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}
.counter-div-1 h4 {
    color: #ffffff;
}
.counter-div-1 p {
    color: #ffffff;
}
.counter-points p {
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: none;
}
/*========================================== 11.COUNTER END ===========================================*/
/*========================================== 12.CASE STUDIES START ===========================================*/

.flip .back {
    background: #2aa9b9;
    color: #ffffff;
    text-align: center;
    padding: 30px;
}
.flip .back .readmore,
.flip .back h4 {
    color: #ffffff;
}
.case-top-space {
    margin-top: 20px;
}
.three-col {
    padding-left: 10px;
    padding-right: 10px;
}
/*========================================== 12.CASE STUDIES END ===========================================*/
/*========================================== 13.REPORT START ===========================================*/

.report {
    margin-top: 40px;
}
.report h3 {
    color: #ffffff;
}
.report h3 a {
    color: #ffffff;
}
.report p {
    color: #ffffff;
}
.report-ul {
    padding-left: 0;
    margin-bottom: 0;
}
.report-ul li p {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
}
.report-points {
    margin-top: 20px;
}
.report-ul li {
     display: inline-block;
}


.report-ul li:first-child {
    background-image: url("../../images/32x32x14.png");
    background-position: 0 7px;
    background-repeat: no-repeat;   
    margin-bottom: 15px;
    padding-left: 50px;
}
.report-ul li:nth-child(2) {
    background-image: url("../../images/32x32x15.png");
    background-position: 0 7px;
    background-repeat: no-repeat;   
    margin-bottom: 15px;
    padding-left: 50px;
}
.report-ul li:nth-child(3) {
    background-image: url("../../images/32x32x16.png");
    background-position: 0 7px;
    background-repeat: no-repeat;   
    margin-bottom: 15px;
    padding-left: 50px;
}
.report-ul li:nth-child(4) {
    background-image: url("../../images/32x32x17.png");
    background-position: 0 7px;
    background-repeat: no-repeat;    
    margin-bottom: 15px;
    padding-left: 50px;
}

.report-ul.report-ul-1 li:nth-child(1) {
    background-image: url("../../images/32x32x18.png");
    background-position: 0 7px;
    background-repeat: no-repeat;   
    margin-bottom: 15px;
    padding-left: 50px;
}
.report-ul.report-ul-1 li:nth-child(2) {
    background-image: url("../../images/32x32x19.png");
    background-position: 0 7px;
    background-repeat: no-repeat;   
    margin-bottom: 15px;
    padding-left: 50px;
}
.report-ul.report-ul-1 li:nth-child(3) {
    background-image: url("../../images/32x32x20.png");
    background-position: 0 7px;
    background-repeat: no-repeat;    
    margin-bottom: 15px;
    padding-left: 50px;
}
.report-ul.report-ul-1 li:nth-child(4) {
    background-image: url("../../images/32x32x21.png");
    background-position: 0 7px;
    background-repeat: no-repeat;   
    margin-bottom: 15px;
    padding-left: 50px;
}


.report-ul li:last-child {
    margin-bottom: 0;
}
.skill-image-1 {
    background-image: url("../../images/1000x530x1.jpg");
    height: 520px;
    position: absolute;
    width: 50%;
}
.skill-image-rtl {
    background-image: url("../../images/1000x530xrtl.jpg");
    height: 520px;
    position: absolute;
    width: 50%;
}
.skill-image-2 {
    background-image: url("../../images/1000x530x2.jpg");
    height: 520px;
    position: absolute;
    width: 50%;
    right: 0;
}
.skill-image-2:before {
    background-color: rgba(42, 169, 185, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.skill-div {
    padding-left: 30px;
    padding-right: 30px;
}
.skill-section {
    position: relative;
}
.skill-div h3 {
    color: #f2f2f2;
}
.skill-div p {
    color: #eeeeee;
}
#demo-pie-4 > canvas,
#demo-pie-3 > canvas,
#demo-pie-2 > canvas,
#demo-pie-1 > canvas {
    width: 120px;
    height: 120px;
}
.chart-div {
    margin-top: 30px;
}
.skill-padding {
    padding-bottom: 100px;
    padding-top: 100px;
}
/*PIE CHART*/

.pie-title-center {
    display: inline-block;
    position: relative;
    text-align: center;
}
.pie-value {
    color: #666666;
    display: block;
    font-size:20px;
    font-weight: normal;
    position: absolute;
    height: 40px;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -20px;
    line-height: 40px;
}
.chart p {
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}
.chart-title {
    color: #333333 !important;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.5px;
    text-align: center;
}
/*========================================== 13.REPORT START ===========================================*/
/*========================================== 14.CLIENT LOGO START ===========================================*/

.clients-bgimage {
    background-image: url("../../images/1500x400.jpg");
    position: relative;
}
.clients-bgimage:before {
    background-color: rgba(42, 169, 185, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#client-logo .item  {
    text-align:center;
}
#client-logo .owl-controls {
    display:none !important;
}

/*========================================== 14.CLIENT LOGO END ===========================================*/
/*========================================== 15.TESTIMONIAL START ===========================================*/

.testimonial-col {
    background-color: #f7f7f7;
    margin: 30px;
    padding: 30px;
}
.testimonial-col .first-para {
    color: #666666;
    font-style: italic;
    margin-bottom: 10px;
    text-align: left;
}
.testimonial-col:after {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #fff;
    content: "\f10e";
    display: block;
    font-family: "FontAwesome";
    font-size: 15px;
    height: 40px;
    right: 20px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    bottom: 30px;
    width: 40px;
}
.testimonial-name {
    color: #666666;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
}
.testimonial-name span { color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}
/*========================================== 15.TESTIMONIAL END ===========================================*/
/*========================================== 16.NEWS START ===========================================*/

.news-ul {
    display: inline;
    display: inline-table;
}
.news-ul li {
    display: table-cell;
}
.news-ul li:nth-child(1) {
    padding-right: 15px;
    vertical-align: text-top;
}
.news-ul li:nth-child(2) {
    vertical-align: middle;
}
.news-ul p a:hover { color: #FFFFFF;
}
.news-col h4 {
    margin-bottom: 10px;
}
.news-col h4 a {
    color: #333333;
}
.news-ul p { color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.news-ul p a { color: #FFFFFF;
}
.news-img {
    position: relative;
}
.news-date {
    position: absolute;
    top: 0;
    left: 5px;
}
.news-date-bg {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    padding: 10px;
    position: relative;
    clear: both;
}
.news-date p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}
.news-date p a {
    color: #ffffff;
}
div.news-date-bg-1 {
    text-align: center;
    color: #000;
    padding: 10px 9px 10px 10px;
    width: 100%;
}
div.news-date-bg-1:before {
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    bottom: -10px;
    left: 0px;
    content: "";
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgb(0, 80, 116);
}
/*========================================== 16.NEWS START ===========================================*/
/*========================================== 17.HEADING STRIP START ===========================================*/

.strip-padding {
    padding-bottom: 40px;
    padding-top: 40px;
}
.strip .list-ul li:first-child {
    margin-bottom: 0 !important;
}
.list-ul li:nth-child(3),
.list-ul li:nth-child(2),
.list-ul li:nth-child(1) {
    margin-bottom: 20px;
}
.list-div-left,
.list-div-body {
    display: table-cell;
}
.list-div-left {
    padding-right: 20px;
    vertical-align: top;
    width: 60px;
}
.list-div-right {
    width: 100%;
}
.strip-col h3 {
    color: #ffffff;
}
.strip-col p {
    color: #ffffff;
    letter-spacing: 1px;
}
.strip-col .content-li {
    margin-bottom: 0 !important;
}
/*========================================== 17.HEADING STRIP END ===========================================*/
/*========================================== 18.SUBSCRIBE START ===========================================*/

.subscribe-row-1 {
    margin: 0 auto;
    width: 85%;
}
.form1-div input {
    color: #f2f2f2;
    border: 0;
    background-color: rgba(38, 151, 166, 0.9);
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    float: left;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    width: 60%;
}
.form1-div .btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    height: 60px;
}
.form1-div .btn:hover {
    color:#ffffff;
}
#mc_embed_signup {
    clear: left;
}
#mc-embedded-subscribe {
    margin: 0 0 0em 0 !important;
}
#ResultMsg {
    text-align: center;
}
.SuccessMsg {
    color: #33cc33;
}
.FailureMsg {
    color: #ff0000;
}
.messageDiv {
    text-align: center;
    width: 100%;
}
.SuccessMsg,
.FailureMsg,
.sucessMessage,
.failMessage {
    font-size: 13px;
    font-weight: bold;
    display: none;
    margin-top: 10px;
}
.sucessMessage {
    color: Green;
}
.failMessage {
    color: #ff0000;
}
.message > .SuccessMsg {
    color: #000000 !important;
}
.form1-input::-webkit-input-placeholder {
    color: #ffffff;
    text-transform: none;
}
.form1-input::-moz-placeholder {
    color: #ffffff;
    text-transform: none;
}
.form1-input::-moz-placeholder {
    color: #ffffff;
    text-transform: none;
}
.form1-input::-ms-input-placeholder {
    color: #ffffff;
    text-transform: none;
}
.place_error::-webkit-input-placeholder {
    color: #ff0000;
    text-transform: none;
}
.place_error::-moz-placeholder {
    color: #ff0000;
    text-transform: none;
}
.place_error::-moz-placeholder {
    color: #ff0000;
    text-transform: none;
}
.place_error::-ms-input-placeholder {
    color: #ff0000;
    text-transform: none;
}
.subscribe-section h2 {
    margin-bottom: 40px;
    text-align: center;
}
.form1-btn .btn {
    width: 100%;
}
.subscribe-bg {
    background-image: url("../../images/1500x220.jpg");
    position: relative;
}
.subscribe-bg:before {
    background-color: rgba(42, 169, 185, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.subscribe-bg h3 {
    color: #ffffff;
    margin: 13px 0 9px 0;
    text-align: left;
}
.subscribe-bg .form-group {
    margin-bottom: 0;
}
.subscribe-row-2 h4 {
    font-size: 25px;
    line-height: 35px;
    margin-top: 13px;
}
.subscribe-row-2 .col-lg-8 {
    padding-left: 0;
    padding-right: 0;
}
.form3-div input {
    color: #666666;
    border: 1px solid #333333;
    background-color: transparent;
    border-radius: 50px;
    float: left;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.form3-div .btn {
    height: 60px;
}
.form3-div {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.form3-div-1 {
    width: 38%;
}
.form3-div-2 {
    max-width: 100%;
}
.subscribe-div h3 {
    margin-top: 12px;
}
/*========================================== 18.SUBSCRIBE END ===========================================*/
/*========================================== 19.PRICING START ===========================================*/

.price-table1-content li {
    padding: 15px 0;
}
.price-table1-bg {
    border-bottom: 1px solid #2aa9b9;
     border-left: 1px solid #2aa9b9;
      border-right: 1px solid #2aa9b9;
    padding: 30px 0;
}
.price-table1-content p {
    letter-spacing: 1px;
}
.price-table1-price {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 600;
    margin: 20px 0;
}
.pricing1-btn {
    margin-top: 10px;
}
.price-head {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    padding:25px 0 70px 0;
    position: relative;
}
.price-head-1 {
    background-color: #f27935;
    padding:25px 0 70px 0;
    position: relative;
}
.price-title {
    position: relative;
    margin-top: -26px;
}
.price-title h5 {
    background-color: #fff;
    display: inline;
    padding: 5px 10px;
}
.ribbon-4 {
    color: #fff;
    position: relative;
    text-transform: uppercase;
    background: rgb(42, 169, 185);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
    padding: 10px 15px;
    clear: both;
    z-index: 9999;
    top: -28px;
}
.ribbon-4 h4 {
    color: #ffffff;
}
div.top_ribbon {
    text-align: center;
    color: #000;
    padding: 10px 9px 10px 10px;
    width: 75%;
    margin: 0 auto -42px auto;
}
div.top_ribbon:before {
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    top: 0;
    left: -9px;
    content: "";
    border-bottom: 10px solid rgb(42, 169, 185);
    border-left: 10px solid transparent;
}
div.top_ribbon:after {
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    top: 0;
    right: -9px;
    content: "";
    border-bottom: 10px solid rgb(42, 169, 185);
    border-right: 10px solid transparent;
}
.pricing1-btn .btn {
    background-color: transparent;
    border: 2px solid #2aa9b9; color: #FFFFFF;
}
.pricing1-btn .btn:hover {
    background-color: transparent;
    border: 2px solid #333333;
    color: #333333;
}
.month {
    color: #f2f2f2;
    letter-spacing: 1px;
}
/*price table-2*/
.price-title-1 {
    position: relative;
    margin-top: -26px;
}
.price-title-1 h5 {
    background-color: #f7f7f7;
    display: inline;
    padding: 5px 10px;
}

.ribbon {
    color: #fff;
    position: relative;
    text-transform: uppercase;
    background:#f27935;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
    padding: 10px 15px;
    clear: both;
    z-index: 9999;
    top: -28px;
}
.ribbon h4 {
    color: #ffffff;
}
div.top-ribbon-1 {
    text-align: center;
    color: #000;
    padding: 10px 9px 10px 10px;
    width: 75%;
    margin: 0 auto -42px auto;
}
div.top-ribbon-1:before {
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    top: 0;
    left: -9px;
    content: "";
    border-bottom: 10px solid #f27935;
    border-left: 10px solid transparent;
}
div.top-ribbon-1:after {
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    top: 0;
    right: -9px;
    content: "";
    border-bottom: 10px solid #f27935;
    border-right: 10px solid transparent;
}



/*========================================== 19.PRICING END ===========================================*/
/*========================================== 20.TEAM START ===========================================*/

.two-col h4 a {
    color:#333333;
}

.two-col .slogan { color: #FFFFFF;
    font-size:14px;
    font-style:italic;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;    
}

.team-col .team-name { color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}
.team-icon li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.team-icon {
    margin-top: 20px;
}
.team-icon li:nth-child(1) {
    margin-left: 0;
}

.team1-bg {
    background-color:#f7f7f7;
    padding:30px 20px;
}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;  
  border-bottom: 20px solid #f7f7f7;
  text-align:center;
  margin:0 auto;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;  
  border-top: 20px solid #f7f7f7;
  text-align:center;
  margin:0 auto;
}

/*========================================== 20.TEAM END ===========================================*/
/*========================================== 21.GALLERY START ===========================================*/

.gallery-space {
    padding-bottom: 30px;
}
.gallery-section .container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
}
/* GALLERY HOVER */

.gallery-inner {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}
.gallery-inner .gallery-caption {
    position: absolute;
    top: 0;
    padding: 15px;
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.gallery-inner:hover .gallery-caption {
    opacity: 1;
}
.gallery-inner .gallery-caption:before {
    content: '';
    display: block;
    background: rgba(255, 255, 255, 0.8);
    outline-offset: 1px;
    position: absolute;
    width: 40%;
    height: 32%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}
.gallery-inner:hover .gallery-caption:before {
    opacity: 1;
    height: 90%;
    width: 90%;
    outline-offset: 10px;
}
.gallery-caption i { color: #FFFFFF;
    position: relative;
    margin-top: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
    line-height: 25px;
    font-size: 20px;
    font-weight: 400;
}
.item-desc {
    background-color: rgba(255, 255, 255, 0.9); color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 13px;
    right: 14px;
    transition: all 0.4s ease;
}
/* Filter controls */

.filter-options li {  
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-family: 'Ledger', 'serif';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform:uppercase;
     position: relative;
    padding: 1rem 2rem;
    
}
.filter-options li.active { color: #FFFFFF;
}
.filter-options li:hover { color: #FFFFFF;
}
.filter-options li:after {
    background-color: #999999;
    content: "";
    height: 2px;
    position: absolute;
    right: -7px;
    top: 50%;
    width: 8px;
}
.filter-options li:last-child:after {
    background-color: transparent;
}
.filter-options {
    margin-bottom: 30px;
    padding-left: 0;
    text-align: center;
}

.gallery-row-3,
.gallery-row-2 {
    padding-bottom:30px;
}

/*========================================== 21.GALLERY END ===========================================*/
/*========================================== 22.FOOTER START ===========================================*/

.footer-icon li {
    display: inline-block;
    margin: 0 10px 0 0;
}
.footer-icon {
    margin-top: 20px;
}
.footer-address li {
    display: table-cell;
    vertical-align: middle;
}
.footer-address-1 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.footer-div-3 {
    margin-top: 15px;
}
.footer-address p a {
    color: #666666;
}
.footer-address p {
    color: #666666;
    letter-spacing: 1px;
}
.footer-address li:nth-child(1) {
    padding-right: 20px;
}
.footer-address-1 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.links {
    padding-left: 0;
    margin-bottom: 0;
}
.links li {
    float: left;
    margin: 0 0 10px 0;
    position: relative;
    width: 50%;
    list-style: none;
}
.links li a {
    color: #666666;
    letter-spacing: 1px;
}
/*footer form*/

.form-div-2 textarea {
    color: #f2f2f2;
    border: none;
    background-color: #333333;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    width: 100%;
}
.form-div-2 input {
    color: #f2f2f2;
    border: none;
    background-color: #333333;
    border-radius: 0;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.copyright p {
    letter-spacing: 1px;
}
.copyright {
    padding-bottom: 30px;
    padding-top: 30px;
}
.copyright-1 p {
    color: #999999;
}
.footer-section-1 .footer2-address li a {
    color: #dddddd;
    letter-spacing: 1px;
}
.footer-section-1 a,
.footer-section-1 li a,
.footer-section-1 p a,
.footer-section-1 p {
    color: #dddddd;
}
.footer-section-1 h4 {
    color: #f9f9f9;
}
.footer-section-2 .border {
    border: 1px solid #333333;
    width: 50px;
}
.form-row {
    margin-top: 20px;
}
.form-div-2 {
    margin-bottom: 20px;
}
.form-div label,
.form-div-2 label {
font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 0;
}
.social-icon {
/*    margin-top: 30px;*/
}
.social-icon li {
    background-color: #333333;
    border-radius: 50%;
    color: #999999;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    line-height: 45px;
    min-height: 45px;
    min-width: 45px;
    position: relative;
    text-align: center;
    transition-delay: 0s;
    transition-duration: 600ms;
    transition-property: all;
    transition-timing-function: ease;
    margin-left: 5px;
    margin-right: 5px;
}

.social-icon li a{color: #FFF;}
.social-icon li:hover {
     background: #428bca;
    color: #f2f2f2;
}
.social-icon li:first-child {
    margin-left: 0;
}
.form-row .row {
    margin: 0;
}
.footer-col-1 p {
    margin-top: 5px;
}
.footer1-div p a,
.footer1-div p {
    color: #bbbbbb;
    letter-spacing: 1px;
}
.footer1-div h4 {
    color: #cccccc;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.footer1-div h4 a {
     color: #cccccc;
}
.footer-bg {
    background-image: url("../../images/1500x1120.jpg");
}
.social-icon-1 li {
     background-color:#ffffff;
    border-radius: 50%;
    color: #333333;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    line-height: 45px;
    min-height: 45px;
    min-width: 45px;
    position: relative;
    text-align: center;
    transition-delay: 0s;
    transition-duration: 600ms;
    transition-property: all;
    transition-timing-function: ease;
    margin-left: 5px;
    margin-right: 5px;
}
.social-icon-1 li a {
    color: #333333;
}
.social-icon-1 li:hover {
     background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    color: #ffffff;
}
.social-icon-1 li:hover  a{
    color: #ffffff;
}
.social-icon-1 li:first-child {
    margin-left: 0;
}
.social-icon-1 {
    margin-top: 20px;
}
.footer2-address li {
    display: table-cell;
    vertical-align: middle;
}
.footer2-address li:first-child {
    padding-right: 20px;
}
.footer2-address li a {
    color: #666666;
    letter-spacing: 1px;
}
.footer2-address li p {
    letter-spacing: 1px;
}
.footer2-address li .address {
    background-image: url("../../images/32x32x22.png");
    background-position: 0 7px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 50px;
}
.footer2-address li .mail {
    background-image: url("../../images/32x32x23.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    margin-bottom: 15px;
    padding-left: 50px;
}
.footer2-address li .phone {
    background-image: url("../../images/32x32x24.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    margin-bottom: 15px;
    padding-left: 50px;
}
.footer2-address li .phone,
.footer2-address li .mail {
    line-height: 32px;
}
.form2-div {
    margin-top: 12px;
    margin-bottom: 20px;
}
.form2-div input {
    color: #666666;
    border: 1px solid #333333;
    background-color: transparent;
    border-radius: 50px;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.subscribe1-section {
    background-color:rgba(242,242,242,0.7);
    padding: 40px 30px 40px 30px;
}
.subscribe1-section .btn {
    width: 100%;
}
.footer-bg li .address {
    background-image: url("../../images/32x32x29.png");
    background-position: 0 7px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 50px;
}
.footer-bg li .mail {
    background-image: url("../../images/32x32x30.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    margin-bottom: 15px;
    padding-left: 50px;
}
.footer-bg li .phone {
    background-image: url("../../images/32x32x31.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    margin-bottom: 15px;
    padding-left: 50px;
}
.instagram-icon li {    
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
    margin-bottom:10px;
}
.instagram-div {
    background-color:rgba(242,242,242,0.7);
    display:inline-block;
    padding:10px 4px 2px 4px;
}
.footer-row-2 {
    margin-top:40px;
}

/*========================================== 22.FOOTER END ===========================================*/
/*========================================== 23.MEDIA QUERIES START ===========================================*/
@media screen and (max-width: 767px) {
#video-bg{    
    margin: auto;
    width: 100% !important;
    display: block;
}
/*side bar Menu */
    .side-collapse-container {
        width: 100%;
        position: relative;
        left: 0;
        transition: left .4s;
    }
    .side-collapse-container.out {
        left: 200px;
    }
    .side-collapse {
        top: 0;
        bottom: 0;
        left: 0;
        width: 200px;
        position: fixed;
        overflow:auto;
        transition: width .4s;
    }
    .side-collapse.in {
        width: 0;
    }
	
	.about-contain-same .col-sm-6 {
    float: none !important;
    display: block !important;
    width: 100% !important;
    vertical-align: middle;
}
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
    
    .slider-image-rtl .header-content,
    .slider-image1 .header-div-1,
    .slider-image1 .header-content,
    .slider-image2 .header-content,
    .slider-image3 .header-content {
        width: 100%;
    }
    
    .slider-image-rtl,
    .slider-image3,
    .slider-image2,
    .slider-image1 {
        height: 900px;
    }
    .header-strip-col h3 {
        color: #333333;
        float: left;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .header-strip-col .btn {
        float: left;
        max-width: 100%;
    }
    .strip-col-1 {
        padding-top: 20px;
        text-align: left;
    }
    .res-section-space {
        margin-bottom: 30px;
    }
    h1 {
        font-size: 35px !important;
        line-height: 45px;
    }
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .chart-div h4 {
        font-size: 15px;
        text-align: center;
    }
   
    .pie-title-center {
        display: block;
    }
    .chart-1 {
        margin-bottom: 30px;
    }
    .report-ul-1 {
        margin-top: 10px;
    }
    .report-ul li {
        background-position: 0 0 !important;
        display: table;
        height: 32px !important;
    }
    .report {
        margin-top: 0;
    }
    .case-top-space {
        margin-top: 0;
    }    
    .counter-div {
        padding: 0 !important;
        width: 100%;
    }
    #client-logo img {
        margin: 0 auto;
        text-align: center;
    }
    .header-form-col {
        margin: 0 auto;
        width: 80%;
    }
    .header-form-col:before {
        content: "";
        border-color: rgba(255, 255, 255, 0.7) transparent;
        border-style: solid;
        border-width: 0 0 40px;
        top: -40px;
        height: 0;
        left: 103px;
        position: absolute;
        width: 0;
    }
    .header-bgimage-1 {
        min-height: 900px;
    }
    .header-strip-col .btn {
        float: none;
        text-align: center;
    }
    .filter-options li {
        padding: 1rem 1.5rem;
    }
    .preheader-div {
        display: inline-block;
    }
    .preheader-div-1 {
        float: none !important;
    }
    .preheader-right {
        margin-top: 20px;
    }
    .form3-div-1 {
        width: 100%;
    }
    .subscribe-div h3 {
        margin-bottom: 20px;
    }
    .form3-div-2,
    .form3-div-1 {
        padding-left: 0;
        padding-right: 0;
    }
    .form3-div-1 input {
        margin-bottom: 30px;
    }
    .collapse {
        display: inherit;
    }
    .working img {
        margin-bottom: 20px;
    }
    .subscribe-row-2 .col-lg-8 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .subscribe-row-1 h3 {
        margin-bottom: 20px;
    }
    .item-desc {
        display: none;
    }
    .header-div-6 {
        padding-bottom:40px !important;
    }
    .services-space-hide-1 {
        margin-bottom:0 !important;
    }
    .services-space-hide-2 {
        padding-bottom:0;
    }
    .flip-img {
        margin:0 auto;
        text-align:center;
    }
    .subscribe-row-2 h4 {
        margin-bottom:20px;
    }
    .services-icon  {
        position:inherit;
        top:0;
        right:0;
        padding-bottom:20px;
    }
    
    .services-div {
        text-align:center;
    }
    
    .instagram-icon {
        display:flex;
    }
    
    .instagram-icon  li img{
        height:auto;
        width:100%;
    }

    .instagram-div {
        padding-bottom:0;
        padding-top:6px;
    }
    
    .instagram-icon li {
        margin-bottom:6px;
    }
    
.eduaction_image{width: 100%}
.navbar-default .navbar-toggle {
    background-color: #000;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}   
}
@media only screen and (min-width: 250px) and (max-width: 599px) {
    .footer-row-2 .col-xs-6,
    .footer-section-2  .col-xs-6{
        width:100%;
    }
}
@media only screen and (min-width: 250px) and (max-width: 400px) {
    .preheader-div {
        float: none;
        display: table;
    }
    .preheader-div-1 {
        margin-left: 0;
        margin-top: 20px;
    }
}
@media only screen and (min-width: 250px) and (max-width: 991px) {
    .navbar-right.nav {
        padding-bottom: 0 !important;
    }
    .section-space {
        margin-bottom: 30px;
    }
    .business3-padding {
        padding-bottom: 80px;
        padding-top: 20px;
    }
    .faq-image,
    .video-bgimage,
    .business3-bgimage {
        position: relative;
        width: 100%;
    }
    .nav {
        float: none;
        margin: 0 auto;
        display: table;
        padding-bottom: 20px;
    }
    .section-respadding {
        padding-bottom: 30px;
    }
    
    .skill-image-rtl,
    .skill-image-1 {
        position: relative;
        width: 100%;
    }
    .skill-image-2 {
        width: 100%;
    }
    .testimonial-col img {
        padding-bottom: 20px;
    }
    .header-div-6 {
        padding-bottom: 120px;
        padding-top: 0px;
    }
}
@media only screen and (min-width: 250px) and (max-width: 479px) {
    .onecolumn-res {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .onecolumn-res img {
        margin: 0 auto;
    }
    .onecolumn-res-space {
        padding-bottom: 30px;
    }
    .counter-div {
        width: 100%;
        padding: 20px 10px;
    }
    .counter-div-1 {
        width: 100%;
    }
    .strip-row {
        width: 100%;
        text-align: left !important;
    }
    .strip-col p,
    .strip-col h3 {
        text-align: left !important;
    }
    
    .pt-3col-row  .price-inner {
        margin:0 auto;
        width:85%;
    }
    .team-col-1 {
        margin: 0 auto;
        width: 100%;
    }
    #owl-demo1.owl-theme .owl-controls {
        left: 40%;
    }
    .form1-div input {
        border-radius: 50px;
        margin-bottom: 30px;
        width: 100%;
    }
    .form1-div .btn {
        border-radius: 50px;
    }
    .counter-value {
        font-size: 18px;
        height: 60px;
        line-height: 50px;
        width: 60px;
    }
    .counter-title {
        font-size: 12px;
    }
    .counter-div {
        top: 265px;
    }   
}
@media only screen and (min-width: 550px) and (max-width: 600px) {
    .slider-image1 {
        padding-bottom: 250px;
        padding-top: 250px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 520px) {
    
    .slider-image-rtl,
    .slider-image1,
    .slider-image3,
    .slider-image2 {
        padding-bottom: 250px;
        padding-top: 250px;
    }
     .skill-image-2 {
        height: 760px;
    }
    .testimonial-col {
        margin-left:0;
        margin-right;0;
    }

}
@media only screen and (min-width: 521px) and (max-width: 767px) {
     .skill-image-2 {
        height:690px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .services-div {
        margin: 0 auto;
        width: 360px;
    }
    .form1-div input {
        width: 50%;
    }
    .flip .back {
        margin:0 auto;
       width:370px !important;
    }
    .flip.flip-last {
        margin-bottom:0 !important;
    }
    .price-inner-1 {
        margin:0 auto;
        width:360px;
    }
    .pt-3col-row  .price-inner {
        margin:0 auto;
        width:360px;
    }
    
}
@media only screen and (min-width: 361px) and (max-width: 479px) {
    .flip .back {
        margin:0 auto;
       width:350px !important;
      
    }
    
    .flip.flip-last {
        margin-bottom:0 !important;
    }
    .price-inner-1 {
        margin:0 auto;
        width:90% !important;
    }
    .filter-options li {
        padding-left:20px;
        padding-right:20px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 360px) {
    .flip .back {
        margin:0 auto;
       width:100% !important;
       padding:10px;
    }
    .flip.flip-last {
        margin-bottom:0 !important;
    }   
    .chart-title {
        font-size:14px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 599px) {
    .price-space-2 {
        margin-top: 40px;
    }
    .three-col,
    .price-table1-col {
        width: 100%;
    }
    .price-inner {
        margin: 0 auto;
        width: 280px;
    }
    .flip {
        margin: 0 auto;
        width: 100%;
    }
    .front img {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (min-width:300px) and (max-width: 539px) {
    .team-col {
        margin:0 auto;
        width:100%;
    }
    
    .team-col-1 {
        margin:0 auto;
        text-align:center;
        width:80%;
    }
    
    .team-col-1 img {
        margin:0 auto;
    }
    
    .team-space-2 {
        padding-bottom:45px;
    }
    
    /*swapping top and bottom div*/
    #wrapper { 
      display: flex; 
      /* Optional, if you want the DIVs 100% width: */ 
      flex-direction: column;
    }
    #wrapper > #top { order: 2; }
    #wrapper > #bottom { order: 1; }

    .arrow-up,
    .arrow-down {
        display:none;
    }
    .image-top-space {
        padding-bottom:30px;
        padding-top:0;
    }

}

@media only screen and (min-width:540px) and (max-width: 767px) {
    .team-space-1 {
        padding-bottom:40px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .price-space-1 {
        margin-top: 40px;
    }
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
    .flip {
        margin-bottom: 30px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-column-img img {
        padding-bottom: 20px;
    }
    .single-column-img,
    .single-column-res {
        margin: 0 auto;
        width: 100%;
    }
    .single-column-res-pull {
        margin: 0 auto;
        width: 100%;
        right: 0;
    }
    .single-column-res-push,
    .col-sm-push-6.col-sm-6.business2-col {
        margin: 0 auto;
        width: 100%;
        left: 0;
    }
    .services-top-space {
        margin-top: 0;
    }
    .navbar-right.icon-header {
        display: none;
    }
    .nav > li > a {
        display: block;
        position: relative;
    }
    .navbar-nav {
        padding-bottom: 0;
    }
    .slider-image1 .header-content,
    .slider-image1 {
        width: 100%;
    }
    .header-padding {
        padding-top: 150px;
    }
    .header-div-2 {
        padding-top: 0px;
    }
    .business2-col {
        padding-left: 15px;
        padding-right: 15px;
    }
    .res-section-space-1 {
        margin-bottom: 30px;
    }
    .social-icon li {
        margin-left: 4px;
        margin-right: 4px;
    }
    .form1-div input {
        width: 50%;
    }
    .chart-div h4 {
        font-size: 15px;
        text-align: center;
    }
    .pie-title-center {
        display: block;
    }
    .case-top-space {
        margin-top: 0;
    }
    .item-desc {
        display: none;
    }
    .header-form-col {
        width: 55%;
    }
    
    .slider-image-rtl,
    .slider-image3,
    .slider-image2,
    .slider-image1 {
        height: 800px;
    }
    .header-strip-col .btn,
    .strip-col-1 {
        margin-top: 15px;
    }
    .services-bg-res-1 {
        background-color: transparent;
    }
    .services-bg-res-1:hover {
        background-color: #ffffff;
    }
    .services-bg-res-2 {
        background-color: #ffffff;
        position: relative;
    }
    .services-bg-res-2:hover {
         background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    }
     .services-bg-res-2:hover .services-icon-1,
     .services-bg-res-2:hover .readmore,
    .services-bg-res-2:hover p,
    .services-bg-res-2:hover h4 {
        color: #ffffff;
    }
    .services-bg-res-1:hover .readmore { color: #FFFFFF;
        ;
    }
    .services-bg-res-1:hover p {
        color: #666666;
    }
    .services-bg-res-1:hover h4 {
        color: #333333;
    }
    .services-bg-res-1:hover .services-icon-1 {
        color: #333333;
    }
    .subscribe-row-1 {
        width: 100%;
    }
    .subscribe-row-1 .form1-div {
        margin-top: 30px;
    }
    .services-space-hide {
        margin-bottom: 0;
    }
    .skill-image-2 {
        height: 482px;
    }
    .header-strip-col h3 {
        max-width: 70%;
    }
    .header-strip-col .btn,
    .strip-col-1 {
        max-width: 30%;
    }
    .team-space-1 {
        padding-bottom:40px;
    }
    .instagram-icon li {
        margin-left:6px;
        margin-right:6px;
    }
    .instagram-div {
        display:block;
        margin:0 auto;
        width:82%;
    }
    
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   
   .slider-image-rtl .header-content,
   .slider-image3 .header-content,
    .slider-image2 .header-content {
        width: 90%;
    }
    .form1-div input {
        width: 50%;
    }
    .subscribe-div h3 {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .form3-div-1 {
        width: 40%;
    }
    .flip .back {
        padding: 10px;
    }
   /* .header-form-col:before {
        content: "";
        border-color: rgba(255, 255, 255, 0.7) transparent;
        border-style: solid;
        border-width: 0 170px 40px;
        top: -40px;
        height: 0;
        left: 0;
        position: absolute;
        width: 0;
    }*/
    #demo-pie-4 > canvas,
    #demo-pie-3 > canvas,
    #demo-pie-2 > canvas,
    #demo-pie-1 > canvas {
        height: 80px;
        width: 80px;
    }
    
    .slider-image-rtl,
    .slider-image3,
    .slider-image2,
    .slider-image1 {
        height: 750px;
    }
    .header-strip-col h3 {
        max-width: 70%;
    }
    .header-strip-col .btn,
    .strip-col-1 {
        max-width: 30%;
    }
    .header-strip-col .btn,
    .strip-col-1 {
        margin-top: 15px;
    }
    .subscribe-row-2 h4 {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .subscribe-row-1 {
        width: 100%;
    }
    .subscribe1-section .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .footer1-div .list-div-left {
        max-width: 60px;
    }
    .footer-row-2 .col-md-6,
    .footer-section-2 .col-md-3 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .business3-padding {
        padding-bottom: 44px;
        padding-top: 44px;
    }
    .services-icon {
        right: 10px;
    }
    .testimonial-col img {
        width: 100%;
        height: auto;
    }
    .services-div h4 {
        font-size:18px;
    }
    .team-icon li {
        margin-right:4px;
    }   
    .about-col,
    .report {
        margin-top:0px;
    }
    .social-icon-1 li {
        margin-right:0;
    }
    .instagram-div {
        display:block;
        margin:0 auto;
        width:83%;
    }
    
}
@media only screen and (min-width: 300px) and (max-width: 350px) {
    .custom-control button.active:after {
        left: 30px;
        right: 0;
    }
}
@media only screen and (min-width: 351px) and (max-width: 400px) {
    .custom-control button.active:after {
        left: 40px;
        right: 0;
    }
}
@media only screen and (min-width: 401px) and (max-width: 430px) {
    .custom-control button.active:after {
        left: 50px;
        right: 0;
    }
}
@media only screen and (min-width: 431px) and (max-width: 470px) {
    .custom-control button.active:after {
        left: 50px;
        right: 0;
    }
}
@media only screen and (min-width: 471px) and (max-width: 510px) {
    .custom-control button.active:after {
        left: 60px;
        right: 0;
    }
}
@media only screen and (min-width: 511px) and (max-width: 540px) {
    .custom-control button.active:after {
        left: 70px;
        right: 0;
    }
}
@media only screen and (min-width: 541px) and (max-width: 570px) {
    .custom-control button.active:after {
        left: 70px;
        right: 0;
    }
}
@media only screen and (min-width: 571px) and (max-width: 600px) {
    .custom-control button.active:after {
        left: 70px;
        right: 0;
    }
}
@media only screen and (min-width: 601px) and (max-width: 620px) {
    .custom-control button.active:after {
        left: 70px;
        right: 0;
    }
}
@media only screen and (min-width: 621px) and (max-width: 670px) {
    .custom-control button.active:after {
        left: 80px;
        right: 0;
    }
}
@media only screen and (min-width: 671px) and (max-width: 710px) {
    .custom-control button.active:after {
        left: 90px;
        right: 0;
    }
}
@media only screen and (min-width: 711px) and (max-width: 750px) {
    .custom-control button.active:after {
        left: 100px;
        right: 0;
    }
}
@media only screen and (min-width: 751px) and (max-width: 767px) {
    .custom-control button.active:after {
        left: 100px;
        right: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 810px) {
    .custom-control button.active:after {
        left: 100px;
        right: 0;
    }
}
@media only screen and (min-width: 811px) and (max-width: 870px) {
    .custom-control button.active:after {
        left: 110px;
        right: 0;
    }
}
@media only screen and (min-width: 871px) and (max-width: 900px) {
    .custom-control button.active:after {
        left: 130px;
        right: 0;
    }
}
@media only screen and (min-width: 901px) and (max-width: 950px) {
    .custom-control button.active:after {
        left: 140px;
        right: 0;
    }
}
@media only screen and (min-width: 951px) and (max-width: 991px) {
    .custom-control button.active:after {
        left: 120px;
        right: 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1130px) {
    .custom-control button.active:after {
        left: 150px;
        right: 0;
    }
}
@media only screen and (min-width: 1131px) and (max-width: 1210px) {
    .custom-control button.active:after {
        left: 160px;
        right: 0;
    }
}
@media only screen and (min-width: 1211px) and (max-width: 1250px) {
    .custom-control button.active:after {
        left: 170px;
        right: 0;
    }
}
@media only screen and (min-width: 1501px) and (max-width: 1700px) {
    .custom-control button.active:after {
        left: 200px;
        right: 0;
    }
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
    .custom-control button.active:after {
        left: 250px;
        right: 0;
    }
}
@media only screen and (min-width: 1801px) and (max-width: 1920px) {
    .custom-control button.active:after {
        left: 300px;
        right: 0;
    }
}
@media only screen and (min-width: 1920px) and (max-width: 1940px) {
    .embed-responsive-16by9 {
        padding-bottom: 52.80%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 2000px) {
    .side-menu-icon {
        display:none;
    }
}

/*========================================== 23.MEDIA QUERIES END ===========================================*/


nav{
    display:block !important;
    opacity:1 !important;
}




.dn-diamond {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #000;
  transform: rotate(-45deg);
  margin: 50px;
  overflow: hidden;
}

.dn-diamond:hover {
  animation: spin 3s infinite linear;
}

@keyframes spin {
  from { 
    transform: rotateY(0deg) rotate(-45deg); 
  }
  to {
    transform: rotateY(360deg) rotate(-45deg); 
  }
}

nav{
    background:none !important;
    box-shadow:none !important;
    }
#top-nav.navbar-default{ box-shadow:none !important  }  

/*.form-section {
    margin-top: 55px;
}*/
/*header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
    position: absolute;
    right: 0;
}*/

.checkbox-style input{
    float: left;
    margin-right: 9px;
    margin-top: -8px;
    vertical-align: middle;
    width:auto;
    }
.checkbox-style input:focus{border:none !important} 
.checkbox-style {
    color:#75d3c5   
        }
        
.overlay {
    background-image: -moz-linear-gradient(-29deg, rgb(193, 15, 65) 0%, rgb(35, 59, 136) 100%);
    bottom: 0;
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 0;
}       

.modal-content {
    background-clip: padding-box;
    background-color: #efefef !important;
}

.modal-dialog {
    margin: 30px auto;
    position: relative;
    width: 600px;
}

body.modal-open {
    padding: 0 !important;
}

#home .heading-div-1.text-center {
    bottom: 42px;
    left: 0;
    position: absolute;
    right: 0;
}

#home .heading-div-1 h2 {
    font-size: 50px !important;
    text-transform: uppercase;
}

#home {
    position: relative;
}

#home .heading-div-1 .fa.fa-angle-double-down {
 color: #fff;
    font-size: 69px;
    margin-top: -20px;
    text-shadow: 0 2px 5px #000;
}

.arrow {
  position:absolute;
  bottom: 0;
  left: 50%;
  margin-left:-20px;
  cursor:pointer;
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
    

/**************/

#boxgallery .panel {
    border: medium none;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    background: none !important
}

.img-responsive{
    width: 100%
}

.navbar {
    margin: 8px 0 8px !important;
}

.bg-dark-gray { background: #252525 !important;}
.bg-info-dark {background: #f8f8f8;border:0 !important;}
.bg-info-dark .panel-body{padding: 0 15px;}
.bg-info-dark .form-group{margin-bottom: 10px;}
.bg-info-dark .form-group input, .bg-info-dark .form-group button.btn.btn-primary.radius-flat {border-radius: 0 !important}


.engagement-inner#product img {
    height: 250px;
    object-fit: contain;
    width: 100%;
    padding: 13px;
}

ul.es-metals {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 88%;
    display: table;
    margin: 0 auto;
}


ul.es-metals li {
    display: inline-block;
    width: 145px;
    text-align: center;
    text-transform: uppercase;
    display: table-cell;
}

ul.es-metals li a{
    color: #333
}

ul.es-metals li div.metal-image {
    display: block;
    width: 55px;
    height: 55px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    background-image: url(../images/metal.svg);
}

ul.es-metals li div.metal-image.wg14 {
    background-position: -578px -138px;
}

ul.es-metals li div.metal-image.wg {
    background-position: -723px -138px;
}

ul.es-metals li div.metal-image.yg14 {
    background-position: -368px -138px;
}

ul.es-metals li div.metal-image.yg {
    background-position: -577px -284px;
}


ul.es-metals li div.metal-image.pl {
    background-position: -724px -284px;
}

ul.es-metals li div.metal-image.rg {
    background-position: -368px -284px;
}

ul.es-metals li span {
    width: 154px;
    display: block;
    margin: 0 auto;
}
.WideBody li span {
    font-family: inherit !important;
}
.WideBody span {
    font-weight: normal !important;
}

/* Testtimonial Css */

.testimonial-container {
    background-color: rgba(245, 245, 245, 1);
    width: 100%;
}

.cd-testimonials-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background-color: rgba(245, 245, 245, 1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 100px 0px 40px;
    z-index: 1;
}

.cd-testimonials-wrapper h2 {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 60px;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) {
    .cd-testimonials-wrapper {
        padding: 170px 0px 60px;
    }
    .cd-testimonials-wrapper h2 {
        text-align: center;
        position: absolute;
        width: 100%;
        top: 100px;
        margin: 0 auto;
    }
}

.testimonial-content {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto 30px auto;
}

.cd-testimonials {
    color: rgba(130, 132, 139, 1);
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.cd-testimonials > li {
    position: absolute;
    opacity: 0;
}

.cd-testimonials > li:first-child {
    position: relative;
    opacity: 1;
}

.testimonial-content p {
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 1em;
    padding: 0 14px;
}

@media (min-width:2000px) and (max-width: 6000px){
    .product-options_desc {
    font-size: 16px;
    line-height: 33px;
}
}

@media only screen and (min-width: 768px) {
    .testimonial-content p {
        font-size: 17px;
        color:#333;
        font-family:'Ledger', 'serif'
    }
}

@media only screen and (min-width: 1170px) {
    .testimonial-content p {
        font-size: 17px;
        color:#333;
        font-family:'Ledger', 'serif'
    }
}

.cd-author-info span p {
    display: inline-block;
    font-size: 14px;
    padding-left: 0;
}

.cd-author-info span p a {
    color: rgba(126, 129, 136, 1);
}

.cd-author img,
.cd-author .cd-author-info {
    display: inline-block;
    vertical-align: top;
}

.cd-author img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 5px;
}

.cd-author .cd-author-info {
    text-align: left;
    line-height: 1
}

.cd-author .cd-author-info li:first-child {
    font-size: 14px;
    margin-top: 4px;
}

.cd-author .cd-author-info li:last-child {
    font-size: 12px;
    color: #6b6b70;
}

ul.cd-author-info {
    list-style: none;
}

ul.cd-author-info li span:before {
    font-family: 'FontAwesome';
    content: '\f099';
    font-size: 24px;
    display: inline-block;
    position: absolute;
    margin-top: 2px;
    font-style: normal;
    margin-left: -30px;
}

ul.cd-author-info li span {
    font-size: 14px;
    padding-left: 30px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 300;
}

.cd-testimonials-wrapper ul.flex-direction-nav{display: none;}

@media only screen and (min-width: 768px) {
    .cd-author img {
        width: 58px;
        height: 58px;
    }
    .cd-author .cd-author-info {
        line-height: 1.4;
    }
    .cd-author .cd-author-info li:first-child {
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 50px;
    height: 100%;
    margin: 0px 0 0;
    position: absolute;
    z-index: 9999;
    top: 0;
    overflow: hidden;
    opacity: 1;
    background: rgba(245, 245, 245, 1);
    cursor: pointer;
    color: rgba(255, 255, 255, .5);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
    font-size: 40px;
    content: url('https://dl.dropboxusercontent.com/u/97609687/codepen/chevronleft.svg');
    position: absolute;
    display: block;
    top: 50%;
    padding: 14px 10px 14px 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.flex-direction-nav a.flex-next:before {
    content: url('https://dl.dropboxusercontent.com/u/97609687/codepen/chevronright.svg');
    padding: 14px 20px 14px 10px;
}

.flex-direction-nav .flex-prev {
    left: 0px;
}

.flex-direction-nav .flex-next {
    right: 0px;
    text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-control-paging li a {
    width: 6px;
    height: 6px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(2, 23, 31, 1);
    cursor: default;
}

.flex-control-nav {
    bottom: 30px;
    position: absolute;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

.flex-control-nav li {
    display: inline-block;
    padding: 0px 5px 0px 5px;
}

@media screen and (max-width: 767px) {

    .position-border:after { border: 0 !important;content: none;}
    .flex-direction-nav a {
        width: 30px;
    }
    .flex-direction-nav a:before {
        visibility: hidden;
    }
    .flex-direction-nav a:before {
        padding: 14px 0px 10px 0px;
    }
    .flex-direction-nav .flex-prev {
        left: 0px;
    }
    .flex-direction-nav .flex-next {
        right: 0px;
        text-align: right;
    }
    .flexslider:hover .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0px;
    }
    .flexslider:hover .flex-direction-nav .flex-prev:hover {
        opacity: 1;
    }
    .flexslider:hover .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0px;
    }
    .flex-direction-nav {
        visibility: hidden;
    }

}


/* Credit Card Page*/

ul.content-list{
    padding-left: 10px !important;
    margin-top: 20px;
}

.content-list li {
    display: block;
    line-height: 33px;
}

.content-list li i{
    padding-right:10px;
}

 .credit-image-list{
    text-align: center;
    display: block;
    margin: auto;
    width: 60%;
}

/* Pricing Page */
.price-table-wrapper {
  font-family: 'Lato', sans-serif;
  text-align: center;
  margin-top: 30px;
}
.price-table-wrapper .featured-table {
  box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.36);
}
.price-table-wrapper .pricing-table {
  display: inline-block;
  border: 1px solid #C8C8C8;
  border-radius: 10px;
  background: white;
  margin: 20px;
  transition: all 0.3s ease-in-out;
}
.price-table-wrapper .pricing-table__header {
  padding: 20px;
  font-size: 20px;
  color: #909090;
  background: #E0E0E0;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.price-table-wrapper .pricing-table__price {
  color: #428bca;
  padding: 20px;
  margin: auto;
  font-size: 20px;
  font-weight: 500;
}
.price-table-wrapper .pricing-table__button {
  display: block;
  background: #428bca;
  text-decoration: none;
  padding: 20px;
  color: white;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.price-table-wrapper .pricing-table__button:before {
  position: absolute;
  left: -20%;
  top: -10%;
  content: '';
  width: 60%;
  height: 220%;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  background: white;
  opacity: .3;
  transition: all 0.3s ease-in-out;
}
.price-table-wrapper .pricing-table__button:after {
  position: absolute;
  content: '>';
  top: 0;
  right: 0;
  font-size: 25px;
  padding: 15px;
  padding-right: 40px;
  color: white;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.price-table-wrapper .pricing-table__button:hover {
  background: black;
}
.price-table-wrapper .pricing-table__list {
  padding: 20px;
  color: #A0A0A0;
}
.price-table-wrapper .pricing-table__list li {
  padding: 15px;
  border-bottom: 1px solid #C8C8C8;
  display: block;
}
.price-table-wrapper .pricing-table__list li:last-child {
  border: none;
}
.price-table-wrapper .pricing-table:hover {
  box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.36);
}
.price-table-wrapper .pricing-table:hover .pricing-table__button {
  padding-left: 0;
  padding-right: 35px;
}
.price-table-wrapper .pricing-table:hover .pricing-table__button:before {
  top: -80%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  width: 100%;
}
.price-table-wrapper .pricing-table:hover .pricing-table__button:after {
  opacity: 1;
  padding-right: 15px;
}
.custom-menu-bg{background: #428bca;padding: 4px;border-radius: 12px;}
#breadcrumb a{color: #428bca}

@media (min-width: 768px) and (max-width: 1024px){
    .logo-image:before{left: 0}
    .logo-image:after{right: 0}
    .product-image img {height: 150px;padding: 14px;}
    .category-title .card-title a{font-size: 15px;line-height: 23px;}
    .brl-loose-diamonds li{margin-right: 12px;width: 62px;}
    .need-help .border-left{border: 0 !important;padding-left: 0;}
    .col-sm-3.col-md-3.col-lg-3.col-xs-6.product-col.product-space {padding-left: 5px;padding-right: 5px;}
    span.googlepluslogin {margin-top: 10px;display: block;}
    a .product-bg:hover{position: inherit;}
    .product-bg {min-height: 180px;}
    .dataTables_scrollBody{height: 450px !important}
    .category-title h4.card-title {font-size: 23px;}
}

@media (max-width: 767px) {
    .custom-dheight .col-md-3.col-sm-6.col-xs-12.product-col.product-space.item.position-relative.product-overlay {
    min-height:auto !important;
}
span.googlepluslogin {margin-top: 10px;display: block;}
.need-help .border-left{border: 0 !important;padding-left: 0;}
body{overflow-x: hidden;}
/*.navbar-toggler.collapsed{background: #000 url('../images/menu-icon.png');outline: 0;border: 0;width: 22px;height: 2px;padding: 10px 16px;position: relative;
background-size: contain;float: right;margin-top: -16px}*/
.navbar-toggler {
    position: relative;
    float: right;
    padding: 11px 10px;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
}
.navbar-default .navbar-toggler {
    background-color: #000;
}
.navbar-default .navbar-toggler {
    border-color: #ddd;
}
.category-title h4.card-title {font-size: 16px;}
/*.navbar-toggler {position: absolute !important;right: 15px;top:30px;z-index: 999}
*/header .login ul.nav.navbar-nav{margin: 0 !important;}
.collapse {display: none;}
.collapse.in {overflow-y:visible;display: block;}
.logo-image:before, .logo-image:after{content: none;}
.collapsed {opacity: 1 !important;}
.product-image img{padding: 0px;height:auto;width: 100%;display: block;margin: auto;}
.product-bg{margin-bottom: 10px;}
.brl-loose-diamonds li{width: 45%}
#navbarColor01{background:#333; margin-top:30%; }
.topbar.navbar-default #navbarColor01{text-align: left;}
#navbarColor01 .dropdown-menu{position: relative !important;}
.mobile-remove{display: none;}
.navbar-default .navbar-nav > .open > a{background: rgba(27,22,28,.93); color: #FFF !important}
.category-title .card-title a{font-size: 15px;line-height: 16px !important;}
.brl-loose-diamonds li{margin-bottom: 25px;}
.cd-testimonials-wrapper h2{top: 40px;}
#footer .column-divide{width: 100%;float: none;display: block;}
.footer-copyright{text-align: center;}
#top-filter-jewelry .col-lg-3 {width: auto !important; margin: auto;display: block;}
body .narrow-content{padding-left: 15px !important;padding-right: 15px !important;}
.quick-buy{bottom: 0;}
.price--withoutTax{font-size: 15px;}
.fixed-height {
    height: 37px !important;
    overflow: hidden;
}
.card-title {
    font-size: 14px;
    line-height: 18px;
}
.col-md-4.col-sm-6.col-xs-6.product-col.product-space.item.position-relative.product-overlay{height: 400px;}
.product-options_header h3 {font-size: 13px !important;line-height: 25px;}
body .product-gallery_preview a{width: 25% !important}
.slider-products h3.title{font-size: 14px !important;}
.product-gallery.vertical-pager1 ul {padding: 0;}
#description h4{font-size: 17px !important;}
#product .row.margin-35{margin-bottom: 0}
.footer-copyright .social-icon{padding: 0}
.tps_diamond_shapes li{width: 20% !important}
.tps_filter {
    width: 100% !important;
    border-right: 0 !important;
    padding: 6px 6px 17px 0 !important;
    height: auto !important;
}
.my-tooltip.my-dropdown {
    width: 13% !important;
}
#myModal.onload-popup .modal-dialog .modal-content, .modal-dialog{width: 100% !important;max-width: 100% !important}
.modal-dialog .pop-image{display: none;}
.pop-design p{padding: 0 30px;}
.pop-design .group_input {margin: 50px 0 0 10px;}
.pop-design input#txtSubscribeEmail{width: 183px}
#top-filter-jewelry .checkbox input[type="checkbox"]{margin-left: 9px !important;}
body #top-filter-jewelry input[type=radio] {margin: 4px 7px 0px 12px !important;}
.remove-mobile{display: none !important;}
#top-filter-jewelry button.dropdown-toggle{width: auto !important;}
/*.login-center .login-search{margin: auto;display: table;}*/
.products-cat #add_data .col-md-3.col-sm-6.col-xs-12.product-col.product-space.item.position-relative.product-overlay {
    border:1px solid #E7E7E7;
    margin-bottom: 28px;
    background:#FFF; 
}
.txtsearch {
    width: 250px;}
.product-bg.new-product-bg {border:1px solid #E7E7E7;}
.product-bg{border:0;}
.product-price.font-additional.font-weight-normal.customColor{font-size: 19px !important;}
.narrow-content .bullet-list > li, #tabsPanel .bullet-list > li{white-space: pre-line;}
.dataTables_scrollBody{height: 300px !important}
.starSeparatorBox.clearfix.text-center{width: 100%; overflow:scroll;}
.diamond.column.labels{display: table-cell;}
.login-search li{padding: 0}   
.login-search.pull-right {float: none !important;margin: auto;display: table;} 
.login-center .login-search li {
    display: block;/*
    width: 100%;*/
}
.search_btn{top: 17px !important;}
.login-center .login-search li:first-child{display: table; margin:auto;}
.login-center .login-search li:nth-child(2) {display: none;}
.top-search input[type="search"]{width: 100%;margin-top: 10px;box-sizing: border-box;}

}
@media (min-width:320px) and (max-width: 499px){
    a .product-bg.new-product-bg:hover{position: inherit;}
    .product-bg.new-product-bg {min-height: 150px;}
    .col-md-3.col-sm-6.col-xs-12.product-col.product-space.item.position-relative.product-overlay{width: 100%;}
    .new-product-bg  .product-image img{height:auto;width: 77%;display: block;margin: auto;}
    .new-product-bg  .owl-carousel .owl-item img{padding: 0px;height:auto;width: 77% !important;display: block;margin: auto;}
    .product-image img{height:auto;width: 100%;display: block;margin: auto;}
    .owl-carousel .owl-item img{padding: 0px;height:auto;width: 40% !important;display: block;margin: auto;}
    #tps_diamond_shapes .text_shape{font-size: 11px;}
    .narrow-content .bullet-list > li, #tabsPanel .bullet-list > li{width: 100% !important;}

}

@media (min-width:500px) and (max-width: 767px){
    a .product-bg:hover{position: inherit;}
    .product-bg {min-height: 180px;}
    .col-md-3.col-sm-6.col-xs-12.product-col.product-space.item.position-relative.product-overlay{width: 50%;}
    .product-image img{padding: 0px;height:auto;width: 50%;display: block;margin: auto;min-height: 150px;}
    .owl-carousel .owl-item img{padding: 0px;height:auto;width: 40% !important;display: block;margin: auto;}
}

.collapsed {opacity: 0;}
.panel-info {border-color: #EEE !important;}
.text-red{color: red !important}
.ws_effect.ws_basic_linear + div {display: none !important;}
.need-help h4 {font-size: 16px;}
.need-help .border-left {border-left:1px solid #DDD }
.item .product-item_footer {color: #333}
.modal-header{background: #333 !important;}
.modal-header .close {
    color: #FFF !important;
    opacity: 1 !important;
    display: block;
    width: 30px;
    height: 30px;
    z-index: 101;
    position: absolute;
    right: 10px;
    top: 20px;
}
.slider-products .card-title {font-size: 14px !important;line-height: 20px !important;}
.owl-carousel .owl-nav button span{font-size: 35px;color: #666}
.owl-prev, .owl-next{margin:5px; }
.slider-products .price--withoutTax{font-size: 18px;margin-top: 8px !important;display: block;}
.width-custom {
    min-width: 250px !important;
    margin: auto;
    right: 0;
    left: 0;
    max-width: 250px;
}

.highlight-button-orange{border: 2px solid #428bca;
    background-color: #428bca;}
.highlight-button-orange i{color: #FFF !important}    
.fixed-height{    height: 62px;overflow: hidden;}
.price-section.price-section--withoutTax span {
    display: inline-block;
}
.highlight-button-dark:hover {
    background: #428bca;
    border-color: #428bca;
}


@media (min-width:1025px) and (max-width: 1366px){
    .dataTables_scrollBody{height: 500px !important}

}


@media (min-width:768px) and (max-width: 992px){
    
    .logo-image img.img-responsive {width: 327px;}
    .logo-image::before, .logo-image::after {top: 25px}
    .product-bg{border: 0}
.products-cat #add_data .col-md-3.col-sm-6.col-xs-12.product-col.product-space.item.position-relative.product-overlay {
    border: 1px solid #E7E7E7;
    margin-bottom: 28px;
    background: #FFF;
}
.product-image img{padding: 0}

}

.full-screen-width{display: block;padding: 0;margin-bottom: 12px;width: 149px;}
.custom-dheight .col-md-3.col-sm-6.col-xs-12.product-col.product-space.item.position-relative.product-overlay {
    min-height: 304px;
}
.position-border:after{
    position: absolute;
    content: '';
    right: 25px;
    border-right: 1px solid #CCC;
    width: 2px;
    height: 270px;
    top: 0;
}


.position-border:last-child:after, .position-border2:last-child:after{
    content: none;
}

.position-border2:after{
    position: absolute;
    content: '';
    right: 8px;
    border-right: 1px solid #CCC;
    width: 2px;
    height: 140px;
    top: 0;
}
.starSeparatorBox.clearfix.text-center{width: 100%; overflow-x:scroll;}
.diamond.column.labels{display: table-cell;}
ul.login-search ul.dropdown-menu {
    top: auto !important;
    margin-top: 3px;
}

.footer-sponser .credit-image-list {
    text-align: center;
    display: block;
    margin: auto;
    width: 90%;
}

ul.footer-sponser li {
    display: table-cell;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-submenu .dropdown-menu.mega-dropdown-menu.row.width-custom{ display: none !important ;}

.dropdown-submenu:hover .dropdown-menu.mega-dropdown-menu.row.width-custom{display: block !important;}

.ws_effect.ws_fade + div a {
    font-size: 0 !important;
    padding: 0 !important;
}

.form-design input {
    background: #FFF;
    padding: 16px 8px !important;
    min-height: 42px;
}

.form-design input[type=checkbox]{min-height: auto}
.form-design input:-webkit-autofill, .form-design textarea:-webkit-autofill, .form-designselect:-webkit-autofill{
    background-color: #FFF !important
}
.brl-loose-diamonds img {
    width: 100px;
}

.about-contain-same .col-sm-6 {
    float: none !important;
    display: inline-block;
    width: 49%;
    vertical-align: middle;
}

#video-bg{    margin: auto;
    width: 50%;
    display: block;}


    /*.video{display: table;
    clear: both;
    width: 100%;}
#video-bg{
    width: 100%;
    display: block;}*/


/*Lightbox*/


.wish-list-view .product-grid .pr-i img{width: 100%;height: 222px;object-fit: contain;}

/* -------------------------admin header style css */