@charset "utf-8";

/* ----------------------------------

Name: style.css
Version: 1.0

----------------------------------

Table of Contents
        
    01. Navbar
    02. Header
    03. Hero Section
    04. Slider
    05. Feature Box 
    06. Pricing Table
    07. Footer
	08. Button
   

*/


/* ===================================
    Navbar
====================================== */

.navbar {padding: 20px 0 20px; z-index: 999; width: 100%; border-radius: 0; border: 0;}
.navbar img {max-height:35px}
.navbar li {margin:13px 20px;}
.navbar li:last-child { margin: 4px 5px 5px 4px;}
.navbar li a {font-size: 12px; padding: 0;cursor: pointer !important; border-bottom: 1px solid transparent; }
.navbar li a:hover {opacity: 0.8;}
.navbar li a.active {opacity: 0.8;}
.navbar .nav-button { margin: 10px 0 8px 30px;}
.navbar .nav-button i {margin-right:5px}
.navbar .nav-button a { padding: 3px 17px 2px !important; border: 1px solid transparent; font-size: 10px}
.navbar-collapse { padding: 0;}
header .container { position: relative;}
header .row { align-items: center; display: flex; height: auto;}
.header-margin-top { margin-top: 86px; }
.navbar.shrink-nav { position: fixed !important; top: 0; }
.navbar.shrink-nav.shrink { padding: 11px 0; border-bottom: 1px solid rgba(0,0,0,0.1) }
.header-margin-top-big { margin-top: 134px; }
.header-margin-top-medium { margin-top: 138px; }
.navbar.shrink-nav.shrink .header-bottom { padding: 11px 0;}

/* ===================================
    Header
====================================== */
.header-style .social { float: right; margin: 12px 0 9px 30px;}
.header-style .social a { font-size: 14px; color: #242424; margin: 0 9px;}
.header-style .navbar li a {font-size: 11px;}
.header-style .social a:last-child { margin-right: 0;}
.header-style .social a:hover { opacity: 0.5;}
.header-style .black-header .social a { color: #ffffff;}
.header-style .black-header.navbar li a { color: #ffffff;}



/* transparent header */
.shrink-transparent-header-dark.shrink { background: #282828 !important;}
.shrink-transparent-header-light.shrink { background: #ffffff !important;}
.shrink-transparent-header-light.shrink.navbar li a { color: #282828; }
.shrink-transparent-header-light.shrink.navbar .nav-button a { border: 2px solid #000; color: #fff;}

/* header border bottom */
.header-border-light {border-bottom: 1px solid rgba(255,255,255,.1)}
.header-border-dark {border-bottom: 1px solid rgba(0,0,0,.1)}
.light-header.navbar li.active a { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
.dark-header.navbar li.active a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }



/* hero style*/
.hero-bottom-img img { border: 30px solid #0b0b0c; border-radius: 20px; max-width: 90%; margin: 0 5% -100px;}



/* slider style */
.slider-text-middle-main {display: table; height: 100%;width: 100%;}



/* feature style */

.feature-style29 .info { position: relative; margin: 0 0 0 60px;}



/* ===================================
    Pricing Table
====================================== */


/* price box */
.pricing-box-style .pricing-box{border: 4px solid #3966e6; padding:60px 0}
.pricing-box-style .pricing-features{padding: 35px 40px 0;}
.pricing-box-style .pricing-features ul li{border-bottom:1px solid rgba(0,0,0,.1); padding:10px 0; font-size:14px}
.pricing-box-style .pricing-features ul li:last-child {border:none}
.pricing-box-style .pricing-title i{display: inline-block; vertical-align: middle;}
.s-plan {box-shadow: 0.625rem 0.625rem 0.9375rem 0 rgba(31, 31, 31, 0.075);}


/*.pricing-box-style:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}*/



/* ===================================
    Footer
====================================== */

footer ul { list-style: none; padding: 0; margin: 0;}
footer ul.links-inline li a{ margin: 0 10px; display: inline-block;}
footer ul.links-inline li{ display: inline-block;}



/* button */
.btn:active:focus, .btn:focus { outline: 0 none; box-shadow: none;}

@media screen\0 { 
    .input-group-btn .btn-large.btn { height: 59px;}
    .equalize.equalize-display-inherit .display-table { display: inherit !important; position: static;}
    .equalize.equalize-display-inherit .display-table-cell-vertical-middle { display: inherit !important; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative;}
}