@import url("navigation.css");
.section-block { padding: 20px 0px 20px 0px; background-color: #fff; }
.section-block-grey { padding: 20px 0px 20px 0px; background-color: #f9f9f9; }
.section-block-dark { padding: 20px 0px 20px 0px; background-color: #222; }
.section-block-parallax { position: relative; background-size: cover; background-attachment: fixed; background-position: 50% 50%; padding: 90px 0px 90px 0px; }
.section-block-bg { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; padding: 20px 0px 20px 0px; }
.section-block-transparent { padding: 20px 0px 20px 0px; background: transparent; }
.background-top { background-position: center left; }
.no-repeat { background-repeat: no-repeat; }
.section-clients { background: #fff; padding: 20px 0px 20px 0px; }
.section-clients-grey { background: #f9f9f9; padding: 20px 0px 20px 0px; }
.notice-section { background: #fff; padding: 20px 0px 20px 0px; }
.notice-section-grey { background: #f7f7f7; padding: 20px 0px 20px 0px; }
.notice-section-bg { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; padding: 20px 0px 20px 0px; }
.notice-section h2, .notice-section-grey h2, .notice-section-bg h2 { position: relative; font-size: 42px; font-weight: 400; color: #111; }
.notice-section h3, .notice-section-grey h3, .notice-section-bg h3 { position: relative; font-size: 35px; font-weight: 400; color: #111; }
.notice-section h4, .notice-section-grey h4, .notice-section-bg h4 { position: relative; font-size: 30px; font-weight: 500; color: #111; }
.notice-section h5, .notice-section-grey h5, .notice-section-bg h5 { position: relative; font-size: 25px; font-weight: 500; color: #111; }
.notice-section h6, .notice-section-grey h6, .notice-section-bg h6 { position: relative; font-size: 20px; font-weight: 500; color: #111; }
.dark-bg { background: #111; }
.full-background { background-size: cover; }
.notice-section-sm { padding: 40px 0px; }
.notice-section-md { padding: 60px 0px; }
.notice-section-lg { padding: 80px 0px; }
.section-sm { padding: 30px 0px; }
.section-md { padding: 40px 0px; }
.section-lg { padding: 80px 0px; }
.min-350 { min-height: 350px; }
.section-block .section-block-grey .section-block-dark
.section-heading { margin-bottom: 10px; }
.section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6,
.section-block-grey h2, .section-block-grey h3, .section-block-grey h4, .section-block-grey h5, .section-block-grey h6,
.section-block-dark h2, .section-block-dark h3, .section-block-dark h4, .section-block-dark h5, .section-block-dark h6 { position: relative; font-weight: 500; line-height: 130%; margin-bottom: 10px; }
.section-heading h2, .section-heading h3 .section-heading h4, .section-heading h5, .section-heading h6 { color: #111; }
.section-block-grey .section-heading h2, .section-block-grey .section-heading h3, .section-block-grey .section-heading h4, .section-block-grey .section-heading h5, .section-block-grey .section-heading h6 { color: #111; }
.section-block-dark .section-heading h2, .section-block-dark .section-heading h3, .section-block-dark .section-heading h4, .section-block-dark .section-heading h5, .section-block-dark .section-heading h6 { color: #ffffff; }
.section-heading h2, .section-block-grey h2, .section-block-dark h2 { font-size: 32px; }
.section-heading h3, .section-block-grey h3, .section-block-dark h3 { font-size: 30px; }
.section-heading h4, .section-block-grey h4, .section-block-dark h4 { font-size: 30px; }
.section-heading h5, .section-block-grey h5, .section-block-dark h5 { font-size: 25px; }
.section-heading h6, .section-block-grey h6, .section-block-dark h6 { font-size: 20px; }
.section-heading strong { font-weight: 600; }
.section-heading-line { content: ''; display: block; width: 100px; height: 3px; background: #036bc6; border-radius: 25%; margin: auto; margin-top: 15px; margin-bottom: 5px; }
.section-heading-line-left { content: ''; display: block; width: 100px; height: 3px; background: #036bc6; border-radius: 25%; margin-top: 15px; margin-bottom: 5px; }
.section-heading p { font-size: 15px; font-weight: 400; color: #aaa; line-height: 160%; padding-top: 15px; margin-bottom: 0px; }
.section-heading span { position: relative; font-size: 15px; font-weight: 500; color: #036bc6; line-height: 200%; margin-bottom: 10px; }
.text-content p { font-size: 14px; font-weight: 400; line-height: 190%; margin-bottom: 15px; text-align: justify; }
.text-content-big p { font-size: 15px; font-weight: 400; color: #565656; margin: 15px 15px 30px 0px; text-align: justify; }
.text-content-small p { font-size: 12px; font-weight: 400; color: #999; line-height: 200%; margin-bottom: 15px; text-align: justify; }
.text-content-big ol, .text-content-big ul { margin-left: 0px; padding-left: 0px; }
.section-block .text-content p, .section-block .text-content-big p, .section-block .text-content-small p { color: #565656; }
.section-block-grey .text-content p, .section-block-grey .text-content-big p, .section-block-grey .text-content-small p { color: #565656; }
.section-block-dark .text-content p, .section-block-dark .text-content-big p, .section-block-dark .text-content-small p { color: #ffffff; }
.text-content-big .fa { color: #036bc6; padding-right: 10px; }
.text-content-big h3 { font-size: 18px; color: #333333; font-weight: 600; }
.page-title-section { padding: 110px 0px 110px 0px; background-color: #eee; background-size: cover; background-position: center; text-align: center; border-bottom: 1px solid #f5f5f5; margin-bottom: 50px; }
.page-title-section h1 { font-size: 40px; font-weight: 600; letter-spacing: 1px; line-height: 1; color: #fff; text-align: center; margin-bottom: 10px; }
.page-title-section ul li { display: inline-block; }
.page-title-section ul li:last-child { color: #ffffff; background: #000000; padding: 1px 8px; }
.page-title-section ul li:after { content: ' \f105'; color: #fff; font-family: 'FontAwesome'; padding: 0px 10px; }
.page-title-section ul li:last-child:after { content: none; }
.page-title-section ul li a, .page-title-section ul li span { color: #fff; font-size: 14px; font-weight: 500; }
.page-title-section ul li a:hover { color: #111; }
.nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a { color: #036bc6; }
.nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron { border-color: transparent #036bc6 #036bc6 transparent; }
.nav-search-button:hover .nav-search-icon { color: #036bc6; }
.nav-button { height: auto !important; margin: 18px 15px 0; padding: 8px 14px; display: inline-block; color: #fff; font-size: 14px; text-align: center; text-decoration: none; border-radius: 4px; background-color: #036bc6; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.megamenu-list > li > a:hover { color: #036bc6; }
.nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a { color: #036bc6; }
.nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron { border-color: transparent #036bc6 #036bc6 transparent; }
#search_nav { display: inline-block; z-index: 9999; }
.search-holder { color: #323232; margin-top: 18px; border-left: 1px solid #f7f7f7; }
.search-button { padding-left: 12.5px; cursor: pointer; }
.search-overlay { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.9); overflow-x: hidden; transition: 0.5s; }
.search-overlay-content { position: relative; top: 35%; width: 100%; text-align: center; margin-top: 30px; }
.search-overlay-content input { font-size: 35px; font-weight: 500; color: #fff; background: transparent; border: none; border-bottom: 2px solid #fff; opacity: 0.5; padding: 15px 15px; }
.search-overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.search-overlay a:hover, .search-overlay a:focus { color: #f1f1f1; }
.search-overlay .closebtn { position: absolute; top: 20px; right: 30px; font-size: 60px; }
#top-bar { display: block; position: relative; z-index: 999; background: #0359b5; height: 45px; }
.top-bar-welcome { display: inline-block; }
.top-bar-welcome ul { padding-left: 0px; margin-bottom: 0px; }
.top-bar-welcome li { font-size: 13px; font-weight: 500; color: #fff; list-style-type: none; margin: 0px; padding-top: 2px; margin-right: 5px; }
.top-bar-info { display: inline-block; }
.top-bar-info ul { padding-left: 0px; margin-bottom: 0px; padding-left: 10px; padding-right: 20px; }
.top-bar-info li { font-size: 13px; font-weight: 500; color: #fff; list-style-type: none; display: inline-block; padding: 13.5px 5px 0px 5px; margin-bottom: 0px; }
.top-bar-info li i { font-size: 13px; color: white; margin-right: 8px; }
.social-icons { padding: 0px; float: right; margin: 0px; }
.social-icons li { font-size: 14px; list-style-type: none; float: left; width: 35px; text-align: center; margin: 0px; padding: 13px 0px 13px 0px; }
.social-icons li a { opacity: .7; color: #fff; -webkit-transition-duration: .3s; transition-duration: .3s; }
.social-icons a:hover { opacity: 1; }
.counter-box { position: relative; text-align: center; margin: 15px 0px; }
.counter-box h4 { display: inline-block; font-size: 35px; font-weight: 600; color: #111; }
.counter-box h4:after { content: '+'; }
.counter-box h3 { display: inline-block; font-size: 45px; font-weight: 600; color: #111; }
.counter-box h3:after { content: '+'; }
.counter-box p { font-size: 15px; font-weight: 500; color: #999; line-height: 1.7; margin-top: 10px; }
.counter-box p:before { content: ''; display: block; background: #036bc6; height: 3px; width: 70px; margin: 10px auto; }
.counter-box.left-holder p:before { content: ''; display: block; background: #036bc6; height: 3px; width: 70px; margin: 10px 0px; }
.text-uppercase { text-transform: uppercase; }
.text-thin { font-weight: 400 !important; }
.text-semi-bold { font-weight: 600 !important; }
.text-bold { font-weight: 700 !important; }
.text-bold p { font-weight: 700 !important; }
.rounded-border { border-radius: 10px !important; }
.semi-rounded { border-radius: 5px !important; }
.no-rounded { border-radius: 0px !important; }
.shadow-primary { -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); }
.full-width { width: 100%; }
.half-width { min-width: 50%; }
.full-height { height: 100%; }
.primary-button { background: #036bc6; color: #fff; font-size: 11px; font-weight: 500; border-radius: 50px; padding: 10px 15px 10px 15px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
.primary-button:hover { background: #222; color: #fff; }
.white-button { background: #fff; transition: background-position 0.5s; color: #111; border: 1px solid #ccc; font-size: 11px; font-weight: 500; border-radius: 50px; padding: 10px 15px 10px 15px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
.white-button:hover { color: #111; transform: translateY(-.4rem); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1); }
.dark-button { background: #111; color: #fff; font-size: 11px; font-weight: 500; border-radius: 50px; padding: 10px 15px 10px 15px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.dark-button:hover { color: #fff; background: #036bc6; }
.bordered-button { background: transparent; border: 2px solid #036bc6; color: #036bc6; font-size: 12px; font-weight: 500; border-radius: 50px; padding: 10px 15px 10px 15px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
.bordered-button:hover { background: #036bc6; color: #fff; }
.slider-btn { font-family: inherit !important; transition: 0.3s !important; }
.button-tag { display: inline-block; font-size: 12px; font-weight: 500; margin: 5px 0px 0px 0px; padding: 8px 15px 8px 15px !important; }
.button-xs { display: inline-block; font-size: 10px; font-weight: 500; padding: 8px 17px 8px 17px; }
.button-sm { display: inline-block; font-weight: 500; font-size: 12px; padding: 11px 22px 11px 22px; }
.button-md { display: inline-block; font-size: 14px; font-weight: 500; padding: 13px 25px 13px 25px; }
.button-lg { display: inline-block; font-size: 17px; font-weight: 600; padding: 20px 35px 20px 35px !important; }
.primary-list { padding-left: 0px; }
.primary-list li { list-style-type: none; color: #222; font-size: 13px; font-weight: 500; margin-top: 15px; }
.primary-list li i { color: #036bc6; padding-right: 10px; }
.dark-list { padding-left: 0px; }
.dark-list li { list-style-type: none; color: #222; font-size: 14px; font-weight: 500; margin-top: 15px; }
.dark-list li i { color: #222; padding-right: 10px; }
.white-list { padding-left: 0px; }
.white-list li { list-style-type: none; color: #fff; font-size: 14px; font-weight: 500; margin-top: 15px; }
.white-list li i { color: #036bc6; padding-right: 15px; }
.primary-color h1, .primary-color h2, .primary-color h3, .primary-color h4, .primary-color h5, .primary-color h6, .primary-color p, .primary-color i, .primary-color span { color: #036bc6 !important; }
.dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6, .dark-color p, .dark-color i, .dark-color span { color: #111 !important; }
.white-color, .white-color h1, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color i, .white-color span { color: #fff !important; }
.video-video-box { position: relative; display: block; width: 100%; height: auto; }
.video-video-box img { width: 100%; }
.video-video-box-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: .5s ease; }
.video-video-box-button { position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.video-video-box-button button { color: #fff; font-size: 25px; background: rgba(0, 0, 0, .8); width: 100px; height: 100px; border-radius: 50%; padding-top: 5px; padding-left: 12px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.video-video-box-button button:hover { color: #111; background: #fff; }
.paginator { display: inline-block; border-radius: 10px; font-size: 15px; font-weight: 600; color: #2d2d2d; background: #f1f1f1; padding: 10px 15px 10px 15px; margin: 3px; }
.paginator:hover { color: #fff; background: #bda87f; }
.paginator:focus { color: #fff; background: #bda87f; }
.active-page { color: #fff; background: #bda87f; }
.border-top { border-top: 1px solid #ececec !important; }
.border-bottom { border-bottom: 1px solid #ececec; }
.border-left { border-left: 1px solid #ececec; }
.border-right { border-right: 1px solid #ececec; }
.border-full { border: 1px solid #ececec; }
#preloader { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%; overflow: visible; background: #fff; display: table; text-align: center; }
.loader { display: table-cell; vertical-align: middle; height: 100%; width: 100%; position: relative; width: 200px; height: 200px; }
.loader-icon { width: 80px; height: 80px; border: 2px solid #036bc6; border-right-color: #eee; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; margin: 0 auto; }
.scroll-to-top { font-size: 20px; padding: 6px; text-align: center; color: #fff; text-decoration: none; position: fixed; bottom: 80px; right: 10px; display: none; border-radius: 50%; background: #333; width: 40px; height: 40px; z-index: 9999; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.scroll-to-top i { color: #fff; }
.scroll-to-top:hover { color: #111; background: #fff; }
.scroll-to-top:hover i { color: #111; }
.scroll-to-top:visited { color: #111; text-decoration: none; }
.number-box { text-align: center; padding: 20px; margin: 15px 0px; background: #fff; border-radius: 3px; }
.number-box h3 { color: #111; line-height: 1; font-size: 60px; font-weight: 200; }
.number-box-line { content: ''; border-bottom: 1px dashed #dedede; width: 100%; margin: 20px auto; }
.number-box-line:before { content: ''; display: block; margin: auto; margin-bottom: -7.5px; height: 15px; width: 15px; border: 2px solid #036bc6; background: #fff; border-radius: 50%; }
.number-box h4 { color: #111; font-size: 20px; font-weight: 400; }
.number-box p { color: #999; font-size: 14px; font-weight: 400; margin-top: 15px; line-height: 1.5; }
.owl-carousel .service-box { margin: 15px 15px 25px 15px; }
.service-box { background: #fff; overflow: hidden; border: 1px solid #eee; border-radius: 5px; -webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12); -moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12); box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12); margin: 15px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.service-inner-box { padding: 0px 20px 20px 20px; }
.service-icon-box { width: 25%; float: left; padding-top: 5px; }
.service-content-box { width: 75%; float: left; }
.service-box img { width: 100%; margin-bottom: 25px; }
.service-box h3 { color: #111; font-size: 18px; font-weight: 500; }
.service-box p { color: #999; font-size: 15px; font-weight: 400; margin-top: 10px; }
.service-box i { color: #036bc6; font-size: 53px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.service-box:hover i { color: #111; }
.service-block { position: relative; margin-top: 30px; margin-bottom: 10px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.service-block img { width: 100%; border-radius: 5px; margin-bottom: 10px; }
.service-block-number { width: 15%; float: left; }
.service-block-title { width: 75%; float: left; }
.service-block-number h5 { color: #036bc6; font-size: 35px; font-weight: 500; }
.service-block-title h4 { color: #036bc6; font-size: 17px; font-weight: 500; padding-top: 12.5px; padding-left: 10px; }
.service-block-title h4 a:hover { color: #036bc6; }
.service-block p { color: #999; font-size: 15px; font-weight: 400; }
.service-simple { position: relative; background: #fff; border: 1px solid #ececec; border-radius: 5px; overflow: hidden; margin: 15px 0px; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); }
.service-simple img { width: 100%; }
.service-simple-inner { position: relative; padding: 25px 25px 20px 25px; }
.service-simple h4 { font-size: 20px; color: #111; font-weight: 500; margin-bottom: 10px; }
.service-simple h4:before { content: '●'; color: #036bc6; margin-right: 10px; }
.service-simple p { font-size: 15px; color: #999; line-height: 1.7; margin-bottom: 0px; }
.service-simple-button a { display: inline-block; background: #111; color: #fff; border-radius: 5px; text-align: center; font-size: 14px; font-weight: 500; width: 100%; margin: 15px 0px 2px 0px; padding: 15px 20px 15px 20px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
.service-simple-button a:hover { background: #036bc6; }
.service-box-car-2 { display: block; background: #fff; text-align: center; box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.07); border-radius: 5px; padding: 30px 25px; margin: 15px; margin-bottom: 30px; }
.service-box-car-vh { display: block; background: #fff; text-align: center; box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.07); border-radius: 5px; padding: 30px 25px; margin: 15px; margin-bottom: 30px; min-height: 340px; }

.service-box-car-2 i { display: block; color: #036bc6; font-size: 55px; margin-bottom: 5px; }
.service-box-car-2 h4 { color: #111; font-size: 18px; margin: 18px 0px; }
.service-box-car-2 p { font-size: 15px; color: #999; line-height: 1.7; margin-bottom: 0px; }
.services-box-3 { display: block; background: #fff; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.12); border-radius: 5px; margin: 15px 0px; }
.services-box-3 img { width: 100%; }
.services-box-3-header { padding: 20px; }
.services-box-3-header h4 { font-size: 19px; }
.services-box-3 span { display: inline-block; background: #036bc6; color: #fff; font-weight: 500; font-size: 13px; border-radius: 5px; padding: 2px 5px; margin-bottom: 10px; }
.serv-section-2 { position: relative; border: 1px solid #eee; background: #fff; box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); border-radius: 5px; overflow: hidden; padding: 30px; }
.serv-section-2:before { position: absolute; top: 0; right: 0px; z-index: 0; content: " "; width: 120px; height: 120px; background: #f5f5f5; border-bottom-left-radius: 136px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.serv-section-2:hover:before { background: #036bc6; }
.serv-section-2-icon { position: absolute; top: 18px; right: 22px; max-width: 100px; z-index: 1; text-align: center }
.serv-section-2-icon i { color: #036bc6; font-size: 48px; line-height: 65px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.serv-section-2:hover .serv-section-2-icon i { color: #fff; }
.serv-section-top-text { width: 180px; height: auto; }
.serv-section-desc { position: relative; }
.serv-section-2 h4 { color: #333; font-size: 20px; font-weight: 500; line-height: 1.5; }
.serv-section-2 h5 { color: #333; font-size: 17px; font-weight: 400; line-height: 1; margin-top: 5px; }
.serv-section-2 p { margin-top: 25px; padding-right: 50px; }
.serv-section-2-act:before { background: #036bc6; }
.serv-section-2-act:hover:before { background: #f5f5f5; }
.serv-section-2-icon-act i { color: #fff; }
.serv-section-2-act:hover .serv-section-2-icon-act i { color: #036bc6 !important; }
.feature-block { position: relative; text-align: center; background: #fff; padding: 15px; margin: 15px 0px; }
.feature-block-icon i { color: #036bc6; font-size: 55px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-block h4 { color: #111; font-size: 18px; font-weight: 500; margin: 20px 0px 10px 0px; }
.feature-block p { font-size: 15px; color: #999; line-height: 1.7; margin-bottom: 0px; }
.feature-block:hover .feature-block-icon { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: linear; animation-timing-function: linear; }
.feature-box { position: relative; background: #fff; padding: 20px; border-radius: 5px; text-align: center; margin: 20px 0px 20px 0px; -webkit-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21); -moz-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21); box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.feature-box:hover { -webkit-box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29); -moz-box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29); box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29); }
.feature-box i { color: #036bc6; font-size: 60px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.feature-box:hover i { color: #111; }
.feature-box h4 { color: #111; font-size: 18px; font-weight: 500; line-height: 170%; margin: 15px 0px; }
.feature-box p { color: #999; font-size: 14px; font-weight: 500; line-height: 170%; }
.feature-box-3 { display: block; text-align: center; background: #fff; border-radius: 4px; margin: 15px 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.feature-box-3 i { display: flex; align-items: center; justify-content: center; color: #036bc6; font-size: 55px; background-image: linear-gradient(to bottom, rgba(210, 30, 43, .1), transparent); width: 125px; height: 125px; border-radius: 50%; margin: 0 auto 15px auto; }
.feature-box-3 h4 { font-size: 20px; font-weight: 500; margin-bottom: 15px; }
.feature-box-3 p { font-size: 16px; }
.feature-flex { position: relative; margin: 30px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-flex-icon { float: left; width: 25%; margin-top: 20px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-flex-icon i { color: #fff; border-radius: 50%; background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #036bc6 100%); padding: 21.5px 22px; font-size: 40px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-flex-content { float: left; width: 75%; padding-left: 10px; }
.feature-flex-content h4 { color: #111; font-size: 21px; font-weight: 400; }
.feature-flex-content h4 a { color: #111; font-size: 21px; font-weight: 400; }
.feature-flex-content p { color: #999; font-size: 15px; font-weight: 400; margin-top: 10px; }
.feature-flex:hover .feature-flex-icon { margin-top: 10px; }
.feature-flex-square { position: relative; border-radius: 5px; margin: 0px 0px 25px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-flex-square-icon { float: left; width: 25%; margin-top: 5px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-flex-square-icon i { color: #036bc6; border-radius: 10px; padding: 10px; font-size: 55px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-flex-square-content { float: left; width: 75%; padding-left: 10px; }
.feature-flex-square-content h4 { color: #111; font-size: 19px; font-weight: 500; }
.feature-flex-square-content h4 a { color: #111; font-size: 19px; font-weight: 500; }
.feature-flex-square-content p { color: #696969; font-size: 15px; font-weight: 400; margin: 10px 0px 30px 0px; }
.feature-flex-square-content-button { display: inline-block; color: #111; font-size: 14px; font-weight: 500; }
.feature-flex-square-content-button:after { content: '\f0da'; font-size: 14px; font-family: "FontAwesome"; color: #111; margin-left: 7px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-flex-square-content-button:hover { color: #036bc6; }
.feature-flex-square-content-button:hover:after { color: #036bc6; }
.feature-box-long { position: relative; text-align: center; border: 1px solid #ececec; border-radius: 5px; background: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); margin: 15px 0px; padding: 30px 40px 35px 40px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-box-long:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29); }
.feature-box-long h3 { font-size: 19px; font-weight: 500; color: #111; margin: 25px 0px 15px 0px; }
.feature-box-long i { color: #036bc6; font-size: 65px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feature-box-long p { font-size: 15px; font-weight: 400; color: #aaa; }
.feature-box-2 { position: relative; background: #fff; border-radius: 5px; margin: 20px 0px 20px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.feature-box-2 i { color: #036bc6; font-size: 50px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.feature-box-2 h4 { color: #111; font-size: 18px; font-weight: 500; line-height: 170%; margin: 15px 0px 5px 0px; }
.feature-box-2 p { color: #999; font-size: 13px; font-weight: 400; line-height: 1.8; }
.progress-text { font-size: 13px; font-weight: 500; color: #333; margin-bottom: 5px; margin-top: 20px; }
.custom-progress { height: 5px; border-radius: 50px; box-shadow: none; }
.custom-bar { height: 100%; background-color: #036bc6; box-shadow: none; }
.custom-bar-dark { height: 100%; background-color: #111; box-shadow: none; }
.progress-medium { height: 8px; border-radius: 50px; box-shadow: none; }
.progress-bold { height: 12px; border-radius: 50px; box-shadow: none; }
.price-table { position: relative; border-radius: 10px; overflow: hidden; background: #fff; margin: 15px 0px; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); }
.price-table-header { background: #111; text-align: center; padding: 30px; padding-top: 0px; }
.price-table-recommended { position: relative; z-index: 9999; transform: scale(1.09); }
.price-table-header h5 { position: relative; color: #111; font-weight: 500; display: inline-block; margin-right: -7px; text-align: center; font-size: 17px; background: #fff; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; padding: 5px 15px; }
.price-table-header h4 { color: #fff; font-weight: 300; font-size: 60px; margin: 15px 0px 10px 0px; }
.price-table-header h4 sup { font-size: 35px; margin: 0px 5px; }
.price-table-header span { color: #fff; font-weight: 400; font-size: 16px; }
.price-table-content { padding: 20px; }
.price-table-content ul { padding-left: 0px; padding-bottom: 0px; }
.price-table-content ul li { display: block; list-style-type: none; color: #111; font-size: 14px; font-weight: 500; padding: 15px; }
.price-table-content ul li:before { content: '\f00c'; font-family: 'FontAwesome'; display: inline-block; color: #036bc6; margin-right: 12px; }
.price-table-content ul li:nth-child(2) { background: #eee; }
.price-table-content a { display: inline-block; color: #fff; font-size: 14px; font-weight: 500; background: #111; border-radius: 10px; padding: 15px 15px; width: 100%; margin-top: 15px; }
.price-table-content a:hover { background: #036bc6; }
.pricing-list { text-align: center; border-radius: 10px; background: #fff; border: 2px solid #ececec; padding: 30px 40px; margin: 20px 0px; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.pricing-list h4 { color: #111; font-size: 25px; font-weight: 500; letter-spacing: 2px; margin-bottom: 20px; }
.pricing-list h2 { display: inline-block; color: #111; font-size: 65px; font-weight: 400; letter-spacing: 2px; }
.pricing-list h2 sup { color: #111; font-size: 30px; font-weight: 500; }
.pricing-list span { display: inline-block; color: #036bc6; font-weight: 500; }
.pricing-list ul { margin-top: 20px; }
.pricing-list ul li { color: #666; font-size: 15px; font-weight: 400; padding: 7px; }
.pricing-list ul li:after { content: ''; display: block; width: 240px; max-width: 100%; height: 1px; background: #ececec; margin: 0 auto; margin-top: 10px; }
.pricing-list-button { background: #036bc6; margin: 20px 15px 0px 15px; border: 2px solid #036bc6; border-radius: 5px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.pricing-list-button:hover { background: #fff; }
.pricing-list-button a { display: block; color: #fff; font-size: 16px; font-weight: 500; padding: 8px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.pricing-list-button:hover a { color: #036bc6; }
.pricing-list strong { position: absolute; color: #fff; font-size: 16px; font-weight: 500; background: #036bc6; width: 65px; height: 65px; padding: 6px; padding-top: 20px; border-radius: 50%; top: 0; right: 0; }
.pricing-list-2 { background: #fff; padding: 45px 30px; border-radius: 10px; border: 2px solid #e8e8e8; text-align: center; box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.1); z-index: 1; margin: 15px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.pricing-list-2-emphasise { position: relative; z-index: 2; transform: scale(1.1); margin: 15px 0px; }
.pricing-list-2-top { width: 80px; height: 80px; background: #fff; border: 2px solid #036bc6; line-height: 83px; display: inline-block; border-radius: 50px; color: #036bc6; font-size: 35px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.pricing-list-2:hover .pricing-list-2-top { background: #fff; color: #036bc6; }
.pricing-list-2 h4 { color: #333; font-size: 22px; font-weight: 500; letter-spacing: 1px; margin-top: 20px; }
.pricing-list-2-price { margin-top: 20px; }
.pricing-list-2-price h3 sup { color: #333; font-size: 25px; font-weight: 400; }
.pricing-list-2-price h3 { color: #333; font-size: 50px; font-weight: 400; display: inline-block; }
.pricing-list-2-price span { color: #777; font-size: 15px; font-weight: 500; }
.pricing-list-2-prod { margin-top: 20px; }
.pricing-list-2-prod li { color: #999; font-size: 13px; font-weight: 500; line-height: 1.5; padding: 5px 0px; }
.pricing-list-2-prod li:after { content: ''; display: block; width: 180px; max-width: 100%; height: 1px; background: #eee; margin: 10px auto 0; }
.pricing-list-2-button { background: #fff; border: 2px solid #036bc6; display: inline-block; border-radius: 5px; margin-top: 20px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.pricing-list-2-button a { display: inline-block; color: #036bc6; font-weight: 500; padding: 7px 50px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.pricing-list-2-button:hover { background: #036bc6; border: 2px solid #036bc6; }
.pricing-list-2-button:hover a { color: #fff; }
.pricing-list-2-button-act { background: #036bc6; border: 2px solid #036bc6; display: inline-block; border-radius: 5px; margin-top: 20px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.pricing-list-2-button-act a { display: inline-block; color: #fff; font-weight: 500; padding: 7px 50px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.pricing-list-2-button-act:hover { background: #fff; border: 2px solid #036bc6; }
.pricing-list-2-button-act:hover a { color: #036bc6; }
.pricing-list-2-top-act { background: #036bc6; color: #fff; }
.newsletter-form input { display: inline-block; background: #fff; color: #111; font-size: 14px; font-weight: 500; outline: 0; border: 2px solid #eee; min-width: 270px; max-width: 100%; -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; -moz-border-radius-bottomleft: 30px; -webkit-border-bottom-left-radius: 30px; border-bottom-left-radius: 30px; padding: 12px 20px; }
.newsletter-form button { display: inline-block; background: #036bc6; color: #fff; font-size: 14px; font-weight: 500; -moz-border-radius-topright: 30px; -webkit-border-top-right-radius: 30px; border-top-right-radius: 30px; -moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px; border-bottom-right-radius: 30px; padding: 14px 20px; }
.newsletter-form button:hover { background: #111; }
footer { background: #111; padding: 60px 0px 20px 0px; }
footer p { font-size: 14px; color: #999; line-height: 1.7; }
footer h3 { font-size: 24px; font-weight: 400; color: #fff; line-height: 1; }
footer h3:after { content: ''; display: block; width: 70px; height: 2px; background: #036bc6; margin-top: 12px; }
.footer-social-icons ul li { display: inline-block; background: #333; border-radius: 50%; color: #fff; margin-right: 10px; margin-bottom: 5px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.footer-social-icons ul li a { display: block; font-size: 15px; color: #fff; width: 35px; height: 35px; padding: 11px; padding-top: 8px; }
.footer-social-icons ul li:hover { background: #036bc6; }
.footer-list { margin-top: 20px; }
.footer-list li { list-style-type: none; color: #aaa; padding: 6px 0px; }
.footer-list li a:before { content: '\f105'; font-family: 'FontAwesome'; color: #aaa; padding-right: 8px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.footer-list li a { font-size: 15px; font-weight: 400; color: #aaa; }
.footer-list li a:hover { color: #fff; }
.footer-list li a:hover:before { color: #fff; }
.footer-recent-post { margin: 15px 0px; }
.footer-recent-post-thumb { float: left; width: 25%; }
.footer-recent-post-content { float: left; width: 75%; padding-left: 10px; }
.footer-recent-post-content a { display: block; color: #fff; font-size: 15px; font-weight: 400; margin-top: 5px; }
.footer-recent-post-content span { color: #ccc; font-size: 13px; font-weight: 400; }
.footer-tags a { display: inline-block; font-size: 11px; padding: 10px 15px; color: #fff; font-weight: 400; background: #222; margin-top: 4px; border-radius: 5px; }
.footer-tags a:hover { background: #036bc6; }
.footer-bar { border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 20px; margin-top: 30px; }
.footer-bar span { color: #036bc6; font-size: 15px; font-weight: 400; }
.footer-bar p { color: #fff; font-size: 15px; font-weight: 400; }
.footer-bar .footer-list-sub { margin-top: 30px; }
.footer-bar .footer-list-sub li { margin-bottom: 10px; }
.footer-bar .footer-list-sub li a { color: #aaa; line-height: 150%; }
.footer-bar .footer-list-sub li a:hover { color: #fff; }
.blog-grid { position: relative; background: #fff; border: 1px solid #eee; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); margin: 25px 0px 25px 0px; }
.blog-grid img { width: 100%; }
.data-box-grid { display: block; float: right; position: absolute; text-align: center; background: #036bc6; left: 15px; top: 15px; min-width: 60px; padding: 5px; }
.data-box-grid h4 { color: #fff; font-size: 30px; font-weight: 400; letter-spacing: 2px; border-bottom: 1px solid rgba(255, 255, 255, .3); margin-bottom: 5px; }
.data-box-grid p { color: #fff; font-size: 14px; font-weight: 400; }
.blog-grid-text { padding: 25px; }
.blog-grid-text span { color: #036bc6; font-size: 13px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; }
.blog-grid-text h4 { color: #111; font-size: 20px; font-weight: 500; margin: 5px 0px 5px 0px }
.blog-grid-text ul li { display: inline-block; color: #999; font-size: 14px; font-weight: 500; margin: 10px 25px 10px 0px; }
.blog-grid-text ul li i { color: #036bc6; font-size: 14px; font-weight: 500; margin-right: 10px; }
.blog-grid-text p { color: #999; font-size: 15px; font-weight: 400; line-height: 170%; border-bottom: 1px solid #ececec; padding-bottom: 15px; }
.owl-carousel .blog-grid-simple { margin: 10px 15px 25px 15px; }
.blog-grid-simple { position: relative; background: #fff; border-radius: 5px; border: 1px solid #ececec; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); padding: 30px; margin: 15px 0px; }
.blog-grid-simple h4 { color: #111; font-size: 21px; font-weight: 500; margin-bottom: 15px; }
.blog-grid-simple h4 a { color: #111; font-size: 20px; font-weight: 500; margin-bottom: 15px; }
.blog-grid-simple h4 a:before { content: '\f0c1'; font-family: "FontAwesome"; color: #036bc6; margin-right: 10px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.blog-grid-simple h4 a:hover { color: #036bc6; }
.blog-grid-simple p { color: #aaa; font-size: 15px; font-weight: 400; }
.blog-grid-simple-date i { color: #888; font-size: 20px; }
.blog-grid-simple-date h5 { color: #888; font-size: 13px; margin-top: 3px; }
.blog-grid-simple-content { border-top: 1px solid #ececec; padding-top: 20px; margin-top: 15px; }
.blog-grid-simple-content a { display: inline-block; color: #036bc6; font-weight: 600; font-size: 14px; margin-top: 2px; }
.blog-grid-simple-content a:after { content: '\f105'; font-size: 14px; font-family: "FontAwesome"; color: #036bc6; margin-left: 10px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.blog-grid-simple-content a:hover { color: #111; }
.blog-grid-simple-content a:hover:after { color: #111; }
.blog-list-simple { margin: 20px 0px 30px 0px; }
.data-box-simple { display: block; float: right; position: absolute; text-align: center; background: #036bc6; left: 20px; top: 5px; min-width: 60px; padding: 5px; }
.data-box-simple h4 { color: #fff; font-size: 30px; font-weight: 400; letter-spacing: 2px; border-bottom: 1px solid #fff; margin-bottom: 5px; }
.data-box-simple p { color: #fff; font-size: 14px; font-weight: 400; }
.blog-list-simple-text { border-bottom: 1px solid #e8e8e8; padding-bottom: 25px; }
.blog-list-simple-text p { font-size: 14px; color: #aaa; line-height: 1.9; }
.blog-list-simple-text span { color: #036bc6; font-size: 13px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; }
.blog-list-simple-text h4 { color: #111; font-size: 20px; font-weight: 500; margin: 5px 0px 10px 0px; }
.blog-list-simple-text ul { margin: 10px 0px; }
.blog-list-simple-text ul li { color: #999; font-size: 14px; font-weight: 500; padding: 3px 0px; }
.blog-list-simple-text ul li i { color: #036bc6; margin-right: 10px; font-size: 14px; }
.blog-list-left { margin: 30px 0px 20px 0px; }
.blog-title-box h2 { color: #111; font-size: 27px; font-weight: 500; margin: 20px 0px; }
.blog-title-box:after { content: ''; display: block; width: 300px; max-width: 100%; height: 2px; background: #ececec; margin-top: 10px; margin: 15px 0px; }
.blog-title-box span { color: #999; font-weight: 400; margin-right: 40px; }
.blog-title-box span i { color: #036bc6; font-size: 16px; margin-right: 8px; }
.blog-post-content p { color: #999; font-size: 15px; font-weight: 400; line-height: 180%; margin: 15px 0px 15px 0px; }
.blockquote { background: #f1f1f1; border-left: 4px solid #036bc6; font-size: 16px; font-weight: 500; margin: 25px 0px 25px 0px; padding: 20px 30px 30px 30px; }
.blockquote p { color: #111; font-size: 15px; font-weight: 500; line-height: 190%; letter-spacing: 0.5px; }
.blockquote h4 { color: #111; font-size: 20px; font-weight: 400; letter-spacing: 0.5px; }
.data-box { display: block; float: right; position: relative; text-align: center; background: #036bc6; right: 20px; top: -95px; min-width: 60px; padding: 5px; }
.data-box h4 { color: #fff; font-size: 30px; font-weight: 400; letter-spacing: 2px; border-bottom: 1px solid #fff; margin-bottom: 5px; }
.data-box strong { color: #fff; font-size: 14px; font-weight: 400; }
#search-input { padding: 0px; border: none; border: solid 1px #e8e8e8; border-radius: 5px; background: #fff; padding: 5px; margin-top: 30px; }
#search-input input { font-weight: 400; border: 0; border-radius: 10px; box-shadow: none; }
#search-input button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; outline: none !important; padding: 0 11px 0 13px; border-left: solid 1px #e8e8e8; }
#search-input .glyphicon-search { font-size: 13px; color: #111; }
.blog-list-left-heading { margin: 30px 0px; padding-top: 15px; }
.blog-list-left-heading:after { content: ''; display: block; width: 80px; height: 2px; background: #036bc6; margin-top: 10px; margin: 10px 0px; }
.blog-list-right h4 { color: #111; font-size: 20px; font-weight: 400; margin: 0px 0px 10px 0px; }
.blog-categories ul { margin-top: 20px; padding: 0px; }
.blog-categories ul li { display: block; position: relative; list-style-type: none; border-bottom: 1px solid #ececec; }
.blog-categories ul li a { display: block; font-size: 15px; font-weight: 500; padding: 18px 0px 18px 0px; color: #333; }
.blog-categories ul li a:before { content: "\f00c"; font-family: FontAwesome; color: #333; font-size: 14px; margin-right: 10px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.blog-categories ul li a:hover { color: #036bc6; }
.blog-categories ul li a:hover:before { margin-right: 15px; color: #036bc6; }
.latest-posts-img img { border-radius: 50px; padding: 2px; border: 2px solid #ececec; }
.latest-posts { margin: 5px 0px; padding: 15px 0px; border-bottom: 1px solid #ececec; }
.latest-posts-text a { display: block; font-size: 14px; font-weight: 500; color: #111; margin-bottom: 10px; margin-top: 10px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.latest-posts-text a:hover { color: #036bc6; }
.latest-posts-text span { font-size: 14px; font-weight: 500; color: #036bc6; }
.archives ul { margin-top: 20px; padding: 0px; }
.archives ul li { list-style-type: none; border-bottom: 1px solid #ececec; padding: 13px 0px 13px 0px; }
.archives ul li a { color: #444; font-size: 14px; font-weight: 500; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.archives ul li a:hover { color: #036bc6; font-size: 14px; }
.archives ul li span { float: right; color: #036bc6; font-size: 13px; font-weight: 500; }
.blog-share { list-style-type: none; margin-top: 20px; }
.blog-share ul { background: #f1f1f1; padding: 15px; border-radius: 5px; }
.blog-share ul li { display: inline-block; padding-right: 20px; }
.blog-share ul li a { color: #6b6b6b; font-size: 15px; }
.blog-share ul li a:hover { color: #036bc6; }
.comment-block { background: #fff; border-radius: 5px; border: 1px solid #eee; padding: 20px; }
.blog-comments { background: #f7f7f7; border-radius: 5px; padding: 30px; }
.blog-comments h3 { font-size: 24px; font-weight: 500; color: #111; margin-top: 30px; }
.blog-comment-user { border-bottom: 1px solid #e8e8e8; padding-top: 25px; padding-bottom: 25px; }
.blog-comment-user img { border-radius: 5px; }
.blog-comment-user h6 { display: inline-block; color: #111; font-size: 16px; margin: 0px; margin-right: 15px; }
.blog-comment-user strong { color: #036bc6; font-size: 12px; font-weight: 500; }
.blog-comment-user p { color: #777; font-size: 13px; font-weight: 500; line-height: 170%; margin-top: 10px; }
.comment-form input, .comment-form textarea { font-weight: 500 !important; border-radius: 5px; font-size: 13px; border: 1px solid #ececec; background: #fff; color: #111 !important; outline: none; width: 100%; padding: 12px; margin-top: 30px; transition: .3s; }
.comment-form input:focus { border-color: #cecece; }
.comment-form textarea { overflow: hidden; color: #999; font-size: 13px; font-weight: 500; border: none; border: 1px solid #ececec; border-radius: 5px; width: 100%; margin-top: 30px; padding: 13px 15px 13px 15px; -webkit-transition-duration: .3s; transition-duration: .3s; min-height: 140px }
.comment-form textarea:focus { border-color: #cecece; }
.testmonial-single { padding: 30px 50px; }
.testmonial-single p:before { margin: auto; content: "\f10d"; font-family: "FontAwesome"; color: #036bc6; font-size: 23px; display: block; margin-bottom: 15px; }
.testmonial-single p { text-align: center; font-style: italic; color: #666; font-size: 17px; font-weight: 500; line-height: 1.9; }
.testmonial-single h4 { color: #111; font-size: 22px; font-weight: 500; text-align: center; margin-top: 20px; }
.testmonial-single h6 { color: #aaa; font-size: 15px; font-weight: 500; text-align: center; }
.testmonial-box { position: relative; background: #fff; border-radius: 5px; padding: 25px; border: 1px solid #ececec; margin: 15px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); }
.testmonial-box img { border: 2px solid #ececec; border-radius: 50%; padding: 2px; }
.testmonial-box h5 { color: #111; font-size: 18px; font-weight: 500; }
.testmonial-box span { color: #999; font-size: 13px; font-weight: 500; }
.testmonial-box span:before { content: '●'; color: #036bc6; font-size: 15px; margin-right: 5px; }
.testmonial-box p { font-size: 15px; color: #999; line-height: 1.7; margin-top: 10px; }
.testmonial-box-2 { position: relative; display: block; background: #fff; border-radius: 5px; box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.07); padding: 25px; margin: 50px 15px 30px 15px; }
.testmonial-box-2 img { width: 80px !important; height: 80px; border: 3px solid #fff; border-radius: 50%; margin: -72px 0px 15px 0px; }
.testmonial-box-2 h4 { font-size: 19px; font-weight: 500; margin-bottom: 0px; }
.testmonial-box-2 strong { font-size: 14px; color: #036bc6; font-weight: 500; }
.testmonial-box-2 p { font-size: 15px; color: #999; font-style: italic; line-height: 1.6; margin-top: 8px; margin-bottom: 0px; }
.testmonial-rating { margin-top: 10px; }
.testmonial-box-3 { padding: 60px 0px 30px 0px; }
.testmonial-box-3 h4:before { content: "\f10d"; font-family: 'FontAwesome'; font-size: 30px; color: #036bc6; display: block; margin-bottom: 15px; }
.testmonial-box-3 h4 { color: #111; font-size: 22px; font-weight: 600; }
.testmonial-box-3 h5 { font-size: 17px; font-weight: 500; margin-bottom: 0px; margin-top: 20px; }
.testmonial-box-3 h5 span { color: #999; }
.testmonial-box-3 p { font-size: 15px; font-style: italic; color: #999; line-height: 1.7; margin-top: 20px; }
.testmonial-box-3-rating { margin-top: 15px; }
.testmonial-box-3-rating i { font-size: 18px; color: #036bc6; }
.testmonial-item { position: relative; display: inline-block; }
.testmonial-item-bxx { position: relative; display: inline-block; text-align: center; padding: 30px 40px; border: 1px solid #eee; border-radius: 5px; background: #fff; margin: 30px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.testmonial-arrow { position: absolute; bottom: -25px; left: 50px; width: 0; height: 0; border-style: solid; border-width: 37px 20px 0 0; border-color: #036bc6 transparent transparent transparent; display: none; }
.testmonial-item-bxx-img { opacity: 0; }
.testmonial-item-img { display: inline-block; margin-left: 10px; margin-top: 10px; }
.testmonial-item-img img { border-radius: 100%; width: 75px !important; height: 75px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.testmonial-item-name { display: inline-block; transform: translateY(-18px); margin-left: 15px; }
.testmonial-item h4 { color: #333; font-size: 18px; font-weight: 500; margin: 0px 0px 2px 0px; }
.testmonial-item span { color: #036bc6; font-size: 13px; font-weight: 500; }
.testmonial-item p { color: #999; font-size: 14px; text-align: left; font-weight: 400; line-height: 1.6; }
.owl-item.center > div .testmonial-item-bxx { background: #036bc6; border: 1px solid #036bc6; cursor: auto; box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); }
.owl-item.center > div .testmonial-item-bxx-img { opacity: 1; }
.owl-item.center > div .testmonial-arrow { display: block; }
.owl-item.center > div p { color: #fff; }
.case-block { position: relative; background: #fff; border: 1px solid #ececec; border-radius: 5px; overflow: hidden; margin: 15px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); }
.case-block:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30); }
.case-block img { width: 100%; }
.case-block-inner { padding: 25px 25px 20px 10px; }
.case-block h4 { color: #111; font-size: 18px; font-weight: 500; }
.case-block h4:after { content: ''; display: block; width: 80px; height: 2px; background: #036bc6; margin-top: 15px; margin-bottom: 15px; -webkit-transition-duration: .4s; transition-duration: .4s; }
.case-block p { color: #aaa; font-size: 15px; font-weight: 400; margin-bottom: 12px; }
.case-block-inner a { font-size: 15px; font-weight: 500; color: #036bc6; }
.case-block-inner a:after { content: '\f0da'; font-size: 15px; font-family: "FontAwesome"; color: #036bc6; margin-left: 10px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.case-block-inner a:hover { color: #111; }
.case-block-inner a:hover:after { color: #111; }
.partner-box { position: relative; overflow: hidden; background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); border: 1px solid #ececec; margin: 15px 0px; }
.partner-box img { width: 100%; height: 100%; object-fit: cover; }
.partner-img { height: 100%; }
.partner-text { padding: 25px 40px 25px 0px; }
.partner-text span { color: #036bc6; font-size: 13px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; }
.partner-box:hover .partner-text span { color: #999; }
.partner-text h4 { color: #111; font-size: 21px; font-weight: 600; margin: 5px 0px; }
.partner-text h4:after { content: ''; display: block; width: 40px; height: 2px; background: #036bc6; margin-top: 10px; -webkit-transition-duration: .4s; transition-duration: .4s; }
.partner-box:hover .partner-text h4:after { width: 80px; }
.partner-text p { color: #999; font-size: 15px; font-weight: 400; margin-top: 15px; line-height: 170%; }
.partner-signature img { width: 120px; height: 50px; margin-top: 15px; }
.feedback-box { position: relative; background: #f9f9f9; border-radius: 5px; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); border: 1px solid #ececec; padding: 25px; margin: 10px 0px; }
.feedback-box h5 { color: #555; font-size: 14px; font-weight: 500; }
.feedback-box h5:before { content: '●'; color: #036bc6; font-size: 16px; margin-right: 10px; }
.feedback-form input { color: #111; font-weight: 400; width: 100%; border: 1px solid #ececec; border-radius: 5px; padding: 12px 15px; margin: 15px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feedback-form input:focus { border-color: #ccc; }
.feedback-form textarea { color: #111; font-weight: 400; width: 100%; min-height: 100px; border: 1px solid #ececec; border-radius: 5px; padding: 12px 15px; margin: 15px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.feedback-form textarea:focus { border-color: #ccc; }
.feedback-form button { display: inline-block; background: #036bc6; color: #fff; font-size: 14px; font-weight: 400; padding: 11px 20px 11px 20px; border-radius: 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; margin-top: 5px; }
.feedback-form button:hover { background: #111; }
.team-member { overflow: hidden; background: #fff; border: 1px solid #ececec; border-radius: 5px; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); margin: 20px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.team-member:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.28); }
.team-member-img { width: 100%; height: auto; }
.team-member-img img { width: 100%; }
.team-member-text { text-align: center; padding: 20px 50px; }
.team-member-text h4 { color: #111; font-size: 22px; font-weight: 500; margin-bottom: 3px; -webkit-transition-duration: .6s; transition-duration: .6s; }
.team-member:hover .team-member-text h4 { color: #036bc6; }
.team-member-text span { color: #036bc6; font-size: 15px; font-weight: 500; letter-spacing: 2px; }
.team-member-text p { color: #999; font-size: 14px; font-weight: 400; line-height: 170%; margin-top: 20px; }
.team-member-text ul { margin-top: 15px; padding: 8px 0px 8px 0px; }
.team-member-text ul li { display: inline-block; padding: 0px 10px; }
.team-member-text ul li a i { color: #555; font-size: 17px; -webkit-transition-duration: .4s; transition-duration: .4s; }
.team-member-text ul li a i:hover { color: #036bc6; }
.clients img { opacity: .5; -webkit-transition-duration: .3s; transition-duration: .3s; }
.clients img:hover { opacity: 1; }
.simple-feature-box { background: #fff; border-radius: 5px; padding: 15px; margin: 15px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.simple-feature-box:hover { -webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26); -moz-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26); box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26); }
.simple-feature-box-icon { text-align: center; margin: auto; }
.simple-feature-box-icon i { font-size: 18px; width: 32px; height: 32px; color: #fff; background: #036bc6; border-radius: 50%; padding: 6.5px; padding-left: 9px; }
.simple-feature-box-content h4 { font-size: 18px; color: #111; font-weight: 500; margin-bottom: 10px; }
.team-box { overflow: hidden; background: #fff; border-radius: 5px; border: 1px solid #ececec; margin: 15px 0px; padding: 10px; }
.team-box:hover h4:after { width: 90px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.team-box img { margin-bottom: 5px; }
.team-info { padding: 10px; }
.team-info span { color: #036bc6; font-size: 13px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; }
.team-info h4 { color: #111; font-size: 20px; font-weight: 500; margin: 5px 0px; }
.team-info h4 a { color: #111; font-size: 20px; font-weight: 500; margin: 5px 0px; }
.team-info h4 a:hover { color: #036bc6; }
.team-info h4:after { content: ''; display: block; width: 50px; height: 2px; background: #036bc6; margin: 10px 0px 0px 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.team-info p { color: #aaa; font-size: 15px; font-weight: 400; margin: 15px 0px; margin-bottom: 10px; }
.team-social-icons { text-align: left; }
.team-social-icons ul { background: #fff; padding: 0px 15px; border-radius: 5px; margin-bottom: 5px; }
.team-social-icons ul li { display: inline-block; padding-right: 20px; }
.team-social-icons ul li a { color: #4b4b4b; font-size: 15px; }
.team-social-icons ul li a:hover { color: #036bc6; }
.team-single-img { width: 100%; }
.team-single-img img { border-radius: 5px; }
.team-single-text { padding: 5px 50px 15px 15px; }
.team-single-text span { color: #036bc6; font-size: 14px; font-weight: 500; }
.team-single-text h4 { color: #111; font-size: 25px; font-weight: 500; margin-bottom: 10px; }
.team-single-info { padding: 0px 0px; }
.team-single-info li strong { color: #555; font-size: 16px; font-weight: 500; margin-right: 10px; }
.team-single-text li span { color: #777; font-size: 15px; font-weight: 400; }
.team-single-social { padding: 5px 0px; }
.team-single-social li { display: inline-block; }
.team-single-social li a { display: inline-block; margin-right: 15px; background: #036bc6; width: 35px; height: 35px; border-radius: 50px; }
.team-single-social li a:hover { display: inline-block; margin-right: 15px; background: #111; width: 35px; height: 35px; border-radius: 50px; }
.team-single-social li a i { color: #fff; font-size: 15px; padding: 11px 0px 0px 11px; }
.video-section { width: 100%; height: auto; }
.video-overlay { background: rgba(0, 0, 0, .6); }
.video-content { text-align: center; padding: 50px 0px; }
.main-video-section { position: relative; height: 550px; }
.main-video-content { position: relative; text-align: center; height: 550px; /* Center text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.main-video-overlay { background: rgba(0, 0, 0, .7); }
.main-video-content h2 { position: relative; font-size: 60px; font-weight: 400; color: #111; margin: 5px 0px; }
.main-video-content h3 { position: relative; font-size: 50px; font-weight: 400; color: #111; margin: 5px 0px; }
.main-video-content h4 { position: relative; font-size: 40px; font-weight: 400; color: #111; margin: 5px 0px; }
.main-video-content h5 { position: relative; font-size: 30px; font-weight: 400; color: #111; margin: 5px 0px; }
.main-video-content h6 { position: relative; font-size: 20px; font-weight: 400; line-height: 1.6; color: #111; margin: 5px 0px; }
.project-grid { display: block; position: relative; margin: 15px 0px; }
.project-grid-img img { display: block; width: 100%; height: auto; }
.project-grid-overlay { position: absolute; bottom: 0; left: 2.5%; right: 0; bottom: 2.6%; background: rgba(255, 255, 255, .9); overflow: hidden; width: 95%; height: 95%; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; }
.project-grid:hover .project-grid-overlay { opacity: 1; }
.project-grid-overlay h4 a { color: #111; font-size: 22px; font-weight: 400; position: absolute; top: 60%; left: 50%; opacity: 0; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; -webkit-transition-duration: .5s; transition-duration: .5s; }
.project-grid-overlay h4 a:hover { color: #036bc6; }
.project-grid-overlay h4 a:after { content: ''; display: block; width: 70px; height: 1px; background: #036bc6; margin-top: 10px !important; margin-bottom: 15px !important; margin: 0 auto; }
.project-grid:hover h4 a { top: 40%; opacity: 1; }
.project-grid-overlay p { color: #666; font-size: 15px; font-weight: 400; position: absolute; top: 70%; left: 50%; opacity: 0; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; -webkit-transition-duration: .6s; transition-duration: .6s; }
.project-grid:hover p { top: 50%; opacity: 1; }
.project-grid-overlay span { color: #999; font-size: 16px; font-weight: 500; position: absolute; writing-mode: vertical-rl; writing-mode: tb-rl; letter-spacing: 4px; top: 10%; left: 90%; }
.project-single-img { padding-bottom: 30px; }
.project-single-text { margin: 30px 0px; }
.project-single-text h4 { color: #111; font-size: 22px; font-weight: 500; margin-bottom: 25px; }
.project-single-text h4:after { content: " "; display: block; background: #036bc6; width: 70px; height: 2px; margin-top: 8px; }
.project-single-text p { color: #999; font-size: 15px; font-weight: 400; line-height: 1.8; margin: 15px 0px; }
.project-single-text h5 { color: #111; font-size: 18px; font-weight: 500; margin: 25px 0px 20px 0px; }
.project-single-text h5:after { content: " "; display: block; background: #036bc6; width: 70px; height: 2px; margin-top: 8px; }
.project-single-text ul li { color: #111; font-size: 15px; font-weight: 500; padding: 8px 0px; }
.project-single-text ul li i { color: #036bc6; font-weight: 500; font-size: 15px; padding-right: 10px; }
.project-single-info { display: inline-block; border: 1px solid #ececec; display: block; width: 100%; padding: 0px 20px; }
.project-single-info ul li { color: #777; font-size: 15px; font-weight: 500; border-bottom: 1px solid #ececec; padding: 17px 0px; }
.project-single-info ul li:last-child { border-bottom: none; }
.project-single-info ul li span { display: inline-block; color: #111; font-size: 15px; font-weight: 500; margin-right: 25px; width: 70px; max-width: 100%; }
.project-carousel { margin: 40px 0px 20px; }
.project-carousel h4 { color: #111; font-size: 22px; font-weight: 500; margin: 25px 0px 20px 0px; }
.project-carousel h4:after { content: " "; display: block; background: #036bc6; width: 70px; height: 2px; margin-top: 8px; }
.project-item { position: relative; overflow: hidden; }
.project-item img { width: 100%; border-radius: 5px; }
.project-item-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; z-index: 999; transition: .5s ease; background: rgba(0, 0, 0, 0.8); border-radius: 5px; }
.project-item:hover .project-item-overlay { opacity: 1; }
.project-item-content { position: absolute; bottom: 30px; left: 30px; }
.project-item-content span { font-size: 13px; font-weight: 400; color: #fff; opacity: .6; }
.project-item-content h6 { font-size: 18px; font-weight: 400; color: #fff; margin-top: 5px; }
.project-item-content a { display: inline-block; font-size: 13px; font-weight: 400; background: #036bc6; color: #fff; border: 1.5px solid #036bc6; border-radius: 5px; margin-top: 10px; padding: 10px 15px 10px 15px; }
.project-item-content a:hover { border: 1.5px solid #fff; background: transparent; color: #fff; }
.project-detail img { width: 100%; height: 500px; border-radius: 5px; margin-bottom: 30px; }
.project-single-box-img img { width: 100%; border-radius: 10px; -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07); }
.project-info-shortcode { border-bottom: 1px solid #ececec; padding: 15px 0px; }
.project-info-shortcode:last-child { border-bottom: none; }
.project-single-box-info { position: relative; border-radius: 10px; background: #f9f9f9; }
.project-info-shortcode-icon { text-align: center; padding: 15px 0px; }
.project-info-shortcode-icon i { color: #036bc6; font-size: 20px; }
.project-info-shortcode-text { position: relative; }
.project-info-shortcode-text h5 { color: #111; font-size: 17px; font-weight: 500; margin-top: 7px; }
.project-info-shortcode-text p { color: #999; font-size: 15px; font-weight: 400; }
.accordion { background: transparent; box-shadow: none; border: none; border-bottom: 1px solid #ececec; border-radius: 0px !important; }
.accordion-heading { border-radius: 0px; padding: 0px; }
.accordion-title a { font-size: 15px; font-weight: 600; color: #111; line-height: 1; display: block; padding: 20px 0px 25px 0px; border-radius: 0px; }
.accordion-title a:after { content: '\f107'; font-size: 18px; font-family: "FontAwesome"; color: #036bc6; float: right; }
.accordion-title .collapsed:after { content: '\f105'; font-size: 18px; font-family: "FontAwesome"; color: #333; float: right; }
.accordion-body { font-size: 15px; font-weight: 400; color: #999; line-height: 170%; text-align: left; border: none !important; padding: 0px; padding: 18px 0px 30px 0px; }
.accordion-body p { margin-bottom: 0px; }
.panel-body { border-top: 1px solid #eee !important; }
.panel-default > .panel-heading { color: #333; background-color: transparent !important; border-color: #ddd; }
.panel-grey > .panel-heading a { color: #111; background-color: #f7f7f7 !important; border: none !important; border-radius: 5px; padding-left: 15px; padding-right: 15px; }
.panel-grey { border: none !important; }
.panel-grey .panel-body { border: none !important; }
.panel-grey .accordion-title a:after { content: '\f056'; font-size: 18px; font-family: "FontAwesome"; color: #036bc6; float: right; }
.panel-grey .accordion-title .collapsed:after { content: '\f055'; font-size: 18px; font-family: "FontAwesome"; color: #333; float: right; }
.services-single-menu { border: 1px solid #ececec; }
.services-single-menu ul li { border-bottom: 1px solid #ececec; background: #fff; }
.services-single-menu ul li:last-child { border-bottom: none; }
.services-single-menu ul li:hover { background: #f9f9f9; }
.services-single-menu ul li a { display: block; color: #111; font-size: 15px; font-weight: 500; padding: 17px 0px 17px 15px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.services-single-menu ul li a:hover { -webkit-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset; -moz-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset; box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset; }
.services-active { -webkit-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset; -moz-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset; box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset; }
.services-single-left-heading h4 { color: #111; font-size: 18px; font-weight: 500; }
.services-single-left-heading h4:after { content: " "; display: block; background: #036bc6; width: 50px; height: 2px; margin-top: 8px; }
.section-single-heading h4 { color: #111; font-size: 20px; font-weight: 500; }
.section-single-heading h4:after { content: " "; display: block; background: #036bc6; width: 60px; height: 2px; margin-top: 8px; }
.chartjs-render-monitor { margin-top: 20px; display: block; height: auto; width: 100%; }
.download-file-button { background: #f8f7f6; border-radius: 5px; margin: 40px 0px; padding: 25px 50px; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.download-file-button:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.28); }
.download-file-button h5 { display: inline-block; color: #111; font-size: 20px; font-weight: 400; margin-top: 8px; }
.download-file-button h5 span { color: #888; font-size: 18px; font-weight: 400; margin-left: 10px; }
.download-file-button i { font-family: FontAwesome; display: inline-block; float: right; font-size: 40px; color: #036bc6; }
.callback-box { position: relative; background: #f7f7f7; border: 1px solid #ececec; border-radius: 5px; padding: 25px 15px; }
.callback-form { max-width: 76%; margin: 0px auto; }
.callback-box-form input[type="text"] { width: 100%; background: #fff; color: #111; font-weight: 400; padding: 12px 10px; border: none; border-radius: 5px; margin: 5px 0px; }
.callback-form input[type="submit"] { display: block; width: 100%; background: #036bc6; color: #fff; font-size: 15px; font-weight: 500; border-radius: 50px; margin-top: 0px; padding: 16px 16px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; border: 0px; cursor: pointer; }
.callback-form input[type="submit"]:hover { background: #111; }
.callback-form input[type="text"] { border-style: none; border-color: inherit; border-width: medium; position: relative; display: block; width: 100%; background: #fff; color: #111; font-weight: 400; padding: 16px 16px; border-radius: 5px; margin: 0px 0px 30px 0px; top: 0px; left: 0px; }
.callback-form label { color: #ffffff; font-weight: 600; }
.wrapper { width: 100%; margin: 0px auto; }
.masonry { margin: 10px; padding: 0; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.masonry a { display: block; margin-top: 10px; }
.masonry a:first-child { margin-top: 0px; }
.masonry-item { position: relative; overflow: hidden; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.masonry-item img { display: block; width: 100%; height: auto; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.masonry-item-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 100%; max-height: 100%; width: 100%; opacity: 1; background: rgba(0, 0, 0, 0.3); padding: 30px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.masonry-item:hover img { transform: scale(1.2); }
.masonry-item:hover .masonry-item-overlay { position: absolute; opacity: 0; -webkit-transition-duration: .5s; transition-duration: .5s; }
.masonry-item:hover .masonry-item-overlay h4 { opacity: 0; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); text-align: center; -webkit-transition-duration: .7s; transition-duration: .7s; }
.masonry-item:hover .masonry-item-overlay ul { opacity: 0; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); text-align: center; -webkit-transition-duration: .5s; transition-duration: .5s; }
.masonry-item-overlay h4 { color: #fff; font-size: 22px; font-weight: 400; position: absolute; bottom: 50px; }
.masonry-item-overlay ul { position: absolute; padding-left: 0px; bottom: 25px; }
.masonry-item-overlay ul li { list-style-type: none; display: inline-block; font-size: 12px; font-weight: 600; color: #fff; padding-left: 0px; opacity: 0.7; }
.masonry-item-overlay ul li:last-child:after { content: none; }
.masonry-item-overlay ul li:after { content: ' / '; font-size: 8px; font-weight: 700; margin: 0px 5px 0px 5px; }
.masonry-item-overlay ul li a { color: #fff; }
.masonry-item:first-child { margin-top: 0px; }
.count-back-box { width: 100%; padding: 100px 0px; text-align: center; background-position: center; background-size: cover; }
.count-back-box h1 { color: #111; font-size: 40px; font-weight: 500; }
.construction-box { margin: auto; }
.construction-icons { position: relative; text-align: center; }
.construction-icons i { display: inline-block; color: #036bc6; }
#cons-icon-1 { font-size: 120px; animation: construction-rotate 5s linear infinite; }
#cons-icon-2 { font-size: 80px; animation: construction-rotate-back 5s linear infinite; margin-left: -9px; }
.wrapper { display: inline-block; margin: 0 auto; text-align: center; }
.timer { font-family: "Segment7Standard"; font-size: 70px; display: inline-block; vertical-align: top; }
.clock { margin-top: 30px; }
.clock h5 { color: #036bc6; font-size: 16px; font-weight: 400; margin-left: 15px; }
.clock .column { display: inline-block; }
.column { padding: 0px; }
.count-back-box-text { text-align: center; margin: 30px auto 0 auto; }
.count-back-box-text h3 { color: #111; font-size: 30px; font-weight: 400; line-height: 170%; }
.count-back-box-text h6 { color: #777; font-size: 18px; font-weight: 400; margin-top: 10px; }
.sr-text { position: absolute !important; top: -9999px !important; left: -9999px !important; }
.slick-slider .slick-prev, .slick-slider .slick-next { display: none !important; z-index: 100; font-size: 2.5em; height: 40px; width: 40px; margin-top: -20px; color: #eee; position: absolute; top: 50%; text-align: center; color: #222; opacity: 1; transition: opacity .25s; cursor: pointer; background: #eee; }
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover { opacity: .65; }
.slick-slider .slick-prev { left: 0; }
.slick-slider .slick-next { right: 0; }
.wrapper { max-width: 1024px; margin: 0 auto; font-family: ''; }
.wrapper strong { font-weight: 300; letter-spacing: 2px; font-size: 1.2em; display: block; text-align: center; text-transform: uppercase; margin: 0; color: #666; }
.product-images { width: 100%; margin: 0 auto; }
.product-images li, .product-images figure, .product-images a, .product-images img { display: block; outline: none; border: none; }
.product-images .main-img-slider figure { margin: 0 auto; }
.product-images .main-img-slider figure a { cursor: e-resize; }
.product-images .main-img-slider figure a img { width: 100%; margin: 0 auto; }
.product-images .thumb-nav { margin: 0 auto; margin-top: 0.5px; width: 100%; padding: 0; }
.product-images .thumb-nav.slick-slider .slick-prev, .product-images .thumb-nav.slick-slider .slick-next { font-size: 1.2em; height: 20px; width: 26px; margin-top: -10px; }
.product-images .thumb-nav.slick-slider .slick-prev { margin-left: -30px; }
.product-images .thumb-nav.slick-slider .slick-next { margin-right: -30px; }
.product-images .thumb-nav li { display: block; margin: 0 auto; float: left; cursor: pointer; margin-right: 0px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.product-images .thumb-nav li img { display: block; width: 100%; max-width: 250px; margin: 0 auto; border: 0.5px solid transparent; border-bottom: 2px solid transparent; }
.product-images .thumb-nav li:hover { opacity: .7; }
.product-images .thumb-nav li:hover, .product-images .thumb-nav li:focus { border-color: #ccc; }
.product-images .thumb-nav li.slick-current img { border-bottom: 2px solid #036bc6; }
.pswp__bg { background: #fff; }
.pswp__top-bar { background-color: transparent !important; }
.pswp__button, .pswp__button:before, .pswp__button--close:before, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: none !important; background-size: 100%; width: 44px; height: 44px; font-family: 'icomoon'; }
.pswp__button { color: #000 !important; opacity: 0.4 !important; transition: opacity .25s; }
.pswp__button:hover { opacity: 0.65 !important; }
.pswp__button:before { opacity: 1 !important; }
.pswp__button.pswp__button--arrow--left:before, .pswp__button.pswp__button--arrow--right:before { font-size: 44px; }
.pswp__button.pswp__button--arrow--left:before { content: "\e93b"; }
.pswp__button.pswp__button--arrow--right:before { content: "\e93c"; }
.pswp__button.pswp__button--close { top: 10px; right: 20px; }
.pswp__button.pswp__button--close:before { content: "\e92a"; font-size: 44px; }
.pswp__button.pswp__button--close:hover { color: #222; }
.single-product { padding-left: 30px; }
.single-product h2 { font-size: 31px; font-weight: 500; color: #111; }
.single-product p { font-size: 15px; font-weight: 400; line-height: 180%; color: #aaa; margin-top: 20px; }
.product-review-area { margin-top: 15px; }
.product-review-area i { color: #f9d100; font-size: 18px; margin-right: 2px; }
.product-review-area span { color: #111; font-size: 14px; margin-left: 10px; }
.single-product-price { margin-top: 20px; }
.single-product-price h4 { font-size: 25px; font-weight: 500; color: #111; }
.product-categories { display: block; margin-top: 35px; border-top: 1px solid #eee; padding: 20px 5px 0px 5px; }
.product-categories ul { display: block; }
.product-categories span { font-size: 15px; font-weight: 500; color: #111; line-height: 2; }
.product-categories ul { display: inline-block; padding-left: 20px; margin-bottom: 0px; }
.product-categories ul li { list-style-type: none; display: inline-block; color: #aaa; font-weight: 500; }
.product-categories ul li a { color: #aaa; font-size: 14px; }
.product-categories ul li a:hover { color: #036bc6; }
.product-categories ul li:after { content: ' / '; display: inline-block; font-size: 10px; color: #aaa; margin: 0px 5px; }
.product-categories ul li:last-child:after { content: none; }
.product-tags { display: block; padding: 0px 5px; }
.product-tags ul { display: block; }
.product-tags span { font-size: 15px; font-weight: 500; color: #111; line-height: 2; }
.product-tags ul { display: inline-block; padding-left: 20px; margin-bottom: 0px; }
.product-tags ul li { list-style-type: none; display: inline-block; color: #aaa; font-weight: 500; }
.product-tags ul li a { color: #aaa; font-size: 14px; }
.product-tags ul li a:hover { color: #036bc6; }
.product-tags ul li:after { content: ', '; display: inline-block; font-size: 10px; color: #aaa; margin: 0px 5px; }
.product-tags ul li:last-child:after { content: none; }
.quantity { position: relative; }
.quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.quantity input[type=number] { -moz-appearance: textfield; }
.quantity input { width: 85px; height: 62px; line-height: 1.65; font-size: 16px; color: #111; font-weight: 600; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border: 2px solid #eee; }
.quantity input:focus { outline: 0; }
.quantity-nav { float: left; position: relative; height: 62px; }
.quantity-button { position: relative; cursor: pointer; width: 30px; text-align: center; color: #111; background: #fff; border: 2px solid #ececec; font-size: 17px; font-family: "Trebuchet MS", Helvetica, sans-serif !important; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; }
.quantity-button.quantity-up { position: absolute; height: 50%; top: 0; }
.quantity-button.quantity-down { position: absolute; bottom: 0px; height: 50%; border-top: none; }
.add-to-cart-button { display: inline-block; background: #036bc6; color: #fff; font-size: 17px; font-weight: 600; padding: 19px 30px; margin-left: 10px; border-radius: 5px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.add-to-cart-button:hover { background: #111; color: #fff; }
.product-share { background: #f7f7f7; border-radius: 5px; padding: 20px 15px; }
.product-share span { font-size: 15px; font-weight: 500; color: #111; margin-right: 15px; }
.product-share a i { color: #111; font-size: 15px; padding: 0px 7px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.product-share a i:hover { color: #036bc6; }
.shop-tabs .tabs { position: relative; }
.shop-tabs .tabs .tab-menu li { background: #f7f7f7; display: inline-block; width: 33.11%; text-align: center; }
.shop-tabs .tabs .tab-menu li a { color: #111; display: block; font-size: 15px; font-weight: 500; padding: 18px 24px; text-decoration: none; }
.shop-tabs .tabs .tab-menu li:hover a, .tabs li:hover i { color: #036bc6; }
.shop-tabs .tab-menu .active-tab a, .shop-tabs .active-tab a i { color: #036bc6 !important; }
.shop-tabs .tab-menu { display: flex; justify-content: space-between; margin-bottom: 4px; }
.product-tab-body { display: block; position: relative; padding: 25px; background: #f7f7f7 !important; }
.product-tab-body h2 { font-size: 30px; color: #111; font-weight: 300; margin-bottom: 10px; }
.product-tab-body h3 { font-size: 25px; color: #111; font-weight: 500; margin-bottom: 10px; }
.product-tab-body h4 { font-size: 20px; color: #111; font-weight: 500; margin-bottom: 10px; }
.product-tab-body h5 { font-size: 15px; color: #111; font-weight: 500; margin-bottom: 10px; }
.product-tab-body h2:after, .product-tab-body h3:after, .product-tab-body h4:after, .product-tab-body h5:after { content: ''; display: block; width: 100px; height: 2px; background: #036bc6; margin-top: 10px; margin-bottom: 10px; }
.product-tab-body ul { margin-top: 15px; }
.product-tab-body ul li { display: block; font-size: 15px; color: #111; border-bottom: 1px dashed #ddd; line-height: 1.9; font-weight: 500; padding: 15px 5px; }
.product-tab-body ul li span { display: inline-block; width: 200px; max-width: 100%; }
.product-tab-body ul li:before { content: "●"; display: inline-block; color: #036bc6; font-size: 14px; margin-right: 10px; line-height: 1; }
.product-tab-body p { font-size: 15px; color: #555; line-height: 1.9; font-weight: 400; margin: 15px 0px; }
.shop-form-title { font-size: 15px; color: #111; font-weight: 500; line-height: 1; }
.rating { display: inline-block; position: relative; height: 25px; font-size: 25px; }
.rating label { position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; line-height: 1; }
.rating label:last-child { position: static; }
.rating label:nth-child(1) { z-index: 5; }
.rating label:nth-child(2) { z-index: 4; }
.rating label:nth-child(3) { z-index: 3; }
.rating label:nth-child(4) { z-index: 2; }
.rating label:nth-child(5) { z-index: 1; }
.rating label input { position: absolute; top: 0; left: 0; opacity: 0; }
.rating label .icon { float: left; color: transparent; }
.rating label:last-child .icon { color: #ccc; }
.rating:not(:hover) label input:checked ~ .icon, .rating:hover label:hover input ~ .icon { color: #f9d100; }
.rating label input:focus:not(:checked) ~ .icon:last-child { color: #ccc; text-shadow: 0 0 5px #f9d100; }
.review-input input { font-weight: 400; font-size: 14px; color: #111; display: block; margin-top: 15px; border-radius: 5px; border: 1px solid #eee; padding: 13px 15px; background: #fff; width: 100%; max-width: 100%; transition: .3s; }
.review-input input:focus { border-color: #ccc; }
.review-input textarea { font-weight: 400; font-size: 14px; color: #111; display: block; margin-top: 15px; border-radius: 5px; border: 1px solid #eee; padding: 13px 15px; background: #fff; width: 100%; min-height: 100px; transition: .3s; }
.review-input textarea:focus { border-color: #ccc; }
.review-input button { display: inline-block; background: #111; color: #fff; font-size: 14px; font-weight: 500; border-radius: 4px; padding: 12px 35px 12px 35px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; margin-top: 20px; }
.review-input button:hover { background: #036bc6; }
.customer-review { margin-top: 30px; }
.customer-review-block { background: #fff; border-radius: 5px; border: 1px solid #eee; padding: 20px; }
.customer-review-block h5 { display: inline-block; color: #111; font-size: 17px; font-weight: 600; line-height: 1; margin: 0px; }
.customer-review-block h5:after { content: none; }
.customer-review-block strong { display: inline-block; color: #036bc6; font-size: 13px; font-weight: 500; line-height: 1; margin-left: 15px; }
.customer-review-block p { font-size: 15px; color: #888; line-height: 1.9; font-weight: 400; margin-bottom: 15px; }
.customer-review-stars { text-align: center; margin: 10px 0px; }
.customer-review-stars i { color: #f9d100; font-size: 13.5px; }
.shop-grid { border: 1px solid #ececec; border-radius: 5px; background: #fff; overflow: hidden; padding: 15px; margin: 20px 0px; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.08); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.shop-grid:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.20); }
.shop-grid-img { position: relative; overflow: hidden; width: 100%; }
.shop-grid-img img { width: 100%; height: auto; }
.shop-grid:hover .shop-grid-img img { transform: scale(1.06); }
.shop-grid-info { padding: 5px 0px 20px 0px; }
.shop-grid-info h4 { color: #111; font-size: 18px; font-weight: 400; margin-bottom: 3px; }
.shop-grid-info h4 a { color: #111; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.shop-grid-info h4 a:hover { color: #036bc6; }
.shop-grid-info span { color: #ccc; font-size: 14px; font-weight: 400; letter-spacing: 1px; }
.shop-grid-info h5 { color: #036bc6; font-size: 22px; font-weight: 400; text-align: right; margin-top: 7px; word-break: break-word; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.shop-grid:hover .shop-grid-info h5 { color: #036bc6; }
.classic-shop { border: 1px solid #ececec; border-radius: 5px; -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.10); margin: 20px 0px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.classic-shop:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.20); }
.classic-shop-img { position: relative; overflow: hidden; width: 100%; }
.classic-shop-img img { display: block; width: 100%; height: auto; }
.shop-box-overlay { position: absolute; bottom: 0; width: 100%; text-align: center; }
.classic-shop:hover .classic-shop-img img { transform: scale(1.06); }
.shop-box-overlay h4 { color: #fff; font-size: 15px; font-weight: 500; letter-spacing: 1px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.shop-box-overlay h4 span { color: #fff; font-size: 15px; margin-right: 10px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.shop-to-card { background: #036bc6; padding: 15px 5px 15px 5px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.shop-to-card:hover { background: rgba(255, 255, 255, 0.5) }
.shop-to-card:hover h4 { color: #036bc6; }
.shop-to-card:hover h4 span { color: #111; }
.shop-buy { background: #111; padding: 15px 5px 15px 5px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.shop-buy:hover { background: rgba(255, 255, 255, 0.5) }
.shop-buy:hover h4 { color: #036bc6; }
.shop-buy:hover h4 span { color: #111; }
.classic-shop-text { text-align: center; padding: 15px 0; }
.classic-shop-text h4 a { color: #111; font-size: 22px; font-weight: 500; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.classic-shop:hover .classic-shop-text h4 a { color: #036bc6; }
.classic-shop-text h5 { color: #036bc6; font-size: 18px; font-weight: 500; margin-top: 7px; }
.shop-grid-rating { margin-top: 15px; }
.shop-grid-rating li { display: inline-block; }
.shop-grid-rating li i { color: #111; font-size: 17px; margin: 0px 1px; }
.shop-cart-box { width: 100%; display: inline-block; border: 1px solid #ececec; margin: 5px 0px; padding: 10px 0px; }
.shop-cart-box .bx { margin-bottom: 30px; }
.button-close { display: block; padding: 35px 12px; }
.button-close a i { color: #fff; font-size: 20px; font-weight: 600; padding: 5px; background: #036bc6; border-radius: 3px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.button-close a i:hover { background: #888; }
.shop-cart-box-img img { width: 100%; height: auto; }
.shop-cart-box-info { display: block; padding: 20px 0px 0px 20px; }
.shop-cart-box-info h4 { color: #111; font-size: 20px; font-weight: 500; }
.shop-cart-box-info span { color: #036bc6; font-size: 15px; font-weight: 400; }
.shop-cart-box-quantity { padding-top: 20px; }
.shop-cart-box-quantity input { max-width: 60px; box-shadow: none; display: inline-block; }
.form-control { color: #999; font-size: 14px; line-height: inherit; border: 1px solid #ececec; border-radius: 2px; padding: 5px 12px; transition: 0.2s linear; }
.form-control:focus { box-shadow: none; border-color: #999; }
.shop-cart-box-quantity h6 { display: inline-block; font-size: 14px; margin-right: 5px; }
.shop-cart-box-price { display: block; padding-top: 20px; }
.shop-cart-box-price h5 { color: #666; font-size: 25px; font-weight: 300; margin-right: 15px; }
.shop-cart-info-price { padding: 20px; border: 1px solid #ececec; margin: 5px 0px; }
.right-info-price li { color: #666; font-size: 16px; font-weight: 500; line-height: 160%; padding: 10px 0px; }
.right-info-price li h6 { float: right; color: #666; font-size: 16px; font-weight: 500; }
.total-price { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ececec; }
.total-price p { color: #444; font-size: 17px; font-weight: 500; }
.total-price p strong { float: right; color: #444; font-size: 17px; font-weight: 500; }
.error-box { text-align: center; position: relative; width: 100%; height: 100%; margin: 0 auto; text-align: center; }
.error-box-text { z-index: 999; position: relative; top: -350px; }
.error-box-text h1 { font-size: 200px; color: #036bc6; line-height: 1; }
.error-box-text h3 { font-size: 40px; color: #111; }
.error-box-text h4 { font-size: 20px; color: #333; margin-top: 20px; }
.back-box { z-index: -999999; background: #f9f9f9; position: relative; top: 150px; padding: 50px; }
.error-box h2 { color: rgba(204, 204, 204, 0.2); font-size: 250px; font-weight: 600; letter-spacing: 10px; text-transform: uppercase; }
.contact-form input[type="text"], .contact-form textarea { font-weight: 500 !important; border-radius: 5px; font-size: 13px; border: 1px solid #f6f7f8; background: #f6f7f8; color: #777 !important; outline: none; width: 100%; padding: 14px; margin: 10px 0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.contact-form textarea { min-height: 200px; overflow: hidden; }
.contact-form input[type="text"]:focus, .contact-form textarea:focus { background: #fff; border-color: #ececec; }
.contact-form button { display: inline-block; background: #111; color: #fff; font-size: 14px; width: 100%; font-weight: 500; border-radius: 10px; padding: 15px 30px 15px 30px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; margin-top: 15px; }
.contact-form button:hover { background: #036bc6; }
.contact-info-box { padding: 0px 15px; }
.contact-info-section { border-bottom: 1px solid #ececec; padding: 25px 0px; margin-bottom: 0px; -webkit-transition-duration: .5s; transition-duration: .5s; }
.contact-info-section i { width: 60px; height: 60px; padding-top: 17px; border-radius: 50%; background: #036bc6; color: #fff; font-size: 25px; margin-top: 5px; }
.contact-info-section h4 { color: #111; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.contact-info-section p { color: #999; font-size: 15px; font-weight: 400; }
#map { height: 400px; width: 100%; }
.contact-box { text-align: center; background: #fff; border: 1px solid #ececec; border-radius: 2px; -webkit-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12); box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12); -webkit-transition-duration: .3s; margin: 10px 0px 10px 0px; padding: 20px 0px 20px 0px; }
.contact-box i { color: #036bc6; font-size: 35px; margin: 10px 0px 20px 0px; }
.contact-box h4 { color: #111; font-size: 18px; font-weight: 500; margin: 0px 0px 5px 0px; }
.contact-box span { color: #999; font-size: 14px; }
.contact-country-one { background-size: cover; width: 100%; padding: 120px 70px 50px 70px; }
.contact-country-one i { color: #fff; font-size: 60px; }
.contact-country-one h4 { color: #fff; font-size: 25px; font-weight: 500; margin-top: 20px; }
.contact-country { margin-top: 20px; }
.contact-country li { color: #fff; font-size: 15px; padding: 10px 0px; }
.contact-country li i { color: #fff; font-size: 15px; margin-right: 15px; }
.contact-data-box-icon { border-radius: 10%; border: 2px solid #333; background: #333; width: 80px; height: 80px; padding: 19px; margin: 8px 0px 0px 10px; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }
.contact-data-box:hover .contact-data-box-icon { background: #fff; }
.contact-data-box-icon i { color: #fff; font-size: 30px; padding: 3px 0px 0px 6px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.contact-data-box:hover .contact-data-box-icon i { color: #333; }
.contact-data-box-text { padding-left: 15px; }
.contact-data-box-text h4 { color: #111; font-size: 20px; font-weight: 400; line-height: 160%; letter-spacing: 1px; }
.contact-data-box-text h6 { color: #777; font-size: 15px; font-weight: 400; line-height: 160%; margin-top: 5px; }
.default-tabs .tabs { position: relative; }
.default-tabs .tabs .tab-menu li { background: #f7f7f7; display: inline-block; text-align: center; }
.default-tabs .tabs .tab-menu li a { color: #111; display: block; font-size: 15px; font-weight: 500; padding: 18px 24px; text-decoration: none; }
.default-tabs .tabs .tab-menu li a i { color: #036bc6; display: inline-block; font-size: 15px; margin-right: 10px; text-decoration: none; }
.default-tabs .tabs .tab-menu li:hover a, .default-tabs .tabs .tabs li:hover i { color: #036bc6; }
.default-tabs .tab-menu .active-tab a, .default-tabs .active-tab a i { color: #036bc6 !important; }
.default-tabs .tab-menu { margin-bottom: 4px; }
.tab-body { display: block; position: relative; padding: 25px; background: #f7f7f7 !important; }
.tab-body h2 { font-size: 30px; color: #111; font-weight: 300; margin-bottom: 10px; }
.tab-body h3 { font-size: 25px; color: #111; font-weight: 500; margin-bottom: 10px; }
.tab-body h4 { font-size: 20px; color: #111; font-weight: 500; margin-bottom: 10px; }
.tab-body h5 { font-size: 15px; color: #111; font-weight: 500; margin-bottom: 10px; }
.tab-body h2:after, .tab-body h3:after, .tab-body h4:after, .tab-body h5:after { content: ''; display: block; width: 100px; height: 2px; background: #036bc6; margin-top: 10px; margin-bottom: 10px; }
.tab-body p { font-size: 15px; color: #999; line-height: 1.7; font-weight: 400; margin: 5px; }
.big-icon-tabs .tabs { position: relative; }
.big-icon-tabs .tabs .tab-menu li { display: inline-block; text-align: center; margin-right: 5px; }
.big-icon-tabs .tabs .tab-menu li:last-child { margin-right: 0px; }
.big-icon-tabs .tabs .tab-menu li a { background: #ececec; color: #111; display: block; font-size: 15px; font-weight: 500; padding: 18px 24px; text-decoration: none; border-top: 2px solid #ececec; }
.big-icon-tabs .tabs .tab-menu li a i { color: #036bc6; display: block; font-size: 40px; margin-bottom: 10px; text-decoration: none; }
.big-icon-tabs .tabs .tab-menu li:hover a, .big-icon-tabs .tabs .tabs li:hover i { color: #036bc6; }
.big-icon-tabs .tab-menu .active-tab a, .big-icon-tabs .active-tab a i { border-color: #036bc6 !important; }
.big-icon-tabs .tab-menu .active-tab a { background: #f7f7f7 !important; }
.custom-dot { display: inline-block; z-index: 1; margin-top: 30px; }
.custom-dot span { width: 12px; height: 12px; margin: 5px 7px; background: #cecece; cursor: pointer; display: block; border: 1px solid #fff; -webkit-backface-visibility: visible; border-radius: 30px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.custom-dot span:hover { background: #aaa; -webkit-backface-visibility: visible; border-radius: 30px; }
.custom-dot.active span { width: 12px; height: 12px; background: #036bc6; -webkit-transition-duration: .3s; transition-duration: .3s; }
.owl-nav i { color: #111; font-size: 20px; padding-top: 10px; }
.owl-nav .owl-prev { color: #036bc6; font-size: 43px; left: 0%; text-align: center; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 50px; height: 50px; background: #fff !important; -webkit-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1); }
.owl-nav .owl-next { color: #036bc6; font-size: 43px; text-align: center; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 50px; height: 50px; background: #fff !important; -webkit-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1); }
.defaultslide { background-image: url(../images/slide14.jpg); }
.callback { background-image: url(../images/bg14.webp); }
.binaryheader { background-image: url(../images/pagetitle.webp); }
.binarybody { background-image: url(../images/bg11.webp); }
.hongkongheader { background-image: url(../images/hongkong.webp); }
.matrixheader { background-image: url(../images/pagetitle.webp); }
.matrixbody { background-image: url(../images/bg11.webp); }
.section-block1 { padding: 10px 0px 30px 0px; background-color: #036bc6; }
.contactheader { background-image: url(../images/contact.jpg); }
.ukheader { background-image: url(../images/UK-Banner.webp); }
.jaipurheader { background-image: url(../images/Jaipur-Banner.webp); }
.usaheader { background-image: url(../images/USA-Banner.webp); }
.gurugramheader { background-image: url(../images/Gurugram-Banner.webp); }
.bangaloreheader { background-image: url(../images/Bangalore-Banner.webp); }
.chennaiheader { background-image: url(../images/Chennai-Banner.webp); }
.delhiheader { background-image: url(../images/Delhi-Banner.webp); }
.africaheader { background-image: url(../images/Africa-Banner.webp); }
.indiaheader { background-image: url(../images/India-Banner.webp); }
.indonesiaheader { background-image: url(../images/Indonesia-Banner.webp); }
.canadaheader { background-image: url(../images/Canada-Banner.webp); }
.brazilheader { background-image: url(../images/Brazil-Banner.webp); }
.delhiheader { background-image: url(../images/Delhi-Banner.webp); }
.polandheader { background-image: url(../images/Poland-Banner.webp); }
.mexicoheader { background-image: url(../images/Mexico-Banner.webp); }
.southkoreaheader { background-image: url(../images/South-Korea-Banner.webp); }
.germanyheader { background-image: url(../images/Germany-Banner.webp); }
.newzealandheader { background-image: url(../images/New-Zealand-Banner.webp); }
.turkeyheader { background-image: url(../images/Turkey-Banner.webp); }
.bangladeshheader { background-image: url(../images/Bangladesh-Banner.webp); }
.egyptheader { background-image: url(../images/Egypt-Banner.webp); }
.kenyaheader { background-image: url(../images/Kenya-Banner.webp); }
.philippinesheader { background-image: url(../images/Philippines-Banner.webp); }
.bahrainheader { background-image: url(../images/Bahrain-Banner.webp); }
.thailandheader { background-image: url(../images/Thailand-Banner.webp); }
.nigeriaheader { background-image: url(../images/Nigeria-Banner.webp); }
.japanheader { background-image: url(../images/Japan-Banner.webp); }
.chinaheader { background-image: url(../images/China-Banner.webp); }
.europeheader { background-image: url(../images/Europe-Banner.webp); }
.australiaheader { background-image: url(../images/Australia-Banner.webp); }
.uaeheader { background-image: url(../images/UAE-Banner.webp); }
.myanmarheader { background-image: url(../images/Myanmar-Banner.webp); }
.spainheader { background-image: url(../images/Spain-Banner.webp); }
.singaporeheader { background-image: url(../images/Singapore-Banner.webp); }
.russiaheader { background-image: url(../images/Russia-Banner.webp); }
.malaysiaheader { background-image: url(../images/Malaysia-Banner.webp); }
.saudiarabiaheader { background-image: url(../images/Saudi-Arabia-Banner.webp); }
.monacoheader { background-image: url(../images/Monaco-Banner.webp); }
.vietnamheader { background-image: url(../images/Vietnam-Banner.webp); }
.mumbaiheader { background-image: url(../images/Mumbai-Banner.webp); }
.main-logo {width:50%;}
.ukbody { background-image: url(../images/bg11.webp); }
.masonry-4 { margin: 10px; padding: 0; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; }
.masonry-4 a { display: block; margin-top: 10px; }
.masonry-4 a:first-child { margin-top: 0px; }


.login-container { margin-top: 5%; margin-bottom: 5%; }
.login-logo { position: relative; margin-left: -41.5%; }
.login-logo img { position: absolute; width: 20%; margin-top: 19%; background: #282726; border-radius: 4.5rem; padding: 5%; }
.login-form-1 { padding: 4%; background: #282726; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19); }
.login-form-1 h3 { text-align: center; margin-bottom: 12%; color: #fff; }
.login-form-2 { padding: 4%; background: #f1f1f1; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19); }
.login-form-2 h3 { text-align: center; margin-bottom: 12%; color: #888888; }
.btnSubmit { font-weight: 600; min-width: 250px; color: #ffffff; border: none; border-radius: .3rem; padding: 2%; }
.btnForgetPwd { color: #fff; font-weight: 600; text-decoration: none; }
.btnForgetPwd:hover { text-decoration: none; color: #fff; }
.admindemo { color: #dedede; }
.userdemo { color: #000000; }
.demo .DemoHeading span { display: inline-block; padding: 6px 16px; border-radius: 0px; background: #d52d39; color: #ffffff; font-size: 24px; position: relative; top: 17px; z-index: 2; }

@media only screen and (min-width: 1201px) {
    .masonry-4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
    .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}

@media (max-width: 990px) {
    .slider-content h2, .slider-content h1 { font-size: 30px; }
    .page-title-section h1 { font-size: 30px; }
    .section-heading h2, .section-block-grey h2, .section-block-dark h2 { font-size: 26px; }
    .section-heading h3, .section-block-grey h3, .section-block-dark h3 { font-size: 22px; }
    .feature-flex-square-content h4 { font-size: 16px; }
    .section-heading h4, .section-block-grey h4, .section-block-dark h4 { font-size: 22px; }
    .service-box i { font-size: 33px; }
    .serv-section-2 { margin-top: 20px; }
    .serv-section-2:before { margin-top: 0px; }
    .serv-section-2-icon i { position: absolute; right: -3px; top: 0px; }
    #top-bar.hidden-sm-down { display: none !important; }
    .search-holder { border: none !important; }
    .search-button i { padding: 17px 0px; cursor: pointer; }
    .search-button i:after { font-family: 'Nunito', sans-serif; content: 'Search'; font-size: 13px; text-transform: uppercase; font-weight: 700; display: inline-block; padding-left: 10px; }
    .search-overlay-content input { margin: 30px; max-width: 80%; }
    .search-overlay-content { position: relative; top: 15% !important; text-align: center; }
    .shop-cart-box-price h5 { font-size: 20px; }
    .button-close { display: block; padding: 5px 0px; }
    .partner-text { padding: 25px; }
    .feature-flex-icon { text-align: center; margin: auto; }
    .feature-flex-icon i { color: #fff; border-radius: 50%; background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #036bc6 100%); padding: 17px; font-size: 32px; }
    footer h3 { margin-top: 30px; }
    .video-video-box-button button { color: #222; font-size: 15px; background: rgba(255, 255, 255, .7); width: 60px; height: 60px; border-radius: 50%; padding-top: 1px; padding-left: 9px; -webkit-transition-duration: .3s; transition-duration: .3s; }
    .team-member-text { padding: 20px 10px; }
    .service-box-car-vh { min-height: 270px }
}

@media only screen and (min-width: 901px) {
    .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    .masonry-4 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    #nav-transparent .nav-menu > li:hover > a, #nav-transparent .nav-menu > li.active > a, #nav-transparent .nav-menu > li.focus > a { color: #036bc6; }
    #nav-transparent .nav-menu > li:hover > a .submenu-indicator-chevron, #nav-transparent .nav-menu > .active > a .submenu-indicator-chevron, #nav-transparent .nav-menu > .focus > a .submenu-indicator-chevron { border-color: transparent #036bc6 #036bc6 transparent; }
    #nav-transparent .nav-dropdown > li:hover > a .submenu-indicator-chevron, #nav-transparent .nav-dropdown > .focus > a .submenu-indicator-chevron { border-color: transparent #036bc6 #036bc6 transparent; }
    #nav-transparent .nav-white-bg .nav-menu > li:hover > a { color: #036bc6; }
}

@media (max-width: 900px) {
    .error-box h2 { font-size: 150px; }
    .error-box-text { top: -200px; }
}

@media (max-width: 767px) {
    .counter-box { margin: 30px; }
    .big-icon-tabs .tabs .tab-menu li { display: block; width: 100%; text-align: center; margin-bottom: 4px; }
    .big-icon-tabs .tab-menu .tabs li a { display: block; }
    .big-icon-tabs .tab-menu .tabs li i { font-size: 25px; }
    .default-tabs .tabs .tab-menu li { display: block; width: 100%; text-align: center; margin-bottom: 4px; }
    .default-tabs .tab-menu .tabs li a { display: block; padding: 18px 14px; }
    .default-tabs .tab-menu .tabs li i { font-size: 25px; }
    .contact-country-one { padding: 40px 20px; }
    .error-box { padding: 30px; }
    .back-box { display: none; }
    .error-box-text { top: 50px; }
    .error-box-text h1 { font-size: 100px; }
    .shop-cart-box-price h5 { color: #666; font-size: 25px; font-weight: 300; margin-right: 15px; }
    .button-close { display: block; padding: 35px 0px; }
    .shop-cart-box-info { display: block; padding: 20px 0px 0px 0px; }
    .shop-tabs .tabs .tab-menu li { display: block; width: 100%; text-align: center; margin-bottom: 4px; }
    .shop-tabs .tab-menu .tabs li a { display: block; }
    .shop-tabs .tab-menu .tabs li i { font-size: 25px; }
    .single-product { padding-left: 0px; margin-top: 30px; }
    .timer { font-size: 30px; }
    #cons-icon-1 { font-size: 65px; }
    .project-info-shortcode-icon i { color: #036bc6; font-size: 30px; padding: 0px 30px; }
    .project-info-shortcode-text { text-align: center; padding: 0px 15px 0px 30px; }
    .project-item-content { position: absolute; bottom: 15px; left: 15px; }
    .project-grid:hover p { top: 52%; }
    .main-video-content h6 { font-size: 15px; font-weight: 400; }
    .main-video-content h3 { font-size: 30px; font-weight: 400; }
    .main-video-content h2 { font-size: 30px; font-weight: 400; }
    .main-video-section { height: auto; }
    .main-video-content { height: auto; padding: 50px 0px; }
    .case-block-inner { padding: 25px; }
    .testmonial-single { padding: 30px 0px; }
    .latest-posts-text { margin-top: 10px; }
    .blog-post-left { margin-top: 20px; }
    .blog-grid-simple-content a:after { display: none; }
    .newsletter-form input { border-radius: 30px; width: 100%; display: block; }
    .newsletter-form button { border-radius: 30px; width: 100%; display: block; margin-top: 15px; }
    .pricing-list-2-emphasise { transform: scale(1); }
    .simple-feature-box-content { padding-left: 25px; }
    .feature-flex-icon { text-align: center; margin: auto; }
    .feature-flex-icon i { color: #fff; border-radius: 50%; background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #036bc6 100%); padding: 16px; font-size: 33px; }
    .feature-box-2 { text-align: center; padding: 0px 30px; }
    .price-table-recommended { position: relative; z-index: 9999; transform: scale(1); }
    .service-box i { font-size: 45px; }
    .service-box-car-vh { min-height: 220px }
}

@media only screen and (min-width: 700px) {
    .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
    .masonry-4 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}

@media (max-width: 491px) {
    .feature-flex-square-icon i { padding: 14px; font-size: 40px; }
}

@media (max-width: 400px) {
    .slider-content h2, .slider-content h1 { font-size: 24px; }
    .page-title-section h1 { font-size: 24px; }
    .section-heading h2, .section-block-grey h2, .section-block-dark h2 { font-size: 20px; }
    .feature-flex-square-content h4 { font-size: 16px; }
    .section-heading h4, .section-block-grey h4, .section-block-dark h4 { font-size: 18px; }
    .serv-section-2 { padding: 30px 10px; }
}

@media only screen and (min-width: 401px) {
    .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    .masonry-4 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}

@media screen and (max-width: 1200px) {
    .shop-tabs .tabs .tab-menu li { background: #f7f7f7; display: inline-block; text-align: center; width: auto; }
    .shop-tabs .tabs .tab-menu li a { color: #111; display: block; font-size: 15px; font-weight: 500; padding: 18px 24px; text-decoration: none; }
    .default-tabs .tabs .tab-menu li { background: #f7f7f7; display: inline-block; text-align: center; width: auto; }
    .default-tabs .tabs .tab-menu li a { color: #111; display: block; font-size: 15px; font-weight: 500; padding: 18px 24px; text-decoration: none; }
    .big-icon-tabs .tabs .tab-menu li { background: #f7f7f7; display: inline-block; text-align: center; width: auto; }
    .big-icon-tabs .tabs .tab-menu li a { color: #111; display: block; font-size: 15px; font-weight: 500; padding: 18px 24px; text-decoration: none; }
    .project-grid-overlay { bottom: 0; left: 0px; right: 0; bottom: 0px; width: 100%; height: 100%; }
}

.faq-wrapper .panel-heading a:after { content: '\f106'; display: block; position: absolute; right: 30px; top: 26px; font-size: 13px; font-family: 'FontAwesome'; transition: .3s; transition-delay: 2s; }
.faq-wrapper .panel-heading a.collapsed:after { content: "\f107"; display: block; position: absolute; right: 30px; top: 20px; font-size: 13px; font-family: 'FontAwesome'; transition-delay: 2s; }
.panel + .panel { margin-top: 20px; }
.faq-wrapper .panel .panel-heading { background-color: #f8f8f8; border-bottom: 1px solid #e4e1e1; padding: 0px !important; position: relative; }
.d-block { display: block !important; }
.faq-wrapper .panel .panel-heading span.icon-6 { width: 25px; height: 25px; display: inline-block !important; margin: 0 25px !important; border-right: 1px solid #f2f0f0; }
.faq-wrapper .panel .panel-heading .panel-title { letter-spacing: 1px; font-weight: 600; font-size: 16px !important; border-left: 1px solid #ececec; padding: 20px 30px 20px 20px; vertical-align: middle; margin-bottom: 0px; }
.faq-wrapper .panel-body { border-top: none; background: #f4f4f4; padding: 1.57rem 3.2rem; }
.faq-wrapper .panel-body p { padding-left: 45px; }

@media only screen and (max-width: 1024px) {
    .faq-wrapper .panel .panel-heading .panel-title { width: 75%; }
}

@media screen and (max-height: 450px) {
    .search-overlay a { font-size: 20px }
    .search-overlay .closebtn { font-size: 40px; top: 15px; right: 35px; }
}

@-webkit-keyframes pulse {
    25% { -webkit-transform: scale(1); transform: scale(1); }
    75% { -webkit-transform: scale(.85); transform: scale(.85); }
}

@keyframes pulse {
    25% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    75% { -webkit-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); }
}

@keyframes loader-rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@keyframes construction-rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@keyframes construction-rotate-back {
    0% { transform: rotate(0); }
    100% { transform: rotate(-360deg); }
}
.section_plan { }
.section_plan img { border-radius: 50% !important; }
.section_plan img:hover { border-radius: 0% !important; box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.07) !important; }