/*
Theme Name: Drive
Theme URI: https://egrivory.com/
Author: eGrivory
Author URI: https://egrivory.com/
Description: Drive is multi-cloude documentation share theme.
Version: 1.0.0
Text domain: drive
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

html { overflow-x:hidden; }
body { font-family: 'Roboto', sans-serif; color: #424242; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight:400; color: #000; }
strong, bold { font-weight:700; }
a { color: #457b2d; outline: none !important; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;    -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
a:hover { text-decoration: none; color:#9b9413; }
img { max-width: 100%; height: auto; }

.header { z-index: 10; padding: 20px 60px; display: flex; justify-content: space-between; align-items: center; background-color: transparent; top: 0; }
.header, .white-bg { position: fixed; left: 0; width: 100%; }

.logo {display: inline-block;width: 15%;}
.header__navigation {width: 70%;display: inline-block;}

.header.header--scrolled ul { margin-bottom: 0rem; }
.header__navigation .menu {list-style: none;margin:0;text-align: center;}
.header__navigation .menu li {display: inline-block;}
.header__navigation .menu li:not(:last-child) {margin-right: 40px;}
.header__navigation .menu li a {font-size: 22px;font-weight: 900;text-transform: uppercase;color: #FFF;letter-spacing: 1px;transition: .3s;}
.social-icons ul { list-style: none; margin:0; }
.social-icons ul li { display: inline-flex; }
.social-icons ul li:not(:last-child) { margin-right: 8px; }
.social-icons ul li a span { width: 34px; height: 34px; display: block; }
.social-icons ul li a span svg { fill: #fff; opacity:.73; width: 100%; transition: .3s; }
.social-icons ul li a:hover span svg { opacity:1; }
.white-bg {height: 86px;background-color: #FFF;top: -86px;z-index: 2;box-shadow: 0 12px 12px -12px rgba(74,74,74,.25);}

.header__navigation .menu li a:hover, .header__navigation .menu li.current-menu-ancestor>a:first-child, .header__navigation .menu li.current_page_item a, .header__navigation .menu li.menu-item-has-children.toggled>a {color: #000 !important;}
.header__navigation--mobile, .header__toggle {display: none;}
.button.button--secondary {color: #BFAB6F;background-color: transparent;border: 2px solid #BFAB6F;}
.header__button {min-width: 170px;height: 46px;line-height: 22px;margin-left: 30px;}
.button {padding: 10px 0;border-radius: 5px;display: inline-block;}
.button, .wp-block-button__link {cursor: pointer;font-size: 14px;line-height: 26px;letter-spacing: 1px;min-width: 230px;height: 50px;text-align: center;font-weight: 700;text-transform: uppercase;transition: .3s;}
.header.header--scrolled .header__navigation .menu li a {color: #281E2D;}
.header.header--scrolled { padding-top: 10px; padding-bottom: 10px; }
.header.header--scrolled .header__logo { width: 64px; height: 64px; }
.header.header--scrolled .social-icons ul li a span svg { fill: #000; opacity:1;  }
.header.header--scrolled .social-icons ul li a:hover span svg { opacity:1; fill: #037234;  }

.hero {
    display: block;
    position: relative;
    overflow: hidden;
}
.hero--primary {
    height: 600px;
}

.hero__mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0.15;
    mix-blend-mode: multiply;
    background-color: #281e2d;
    z-index: 1;
}
.hero__video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.hero__container {
    padding: 0 20px;
    max-width: 1170px;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: calc(50% - 0px);
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
.hero__heading {
    font-size: 100px;
    line-height: 1.15;
    letter-spacing: 6px;
    color: #FFFFFF;
    font-weight: 700;
}
.hero__scroll {
    position: absolute;
    z-index: 2;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    height: 18px;
    width: 18px;
}



.ag-section-two { background: #fff; padding: 100px 0; }
.big-container { max-width: 1600px; padding: 0 45px; margin:0 auto;}
.top-logo img { max-width: 120px; margin-bottom: 40px; }
.section-title p { font-size: 26px; font-weight:900; color:#9b9413; }
.section-title h2 {  font-size: 30px; font-weight:900; color:#181027; margin-bottom: 2.2rem; }
.section-details { font-size: 23px; font-weight: 300; }
.text-links { margin-top: 2rem; }
.text-btn { font-size: 24px; font-weight:900; letter-spacing: 1px; }
.text-btn i { font-size: 18px; padding-left: 6px; }


.get-in-touch-section { background: #fff; padding: 100px 0; text-align: center; }
.contact-thumbnail { width: 100%; text-align: center; margin-bottom: 42px; }
.contact-img { width: 410px; height: 410px; border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; margin: 0 auto; }
.center-btn { text-align: center; margin-bottom: 30px; }
.btn.large { background: #acdba4; height: 90px; width: 374px; line-height: 76px; display: inline-block; text-transform: uppercase; font-size: 36px; color: #fff; font-weight:700; }
.btn.large:hover { background: #036d32; }
.get-in-touch p { font-size: 30px; font-weight: 900; color: #000; }


.footer {
    padding: 13px 0 0;
    background-color: #3fa9f5;
}
.footer__head {
    display: flex;
	align-items: baseline;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
	border-bottom: 2px solid #444848;
	margin-bottom: 60px;
}
.footer__head a, .footer__head p {
    font-size: 35px;
    letter-spacing: .5px;
    color: #FFF;
	margin:0;
	font-weight:900;
}
.footer__head p strong { font-weight:400; }
.footer__head a { font-weight:100; }
.footer__head .footer__social {
    display: flex;
}
.footer__head .footer__social-item:not(:last-child) {
    margin-right: 20px;
}
.footer__copyrights { text-align: center; font-size: 12px; font-weight:300; color: #fff; }
.footer__head .footer__social-item {    
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}
.footer__head .footer__social-item span {   
 width: 34px; height: 34px; display: block;
}
.footer__head .footer__social-item span svg { fill: #fff; width: 100%; transition: .3s; }
.footer__head .footer__social-item:hover span svg { fill: #acdba4; }

.header__navigation .menu li a.active{color: #BFAB6F !important;}
.footer__head p strong img{ position:relative;top: -4px;margin: 0 0px 0 6px;}
.footer__head a:hover, .footer__head a:focus{color: #BFAB6F;}

body.inner-pages{padding-top:80px;}
body.inner-pages .header {background-color: #3fa9f5;
-webkit-transition: background-color .3s ease-in-out;-moz-transition: background-color .3s ease-in-out;transition: background-color .3s ease-in-out;}
body.inner-pages .header.header--scrolled {background-color: #FFF;}
.page-content{ padding:60px 0 70px 0;}

.page-title{display:block;text-align:center;font-size: 23px; font-weight: 300; }
.page-title h1{font-weight:700;}
.contact-form { display:block;max-width:800px; margin:auto;padding:36px 0 0 0;}
.contact-detail{display:block;padding-right:15px;font-size: 20px; font-weight: 300; }

.input-text { background-color: #fff; border: 2px solid #e1e1e1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #56605f; display: block; line-height:36px; height:48px; padding: 5px 15px; font-size:16px; outline:none; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
textarea { height: auto !important; min-height:50px;line-height:22px; padding:10px 15px !important; background-color:#fff; border: 2px solid #e1e1e1; display: block; width: 100%; font-size:16px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;outline:none; border-radius:5px  !important; -webkit-border-radius:5px  !important; -moz-border-radius:5px  !important;-webkit-appearance: none; -moz-appearance: none; appearance:none; }
input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #424242;
}
.input-text:focus, textarea:focus {border: 2px solid #BFAB6F;}

.btn { background: #acdba4; height: 56px; min-width: 256px; line-height: 1; display: inline-block; text-transform: uppercase; font-size: 22px; color: #fff; font-weight:700;outline:none }
.btn:hover { background: #036d32;color:#FFFFFF; }
















 



.login-btn {background: #fff;padding: 8px 25px;font-size: 18px;text-transform: uppercase;line-height: 20px;font-weight: 600;border-radius: 50px;height: 32px;}
.header-login-user {font-size: 18px;color: #3fa9f5;background: #fff;padding: 5px 15px;border-radius: 50px;display: inline-block;float: right;}
.header-login-user a {color: #b51717;padding-left: 10px;}

.entry-content {padding: 90px 0;}

.main-slider {width:100%; float:left;}
.hero { position: relative;background: #ebf3f3; }
.main-slider .col-md-6 { float: none; display: table-cell; vertical-align: middle;}
.hero .container { position: relative; z-index: 1; padding-top: 80px; padding-bottom: 132px; }
.hero .container h1 { font-size: 62px; line-height: 70px; margin-bottom: 2px; font-weight: 600;color:#3FA9F5; }
.hero .container p { font-size: 20px; line-height: 30px; font-family: DIN, sans-serif; font-weight: 700; letter-spacing: 0.2px; display: inline-block; color:#000;}
.hero-content{display:block;}
.hero .container .btn-white { display: inline-block; /*padding: 15px 36px 17px;*/ margin-top: 7px; }





@media (min-width: 1200px){

body .container {width: 1400px;}

}