/*+++++++++++++++++++++ ===================================== Template Name : Himu Author Name : Mostafizur Rahman Author URI : http://mostafiz.me/ Template URI :http://mostafiz.me/demo/himu/ Version : 1.0 =============================== +++++++++++++++++++*/ /* ==================================== ------------------------------------ 1. Typography 2. Header 3. Main Slider 4. About Us 5. Service 6. Our Team 7. Portfolio 8. Clients 9. Our Blog 10. Contact 11. Footer 12. Carousel Effect 13. Isotope 14. Portfolio Hover effect ------------------------------------- ===================================== */ /*==================== ======Typography===== ======================*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap);body{font-family:'Open Sans',sans-serif;position:relative;font-weight:400;color:#43484e}body section{padding-top:40px}a:hover{outline:0;text-decoration:none}a:focus{outline:0;outline-offset:0}a{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;color:#428bca;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:'Open Sans',sans-serif}#circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px}.loader{width:calc(100% - 0px);height:calc(100% - 0px);border:8px solid #162534;border-top:8px solid #09f;border-radius:50%;animation:rotate 5s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}.btn-primary{color:#fff;width:240px;background-color:#011d41;border-color:#011d41}.btn-success{color:#fff;border-color:#254e61;width:240px;background-color:#254e61}.btn-info{color:#fff;border-color:#4f6172;width:240px;background-color:#4f6172}.parallax-section{min-height:300px;width:100%;background-position:50% 0;background-repeat:no-repeat;background-attachment:fixed;background-size:cover}.preloader{position:fixed;top:0;left:0;height:100%;width:100%;display:table;background:#fff;z-index:9999}.preloder-wrap{display:table-cell;vertical-align:middle}.preloder-inner{width:200px;height:100px;margin:0 auto}.ball{width:10px;height:10px;margin:10px auto;border-radius:50px}.ball:nth-child(1){background:#0c2240;-webkit-animation:right 1s infinite ease-in-out;-moz-animation:right 1s infinite ease-in-out;animation:right 1s infinite ease-in-out}.ball:nth-child(2){background:#264d60;-webkit-animation:left 1.1s infinite ease-in-out;-moz-animation:left 1.1s infinite ease-in-out;animation:left 1.1s infinite ease-in-out}.ball:nth-child(3){background:#70c4c0;-webkit-animation:right 1.05s infinite ease-in-out;-moz-animation:right 1.05s infinite ease-in-out;animation:right 1.05s infinite ease-in-out}.ball:nth-child(4){background:#798da0;-webkit-animation:left 1.15s infinite ease-in-out;-moz-animation:left 1.15s infinite ease-in-out;animation:left 1.15s infinite ease-in-out}.ball:nth-child(5){background:#92c5ef;-webkit-animation:right 1.1s infinite ease-in-out;-moz-animation:right 1.1s infinite ease-in-out;animation:right 1.1s infinite ease-in-out}.ball:nth-child(6){background:#0c2240;-webkit-animation:left 1.05s infinite ease-in-out;-moz-animation:left 1.05s infinite ease-in-out;animation:left 1.05s infinite ease-in-out}.ball:nth-child(7){background:#264d60;-webkit-animation:right 1s infinite ease-in-out;-moz-animation:right 1s infinite ease-in-out;animation:right 1s infinite ease-in-out}@-webkit-keyframes right{0%{-webkit-transform:translate(-15px)}50%{-webkit-transform:translate(15px)}100%{-webkit-transform:translate(-15px)}}@-webkit-keyframes left{0%{-webkit-transform:translate(15px)}50%{-webkit-transform:translate(-15px)}100%{-webkit-transform:translate(15px)}}@-moz-keyframes right{0%{-moz-transform:translate(-15px)}50%{-moz-transform:translate(15px)}100%{-moz-transform:translate(-15px)}}@-moz-keyframes left{0%{-moz-transform:translate(15px)}50%{-moz-transform:translate(-15px)}100%{-moz-transform:translate(15px)}}@keyframes right{0%{transform:translate(-15px)}50%{transform:translate(15px)}100%{transform:translate(-15px)}}@keyframes left{0%{transform:translate(15px)}50%{transform:translate(-15px)}100%{transform:translate(15px)}}.vertical-middle{width:100%;height:100%;display:table}.vertical-middle div{display:table-cell;vertical-align:middle}ul{list-style:outside none none;margin:0;padding:0}#navigation .navbar{background:#0d2241bd;border-radius:0;border-bottom:0;box-shadow:rgba(0,0,0,.298039) 0 0 3px;padding-bottom:2px}#navigation .navbar-toggle{margin-top:20px;background-color:#333}#navigation .navbar-brand h1{padding:0;margin:0}#navigation .navbar-nav.navbar-right li{padding:0 1px}#navigation .navbar-nav.navbar-right{margin-top:28px}#navigation .navbar-nav.navbar-right li a{color:#fff;font-family:'Open Sans',sans-serif;font-size:13px;padding:0;text-transform:uppercase;-webkit-transition:all .9s ease 0s;-moz-transition:all .9s ease 0s;-o-transition:all .9s ease 0s;transition:all .9s ease 0s;padding:5px 10px}#navigation .navbar-inverse .navbar-nav .active a,#navigation .navbar-inverse .navbar-nav .active a:focus,#navigation .navbar-nav.navbar-right li a:hover{color:#788da0;background-color:rgba(0,0,255,0)}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0;background:#788da0}.home-pattern{height:100%;position:absolute;width:100%;z-index:1;left:0;bottom:0;background-repeat:repeat;opacity:.2}#home{padding:0;overflow:hidden;position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;background-color:#011d41;color:#fff}#footer{background-color:#254e61;padding:15px 0;color:#ddd;font-size:12px;position:relative}#footer p{margin:0}#footer a{color:#4385be}.single{margin-bottom:10px;padding:25px;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;-webkit-box-shadow:0 2px 0 0 #ddd;box-shadow:0 0 0 0 #ddd}.footer-wrapper{display:block;padding:20px 0;position:relative;background-color:#254e61}.footer-wrapper img{padding:15px}.footer-wrapper p{font-weight:600;font-size:11px;color:#fff}i.fa.fa-angle-up{color:#fff;font-size:30px;padding:10px}.social-icons img{border:none;padding:30px 0 30px 5px}.footer .socialFooter{margin:0 auto;text-align:center}.socialFooter .fa{color:#fff;font-size:20px;margin:20px 0 20px 10px}.footer .socialFooter a{color:#bbb;font-size:26px;padding:5px;margin-right:10px;transition:all .2s ease-in-out 0s}.footer .socialFooter a:hover{color:#414655;border-bottom:3px solid #414655}