/* Template: The Corps - Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Version: 2.0 Design and Developed by: potenzaglobalsolutions.com NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required! */ /*================================================ [ Table of contents ] ================================================ :: Header ====================================== [ End table content ] ======================================*/ body { font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 24px; color: #363636; } a { outline: none !important; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; color: #00a9da; } a:hover, a:focus, a:active { text-decoration: none; outline: none; color: #363636; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: normal; color: #363636; margin-top: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 40px; font-style: normal; font-weight: 500; line-height: 50px; } h2 { font-size: 25px; font-style: normal; font-weight: 400; line-height: 44px; } h3 { font-size: 26px; font-style: normal; font-weight: 400; line-height: 36px; } h4 { font-size: 22px; font-style: normal; font-weight: 400; line-height: 32px; } h5 { font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } h6 { font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; } ul { margin: 0px; padding: 0px; } li { list-style: none; } *::-moz-selection { background: #363636; color: #fff; text-shadow: none; } ::-moz-selection { background: #363636; color: #fff; text-shadow: none; } ::selection { background: #363636; color: #fff; text-shadow: none; } p { color: #626262; font-weight: normal; line-height: 24px; } hr { margin-bottom: 35px; } .clear { clear: both; } /************************* back-to-top *************************/ #back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; transition: all .5s ease-in-out; position: fixed; bottom: 105px; right: 15px; border-radius: 3px; z-index: 999; background: transparent; font-size: 14px; background: #00a9da; width: 40px; height: 40px; text-align: center; line-height: 38px; } #back-to-top .top:hover { color: #fff; height: 50px; } .home-2 #back-to-top .top { background: #007da1; } /************************************* section title **************************************/ span.tooltip-content { color: #00a9da; font-weight: 600; cursor: help; } .tooltip-content + .tooltip > .tooltip-inner { background: #363636; color: #fff; padding: 5px; font-size: 13px; width: 200px; position: relative; z-index: 99; top: 0px; left: 5px; } .tooltip-content + .tooltip.bottom .tooltip-arrow { width: 0; height: 0; border-top: 10px solid #363636; border-bottom: 10px solid #363636; border-left: 10px solid #363636; margin-left: 0px; border-top-color: #363636; } .tooltip-content i { border: 1px solid #00a9da; border-radius: 50%; height: 30px; padding: 10px; width: 30px; line-height: 9px; text-align: center; font-weight: normal; background: transparent; font-size: 16px; position: relative; z-index: 999; } /************************************* section title **************************************/ .section-title-1 { margin-bottom: 60px; } .section-title-1 h1 { margin-top: 0px; text-transform: capitalize; color: #00a9da; } .entry-content .section-title-1 h1 { margin-bottom: 0px; } .section-title-1 p { margin-bottom: 0px; font-size: 16px; } .section-title-1 .title-line { padding: 25px 0 10px; } .section-title-1 .title-line:before { background: #00a9da; content: ""; display: block; height: 2px; margin: 0 auto; width: 220px; } .section-title-1 .title-line:after { background: #00a9da; content: ""; display: block; height: 6px; position: relative; top: -6px; margin: 0 auto; width: 60px; } /*dark title*/ .row-background-dark .section-title-1 h1 { color: #ffffff; } .row-background-dark .section-title-1 p { color: #ffffff; } /************************************* inner-intro **************************************/ .inner-intro { height: 410px; display: block; } .inner-intro .intro-title-inner { margin-bottom: 30px; } .inner-intro .container { display: table; height: 100%; position: relative; } .inner-intro span { text-transform: capitalize; } .inner-intro h1 { text-transform: capitalize; } .intro-title { display: table-cell; vertical-align: bottom; } .intro-title p { font-size: 18px; //text-transform: capitalize; } ul.page-breadcrumb li span { color: #fff; font-size: 14px; text-transform: capitalize; } ul.page-breadcrumb li a span { color: #fff; font-size: 14px; text-transform: capitalize; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } ul.page-breadcrumb { padding-top: 60px; padding-bottom: 25px; } ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; } ul.page-breadcrumb li i { font-size: 14px; padding: 0 7px; } ul.page-breadcrumb li a { color: #fff; font-size: 14px; text-transform: capitalize; } ul.page-breadcrumb li:hover a span { color: #00a9da; } .page-breadcrumb.breadcrumbs > li.home:before { transition: all 0.5 ease-in-out; -webkit-transition: all 0.5 ease-in-out; -ms-transition: all 0.5 ease-in-out; -moz-transition: all 0.5 ease-in-out; -o-transition: all 0.5 ease-in-out; } .page-breadcrumb.breadcrumbs > li.home:hover:before { color: #00a9da; } /************************* Header 1 *************************/ #header.defualt { background: transparent; z-index: 999; padding: 0px; margin: 0px; position: absolute; width: 100%; } /*topbar*/ .topbar { padding: 10px 0px; } .topbar ul li { display: inline-block; color: #fff; font-size: 14px; font-weight: normal; margin-right: 10px; } .topbar ul li:last-child { margin-right: 0px; padding-right: 0px; } .topbar ul li a { color: #fff; } .topbar ul li a:hover { color: #00a9da; } .topbar ul li i { margin-right: 5px; } .topbar ul li:last-child i { margin-right: 0; } /*search*/ .search { display: block; line-height: 20px; position: relative; vertical-align: top; z-index: 9999; } .search .search-btn { outline: none; display: block; height: 20px; line-height: 31px; position: relative; text-indent: -9999px; width: 14px; color: #626262; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; margin-left: 10px; } .search .search-btn:before { line-height: 102px; content: ""; font-family: "FontAwesome"; color: #fff; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: -8px; } .search.search-open .search-btn:before { content: ""; } .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: -9999px !important; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 0 0 3px 3px; } .search.search-open .search-box { opacity: 1 !important; top: 90px !important; visibility: visible !important; } .search .search-box input { background: transparent; border: 1px solid #eceff8; padding-left: 15px; box-shadow: none; padding-right: 38px; } .search .search-box input:focus { background: transparent; border: 1px solid #00a9da; } .search.search-open i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; color: #626262; } .search.search-open i:hover { color: #00a9da; } .search .content-main { padding: 60px 0 80px; } .search .content-main .pagination { margin-top: 50px; } .search footer.entry-meta { margin-top: 15px; } /*mega-menu*/ .mega-menu .menu-logo { padding: 20px 0px; } .mega-menu .drop-down-multilevel.right-menu { right: 26px; } .mega-menu .menu-links > li:last-child > a { padding-right: 0px; } .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down a { color: #363636; } .mega-menu .menu-links > li.active .drop-down li.active a { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down li.active a i { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down a i:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #00a9da; background: #eceff7; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #363636; background: transparent; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #00a9da; background: #eceff7; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #363636; background: transparent; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #00a9da; background: #eceff7; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #363636; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #00a9da; } .mega-menu .row { margin-left: 0px; margin-right: 0px; } .mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } .mega-menu.desktopTopFixed .menu-list-items { background: #363636; padding: 0px; } .mega-menu.desktopTopFixed .menu-logo { padding: 0px; } .mega-menu.desktopTopFixed .search .search-btn:before { line-height: 72px; } .mega-menu.desktopTopFixed .search.search-open .search-box { top: 72px !important; } .mega-menu .logo-type-sticky { display: none; } .mega-menu.desktopTopFixed .logo-type-default { display: none; } .mega-menu.desktopTopFixed .logo-type-sticky { display: block; } .admin-bar .mega-menu.desktopTopFixed .menu-list-items { top: 32px; } .desktopTopFixed .search .search-btn::before { top: 0px; } /* Defualt Menu */ .mega-menu.default-menu .drop-down-multilevel li a { border-bottom: none; } /*login */ .login-main { position: relative; } .login-1 { display: none; background: #fff; padding: 20px; position: absolute; right: 0; z-index: 9999; margin-top: 11px; width: 300px; border: 1px solid #eceff8; border-radius: 3px; } .login-1:before { bottom: 100%; right: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } .login-1 a.button { margin-right: 0; } .login-1 .button span { padding: 7px 0px; color: #fff; width: 102px; text-align: center; } .login-1 .button.button-grey span { padding: 7px 18px; color: #00a9da; } .login-1 input { background: #eceff8; border: 2px solid #eceff8; height: 45px; color: #363636; } .login-1 input:focus { background: transparent; border: 2px solid #00a9da; } .login-1 span { color: #363636; display: inline-block; font-size: 15px; padding: 8px 10px 0; vertical-align: top; } .login-1 strong { font-size: 15px; padding: 0 10px; font-weight: 400; } .login-1 a.forgot { font-size: 15px; color: #626262; margin-left: 0px; display: inline-block; margin-top: 12px; } .login-1 .social { border-top: 1px solid #eceff8; margin-top: 20px; padding-top: 18px; text-align: center; } .login-1 .social span { float: none; color: #626262; padding-top: 5px; } .login-1 .social a { background: transparent; border-radius: 50%; color: #626262; display: inline-block; height: 30px; line-height: 29px; margin-top: 0; padding-left: 6px; text-align: center; width: 30px; } .login-1 .social a:hover { color: #fff; } .login-1 .social a.fb { border: 1px solid #3b5998; } .login-1 .social a.fb:hover { background: #3b5998; border: 1px solid #3b5998; color: #fff; } .login-1 .social a.twitter { border: 1px solid #55acee; } .login-1 .social a.twitter:hover { background: #55acee; border: 1px solid #55acee; color: #fff; } .login-1 .social a.google-plus { border: 1px solid #dd4b39; } .login-1 .social a.google-plus:hover { background: #dd4b39; border: 1px solid #dd4b39; color: #fff; } .topbar-left .login-1 { left: 0px; margin-top: 11px; } /*checkbox*/ .remember-checkbox { margin-bottom: 20px; } .remember-checkbox a { color: #00a9da; } .remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer; } .remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: 0px; left: 0; padding-left: 2px; } .remember-checkbox label:before { border: 2px solid #00a9da; content: ""; height: 20px; margin-top: 3px; width: 20px; } .remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } .remember-checkbox input[type="checkbox"] { display: none; } .remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } /*all id*/ #one+label:before, #one+label:after { color: #00a9da; } #two+label:before, #two+label:after { color: #00a9da; } /*header topbar-dark*/ #header.topbar-dark { background: #fff; z-index: 999; padding: 0px; margin: 0px; position: relative; width: 100%; } #header.topbar-dark .topbar { background: #363636; } #header.topbar-dark .mega-menu .menu-links > li > a { color: #363636; } #header.topbar-dark .mega-menu .menu-links > li.current-menu-ancestor > a { color: #00a9da; } #header.topbar-dark .mega-menu.desktopTopFixed .menu-list-items { background: #fff; padding: 0px; } #header.topbar-dark .search .search-btn:before { color: #626262; } #header.topbar-dark .mega-menu .menu-links > li.active > a { color: #00a9da; } /*topbar-light*/ #header.topbar-light { background: #363636; } #header.topbar-light .topbar { background: #fff; } #header.topbar-light .topbar ul li { color: #626262; } #header.topbar-light .topbar ul li a { color: #626262; } #header.topbar-light .login-1:before { border-bottom-color: #eceff8; } #header.topbar-light .topbar ul li a:hover, #header.topbar-light .topbar ul li a:hover { color: #00a9da; } /*transparent*/ #header.transparent { background: transparent; z-index: 999; padding: 0px; margin: 0px; position: absolute; width: 100%; } /*home-page-6*/ .page-id-668 .transparent .mega-menu .menu-links > li > a { color: #363636; } .page-id-668 .transparent .search .search-btn:before { color: #626262; } .page-id-668 .transparent .mega-menu .menu-links > li.active > a { color: #00a9da; } .page-id-668 .transparent .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; padding: 0px; } /*home-page-10*/ .page-id-915 .transparent .mega-menu .menu-links > li > a { color: #363636; } .page-id-915 .transparent .search .search-btn:before { color: #626262; } .page-id-915 .transparent .mega-menu .menu-links > li.active > a { color: #00a9da; } .page-id-915 .transparent .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; padding: 0px; } /*home-page-9*/ .page-id-891 #header.transparent-fullwidth .mega-menu .menu-links > li > a { color: #363636; } .page-id-891 #header.transparent-fullwidth .search .search-btn:before { color: #363636; } /*topbar-light*/ #header.light { background: #fff; z-index: 999; padding: 0px; margin: 0px; position: relative; width: 100%; } #header.light .mega-menu .menu-links > li > a { color: #363636; } #header.light .mega-menu.desktopTopFixed .menu-list-items { background: #fff; padding: 0px; } #header.light .search .search-btn:before { color: #626262; } #header.light .mega-menu .menu-links > li.active > a { color: #00a9da; } /*topbar-light-transparent*/ #header.light-transparent { background: rgba(255, 255, 255, 0.6); z-index: 999; padding: 0px; margin: 0px; position: absolute; width: 100%; } #header.light-transparent .mega-menu .menu-links > li > a { color: #363636; } #header.light-transparent .mega-menu .menu-links > li.current-menu-ancestor > a { color: #00a9da; } #header.light-transparent .mega-menu.desktopTopFixed .menu-list-items { background: rgba(255, 255, 255, 0.6); padding: 0px; } #header.light-transparent .search .search-btn:before { color: #626262; } #header.light-transparent .mega-menu .menu-links > li.active > a { color: #00a9da; } /*topbar-dark-transparent*/ #header.dark-transparent { background: rgba(0, 0, 0, 0.4); z-index: 999; padding: 0px; margin: 0px; position: absolute; width: 100%; border-bottom: 0px; } #header.dark-transparent .mega-menu.desktopTopFixed .menu-list-items { background: #363636; padding: 0px; } #header.dark-transparent .search .search-btn:before { color: #fff; } #header.dark-transparent .mega-menu .menu-links > li.active > a { color: #00a9da; } /*#header logo-right*/ #header.logo-right { background: #fff; z-index: 999; padding: 0px; margin: 0px; position: relative; width: 100%; } #header.logo-right .mega-menu .menu-logo { float: right; } #header.logo-right .mega-menu .menu-links { float: left; } #header.logo-right .search-box { left: 0px; } #header.logo-right .search .search-btn:before { padding-left: 2px; } #header.logo-right .mega-menu .menu-links > li > a { color: #363636; } #header.logo-right .mega-menu .menu-links > li.current-menu-ancestor > a { color: #00a9da; } #header.logo-right .search .search-btn:before { color: #626262; } #header.logo-right .mega-menu .menu-links > li.active > a { color: #00a9da; } #header.logo-right .mega-menu.desktopTopFixed .menu-list-items { background: #fff; padding: 0px; } #header.logo-right .mega-menu .drop-down-multilevel.right-menu { right: inherit; } #header.logo-right .mega-menu .drop-down.offset-4, #header.logo-right .mega-menu .drop-down-tab-bar.offset-4 { margin-left: 0px; } /*topbar-logo-center-transparent*/ #header.logo-center .mega-menu { border-bottom: 1px solid #eeeeee; } #header.logo-center { background: #fff; z-index: 999; padding: 0px; margin: 0px; position: relative; width: 100%; } #header.logo-center .mega-menu .menu-links > li > a { color: #363636; } #header.logo-center .mega-menu .menu-links > li.current-menu-ancestor > a { color: #00a9da; } #header.logo-center .mega-menu.desktopTopFixed .menu-list-items { background: #fff; padding: 0px; } #header.logo-center .search .search-btn:before { color: #626262; line-height: 62px; } #header.logo-center .mega-menu .menu-links > li.active > a { color: #00a9da; } #header.logo-center .mega-menu .menu-logo { float: none; text-align: center; display: block; } #header.logo-center .mega-menu .menu-logo > li { float: none; text-align: center; display: block; } #header.logo-center .mega-menu .menu-logo > li > a { float: none; text-align: center; display: block; } #header.logo-center .mega-menu img { display: block; text-align: center; float: none; margin: 0 auto; } #header.logo-center .mega-menu .menu-links { float: left; } #header.logo-center .search { float: right; } #header.logo-center .mega-menu .drop-down-multilevel.right-menu { right: inherit; } #header.logo-center .mega-menu .drop-down.offset-4, #header.logo-center .mega-menu .drop-down-tab-bar.offset-4 { margin-left: 0px; } #header.logo-center .mega-menu .menu-links > li > a { line-height: 62px; } #header.logo-center .search.search-open .search-box { top: 62px !important; } #header.logo-center .mega-menu.desktopTopFixed .menu-links { float: right; } #header.logo-center .mega-menu.desktopTopFixed .search { float: right; } #header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; border: none; padding: 10px 0px; } #header.logo-center .mega-menu.desktopTopFixed .menu-logo > li { float: left; } #header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } #header.logo-center .mega-menu.desktopTopFixed .menu-links > li:last-child a { padding-right: 13px; } #header.logo-center .mega-menu.desktopTopFixed .drop-down-multilevel.right-menu { right: 26px; } #header.logo-center .mega-menu img.logo-type-sticky { display: none; } #header.logo-center .mega-menu.desktopTopFixed img.logo-type-sticky { display: block; } #header.logo-center .col-md-offset-5.col-sm-6, #header.logo-right .col-md-offset-5.col-sm-6, #header.burger-left .col-md-offset-5.col-sm-6 { margin-left: 0px; } /*topbar-light-fullwidth*/ .page-wrapper { overflow: hidden; position: relative; } .menu-list-items .container-fluid { padding: 0px 60px; } #header.light-fullwidth { background: #fff; z-index: 999; padding: 0px; margin: 0px; position: relative; width: 100%; } #header.light-fullwidth .mega-menu .menu-links > li > a { color: #363636; } #header.light-fullwidth .mega-menu .menu-links > li.current-menu-ancestor > a { color: #00a9da; } #header.light-fullwidth .mega-menu.desktopTopFixed .menu-list-items { background: #fff; padding: 0px; } #header.light-fullwidth .search .search-btn:before { color: #626262; } #header.light-fullwidth .mega-menu .menu-links > li.active > a { color: #00a9da; } /*#header.transparent-fullwidth*/ #header.transparent-fullwidth { background: transparent; z-index: 999; padding: 0px; margin: 0px; position: absolute; width: 100%; } #header.transparent-fullwidth .mega-menu .menu-links > li > a { color: #fff; } #header.transparent-fullwidth .mega-menu .menu-links > li.current-menu-ancestor > a { color: #00a9da; } #header.transparent-fullwidth .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } #header.transparent-fullwidth .mega-menu.desktopTopFixed .menu-list-items { background: #fff; padding: 0px; } #header.transparent-fullwidth .search .search-btn:before { color: #fff; } #header.transparent-fullwidth .mega-menu .menu-links > li.active > a { color: #00a9da; } #header.transparent-fullwidth .mega-menu { border-bottom: 0px; } /*header.secondary-menu-transparent*/ #header.secondary-menu-transparent { background: transparent; z-index: 999; padding: 0px; margin: 0px; position: absolute; width: 100%; } /*slide menu*/ #menu-toggle { position: absolute; width: 100%; right: 0; top: 0; color: #444444; z-index: 99999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } #menu-toggle.open { right: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } #menu-icon { width: 25px; height: 25px; position: absolute; right: 46px; top: 40px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #menu-icon span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #menu-icon span:nth-child(even) { left: 50%; } #menu-icon span:nth-child(odd) { left: 0px; } #menu-icon span:nth-child(1), #menu-icon span:nth-child(2) { top: 5px; } #menu-icon span:nth-child(3), #menu-icon span:nth-child(4) { top: 12px; } #menu-icon span:nth-child(5), #menu-icon span:nth-child(6) { top: 19px; } #menu-icon.open span:nth-child(1), #menu-icon.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #menu-icon.open span:nth-child(2), #menu-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #menu-icon.open span:nth-child(1) { left: 0px; top: 10px; } #menu-icon.open span:nth-child(2) { left: calc(50% - 5px); top: 10px; } #menu-icon.open span:nth-child(3) { left: -50%; opacity: 0; } #menu-icon.open span:nth-child(4) { left: 100%; opacity: 0; } #menu-icon.open span:nth-child(5) { left: 0px; top: 19px; } #menu-icon.open span:nth-child(6) { left: calc(50% - 5px); top: 19px; } .submenu-toggle { position: absolute; right: 0px; top: 0px; cursor: pointer; width: 45px; height: 45px; text-indent: -5000px; overflow: hidden; } .submenu-toggle.open { background: rgba(255, 255, 255, .1); height: 100%; z-index: 5000; top: 0; } .submenu-toggle:before, .submenu-toggle:after { -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; } .submenu-toggle:before { content: ''; display: block; position: absolute; height: 16px; width: 16px; top: 12px; right: 15px; border-top: 5px solid #929292; border-right: 5px solid #929292; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .submenu-toggle:after { content: ''; display: block; position: absolute; height: 16px; width: 16px; top: 12px; right: 50px; border-top: 5px solid #929292; border-right: 5px solid #929292; -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); } .submenu-toggle:hover:before, .submenu-toggle:hover:after { border-color: white; } .submenu-toggle.open:before { right: 23px; } .submenu-toggle.open:after { right: 23px; } /*contant*/ #menu { list-style-type: none; padding: 46px 30px; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } #menu { background: #363636; width: 350px; position: fixed; top: 0; bottom: 0; right: -370px; z-index: 9999; } #menu li { position: relative; display: inline-block; } #menu h3 { margin-bottom: 20px; } #menu.open { right: 0; } #menu .menu-side-top a { display: block; color: #fff; font-size: 14px; line-height: 35px; } #menu .menu-side-top a:hover { color: #00a9da; } /*login*/ #menu .login-side { display: block; background: transparent; } #menu a.button { margin-right: 0; float: left; } #menu .button span { padding: 7px 0px; color: #fff; width: 80px; text-align: center; } #menu .button.button-grey span { padding: 7px 18px; color: #00a9da; } #menu .login-side label { color: #fff; } #menu .login-side input { background: transparent; border: 1px solid #fff; height: 45px; color: #fff; } #menu .login-side input:focus { background: transparent; border: 1px solid #00a9da; } #menu .login-side span { color: #363636; display: inline-block; font-size: 15px; padding: 5px 10px; vertical-align: top; } #menu .login-side .form-control::-moz-placeholder { color: #fff; } #menu .login-side strong { font-size: 15px; padding: 0 10px; font-weight: 400; } #menu .login-side a.forgot { float: right; font-size: 15px; margin-top: 25px; } #menu .login-side p.register a { color: #00a9da; display: inline-block; } /*#header.secondary-menu-light*/ #header.secondary-menu-light { background: #fff; z-index: 999; padding: 0px; margin: 0px; position: relative; width: 100%; } #header.secondary-menu-light .mega-menu .menu-links > li > a { color: #363636; } #header.secondary-menu-light .mega-menu.desktopTopFixed .menu-list-items { background: #fff; padding: 0px; } #header.secondary-menu-light .search .search-btn:before { color: #626262; } #header.secondary-menu-light .mega-menu .menu-links > li.active > a { color: #00a9da; } #header.secondary-menu-light #menu-icon span { background: #626262; } /* Custom menu */ .secondary-menu-transparent .menu-side-item { margin-bottom: 30px; } .secondary-menu-transparent .first-widget .textwidget a { display: block; } .secondary-menu-transparent .forgot { float: right; } .secondary-menu-transparent #menu.open .widget_meta .widget-archives li { display: table; } .secondary-menu-transparent #menu .widget_categories .cat-item { display: block; } .secondary-menu-transparent #menu .widget_nav_menu li { display: block; } .secondary-menu-transparent .widget-alt label { font-weight: normal; } .secondary-menu-transparent .register { margin-top: 20px; } .secondary-menu-transparent #menu h3 { margin-bottom: 15px; } .secondary-menu-transparent .first-widget .textwidget a { color: #626262; } .secondary-menu-transparent .first-widget .textwidget a:hover { color: #00a9da; } .secondary-menu-transparent .widget_text .clearfix a, .secondary-menu-transparent .register a { color: #00a9da; } .secondary-menu-transparent .widget_text .clearfix a:hover, .secondary-menu-transparent .register a:hover { color: #626262; } .secondary-menu-transparent #menu a.button.button-white { background-color: #ffffff; border: 0 none; border-radius: 3px; color: #00a9da; display: inline-block; font-size: 15px; margin-right: 10px; padding: 0; overflow: hidden; position: relative; } .secondary-menu-transparent #menu a.button.button-white span { color: #363636; display: inline-block; font-size: 15px; padding: 5px 10px; } .secondary-menu-transparent #menu a.button::after { background: rgba(0, 0, 0, 0.09); content: ""; height: 100%; position: absolute; right: 0; top: 0; transition: all 0.3s ease-out 0s; width: 0; z-index: 1; } .secondary-menu-transparent #menu a.button:hover::after { width: 100%; } /* Sidebar */ .widget_archive label, .widget_categories label, .widget_text .textwidget strong { font-weight: normal; } .widget_recent_comments .recentcomments a:hover { color: #626262; } /*header burger*/ #header.burger { z-index: 999; position: absolute; width: 100%; } #header.burger .mega-menu .drop-down-multilevel.right-menu { right: 44px; } #header.burger .logo { display: block; position: relative; } #header.burger .logo img { width: inherit; height: 60px; } #header.burger .logo img.logo-type-sticky { display: none; } #header.burger .mega-menu.menuFullWidth { width: 100%; } #header.burger #menu-icon { width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #header.burger .desktopTopFixed #menu-icon { top: -13px; } #header.burger #menu-toggle { position: absolute; width: 100%; right: 0px; left: inherit; top: 35px; color: #444444; z-index: 99999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } #header.burger #menu-toggle.open { left: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } /*contant*/ #header.burger #menu { position: relative; background: #A0A0A0; width: 280px; position: fixed; top: 0; bottom: 0; right: -300px; z-index: 9999; list-style-type: none; padding: 46px 0px; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } #header.burger #menu:before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.7); } #header.burger #menu li { position: relative; display: block; } #header.burger #menu.open { right: 0; } #header.burger .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } #header.burger .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #4fc1e9; } #header.burger .mega-menu .menu-links > li.active .drop-down a { color: #363636; } #header.burger .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; } /*header burger*/ #header.burger-left { z-index: 999; position: absolute; width: 100%; } #header.burger-left .mega-menu .drop-down-multilevel.right-menu { left: 44px; } #header.burger-left .logo { display: block; position: relative; float: right; } #header.burger-left .logo img { width: inherit; height: 60px; } #header.burger-left .logo img.logo-type-sticky { display: none; } #header.burger-left .mega-menu.menuFullWidth { width: 100%; } #header.burger-left #menu-icon { width: 25px; height: 25px; position: absolute; left: 15px; top: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #header.burger-left #menu-toggle { position: absolute; width: 100%; left: 0px; left: inherit; top: 35px; color: #444444; z-index: 99999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } #header.burger-left #menu-toggle.open { left: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } /*contant*/ #header.burger-left #menu { position: relative; background: #A0A0A0; width: 280px; position: fixed; top: 0; bottom: 0; left: -300px; z-index: 9999; list-style-type: none; padding: 46px 0px; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } #header.burger-left #menu:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.7); } #header.burger-left #menu li { position: relative; display: block; } #header.burger-left #menu.open { left: 0; } #header.burger-left .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } #header.burger-left .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #4fc1e9; } #header.burger-left .mega-menu .menu-links > li.active .drop-down a { color: #363636; } #header.burger-left .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; } #header.burger-left .desktopTopFixed #menu-icon { top: -13px; } /************************* feature style 1 *************************/ .feature_text_box.feature_text_box_style_1 .feature_icon i { font-size: 30px; color: #00a9da; font-weight: normal; min-height: 30px; margin-bottom: 20px; display: block; } .feature_text_box.feature_text_box_style_1 .feature_info h4 { position: relative; padding-bottom: 15px; margin-bottom: 20px; } .feature_text_box.feature_text_box_style_1 .feature_info h4:before { position: absolute; bottom: 0px; content: ""; width: 70px; height: 2px; background: #00a9da; } .feature_text_box.feature_text_box_style_1 .feature_info a { font-size: 15px; color: #363636; position: relative; } .feature_text_box.feature_text_box_style_1 .feature_info i { opacity: 0; position: absolute; left: 75px; margin-top: 9px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; font-size: 12px; } .feature_text_box.feature_text_box_style_1 .feature_info a:hover { color: #00a9da; } .feature_text_box.feature_text_box_style_1 .feature_info a:hover i { left: 85px; opacity: 1; color: #00a9da; } /*darck bc*/ .row-background-dark.feature-before .feature_text_box.feature_text_box_style_1 .feature_icon i { color: #ffffff; } .row-background-dark.feature-before .feature_text_box.feature_text_box_style_1 .feature_info h4 { color: #ffffff; padding-bottom: 0px; } .row-background-dark.feature-before .feature_text_box.feature_text_box_style_1 .feature_info h4:before { display: none; } .feature-right { text-align: right; } .feature-right .feature_text_box.feature_text_box_style_1 .feature_info h4:before { right: 0px; left: inherit; } /************************* feature style 2 *************************/ .feature_text_box.feature_text_box_style_2 .feature_icon { float: left; width: 70px; height: 70px; background: transparent; border: 2px solid #fff; text-align: center; } .feature_text_box.feature_text_box_style_2 .feature_icon i { font-size: 25px; line-height: 65px; color: #ffffff; } .feature_text_box.feature_text_box_style_2 .feature_info { display: table-cell; padding-left: 30px; } .feature_text_box.feature_text_box_style_2 .feature_info h4 { color: #fff; margin-bottom: 10px; } .feature_text_box.feature_text_box_style_2 .feature_info p { color: #fff; line-height: 20px; } /************************* feature style 3 *************************/ .feature_text_box.feature_text_box_style_3 .feature_icon { float: left; display: table; margin-right: 20px; } .feature_text_box.feature_text_box_style_3 .feature_icon i { font-size: 30px; color: #00a9da; display: inline-block; min-width: 33px; } .feature_text_box.feature_text_box_style_3 .feature_info { display: table-cell; vertical-align: top; } .entry-content .feature_text_box.feature_text_box_style_3 .feature_info h4 { margin-bottom: 10px; } .feature_text_box.feature_text_box_style_3 .feature_info p { font-size: 14px; margin-bottom: 0px; } /************************* feature style 4 *************************/ .feature_text_box.feature_text_box_style_4 .feature_icon { display: block; text-align: center; margin-bottom: 20px; } .feature_text_box.feature_text_box_style_4 .feature_icon i { font-size: 34px; color: #363636; display: inline-block; min-height: 36px; } .feature_text_box.feature_text_box_style_4 .feature_info { font-size: 14px; margin-bottom: 0px; display: block; text-align: center; } .entry-content .feature_text_box.feature_text_box_style_4 .feature_info h4 { margin-bottom: 20px; } /************************* feature style 5 *************************/ .feature_text_box.feature_text_box_style_5 .feature_icon { display: block; text-align: center; background: transparent; border: 1px solid #eceff8; border-radius: 50%; display: block; height: 90px; margin: 0 auto; padding: 9px; text-align: center; width: 90px; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .feature_text_box.feature_text_box_style_5 .feature_icon i { width: 70px; height: 70px; border-radius: 50%; color: #363636; font-size: 26px; text-align: center; line-height: 75px; background: #eceff8; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .feature_text_box.feature_text_box_style_5 .feature_info { margin-top: 20px; } .feature_text_box.feature_text_box_style_5 .feature_info h4 { position: relative; display: block; text-align: center; padding-bottom: 20px; margin-bottom: 20px; } .feature_text_box.feature_text_box_style_5 .feature_info h4:before { position: absolute; content: ""; width: 70px; height: 2px; background: #00a9da; margin: 0 auto; left: 50%; margin-left: -35px; bottom: 0; } .feature_text_box.feature_text_box_style_5 .feature_info p { margin-bottom: 0px; text-align: center; } .feature_text_box.feature_text_box_style_5:hover .feature_icon { border-color: #00a9da; } .feature_text_box.feature_text_box_style_5:hover .feature_icon i { background: #00a9da; color: #fff; } /************************* feature style 6 *************************/ .feature_text_box.feature_text_box_style_6 { background: #ffffff; padding: 30px; text-align: center; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .feature_text_box.feature_text_box_style_6 .feature_icon { width: 100px; height: 100px; border-radius: 50%; border: 2px solid #00a9da; display: inline-block; text-align: center; line-height: 100px; font-size: 40px; color: #00a9da; margin-bottom: 30px; } .feature_text_box.feature_text_box_style_6 .feature_info h4 { margin-bottom: 25px; } .feature_text_box.feature_text_box_style_6:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); } /************************* feature style 7 *************************/ .feature_text_box.feature_text_box_style_7 { text-align: center; } .feature_text_box.feature_text_box_style_7 .feature_icon { border: 20px solid #2b2b2b; display: inline-block; border-radius: 50%; margin-bottom: 30px; } .feature_text_box.feature_text_box_style_7 .feature_icon i { border: 1px solid #393939; width: 130px; height: 130px; border-radius: 50%; line-height: 130px; text-align: center; background: #363636; display: inline-block; font-size: 40px; color: #fd8a04; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); } .feature_text_box.feature_text_box_style_7 .feature_info p { font-size: 13px; color: #fff; padding: 0 20px; text-align: center; } .feature_text_box.feature_text_box_style_7 .feature_info h4 { color: #ffffff; margin-bottom: 10px; } /************************* feature *************************/ .feature { background: #eceff7; padding: 3px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; } .feature-content { position: relative; z-index: 9; } .feature i { background: #fff; width: 100%; font-size: 30px; color: #00a9da; padding: 35px 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .feature h4 { text-transform: none; padding: 30px 0 10px; font-weight: 400; transition: all 0.3s ease-out 0s; } .entry-content .feature h4 { margin-bottom: 10px; } .feature p { font-weight: 100; padding: 0 20px; transition: all 0.3s ease-out 0s; line-height: 24px; } .feature a { font-size: 14px; font-weight: 100; color: #626262; margin: 25px 0 10px; display: block; position: relative; z-index: 3; } .feature .feature-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } .feature .border { position: absolute; background: #00a9da; height: 0px; bottom: 0; left: 0; z-index: 2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .feature:hover .feature-img, .feature.active .feature-img { opacity: 1; } .feature:hover .border, .feature.active .border { height: 45px; } .feature:hover i, .feature.active i { background: rgba(255, 255, 255, 0); color: #fff; padding-bottom: 15px; } .feature:hover h4, .feature.active h4, .feature:hover p, .feature.active p { color: #fff; } .feature:hover a, .feature.active a { color: #fff; margin-top: 45px; } .feature:hover:before, .feature.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } /************************* list style *************************/ ul.pgs_list_style_1 li { font-size: 14px; color: #626262; margin-bottom: 15px; display: table; } ul.pgs_list_style_1 li i { padding-right: 15px; color: #00a9da; display: table-cell; } ul.pgs_list_style_1 li span { padding-right: 20px; display: table-cell; } ul.pgs_list_style_2 li { font-size: 14px; color: #626262; margin-bottom: 15px; } ul.pgs_list_style_2 li i { background: #00a9da; width: 25px; height: 25px; line-height: 25px; color: #fff; border-radius: 50%; text-align: center; margin-right: 15px; display: inline-block; } ul.pgs_list_style_3 li { font-size: 14px; color: #626262; margin-bottom: 15px; border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; } ul.pgs_list_style_3 li i { background: #00a9da; width: 25px; height: 25px; line-height: 25px; color: #fff; border-radius: 50%; text-align: center; margin-right: 15px; display: inline-block; } .entry-content ul.pgs_list_style_2 li, .entry-content ul.pgs_list_style_3 li { list-style: none; } .entry-content ul.pgs_list_style_1, .entry-content ul.pgs_list_style_2, .entry-content ul.pgs_list_style_3 { padding-left: 0; } /************************* accodian *************************/ .vc_tta-style-pgs_accordion_style_1 { border: 1px solid #eceff7; } .vc_tta-style-pgs_accordion_style_1 .vc_tta-panel { border-bottom: 1px solid #eceff7; margin-bottom: -1px; } .vc_tta-style-pgs_accordion_style_1 .vc_tta-panel.vc_active .vc_tta-panel-heading { background: #00a9da; color: #ffffff; border-radius: 0px; } .vc_tta-style-pgs_accordion_style_1 .vc_tta-panel.vc_active .vc_tta-panel-heading h4 { color: #ffffff; } .vc_tta-style-pgs_accordion_style_1 .vc_tta-panel .vc_tta-panel-heading h4 { font-size: 16px; } .vc_tta-style-pgs_accordion_style_1.vc_tta.vc_general .vc_tta-panel-title>a { padding: 10px 20px 10px 20px; } .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left: 16px !important; } /*vc_tta-style-pgs_accordion_style_2*/ .vc_tta-style-pgs_accordion_style_2 .vc_tta-panel .vc_tta-panel-heading { background: #ffffff; color: #626262; border-radius: 0px; } .vc_tta-style-pgs_accordion_style_2 .vc_tta-panel.vc_active .vc_tta-panel-heading { color: #00a9da; border-radius: 0px; } .vc_tta-style-pgs_accordion_style_2.vc_tta.vc_general .vc_tta-panel-title>a { padding: 10px 20px; font-size: 16px; } .vc_tta-style-pgs_accordion_style_2 .vc_tta-panel-body { background: #ffffff; } .vc_tta-style-pgs_accordion_style_2.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title>a, .vc_tta-style-pgs_accordion_style_2.vc_tta.vc_general .vc_tta-panel:hover .vc_tta-panel-title>a { color: #00a9da; } /*vc_tta-style-pgs_accordion_style_3*/ .vc_tta-style-pgs_accordion_style_3 { border: 1px solid #eceff7; } .vc_tta-style-pgs_accordion_style_3 .vc_tta-panel { border-bottom: 1px solid #eceff7; margin-bottom: -1px; } .vc_tta-style-pgs_accordion_style_3 .vc_tta-panel.vc_active .vc_tta-panel-heading { background: #00a9da; color: #ffffff; border-radius: 0px; } .vc_tta-style-pgs_accordion_style_3 .vc_tta-panel.vc_active .vc_tta-panel-heading h4 { color: #ffffff; } .vc_tta-style-pgs_accordion_style_3 .vc_tta-panel .vc_tta-panel-heading h4 { font-size: 16px; } .vc_tta-style-pgs_accordion_style_3.vc_tta.vc_general .vc_tta-panel-title>a { padding: 10px 46px 10px 20px } /************************* tab *************************/ /*tab 1*/ .vc_tta-style-pgs_tabs_style_1 { border: 1px solid #eceff7; padding: 20px; } .vc_tta-style-pgs_tabs_style_1 .vc_tta-tab { background: #eceff7; color: #363636; } .vc_tta-style-pgs_tabs_style_1 .vc_tta-tab.vc_active { background: #00a9da; color: #ffffff; } .vc_tta-style-pgs_tabs_style_1.vc_tta.vc_general .vc_tta-tab>a { padding: 8px 14px; font-size: 14px; text-transform: uppercase; } .vc_tta-style-pgs_tabs_style_1.vc_tta.vc_general .vc_tta-panel-body { padding: 14px 0px; } /*tab 2*/ .vc_tta-style-pgs_tabs_style_2 { padding: 0 100px; } .vc_tta-style-pgs_tabs_style_2 .vc_tta-tab { background: transparent; color: #363636; } .vc_tta-style-pgs_tabs_style_2 .vc_tta-tab.vc_active { background: transparent; color: #00a9da; } .vc_tta-style-pgs_tabs_style_2.vc_tta.vc_general .vc_tta-tab>a { padding: 8px 14px; font-size: 20px; font-weight: 300; } .vc_tta-style-pgs_tabs_style_2 h4 { font-weight: 300; margin-bottom: 30px; margin-top: 20px; } /*tab 3*/ .vc_tta-style-pgs_tabs_style_3 .vc_tta-tabs-list { background: #eceff7; } .vc_tta-style-pgs_tabs_style_3 .vc_tta-tab { background: #eceff7; color: #363636; } .vc_tta-style-pgs_tabs_style_3 .vc_tta-tab.vc_active { background: #00a9da; color: #ffffff; } .vc_tta-style-pgs_tabs_style_3.vc_tta.vc_general .vc_tta-tab>a { padding: 8px 14px; font-size: 18px; } /************************* tabs *************************/ #tabs { margin: 0; padding: 0; font-size: 14px; line-height: 25px; } #tabs .tabs { position: relative; margin: 0; text-align: center; } .happy-clients #tabs .tabs li { overflow: visible; } #tabs .tabs li { padding: 10px 10px; color: #999999; background: transparent; margin-bottom: 0px; display: inline-block; margin: 0; cursor: pointer; position: relative; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } #tabs .tabcontent { overflow: hidden; } #tabs .tabs li.active { color: #999999; background: #fff; } #tabs .tabs li img { width: 130px; } #tabs ul.tabs li.active, #tabs ul.tabs li.active:focus, #tabs ul.tabs li:hover { background: #00a9da; } .animated-arrow:before, .animated-arrow:after { content: ""; position: absolute; border-top: 10px solid transparent; bottom: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .animated-arrow:before { border-right: 10px solid transparent; left: 0; } .animated-arrow:after { border-left: 10px solid transparent; right: 0; } #tabs ul.tabs li.active.animated-arrow:before, .animated-arrow:hover:before { border-right: 10px solid #00a9da; left: -webkit-calc(50% - 10px); left: -ms-calc(50% - 10px); left: -moz-calc(50% - 10px); left: -o-calc(50% - 10px); left: calc(50% - 10px); } #tabs ul.tabs li.active.animated-arrow:after, .animated-arrow:hover:after { border-left: 10px solid #00a9da; right: -webkit-calc(50% - 10px); right: -ms-calc(50% - 10px); right: -moz-calc(50% - 10px); right: -o-calc(50% - 10px); right: calc(50% - 10px); } .pulse { animation-name: pulse; -webkit-animation-name: pulse; -o-animation-name: pulse; -ms-animation-name: pulse; -moz-animation-name: pulse; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -o-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; } @keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-ms-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-moz-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-o-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .tabcontent { text-align: center; } /************************* button *************************/ .pgs_btn { text-transform: capitalize; } .pgs_btn:after { background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0; content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 0; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .pgs_btn:hover:after { width: 100%; } /*blue pgs_btn_xl*/ .pgs_btn.pgs_btn_style_1.pgs_btn_xl { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #00a9da; color: #fff; font-size: 15px; } .pgs_btn.pgs_btn_style_1.pgs_btn_xl i { background: rgba(0, 0, 0, 0.09); display: block; float: left; height: 54px; line-height: 54px; font-size: 16px; color: #fff; font-weight: normal; width: 54px; text-align: center; } .pgs_btn.pgs_btn_style_1.pgs_btn_xl span { display: block; float: left; position: relative; z-index: 2; padding: 16px 40px; font-size: 16px; color: #fff; font-weight: normal; } /*blue pgs_btn_lg*/ .pgs_btn.pgs_btn_style_1.pgs_btn_lg { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #00a9da; color: #fff; font-size: 15px; } .pgs_btn.pgs_btn_style_1.pgs_btn_lg i { background: rgba(0, 0, 0, 0.09); display: block; float: left; height: 48px; line-height: 48px; font-size: 16px; color: #fff; font-weight: normal; width: 48px; text-align: center; } .pgs_btn.pgs_btn_style_1.pgs_btn_lg span { display: block; float: left; position: relative; z-index: 2; padding: 12px 30px; font-size: 16px; color: #fff; font-weight: normal; } /*blue pgs_btn_md*/ .pgs_btn.pgs_btn_style_1.pgs_btn_md { line-height: 22px; border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 0px; overflow: hidden; padding: 0; position: relative; background-color: #00a9da; color: #fff; font-size: 15px; } .pgs_btn.pgs_btn_style_1.pgs_btn_md i { background: rgba(0, 0, 0, 0.09); display: block; float: left; height: 42px; line-height: 42px; font-size: 14px; color: #fff; font-weight: normal; width: 42px; text-align: center; } .pgs_btn.pgs_btn_style_1.pgs_btn_md span { display: block; float: left; position: relative; z-index: 2; padding: 10px 24px; font-size: 14px; color: #fff; font-weight: normal; } /*blue pgs_btn_sm*/ .pgs_btn.pgs_btn_style_1.pgs_btn_sm { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #00a9da; color: #fff; font-size: 15px; } .pgs_btn.pgs_btn_style_1.pgs_btn_sm i { background: rgba(0, 0, 0, 0.09); display: block; float: left; height: 40px; line-height: 44px; font-size: 13px; color: #fff; font-weight: normal; width: 38px; text-align: center; } .pgs_btn.pgs_btn_style_1.pgs_btn_sm span { display: block; float: left; position: relative; z-index: 2; padding: 8px 20px; font-size: 13px; color: #fff; font-weight: normal; } /*white pgs_btn_xl*/ .pgs_btn.pgs_btn_style_2.pgs_btn_xl { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #ffffff; color: #00a9da; font-size: 15px; } .pgs_btn.pgs_btn_style_2.pgs_btn_xl i { background: rgba(0, 0, 0, 0.09); display: block; float: left; height: 54px; line-height: 54px; font-size: 16px; color: #00a9da; font-weight: normal; width: 54px; text-align: center; } .pgs_btn.pgs_btn_style_2.pgs_btn_xl span { display: block; float: left; position: relative; z-index: 2; padding: 16px 40px; font-size: 16px; color: #00a9da; font-weight: normal; } /*white pgs_btn_lg*/ .pgs_btn.pgs_btn_style_2.pgs_btn_lg { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #ffffff; color: #00a9da; font-size: 15px; } .pgs_btn.pgs_btn_style_2.pgs_btn_lg i { background: rgba(0, 0, 0, 0.09); display: block; float: left; height: 48px; line-height: 48px; font-size: 16px; color: #00a9da; font-weight: normal; width: 48px; text-align: center; } .pgs_btn.pgs_btn_style_2.pgs_btn_lg span { display: block; float: left; position: relative; z-index: 2; padding: 12px 30px; font-size: 16px; color: #00a9da; font-weight: normal; } /*white pgs_btn_md*/ .pgs_btn.pgs_btn_style_2.pgs_btn_md { line-height: 22px; border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #ffffff; color: #00a9da; font-size: 15px; } .pgs_btn.pgs_btn_style_2.pgs_btn_md i { background: rgba(0, 0, 0, 0.09); display: block; float: left; height: 42px; line-height: 42px; font-size: 14px; color: #00a9da; font-weight: normal; width: 42px; text-align: center; } .pgs_btn.pgs_btn_style_2.pgs_btn_md span { display: block; float: left; position: relative; z-index: 2; padding: 10px 24px; font-size: 14px; color: #00a9da; font-weight: normal; } /*white pgs_btn_sm*/ .pgs_btn.pgs_btn_style_2.pgs_btn_sm { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #ffffff; color: #00a9da; font-size: 15px; } .pgs_btn.pgs_btn_style_2.pgs_btn_sm i { background: rgba(0, 0, 0, 0.09); display: block; float: left; height: 40px; line-height: 44px; font-size: 13px; color: #00a9da; font-weight: normal; width: 38px; text-align: center; } .pgs_btn.pgs_btn_style_2.pgs_btn_sm span { display: block; float: left; position: relative; z-index: 2; padding: 8px 20px; font-size: 13px; color: #00a9da; font-weight: normal; } /*black pgs_btn_xl*/ .pgs_btn.pgs_btn_style_3.pgs_btn_xl { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #444444; color: #ffffff; font-size: 15px; } .pgs_btn.pgs_btn_style_3.pgs_btn_xl i { background: rgba(0, 0, 0, 0.3); display: block; float: left; height: 54px; line-height: 54px; font-size: 16px; color: #ffffff; font-weight: normal; width: 54px; text-align: center; } .pgs_btn.pgs_btn_style_3.pgs_btn_xl span { display: block; float: left; position: relative; z-index: 2; padding: 16px 40px; font-size: 16px; color: #ffffff; font-weight: normal; } /*black pgs_btn_lg*/ .pgs_btn.pgs_btn_style_3.pgs_btn_lg { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #444444; color: #ffffff; font-size: 15px; } .pgs_btn.pgs_btn_style_3.pgs_btn_lg i { background: rgba(0, 0, 0, 0.3); display: block; float: left; height: 48px; line-height: 48px; font-size: 16px; color: #ffffff; font-weight: normal; width: 48px; text-align: center; } .pgs_btn.pgs_btn_style_3.pgs_btn_lg span { display: block; float: left; position: relative; z-index: 2; padding: 12px 30px; font-size: 16px; color: #ffffff; font-weight: normal; } /*black pgs_btn_md*/ .pgs_btn.pgs_btn_style_3.pgs_btn_md { line-height: 22px; border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #444444; color: #ffffff; font-size: 15px; } .pgs_btn.pgs_btn_style_3.pgs_btn_md i { background: rgba(0, 0, 0, 0.3); display: block; float: left; height: 42px; line-height: 42px; font-size: 14px; color: #ffffff; font-weight: normal; width: 42px; text-align: center; } .pgs_btn.pgs_btn_style_3.pgs_btn_md span { display: block; float: left; position: relative; z-index: 2; padding: 10px 24px; font-size: 14px; color: #ffffff; font-weight: normal; } /*black pgs_btn_sm*/ .pgs_btn.pgs_btn_style_3.pgs_btn_sm { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #444444; color: #ffffff; font-size: 15px; } .pgs_btn.pgs_btn_style_3.pgs_btn_sm i { background: rgba(0, 0, 0, 0.3); display: block; float: left; height: 40px; line-height: 44px; font-size: 13px; color: #ffffff; font-weight: normal; width: 38px; text-align: center; } .pgs_btn.pgs_btn_style_3.pgs_btn_sm span { display: block; float: left; position: relative; z-index: 2; padding: 8px 20px; font-size: 13px; color: #ffffff; font-weight: normal; } /************************* share button *************************/ .entry-share { position: relative; min-height: 58px; margin-top: 15px; } .share { position: absolute; cursor: pointer; right: 0; z-index: 9; } .share .share-button { background: #00a9da; border-radius: 3px; padding: 9px 15px; color: #fff; position: absolute; right: 0; z-index: 99; } .share ul { float: left; opacity: 0; background: #eceff8; border-radius: 3px; padding: 5px 15px; position: absolute; right: 10px; position: relative; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .share ul:before { position: absolute; z-index: 999; content: ""; right: -12px; top: 12px; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #eceff8; } .share ul li { display: inline-block; } .share ul li a { display: block; padding: 4px 10px 4px; } .share ul li a:hover { color: #363636; } .share:hover ul { opacity: 1; right: 60px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .share.small .share-button { padding: 8px 13px; font-size: 13px; } .share.small ul { padding: 2px 10px; width: 140px; } .share.small ul li a { display: block; padding: 4px 7px; } .share.small ul:before { border-width: 6px 0 6px 10px; top: 11px; right: -9px; } .share.small:hover ul { right: 52px; } /************************************* background overlay **************************************/ .vc_row { position: relative; } .vc_row .vc_row-background-overlay { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-repeat: repeat; } /************************************* pgs_team_style 1 **************************************/ .pgs_team_style-1 .team-images { position: relative; } .pgs_team_style-1 span { font-size: 14px; color: #00a9da; } .pgs_team_style-1 .team-overlay { background: #00a9da; bottom: 0; height: 0; left: 0; position: absolute; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; width: 100%; z-index: 2; } .pgs_team_style-1 .team-overlay .social { background: #363636; padding: 10px 0; } .pgs_team_style-1 .team-overlay .social li { display: inline-block; } .pgs_team_style-1 .team-overlay .social li a { display: block; font-size: 14px; padding: 5px 10px; font-weight: normal; color: #fff; background: transparent; height: inherit; width: inherit; line-height: 15px; } .pgs_team_style-1 .team-overlay .social li a:hover { color: #00a9da; } .pgs_team_style-1 .team-overlay .info { background: #00a9da; padding: 12px 0px; } .pgs_team_style-1 .team-overlay .info h5 { margin-bottom: 3px; text-transform: capitalize; } .pgs_team_style-1 .team-overlay .info span { color: #363636; font-size: 14px; } .pgs_team_style-1 .team-overlay .info a:hover { color: #363636; } .pgs_team_style-1 .team-inner { margin-bottom: 30px; } .pgs_team_style-1 .team-inner img { transition: transform 0.35s ease 0s; -webkit-transition: transform 0.35s ease 0s; -o-transition: transform 0.35s ease 0s; -ms-transition: transform 0.35s ease 0s; -moz-transition: transform 0.35s ease 0s; } .pgs_team_style-1 .team-inner { position: relative; overflow: hidden; position: relative; width: 100%; } .pgs_team_style-1 .team-inner:hover .team-overlay, .pgs_team_style-1 .team-inner.active .team-overlay { height: 114px; } .pgs_team_style-1 .team-inner:hover img, .pgs_team_style-1 .team-inner.active img { transform: translate3d(0px, -60px, 0px); -webkit-transform: translate3d(0px, -60px, 0px); -moz-transform: translate3d(0px, -60px, 0px); -o-transform: translate3d(0px, -60px, 0px); -ms-transform: translate3d(0px, -60px, 0px); } /************************************* pgs_team_style 2 **************************************/ .pgs_team_style-2 .team-inner { background: #eceff7; padding: 10px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 30px; } .pgs_team_style-2 .team-inner .team-description { padding: 20px 0; } .pgs_team_style-2 .team-inner .team-description a:hover { color: #363636; } .pgs_team_style-2 .team-inner h4 a { font-weight: 500; margin-bottom: 5px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .pgs_team_style-2 .team-inner span { font-size: 16px; color: #00a9da; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .pgs_team_style-2 .team-inner p { text-align: center; margin-bottom: 0px; margin-top: 10px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .pgs_team_style-2 .team-inner .team-social-icon { margin-bottom: 10px; } .pgs_team_style-2 .team-inner .team-social-icon a i { background: #fff; border: 1px solid #cfd6e8; border-radius: 50%; color: #363636; font-size: 14px; height: 40px; line-height: 40px; margin: 0 4px; text-align: center; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 40px; } .pgs_team_style-2 .team-inner.active .team-social-icon a i { border-color: #00a9da; } .pgs_team_style-2 .team-inner .team-social-icon a i:hover { background: #00a9da; color: #fff; border-color: #fff; } .pgs_team_style-2 .team-inner:hover, .pgs_team_style-2 .team-inner.active { background: #00a9da; } .pgs_team_style-2 .team-inner:hover h4 a, .pgs_team_style-2 .team-inner.active h4 a { color: #fff; } .pgs_team_style-2 .team-inner:hover span, .pgs_team_style-2 .team-inner.active span { color: #fff; } .pgs_team_style-2 .team-inner:hover p, .pgs_team_style-2 .team-inner.active p { color: #fff; } /************************************* pgs_team_style 3 **************************************/ .pgs_team_style-3 .team-inner .team-image img { border-radius: 50%; margin-bottom: 20px; } .pgs_team_style-3 .team-inner .team-name h5 { color: #00a9da; font-size: 18px; text-transform: uppercase; font-weight: 400; margin-top: 30px; margin-bottom: 10px; display: block; } .pgs_team_style-3 .team-inner .team-name span { color: #626262; font-size: 14px; } .pgs_team_style-3 .team-inner .team-name a { color: #00a9da; } .pgs_team_style-3 .team-inner .team-social { margin-top: 15px; } .pgs_team_style-3 .team-inner .team-social ul li { display: inline-block; } .pgs_team_style-3 .team-inner .team-social ul li a { display: block; width: 30px; height: 30px; line-height: 32px; color: #626262; font-size: 12px; background: #eceff8; border-radius: 50%; margin: 0px 2px; } .pgs_team_style-3 .team-inner .team-social ul li a:hover { background: #363636; color: #fff; } /************************************* pgs_team_style 4 **************************************/ .pgs_team_style-4 .team-images { position: relative; } .pgs_team_style-4 span { font-size: 14px; color: #00a9da; } .pgs_team_style-4 .team-overlay { background: #00a9da; bottom: 0; height: 0; left: 0; position: absolute; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; width: 100%; z-index: 2; } .pgs_team_style-4 .team-overlay .social { background: #363636; padding: 10px 0; } .pgs_team_style-4 .team-overlay .social li { display: inline-block; } .pgs_team_style-4 .team-overlay .social li a { display: block; font-size: 14px; padding: 5px 10px; font-weight: normal; color: #fff; background: transparent; height: inherit; width: inherit; line-height: 15px; } .pgs_team_style-4 .team-overlay .social li a:hover { color: #00a9da; } .pgs_team_style-4 .team-overlay .info { background: #00a9da; padding: 12px 0px; } .pgs_team_style-4 .team-overlay .info h5 { margin-bottom: 3px; text-transform: capitalize; } .pgs_team_style-4 .team-overlay .info h5 a { color: #fff; } .pgs_team_style-4 .team-overlay .info h5 a:hover { color: #363636; } .pgs_team_style-4 .team-overlay .info span { color: #363636; font-size: 14px; } .pgs_team_style-4 .portfolio-item img { transition: transform 0.35s ease 0s; -webkit-transition: transform 0.35s ease 0s; -o-transition: transform 0.35s ease 0s; -ms-transition: transform 0.35s ease 0s; -moz-transition: transform 0.35s ease 0s; } .pgs_team_style-4 .portfolio-item { position: relative; overflow: hidden; position: relative; width: 100%; } .pgs_team_style-4 .portfolio-item:hover .team-overlay, .pgs_team_style-4 .portfolio-item.active .team-overlay { height: 115px; } .pgs_team_style-4 .portfolio-item:hover img, .pgs_team_style-4 .portfolio-item.active img { transform: translate3d(0px, -60px, 0px); -webkit-transform: translate3d(0px, -60px, 0px); -moz-transform: translate3d(0px, -60px, 0px); -o-transform: translate3d(0px, -60px, 0px); -ms-transform: translate3d(0px, -60px, 0px); } .pgs_team_style-4 .grid-item { padding: 15px !important; } /************************************* testimonial **************************************/ /*pgs_testimonials-style-1*/ .pgs_testimonials-style-1 .testimonial .testimonial-avatar { min-height: 98px; } .pgs_testimonials-style-1 .testimonial .testimonial-avatar img { background: transparent; border: 3px solid #01a9da; width: 96px; height: 96px; border-radius: 50%; } .pgs_testimonials-style-1 .testimonial .testimonial-info p { padding: 40px 100px 20px; margin-bottom: 0px; font-style: italic; text-align: center; } .pgs_testimonials-style-1 .testimonial .testimonial-info strong { font-weight: 500; font-size: 16px; color: #00a9da; } .pgs_testimonials-style-1 .testimonial .testimonial-info span { font-weight: normal; color: #626262; border-left: 1px solid #626262; padding-left: 20px; margin-left: 20px; } /*pgs_testimonials-style-2*/ .pgs_testimonials-style-2 .testimonial-avatar { float: left; margin-right: 30px; } .pgs_testimonials-style-2 .testimonial-avatar img { background: transparent; border: 3px solid #01a9da; width: 96px; height: 96px; border-radius: 50%; } .pgs_testimonials-style-2 .testimonial-info { display: table; } .pgs_testimonials-style-2 .testimonial-info p { padding: 10px 0 0 0; color: #fff; } .pgs_testimonials-style-2 .testimonial-info strong { font-size: 14px; color: #ffffff; } .pgs_testimonials-style-2 .testimonial-info span { color: #fff; } /*pgs_testimonials-style-3 */ .pgs_testimonials-style-3 .testimonial-avtar { float: left; margin-right: 30px; } .pgs_testimonials-style-3 .testimonial-avtar img { width: 100px; height: 100px; border-radius: 50%; } .pgs_testimonials-style-3 .testimonial-content { display: table; } .pgs_testimonials-style-3 .testimonial-content h4 { margin-bottom: 10px; } .pgs_testimonials-style-3 .testimonial-content p { font-size: 13px; } .pgs_testimonials-style-3 .testimonial-content span { font-size: 13px; color: #00a9da; display: block; line-height: 12px; } .pgs_testimonials-style-3 .testimonial-block { margin-bottom: 30px; } .pgs_testimonials-style-3 .col-md-6:nth-child(3) { clear: both; } /*pgs_testimonials-style-4*/ .pgs_testimonials-style-4 { color: #ffffff; } .pgs_testimonials-style-4 .testimonial-content { padding: 0 100px; } .pgs_testimonials-style-4 .owl-controls { margin-top: 20px; } .row-background-light .pgs_testimonials-style-4 { color: #363636; } /************************************* Feature step **************************************/ /*pgs_step_feature_style_1*/ .pgs_step_feature_style_1 { padding: 25px 35px; position: relative; z-index: 9; } .pgs_step_feature_style_1 .pgs_step_feature-title-left { float: left; opacity: 0.09; } .pgs_step_feature_style_1 .pgs_step_feature-title-left h1 { font-size: 84px; line-height: 63px; margin-right: 20px; color: #000; } .pgs_step_feature_style_1 .pgs_step_feature-title-right { display: table; } .pgs_step_feature_style_1 .pgs_step_feature-icon-inner { position: absolute; top: 14px; z-index: -1; right: 0px; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; } .pgs_step_feature_style_1 .pgs_step_feature-icon-inner i { font-size: 200px; color: rgba(0, 0, 0, 0.05); } .pgs_step_feature_style_1:hover .pgs_step_feature-icon-inner { right: 52%; } .pgs_step_feature_style_1 h2.pgs_step_feature-title { color: #ffffff; margin-top: 0; margin-bottom: 10px; } .pgs_step_feature_style_1 p { color: #ffffff; line-height: 24px; } .pgs_step_feature_style_1 .pgs_step_feature-info { margin-top: 20px; } .theme-bg-color { background: #00a9da; } .theme-bg-color .theme-bg-dark { background: rgba(0, 0, 0, 0.1); } /*.pgs_step_feature_style_2*/ .pgs_step_feature_style_2 { text-align: center; position: relative; } .pgs_step_feature_style_2 span.pgs_step_feature-counter { font-size: 200px; font-weight: bold; color: #eceff8; position: relative; font-family: 'Lato', sans-serif; line-height: 140px; } .pgs_step_feature-item-top { transform: translate3d(-50%, 0px, 0px); -webkit-transform: translate3d(-50%, 0px, 0px); -o-transform: translate3d(-50%, 0px, 0px); -ms-transform: translate3d(-50%, 0px, 0px); -moz-transform: translate3d(-50%, 0px, 0px); -ms-transform: translate(-50%, 0); left: 50%; position: absolute; text-align: center; top: 15%; } .pgs_step_feature-item-top span { font-size: 30px; line-height: 34px; background: transparent; color: #00a9da; margin-bottom: 10px; display: block; border: none; outline: none; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .pgs_step_feature-item-top h3 { color: #00a9da; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .pgs_step_feature_style_2 p { font-size: 15px; } .pgs_step_feature_style_2 .pgs_step_feature-info { margin-top: 20px; } .pgs_step_feature_style_2 h5.pgs_step_feature-subtitle { margin-bottom: 20px; } .pgs_step_feature_style_2:hover .pgs_step_feature-item-top span { margin-top: 40px; } .pgs_step_feature_style_2:hover .pgs_step_feature-item-top h3 { margin-top: -100px; } /*pgs_step_feature_style_3*/ .pgs_step_feature_style_3 h1 { font-size: 60px; color: #363636; } .pgs_step_feature_style_3 span.pgs_step_feature-icon-inner i { font-size: 10px; color: #00a9da; } .pgs_step_feature_style_3 h3 { font-weight: 300; margin: 30px 0px 20px; } .pgs_step_feature_style_3 a { font-size: 14px; color: #00a9da; } .pgs_step_feature_style_3 a:hover { color: #363636; } /************************* loding *************************/ #preloader { background-color: #000; bottom: 0; height: 100%; left: 0; overflow: hidden !important; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999; text-align: center; } .clear-loading { text-align: center; position: absolute; top: 50%; left: 50%; margin-left: -50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display: inline-block; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } /*Loading Effect */ .loading-effect { width: 100px; height: 100px; } .loading-effect > span, .loading-effect > span:before, .loading-effect > span:after { content: ""; display: block; border-radius: 50%; border: 3px solid #00a9da; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loading-effect > span { width: 100%; height: 100%; top: 0; left: 0; border-left-color: transparent; -webkit-animation: effect 2s infinite linear; -moz-animation: effect 2s infinite linear; -ms-animation: effect 2s infinite linear; -o-animation: effect 2s infinite linear; animation: effect 2s infinite linear; } .loading-effect > span:before { width: 75%; height: 75%; border-right-color: transparent; } .loading-effect > span:after { width: 50%; height: 50%; border-bottom-color: transparent; } @-webkit-keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /************************* skills- *************************/ .skills-1 .bars { position: relative; } .skills-1 .jqbar.vertical { text-align: left; display: inline-block; } .skills-1 .jqbar.vertical .bar-level { background: #00a9da; } .skills-1 .jqbar.vertical span { display: block; font-size: 20px; font-weight: bold; color: #fff; } .skills-1 .jqbar.vertical .bar-percent { color: #fff; font-size: 36px; font-weight: bold; height: 37px; margin-bottom: -37px; margin-left: 28px; } .skills-1 .bar-level-wrapper { background: rgba(255, 255, 255, 0.2); } .skills-1 .jqbar.vertical .bar-level-wrapper { display: inline-block; float: left; margin-top: 0px; overflow: hidden; position: relative; } .skills-1 .jqbar.vertical span.bar-label { color: #fff; display: block; font-size: 20px; font-weight: bold; margin-left: 30px; margin-top: 60px; } .skills-1 .jqbar.vertical .bar-level { position: absolute; } .skills-1 .jqbar.vertical span.bar-text { font-size: 15px; font-weight: 400; left: 32px; position: absolute; bottom: 0px; padding-left: 0px; } /*horizontal*/ .skills-1 .jqbar.horizontal span { display: inline-block; margin-left: 5px; font-size: 11px; font-weight: bold; } .skills-1 .jqbar.horizontal .bar-percent { font-size: 20px; font-weight: bold; height: 50px; margin-bottom: 20px; } /************************* skills-2 *************************/ .skills-2 ul { display: inline-block; width: 100%; } .entry-content .skills-2 ul { padding-left: 0px; } .skills-2 li { position: relative; margin-bottom: 55px; font-size: 16px; } .entry-content .skills-2 li { list-style: none; } .skills-2 li:last-child { margin-bottom: 18px; } .skills-2 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 3px; content: ""; top: 30px; } .skills-2 .bar_container { bottom: -8px; width: 100%; background-color: #eceff8; text-align: right; } .skills-2 .bar { top: 0; background: #00a9da; } .skills-2 .pct { position: absolute; top: 15px; right: inherit; opacity: 0; transition: opacity 0.3s linear; color: #626262 !important; } /************************* owl carousel *************************/ .owl-carousel-2 { overflow: hidden; } .owl-carousel-2 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 46%; left: 0; width: 100%; cursor: pointer; } .owl-carousel-2 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel-2 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel-2 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: rgba(255, 255, 255, 0.7); padding: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-2 .owl-nav i:hover { color: #626262; background: rgba(255, 255, 255, 1); } .pgs_slider-style-3:hover .owl-carousel-2 .owl-nav .owl-prev { left: 0; } .pgs_slider-style-3:hover .owl-carousel-2 .owl-nav .owl-next { right: 0; } /*owl-carousel-4*/ .owl-carousel-4 .owl-nav { display: block; position: absolute; text-indent: inherit; left: 0; width: 100%; cursor: pointer; top: 4px; } .owl-carousel-4 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: 56%; width: auto; cursor: pointer; } .owl-carousel-4 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 56%; width: auto; cursor: pointer; } .owl-carousel-4.owl-nav .owl-prev i { padding-left: 3px; } .owl-carousel-4 .owl-nav i { font-weight: normal; font-size: 17px; color: #626262; background: transparent; text-align: center; border-radius: 50%; width: 30px; height: 30px; line-height: 28px; margin: 30px 3px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-4 .owl-nav i:hover { background: transparent; color: #00a9da; } /*owl-carousel-9*/ .owl-carousel-9 .owl-nav { display: block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; margin-top: 40px; } .owl-carousel-9 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: 50%; top: -20px; width: auto; cursor: pointer; } .owl-carousel-9 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 50%; top: -20px; width: auto; cursor: pointer; } .owl-carousel-9 .owl-nav .owl-prev i { padding-left: 3px; } .owl-carousel-9 .owl-nav i { font-weight: normal; font-size: 18px; color: #fff; text-align: center; line-height: 28px; margin: 0px 7px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-9 .owl-nav i:hover { color: #00a9da; } /*.owl-carousel-12 */ .owl-carousel-5 .item { text-align: center; } /************************* counter *************************/ .counter-main b { font-size: 38px; line-height: 30px; display: block; color: #00a9da; font-family: 'Lato', sans-serif; font-weight: bold; margin: 25px 0px 25px; } .counter-main span { font-size: 40px; color: #00a9da; } .counter-main h5 { margin-bottom: 0px; color: #363636; } .entry-content .counter-main h5 { margin-bottom: 0px; } .pgs_counter-color_scheme-white.counter-main b { color: #ffffff; } .pgs_counter-color_scheme-white.counter-main span { color: #ffffff; } .pgs_counter-color_scheme-white.counter-main h5 { color: #ffffff; margin-bottom: 0; } /************************* blog post *************************/ .blog-box { padding: 24px 24px 0; background: #eceff7; position: relative; z-index: 1; } .blog-info { position: relative; z-index: 9; } .blog-info h4, .entry-content .blog-info h4 { margin-bottom: 10px; } .blog-info h4 a { display: block; white-space: nowrap; overflow: hidden; min-height: 26px; text-overflow: ellipsis; } .blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } .blog-info i { padding-right: 3px; color: #00a9da; } .blog-info p { padding: 10px 0 20px; line-height: 24px; } .blog-box .blog-info p { min-height: 150px; } .blog-info a:hover { color: #00a9da; } a.blog-btn { text-align: center; font-size: 14px; color: #00a9da; display: block; padding-bottom: 12px; position: relative; z-index: 1; } a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-box .border { position: absolute; background: #00a9da; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } .blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-box:hover h4, .blog-box:hover i, .blog-box:hover span, .blog-box:hover p, .blog-box:hover a.blog-btn, .blog-box.active h4, .blog-box.active i, .blog-box.active span, .blog-box.active p, .blog-box.active a.blog-btn { color: #fff; } .blog-box:hover .border, .blog-box.active .border { height: 45px; } .blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } /************************* blog post *************************/ .pgs_slider-style-2 h1 { color: #282828; font-size: 180px; line-height: 150px; font-weight: bold; } .pgs_slider-style-2 span { color: #00a9da; display: block; margin: 10px 0px 25px; font-size: 14px; } .pgs_slider-style-2 h3.pgs_slider-title { color: #ffffff; margin-bottom: 10px; } .pgs_slider-style-2 .pgs_slider-content { padding-right: 30px; color: #ffffff; } .pgs_slider-style-2 .owl-theme .owl-dots { text-align: center; margin-top: 15px; } .pgs_slider-style-2 .owl-theme .owl-dots .owl-dot span { background: transparent; border: 3px solid #282828; border-radius: 0px; width: 20px; height: 20px; cursor: pointer; margin-top: 15px; margin-bottom: 0px; } .pgs_slider-style-2 .owl-theme .owl-dots .owl-dot.active span, .pgs_slider-style-2 .owl-theme .owl-dots .owl-dot:hover span { background: #282828; border-color: #282828; } /************************* our history about 2 *************************/ .our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #eceff7; left: 50%; margin-left: -1.5px; } .our-history .timeline > li { margin-bottom: 20px; position: relative; } .our-history .timeline > li:before, .our-history .timeline > li:after { content: " "; display: table; } .our-history .timeline > li:after { clear: both; } .our-history .timeline > li:before, .our-history .timeline > li:after { content: " "; display: table; } .our-history .timeline > li:after { clear: both; } .our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 10px 30px 20px 30px; position: relative; } .our-history .timeline li.timeline-inverted .timeline-panel { float: right; } .our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -33px; display: inline-block; width: 42px; height: 4px; background: #eceff7; content: " "; } .our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; border: 3px solid #00a9da; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #fff; } .our-history .timeline > li.timeline-inv2073erted > .timeline-panel { float: right; } .our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -32px; right: auto; } .our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .our-history h4.timeline-title { line-height: 30px; } .our-history .timeline-body > p, .our-history .timeline-body > ul { margin-bottom: 0; } .our-history .timeline-body > p + p { margin-top: 5px; } .our-history .timeline > li { text-align: right; list-style: none; } .our-history .timeline > li.timeline-inverted { text-align: left; } .our-history .timeline .text-muted { font-size: 14px; color: #ffffff; } .row-background-dark .our-history .timeline .text-muted { font-size: 14px; color: #ffffff; } .row-background-light .our-history .timeline .text-muted { font-size: 14px; color: #626262; } .our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0; right: 0; text-align: center; color: #eceff7; bottom: -29px; } .row-background-dark .our-history .timeline:before { width: 2px; margin-left: -0.5px; } .row-background-dark .our-history .timeline > li > .timeline-panel:before { height: 2px; top: 25px; } .row-background-dark .our-history .timeline > li > .timeline-badge { border-color: #626262; } .row-background-dark .our-history .timeline > li > .timeline-badge { box-shadow: 0 0 0 3px #fff; } /************************* mob-scroll *************************/ .feature-mob { background: url("../images/feature/05.png") no-repeat scroll 0 0; display: inline-block; height: 630px; position: relative; width: 100%; } .mob-scroll { display: inline-block; height: 630px; position: relative; width: 282px; } .mob-scroll:hover .feature-mob-scroll { background-position: center 100% !important; } .feature-mob .feature-mob-scroll { background-position: center 0; background-repeat: no-repeat; background-size: cover; height: 448px; left: 30px; position: absolute; top: 58px; width: 252px; transition: all 5s ease-out 0s; -webkit-transition: all 5s ease-out 0s; -o-transition: all 5s ease-out 0s; -moz-transition: all 5s ease-out 0s; -ms-transition: all 5s ease-out 0s; } /************************* dropping-words *************************/ .dropping-words { display: inline; text-indent: 10px; } .dropping-words-1 span { position: absolute; opacity: 0; text-transform: capitalize; height: 45px; overflow: hidden; color: #00a9da; -webkit-transform-origin: 10% 75%; transform-origin: 10% 75%; -webkit-animation: rotateWord 18s linear infinite 0s; -ms-animation: rotateWord 18s linear infinite 0s; -moz-animation: rotateWord 18s linear infinite 0s; -o-animation: rotateWord 18s linear infinite 0s; animation: rotateWord 18s linear infinite 0s; } .dropping-words span:nth-child(2) { -webkit-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; } .dropping-words span:nth-child(3) { -webkit-animation-delay: 6s; -ms-animation-delay: 6s; -o-animation-delay: 6s; -moz-animation-delay: 6s; animation-delay: 6s; } .dropping-words span:nth-child(4) { -webkit-animation-delay: 9s; -ms-animation-delay: 9s; -o-animation-delay: 9s; -moz-animation-delay: 9s; animation-delay: 9s; } .dropping-words span:nth-child(5) { -webkit-animation-delay: 12s; -ms-animation-delay: 12s; -o-animation-delay: 12s; -moz-animation-delay: 12s; animation-delay: 12s; } .dropping-words span:nth-child(6) { -webkit-animation-delay: 15s; -ms-animation-delay: 15s; -o-animation-delay: 15s; -moz-animation-delay: 15s; animation-delay: 15s; } @-webkit-keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -webkit-transform: rotate(0deg); } 19% { opacity: 1; -webkit-transform: rotate(98deg); } 21% { opacity: 1; -webkit-transform: rotate(86deg); } 23% { opacity: 1; -webkit-transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -webkit-transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -ms-transform: rotate(0deg); } 19% { opacity: 1; -ms-transform: rotate(98deg); } 21% { opacity: 1; -ms-transform: rotate(86deg); } 23% { opacity: 1; -ms-transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -ms-transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -o-transform: rotate(0deg); } 19% { opacity: 1; -o-transform: rotate(98deg); } 21% { opacity: 1; -o-transform: rotate(86deg); } 23% { opacity: 1; -o-transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -o-transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -moz-transform: rotate(0deg); } 19% { opacity: 1; -moz-transform: rotate(98deg); } 21% { opacity: 1; -moz-transform: rotate(86deg); } 23% { opacity: 1; -moz-transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -moz-transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 19% { opacity: 1; -webkit-transform: rotate(98deg); transform: rotate(98deg); } 21% { opacity: 1; -webkit-transform: rotate(86deg); transform: rotate(86deg); } 23% { opacity: 1; -webkit-transform: translateY(85px) rotate(83deg); transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -webkit-transform: translateY(170px) rotate(80deg); transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } /************************* custom-content *************************/ .custom-content-2 h1 { font-size: 40px; margin-bottom: 15px; } .entry-content .custom-content-2 h1 { margin-bottom: 15px; } .custom-content-2 strong { font-size: 20px; font-weight: 500; display: block; } .custom-content-2 i { padding-left: 10px; } /*custom-content-11*/ .custom-content-11 span { color: #00a9da; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; } .custom-content-11 h2 { font-weight: 300; margin: 30px 0px; line-height: 40px; } .custom-content-11 a.button span { text-transform: inherit; letter-spacing: inherit; } /************************* device full *************************/ .device-full-01:before { content: ""; background: url(../images/device/device-10.png) no-repeat; position: absolute; top: 50%; left: -150%; width: 919px; height: 544px; margin-top: -270px; } .device-full-02:before { content: ""; background: url(../images/device/device.png) no-repeat; position: absolute; top: -34px; left: -70%; width: 640px; height: 410px; } /************************* portfolio home page -3 *************************/ .isotope-filters { display: table; margin: 0 auto 30px; text-align: center; margin-bottom: 30px; } .isotope-filters button { border: none; margin: 4px; cursor: pointer; color: #626262; font-size: 14px; padding: 5px 18px; border-radius: 3px; background: transparent; border: 1px solid #626262; text-transform: capitalize; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .isotope-filters button:focus { outline: none; outline-style: none; outline-offset: 0; } .isotope-filters button.active, .isotope-filters button:hover { background: #00a9da; color: #fff; border-color: #00a9da; } .pgs_portfolio-filterable .fulltab .full-screen .portfolio-item { width: 100%; position: relative; overflow: hidden; } .pgs_portfolio-filterable .fulltab .full-screen.columns-5 .grid-item { width: 20%; padding: 0px; } .pgs_portfolio-filterable .fulltab .portfolio-item { background: #00a9da; color: #fff; width: 100%; border: 0; } .pgs_portfolio-filterable .fulltab .portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .pgs_portfolio-filterable .fulltab .full-screen .portfolio-item .portfolio-hover { position: absolute; left: inherit; bottom: 14px; display: block; width: 100%; transform: inherit; } .pgs_portfolio-filterable .fulltab .portfolio-item .portfolio-hover .portfolio-hover-inner { text-transform: none; font-size: 16px; opacity: 0; color: #fff; padding: 0 20px; margin: 0; display: inline-block; left: 0; position: relative; text-align: center; bottom: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, -o-transform 0.35s; -ms-transition: opacity 0.35s, -o-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transform: translate3d(0, 22px, 0); -o-transform: translate3d(0, 22px, 0); -ms-transform: translate3d(0, 22px, 0); -webkit-transform: translate3d(0, 22px, 0); transform: translate3d(0, 22px, 0); } .pgs_portfolio-filterable .fulltab .portfolio-hover-inner .portfolio-title { float: left; display: inline-block; } .pgs_portfolio-filterable .fulltab .portfolio-hover-inner .portfolio-title a { color: #ffffff; display: inline-block; margin-top: 3px; } .pgs_portfolio-filterable .fulltab .portfolio-hover-inner .portfolio-title a:hover { color: #363636; } .pgs_portfolio-filterable .fulltab .portfolio-hover-inner .portfolio-icons { display: inline-block; float: right; } .pgs_portfolio-filterable .fulltab .portfolio-icon.portfolio-icon-link { display: inline-block; } .pgs_portfolio-filterable .fulltab .portfolio-icon.portfolio-icon-link a { background: #fff; border-radius: 50%; color: #363636; display: inline-block; font-size: 15px; height: 35px; width: 35px; line-height: 36px; text-align: center; margin-left: 8px; margin-right: 0; } .pgs_portfolio-filterable .fulltab .portfolio-icon.portfolio-icon-link a:hover { color: #00a9da; background: #363636; } .pgs_portfolio-filterable .fulltab .portfolio-item:hover img { -webkit-transform: translate3d(0, -80px, 0); -ms-transform: translate3d(0, -80px, 0); -o-transform: translate3d(0, -80px, 0); -moz-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } .pgs_portfolio-filterable .fulltab .portfolio-item:hover .portfolio-hover .portfolio-hover-inner { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; } /************************* portfolio home page - 2 *************************/ .pgs_portfolio-carousel-2 .portfolio-item { background: #363636; color: #fff; width: 100%; border: 0; } .pgs_portfolio-carousel-2 .portfolio-item img { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; } .pgs_portfolio-carousel-2 .portfolio-item .portfolio-overlay span a { width: inherit; background: inherit; height: inherit; color: #fff; float: left; display: inline-block; text-align: left; } .pgs_portfolio-carousel-2 .portfolio-item .portfolio-overlay span a:hover { background: none; color: #00a9da; } .pgs_portfolio-carousel-2 .portfolio-item .portfolio-overlay a { background: #fff; border-radius: 50%; color: #363636; display: inline-block; font-size: 15px; height: 35px; width: 35px; line-height: 36px; text-align: center; margin-left: 10px; float: right; } .pgs_portfolio-carousel-2 .portfolio-item .portfolio-overlay i { padding-left: 2px; } .pgs_portfolio-carousel-2 .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; } .pgs_portfolio-carousel-2 .portfolio-item .portfolio-overlay p { text-transform: none; font-size: 16px; opacity: 0; color: #fff; padding: 0 20px; margin: 0; display: inline-block; left: 0; position: absolute; text-align: center; bottom: 8%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 22px, 0); transform: translate3d(0, 22px, 0); } .pgs_portfolio-carousel-2 .portfolio-item:hover img { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } .pgs_portfolio-carousel-2 .portfolio-item:hover .portfolio-overlay p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .owl-carousel-8.owl-carousel { z-index: inherit; } .owl-carousel-8 .owl-nav { display: block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; } .owl-carousel-8 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: 37%; width: auto; cursor: pointer; } .owl-carousel-8 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 63%; width: auto; cursor: pointer; } .owl-carousel-8 .owl-nav .owl-prev i { padding-left: 3px; } .owl-carousel-8 .owl-nav i { font-weight: normal; font-size: 18px; color: #fff; text-align: center; line-height: 28px; margin: 0px 7px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-8 .owl-nav i:hover { color: #363636; } .owl-carousel-8 .owl-controls { position: relative; top: -45px; z-index: 10; } .owl-carousel-8.owl-carousel .owl-item img { transform-style: inherit; } .portfolio-info { display: block; background: #00a9da; width: 20%; left: 20%; position: absolute; z-index: 9; padding: 30px 25px 20px; height: 100%; } .portfolio-info h3 { font-size: 24px; } .pgs_portfolio-carousel-2 .portfolio-info h3 { color: #ffffff; margin-bottom: 10px; } .portfolio-info p { margin-top: 20px; color: #fff; line-height: 22px; } /************************************* portfolio home 1 **************************************/ /*portfolio home 1*/ .horizontal-images.content-scrolling ul, .vertical-images.content-scrolling ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } .horizontal-images.content-scrolling li { width: auto; float: left; } .horizontal-images.content-scrolling li img { width: 100%; } .portfolio-scroll .portfolio-item { width: 470px; position: relative; overflow: hidden; } .portfolio-scroll .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .portfolio-scroll .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; } .portfolio-scroll .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; text-transform: capitalize; } .portfolio-scroll .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .portfolio-scroll .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 38px; } .portfolio-scroll .portfolio-item .portfolio-title { display: block; margin-bottom: 10px; } .portfolio-scroll .portfolio-item .portfolio-categories { display: block; margin-bottom: 10px; } .portfolio-scroll .portfolio-item .portfolio-icon.portfolio-icon-link { display: inline-block; } .portfolio-scroll .portfolio-item .portfolio-overlay a i { font-size: 16px; } .portfolio-scroll .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; } .who-we-are .pgs_btn.pgs_btn_style_1.pgs_btn_md { margin-right: 10px; } /************************************* portfolio home -6 **************************************/ .pgs_portfolio-filterable .columns-3 .grid-item { width: 33.333%; padding: 15px; } .pgs_portfolio-filterable .columns-3 .grid-item img { width: 100%; } .pgs_portfolio-filterable .columns-3 .portfolio-item { width: 100%; position: relative; overflow: hidden; } .pgs_portfolio-filterable .columns-3 { position: relative; } .pgs_portfolio-filterable .columns-3 .portfolio-icon.portfolio-icon-link { display: inline-block; padding-left: 10px; } .pgs_portfolio-filterable .columns-3 .tree-image { position: absolute; right: 0px; bottom: 0px; } .pgs_portfolio-filterable .columns-3 .portfolio-item .portfolio-hover-inner { padding: 20px; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .pgs_portfolio-filterable .columns-3 .portfolio-item .portfolio-hover-inner .portfolio-title span { font-size: 14px; color: #fff; display: block; } .pgs_portfolio-filterable .columns-3 .portfolio-item .portfolio-hover-inner .portfolio-title a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } .pgs_portfolio-filterable .columns-3 .portfolio-item .portfolio-hover-inner .portfolio-title a:hover { color: #626262; } .pgs_portfolio-filterable .columns-3 .portfolio-item .portfolio-hover-inner .portfolio-icons { position: absolute; bottom: 25px; right: 30px; } .pgs_portfolio-filterable .columns-3 .portfolio-item .portfolio-hover-inner .portfolio-icons a { color: #fff; } .pgs_portfolio-filterable .columns-3 .portfolio-item .portfolio-hover-inner .portfolio-icons a:hover { color: #626262; } .pgs_portfolio-filterable .columns-3 .portfolio-item:hover .portfolio-hover-inner { opacity: 1; background: rgba(0, 0, 0, 0.5); } .pgs_portfolio-filterable .columns-3 .portfolio-item img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .pgs_portfolio-filterable .columns-3 .portfolio-item:hover img { opacity: 0.1; -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10); } .pgs_portfolio-filterable .full-screen.columns-3 .grid-item { padding: 15px; } .user-image:before { content: ""; background: url("../images/device/tree.png") no-repeat scroll 0 0; height: 376px; width: 246px; position: absolute; right: 0; bottom: 0; } /*portfolio home-9*/ .pgs_portfolio-filterable .button a { color: #00a9da; font-size: 14px; margin-top: 30px; display: inline-block; padding-bottom: 5px; } .pgs_portfolio-filterable .button a i { padding-left: 5px; } .pgs_portfolio-filterable .button a:hover { color: #626262; } /* Portfolio Single */ .related-work h3 { margin-bottom: 30px; } .owl-carousel-7.owl-carousel .owl-item img { width: 100%; } .owl-carousel-7 .owl-nav { display: block; position: absolute; text-indent: inherit; top: -50px; left: 0; width: 100%; cursor: pointer; } .owl-carousel-7 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel-7 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 30px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel-7 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: #eceff7; padding: 5px 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-7 .owl-nav i:hover { color: #fff; background: #00a9da; } /************************************* creativity **************************************/ .creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } .creativity p, .entry-content .creativity p { font-size: 30px; } .creativity .button { display: inline-block; float: none; } /************************************* video **************************************/ .video-content h1 { line-height: 60px; margin-bottom: 20px; font-size: 50px; position: relative; padding-bottom: 20px; } .entry-content .video-content p { font-size: 16px; } .video-content h1:before { content: ""; position: absolute; left: 50%; width: 100px; margin-left: -50px; background: #ffffff; height: 2px; bottom: 0 } /************************************* page header breadcrumb **************************************/ .page-breadcrumb.breadcrumbs > li:before, .page-breadcrumb.breadcrumbs > li:after { font-family: FontAwesome; font-size: 14px; padding: 0 7px; } .page-breadcrumb.breadcrumbs > li.home:before { content: "\f015" } .page-breadcrumb.breadcrumbs > li:after { content: "\f101" } .page-breadcrumb.breadcrumbs > li:last-child:before, .page-breadcrumb.breadcrumbs > li:last-child:after { content: none } /************************************* owl-custom **************************************/ .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded { height: 430px; } .owl-carousel-12 .owl-dots { display: block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; } .owl-carousel-12.owl-theme .owl-dots .owl-dot span { background: #d0d0d0; border-radius: 30px; display: block; height: 15px; margin: 0px 7px; transition: opacity 200ms ease 0s; width: 15px; cursor: pointer; } .owl-carousel-12.owl-theme .owl-dots .owl-dot.active span, .owl-carousel-12.owl-theme .owl-dots .owl-dot:hover span { background: #00a9da; } /************************************* inner-intro **************************************/ .inner-intro header_intro { position: relative; } .inner-intro header_intro:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; } .header_intro_bg-image { background-size: cover; } /************************************* contact-box **************************************/ .contact-box .icon { display: table-cell; } .contact-box .info { display: table-cell; vertical-align: top; } .contact-box .icon i { background: #eceff7; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 5px; font-size: 24px; color: #00a9da; margin-right: 20px; } /*contact form*/ .contact-form { display: inline-block; width: 100%; } .contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } .contact-form .section-field:nth-child(3) { margin-right: 0px; } .comment-respond .contact-form .section-field:nth-child(3) { margin-right: 3%; } .comment-respond .contact-form .section-field:nth-child(4) { margin-right: 0px; } .comment_close { margin-bottom: 30px; } .contact-form .section-field i { position: absolute; left: 0; color: #00a9da; display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; z-index: 99; } .contact-form .section-field input { position: relative; width: 100%; margin-bottom: 35px; padding-left: 45px; clear: both; } .contact-form .section-field.textarea { width: 100%; float: left; } .contact-form .section-field.textarea textarea { padding-left: 45px; } #respond.comment-respond { clear: both; overflow: hidden; } #respond.comment-respond small { float: right; line-height: 26px; } .contact1 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon::before { font-size: 0.8em; } .comment-respond .contact-form .section-field.textarea { margin-bottom: 23px; } .entry-content .Contact-form h2 { margin-top: 0; margin-bottom: 10px; } .wpcf7-form .wpcf7-validation-errors { background: #fcf8e3; border: 1px solid #faebcc; color: #8a6d3b; margin: 25px 0 0; padding: 10px 12px; } .wpcf7-form span.wpcf7-not-valid-tip { bottom: -37px; position: absolute; } input { background: #eceff8; border: 2px solid #eceff8; height: 45px; box-shadow: none; padding: 0px 10px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; font-size: 14px; color: #626262; width: 100%; } select { width: 100%; background: #eceff8; border: 2px solid #eceff8; height: 45px; padding-left: 10px; box-shadow: none; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; font-size: 14px; color: #626262; } option { background: #fff; border: 0px solid #626262; padding-left: 10px; font-size: 14px; } input:focus { background: transparent; border: 2px solid #00a9da; } textarea { resize: vertical; background: #eceff8; border: 2px solid #eceff8; padding: 10px; width: 100%; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; font-size: 14px; } textarea:focus { background: transparent; border: 2px solid #00a9da; outline: none !important; } .form-control { background-color: transparent; border: 1px solid #2f2f2f; border-radius: 0px; color: #fff; box-shadow: none; } a.social { background: #eceff7; width: 30px; height: 30px; display: inline-block; text-align: center; color: #00a9da; font-size: 14px; border-radius: 3px; line-height: 30px; } a.social:hover { background: #00a9da; color: #ffffff; } .social li { display: inline-block; } .social li a { background: #eceff7; width: 30px; height: 30px; display: inline-block; text-align: center; color: #00a9da; font-size: 14px; border-radius: 3px; line-height: 30px; } .social li a:hover { background: #00a9da; color: #ffffff; } .contact-form .pgs_btn { margin-top: 30px; } .wpcf7-form .contact-form #submit.pgs_btn { margin-top: 30px; } .contact-form #submit.pgs_btn { margin-top: 0px; } .popup-contact-box .wpcf7-form .contact-form #submit.pgs_btn { margin-top: 0; } /*custom-content 4*/ .custom-content-4 .title span { margin-bottom: 20px; display: block; } .custom-content-4 .social { float: right; display: table; margin-top: 5px; } .custom-content-4 .social li { display: inline-block; } .custom-content-4 .social li a { display: block; background: #eceff7; color: #00a9da; width: 35px; height: 35px; font-size: 15px; text-align: center; line-height: 35px; border-radius: 3px; margin-left: 5px; } .custom-content-4 .social li a:hover { background: #00a9da; color: #fff; } .custom-content-4 blockquote { font-size: 14px; margin-top: 30px; } .contact .info h4 { margin-bottom: 10px; } /************************************* Portfolio page **************************************/ .port-tag { margin-bottom: 20px; } .portfolio-classic p { margin-bottom: 20px; } .single-portfolio-post-wrapper .port-information .port-title { display: inline-block; } .single-portfolio-post-wrapper .port-information .share { top: 0px; } .single-portfolio-post-wrapper .port-information .share.small ul { width: 160px; } .single .single-portfolio-post-wrapper .port-information .port-title { display: block; } /*portfolio-block hover*/ .portfolio-block, .single-portfolio-post, .portfolio-section-wrapper { padding: 80px 0px; } .portfolio-block .portfolio-item { width: 100%; position: relative; overflow: hidden; } .portfolio-block .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .portfolio-block .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; } .portfolio-block .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; } .portfolio-block .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .portfolio-block .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 38px; } .portfolio-block .portfolio-item .portfolio-overlay a.title { background: transparent; width: inherit; height: inherit; color: #fff; } .portfolio-block .portfolio-item .portfolio-overlay a.title:hover { background: transparent; color: #00a9da; } .portfolio-block .portfolio-item .portfolio-overlay a i { font-size: 16px; } .portfolio-block .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; } /*grid item*/ .portfolio-block .grid-item { position: relative; height: auto; margin-bottom: 40px; width: 100%; } .portfolio-block .grid-item:last-child { margin-bottom: 0; } .portfolio-block .grid-item img { width: 100%; } .portfolio-block ul.port-tag li { display: inline-block; color: #ffffff; font-size: 18px; margin: 0px 5px; } .portfolio-block ul.port-tag li:first-child { margin-left: 0; } .portfolio-block ul.port-tag li a { display: block; font-size: 14px; color: #626262; padding-right: 5px; } .portfolio-block ul.port-tag li a:hover { color: #00a9da; } .portfolio-block ul.list-style { margin-bottom: 20px; } .portfolio-block ul.list-style li { display: block; color: #626262; } .portfolio-block ul.list-style li a { font-size: 14px; color: #626262; padding-right: 5px; } .portfolio-block ul.list-style li i { padding-right: 10px; } .portfolio-block ul.list-style li a:hover { color: #00a9da; } /*portfolio-item*/ .portfolio-block .portfolio-item { width: 100%; } .portfolio-block .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } /*portfolio 1 columns sidebar*/ .portfolio-sidebar.portfolio-block a.title { background: transparent; width: 100%; color: #fff; padding-left: 0; } .portfolio-sidebar.portfolio-block a.title:hover { background: transparent !important; color: #00a9da; } .portfolio-sidebar.portfolio-block ul.port-tag { margin-bottom: 10px; } .portfolio-sidebar.portfolio-block ul.port-tag li a { background: transparent; color: #fff; margin-right: 20px; } .portfolio-sidebar.portfolio-block ul.port-tag li a:hover { background: transparent; color: #00a9da; } .portfolio-sidebar .button-group.filters-button-group { margin-bottom: 42px; } /*portfolio 2 columns fullwidth*/ .portfolio-fullwidth.portfolio-block.columns-2 .grid-item { margin-bottom: 0px; width: 50%; } .portfolio-fullwidth.portfolio-block.columns-2 a.title { background: transparent !important; width: 100%; color: #fff; } .portfolio-fullwidth.portfolio-block.columns-2 a.title:hover { background: transparent !important; width: 100%; color: #00a9da; } .portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag { margin-bottom: 10px; } .portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag li a { background: transparent; color: #fff; margin-right: 20px; } .portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag li a:hover { background: transparent; color: #00a9da; } .portfolio-fullwidth.columns-2 .button-group.filters-button-group { margin-bottom: 42px; } /*portfolio 2 columns sidebar */ .portfolio-sidebar.portfolio-block.columns-2 .grid-item { margin-bottom: 0px; width: 50%; } .portfolio-sidebar.portfolio-block.columns-2 .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } /* portfolio 3 columns sidebar */ .portfolio-sidebar.portfolio-block.columns-3 .grid-item { margin-bottom: 0px; width: 33.33%; } .portfolio-sidebar.portfolio-block.columns-3 .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } /* portfolio 3 columns fullwidth */ .portfolio-fullwidth.portfolio-block.columns-3 .grid-item { margin-bottom: 0px; width: 33.33%; } .portfolio-fullwidth.portfolio-block.columns-3 a.title { background: transparent !important; width: 100%; color: #fff; } .portfolio-fullwidth.portfolio-block.columns-3 a.title:hover { background: transparent; width: 100%; color: #00a9da; } .portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag { margin-bottom: 10px; } .portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag li a { background: transparent; color: #fff; margin-right: 20px; } .portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag li a:hover { background: transparent; color: #00a9da; } .portfolio-fullwidth.columns-3 .button-group.filters-button-group { margin-bottom: 42px; } /* portfolio 4 columns sidebar */ .portfolio-sidebar.portfolio-block.columns-4 .grid-item { margin-bottom: 0px; width: 25%; } .portfolio-sidebar.portfolio-block.columns-4 .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .portfolio-sidebar.portfolio-block.columns-4 ul.port-tag { margin-bottom: 3px; } .portfolio-sidebar.portfolio-block.columns-4 ul.port-tag li { font-size: 13px; } .portfolio-sidebar.portfolio-block.columns-4 ul.port-tag li a { font-size: 13px; } .portfolio-sidebar.portfolio-block.columns-4 .portfolio-overlay a { height: 30px; line-height: 26px; margin-left: 0px; padding-left: 0; text-align: center; width: 30px; } .portfolio-sidebar.portfolio-block.columns-4 a.title { margin-left: 0px; font-size: 14px; background: transparent; width: 100%; height: 100%; } .portfolio-sidebar.portfolio-block.columns-4 .portfolio-overlay i { font-size: 12px; } /* portfolio 4 columns fullwidth */ .portfolio-fullwidth.portfolio-block.columns-4 .grid-item { margin-bottom: 0px; width: 25%; } .portfolio-fullwidth.portfolio-block.columns-4 a.title { background: transparent !important; width: 100%; color: #fff; } .portfolio-fullwidth.portfolio-block.columns-4 a.title:hover { background: transparent; width: 100%; color: #00a9da; } .portfolio-fullwidth.portfolio-block.columns-4 ul.port-tag { margin-bottom: 10px; } .portfolio-fullwidth.portfolio-block.columns-4 ul.port-tag li a { background: transparent; color: #fff; margin-right: 20px; } .portfolio-fullwidth.portfolio-block.columns-4 ul.port-tag li a:hover { background: transparent; color: #00a9da; } .portfolio-fullwidth.columns-4 .button-group.filters-button-group { margin-bottom: 42px; } /* portfolio fullwidth packetry */ .packetry .item { float: left; width: 25%; height: auto !important; padding: 0px; margin: 0px; border: 0px solid transparent; } .packetry .item.width2 { width: 50%; } .packetry .item img { width: 100%; } .packetry .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .packetry .portfolio-item .portfolio-overlay a.title { background: transparent; width: 100%; color: #fff; } .packetry .portfolio-item .portfolio-overlay a.title:hover { color: #00a9da; background: none; } .packetry .portfolio-item .portfolio-overlay ul.port-tag { margin-bottom: 5px; } .packetry .portfolio-item .portfolio-overlay ul.port-tag li { display: inline-block; margin: 0 6px; } .packetry .portfolio-item .portfolio-overlay ul.port-tag li a { background: transparent; color: #fff; margin-right: 10px; } .packetry .portfolio-item .portfolio-overlay ul.port-tag li a:hover { color: #00a9da; } .packetry .portfolio-item { width: 100%; position: relative; overflow: hidden; } .packetry .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .packetry .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; } .packetry .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; } .packetry .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .packetry .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 38px; } .packetry .portfolio-item .portfolio-overlay a i { font-size: 16px; } .packetry .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; } /*masonry menu*/ .isotope-filters-2 { display: table; margin: 0 auto 50px; } .isotope-filters-2 button { border: none; margin: 2px; cursor: pointer; color: #626262; padding: 5px 18px; font-size: 16px; border-radius: 3px; background: transparent; border: 1px solid #626262; text-transform: capitalize; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .isotope-filters-2 button:focus { outline: none; outline-style: none; outline-offset: 0; } .isotope-filters-2 button.active, .isotope-filters-2 button:hover { background: #00a9da; color: #fff; border-color: #00a9da; } /* portfolio masonry columns 2 and 3 */ .masonry .grid-sizer, .masonry.columns-2 .masonry-item { width: 50%; padding: 5px; } .masonry .masonry-item { float: left; } .masonry .masonry-item img { display: block; width: 100%; } .masonry .portfolio-item .portfolio-overlay .portfolio-item { width: 100%; } .masonry .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .masonry .portfolio-item .portfolio-overlay a.title { background: transparent; width: 100%; color: #fff; font-weight: 100; margin-bottom: 7px; } .masonry .portfolio-item .portfolio-overlay a.title:hover { color: #00a9da; background: none; } .masonry .portfolio-item .portfolio-overlay ul.port-tag { margin-bottom: 12px; } .masonry .portfolio-item .portfolio-overlay ul.port-tag li { display: inline-block; margin: 0 6px; font-weight: 100; font-size: 14px; } .masonry .portfolio-item .portfolio-overlay ul.port-tag li a { background: transparent; color: #fff; margin-right: 20px; } .masonry .portfolio-item .portfolio-overlay ul.port-tag li a:hover { color: #00a9da; } .masonry.columns-3 .masonry-item { width: 33.333%; padding: 5px; } .masonry .masonry-item { width: 20%; padding: 5px; } .masonry .portfolio-item { width: 100%; position: relative; overflow: hidden; } .masonry .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .masonry .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; } .masonry .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; } .masonry .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .masonry .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 38px; } .masonry .portfolio-item .portfolio-overlay a i { font-size: 16px; } .masonry .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; } /* portfolio masonry columns 4 */ .masonry.columns-4 .masonry-item { width: 25%; padding: 5px; } .masonry.columns-4 ul.port-tag { margin-bottom: 3px; } .masonry.columns-4 ul.port-tag li a { font-size: 13px; } .masonry.columns-4 .portfolio-overlay a { height: 34px; line-height: 34px; margin-left: 0px; padding-left: 0; text-align: center; width: 34px; } .masonry.columns-4 a.title { margin-left: 0px; font-size: 14px; background: transparent; width: 100%; height: 100%; } .masonry.columns-4 .portfolio-overlay i { font-size: 12px; } .masonry.columns-4 .portfolio-item .portfolio-overlay a.title { font-size: 18px; } .masonry-main .container-fluid { padding: 0px; } .masonry.columns-4 .portfolio-item .portfolio-overlay ul.port-tag li { display: none; } /* portfolio masonry columns 4 */ .full-screen.columns-2 .grid-item { width: 50%; padding: 0px; } .full-screen.columns-3 .grid-item { width: 33.333%; padding: 0px; } .full-screen.columns-4 .grid-item { width: 25%; padding: 0px; } .full-screen.columns-5 .grid-item { width: 20%; padding: 0px; } .full-screen .grid-item { float: left; } .full-screen .grid-item img { display: block; width: 100%; } /*portfolio-block hover*/ .full-screen .portfolio-item { width: 100%; position: relative; overflow: hidden; } .full-screen .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .full-screen a.title { background: transparent; width: 100%; color: #00a9da; } .full-screen .portfolio-item .portfolio-overlay ul.port-tag { margin-bottom: 12px; } .full-screen .portfolio-item .portfolio-overlay ul.port-tag li { display: inline-block; margin: 0 6px; font-size: 14px; font-weight: 100; } .full-screen .portfolio-item .portfolio-overlay ul.port-tag li a { background: transparent; color: #fff; margin-right: 20px; } .full-screen .portfolio-item .portfolio-overlay ul.port-tag li a:hover { color: #00a9da; } .full-screen .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .full-screen .portfolio-item .portfolio-caption a.title { margin-left: 0px; margin-bottom: 7px; font-size: 14px; background: transparent; width: 100%; height: 100%; font-size: 18px; color: #fff; font-weight: 100; } .full-screen .portfolio-item .portfolio-caption a.title:hover { color: #00a9da; background: none; } .full-screen .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; } .full-screen .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .full-screen .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 40px; } .full-screen .portfolio-item .portfolio-overlay a i { font-size: 16px; } .full-screen .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; } .portfolio-scroll .portfolio-item .portfolio-overlay a:hover, .full-screen .portfolio-item .portfolio-overlay a:hover, a.apply-now-btn span:hover { color: #ffffff; } .widget_recent_entries li a, .widget_recent_comments li a { color: #626262; } .widget_recent_entries li a:hover, .widget_recent_comments li a:hover { color: #00a9da; } .widget_recent_comments .recentcomments { color: #626262; font-size: 14px; } .widget_recent_comments .recentcomments a { color: #00a9da; } .widget_recent_comments .recentcomments .comment-author-link a { color: #626262; } .widget_archive li { color: #626262; } .widget_archive li:hover, .widget-archives li:hover i { color: #00a9da; border-color: #00a9da; } .widget_calendar table td, .widget_calendar table th { padding: 6px 0px; } .widget_categories .cat-item { color: #626262; } .widget_tag_cloud a { padding-right: 5px; } .widget_recent_entries .recent-post { display: table; } .widget_recent_entries .recent-post-info { padding-left: 0; } .widget_recent_entries .recent-post-image img { margin-right: 15px; } /************************************* Our Pricing **************************************/ .pricing-table { background: #eceff7; padding: 30px 0px 0; position: relative; margin-top: 20px; } .pricing-title h2 { text-transform: uppercase; margin-bottom: 10px; } .pricing-title .pricing-prize h2 { color: #00a9da; } .pricing-title span { font-size: 16px; display: block; margin-bottom: 12px; } .pricing-list ul { margin-top: 30px; } .pricing-list li { font-size: 16px; padding: 17px 0px; border-top: 1px solid #e8e8e8; } .pricing-list li.text-gray { color: #C3BFBF; } .pricing-order { background: #363636; display: inline-block; position: relative; width: 100%; padding: 20px 0; } .pricing-order .button-border { float: none; margin: 0 auto; width: 125px; padding: 8px 16px; } .pricing-ribbon { position: absolute; left: -6px; top: -7px; } .pricing-table.active { background: #00a9da; margin-top: -25px; position: relative; padding: 0; border: none; } .pricing-table.active .pricing-title h2.text-bg { background: #363636; padding: 27px; } .pricing-table.active .pricing-order { background: #058AB1; padding: 30px 0; } .pricing-table.active .pricing-list ul { margin-top: 31px; } .pricing-table.active .pricing-list li { border-color: rgba(0, 0, 0, 0.1); color: #fff; } .pricing-table.active .pricing-list li.text-light-blue { color: #008cb4; } .pricing-table.pricing-table-border { border-left: 1px solid #e8e8e8; } /*pricing-1*/ .pgs-pricing-table-pricing-2 { background: #eceff7; padding: 30px 0px 0; position: relative; margin-top: 20px; } .pricing-title h2 { text-transform: uppercase; margin-bottom: 10px; } .pricing-title span { font-size: 16px; display: block; margin-bottom: 12px; } .pricing-list ul { margin-top: 30px; } .entry-content .pricing-list li { list-style: none; } .pricing-list li { font-size: 14px; padding: 17px 0px; border-top: 1px solid #e8e8e8; } .pricing-list li.text-gray { color: #C3BFBF; } .pricing-order { background: #363636; display: inline-block; position: relative; width: 100%; padding: 25px 0 15px; } .pricing-order .button-border { float: none; margin: 0 auto; width: 125px; padding: 8px 16px; } .pricing-ribbon { position: absolute; left: -6px; top: -7px; } .pgs-pricing-table-pricing-2.active { background: #00a9da; margin-top: -4px; position: relative; padding: 0; border: none; font-size: 28px; line-height: 28px; font-weight: 400; font-family: 'Lato', sans-serif; } .pgs-pricing-table-pricing-2.active .pricing-title h2.text-bg { background: #363636; padding: 27px; } .pgs-pricing-table-pricing-2.active .pricing-order { background: #058AB1; padding: 30px 0; } .pgs-pricing-table-pricing-2.active .pricing-list ul { margin-top: 31px; } .pgs-pricing-table-pricing-2.active .pricing-list li { border-color: #009fcd; color: #fff; } .pgs-pricing-table-pricing-2.active .pricing-list li.text-light-blue { color: #008cb4; } .pgs-pricing-table-pricing-2.pricing-table-border { border-left: 1px solid #e8e8e8; } a.button-border span { border: 0 none; border-radius: 3px; cursor: pointer; display: inline-block; padding: 8px 20px; margin-right: 10px; overflow: hidden; position: relative; background-color: transparent; color: #fff; font-size: 15px; border: 1px solid #fff; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } a.button-border span:hover { box-shadow: -200px 0 0 #fff inset; color: #00a9da; border-color: #fff; } .pgs-pricing-table-style-2.active .pricing-prize h2 { color: #ffffff; } /*pricing-2*/ .pgs-pricing-table-style-1.pricing-table { background: #fff; } .pgs-pricing-table-style-1.pricing-table.active { background: #00a9da; } .pgs-pricing-table-style-1.pricing-table.active .pricing-title h2.text-bg { background: #00a9da; padding: 34px 27px; } .pgs-pricing-table-style-1 .pricing-order { background: #fff; padding: 20px 0; } .pgs-pricing-table-style-1.pricing-table.active .pricing-order { background: #00a9da; padding: 20px 0; } .pgs-pricing-table-style-1.pricing-table.active .pricing-list li.text-light-blue { color: #fff; } .pgs-pricing-table-style-1.pricing-table.active .pricing-title h3.text-bg { background: #00a9da; padding: 44px 0 30px; } .pgs-pricing-table-style-1.pricing-table.active .pricing-bg { background: #fff; color: #00a9da; } .pgs-pricing-table-style-1 .pricing-title h2 { border-bottom: 5px solid #00a9da; padding-bottom: 26px; margin-bottom: 0px; font-size: 28px; line-height: 28px; font-weight: 400; font-family: 'Lato', sans-serif; text-transform: none; margin: 0; } .pgs-pricing-table-style-1 .pricing-title .pricing-prize h2 { border-bottom: none; padding-bottom: 0; color: #00a9da; } .pgs-pricing-table-style-1 .pricing-title span { padding: 13px 0; margin-bottom: 0px; } .pgs-pricing-table-style-1.pricing-table.active .pricing-title span { padding: 15px 0; margin-bottom: 0px; } .pgs-pricing-table-style-1.pricing-table.active .pricing-list ul { margin-top: 0px; } .pgs-pricing-table-style-1.pricing-table .pricing-list ul { margin-top: 0px; padding-left: 0; } .pgs-pricing-table-style-1.pricing-table.active { margin-top: 0px; } .pgs-pricing-table-style-1.pricing-table .pricing-ribbon { left: -3px; top: 8px; } .pgs-pricing-table-style-1.pricing-table.pricing-table-border { border-left: 0px solid #e8e8e8; } .pgs-pricing-table-style-1 a.button-border span { border: 0 none; border-radius: 3px; cursor: pointer; display: inline-block; padding: 10px 20px; margin-right: 10px; overflow: hidden; position: relative; background-color: transparent; color: #00a9da; font-size: 14px; border: 1px solid #00a9da; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .pgs-pricing-table-style-1 a.button-border span:hover { box-shadow: -200px 0 0 #00a9da inset; color: #fff; border-color: #00a9da; } .pgs-pricing-table-style-1.pricing-table.active a.button-border span { border-color: #ffffff; color: #ffffff; } .pgs-pricing-table-style-1.pricing-table.active a.button-border span:hover { box-shadow: -200px 0 0 #ffffff inset; color: #00a9da; border-color: #ffffff; } .pgs-pricing-table-style-1.pricing-table.active .pricing-title { background: #ffffff; } /************************* our blog *************************/ .our-blog .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .our-blog .container-fluid .row { margin-left: 0 !important; margin-right: 0 !important; } .our-blog .container-fluid .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .our-blog .blog-box-image { max-height: 300px; display: block; overflow: hidden; position: relative; } .our-blog .blog-box-image img { width: 100%; } .our-blog .blog-box-info { background: #00a9da; padding: 35px 40px; max-height: 300px; } .our-blog .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .blog-box-image .portfolio-item { width: 100%; } .blog-box-image .portfolio-caption a { font-size: 20px; color: #fff; } .blog-box-image .portfolio-caption a:hover { color: #00a9da; } .blog-box-image .portfolio-caption .port-tag li { display: inline-block; margin-top: 20px; margin-left: 10px; } .blog-box-image .portfolio-caption .port-tag li a { display: block; font-size: 14px; color: #fff; } .blog-box-image .portfolio-caption .port-tag li a:hover { color: #00a9da; } .blog-box-image .portfolio-caption .port-tag li i { color: #00a9da; } .blog-box-image .portfolio-caption .button-border span { font-size: 14px; padding: 7px 15px; margin-top: 30px; } .blog-box-image .portfolio-caption .button-border span:hover { color: #fff; } .related-work .portfolio-item { width: 100%; } .related-work .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } /************************************* News letter ************************************/ .news-letter p { margin-bottom: 0px; } .news-letter .section-field { position: relative; display: block; } .news-letter .section-field i { position: absolute; left: 0; padding: 15px; font-size: 14px; color: #363636; } .news-letter .section-field input { padding-left: 35px; color: #363636; background: transparent; border: 1px solid #363636; width: 80%; border-radius: 3px; } .news-letter .section-field input:focus { border: 1px solid #00a9da; } .news-letter .section-field input.button-border { border: 0 none; border-radius: 3px; cursor: pointer; display: inline-block; padding: 0px 20px; margin-right: 10px; overflow: hidden; position: relative; background-color: transparent; color: #00a9da; font-size: 15px; border: 1px solid #00a9da; width: auto; } .news-letter .section-field input.button-border:hover { box-shadow: -200px 0 0 #00a9da inset; color: #ffffff; border-color: #00a9da; } .entry-content .news-details h1 { margin-bottom: 10px; } /************************************* blog page **************************************/ section.blog { padding: 80px 0; } body.single-post .wrapper > .blog { padding: 80px 0px; } /* blog-single 1*/ .blog-single blockquote.entry-quote p { font-size: 16px; } .blog-single .tags-2 ul { display: inline-block; } .owl-carousel-13 img { width: 100%; } .owl-carousel-13 .owl-nav { display: block; position: absolute; text-indent: inherit; top: -40px; left: 0; width: 100%; cursor: pointer; } .owl-carousel-13 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel-13 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 30px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel-13 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: #eceff7; padding: 5px 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-13 .owl-nav i:hover { color: #fff; background: #00a9da; } /*blog img hover*/ .blog .portfolio-item { width: 100%; position: relative; overflow: hidden; } .blog .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .blog .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; } .blog .portfolio-item .portfolio-overlay a i { font-size: 16px; } .blog .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; } /*blog-comments*/ ol.commentlist { padding: 0px; } .comments-1 .comments-photo { border: 1px solid #e8ebf1; float: left; height: auto; margin-right: 2%; padding: 3px; width: 10%; } .comments-1 .comments-photo img { width: 100%; } .comments-1 .comments-info { display: table; background: #eceff8; padding: 20px; margin-bottom: 20px; width: 88%; } .comments-1 .comments-info p { word-break: break-all; } .comments-1 .comments-info h4 { display: inline-block; } .comments-1 .comments-info span { font-size: 13px; color: #626262; } .comments-1 .comments-info a { color: #00a9da; } .comments-1 .comments-info a:hover { color: #363636; } .comments-1.comments-2 { padding-left: 127px; } .comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } .comments-area .h2.comments { font-size: 23px; margin: 40px 0 20px; } /* blog post 2 */ .owl-carousel-6 { overflow: hidden; } .owl-carousel-6 img { width: 100%; } .owl-carousel-6 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; } .owl-carousel-6 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel-6 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel-6 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: rgba(255, 255, 255, 0.7); padding: 8px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-6 .owl-nav i:hover { color: #626262; background: rgba(255, 255, 255, 1); } .blog-entry-slider:hover .owl-carousel-6 .owl-nav .owl-prev { left: 0; } .blog-entry-slider:hover .owl-carousel-6 .owl-nav .owl-next { right: 0; } .blog-entry-slider .owl-carousel .owl-stage-outer { overflow: hidden; } /*blog-entry*/ .blog-entry { margin: 0; } .entry-title { margin-bottom: 20px; margin-top: 20px; } .entry-title i { color: #00a9da; float: left; margin-right: 20px; font-size: 30px; line-height: 33px; } .entry-title h3 { display: table; line-height: 30px; } .entry-title h4 { display: table-cell; line-height: 30px; } .blog.blog-grid .entry-title i { font-size: 24px; } /*entry-meta*/ .entry-meta { margin-bottom: 10px; display: inline-block; width: 100%; } .entry-meta a { font-size: 14px; color: #626262; display: inline-block; } .entry-meta a:first-child { margin-left: 0px; } .entry-meta .author a { margin-left: 6px; } .entry-meta i { font-size: 14px; color: #00a9da; padding-right: 6px; padding-left: 6px; } .entry-meta i:first-child { padding-left: 0; } .entry-meta a .entry-date i:first-child { padding-left: 0; } .entry-meta a i:first-child { padding-left: 6px; } .entry-meta a:hover { color: #00a9da; } /*entry-content*/ article.entry-content { margin: 0; } .entry-content { margin-bottom: 30px; margin-top: 0px; } .entry-content p { margin-bottom: 15px; font-size: 14px; } .blog-entry-image .portfolio-item { width: auto; display: inline-block; } .blog-entry-image .portfolio-item .portfolio-overlay { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; display: inline-block; text-align: center; width: 100%; z-index: 2; } /*blog-entry-grid*/ .blog-entry-grid .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; } .blog-entry-grid .grid-post li img { width: 100%; } .blog-entry-grid .grid-post li .portfolio-item { width: 100%; } .blog-entry-grid .grid-post li .portfolio-item .portfolio-overlay { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; display: inline-block; text-align: center; width: 100%; z-index: 2; } /*video vimeo and youtube*/ .js-video { height: 0; padding-top: 25px; padding-bottom: 53.5%; margin-bottom: 10px; position: relative; overflow: hidden; } .js-video.widescreen { padding-bottom: 34.34%; } .js-video.vimeo { padding-top: 0; } .js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } /*blockquote*/ blockquote.entry-quote { border: none; } .entry-quote { background: #eceff7; padding: 25px; } .entry-quote i { float: left; font-size: 30px; color: #bfc5d6; margin-top: 10px; margin-right: 20px; } .entry-quote p { display: table; font-size: 18px; text-shadow: 1px 1px 0px #fff; line-height: 26px; vertical-align: top; } .quote-author a { color: #363636; } .quote-author a:hover { color: #00a9da; } /*pagination-nav*/ .pagination { margin: 0px; padding: 0; } .pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 3px; } .pagination > li > a, .pagination > li > span { padding: 10px 18px; border-color: #eceff7; } .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background-color: #00a9da; border-color: #00a9da; color: #fff; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #00a9da; border-color: #00a9da; color: #fff; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 4px; } /* blog-grid 2 column */ .blog-grid .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; } .blog-entry-audio.audio-video { margin-bottom: 20px; } .blog-entry-html-video.audio-video { margin-bottom: 20px; } /* blog-grid 3 column */ .blog-grid-3-column .blog-entry-audio { padding: 101px 20px 88px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; } .blog-grid-3-column .entry-title h4 { display: table; } .blog-grid-3-column .entry-title i { font-size: 20px; float: left; } .blog-grid-3-column .entry-meta a { margin-right: 2px; } .blog-grid-3-column .entry-quote p { line-height: 25px; } /* blog 2 column masonry */ .masnary-blog-3-columns .entry-meta a { font-size: 13px; display: inline-block; } .masnary-blog-2-columns .masonry.columns-2 .masonry-item { padding: 0 15px 0px; } .masnary-blog-2-columns .blog-entry-image .portfolio-item .portfolio-overlay { margin: 0; } /* blog 3 column masonry */ .masnary-blog-3-columns .masonry.columns-3 .masonry-item { padding: 0 15px 0px; } .masnary-blog-3-columns .entry-quote p { font-size: 16px; } .masnary-blog-3-columns .entry-title i { font-size: 24px; } /* blog 2 column masonry sidebar */ .masnary-blog-2-columns-sidebar .masonry.columns-2 .masonry-item { padding: 0 15px 0px; } .masnary-blog-2-columns-sidebar .entry-quote p { font-size: 16px; } .masnary-blog-2-columns-sidebar .entry-title i { font-size: 24px; } /*timeline blog*/ .blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .blog .timeline hr { display: none; margin: 0px; } .blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #eceff7; left: 50%; margin-left: -1.5px; } .blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } .blog .timeline > li:before, .blog .timeline > li:after { content: " "; display: table; } .blog .timeline > li:after { clear: both; } .blog .timeline > li:before, .blog .timeline > li:after { content: " "; display: table; } .blog .timeline > li:after { clear: both; } .blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border: 1px solid #eceff7; padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #eceff7; border-right: 0 solid #eceff7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border: 4px solid #eceff7; background: #fff; border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #eceff7; top: 16px; right: -73px; /*z-index: 100;*/ } .blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } .blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } .blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .blog .timeline-title { margin-top: 0; color: inherit; } .blog .timeline-body > p, .blog .timeline-body > ul { padding: 20px; margin-bottom: 0; } .blog .timeline-body > p + p { margin-top: 5px; } .blog .timeline-footer { padding: 20px; background-color: #f4f4f4; } .blog .timeline-footer > a { cursor: pointer; text-decoration: none; } .blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } .blog .timeline > li:nth-child(2) { margin-top: 60px; } .blog .timeline > li:nth-child(3) { margin-top: 60px; } .blog .timeline .entry-title i { font-size: 24px; } .blog .timeline-inverted .timeline-badge { margin-top: 70px } .blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } .blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } .blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } .blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } .blog .timeline li.entry-date span { background: #eceff7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 15px; border-radius: 3px; } .blog .timeline li.entry-date-bottom { bottom: -55px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } .blog .timeline li.entry-date-bottom a { background: #eceff7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 15px; border-radius: 3px; } .blog .timeline li.entry-date-bottom a:hover { background: #00a9da; color: #fff; } .blog .timeline li:hover .timeline-panel { border-color: #00a9da; } .blog .timeline li:hover .timeline-badge a { color: #fff; } .blog .timeline li:hover .timeline-badge { background: #00a9da; border-color: #00a9da; } .blog .timeline li:hover .timeline-panel:before { border-left-color: #00a9da; border-right-color: #00a9da; } .blog .blog.timeline .entry-quote p { font-size: 16px; } /* blog 2 column masonry left sidebar */ .blog.timeline-sidebar .timeline li { width: 89%; } .blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%; } .blog.timeline-sidebar .timeline:before { left: 54px; } .blog.timeline-sidebar .timeline li.entry-date { text-align: left; } .blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left; } .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } .blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } .blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } .blog.timeline-sidebar .timeline li.entry-date { top: 3px; } .blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 8px 10px; } .blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } .blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 8px 10px; } .blog.timeline-sidebar .timeline li .share ul li { width: auto; } .entry-content .panel-heading h3 { margin-bottom: 0; } /************************************* sidebar **************************************/ .sidebar-widget { margin-bottom: 30px; } .sidebar-widget:last-child { margin-bottom: 0; } .sidebar-widget .widgettitle { margin-bottom: 20px; } /*.widget-search */ .widget_search { position: relative; } .widget_search label { display: none; } .widget_search input { border: 1px solid #eceff7; padding-right: 54px; color: #626262; height: 45px; background: #fff; } .widget_search #searchsubmit { background: #eceff8; border: none; border-left: 1px solid #eceff8; position: absolute; right: 1px; padding: 16px 12px; font-size: 14px; color: #626262; display: inline-block; width: auto; line-height: 12px; height: 43px; top: 1px; } .widget_search #searchsubmit:hover { background: #e2e5ee; } .widget_search input:focus { border-color: #00a9da; } /*widget-menu*/ .widget_categories { position: relative; } .widget_categories ul li a { font-size: 14px; display: block; color: #626262; position: relative; padding: 10px 0; } .widget_categories ul li a:hover { color: #00a9da; } .widget_categories i { padding-top: 0px; top: 8px; height: 22px; width: 22px; line-height: 22px; text-align: center; position: absolute; right: 0px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .widget_categories ul li a span { padding: 10px 10px 5px 0; display: inline-block; font-size: 14px; width: 100%; } .widget_categories ul li a span:hover { text-decoration: none; color: #00a9da; } .widget_categories ul li.active { border-bottom: none; } .widget_categories ul li.hover a { color: #00a9da; } .widget_categories ul li.hover a span { background: transparent; color: #00a9da; } .widget_categories ul ul li a span { color: #626262; } .widget_categories ul ul li a span:hover { color: #00a9da; } .widget_categories ul ul { display: none; padding-left: 20px; } .widget_categories ul ul a { display: block; color: #626262; font-size: 14px; } .widget_categories ul ul a:hover { color: #00a9da; } .widget_categories ul li.active i { transform: rotate(90deg); } .widget_categories li.cat-item a { display: initial; } /*Recent Posts*/ .sidebar-widget li { line-height: 30px; } .sidebar-widget .recent-post { width: 100%; margin-bottom: 20px; } .sidebar-widget .recent-post-info span { padding-top: 4px; } .sidebar-widget .recent-post-info a { color: #626262; } .sidebar-widget .recent-post-info a:hover { color: #00a9da; } .sidebar-widget .recent-post-info i { color: #00a9da; } .sidebar-widget .recent-post:last-child { margin-bottom: 20px !important; } /*widget-archives*/ .widget-archives li { display: table; margin-bottom: 13px; } .widget-archives li a { font-size: 14px; color: #626262; line-height: 32px; display: table-cell; } .widget-archives li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; border: 1px solid #626262; border-radius: 50%; width: 20px; height: 20px; text-align: center; display: table; } .widget-archives li a:hover { color: #00a9da; } .widget-archives li a:hover i { border-color: #00a9da; color: #00a9da; } /*tags*/ .sidebar-widget .tags li a:hover { background: #00a9da; border-color: #00a9da; color: #fff; } .tc_widget_categories .collex_link > i { padding-top: 4px; position: absolute; right: 18px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .tc_widget_categories .collex_link.active > i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } .tc_widget_categories ul ul { margin-left: 20px; } .widget_rss li { margin-bottom: 20px; } .widget_rss li:last-child { margin-bottom: 0; } .widget_rss li .rsswidget { line-height: 20px; } .widget_rss li .rsswidget, .widget_rss li .rss-date { display: block; } .widget_search #searchform { position: relative; } .widget_text .textwidget img { //width: 100%; //height: 100%; margin-bottom: 5px; } .widget_text p { margin-bottom: 0; } .widget_text strong { margin-bottom: 7px; display: inline-block; } .widget_nav_menu .menu-item { line-height: 26px; } .widget_nav_menu .menu-item .sub-menu { padding-left: 15px; } .widget_nav_menu .menu-item .sub-menu .fa { min-width: 22px; } .widget_pages .page_item_has_children { padding-left: 15px; } .widget_recent_comments .recentcomments { font-size: 12px; line-height: 20px; margin-bottom: 10px; } .widget_recent_comments .recentcomments a { display: inline; font-size: 14px; } .widget_rss .rss-date { font-size: 12px; } .widget_rss .rssSummary { line-height: 24px; } abbr[data-original-title], abbr[title] { border-bottom: none; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar td { text-align: center; } .widget_calendar #wp-calendar tfoot td { text-align: center; } .tc_widget_categories .cat-item a, .widget_archive a, .widget_pages .page_item a, .widget_nav_menu .menu-item a, .widget_tag_cloud .tagcloud a, .widget_meta li a { color: #626262; } .tc_widget_categories .cat-item a:hover, .widget_archive a:hover, .widget_pages .page_item a:hover, .widget_nav_menu .menu-item a:hover, .widget_tag_cloud .tagcloud a:hover, .widget_meta li a:hover { color: #00a9da } .widget_calendar #wp-calendar th { background: #eceff7; } .widget_calendar #wp-calendar td#today { background: #00a9da; color: #ffffff; } /************************************* Single Post page **************************************/ section.blog .post { margin-bottom: 0px; } section.blog .post hr { margin: 60px 0px; } /*portfolio single page*/ .port-singal .owl-carousel-2 .item img { width: 100%; } /*port-title*/ .port-title i { color: #00a9da; float: left; margin-right: 20px; font-size: 30px; } .port-title h3 { display: table; margin-bottom: 30px; } /*tags-2*/ .tags-2 h5 { display: inline-block; margin-bottom: 0px; margin-top: 4px; } .tags-2 ul { display: inline-block; margin-bottom: 30px; } .tags-2 li { display: inline-block; margin-left: 5px; margin-bottom: 5px; } .tags-2 li a { display: block; background: #eceff7; font-size: 13px; color: #626262; padding: 1px 8px; border-radius: 3px; } .tags-2 li a:hover { background: #00a9da; color: #fff; } /*port-meta*/ .port-meta ul { margin-bottom: 30px; } .port-meta li { margin-bottom: 20px; font-size: 16px; } .port-meta li b { color: #00a9da; width: 200px; font-weight: 400; width: 100px; display: inline-block; } .port-meta li span { font-weight: normal; } .port-info { padding: 50px 0px; } .port-info p { margin-bottom: 0px; } /*port-navigation*/ .port-navigation { padding: 20px 0; border-bottom: 1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0; } .port-navigation a { color: #626262; display: block; } .port-arrow { height: 74px; width: 40px; text-align: center; background: #eceff7; display: inline-block; } .port-arrow i { text-align: center; font-size: 25px; line-height: 75px; } .port-photo { width: 124px; height: 77px; display: inline-block; line-height: 75px; } .port-photo img { width: 100%; float: left; } .port-navigation-right .port-photo { text-align: right; } /*port-post*/ .port-post { background: #eceff7; padding: 15px; } .port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } .port-post-photo img { width: 100%; } /*port-post-info*/ .port-post-info { padding-left: 190px; } .port-post-info h3 { display: inline-block; font-size: 24px; } .port-post-info span { color: #626262; } .port-post-social strong { font-size: 14px; } .port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } .port-post-social a:hover { color: #00a9da; } .port-post-info p { margin-top: 10px; } .related-work { padding: 50px 0 0; } .portfolio-single-content { padding: 50px 0px; } .portfolio-single-content .port-info { padding: 0; } .blog .respond-form { margin-top: 50px; } /************************************* news **************************************/ .news { background: #eceff7; padding: 50px 60px 50px 40px; position: relative; z-index: 0; } .news .meta ul { padding-left: 0; } .news .meta ul li { display: inline-block; font-size: 14px; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .news .meta a { display: block; font-size: 26px; font-weight: 300; color: #626262; margin-top: 10px; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .news .meta a:hover { color: #00a9da; } .news .button { margin-top: 25px; } .news .button a { text-transform: capitalize; font-size: 15px; color: #363636; position: relative; } .news .button i { opacity: 0; position: absolute; left: 105px; margin-top: 0px; top: 5px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; font-size: 12px; } .news .button a:hover { color: #00a9da; } .news .button a:hover i { left: 120px; opacity: 1; color: #00a9da; } .news .news-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } .news:hover .news-img { opacity: 1; } .news-content { position: relative; z-index: 9; } .news:hover:before, .news.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .news:hover .meta span { color: #fff; } .news:hover .meta li, .news.active .meta li { color: #fff; } .news:hover .meta a, .news.active .meta a { color: #fff; } .news:hover .button a, .news.active .button a { color: #fff; } .news:hover .meta a:hover { color: #00a9da; } .news:hover .button a:hover { color: #00a9da; } .news:hover .news-img, .news.active .news-img { opacity: 1; } .latest-news .all-post a { color: #00a9da; font-size: 14px; } .latest-news .all-post a i { padding-left: 10px; } .latest-news .all-post a:hover { color: #363636; } /*clients-box*/ .our-clients.pgs_our_client_slider { padding: 0px !important; } .our-clients-2 { padding-top: 0px; padding-bottom: 0px; } .our-clients .col-md-6:nth-child(2n+3) { clear: both; } .clients-box { background: #eceff7; padding: 20px; margin-bottom: 30px; } .clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } .clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .clients-info { display: table; } .clients-info i { padding-right: 10px; } .clients-info a { font-size: 14px; color: #00a9da; } .clients-info h4 a { font-size: 18px; } .clients-info a:hover { color: #626262; } .clients-info p { margin-top: 10px; } /*our-clients-2*/ .our-clients-2 .col-sm-6:nth-child(3n+4) { clear: both; } .our-clients-2 .clients-box { margin-bottom: 30px; } .clients .entry-title .fa-user { display: inline-block; margin: 0px; margin-right: 15px; } .clients .entry-title h3.entry-title { display: inline-block; margin: 3px 0px; } .clients .entry-title .client-link { display: inline-block; float: right; } .clients .entry-title .client-link .fa-link { margin-right: 10px; font-size: 16px; line-height: 28px; } .clients blockquote { margin: 25px 0 25px; } .clients .tabcontent { text-align: left; } .clients.only-post .entry-title { margin-top: 0px; } /************************************* faq **************************************/ /*faq form*/ .faq-form .section-field { display: block; } .faq-form .field-widget { position: relative; } .faq-form .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; } .faq-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 38px; } .faq-form .field-widget select { width: 100%; margin-bottom: 20px; } .faq-form .field-widget textarea { width: 100%; margin-bottom: 20px; padding-left: 38px; } .faq-form .file-input input { height: inherit; display: block; padding: 9px 0 9px 13px; margin-bottom: 30px; } .faq .tab-1 .fade { opacity: 1; } .faq .tab-1 .nav.nav-tabs { background: #eceff7; } .faq .widget-search { margin-bottom: 30px; } .faq-form a.button-border span { width: 100%; text-align: center; } .faq a.button-border span:hover { box-shadow: -400px 0 0 #00a9da inset; } .faq-layout-layout_1 { margin: 80px 0px; } .faq-layout-layout_1 #tabs .tabs { text-align: left; background: #eceff7; margin-bottom: 15px; } .faq-layout-layout_1 #tabs .tabs { position: relative; margin-bottom: 20px; text-align: left; background: #eceff7; } .faq-layout-layout_1 #tabs .tabs li { font-size: 17px; text-transform: capitalize; display: inline-block; color: #626262; padding: 10px 15px; } .faq-layout-layout_1 #tabs ul.tabs li.active, .faq-layout-layout_1 #tabs ul.tabs li.active:focus, .faq-layout-layout_1 #tabs ul.tabs li:hover { color: #fff; } .faq-layout-layout_1 #tabs .tabcontent { text-align: left; } .faq-layout-layout_1 .accordion .accordion-title { margin-top: 8px; } .faq-layout-layout_1 .accordion .accordion-title { font-size: 16px; color: #000; text-align: left; } .faq-layout-layout_1 .accordion .accordion-title a { background: transparent; border: 1px solid #eceff7; display: block; position: relative; color: #626262; margin-top: -1px; text-decoration: none; padding: 11px 60px; font-weight: normal; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .faq-layout-layout_1 .accordion .accordion-title a:hover { text-decoration: none; background-color: transparent; color: #00a9da; } .faq-layout-layout_1 .accordion .accordion-title a.active { color: #fff; background-color: #00a9da; cursor: default; border-color: #00a9da; } .faq-layout-layout_1 .accordion .accordion-title a:after { content: "\f067"; width: 20px; height: 20px; margin-top: -8px; position: absolute; top: 50%; left: 20px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 14px; line-height: 20px; text-align: center; color: #626262; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .faq-layout-layout_1 .accordion .accordion-title a.active:after, .faq-layout-layout_1 .accordion .accordion-title a.active:hover:after { content: "\f068"; color: #fff; } .faq-layout-layout_1 .accordion .accordion-title a:hover:after { color: #00a9da; } .faq-layout-layout_1 .accordion-content { padding: 15px 20px; border: 1px solid #eceff7; text-align: left; } .faqs-wrapper.faq-layout-layout_2 { margin: 80px 0px 80px; } .faq-layout-layout_2 .accordion .accordion-title { margin-top: 8px; } .faq-layout-layout_2 .accordion .accordion-title { font-size: 16px; color: #000; text-align: left; } .faq-layout-layout_2 .accordion .accordion-title a { background: transparent; border: 1px solid #eceff7; display: block; position: relative; color: #626262; margin-top: -1px; text-decoration: none; padding: 11px 60px; font-weight: normal; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .faq-layout-layout_2 .accordion .accordion-title a:hover { text-decoration: none; background-color: transparent; color: #00a9da; } .faq-layout-layout_2 .accordion .accordion-title a.active { color: #fff; background-color: #00a9da; cursor: default; border-color: #00a9da; } .faq-layout-layout_2 .accordion .accordion-title a:after { content: "\f067"; width: 20px; height: 20px; margin-top: -8px; position: absolute; top: 50%; left: 20px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 14px; line-height: 20px; text-align: center; color: #626262; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .faq-layout-layout_2 .accordion .accordion-title a.active:after, .faq-layout-layout_2 .accordion .accordion-title a.active:hover:after { content: "\f068"; color: #fff; } .faq-layout-layout_2 .accordion .accordion-title a:hover:after { color: #00a9da; } .faq-layout-layout_2 .accordion-content { padding: 15px 20px; border: 1px solid #eceff7; text-align: left; } .faqs-wrapper ol li { list-style: inherit; } .redux-container #redux-header { border-bottom: none !important; } .faq-layout-layout_2 .accordion .accordion-title a.active:hover { color: #ffffff; } /*home page 4*/ .pgs_slider-content-wrapper .pgs_slider-title { margin-bottom: 20px; color: #00a9da; margin-top: 0px; } /************************* extra class *************************/ .section-title-no-mb .section-title-1 { margin-bottom: 0px; } .text-white { color: #ffffff; } .text-blue { color: #00a9da; } .row-background-dark p, .row-background-dark h3 { color: #ffffff; } .action-box .wpb_content_element { margin-bottom: 0px; } .action-box h3 { line-height: 34px; } .entry-content .action-box h3 { margin-bottom: 10px; color: #ffffff; } .entry-content .action-box p { color: #ffffff; } .action-box .pgs_btn.pgs_btn_style_1.pgs_btn_sm, .action-box .pgs_btn.pgs_btn_style_2.pgs_btn_sm, .action-box .pgs_btn.pgs_btn_style_3.pgs_btn_sm { margin-right: 0; margin-left: 10px; } .action-box.center-btn .pgs_btn.pgs_btn_style_1.pgs_btn_sm, .action-box.center-btn .pgs_btn.pgs_btn_style_2.pgs_btn_sm, .action-box.center-btn .pgs_btn.pgs_btn_style_3.pgs_btn_sm { margin: 0px 10px; } /************************* modified vc css *************************/ .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner { padding-top: 0px !important; } .wpb_single_image.wpb_content_element { margin-bottom: 0px !important; } .vc_separator.wpb_content_element { margin-bottom: 1px !important; } .wpb_gmaps_widget .wpb_wrapper { padding: 0px !important; } /************************************* Footer **************************************/ .footer { background: #191919; } .footer .footer-widget-wrapper { padding: 46px 0 66px; } .footer-logo img { width: 65%; } .addresss-info li { font-size: 14px; color: #fff; margin-bottom: 10px; } .addresss-info i { color: #00a9da; padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 17px; } .addresss-info p { display: table; color: #fff; margin-bottom: 0px; } .footer .recent-post { margin-bottom: 25px; } .footer .recent-post:last-child { margin-bottom: 0px; } .footer .widgettitle { margin: 30px 0; } .footer .recent-post-image { margin-right: 15px; display: table-cell; float: none; vertical-align: top; } .footer .recent-post-info { display: table-cell; vertical-align: top; } .recent-post-image { float: left; display: table; } .recent-post-image img { vertical-align: middle; width: 70px; height: 60px; } .recent-post-info { display: table-cell; padding-left: 15px; vertical-align: top; text-align: left; } .recent-post-info a { color: #fff; font-size: 14px; vertical-align: top; display: block; white-space: nowrap; overflow: hidden; min-height: 26px; text-overflow: ellipsis; width: 178px; } .recent-post-info a { color: #fff; font-size: 14px; vertical-align: top; } .recent-post-info a:hover { color: #00a9da; } .recent-post-info span { color: #626262; font-size: 12px; display: table; padding-top: 5px; } .recent-post-info i { color: #626262; font-size: 14px; padding-right: 5px; } /*footer-flickr */ .footer-gallery li { float: left; list-style: outside none none; margin-bottom: 5px; margin-right: 5px; width: 70px; } .footer-gallery li img { width: 70px; } .footer-gallery { display: inline-block; } ul.footer-instagram-images li { display: inline-block; } .social-feed li { float: left; height: 70px; list-style: outside none none; margin-bottom: 5px; margin-right: 5px; width: 70px; } .social-feed li img { width: 70px; height: 70px; } .social-feed { display: inline-block; } /*footer-Newsletter*/ .footer-Newsletter { display: inline-block; } .footer-useful-link.footer-hedding ul { margin-top: -6px; } .footer-Newsletter .form-control { border-left: 0px; height: 40px; font-size: 13px; color: #fff; padding: 6px 0px; } .footer-Newsletter .form-control:focus { border: 1px solid #2f2f2f; border-left: 0; box-shadow: none; } .footer-useful-link ul li { list-style: none; } .footer-useful-link ul li a { color: #fff; font-size: 14px; vertical-align: top; display: block; line-height: 26px; } .footer-useful-link ul li a:hover { color: #00a9da; } /*footer twitter feed*/ .twitter-feed li { display: block; } .twitter-feed li i { font-size: 15px; color: #00a9da; float: left; margin-right: 15px; margin-top: 6px; } .twitter-feed li p { font-size: 14px; display: table; vertical-align: top; } .twitter-feed li p a { display: inline-block; color: #00a9da; } .twitter-feed.text-white li a { color: #363636; } .twitter-feed.text-white li a:hover { color: #363636; } .twitter-feed.text-white li i { color: #fff; } /*footertag */ .tags.footer-hedding h4 { margin-bottom: 20px; } .tags ul li { display: inline-block; margin-right: 5px; } .tags ul li a { display: block; color: #6f6f6f; border: 1px solid #2f2f2f; background: transparent; border-radius: 3px; padding: 5px 10px; margin-bottom: 10px; font-size: 12px !important; text-transform: capitalize; line-height: 1.42857143; } .tags ul li a:hover { background: transparent; color: #00a9da; border-color: #00a9da; } /*footer-widget*/ .footer-widget { background: #0f0f0f; padding: 20px 15px 22px; } .footer-widget p { margin-top: 15px; } .footer-widget a { color: #00a9da; } .footer-widget a:hover { color: #0386ac; } .footer-widget-social { text-align: right; margin-top: 5px; } .footer-widget-social li { display: inline-block; margin-left: 5px; } .footer-widget-social a i { display: inline-block; color: #fff; background: #00a9da; border-radius: 50%; width: 45px; height: 45px; text-align: center; line-height: 47px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } /* Tooltip Styles */ /* Base styles for the element that has a tooltip */ .footer-widget-social [data-tooltip], .footer-widget-social .tooltip { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ .footer-widget-social [data-tooltip]:before, .footer-widget-social [data-tooltip]:after, .footer-widget-social .tooltip:before, .footer-widget-social .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -o-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -o-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -ms-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -ms-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ .footer-widget-social [data-tooltip]:hover:before, .footer-widget-social [data-tooltip]:hover:after, .footer-widget-social [data-tooltip]:focus:before, .footer-widget-social [data-tooltip]:focus:after, .footer-widget-social .tooltip:hover:before, .footer-widget-social .tooltip:hover:after, .footer-widget-social .tooltip:focus:before, .footer-widget-social .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -o-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .footer-widget-social .tooltip:before, .footer-widget-social [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .footer-widget-social .tooltip:after, .footer-widget-social [data-tooltip]:after { z-index: 1000; padding: 8px; width: 100px; text-align: center; background-color: #00a9da; color: #fff; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; border-radius: 3px; } /* Directions */ /* Top (default) */ .footer-widget-social [data-tooltip]:before, .footer-widget-social [data-tooltip]:after, .footer-widget-social .tooltip:before, .footer-widget-social .tooltip:after, .footer-widget-social .tooltip-top:before, .footer-widget-social .tooltip-top:after { bottom: 100%; left: 50%; } .footer-widget-social [data-tooltip]:before, .footer-widget-social .tooltip:before, .footer-widget-social .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #00a9da; } /* Horizontally align top/bottom tooltips */ .footer-widget-social [data-tooltip]:after, .footer-widget-social .tooltip:after, .footer-widget-social .tooltip-top:after { margin-left: -50px; } .footer-widget-social [data-tooltip]:hover:before, .footer-widget-social [data-tooltip]:hover:after, .footer-widget-social [data-tooltip]:focus:before, .footer-widget-social [data-tooltip]:focus:after, .footer-widget-social .tooltip:hover:before, .footer-widget-social .tooltip:hover:after, .footer-widget-social .tooltip:focus:before, .footer-widget-social .tooltip:focus:after, .footer-widget-social .tooltip-top:hover:before, .footer-widget-social .tooltip-top:hover:after, .footer-widget-social .tooltip-top:focus:before, .footer-widget-social .tooltip-top:focus:after { -webkit-transform: translateY(-25px); -o-transform: translateY(-25px); -ms-transform: translateY(-25px); -moz-transform: translateY(-25px); transform: translateY(-25px); } .footer .textwidget .addresss-info { margin-top: 20px; } .footer .textwidget ul li a { color: #ffffff; display: block; line-height: 30px; } .footer-widget-wrapper .widget_archive li { color: #ffffff; } .footer-widget-wrapper .tc_widget_categories .cat-item a, .footer-widget-wrapper .widget_archive a, .footer-widget-wrapper .widget_pages .page_item a, .footer-widget-wrapper .widget_nav_menu .menu-item a, .footer-widget-wrapper .widget_tag_cloud .tagcloud a, .footer-widget-wrapper .widget_meta li a { color: #ffffff; } .footer-widget-wrapper .tc_widget_categories .cat-item a:hover, .footer-widget-wrapper .widget_archive a:hover, .footer-widget-wrapper .widget_pages .page_item a:hover, .footer-widget-wrapper .widget_nav_menu .menu-item a:hover, .footer-widget-wrapper .widget_tag_cloud .tagcloud a:hover, .footer-widget-wrapper .widget_meta li:hover a { color: #00a9da; } .footer-widget-wrapper .widget_archive label { color: #ffffff; } .footer-widget-wrapper caption { color: #fff; } .footer-widget-wrapper table td { color: #ffffff } .footer-widget-wrapper table td a:hover { color: #ffffff; } .footer-widget-wrapper .widget_categories ul li a { color: #ffffff; } .footer-widget-wrapper .widget_categories ul li a:hover { color: #00a9da; } .footer-widget-wrapper .widget_categories .cat-item { color: #ffffff; } .footer-widget-wrapper .widget_categories label { color: #ffffff; } .footer-widget-wrapper .widget_recent_comments .recentcomments .comment-author-link a { color: #ffffff; } .footer-widget-wrapper .widget_recent_comments .recentcomments { color: #ffffff; } .footer-widget-wrapper .widget_recent_entries li a, .widget_recent_comments li a { color: #ffffff; } .footer-widget-wrapper .widget_rss li .rss-date { color: #ffffff; } .footer-widget-wrapper .widget_rss li .rsswidget:hover { color: #ffffff; } .footer-widget-wrapper .widget_rss .rssSummary { color: #ffffff; } .footer-widget-wrapper .widget_rss cite { color: #ffffff; } .footer-widget-wrapper .widget_archive label, .footer-widget-wrapper .widget_categories label, .footer-widget-wrapper .widget_text .textwidget strong { color: #ffffff; } .footer-widget-wrapper .widget_text p { color: #ffffff; } /* *News latter form */ .mailchimp_newsletter { margin-top: 20px; } .news_latter_form .input-group-addon { background: none; border-color: #2f2f2f; } .news_latter_form .news_latter_mailchimp { background: #2f2f2f; border-color: #2f2f2f; padding: 9px 12px; } .news_latter_form .placeholder { border-right: none; } .news_latter_form .divcenter .fa { color: #029fcc; } /************************************* popup contact **************************************/ .popup-contact { position: relative; } .popup-contact-box { position: absolute; bottom: 105px; left: 15px; z-index: 999; } #contact-btn { bottom: 0; position: absolute; z-index: 99; background: #00a9da; color: #fff; width: 40px; border-radius: 3px; font-size: 18px; height: 40px; text-align: center; line-height: 40px; } .popup-contact-box input:focus { border: 1px solid; } .contact-info { display: none; background-color: #eceff7; width: 300px; min-height: 390px height:auto; border-radius: 3px; padding: 25px; } .contact-info h4 { text-transform: capitalize; } .contact-info .contact-form .section-field { display: inline; position: relative; width: 100%; } .contact-info .contact-form .field-widget { position: relative; } .contact-info .contact-form .section-field i { color: #00a9da; left: 0; position: absolute; z-index: 99; } .contact-info .contact-form .section-field input { text-transform: capitalize; margin-bottom: 30px; margin-right: 17px; color: #363636; padding-left: 38px; width: 100%; border: 1px solid #00a9da; border-radius: 3px; } .contact-info .contact-form .section-field input:focus { border-color: #363636; } .contact-info .contact-form textarea { width: 100%; border: medium none; color: #363636; display: block; border: 1px solid #00a9da; margin-bottom: 30px; border-radius: 3px; padding-left: 38px; } .contact-info .contact-form textarea:focus { border-color: #363636; } .contact-info a.button-border span { padding: 8px 18px; margin-right: 0; } .popup-contact-2 #contact-btn { background: #007da1; } .contact-form .pgs_btn { float: right; margin-right: 0px; } /*Home 2*/ .page .service-content { padding: 0px 50px 0px 70px; } .wpb_revslider_element.wpb_content_element { margin-bottom: 0; } /************************************* Home 3 *************************************/ .contact .contact-add i { float: left; color: #00a9da; margin-right: 15px; line-height: 29px; width: 15px; } .contact .contact-add p { display: table; } .contact-light .contact-add i { width: 15px; float: left; color: #00a9da; margin-right: 15px; line-height: 29px; } .contact-light .contact-add p { display: table; color: #626262; } .contact-2 .contact-add { padding-right: 10px; } .contact-2 .contact-add i { width: 45px; height: 45px; text-align: center; border-radius: 50%; background: rgba(0, 0, 0, .5); line-height: 45px; float: left; color: #00a9da; margin-right: 15px; } .contact-2 .contact-add p { display: table; } .full-height .vc_column-inner div { height: 858px !important; } /************************************* Common css *************************************/ .vc_row[data-vc-full-width].overflow-inherit { overflow: inherit; } .m-b-none .wpb_content_element { margin-bottom: 0; } .wpb_content_element.m-b-none { margin-bottom: 0; } .custom-content-3-info.m-t-none { margin-top: 0; } .m-b-none .vc_icon_element { margin-bottom: 0px; } /************************************* Contact 2 *************************************/ .contact-form.transparent input { margin-bottom: 35px; } .contact-form.transparent input, .contact-form.transparent textarea { background: rgba(0, 0, 0, .5); border: none; color: #fff; } /************************************* Contact 3 *************************************/ .page .Contact-form { padding: 0px 40px; } .contact-form.transparent > p { display: inline-block; text-align: right; width: 100%; margin-bottom: 0px; } .contact-form.transparent > p .pgs_btn { float: none; } .entry-content .news-letter h2 { margin-top: 0px; margin-bottom: 10px; } .site-details .vc_icon_element-icon { color: #00a9da; } /************************************* Social **************************************/ .social-full .wpb_wrapper { display: table; width: 100%; } .social-full { display: inline-block; float: left; width: 12.5%; } .social-full .social { color: #ffffff; } .social-full a { background: #3a5897; height: 80px; display: block; text-align: center; line-height: 80px; color: #fff; font-size: 30px; display: table-cell; border-radius: 0px; } .social-full a .fa { width: 20px; } .social-full a.fb { background: #3a5897; } .social-full a.fb:hover { box-shadow: 250px 0 0 #1e3667 inset; } .social-full a.twitter { background: #41d1da; } .social-full a.twitter:hover { box-shadow: 250px 0 0 #249da5 inset; } .social-full a.pinterest { background: #c3222b; } .social-full a.pinterest:hover { box-shadow: 250px 0 0 #9d141c inset; } .social-full a.vimeo { background: #41b2dc; } .social-full a.vimeo:hover { box-shadow: 250px 0 0 #2288ae inset; } .social-full a.dribbble { background: #dd4b80; } .social-full a.dribbble:hover { box-shadow: 250px 0 0 #9e234f inset; } .social-full a.linkedin { background: #0274b3; } .social-full a.linkedin:hover { box-shadow: 250px 0 0 #025482 inset; } .social-full a.rss { background: #ff9900; } .social-full a.rss:hover { box-shadow: 250px 0 0 #c57805 inset; } .social-full a.behance { background: #005cff; } .social-full a.behance:hover { box-shadow: 250px 0 0 #0046c3 inset; } /************************************* Home 4 *************************************/ .custom-content-3 strong { color: #626262; display: block; font-weight: 500; font-size: 18px; } .custom-content-3-info { position: relative; margin-top: 50px; } .custom-content-3-info p { padding-left: 56px; position: relative; z-index: 1; } .custom-content-3-info i { color: #eceff8; font-size: 113px; left: 0; position: absolute; z-index: 0; } .entry-content .custom-content-3 h2 { margin-top: 0px; margin-bottom: 10px; } .contact-6 { background: #00a9da; } .contact-6 .feature-8 { margin-bottom: 0; } .contact-6 .feature-8-title { background: rgba(0, 0, 0, 0.1); color: #fff; width: 70px; height: 70px; text-align: center; border-radius: 50%; } .contact-6 .feature-8-title span { color: #fff; font-size: 25px; line-height: 70px; } .contact-6 .feature-8-info p { font-size: 15px; } .contact-6 .feature-8-info b { font-size: 15px; color: #191919; font-weight: normal; } .contact-6 .feature-8-title { float: left; display: table; margin-right: 20px; } .contact-6 .feature-8-info { display: table-cell; vertical-align: top; } .contact-6 .feature-8-info h4 { margin-bottom: 10px; } .contact-6 .feature-8-info p { font-size: 14px; margin-bottom: 0px; } .contact-6 .feature-8-main .feature-8 { margin-bottom: 0px; padding: 60px 0; } .contact-6 .feature-8-main .feature-8-info p { font-size: 13px; } .vc_row .creativity .pgs_btn_md { margin: 0px 10px; } /* Home 5 */ .pgs_team_style-3 .team-inner { margin-bottom: 30px; } .entry-content .custom-portfolio h2 { margin-bottom: 20px; margin-top: 0px; } .entry-content .bottom-title h2, .entry-content .bottom-title h3, .entry-content .bottom-title h4 { margin-bottom: 10px; } .entry-content .top-title h2 { margin-top: 0px; } .entry-content .video-details h4 { margin-bottom: 10px; } /* Home 6 */ .entry-content .we-are-creative h2 { margin: 0px 0px 20px 0px; } /* Home 7 */ .features-device { position: relative; z-index: 0; margin-top: 310px; } .features-device img { width: 100% !important; height: auto !important; } .features-device .device-1 { position: absolute; bottom: 0px; bottom: -130px; left: 40px; z-index: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .features-device .device-2 { position: absolute; bottom: -80px; z-index: 1; left: 183px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .features-device .device-3 { position: absolute; right: 250px; bottom: -100px; z-index: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .features-device .device-4 { position: absolute; right: 40px; bottom: -160px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .features-device .device-1:hover { bottom: -110px; } .features-device .device-2:hover { bottom: -60px; } .features-device .device-3:hover { bottom: -80px; } .features-device .device-4:hover { bottom: -140px; } .entry-content .exclusive-services h2 { margin-top: 0; margin-bottom: 10px; } /* Contact address */ .contact-address ul li { display: block; color: #363636; padding-bottom: 20px; } .entry-content .contact-address ul { padding-left: 0px; } .contact-address ul li span { float: left; margin-right: 15px; } .contact-address ul li p { display: table-cell; line-height: 18px; } /* Home 8 */ .our-blog.our-blog-style_2 { margin-bottom: 30px; } .our-blog.our-blog-style_2:last-child { margin-bottom: 0px; } /* Home 9 */ .image-holder strong { font-size: 14px; color: #ffffff; background: #00a9da; text-transform: uppercase; margin-bottom: 15px; display: inline-block; padding: 5px 20px; font-weight: 400; } .image-holder h1 { font-size: 60px; text-transform: uppercase; color: #363636; font-weight: bold; margin-top: 10px; line-height: 60px; margin-bottom: 20px; } .image-holder a { color: #363636; text-transform: uppercase; border-bottom: 2px solid #363636; font-size: 14px; margin-top: 30px; display: inline-block; padding-bottom: 5px; } .image-holder a:hover { color: #00a9da; border-color: #00a9da; } .typer-content { height: 40px; } .typer-content h2 { font-size: 32px; color: #363636; font-weight: 600; text-transform: uppercase; font-family: 'Raleway', sans-serif; } .user-skill { padding: 370px 0 290px; } /* Service 3 block1*/ .service-block { padding-top: 50px; position: relative; } .service-block p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } .service-block b { position: absolute; z-index: 0; top: 94px; font-family: 'Lato', sans-serif; right: 0px; font-size: 72px; color: #dde1eb; line-height: 72px; } .service-block ul { border-right: 6px solid #dde1eb; padding-right: 20px; } .entry-content .service-block li { list-style: none; } .service-block li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } .service-block.left { padding-right: 0px; } .service-block.left b { position: absolute; z-index: 0; top: 94px; font-family: 'Lato', sans-serif; left: 0px; font-size: 72px; color: #dde1eb; line-height: 72px; } .service-block.left ul { border-left: 6px solid #dde1eb; padding-left: 20px; border-right: 0px; padding-right: 0; } /* Maintenance progress bar about me*/ .maintenance-progress-bar { margin: 30px 0 20px; } .maintenance-progress-bar .progress-bar { position: relative; height: 200px; width: 200px; background: transparent; margin: 0 35px; box-shadow: none; float: none; display: inline-block; } .maintenance-progress-bar span { bottom: -40px; color: #363636; font-size: 28px; position: absolute; right: 0; width: 100%; text-transform: uppercase; } .maintenance-progress-bar .progress-bar div { position: absolute; height: 200px; width: 200px; border-radius: 50%; } .maintenance-progress-bar .progress-bar div span { position: absolute; line-height: 175px; height: 175px; width: 175px; left: 12.5px; top: 12.5px; text-align: center; border-radius: 50%; background-color: white; font-size: 35px; font-weight: 700; color: #626262; } .maintenance-progress-bar .progress-bar .background { background-color: transparent; } .maintenance-progress-bar .progress-bar .rotate { clip: rect(0 100px 200px 0); background-color: #00a9da; } .maintenance-progress-bar .progress-bar .left { clip: rect(0 100px 200px 0); opacity: 1; background-color: #b3cef6; } .maintenance-progress-bar .progress-bar .right { clip: rect(0 100px 200px 0); transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); opacity: 0; background-color: #00a9da; } @keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } .entry-content .about-user-list h2 { margin-top: 0px; } /*our clients*/ .our-clients, .our-clients-2 { padding: 80px 0px 50px; } .our-clients.pgs_our_client.pgs_our_client_tabs { padding-top: 0px; padding-bottom: 0px; } .our-clients.pgs_our_client.pgs_our_client_tabs .tab_contents p { margin-bottom: 35px; } /*textwidget*/ .textwidget ul li { display: block; } .textwidget ul li a { color: #ffffff; } .textwidget ul li a:hover { color: #00a9da; } /* Blog 2*/ .blog.content-main { padding: 80px 0px; } .our-blog .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .our-blog .container-fluid .row { margin-left: 0 !important; margin-right: 0 !important; } .our-blog .container-fluid .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .our-blog .blog-box-image { max-height: 300px; display: block; overflow: hidden; position: relative; } .our-blog .blog-box-image img { width: 100%; } .our-blog .blog-box-info:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 200%; background: #00a9da; } .our-blog .blog-box-info { background: #00a9da; padding: 32px 40px 31px; max-height: 300px; position: relative; } .our-blog .blog-box-info h1 { margin-bottom: 10px; } .our-blog .blog-box-info h1, .our-blog .blog-box-info p { position: relative; } .our-blog .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .blog-box-image .portfolio-item { width: 100%; } .blog-box-image .portfolio-caption a { font-size: 20px; color: #fff; } .blog-box-image .portfolio-caption a:hover { color: #00a9da; } .blog-box-image .portfolio-caption .port-tag { margin-top: 10px; } .blog-box-image .portfolio-caption .port-tag li { display: inline-block; margin-top: 0px; margin-left: 10px; } .blog-box-image .portfolio-caption .port-tag li a { display: block; font-size: 14px; color: #fff; } .blog-box-image .portfolio-caption .port-tag li a:hover { color: #00a9da; } .blog-box-image .portfolio-caption .port-tag li i { color: #00a9da; } .blog-box-image .portfolio-caption .button-border span { font-size: 14px; padding: 7px 15px; margin-top: 30px; } .blog-box-image .portfolio-caption .button-border span:hover { color: #363636; } .entry-meta-data > li { border-right: 1px solid #ccc; float: left; margin-right: 5px; padding-right: 5px; } .entry-meta-data > li:last-child { border-right: 0 none; margin-right: 0; padding-right: 0; } /*overlay*/ .header_intro_opacity:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .header_intro_opacity { position: relative; } /************************************* popup contact **************************************/ .popup-contact { position: relative; } .popup-contact-box { position: absolute; bottom: 105px; left: 15px; z-index: 999; } #contact-btn { bottom: 0; position: absolute; z-index: 99; background: #00a9da; color: #fff; width: 40px; border-radius: 3px; font-size: 18px; height: 40px; text-align: center; line-height: 40px; } .popup-contact-box input:focus { border: 1px solid; } .contact-info { display: none; background-color: #eceff7; width: 300px; min-height: 390px height:auto; border-radius: 3px; padding: 25px; } .contact-info h4 { text-transform: capitalize; } .contact-info .section-field { display: inline; position: relative; width: 100%; } .contact-info .field-widget { position: relative; } .contact-info .section-field i { position: absolute; left: 0; color: #00a9da; display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; z-index: 99; } .contact-info .section-field input { text-transform: capitalize; margin-bottom: 20px; margin-right: 17px; color: #363636; padding-left: 38px; width: 100%; border: 1px solid #00a9da; border-radius: 3px; } .contact-info .section-field input:focus { border-color: #363636; } .contact-info textarea { width: 100%; border: medium none; color: #363636; display: block; border: 1px solid #00a9da; margin-bottom: 0px; border-radius: 3px; padding-left: 38px; } .contact-info textarea:focus { border-color: #363636; } .contact.contact-box { margin-bottom: 10px; } /************************************* maintenance **************************************/ .maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } .maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } .maintenance-main p { font-size: 32px; line-height: 35px; margin-bottom: 70px; } .maintenance-form { width: 76%; margin: 0 auto; } .maintenance-form p { font-size: 19px; } .maintenance-form input { width: 81%; background: transparent; border: 1px solid #eceff7; padding-left: 20px; border-radius: 3px; } .maintenance-form input:focus { border: 1px solid #00a9da; } .maintenance-progress-bar { margin: 0px 0 40px; } .maintenance-progress-bar .progress-bar { position: relative; height: 200px; width: 200px; background: transparent; margin: 40px; box-shadow: none; float: none; display: inline-block; } .maintenance-progress-bar span { bottom: -40px; color: #000; font-size: 28px; position: absolute; right: 0; width: 100%; text-transform: uppercase; } .maintenance-progress-bar .progress-bar div { position: absolute; height: 200px; width: 200px; border-radius: 50%; } .maintenance-progress-bar .progress-bar div span { position: absolute; line-height: 175px; height: 175px; width: 175px; left: 12.5px; top: 12.5px; text-align: center; border-radius: 50%; background-color: white; font-size: 35px; font-weight: 700; color: #626262; } .maintenance-progress-bar .progress-bar .background { background-color: transparent; } .maintenance-progress-bar .progress-bar .rotate { clip: rect(0 100px 200px 0); background-color: #00a9da; } .maintenance-progress-bar .progress-bar .left { clip: rect(0 100px 200px 0); opacity: 1; background-color: #b3cef6; } .maintenance-progress-bar .progress-bar .right { clip: rect(0 100px 200px 0); transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); opacity: 0; background-color: #00a9da; } @keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } /************************************* error **************************************/ .error-block { background: url(../images/error-bg.png) no-repeat; background-position: center center; padding: 130px 0px; } .error-block h1 { font-size: 87px; margin-bottom: 40px; } .error-block p { font-size: 33px; } .error-search-box { width: 76%; margin: 0 auto; } .error-search-box p { font-size: 18px; text-align: center; margin-bottom: 50px; } .error-search-box a.link { background: #00a9da; color: #fff; padding: 0 5px; } .error-search-box a.link:hover { background: #363636; } .error-search-box input.search-field { width: 85%; background: transparent; border: 1px solid #eceff7; color: #626262; padding: 0 20px; border-radius: 3px; } .error-search-box input:focus { border: 1px solid #00a9da; } .error-search-box input.search-submit { border: 0 none; border-radius: 3px; cursor: pointer; display: inline-block; padding: 11px 20px; margin-right: 10px; background: #eceff7; color: #626262; font-size: 15px; width: inherit; } .error-search-box input.search-submit:hover { background: #00a9da; color: #ffffff; } /************************************* team single **************************************/ .single-teams .our-team { padding: 80px 0 50px; } .single-teams .our-activities { padding: 0px 0px 50px; } .single-teams .our-activities .skills-2 h3 { margin-bottom: 30px; } .team-expertise h3 { margin-bottom: 30px; } .team-expertise ul li { line-height: 24px; display: block; padding: 11px 0 11px 24px; font-size: 18px; position: relative; border-bottom: 1px dotted #f2f2f2; } .team-expertise ul li:before { content: "\f105"; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 11px; font-size: 18px; } .single-teams .our-team img, .single-teams .our-team .custom-content-4 { margin-bottom: 30px; } .single-teams .our-team .custom-content-4 blockquote { margin-bottom: 0; } .our-activities .skills-2, .our-activities .team-expertise { margin-bottom: 30px; } /************************************* Careers **************************************/ /*careers accordion*/ .careers .accordion-content { padding: 25px 20px; } .careers .accordion-content span { font-size: 18px; } .careers .accordion-content b { font-weight: normal; color: #00a9da; } .careers .accordion-content p { display: inline-block; } .careers .accordion-content h4 { text-transform: capitalize; } .careers .accordion-content li { display: block; font-size: 14px; margin-top: 5px; } .careers .accordion-content i { padding-right: 10px; } .careers .accordion-content a { color: #00a9da; font-size: 12px; } .accordion .accordion-title.job-item-title a { padding-right: 15px; } .accordion .accordion-title.job-item-title a.active { color: #ffffff; } .accordion .accordion-title.job-item-title a.active .job-type { display: none; } .accordion .accordion-title.job-item-title .job-type { font-size: 12px; } .careers .job-header { margin-bottom: 30px; } .careers .job-content h4 { margin-top: 30px; margin-bottom: 15px; } .careers .accordion-content.job-item-content { border: 1px solid #eceff7; } .careers .accordion-content.job-item-content .panel-content { margin-bottom: 20px; } .owl-carousel-10 .owl-item { cursor: url("../images/client-arrow.png") 25 25, pointer; padding: 0 15px; } .accordion .accordion-title { font-size: 16px; color: #000; text-align: left; } .accordion .accordion-title a { background: transparent; border: 1px solid #eceff7; display: block; position: relative; color: #626262; margin-top: -1px; text-decoration: none; padding: 11px 60px; font-weight: normal; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion .accordion-title a:hover { text-decoration: none; background-color: transparent; color: #00a9da; } .accordion .accordion-title a.active { color: #fff; background-color: #00a9da; cursor: default; border-color: #00a9da; } .accordion .accordion-title a:after { content: "\f067"; width: 20px; height: 20px; margin-top: -8px; position: absolute; top: 50%; left: 20px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 14px; line-height: 20px; text-align: center; color: #626262; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion .accordion-title a.active:after, .accordion .accordion-title a.active:hover:after { content: "\f068"; color: #fff; } .accordion .accordion-title a:hover:after { color: #00a9da; } .accordion-content { text-align: left; } /*shortcode page*/ .text-formatting { margin-bottom: 30px; } span.tooltip-content-2 { color: #00a9da; font-weight: 600; cursor: help; } .mark, mark { background: #00a9da; color: #fff; } .label-m { margin-bottom: 40px; } .panel-title { font-weight: 600; } .ie-img img { width: 100% !important; height: 100% !important; } .ie-iframe iframe { width: 100% !important; } .ie-box .vc_icon_element-inner { width: 75px !important; height: 75px !important; line-height: 75px !important; text-align: center !important; border-radius: 3px !important; margin: 0 auto; margin-bottom: 30px; } .ie-box .vc_icon_element-inner .vc_icon_element-icon { font-size: 16px !important; } .comment-respond .submit.button { background: #00a9da; color: #ffffff; width: auto; border: 0px; border-radius: 3px; padding: 8px 20px; margin-top: 10px; } .comment-respond .submit.button:hover, .comment-respond .submit.button:focus { box-shadow: -200px 0 0 #363636 inset; } .equal-content { display: table; } .equal-content .vc_column_container { display: table-cell; float: none; vertical-align: middle; } .owl-carousel-13 .owl-stage-outer { overflow: visible !important; height: 100% !important; } .single-post .owl-carousel-13 .owl-stage-outer { overflow: hidden !important; } .content-wrapper, .page .content-wrapper { padding: 80px 0px; } .content-wrapper .entry-content { margin: 0px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #00a9da; } .owl-theme .owl-dots .owl-dot span { background: #fff; } .vc_column-inner .wpb_single_image .vc_figure, .vc_column-inner .wpb_single_image .vc_single_image-wrapper { display: block; } .service-inner .pgs_list.pgs_list_style_1 { padding-left: 49px; } .no-results.not-found { display: block; text-align: center; padding: 50px 0 55px; } .no-results.not-found p { margin-bottom: 30px; } a.apply-now-btn span { margin-top: 30px; border: 0 none; border-radius: 3px; cursor: pointer; display: inline-block; padding: 6px 16px; margin-right: 10px; overflow: hidden; position: relative; background-color: transparent; color: #00a9da; font-size: 14px !important; border: 1px solid #00a9da; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } a.apply-now-btn span:hover { box-shadow: -200px 0 0 #00a9da inset; color: #ffffff; border-color: #00a9da; } /* Under Maintenance */ .tc_maintenance_mode-maintenance #header { background: transparent; text-align: center; } .tc_maintenance_mode-maintenance #header img.logo-type-default { height: 60px; margin: 20px 0px; } .mntc-cs-item.mntc-cs-content { padding: 80px 0px; } .mntc-cs-item h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; display: block; margin-bottom: 50px; } .mntc-cs-item i { font-size: 100px; margin-bottom: 25px; color: #e4e4e4; } .mntc-cs-item p { font-size: 32px; line-height: 35px; padding: 0 250px; line-height: 44px; } .tc_maintenance_mode-maintenance .footer { background: transparent; padding: 0px; } .tc_maintenance_mode-maintenance .footer, .tc_maintenance_mode-comingsoon .footer { position: fixed; bottom: 0px; width: 100%; } .tc_maintenance_mode-comingsoon #header { background: transparent; text-align: center; } .tc_maintenance_mode-comingsoon #header img.logo-type-default { height: 60px; margin: 20px 0px; } .tc_maintenance_mode-comingsoon .mntc-cs-item p { font-size: 32px; line-height: 35px; padding: 0 100px; line-height: 44px; } .tc_maintenance_mode-comingsoon .mntc-cs-item.mntc-cs-content { padding: 0px; } .tc_maintenance_mode-comingsoon .mntc-cs-item i { margin-top: 80px; } .tc_maintenance_mode-comingsoon ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } .tc_maintenance_mode-comingsoon ul.countdown li { display: inline-block; width: 24%; } .tc_maintenance_mode-comingsoon ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #00a9da; } .tc_maintenance_mode-comingsoon ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } .tc_maintenance_mode-comingsoon .footer { background: transparent; padding: 0px; } .faq-layout-layout_1 .accordion .accordion-title a:hover.active { color: #ffffff; } /* Your custom css codes start from here: */ .mega-menu .tc-megamenu-content { left: 0; max-width: inherit; position: absolute; } .mega-menu .tc-megamenu-content.drop-down-multilevel { border-top: none; } .tc-megamenu-content-inner > .vc_row { background-color: #fff; } .tc-megamenu-content-inner .vc_row:first-child { border-bottom: 1px solid #00a9da; border-top: 5px solid #00a9da; box-shadow: 0 2px 10px; } .mega-menu .drop-down-multilevel.tc-column-content { position: absolute; left: 0; width: 100%; max-width: 100%; height: 100%; } .mega-menu .drop-down-multilevel.tc-column-content { border: none; background: none; } .mega-menu .drop-down-multilevel.tc-column-content .tc-column-content { background-color: #fff; border-top: 5px solid #00a9da; box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.05); } .mega-menu .tc-column-content .drop-down-multilevel { left: 0; max-width: 100%; } .tc-column-content .column-item > ul > li > ul { display: none; } .tc-column-content .column-item > ul > li > a > .fa-indicator { display: none !important; } .mega-menu.desktopTopFixed img.logo-type-default { display: none !important; } /*vertical-left*/ .mega-menu.vertical-left .drop-down-multilevel.tc-column-content { left: auto !important; } .mega-menu.vertical-left .drop-down-multilevel, .mega-menu.vertical-right .drop-down-multilevel { right: 100% !important; } .vc_tta-panel.vc_animating:not(.active) .vc_tta-panel-body { border-bottom: 1px solid transparent; border-top: 1px solid transparent; } /* Hero Slider */ .text-dropping .custom-content-2 h1, .text-dropping .custom-content-2 .dropping-words { font-size: 46px; font-weight: 700; color: #ffffff; text-transform: uppercase; margin-bottom: 30px; } .text-dropping .custom-content-2 div { color: #ffffff; font-size: 18px; margin-bottom: 30px; } .text-dropping .custom-content-2 .dropping-words span { text-transform: uppercase; } .hero-custom-content h1 { font-size: 70px; line-height: 90px; font-weight: bold; color: #ffffff; text-transform: uppercase; margin-bottom: 30px; } .hero-custom-content p { font-size: 21px; color: #ffffff; } .slider-btn-bg:hover { opacity: 0.8 !important; } /* Default Menu */ .default-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-tap-highlight-color: transparent; text-align: left; } .default-menu .sub-menu { margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 200px; } .default-menu .sub-menu li { margin: 0; padding: 0; display: block; border-bottom: 1px solid #f3f3f3; position: relative; -webkit-transition: ackground 200ms ease; transition: background 200ms ease; z-index: 50; } .default-menu .sub-menu li:last-child { border-bottom: 0px; } .default-menu .sub-menu li:hover { background: none; } .default-menu .sub-menu li:hover > a { color: #00a9da; } .default-menu .sub-menu a { margin: 0; padding: 15px 20px; font-size: 0.8125em; text-transform: capitalize; display: inline-block; float: left; width: 100%; color: #23232; -webkit-transition: color 200ms ease; transition: color 200ms ease; min-height: 48px; } .default-menu .sub-menu .sub-menu { left: 100%; top: 0; } /* Blog main page */ .entry-content ul, .comments-area .comment ul { padding-left: 20px; } .entry-content ul li, .comments-area .comment ul li { list-style-type: disc; } .entry-content ol, .comments-area .comment ol { padding-left: 20px; } .entry-content ol li, .comments-area .comment ol li { list-style-type: decimal; } .comments-area .comment ol.children li { list-style-type: none; } .comments-area ol.children li .comments-info ul li { list-style-type: decimal; } .blog .row:last-child > .col-sm-6 article hr { display: none; } .blog .row .col-sm-8 article:last-child hr { display: none; } .blog .row .col-sm-12 article:last-child hr { display: none; } .blog .row .col-sm-12 .row:last-child article:last-child hr { display: none; } .blog .row .col-sm-8 .row:last-child > .col-md-6 article:last-child hr { display: none; } .blog .row .col-sm-12 .col-md-6 article:last-child hr { display: block; } .blog .row .col-sm-8 .col-md-6 article:last-child hr { display: block; } .blog .row .col-sm-12 .masonry-item article:last-child hr { display: block; } .blog .row .col-sm-12 .masonry-item:last-child article:last-child hr { display: none; } .blog .row .col-sm-12 .masonry-item:nth-last-child(2) article hr { display: none; } .blog .row .col-sm-8 .masonry-item article:last-child hr { display: block; } .blog .row .col-sm-8 .masonry-item:last-child article:last-child hr { display: none; } .blog .row .col-sm-8 .masonry-item:nth-last-child(2) article:last-child hr { display: none; } .blog .row .col-sm-12 .col-md-4 article:last-child hr { display: block; } /* Single */ .entry-content h2, .comments-area .comment h2 { margin: 30px 0px; } .entry-content h1, .comments-area .comment h1, .entry-content h2, .comments-area .comment h2, .entry-content h3, .comments-area .comment h3, .entry-content h4, .comments-area .comment h4, .entry-content h5, .comments-area .comment h5, .entry-content h6, .comments-area .comment h6 { margin-bottom: 30px; } .entry-content cite { color: #00a9da; } blockquote { border-left: 5px solid #d6d6d6; font-size: 14px; } table { border-collapse: collapse; width: 100%; } table th { background: #fdfdfd; } table td, table th { border: 1px solid #d6d6d6; text-align: center; padding: 12px 1px; } dl dd { margin-bottom: 20px; } code { font-size: 14px; color: #626262; background-color: #d6d6d6; border-radius: 0px; font-family: 'Open Sans', sans-serif; } abbr[title] { border-bottom: 1px dotted; } ins { background: #00a9da; color: #fff; padding: 2px 6px; text-decoration: none; } .alignleft { margin: 0px 20px 20px 0px; float: left; } .alignright { margin: 0px 0px 20px 20px; float: right; } img { max-width: 100%; height: auto; } .wp-caption { margin-bottom: 20px; max-width: 100%; } .wp-caption .wp-caption-text { color: #a9a9a9; margin-top: 5px; } .gallery-item { display: inline-block; max-width: 25%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-item img { margin-bottom: 8px; } .page-links .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; display: none; } .page-links { margin-top: 25px; margin-bottom: 23px; } .page-links a, .page-links span { position: relative; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .page-links span.page-links-title { background: none; border: none; padding-left: 0px; color: #626262; } .page-links span.page-links-title:hover { background: none; color: #626262; } .page-links a span { padding: 0px; border: none; background: none; transition: none; } .page-links a:hover span { background: none; color: #ffffff; } .page-links a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 3px; } .page-links a, .page-links span { padding: 10px 18px; border-color: #eceff7; border-radius: 3px; } .page-links a:focus, .page-links a:hover, .page-links span:focus, .page-links span:hover { background-color: #00a9da; border-color: #00a9da; color: #fff; } .page-links .active a, .page-links .active a:focus, .page-links .active a:hover, .page-links .active span, .page-links .active span:focus, .page-links .active span:hover { background-color: #00a9da; border-color: #00a9da; color: #fff; } .single-post .portfolio-item { margin-bottom: 20px; } .single-post .tag-markup-2 .portfolio-item, .single-post .tag-featured-image .portfolio-item { margin-bottom: 0px; } .single-post .format-video iframe { width: 100% !important; } .post-password-form label { display: block; } .post-password-form input { margin-top: 10px; } .post-password-form input[type="submit"] { padding: 11px 20px; border-radius: 3px; width: auto; margin-top: 15px; background: #00a9da; border: none; color: #ffffff; } .post-password-form input[type="submit"]:hover { background: #009ac6; } .comment h2:first-child { margin-top: 0; } blockquote cite { color: #00a9da; display: block; } .search-results .entry-header, .search-results .type-post .entry-title { display: inline-block; width: 100%; } .single .entry-content h3 { margin: 30px 0 15px; } .entry-content .default-list { padding-left: 0px; } .entry-content .default-list li { list-style: none; } .default-list li { line-height: 30px; } .default-list .fa-angle-right { margin-right: 5px; } .label-m .label { display: inline-block; } .pgs_team_style-3 .team-inner .team-social ul li a { color: #ffffff; } .header_intro_opacity-black:before { background-color: rgba(0, 0, 0, 0.7); } .header_intro_opacity-white:before { background-color: rgba(255, 255, 255, 0.7); } .header_intro_opacity-blue:before { background-color: rgba(0, 169, 218, 0.7); } .bottom-title .entry-content h2, .bottom-title .entry-content h3 { margin-bottom: 10px; } /* IE */ @media screen\0 { .blog-entry-image .portfolio-item .img-responsive { width: 100%; } .widget_categories li.cat-item a { display: inline-block; } } /* Revolution Slider - Custom CSS */ .banner-content { background: #00a9da; color: #fff; text-transform: uppercase; font-size: 13px; letter-spacing: 3px; padding: 7px 15px; display: inline-block; } .overlaybg_slide:after, .rev_slider_wrapper[data-alias="home-2-modern"] > .rev_slider .tp-revslider-slidesli:after, .rev_slider_wrapper[data-alias="home-4-corporate"] > .rev_slider .tp-revslider-slidesli:after, .rev_slider_wrapper[data-alias="home-7-classic"] > .rev_slider .tp-revslider-slidesli:after, #rev_slider_11_1 .tp-revslider-slidesli:after, #rev_slider_13_1 .tp-revslider-slidesli:after{ width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; /* black overlay with 50% transparency */ //background: rgba(0, 0, 0, 0.7); } .rev_slider_wrapper[data-alias="home-7-classic"] > .rev_slider .tp-revslider-slidesli:after{ /* opacity: 0.6; background: rgba(0, 0, 0, 0.8); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a9da), color-stop(100%, #000000)); background: -webkit-linear-gradient(-315deg, #00a9da 0%, #000000 100%); background: -webkit-linear-gradient(0deg, #00a9da 0%, #000000 100%); background: linear-gradient(0deg, #00a9da 0%, #000000 100%);*/ } .rev_slider_wrapper .parallax-bg .slotholder .tp-bgimg { background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }