/* Updated On : 11/05/2016 | 02:00 PM Author : ElectraThemes | https://electrathemes.com/ Description : Best Startup , Creative WordPress Theme. */ /*Generic CSS*/ body { color: #4d4d4d; font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: lighter; } .modal-open { -moz-padding-end: 0 !important; } *::-moz-selection { background: #495bbd; color: #FFF; } *::selection { background-color: #495bbd; color: #fff; } .img-responsive{ position: relative !important; } /* WordPress default css start */ .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 98.5%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; margin: 0; text-align: center; padding: 10px 4px 0px; } .wp-caption a { color: #fff; } .wp-caption, .gallery { margin-bottom: 1.6842em; } iframe, embed { max-width: 100%; } .sticky .entry-date { display: none; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .bypostauthor {} /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { display: inline; float: right; } .single-blog-social a[rel~='nofollow'] { outline: 0em dotted transperant !important; outline-offset: 0em; } img {width: auto;max-width: 100%; height: auto;} /* WordPress default css end */ h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1, .h1, .h4, h4 { font-weight: lighter; } /* general start */ .header-top .logo .custom-logo { display: inline-block; } .header-top .logo .logo-dark { display: none; } .fixed-header .logo .custom-logo { display: none; } .fixed-header .logo .logo-dark { display: inline-block; } a, li a, #cssmenu > ul > li > a:after, #cssmenu #menu-button span, #cssmenu .submenu-button::after, #cssmenu .submenu-button::before, .btn-iprimary, .btn-light, .btn-lightborder, .btn-lightborder:after, .page-numbers, .page-numbers:after, .btn-nav, .animated, .about-business, .about-personal, .about-fun, .knowledge-box, .knowledge-box .keyFeatureTitle, .knowledge-box .keyFeatureDescription, input, textarea, .menu-left li a:before, #services-tabs li:before, ul#recentcomments li:before, .price-table-box, .footer-social-icon li, .about-me-personal, .about-me-business, .about-me-fun, .about-me-knowledge-box, .tab-menu-area .navbar-toggle { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .site-title .site-description { text-align: center; font-size: 70%; } a { outline: 0; color: #4d4d4d; } a:hover, a:focus { color: #495bbd; outline: 0; text-decoration: none; } p { font-size: 14px; line-height: 28px; font-weight: lighter; } .error404 .heading-description { text-align: center; } /*button*/ .btn-iprimary { display: inline-block; font-size: 16px; line-height: 16px; font-weight: bolder; text-transform: uppercase; color: #ffffff; padding: 15px 40px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; cursor: pointer; } .btn-iprimary:focus, .btn-iprimary:hover { color: #ffffff; } .btn-iprimary:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .btn-iprimary:hover:before, .btn-iprimary:focus:before, .btn-iprimary:active:before { color: #ffffff; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .btn-blank { box-shadow: inset 0 0 0 1px #ea8800; } .btn-blank:before { background: #000000; } .btn-blank:hover:before, .btn-blank:focus:before, .btn-blank:active:before { background: #000000; box-shadow: inset 10px 0 0 0px #ea8800; } .btn-light { display: inline-block; font-weight: normal; } .btn-light:focus, .btn-light:hover { color: #ea8800; } .btn-lightborder { display: inline-block; font-weight: normal; padding: 15px 13px 5px; line-height: 1; } .btn-lightborder:after { content: ''; width: 0; display: block; margin: 10px 0 0; border-top: 2px solid #ea8800; } .btn-lightborder:focus, .btn-lightborder:hover { color: #ea8800; } .btn-lightborder:focus:after, .btn-lightborder:hover:after, .btn-lightborder.current:after { width: 100%; } .btn-lightborder, .page-numbers { display: inline-block; font-weight: normal; padding: 15px 13px 5px; line-height: 1; } .btn-lightborder:after, .page-numbers:after { content: ''; width: 0; display: block; margin: 10px 0 0; border-top: 2px solid #ea8800; } .btn-lightborder:focus, .btn-lightborder:hover, .page-numbers:focus, .page-numbers:hover { color: #ea8800; } .btn-lightborder:hover:after, .btn-lightborder:focus:after, .btn-lightborder.current:after, .page-numbers:hover:after, .page-numbers:focus:after, .page-numbers.current:after { width: 100%; } .btn-speechblue { background: #000000; box-shadow: inset 10px 0 0 0px #ea8800; } .btn-speechblue:before { background: #ea8800; } .btn-speechblue:hover:before, .btn-speechblue:focus:before, .btn-speechblue:active:before { background: #ea8800; box-shadow: inset 10px 0 0 0px #000000; } .btn-nav { display: inline-block; color: #ffffff; background: #000000; cursor: pointer; line-height: 43px; padding: 0px 30px; } .btn-nav:focus, .btn-nav:hover { background: #ea8800; } /* Preloader Section */ .page-title-area { margin-bottom: 6%; margin-top: 47px; overflow: hidden; } .page-title-area-full { margin-bottom: 6%; margin-top: 47px; } .preloader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #fff; z-index: 99999; } .preloader .preloader-gif { display: block; width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; background: url('../images/loader.svg') no-repeat; transform-origin: 35px 35px; background-size: contain; animation: rotate 1s infinite linear; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .preloader .preloader-custom-gif { display: block; width: 170px; height: 80px; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; background: url('../images/preloader/loader.svg') no-repeat; } .owl-nav .btn-nav:before { font-size: 15px; } /*title*/ .title { text-align: center; padding: 45px 0; } .title h2 { color: #ea8800; padding: 0 0 13px; line-height: 13px; font-weight: bolder; text-transform: uppercase; } .title h1 { color: #000; padding: 13px 0 0; font-weight: lighter; line-height: 24px; } .title h1::after { width: 30px; height: 3px; content: ''; margin: 10px auto 0 auto; display: block; background: #000; } /*title-left*/ .title-left { text-align: left; padding: 45px 0; } .title-left h2 { color: #ea8800; padding: 0 0 13px; line-height: 13px; font-weight: bolder; text-transform: uppercase; } .title-left h1 { color: #000; padding: 13px 0 0; font-weight: lighter; line-height: 24px; } .title-left h1::after { width: 30px; height: 3px; content: ''; display: block; background: #000; margin: 10px 0 0; } .title-left-ul { padding: 0 0 45px; } .title-left-ul h2 { color: #ea8800; line-height: 13px; font-weight: bolder; text-align: left; text-transform: uppercase; } .title-left-ul h2::after { width: 30px; height: 3px; content: ''; display: block; background: #000; margin: 13px 0 0; } .title-data h2 a { color: #ea8800; line-height: 30px; font-weight: bolder; text-align: left; text-transform: uppercase; } .title-data h2 a:hover { color: #000; } .title-data p { font-size: 13px; font-weight: normal; } /*title-single*/ .title-single p { font-weight: normal; padding: 0 0 45px; } /*heading*/ .heading-wrap { background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .heading-wrap .heading-layer { background: rgba(0, 0, 0, 0.5); } .heading-wrap .heading-title { overflow: hidden; } .heading-wrap .heading-title h4 { text-align: center; font-weight: lighter; line-height: 24px; color: #ffffff; padding: 190px 0 90px; margin: 0; } /*menu-left*/ .menu-left { padding: 0 0 30px; } .menu-left ul { list-style-type: none; padding-left: 0; } .menu-left h6 { margin: 0 0 15px; color: #ea8800; font-weight: bolder; text-align: left; text-transform: uppercase; } .menu-left h6::after { width: 30px; height: 3px; content: ''; display: block; background: #000; margin: 13px 0 0; } .menu-left ul li a, .services-tabs-left li, ul#recentcomments li{ display: inline-block; position: relative; padding: 9px 5px 9px 20px; } .services-tabs-left li{ display: block; } .menu-left ul li a, .services-tabs-left li a, .menu-left ul li .comment-author-link a, .menu-left ul li.recentcomments a { color: #4d4d4d; } .menu-left li a span { font-size: 30px; } .menu-left ul li a:hover, .menu-left ul li.active a, .recentcomments:hover { color: #000000; cursor: pointer; } .menu-left li a:before, .services-tabs-left li:before, ul#recentcomments li:before { content: ''; position: absolute; top: 46%; left: 0; height: 5px; width: 5px; display: block; background-color: #000; } .menu-left li a:hover:before, .menu-left li.active:before, .services-tabs-left li:hover:before, .services-tabs-left li.active:before, ul#recentcomments li:hover:before { background: #ea8800; height: 100%; top: 0; } ul#recentcomments li a { display: inherit; padding: 0; } ul#recentcomments li a:before { display: none; } /*section*/ .best-startup-section { overflow: hidden; } .no-padding { padding: 0; } /*Index page start*/ /*logo*/ .main-logo { float: left; padding: 15px 0px; } .logo-light{ color: #fff; } .main-logo h4, .main-logo h6{ font-weight: normal; } .logo-light a{ color: #fff; } .logo-dark a{ color: #000; } .logo-dark a,.logo-dark h6{ display: none; } .fixed-header .logo-dark a{ display: block; font-weight: normal; } .main-logo img{ max-height: 31px; } .img-responsive.logo-dark { display: none; } .logged-in #best_startup_navigation.navbar-fixed-top{ top: inherit; } /* slider */ .sow-slider-base .sow-sld-icon-themeDefault-right:before { content: "\f178"; } .sow-slider-base .sow-sld-icon-themeDefault-left:before { content: "\f177"; } .best-startup-slider.animated { animation-duration: 10s; } .best-startup-slider, .best-startup-slider .carousel-inner { height: 100%; width: 100%; min-height: 360px; } .best-startup-slider .carousel, .best-startup-slider .item, .best-startup-slider .active { width: 100%; height: 100%; min-height: 360px; } .best-startup-slider .carousel-inner, .best-startup-slider .item { background-position: center center; background-size: cover; min-height: 360px; } .best-startup-slider .carousel-item { background-position: center center; background-size: cover; } .best-startup-slider .image-1 { background-image: url('../images/1.jpg'); } .best-startup-slider .image-2 { background-image: url('../images/2.jpg'); } .best-startup-slider .image-3 { background-image: url('../images/3.jpg'); } .best-startup-slider .slider-control .left { left: 3%; } .best-startup-slider .slider-control .right { right: 3%; left: auto; } .best-startup-slider .slider-control { color: #fff; cursor: pointer; } .best-startup-slider .slider-control:hover { color: #ea8800; } .best-startup-slider .slider-control .left, .best-startup-slider .slider-control .right { position: absolute; top: 50%; z-index: 5; display: inline-block; font-size: 20px; margin-top: -10px; } .best-startup-slider .slider-layer { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .best-startup-slider .slider-caption { position: absolute; top: 40%; } .best-startup-slider .slider-text { width: 58.33333333%; margin-left: 16.66666667%; } .best-startup-slider .slider-text h1 { color: #ffffff; font-weight: lighter; line-height: 35px; } .best-startup-slider .slider-btn { padding: 6% 0; } /*about*/ .about-wrap { text-align: center; background: #ffffff; } .about-wrap .btn-light { margin: 37px 0 42px; } .about-type { display: block; overflow: hidden; } .about-box { overflow: hidden; position: relative; } .about-box .btn-blank, .about-box .btn-speechblue { position: absolute; top: 45px; left: 0; z-index: 1; } .about-personal:hover{ -o-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); } .about-personal, .about-business, .about-fun { } /*knowledge*/ .knowledge-box { text-align: center; } .knowledge-box:hover { color: #ffffff; background: #ea8800; } .knowledge-box span { } /*contact-me*/ .contact-me-wrap { background: url(../images/contact-me-bg.jpg) no-repeat center fixed; background-size: cover; color: #ffffff; } .contact-me-layer { background: rgba(0, 0, 0, 0.4); } .contact-me formTitle { padding: 15px 0; text-transform: uppercase; } .contact-me formContent { padding: 15px 0; opacity: 0.7; } span.wpcf7-not-valid-tip { margin:5px 0 0; line-height: 12px; } .contact-me input, .contact-me textarea { display: inline-block; width: 100%; margin: 15px 0; padding: 6px 12px; line-height: 26px; background: transparent; border-radius: 0; box-shadow: inherit; font-weight: lighter; } .contact-me textarea { resize: none; min-height: 200px; } .contact-me p { margin: 0; } .contact-me.darkForm input:focus, .contact-me.lightForm input:focus, .contact-me.darkForm textarea:focus, .contact-me.lightForm textarea:focus { border-color: #ea8800; outline: 0; } .contact-me input::-moz-placeholder, .contact-me textarea::-moz-placeholder { color: #ffffff; opacity: 0.5; } .contact-me input:focus::-moz-placeholder, .contact-me textarea:focus::-moz-placeholder { color: #ffffff; opacity: 1; } .contact-me input::-webkit-input-placeholder, .contact-me textarea::-webkit-input-placeholder { color: #ffffff; opacity: 0.5; } .contact-me input:focus::-webkit-input-placeholder, .contact-me textarea:focus::-webkit-input-placeholder { color: #ffffff; opacity: 1; } .contact-me input:-ms-input-placeholder, .contact-me textarea:-ms-input-placeholder { color: #ffffff; opacity: 0.5; } .contact-me input:focus:-ms-input-placeholder, .contact-me textarea:focus:-ms-input-placeholder { color: #ffffff; opacity: 1; } .contact-me .wpcf7-response-output { padding: 5px 10px; margin: 15px 5px; } .contact-me.darkForm label, .contact-me.lightForm label { margin: 0 0 10px; display: block; line-height: 1; font-weight: normal; } .contact-me input[type=submit] { margin: 20px 0; } .contact-me.darkForm input[type=submit], .contact-me.lightForm input[type=submit] { color: #fff; border: 0; max-width: 190px; line-height: 33px; } .contact-me.darkForm input[type=submit], .contact-me.lightForm input[type=submit]:hover { background: #000000; box-shadow: inset 10px 0 0 0px #ea8800; } .contact-me.lightForm input[type=submit], .contact-me.darkForm input[type=submit]:hover { background: #ea8800; box-shadow: inset 10px 0 0 0px #000000; } /*darkForm*/ .contact-me.darkForm label { color: rgba(255, 255, 255, 0.5); } .contact-me.darkForm input, .contact-me.darkForm textarea { color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); } .contact-me.darkForm .wpcf7-response-output { color: #FFF; } /*lightForm*/ .contact-me.lightForm input, .contact-me.lightForm textarea { border: 1px solid rgba(66, 66, 66, 0.5); } .contact-me.lightForm input::-moz-placeholder, .contact-me.lightForm textarea::-moz-placeholder { color: #424242; opacity: 0.7; } .contact-me.lightForm input:focus::-moz-placeholder, .contact-me.lightForm textarea:focus::-moz-placeholder { color: #424242; opacity: 1; } .contact-me.lightForm input::-webkit-input-placeholder, .contact-me.lightForm textarea::-webkit-input-placeholder { color: #424242; opacity: 0.7; } .contact-me.lightForm input:focus::-webkit-input-placeholder, .contact-me.lightForm textarea:focus::-webkit-input-placeholder { color: #424242; opacity: 1; } .contact-me.lightForm input:-ms-input-placeholder, .contact-me.lightForm textarea:-ms-input-placeholder { color: #424242; opacity: 0.7; } .contact-me.lightForm input:focus:-ms-input-placeholder, .contact-me.lightForm textarea:focus:-ms-input-placeholder { color: #424242; opacity: 1; } /*services*/ .services-tab-bg { padding: 0 0 45px; } .services-tab-bg ul { padding-left: 0; margin: 0; list-style-type: none; } .services-tabs-top li { width: 1%; display: table-cell; text-align: center; } .services-tabs-top li a { display: block; margin: 0; padding: 30px 0; } .services-tabs-top li a i, .so-widget-tab-widget ul li span { font-size: 30px; } .services-tabs-top li a:hover, .services-tabs-top li.active a { color: #000000; } .services-tabs-top li:before { content: ''; border-top: 2px solid #ea8800; display: block; width: 0; } .services-tabs-top li:hover:before { width: 100%; } .services-tabs-top li.active:before { width: 100%; } .services-tab-bg .services-tab-content { margin: 15px; padding: 15px; color: #ffffff; display: block; border: 1px solid #ffffff; background: rgba(0, 0, 0, 0.5); } .tab-content>.tab-pane { overflow: hidden; } /*price-table*/ .price-table-box { margin: 45px 0; text-align: center; } .price-table-box:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .silver-package-bg { background: url(../images/services-tab-1.jpg) center center/cover no-repeat scroll transparent; } .silver-package-layer, .normal-package-layer { padding: 30px 0; } .gold-package-layer { position: relative; padding: 30px 0; background: #ea8800; } .normal-package-bg { background: url(../images/about-3.jpg) center center/cover no-repeat scroll transparent; } .package-ribbon { overflow: hidden; height: 100%; width: 100%; position: absolute; top: 0; } .package-ribbon p { color: #ffffff; transform: rotate(-45deg); background: #000; position: absolute; top: 12px; width: 150px; left: -46px; font-weight: bolderer; padding: 5px 0; } .package-header h4 { color: #ffffff; font-weight: lighter; } .package-header h4 span { font-size: 14px; } .package-feature { padding: 15px 0 20px; position: relative; z-index: 1; } .package-feature h6 { color: #ea8800; padding: 15px 0 0; } .package-feature h6::after { content: ''; display: block; height: 2px; background: #000000; width: 10px; margin: 5px auto 15px; } .package-feature p { padding: 12px 0; margin: 0; } .package-feature .btn-iprimary { color: #000000; margin: 15px 0; } .package-feature .btn-iprimary:focus, .package-feature .btn-iprimary:hover { color: #ffffff; } /*subscribe*/ .subscribe-wrap { background: url(../images/subscribe-bg.jpg) no-repeat center; background-size: cover; text-align: center; } .subscribe-wrap .subscribe-layer { background: rgba(0, 0, 0, 0.5); } .subscribe { padding: 90px 0; } .subscribe h1 { color: #ffffff; text-transform: uppercase; padding: 15px 0; } .subscribe input { display: inline-block; width: 40%; margin: 15px; padding: 10px 12px; color: #ffffff; background: transparent; border-radius: 0px; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: inherit; resize: vertical; } .subscribe input:focus { border-color: #ea8800; outline: 0; box-shadow: inset 0 0 0 2px #ea8800; } .subscribe .btn-iprimary { margin: 15px 0; } /*blog*/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /* Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .blog-carousel .blog-carousel-title h4 { color: #ea8800; text-transform: uppercase; margin: 0 0 5px; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; } .blog-carousel .blog-carousel-title p { font-size: 12px; } .blog-carousel-content p { display: inline; } .blog-carousel .blog-carousel-content .btn-light { padding: 0; } .blog-carousel .blog-carousel-image { margin: 15px 0; max-height: 230px; overflow: hidden; } .blog-carousel .owl-controls { padding: 15px 0; position: relative; } .blog-carousel .owl-controls .owl-nav { float: right; padding: 15px 0; } .blog-carousel .owl-controls .btn-speechblue { margin: 15px 0; } .blog-carousel .owl-controls .owl-dots { background: #e1e1e1; height: 2px; position: absolute; top: 52px; width: auto; right: 179px; left: 213px; } /*footer*/ /*footer-box*/ .screen-reader-text { display: none; } .main-sidebar .search-submit { display: none; } .footer-box { padding-top: 3%; padding-bottom: 4%; background-color: #2c3e50; color: #000000; } .footer-box .widget-title { padding: 20px 0 10px; color: #000000; font-size: 18px; font-weight: 600; } .tagcloud { margin-top: 10px; display: block; } .footer-box .tagcloud > a { margin: 0 2% 3% 0; padding: 9px 14px; line-height: 1em; font-size: 1em !important; border: 1px solid #000000; color: #000000; display: inline-block; } .footer-box .tagcloud > a:hover { background: #ea8800; border: 1px solid transparent; } .footer-box .footer-widget ul { list-style: none; margin-bottom: 0; padding-left: 0; } .footer-box .footer-widget ul li { padding: 1% 0; } .footer-box .footer-widget ul li a { font-size: 13px; color: #000000; transition: all 0.3s ease-in-out 0s; } .footer-box .footer-widget ul li a:hover { color: #ea8800; } .footer-box ul.sub-menu { margin-left: 0px; } .footer-box .textwidget { color: #000000; font-size: 13px; line-height: 25px; } .footer-box .textwidget p { color: #000000; } .footer-box strong { padding-bottom: 10px; display: block; } .footer-box .textwidget a { color: #000000; transition: all 0.3s ease-in-out 0s; } .footer-box .textwidget a:hover { color: #ea8800; } .footer-box select { -webkit-appearance: none; -moz-appearance: none; -webkit-user-select: none; -moz-user-select: none; -webkit-padding-end: 20px; -moz-padding-end: 20px; -webkit-padding-start: 12px; -moz-padding-start: 12px; background-color: #000000; border: 1px solid #ccc; border-radius: 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); color: #212121; font-size: 14px; margin: 0 0px 15px 0; overflow: hidden; padding-top: 0px; padding-bottom: 0px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .footer-box table { width: 100%; text-align: center; margin-bottom: 10px; } .footer-box td, .footer-box th { font-size: 14px; border: 1px solid #ccc; padding: 5px 0 5px 0px; } .footer-box .calendar_wrap caption { padding: 0 0 10px; color: #000000; } .footer-box td a { color: #dbdbdb; font-weight: bold; } .footer-box #today { font-weight: bold; } .footer-box tfoot a { color: #000000; } .footer-box tfoot a:hover { color: #ea8800; } .footer-box .calendar_wrap th { text-align: center; } .footer-box .widget-title a { color: #bbbbbb; } .footer-box .widget-title a:hover { color: #ea8800; } .footer-box .rssSummary { padding: 5px 0; font-size: 14px; line-height: 20px; } .footer-box .textwidget img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; display: block; } .footer-box .wp-caption { background: #000000 none repeat scroll 0 0; border: 1px solid #f0f0f0; padding: 5px 3px 10px; margin-bottom: 10px; text-align: center; } .footer-box .wp-caption p.wp-caption-text { color: #545454; font-size: 12px; line-height: 17px; margin: 0; text-align: center; padding: 10px 4px 0px; } .footer-wrap { background: #e1e1e1; text-align: center; padding: 10px 15px; } .footer-wrap.style1 ul{ padding-left: 0; } .footer-wrap.style1 .footer-logo img { margin: 0 auto; } .footer-logo img.img-responsive { width: auto; max-height: 35px; } .footer-wrap.style1 .footer-nav ul { padding: 15px 0; margin: 0; } .footer-wrap.style1 .footer-nav ul li { display: inline-block; padding: 0 20px; } .footer-wrap.style1 .footer-nav ul li a { font-weight: bolderer; color: #4d4d4d; } .footer-wrap.style1 .footer-nav ul li a:hover { color: #000; } .footer-wrap.style1 .footer-social-icon ul li:hover { color: #ea8800; } .footer-wrap.style1 .footer-social-icon ul { margin: 0; text-align: right; } .footer-wrap.style1 .footer-social-icon ul li { display: inline-block; margin: 6px 8px 0; cursor: pointer; vertical-align: -webkit-baseline-middle; } .footer-wrap.style1 .footer-social-icon ul li:last-child{ margin-right: 0; } .footer-social-icon ul li i::before { font-size: 18px; } .footer-wrap.style1 .copyright p { font-weight: bolder; margin: 0; text-align: left; } .footer-wrap.style1 .copyright a:hover { color: #ea8800; } .footer-wrap.style1 .footer-social-icon ul li i::before { font-size: 24px; } /*copyright style 2*/ .footer-wrap.style2{ text-align: center; } .footer-wrap.style2 .footer-logo img { margin: 0 auto; padding: 0; } .footer-wrap.style2 .footer-social-icon ul{ padding-left: 0; margin: 0; } .footer-wrap.style2 .footer-nav ul { padding: 10px 0; } .footer-wrap.style2 .footer-nav ul li { display: inline-block; padding: 0 20px; } .footer-wrap.style2 .footer-nav ul li a { font-weight: 500; color: #4d4d4d; } .footer-wrap.style2 .footer-nav ul li a:hover { color: #000; } .footer-wrap.style2 .footer-social-icon ul li:hover { color: #ea8800; } .footer-wrap.style2 .footer-social-icon ul li { display: inline-block; margin: 10px 13px; cursor: pointer; } .footer-wrap.style2 .copyright p { font-weight: 500; padding: 5px 0; margin: 0; } .footer-wrap.style2 .copyright a:hover { color: #ea8800; } /* Index page end */ /* About-me page start */ .about-me-content { padding: 45px 0; } .about-me-skills { padding: 45px 0; } /*skill-bars*/ .skill-bars .skill { width: 100%; height: 15px; background-color: #e1e1e1; position: relative; margin-bottom: 75px; box-sizing: border-box; } .skill-bars .skill:last-child { margin-bottom: 0; } .skill-bars .skill-title { position: absolute; bottom: 5px; font-weight: normal; } .skill-bars .count-bar::after { content: ''; display: inline-block; position: absolute; right: 0px; border-right: 5px solid #000000; height: 15px; } .skill-bars .count-bar { width: 95%; height: 15px; width: 0px; position: relative; background: #ea8800; } .skill-bars .count-bar .count { position: absolute; top: -25px; right: -17px; color: #4d4d4d; font-weight: normal; } .skill-bars .count-bar:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-repeat: repeat-x; -webkit-background-size: 32px 30px; background-size: 32px 30px; -webkit-animation: progress 1s linear infinite; -moz-animation: progress 1s linear infinite; animation: progress 1s linear infinite; } @-webkit-keyframes progress { to { background-position: 30px 0; } } @-moz-keyframes progress { to { background-position: 30px 0; } } @keyframes progress { to { background-position: 30px 0; } } /*about-me-type*/ .about-me-type { display: block; overflow: hidden; } .about-me-type .btn-speechblue { position: absolute; top: 45px; left: 0; } .about-me-personal { background-image: url(../images/about-1.jpg); } .about-me-business { background-image: url(../images/about-2.jpg); } .about-me-fun { background-image: url(../images/about-3.jpg); } .about-me-personal, .about-me-business, .about-me-fun { padding: 40% 0; position: relative; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } .about-me-personal:hover, .about-me-business:hover, .about-me-fun:hover { background-size: 105% 105%; } /*about-me-knowledge*/ .about-me-knowledge-box { text-align: center; padding: 30px; display: inline-block; } .about-me-knowledge-box:hover { color: #ffffff; background: #ea8800; } .about-me-knowledge-box i { font-size: 30px; line-height: 28px; padding: 15px 0; display: block; } .about-me-knowledge-box h2 { padding: 15px 0; } .about-me-knowledge-box p { padding: 5px 0; } /* About-me page end */ /* Services page start */ .services-tab-blank .tab-menu-area, .services-tab-blank .tab-content-area { padding: 45px 15px; } .services-tab-blank .services-image { width: 50%; float: left; margin: 8px 30px 30px 0; } .services-tabs-left li a span { font-size: 30px; } .services-tabs-left li a:hover, .services-tabs-left li.active a { color: #000000; } .services-tab-blank .services-tab-content { text-align: left; } .services-tab-blank .title-left-ul { padding-bottom: 35px; } .tab-menu-area .navbar-header { display: none; } .services-tab-collapse { padding: 0; } /* Services page end */ /* Blog page start */ .blog-menu-area { padding: 45px 15px; } .blog-menu-area select { width: 100%; height: 36px; outline: 0; padding-left: 2px; background-color: #ffffff; border: 1px solid #a2a2a2; } .blog-menu-area table { width: 100%; text-align: center; } .blog-menu-area td, .blog-menu-area th { text-align: center; border: 1px solid #a2a2a2; padding: 5px 0 5px 0px; } .blog-menu-area #today { font-weight: bolder; background: #E1E1E1; } .blog-menu-area td a { font-weight: bolder; } .search-form { position: relative; } .search-form label { display: block; margin-bottom: 15px; } input[type="search"].search-field { border: 1px solid #c6c6c6; outline: 0; width: 100%; padding-left: 5px; border-right: transparent; height: 36px; color: #000; } button.search-submit { bottom: inherit; top: 0; } .search-submit { position: absolute; right: 0%; bottom: 15px; border: 0; outline: 0; padding: 0; width: 36px; height: 36px; background: #000; color: #fff; text-align: center; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .search-submit:hover, .search-submit:focus { background: #5164ce; outline: 0; } .search-submit::before { content: '\f002'; font-size: 15px; line-height: 30px; font-family: 'FontAwesome'; } .blog-menu-area input { width: 100%; font-weight: lighter; } .search-field:hover:focus { border-color: #a9a9a9; outline: 0; } .blog-menu-area .search-field { border: 1px solid #a2a2a2; padding: 2px 5px; } .blog-menu-area .widget_text img { width: 100%; height: auto; margin-bottom: 15px; } .blog-menu-area .tagcloud a { font-weight: normal; margin: 0 2% 3% 0; padding: 9px 14px; font-size: 14px !important; border: 1px solid; display: inline-block; } .blog-menu-area .menu-left:last-child { padding: 0; } .blog-content-area { padding: 0px 0 30px; } .blog-content { padding: 0 0 15px; margin: 0 0 20px; border-bottom: 1px solid #a2a2a2; } .blog-content:last-child { border: 0; padding: 0; } .blog-content .blog-images { max-height: 225px; margin: 0 0 15px; overflow: hidden; } .blog-content-area .btn-iprimary { margin-top: 7px; } .blog-content-area .search-area { text-align: center; } .blog-content-area .search-area p { padding: 10px 0; } .blog-content-area .search-area .search-form { max-width: 500px; margin: 0 auto; } .blog-heading-wrap{ background: linear-gradient(to right, #ea8800 , #F2C94C ); } /* Blog page end */ /* Single-blog page start */ .single-blog-menu-area { padding: 45px 0; } .single-blog-content-area { max-width: 760px; } .single-blog-content .single-blog-images { max-height: 390px; overflow: hidden; margin: 0 0 30px; } .content {padding: 38px 15px;} .single-blog-content .title-data p { padding: 0; } .single-blog-content h2,.blog-content-area h2{ margin-top: 4px; line-height: 0; } .single-blog-content p { padding: 0 0 45px; } .single-blog-tag { font-weight: normal; padding: 0 0 45px; } .single-blog-tag span { padding: 0 5px; } .single-blog-tag a:hover { color: #ea8800; } .single-blog-social { text-align: right; font-weight: normal; padding: 0 0 45px; } .single-blog-social span { vertical-align: top; } .single-blog-social a { font-size: 25px; padding: 0 2px; } .single-blog-social a:hover { color: #ea8800; } .comments-count { font-weight: normal; } .comment-body { padding: 0 0px 45px; } .comment { max-width: 640px; position: relative; } .comment .comment-author img { float: left; margin: 0 0 15px; max-height: 50px; max-width: 50px; } .comment b { font-weight: normal; padding-left: 15px; } .comment span { display: none; } .comment .comment-metadata a { padding-left: 15px; color: #a2a2a2; } .comment .comment-awaiting-moderation { padding-left: 65px; font-style: italic; font-weight: normal; } .comment .reply { position: absolute; top: 0; right: 0; } .comment .comment-reply-link { font-size: 14px; line-height: 14px; font-weight: bolder; color: #000; text-transform: uppercase; } .comment .comment-reply-link:hover { color: #ea8800; } .comment .comment-content { padding-left: 65px; } .comment-respond { padding: 45px 0 0; } .comment-form { padding: 0 0 45px; } .comment-form h2 { padding: 0 0 30px; } .comment-form form { max-width: 590px; } .comment-form input, .comment-form textarea { display: inline-block; width: 100%; margin: 15px 0; padding: 8px 12px; color: #a2a2a2; background: transparent; border-radius: 0px; border: 1px solid #a2a2a2; box-shadow: inherit; outline: 0; } .comment-form input:focus, .comment-form textarea:focus { border-color: #ea8800; outline: 0; } .comment-form textarea { resize: vertical; min-height: 100px; } .comment-form input::-moz-placeholder, .comment-form textarea::-moz-placeholder { color: #a2a2a2; opacity: 1; font-weight: normal; } .comment-form input::-webkit-input-placeholder, .comment-form textarea::-webkit-input-placeholder { color: #a2a2a2; opacity: 1; font-weight: normal; } .comment-form input:-ms-input-placeholder, .comment-form textarea:-ms-input-placeholder { color: #a2a2a2; opacity: 1; font-weight: normal; } .comment-form input:nth-child(2) { width: 47.5%; float: right; } .comment-form .comment-form-comment { position: relative; overflow: hidden; margin-bottom: 15px; width: 100%; } .comment-form textarea { margin-bottom: 0; resize: none; background: url(../images/textarea.png) no-repeat; background-position: right bottom; } .comment-form .btn-speechblue { margin-top: 15px; } .comment-form label { display: none; } .comment-form #url { width: 100%; } .comment-form #author { float: left; } .comment-form .form-submit input { margin: 0; padding: 0; border: 0; color: #ffffff; box-shadow: inset 0 0; } .comment-form p.form-submit { display: inline-block; font-size: 16px; line-height: 16px; font-weight: bolder; text-transform: uppercase; color: #ffffff; padding: 15px 40px; margin-top: 15px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; cursor: pointer; border: 0; } .comment-form p.form-submit:before { background: #ea8800; content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .comment-form .form-submit:hover::before { background: #ea8800; box-shadow: inset 10px 0 0 0px #000000; color: #ffffff; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .single-blog-menu-area .single-blog-post-menu-title h2 { padding: 0 0 45px; } .single-blog-menu-post { display: inline-block; padding: 0 0 45px; } .single-blog-menu-area .single-blog-menu-area-image { float: left; } .single-blog-menu-area .single-blog-menu-area-image img { max-width: 100px; } .single-blog-menu-area .single-blog-menu-area-content { padding-left: 15px; float: left; } .single-blog-menu-area .single-blog-menu-area-content .single-blog-menu-title { font-weight: normal; } .single-blog-menu-area .single-blog-menu-area-content .single-blog-menu-date { color: #a2a2a2 } /* Single-blog page end */ /* Contact-me page start */ .contact-me-map { line-height: 0; position: relative; } .contact-me-map #map { width: 100%; height: 670px; } .contact-me-map .map-content { width: 412px; margin-top: 165px; float: right; background: #ffffff; padding: 30px; } .map-content span { padding-right: 15px; } .map-content .address td, .map-content .contact td { padding: 0 0 30px; } .contact-me-map .map-content-layer { background: rgba(229, 229, 229, 0.5); position: absolute; top: 0; z-index: 1; width: 50%; height: 100%; } /*Portfolio*/ .flex { display: flex; justify-content: center; } .menu-options { display: none; } .counter-box .column_inner h5 { font-weight: bolderer; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; padding: 0; margin: 0; } .port_menu1 { padding: 0 15px 25px; margin: 0; } .port_menu1 li { float: left; display: inline-block; padding: 0 8px 5px; } .port_menu1 li:first-child { padding-left: 0; } .port_menu1 li:last-child { padding-right: 0; } .port_menu1 li a { display: block; color: #e61119; text-align: center; padding: 1em 2em; font-size: 1em; line-height: 1em; text-decoration: none; border-radius: 0.25em; text-transform: capitalize; background: #fff; border: 2px solid #e61119; } .port_menu1 li a:hover, .port_menu1 li a.active { background: #e61119; color: #fff; } .portfolio-items { margin: 0; } .portfolio-item { margin-bottom: 30px; position: relative; } .portfolio-item img { width: 100%; } .hover-effect h2 { color: #ffffff; font-size: 24px; text-align: center; } .portfolio-item .hover-effect { position: absolute; top: 0; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; } .portfolio-item:hover .hover-effect { background: rgba(230, 17, 25, 0.7); opacity: 1; } /*New Portfolio item starts*/ .gallery-item { position: relative; text-align: center; margin-bottom: 30px; } .gallery-item .thumb { min-height: 360px; } .gallery-item .thumb .ovelay { -wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 15px; left: 30px; width: calc(100% - 60px); height: calc(100% - 30px); background: rgba(0,0,0,0.5); opacity: 0; } .gallery-item .thumb .ovelay .content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; } .gallery-item .thumb .ovelay .content:before, .gallery-grid-wrapper.tpl2 .gallery .gallery-item .thumb .ovelay .content:after { content: " "; display: table; } .gallery-item .thumb .ovelay .content .imag-alt { -wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0.03em; margin-bottom: 5px; color: #fff; word-wrap: break-word; -wekbit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .gallery-item .thumb .ovelay .content .title { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; font-size: 18px; line-height: 28px; letter-spacing: 0.01em; text-transform: uppercase; color: #ffffff; margin-bottom: 30px; -wekbit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .gallery-item .thumb .ovelay .content .lightbox { -wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: relative; display: inline-block; margin-top: 20px; width: 30px; height: 28px; transform-style: preserve-3d; transform: scale(2); font-size: 24px; color: #fff; } .gallery-item:hover .ovelay .content .imag-alt a{ color: #fff; } .gallery-item:hover .ovelay { opacity: 1; } .gallery-item:hover .ovelay .content .imag-alt{ -wekbit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .gallery-item:hover .ovelay .content .lightbox{ transform: scale(1.0); } .lightbox .lb-image{ border: none; -webkit-box-shadow: 0px 0px 17px -2px rgba(255,255,255,0.5); -moz-box-shadow: 0px 0px 17px -2px rgba(255,255,255,0.5); box-shadow: 0px 0px 17px -2px rgba(255,255,255,0.5); } .col4{ display: inline-block; width:33%; margin-right: -3px; margin-left: -3px; } .gallery-item.style2{ margin-bottom: -6px; } .gallery-item.style2 .thumb .ovelay{ width: 100%; height: 100%; top: 0; left: 0; } /* New Portfolio item ends */ /* Contact-me page end */ /* Responsive */ @media only screen and (min-width:1500px) { .container { width: 78%; } } @media only screen and (max-width:1024px) { #cssmenu ul ul{ display: block; } #cssmenu ul li:hover ul{ display: none; } } @media only screen and (max-width:1024px) { /* Index page start */ /* logo */ .main-logo { float: none; text-align: center; } .main-logo img { margin: 0 auto; display: block; } .main-logo .custom-logo-link { float: none; } .logoText { display: none; } /* logo(black) */ .logged-in #best_startup_navigation.navbar.navbar-fixed-top{ top: 46px; } .main-logo .logo-dark { display: none; } .fixed-header .logo-dark { display: block; } .overlay { display: block; } .main-logo h4, .main-logo h6 { text-align: center; } } @media only screen and (max-width:991px) { /* Index page start */ /*knowledge*/ .knowledge-box { padding: 30px 15%; } /* Index page end */ /* Services page start */ .services-tab-blank .tab-menu-area { padding-bottom: 30px; } .tab-menu-area .navbar-header { float: none; display: block; } .tab-menu-area .navbar-header p { line-height: 30px; font-weight: normal; text-transform: capitalize; } .tab-menu-area .services-tabs-left li::before { display: none; } .services-tabs-left li a { padding-left: 0; } .tab-menu-area .navbar-default .navbar-toggle:focus, .tab-menu-area .navbar-default .navbar-toggle:hover { color: #ea8800; background: none; } .tab-menu-area .navbar-toggle { border: 0; margin: 0 -15px 0 0; padding: 9px 15px 14px 20px; line-height: 11px; } .tab-menu-area .navbar-default .navbar-collapse { border-top: 1px solid #e1e1e1; } /* Services page end */ /* Single-blog page start */ .comment, .comment-form form { margin: 0 auto; } .single-blog-menu-post { width: 100%; } /* Single-blog page end */ /* Contact-me page start */ .contact-me-map .map-content { width: 380px; } /* Contact-me page end */ } @media (min-width: 768px) and (max-width: 991px) { /* Services page start */ .tab-menu-area .navbar-collapse.collapse { display: none !important; } .tab-menu-area .navbar-collapse.collapse.in { display: block !important; } .tab-menu-area .navbar-header .collapse, .tab-menu-area .navbar-toggle { display: block !important; } /* Services page end */ } @media only screen and (max-width:767px) { /*title-left*/ .title-left { text-align: center; } .title-left h1::after { margin: 10px auto 0 auto; } .modal-dialog .modal-dialog-change{ width:95%; } /* Index page start */ header > #best_startup_navigation > .container { padding: 0; } .responsive { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .responsive .sidebar { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .responsive .content { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } /*about*/ .about-personal, .about-business, .about-fun { padding: 18% 0; } .about-box .btn-blank, .about-box .btn-speechblue { top: 15%; } /*services*/ .services-tab-bg .services-tab-content { padding: 10px; margin: 10px; } /*knowledge*/ .knowledge-box { padding: 30px 5%; } /*subscribe*/ .subscribe input { width: 100%; margin: 15px 0; } /*blog*/ .blog-carousel .blog-carousel-title { text-align: center; } .blog-carousel .owl-controls { text-align: center; } .blog-carousel .owl-controls .owl-nav { float: none; } .blog-carousel .owl-controls .owl-dots { top: 105px; left: 15%; right: 15%; } .blog-carousel .owl-controls .btn-speechblue { margin: 45px 0 15px; } /* footer */ .footer-wrap .footer-nav ul li { display: block; } /* Index page end */ /* About-me page start */ .about-me-skills { padding: 0 0 45px; } .about-me-personal, .about-me-business, .about-me-fun { padding: 30% 0; } /* About-me page end */ /* Single-blog page start */ .single-blog-social { text-align: center; } .comment .comment-author img { float: none; } .comment b { float: left; width: 100%; padding: 0; } .comment .comment-metadata a, .comment .comment-awaiting-moderation, .comment .comment-content { padding: 0; } .comment .reply { top: 65px; } /* Single-blog page end */ /* Contact-me page start */ .contact-me-map .map-content-layer { width: 100%; position: inherit; } .contact-me-map .map-content { width: 100%; margin-top: 0; } .contact-me-map #map { height: 350px; } /* Contact-me page end */ /* Portfolio */ .menu-options, .port_menu1 { width: calc(100% - 30px); max-width: 400px; margin: 0 auto; text-align: center; } .menu-options { display: block; cursor: pointer; padding: 5px 10px; border: 1px solid #dbdbdb; } .menu-options span { float: right; } .menu-options .selected-option { text-transform: uppercase; font-weight: bolder; } .port_menu1 { display: none; border: 1px solid #dbdbdb; padding: 0; } .portfolio-items { margin: 30px 0 0; } .port_menu1 li { padding: 0; float: none; width: 100%; } .port_menu1 li a { padding: 5px 5px; font-size: 13px; border: none; border-top: 1px solid; border-radius: 0; } .hover-effect h2 { font-size: 15px; } .footer-wrap.style1 .copyright p, .footer-wrap{ text-align: center; } .footer-wrap.style1 .footer-social-icon ul { text-align: center; } .services-tab-bg-1,.heading-wrap{ background-attachment: scroll !important; } .gallery-item .thumb { min-height: 230px; } .best-startup-project{ width: 100%; } .blog-carousel .owl-controls .owl-dots{ background: none; } .owl-carousel.owl-loaded { text-align: center; } .col4{ width: 50%; } .footer-social-icon, .footer-logo, .copyright{ padding: 10px 0; } } /*counter*/ /* *Author : Best Startup */ .best-startup-section { overflow: hidden; } .logo-section img{ width: 240px !important; } .best_startup_btn_cont_29{ display: inline-block; overflow: hidden; cursor: pointer; opacity: 1; border-style: solid; border-color: #2196F3; box-shadow: none; background: 0 0; margin: 0; padding: 2px 20px; border-width: 2px; margin: 0; padding: 2px 20px; border-width: 2px; padding: 2px 20px; border-width: 2px; border-radius: 6px; } .best_startup_btn_icon_29{ vertical-align: middle; color: #2196F3; line-height: 140%; text-shadow: none; margin-right: 6px; font-size: 20px; } .best_startup_btn_29{ display: inline-block; vertical-align: middle; color: #2196F3; opacity: 1; font-size: 14px; line-height: 140%; letter-spacing: 0; font-weight: 400; text-transform: none; font-family: 'Open Sans'; text-shadow: none; } .eb_popup_close { position: relative; color: #444444; font-weight: 900; cursor: pointer; z-index: 1000000000; opacity: 1; right: 12px; top: 7px; font-size: 25px; } .modal-dialog { display: block; vertical-align: middle; text-align: center; margin: 100px auto;} #footer-section { padding-top: 85px; } .footer-menu{ float: right; } .footer-menu ul li{ display: inline-block; } .footer-menu ul li a{ color: #bdc3c7; font-size:'Open Sans'; line-height: 20px; letter-spacing: 0; text-transform: capitalize; padding-left: 20px; padding-right: 20px; font-size: 13px; } .footer-menu ul li a:hover{ color:#3498db; } .copy-text p{ color: #bdc3c7; font-size: 'Open Sans'; font-size: 13px; font-weight: 400; line-height: 150%; letter-spacing: 0; } /*Layout template 2 start*/ /*header*/ .header{ padding: 30px 0px; } /*.header .container{ max-width: 991px; }*/ .brand-logo { display: flex; align-items: center; justify-content: flex-start; height: 125px; } .brand-logo img{ height: auto; max-height: 62px; width: auto; max-width: 100%; margin: 5px 0px; } /*header end*/ .social-links .social-links-icon{ list-style: none; padding-left: 0px; } .social-links .social-links-icon a{ color: #f1f1f1; } .social-links .social-links-icon li{ text-align: center; width: 50px; height: 50px; line-height: 50px; cursor: pointer; } .social-links .social-links-icon li.facebook{ background-color: rgba(59, 89, 152,1); } .social-links .social-links-icon li.facebook:hover,.social-links .social-links-icon li.facebook:focus{ background-color: rgba(59, 89, 152,0.7); } .social-links .social-links-icon li.twitter{ background-color:rgba(0,172,237,1); } .social-links .social-links-icon li.twitter:hover, .social-links .social-links-icon li.twitter:focus{ background-color:rgba(0,172,237,0.7); } .social-links .social-links-icon li.google-plus{ background-color:rgba(170, 58, 44,1); } .social-links .social-links-icon li.google-plus:hover, .social-links .social-links-icon li.google-plus:focus{ background-color:rgba(170, 58, 44,0.7); } .social-links .social-links-icon li.youtube-play{ background-color:rgba(205, 32, 31,1); } .social-links .social-links-icon li.youtube-play:hover, .social-links .social-links-icon li.youtube-play:focus{ background-color:rgba(205, 32, 31,0.7); } /**/ .Question-section{ background: #ECECEC; padding: 60px 0; height: auto; width: 100%; overflow: hidden; } .pop-up-section{ align-items: center; justify-content: center; } .modal-dialog-change { max-width:810px; } .modal-dialog-change .modal-header{ display: block; } .progress-section h3{ text-align: center; padding: 0 0 10px; font-size: 14px; color: #afafaf; margin: 0; letter-spacing: 1px; } .progess-type{ height: 10px; margin-bottom: 20px; } .progress-bar{ background-color: #51AADD; } .progress-animated { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; } .form-section{ padding: 15px 30px; } .model-text{ text-align: center; } .input-style{ border:2px solid rgba(204, 204, 204, 1); margin-top: 30px; margin-bottom: 30px; } .input-style:focus, .input-style:hover{ border-color: #FEA906 !important; } .close{ outline: 0; } .btn-bye-now-button{ width: 100%; background: #FEA906; color: #fff; letter-spacing: 1px; } .popup-submit{ display: inline-block; padding: 12px 12px; margin-bottom: 0; font-size: 16px; font-weight: 600; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; outline: 0; } /*pop-up-end*/ .title-text{ width: 100%; padding: 30px 0 20px; display: flex; align-items: center; justify-content: center; } .title-text h1{ color: #333; font-size: 32px; text-align: center; line-height: 36px; } .contain-text{ width: 100%; padding: 10px 0; display: flex; align-items: center; justify-content: center; } .contain-text p{ color: #333; font-size: 18px; text-align: center; } .image-section{ width: 100%; margin: 30px auto; display:inline-block; align-items: center; justify-content: center; } .image-section .image-box{ width: 150px; height: 150px; padding: 10px; display: flex; justify-content: flex-end; align-items: flex-end; float: right; } .image-section .image-box img{ width: 100%; height: 100%; border-radius: 100%; border: 2px solid #333; } .image-section .text-box{ width: 100%; height: 150px; background: #fff; display: flex; align-items: center; justify-content: center; } .image-section .text-box:after{ content: "\A"; border-style: solid; border-width: 25px 30px 25px 0; border-color: transparent #ffffff transparent transparent; position: absolute; left: -15px; transform: rotate(0deg); } .text-box h2{ color: #EA5745; font-size: 24px; text-align: center; margin: 0; } .text-box span{ color: #333; font-size: 18px; text-align: center; margin: 20px 15px 15px; display: block; } /**/ /**/ .subscribe-section{ background: #51AADD; padding: 10px 0 60px; height: auto; width: 100%; overflow: hidden; } .subscribe-box{ display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 85px; } .subscribe-box:after{ content: "\A"; border-style: solid; border-width: 40px 25px 35px 0; border-color: transparent #ECECEC transparent transparent; position: absolute; transform: rotate(270deg); } .subscribe-wrap{ background: #fff; width: 65%; height:auto; overflow: hidden; margin: 0 auto; padding: 10px; } .subscribe-wrap:after{ width: 200px; content: " "; background-image: url(../images/shareA.png); background-size: 54%; background-position: center; background-repeat: no-repeat; transform: rotate(526deg); position: absolute; height: 58%; } .subscribe-title h2{ font-size: 30px; text-align: center; color: #333; line-height: 36px; letter-spacing: 1px; } .subscribe-title h2 span{ color: #EA5745; font-weight: 600; } .popup-subscribe { display: flex; align-items: center; justify-content: center; margin: 20px 0; } .popup-subscribe a.sub-popup-btn { text-align: center; font-size: 24px; color: #fff; background: #EA5745; text-decoration: none; width: 100%; padding: 20px; font-weight: 600; outline: 0; letter-spacing: 1px; } .subscribe-text p{ font-size: 14px; text-align: center; color: #333; line-height: 24px; letter-spacing: 1px; } /*Layout template 2 End*/ /*-sow-layout-slider-container-start-*/ #registration_bgtext .sow-headline-container h1.sow-headline { color: #0bc0ad !important; line-height: 1.4em !important; margin-top: 15px !important; margin-bottom: 15px !important; text-shadow: none !important; } #registration_bgtext .sow-headline-container h2.sow-sub-headline { color: #ffffff !important; line-height: 1.4em !important; margin-top: 30px !important; margin-bottom: 30px; text-shadow: none !important; } /*-sow-layout-slider-container-End-*/ @media only screen and (max-width : 1100px) { #clockdiv > li:last-child{ display: block; float: none; text-align: center; margin: 0 auto; } #clockdiv > li:last-child .counter-style{ text-align: center; margin: 0 auto; } } @media only screen and (max-width : 990px) { #clockdiv > li:last-child{ display: inline-block; } .smalltext{ margin-bottom: 20px; } .image-section .text-box { display: block; margin-top: 16px; padding: 30px; } .image-section .text-box:after{ top: 65px; } } @media only screen and (max-width : 767px) { .copy-text{ text-align: center; } .footer-menu{ float: none; text-align: center; } #footer-section{ padding-top: 30px; } .footer-menu ul{ padding: 0; } .brand-logo{ justify-content: center; } .social-links .social-links-icon{ display: flex; align-items: center; justify-content: center; } .social-links .social-links-icon li{ float: left; } .video-title-text h1 { line-height: 38px; font-size: 24px; text-align: center; } .pop-up-section a.popup-btn{ width: 100%; } .image-section .image-box{ float: none; margin: 0 auto; } .image-section .text-box{ margin-top: 16px; padding: 30px; display: block; } .image-section .text-box:after { content: "\A"; border-style: solid; border-width: 25px 30px 25px 0; border-color: transparent #ffffff transparent transparent; position: absolute; top: -15px; left: 48%; transform: rotate(90deg); } .subscribe-wrap{ width: 100%; } .subscribe-wrap:after{ display: none; } } @media only screen and (max-width : 400px) { .footer-menu ul li{ display: block; } .footer-menu ul li a{ padding-left: 0; padding-right: 0; } }