/* Theme Name: Aadi Author: THE IRON NETWORK Author URI: http://theironcom.com/home/about/ Description: Aadi theme. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options */ /**montserratregular-fonts**/ @font-face { font-family: 'montserratbold'; src: url('fonts/montserrat/montserrat-bold-webfont.eot'); src: url('fonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('fonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('fonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('fonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('fonts/montserrat/montserrat-regular-webfont.eot'); src: url('fonts/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('montserrat-regular-webfont.woff2') format('woff2'), url('fonts/montserrat/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } /**roboto light-fonts**/ @font-face { font-family: 'robotolight'; src: url('fonts/roboto/Roboto-Light-webfont.eot'); src: url('fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/Roboto-Light-webfont.woff') format('woff'), url('fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/roboto/Roboto-Light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } /**droid-serif-regular**/ @font-face { font-family: 'droid_serifregular'; src: url('fonts/droid-serif/droidserif-regular-webfont.eot'); src: url('fonts/droid-serif/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid-serif/droidserif-regular-webfont.woff2') format('woff2'), url('fonts/droid-serif/droidserif-regular-webfont.woff') format('woff'), url('fonts/droid-serif/droidserif-regular-webfont.ttf') format('truetype'), url('fonts/droid-serif/droidserif-regular-webfont.svg#droid_serifregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_serifbold_italic'; src: url('fonts/droid-serif/droidserif-bolditalic-webfont.eot'); src: url('fonts/droid-serif/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid-serif/droidserif-bolditalic-webfont.woff2') format('woff2'), url('fonts/droid-serif/droidserif-bolditalic-webfont.woff') format('woff'), url('fonts/droid-serif/droidserif-bolditalic-webfont.ttf') format('truetype'), url('fonts/droid-serif/droidserif-bolditalic-webfont.svg#droid_serifbold_italic') format('svg'); font-weight: normal; font-style: normal; } /*Reset Css*/ input[type='date'], input[type='text'], input[type='email'], input[type='tel'], input[type='password'] { -webkit-appearance: none; -moz-appearance: none; height: 2.813rem; } textarea { -webkit-appearance: none; -moz-appearance: none; } input[type="submit"], input[type="button"] { background: #ee514a none repeat scroll 0 0; color: #ffffff; font-family: 'montserratbold'; font-size: 1.25rem; padding: 0.725rem 2.2rem; text-transform: uppercase; } input[type="submit"]:hover, input[type="button"]:hover, .wpcf7-form-control.wpcf7-submit.btn:hover { box-shadow: 0 0 0 30px #4a9cc2 inset; transition: all 300ms linear 0s !important; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } pre { background-color: rgba(0, 0, 0, 0.01); border: 1px solid rgba(51, 51, 51, 0.1); line-height: 1.2; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 0.8em; white-space: pre-wrap; word-wrap: break-word; } cite { color: #999999; font-size: 14px; padding: 0 40px; display: block; margin: 5px 0; } cite:before { content: "\2014 \2009"; } body { background: #fff; line-height: 1.5; font-family: 'droid_serifregular'; font-size: 1.125rem; color: #666666; position: relative; -webkit-font-smoothing: antialiased; } p { line-height: 1.5; font-family: 'droid_serifregular'; font-size: 1rem; color: #666666; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote { display: block; background: #fff; padding: 15px 20px 15px 45px; margin: 0 0 20px; position: relative; /*Font*/ font-family: Georgia, serif; font-size: 16px; line-height: 1.2; color: #666; text-align: justify; /*Borders - (Optional)*/ border-left: 15px solid #EF514A; border-right: 2px solid #EF514A; /*Box Shadow - (Optional)*/ -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc; } blockquote::before { content: "\201C"; /*Unicode for Left Double Quote*/ /*Font*/ font-family: Georgia, serif; font-size: 60px; font-weight: bold; color: #999; /*Positioning*/ position: absolute; left: 10px; top: 5px; } blockquote::after { /*Reset to make sure*/ content: ""; } blockquote a { text-decoration: none; background: #eee; cursor: pointer; padding: 0 3px; color: #c76c0c; } blockquote a:hover { color: #666; } dd { margin-left: 2rem; } blockquote em { font-style: italic; } table { border-collapse: collapse; border-spacing: 0; border-radius: 5px; margin-bottom: 1rem; } table, th, td { border: 1px solid #d5d5d5; } th, td { padding: 10px; } a { color: #000000; outline: none; font-family: 'montserratbold'; transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } a:focus, a:hover { color: #4A9CC2; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; text-decoration: none; outline: none; outline: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-top: 0; font-family: 'montserratbold'; color: #333333; text-transform: uppercase; word-wrap: break-word; } .entry-content h1, header h1, .page-title { font-size: 3rem; } .entry-content h2 { font-size: 2.7rem; } .entry-content h3 { font-size: 2.4rem; } .entry-content h4 { font-size: 2.1rem; } .entry-content h5 { font-size: 1.8rem; } .entry-content h6 { font-size: 1.5rem; } h1 { font-size: 4rem; /*----64px--*/ } h2 { font-size: 3.625rem /*----58px--*/ } h3 { font-size: 1.875rem; /*----30px--*/ } h4 { font-size: 1.438rem; /*--23px--*/ } h5 { font-size: 1.125rem; /**----18px---**/ } h6 { font-size: 0.875rem; /*----14px--*/ } ul, ol { margin-left: 0; padding: 0; list-style-position: inside; } ul li, ol li { padding: 0.25rem 0; } li > ul, ol li { margin-left: 2rem; } img { max-width: 100%; height: auto; } /****aadi theme******/ /**header**/ .box-sized { max-width: 73.13rem; margin: 0 auto; } .box-sized.body-border .navbar-fixed-top { border-top: 2.188rem solid #333333; left: 7.75rem; right: 7.75rem; } .box-sized .navbar-fixed-top { left: 5.55rem; right: 5.55rem; } .body-border .navbar-fixed-top { border-top: 35px solid #333333; left: 2.188rem; right: 2.188rem; } .body-border { background: #333333 none repeat scroll 0 0; padding: 2.188rem 2.188rem 0; } .body-border #main { background: #fff; } .navbar-fixed-top { right: 0; left: 0; } #primary-menu-wrapper { margin-top: 1rem; } #top-header { transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } #top-header .social-icon li { display: inline-block; line-height: normal; margin-right: 1rem; padding: 0; } .social-icon li a:hover { color: #1E4F79; transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } .social-icon li:last-child { margin: 0; } #top-header .search-form-wrapper { margin: 0.1rem 0 0; padding: 0 0 0 1.875rem; position: relative; transition: all 300ms linear 0s !important; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } .navbar .search-form-wrapper input { background: #f3f3f3 none repeat scroll 0 0; border: medium none; height: 40px; } .navbar .search-form-wrapper .form-group { margin-bottom: 0; } .navbar .search-form-wrapper button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; bottom: 0.45rem; } .navbar { padding: 0.8rem 1rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-nav li { color: #333333; letter-spacing: 0.0625rem; line-height: normal; padding: 0; float: left; margin: 0 0 0 0.5rem; } .social-icon li a { color: #cccccc; font-size: 1.35rem; } #top-header .social-icon li:last-child { margin: 0; } .navbar-brand { margin-right: 0; padding-bottom: 0; padding-top: 0; } .nav { border-right: 0.0625rem solid #cccccc; padding-right: 2rem; } #top-header .social-icon { display: flex; padding-left: 2rem; margin-top: 0.5rem; } .navbar-nav li a { font-size: 1.02rem; padding: 1.3rem 0.2rem; text-transform: uppercase; } .navbar-brand > img { display: inline-block; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } .navbar-nav .nav-item + .nav-item { margin-left: 2.5rem; } #primary-menu-wrapper ul { list-style: outside none none; } /*sub menu*/ /* .page_item_has_children > a,.menu-item-has-children a { padding-bottom: 1.8rem !important; } */ #primary-menu-wrapper ul li:hover > .sub-menu { display: block; } #primary-menu-wrapper .children { margin-left: 0; } #primary-menu-wrapper .sub-menu { margin-left: 0; } #primary-menu-wrapper ul .sub-menu a { color: #333333 !important; } #primary-menu-wrapper ul .sub-menu a:hover { color: #ef514a !important; } #primary-menu-wrapper ul li > .sub-menu::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #ef514a; border-image: none; border-style: solid; border-width: 13px; bottom: 100%; content: " "; left: 0; position: absolute; width: 0; } #primary-menu-wrapper ul li > .sub-menu { background: none repeat scroll 0 0 #fff; display: none; left: 0%; border-top: 2px solid #ef514a; position: absolute; text-align: left; top: 55px; width: 225px; } #primary-menu-wrapper ul li > .sub-menu li::before, #primary-menu-wrapper ul li > .sub-menu li::after { background: none !important; content: "" !important; height: 0px !important; left: 0 !important; opacity: 0 !important; position: absolute !important; transform: none !important; transition: none !important; width: auto !important; } #primary-menu-wrapper .sub-menu li { display: block; } #primary-menu-wrapper ul li > .sub-menu li:hover::before, #primary-menu-wrapper ul li > .sub-menu li:focus::before, #primary-menu-wrapper ul li > .sub-menu li:hover::after, #primary-menu-wrapper ul li > .sub-menu li:focus::after { opacity: 1; transform: translateY(0px); } #primary-menu-wrapper .sub-menu li:first-child { border-top: medium none; } #primary-menu-wrapper .sub-menu > li { display: block; margin: 0; border-bottom: 1px solid #d0d0d0; padding: 0 !important; width: 100%; z-index: 99; position: relative; } #primary-menu-wrapper .sub-menu > .sub-menu { left: 0; border-top: none; position: absolute; text-align: left; top: 45px; box-shadow: 0 0 0.625rem #000; width: 225px; } #primary-menu-wrapper ul li ul li .sub-menu { left: 265px; } #primary-menu-wrapper .sub-menu a { color: #ffffff; border-top: 2px solid transparent; border-bottom: 2px solid transparent; display: block; padding: 0.75rem; } #primary-menu-wrapper ul li .sub-menu .sub-menu::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; width: 0; height: 0; width: 0; height: 0; border-top: 0; border-bottom: 0; border-right: 0; bottom: 100%; content: " "; left: 0; position: absolute; width: 0; top: 0px; } #primary-menu-wrapper ul li .sub-menu .sub-menu { border-top: 1px solid #d0d0d0; box-shadow: 0 0 0.625rem #d5d5d5; left: 101%; top: -1px; width: 225px; } /***children menu***/ #primary-menu-wrapper ul li:hover > .children { display: block; } #primary-menu-wrapper ul .children a { color: #333333 !important; } #primary-menu-wrapper ul .children a:hover { color: #ef514a !important; } #primary-menu-wrapper ul li > .children::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #ef514a; border-image: none; border-style: solid; border-width: 25px; bottom: 100%; content: " "; left: 0; position: absolute; width: 0; } #primary-menu-wrapper ul li > .children { background: none repeat scroll 0 0 #fff; display: none; left: 0; border-top: 10px solid #ef514a; position: absolute; text-align: left; top: 60px; width: 225px; } #primary-menu-wrapper ul li > .children li::before, #primary-menu-wrapper ul li > .children li::after { background: none !important; content: "" !important; height: 0px !important; left: 0 !important; opacity: 0 !important; position: absolute !important; transform: none !important; transition: none !important; width: auto !important; } #primary-menu-wrapper .children li { display: block; } #primary-menu-wrapper ul li > .children li:hover::before, #primary-menu-wrapper ul li > .children li:focus::before, #primary-menu-wrapper ul li > .children li:hover::after, #primary-menu-wrapper ul li > .children li:focus::after { opacity: 1; transform: translateY(0px); } #primary-menu-wrapper .children li:first-child { border-top: medium none; } #primary-menu-wrapper .children > li { display: block; margin: 0; border-bottom: 1px solid #d0d0d0; padding: 0 !important; width: 100%; z-index: 99; position: relative; } #primary-menu-wrapper .children > .children { left: 0; border-top: none; position: absolute; text-align: left; top: 45px; box-shadow: 0 0 0.625rem #000; width: 225px; } #primary-menu-wrapper ul li ul li .children { left: 265px; } #primary-menu-wrapper .children a { color: #ffffff; border-top: 2px solid transparent; border-bottom: 2px solid transparent; display: block; padding: 0.75rem; } #primary-menu-wrapper ul li .children .children::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; width: 0; height: 0; width: 0; height: 0; border-top: 0; border-bottom: 0; border-right: 0; bottom: 100%; content: " "; left: 0; position: absolute; width: 0; top: 0px; } #primary-menu-wrapper ul li .children .children { border-top: 1px solid #d0d0d0; box-shadow: 0 0 0.625rem #d5d5d5; left: 101%; top: -1px; width: 225px; } /***hover effects for menu**/ #primary-menu-wrapper .nav li::before { top: 0; transform: translateY(-10px); } #primary-menu-wrapper .nav li::before, #primary-menu-wrapper .nav li::after { background: #EF514A none repeat scroll 0 0; content: ""; height: 2px; left: 0; opacity: 0; position: absolute; transform: translateY(-0.625rem); transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; width: 100%; } #primary-menu-wrapper .nav li a:hover, primary-menu-wrapper .nav li a:visited, primary-menu-wrapper .nav li a:active { color: #EF514A; } #primary-menu-wrapper .nav li::after { bottom: 0; transform: translateY(0.625rem); } #primary-menu-wrapper .nav li { position: relative; padding: 0.625rem 0; transition: color 0.3s ease 0s; } #primary-menu-wrapper .nav li:hover::before, #primary-menu-wrapper .nav li:focus::before, #primary-menu-wrapper .nav li:hover::after, #primary-menu-wrapper .nav li:focus::after { opacity: 1; transform: translateY(0px); } #primary-menu-wrapper .nav .current-menu-item::before, #primary-menu-wrapper .nav .current_page_item::before, #primary-menu-wrapper .nav .current-menu-item::after, #primary-menu-wrapper .nav .current_page_item::after { opacity: 1; transform: translateY(0px); color: #EF514A; } #primary-menu-wrapper .nav .current-menu-item a, #primary-menu-wrapper .nav .current_page_item a { color: #EF514A; } .logo-for-sm { left: 7px; position: fixed; text-align: center; top: 1px; z-index: 9; width: 121px; } .slicknav_nav, .slicknav_nav ul { list-style: outside none none; overflow: hidden; padding: 6px 0 0 !important; } .slicknav_menu { background: #d5d5d5 none repeat scroll 0 0; padding: 9px; } .slicknav_menu { display: none; } .slicknav_nav a { color: #333333; } #logo-show-sm { display: none; } /****small header that getting resize on scrolling****/ #top-header.small-header img { width: 118px; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } #top-header.small-header nav { padding: 0.5rem; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } #top-header.small-header .navbar-nav li a { transition: all 300ms linear 0s; font-size: 0.9rem; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } #top-header.small-header #primary-menu-wrapper { margin-top: 0.3rem; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } #top-header.small-header .social-icon li a { font-size: 1rem; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } #top-header.small-header .navbar-nav .nav-item + .nav-item { margin-left: 0.5rem; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } #top-header.small-header .navbar-brand > img { transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } #top-header.small-header .search-form-wrapper { transition: all 300ms linear 0s !important; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } .sticky { opacity: 1; } /*******slider*****/ .slider.simple-slider-wrapper { height: 550px !important; } .content-wrap img, .content-wrap h2 { margin-bottom: 3.125rem; } .sliders-section { background: #ffffff none repeat scroll 0 0; margin-top: 6.1rem; } header h2 { color: #ffffff; } .slider-content { text-align: center; } #slider { position: relative; } .nivo-caption { background: none; opacity: 1; left: 0; position: absolute; right: 0; top: 19%; } .slider-content img { display: block; position: relative; margin: 0 auto; margin-bottom: 3.125rem; } .nivo-caption a:first-child { margin-right: 0.625rem; } /*****meta -slider*****/ .meta-custom-wrapper { max-width: 1920px; width: 100%; overflow: hidden; } /**featured services section--what we do**/ #featured-services-wrapper p { font-size: 1.125rem; margin-bottom: 0; } .hover-zoom-in { transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -ms-transition: all 1s ease-in-out 0s; } .hover-zoom-in:hover { transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); } .our-team-wrapper .hover-zoom-in:hover { box-shadow: none; } .section-border-btm::after { background: rgba(0, 0, 0, 0) url("img/heading-border.png") no-repeat scroll 0 0; } .section-border-btm-right::after { background: rgba(0, 0, 0, 0) url("img/heading-border.png") no-repeat scroll 0 0; } .section-border-btm-white::after { background: rgba(0, 0, 0, 0) url("img/border-bottom-white.png") no-repeat scroll 0 0; } .section-border-btm-white-right::after { background: rgba(0, 0, 0, 0) url("img/border-bottom-white.png") no-repeat scroll 0 0; } .section-border-btm-black::after { background: rgba(0, 0, 0, 0) url("img/border-bottom-black.png") no-repeat scroll 0 0; } .section-border-btm-black-right::after { background: rgba(0, 0, 0, 0) url("img/border-bottom-black.png") no-repeat scroll 0 0; } .section-border-btm::after, .section-border-btm-right::after, .section-border-btm-white-right::after, .section-border-btm-black-right::after, .section-border-btm-white::after, .section-border-btm-black::after { content: ""; display: block; height: 7px; width: 73px; } .section-border-btm::after, .section-border-btm-white::after, .section-border-btm-black::after { margin: 1.25rem auto 0; } .section-border-btm-right::after, .section-border-btm-white-right::after, .section-border-btm-black-right::after { margin: 1.2rem 0 0; } .contact-page-wrapper .section-title-wrapper .section-border-btm::after, .blog-listing-and-featured-tabs .section-title-wrapper .section-border-btm::after, #how-we-work-section .section-title-wrapper .section-border-btm::after, #how-we-work-section .section-title-wrapper .section-border-btm-black::after {} .dotted-gray-bg { background: rgba(0, 0, 0, 0) url("img/dotted-bg.png") repeat scroll 0 0; } .gray-zig-zag-design::before { top: -1.23rem; left: 2rem; } .gray-zig-zag-design::after { bottom: -1.7rem; right: 2rem; } .gray-zig-zag-design::before, .gray-zig-zag-design::after { content: ""; background: rgba(0, 0, 0, 0) url("img/zig-zag-image.png") no-repeat scroll 0 0; width: 8.5rem; height: 3.313rem; position: absolute; } /*******latest work slider section********/ #latest-work-wrapper { position: relative; } #latest-work-wrapper .bx-wrapper img { display: inline-block; } .refrence-section .section-border-btm::after { margin: 0.25rem auto 0; } .slider-upper-content { margin-bottom: 0.625rem; padding: 2.5rem 1.875rem; } .refrence-section { margin-bottom: 4.688rem; } #latest-work-wrapper .bxslider li { margin-right: 8px !important; padding: 6px; } #latest-work-wrapper .slider-upper-content p { line-height: 1.7; margin-bottom: 0; text-align: justify; } #latest-work-wrapper .slider-upper-content p, #latest-work-wrapper .slider-upper-content h4, .more-info-note { color: #333333; } #latest-work-wrapper .slider-upper-content h4 { text-transform: capitalize; font-family: "droid_serifregular"; margin-bottom: 2rem; } #latest-work-wrapper .slider-upper-content h3 { margin-bottom: 1.5rem; } .black-btn-link { background: #333333 none repeat scroll 0 0; border-radius: 1.563rem; color: #ffffff !important; display: inline-block; font-family: "montserratbold"; font-size: 0.9375rem; padding: 0.75rem 2rem; text-transform: uppercase; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } .black-btn-link:hover { background: #4a9cc2; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } .more-info-note > span { display: inline-block; margin-right: 2.125rem; } #latest-work-wrapper.bx-wrapper .bx-pager.bx-default-pager a { background: #666666; border-radius: 10px; display: block; height: 15px; margin: 0 0.3125rem; outline: 0 none; text-indent: -9999px; width: 15px; } #latest-work-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover, #latest-work-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ee514a !important; } /**About Us section**/ #about-us-section-wrapper { background: rgba(0, 0, 0, 0) url("img/magenta-bg.jpg") 50% 0 repeat fixed; background-position: center center; } .circle-wrapper { border: 1px solid #ffffff; border-radius: 100%; height: 150px; margin: 0 auto; position: relative; width: 153px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .aligncenter span { padding: 3.75rem 0; } .alignright { float: right; margin-left: 10px; margin-bottom: 10px; } .alignleft { float: left; margin-right: 10px; margin-bottom: 10px; } .about-rating-wrapper span { display: block; font-size: 1rem; } .circle-wrapper canvas { position: absolute; right: -6px; top: -8px; } .about-rating-wrapper li { color: #ffffff; font-family: 'montserratbold'; text-align: center; } .about-rating-wrapper img { margin-bottom: 1.563rem; } .about-description-wrapper > h2 { color: #ffffff; font-size: 3.9rem; line-height: 1.2; } .about-rating-wrapper ul { margin-bottom: 0; } .about-team-work > img { margin-bottom: 1.563rem; } .about-team-work > p { color: #ffffff; font-size: 1.125rem; text-align: justify; margin-bottom: 0; } .about-content-wrapper { margin-bottom: 5.625rem; } /**team-member-section ***/ .our-team-wrapper { position: relative; } .our-team-wrapper p { margin-bottom: 4.688rem; font-size: 1.125rem; text-align: center; } .our-team-wrapper.gray-zig-zag-design::before { left: 2rem; top: 2.5rem; } .team-image-wrap img { vertical-align: top; } .team-image-wrap .social-icon { display: inline-block; margin-left: 0.5rem; margin-top: 0; } .team-list-content p { text-align: left; margin-bottom: 0; } .team-image-wrap .social-icon li { display: block; line-height: normal; } .team-image-wrap .social-icon li:first-child { padding-top: 0; } .team-image-wrap { background: none !important; background-position: 79.7% bottom; background-repeat: no-repeat; } .dotted-black-bg { background: rgba(0, 0, 0, 0) url("img/dotted-black-bg.png") repeat scroll 0 0; } /***testimonial section wrapper***/ .testimonial-slider-wrapper .bx-wrapper img { display: block; margin: 0 auto 3.2rem; } .testimonial-slider-wrapper p, .testimonial-slider-wrapper span, .testimonial-slider-wrapper h5 { color: #fff; } .testimonial-slider-wrapper p { line-height: 1.8; margin: 0; } .testimonial-slider-wrapper p, .testimonial-slider-wrapper span { font-size: 1.15rem; } .bx-viewport { height: auto !important; margin-bottom: 6rem; } .bxslider > li { padding: 0 3.125rem; } .testimonial-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 4px solid #ffffff; border-radius: 15px; display: block; height: 20px; margin: 0 0.3125rem; outline: 0 none; text-indent: -9999px; width: 20px; } .bx-wrapper .bx-pager { padding: 0; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: static; } .testimonial-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonial-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff !important; border-radius: 15px !important; border: 4px solid transparent !important; } .bx-wrapper { margin: 0; } /***** Blog-list-wrapper *****/ .blog-list-wrapper h4 { font-size: 1.313rem; } .blog-recent-hover h3, .blog-recent-hover h6, .blog-recent-hover p { margin-bottom: 1.875rem; } .blog-info-content p { margin-bottom: 0; } .sharing-info-section p span a, .link-class { color: #666666; display: inline-block; font-family: "droid_serifregular"; font-size: 1rem; } /******Contact from*****/ .contact-info-section { background: #ffffff none repeat scroll 0 0; color: #666666; padding: 3rem 2rem; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #contact-info-section-wrapper.contact-info-section i { color: #ee514a; font-size: 1.5rem; margin-right: 1.3rem; } #contact-info-section-wrapper.contact-info-section address { width: 85%; float: left; margin-bottom: 0; } #contact-info-section-wrapper.contact-info-section .address-wrap i { float: left; } #footer { background: #333333 none repeat scroll 0 0; padding: 1.5rem 0 1.3rem; font-size: 1rem; } #footer .social-icon li { display: inline-block; line-height: normal; margin-right: 1rem; padding: 0; } #footer .social-icon li:last-child { margin: 0; } #footer .social-icon li a { color: #666666; } #footer .social-icon li a i:hover { color: #0275D8; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } .btn-default { background: #ee514a none repeat scroll 0 0; color: #ffffff; font-size: 1.25rem; padding: 0.625rem 1.625rem; } .btn-default:hover, .btn-outline-link:hover { color: #fff; box-shadow: 0 0 0 30px #4a9cc2 inset; } .sharing-info-section p a:hover { color: #4a9cc2 !important; } .link-refrence { color: #333333; display: inline-block; font-family: "robotolight"; font-size: 1.125rem; } .box-shadow-defualt { box-shadow: 0 0 0.625rem #d5d5d5; } #how-we-work-section.section-top-btm-padding .section-border-btm::after { margin: 1.25rem auto !important; } /************Rest of the pages**********/ /*********Contact Page Style***********/ .section-title-wrapper { margin-bottom: 3.125rem; } .section-title-wrapper h3 { margin-bottom: 0; } .padding-container { padding-bottom: 4rem; padding-top: 4rem; background: #fff; } .contact-page-wrapper { border-bottom: 1px solid #cccccc; padding: 0 0 5rem; } .more-info-contact h3 { color: #484a4f; font-family: "robotolight"; margin-bottom: 1.125rem; } .more-info-contact a { color: #666666; font-family: 'droid_serifregular'; } .more-info-contact h3 i { color: #ee514a; } .icon-wrap, .info-class { float: left } .icon-wrap i { color: #ee514a; font-size: 2rem; } .share-wrap li i { margin-right: 0.625rem; } .more-info-contact span { display: block; margin-bottom: 0.2rem; } .info-class { width: 81%; } /**********Blog page listin style***********/ .blog-recent-wrapper { position: relative; } .reply-parent .children { list-style: outside none none; } .reply-parent .comment-author img { border-radius: 100%; margin-right: 1rem; } .reply-parent time { color: #363636; font-family: "droid_serifregular"; font-size: 0.9rem; font-weight: bold; line-height: 1.5; } .reply-parent .edit-link a, .url, .aadi-meta-info a { color: #363636; font-family: "droid_serifregular"; font-size: 1rem; line-height: 1.5; margin-left: 1rem; } .aadi-meta-info { margin-bottom: 1rem; } .aadi-meta-info .edit-link a { margin-left: 0; } .reply-parent ol { margin-top: 1.4rem; } .reply-parent .comment-metadata, .reply-parent .comment-content, .reply-parent .reply { margin-left: 4.7rem; } .blog-recent-wrapper .blog-recent-hover { position: absolute; background: rgba(0, 0, 0, 0) url("img/gray-overlay.png") repeat scroll 0 0; top: 0; bottom: 0; right: 0; left: 0; padding: 6rem 0; opacity: 0; overflow: hidden; transition: all 0.3s ease-in 0.4s; -o-transition: all 0.3s ease-in 0.4s; -moz-transition: all 0.3s ease-in 0.4s; -o-transition: all 0.3s ease-in 0.4s; } .blog-recent-wrapper .blog-recent-hover h3 { opacity: 0; transform: scale(2); -o-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transition: all 0.3s ease-in-out 0.1s; -o-transition: all 0.3s ease-in 0.1s; -moz-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; } .blog-recent-wrapper .blog-recent-hover h6 { opacity: 0; transform: translateY(-100px); -o-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); transition: all 0.3s ease-in-out 0.1s; -o-transition: all 0.3s ease-in 0.1s; -moz-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; } .blog-recent-wrapper .blog-recent-hover:hover h6 { opacity: 1; transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; } .blog-recent-wrapper .blog-recent-hover p { opacity: 0; transform: scale(4); -o-transform: scale(4); -moz-transform: scale(4); -o-transform: scale(4); transition: all 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in 0.2s; -moz-transition: all 0.3s ease-in 0.2s; -o-transition: all 0.3s ease-in 0.2s; } .blog-recent-wrapper .blog-recent-hover .btn-outline-link { opacity: 0; transform: translateY(100px); -o-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); transition: all 0.3s ease-in-out 0.1s; -o-transition: all 0.3s ease-in 0.1s; -moz-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; } .blog-recent-wrapper:hover .blog-recent-hover { opacity: 1; transition-delay: 0s; -o-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; } .blog-recent-wrapper .blog-recent-hover:hover h3 { opacity: 1; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition-delay: 0.8s; -o-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; } .blog-recent-wrapper .blog-recent-hover:hover p { opacity: 1; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition-delay: 1.2s; -o-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; } .blog-recent-wrapper .blog-recent-hover:hover .btn-outline-link { opacity: 1; transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transition-delay: 1.5s; -o-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; } /*grid-hover*/ .blog-listing-and-featured-tabs { padding-bottom: 4rem; } .blog-listing-wrap:hover img { opacity: 0; transform: scale(10); -o-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); } .blog-listing-wrap { background: rgba(0, 0, 0, 0) url("img/dark-gray-bg.png") repeat scroll 0 0; position: relative; overflow: hidden; } .blog-listing-wrap img { transform: scaleY(1); -o-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; } .grid-blog-hover { left: 0; overflow: hidden; position: absolute; right: 0; bottom: 0; padding: 5.5rem 0; opacity: 0; transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; top: 0; } .grid-blog-hover .btn-outline-link { opacity: 0; transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; } .blog-listing-wrap .grid-blog-hover { opacity: 1; } .blog-listing-wrap:hover .btn-outline-link { opacity: 1; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .blog-recent-hover h3, .blog-recent-hover p, .blog-recent-hover h6, .blog-recent-wrapper .blog-recent-hover span a { color: #ffffff; } .btn-outline-link { background: transparent !important; border: 1px solid #ffffff; border-radius: 0.3125rem; color: #ffffff; display: inline-block; font-family: "robotolight"; font-size: 1.125rem; padding: 0.9rem 1.5rem; font-family: 'montserratbold'; text-transform: uppercase; } .blog-recent-hover p { font-family: 'montserratregular'; text-transform: uppercase; } .blog-listing-content > h5 { line-height: 1.3; } .blog-listing-content > p span { display: inline-block; margin-right: 0.3rem; font-size: 1.125rem; } .blog-listing-content > h5 { line-height: 1.3; margin-bottom: 0rem; } .blog-listing-and-featured-tabs li { padding-top: 0; padding-bottom: 0; } .title-section { background: rgba(0, 0, 0, 0) url("img/highlighted-section.png") no-repeat scroll 0 0; margin-bottom: 1.875rem; overflow: hidden; padding: 0 0 0 4.5rem; } .title-section h3 { font-size: 1.25rem; } .ebook-download p { color: #ee514a; font-size: 0.8125rem; text-transform: uppercase; text-align: center; font-family: 'montserratbold'; } .ebook-download img { margin-bottom: 1.25rem; } .btn-sm, .wpcf7-form-control.wpcf7-submit.btn { background: #ee514a none repeat scroll 0 0; color: #ffffff; font-family: "montserratbold"; font-size: 0.9375rem !important; padding: 0.625rem 1rem !important; text-transform: capitalize !important; } .wpcf7-form-control.wpcf7-submit.btn { float: left!important; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } .subcribe-form h5 { color: #ee514a; font-family: "montserratbold"; font-weight: lighter; letter-spacing: 0.09rem; } .tips-of-day-wrapper { padding: 2rem; border-radius: 0.625rem; } .overflow-wrapper { overflow: hidden; } .subcribe-form form { margin-bottom: 0.652rem; } .blog-listing-content { margin-bottom: 1.5rem; } .blog-recent-wrapper:hover .blog-recent-hover { display: block; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } /**********BLog-detail Page*************/ .social-lg-btn-plungin li { display: inline-block; margin-right: 0.6275rem; } .post-info-wrapper { border: 1px solid #cccccc; border-right: none; border-left: none; } .post-info-wrapper li { padding-top: 5px; padding-bottom: 5px; } .post-info-wrapper ul, .post-info-wrapper ul li a { color: #cccccc; font-family: "montserratregular"; font-size: 0.8125rem; margin-bottom: 0; padding: 0.825rem 0.5rem; } .post-info-wrapper ul { margin-bottom: 0; padding: 0.825rem 0.5rem; } .post-info-wrapper i { margin-right: 0.525rem; } .section-for-content p { font-size: 1.125rem; line-height: 1.6; margin-bottom: 1.8rem; } .blog-content-data .section-title-wrapper { margin-bottom: 1.5rem; } .sub-title-heading { color: #ee514a; font-family: "montserratbold"; font-size: 1.125rem; letter-spacing: 0.09rem; } .panel-info-heading { font-size: 1.375rem; } .author-info-wrapper .social-icon li { display: inline-block; line-height: 0.5; margin-right: 1rem; } .author-info-wrapper .social-icon li i { color: #666666; font-size: 1rem; } .author-info-wrapper > p { margin-bottom: 0.5rem; } .author-info-wrapper { border-bottom: 0.0625rem solid #cccccc; padding: 0 0 1.25rem; } .display-comment-section li { border-top: 0.0625rem solid #cccccc; padding: 1.4rem 0; } .commented-post { padding-top: 1rem; } .comment-reply-link { background: rgba(0, 0, 0, 0) url("img/replay-image-bg.png") no-repeat scroll 0 center; display: block; padding: 0 0 0 1.125rem; font-family: "montserratregular"; font-size: 0.9375rem; color: #cccccc; } #respond input[type="submit"] { -moz-user-select: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0.25rem; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: center; vertical-align: middle; white-space: nowrap; } #respond p:last-child { margin-bottom: 3.25rem; } .display-comment-section .user-image img { border-radius: 100%; } #archives li { padding: 0.5rem 0; } .archives li span a, .main-section p a { color: #666666; font-family: "droid_serifregular"; font-size: 1.1rem; } .sharing-info-section p span { margin-right: 0.4rem; } .sharing-info-section p span:last-child { margin-right: 0; } .archives li i { font-size: 1rem; font-size: 1.25rem; margin-right: 0.625rem; } .archives li:first-child { display: none; } .search-form-wrapper input { background: #f3f3f3 none repeat scroll 0 0; position: relative !important; } .search-form-wrapper button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position: absolute; right: 5%; top: 0.2rem; } .facebook-bg { background: #4b6aaf; } .google-plus-bg { background: #ca2100; } .twitter-bg { background: #00a4d3; } .linkedin-bg { background: #0452c6; } .social-lg-btn-plungin li span { border-radius: 0.3125rem; color: #ffffff; display: inline-block; font-family: "montserratbold"; font-size: 0.89rem; padding: 0.5rem 1rem; text-transform: capitalize; } .social-lg-btn-plungin .small-share-icons li span i { margin: 0; } .social-lg-btn-plungin li span i { color: #ffffff; font-size: 0.9375rem; margin-right: 1.1rem; } .social-lg-btn-plungin li a { display: inline-block; } .social-lg-btn-plungin .linkedin-bg:hover { background: #123a93 none repeat scroll 0 0; } .social-lg-btn-plungin .facebook-bg:hover { background: #4f78d4 none repeat scroll 0 0; } .social-lg-btn-plungin .google-plus-bg:hover { background: #7c1f0d none repeat scroll 0 0; } .social-lg-btn-plungin .twitter-bg:hover { background: #036a88 none repeat scroll 0 0; } .social-lg-btn-plungin .small-share-icons span { text-align: center; width: 3rem; } .social-lg-btn-plungin .small-share-icons li { margin-right: 0.3rem; } /***About Us Page*****/ #highlighted-italic-text p { color: #333333; font-family: "droid_serifbold_italic"; font-size: 2.125rem; line-height: normal; margin-bottom: 3rem; padding: 0 4rem 0rem; } .title-heading-with-image { background: rgba(0, 0, 0, 0) url("img/zig-zag-image.png") no-repeat scroll 0 0; padding: 0rem 0 0 11.4rem; } .title-heading-with-image h3 { text-transform: uppercase; } .how-we-work-image-wrapper { margin-bottom: 2.2rem; } #about-company-content { padding: 3rem 0; } .about-info-section h2 { color: #ee514a; font-size: 4.438rem; border-bottom: 0.0625rem solid #cccccc; } .about-info-section h2 sup { color: #333333; display: inline-block; font-size: 1.563rem; margin: 38px 0 0 -0.1875rem; vertical-align: top; } .about-info-section > h5 { padding: 0.8rem 0; } .align-center { text-align: center; } .container-font { background: #fff; } /**********Box sized layout style***************/ .box-sized .nivo-caption { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; opacity: 1; position: absolute; right: 0; } /**widget***/ .wid-container { margin: 0 auto; max-width: 73.13rem; padding-left: 0.9375rem; padding-right: 0.9375rem; } .section-pad { padding: 5rem } .testi-widget a, .testi-widget h5, .testi-widget span, .testi-widget p { color: #fff; font-size: 1rem; } .testi-widget p { line-height: 1.7; } #u_0_0 ._2p3a { margin: 0 auto !important; } .widget_facebook-like-widget .widget-title { text-align: center; margin-bottom: 2rem; } #pg-262-13 .team-image-wrap img { vertical-align: top; width: 85%; } .list-inline-block li { display: inline-block; margin-right: 0.625rem; } .iframe-fb iframe { width: 300px; } .link-with-p, .read-link { color: #666666; font-family: "droid_serifregular"; } .read-link { display: inline-block; font-family: "montserratregular"; font-size: 1rem; } .read-link i { margin-right: 0.5rem; } /*search page*/ .published.updated:hover, .entry-title a:hover, .comments-link a:hover { color: #4a9cc2; } .entry-date.published.updated, .comments-link a, .posted-on time, .nav-links a, screen-reader-text { color: #666666; font-family: "droid_serifregular"; font-size: 1rem; line-height: 1.5; margin-right: 1rem; } .entry-title { font-size: 1.5rem !important; color: #333333 !important; font-family: "montserratbold" !important; } .overflow-wrapper { overflow: hidden; } .navigation.pagination h2 { font-size: 1rem; } .nav-links a { margin-right: 1rem; } .pagination { float: right; } .posted-on time, .page-numbers.current { margin-right: 1rem; } .logged-in .navbar-fixed-top { top: 32px; } #primary .padding-container, .primary .padding-container { padding-top: 2rem; padding-bottom: 2rem; } figure { max-width: 100%; } /****/ /****responsive css***/ @media only screen and (device-width: 1920px) { header h2 { font-size: 4.5rem } .box-sized .navbar-fixed-top { left: 22.95rem; right: 22.95rem; } .box-sized .blog-recent-wrapper .blog-recent-hover { padding: 4rem 0; } .blog-recent-wrapper .blog-recent-hover { padding: 10rem 0; } .box-sized.body-border .navbar-fixed-top { border-top: 2.188rem solid #333; left: 21.35%; right: 21.35%; } .blog-recent-wrapper img, .banner-wrapper img { width: 100%; } .nivoSlider.container h2 { font-size: 2.9rem; } .blog-recent-wrapper h3 { font-size: 2.3rem; } .blog-recent-wrapper h6 { font-size: 1.3rem; } .box-sized.body-border .blog-recent-wrapper .blog-recent-hover { padding: 3rem 0px; } .box-sized .team-image-wrap { background: none; } .body-border.box-sized .team-image-wrap { background: none; } } @media only screen and (device-width: 1680px) { .box-sized .team-image-wrap { background: rgba(0, 0, 0, 0) url("img/vertical-design-image.png") no-repeat scroll 85% bottom; } .box-sized .navbar-fixed-top { left: 15.9rem; right: 15.9rem; } .box-sized .navbar-fixed-top { left: 15.55rem; right: 15.55rem; } .box-sized.body-border .navbar-fixed-top { border-top: 2.188rem solid #333333; left: 18.1rem; right: 18.1rem; } } @media only screen and (device-width: 1440px) { .box-sized.body-border .navbar-fixed-top { border-top: 2.188rem solid #333333; left: 10.6rem; right: 10.6rem; } .box-sized .navbar-fixed-top { left: 8.44rem; right: 8.44rem; } .blog-recent-wrapper .blog-recent-hover { padding: 4rem 0; } } @media only screen and (min-width: 1366px) { .container { max-width: 1170px; } .blog-recent-wrapper img, .banner-wrapper img { width: 100%; } .box-sized header h2 { font-size: 3.3rem; } .box-sized .blog-recent-wrapper .blog-recent-hover { padding: 3rem 0; } } /***body border ,boxed layout is not provided behind this**/ @media only screen and (max-width: 1280px) { .navbar { padding: 0.6rem 1rem; } .box-sized.body-border .navbar-fixed-top { border-top: 0; left: 0; right: 0; } .box-sized .navbar-fixed-top { left: 0; right: 0; } .body-border .navbar-fixed-top { border-top: 0; left: 0; right: 0; } .body-border { background: #fff; padding: 0; } .box-sized { max-width: 100%; margin: 0; } .sliders-section { margin-top: 5.7rem; } #primary-menu-wrapper { margin-top: 1.1rem; } .blog-recent-wrapper .blog-recent-hover { padding: 5rem 0; } .slider.simple-slider-wrapper { height: 519px !important; } .team-image-wrap { background: rgba(0, 0, 0, 0) url("img/vertical-design-image.png") no-repeat scroll 81% bottom; } .grid-blog-hover { padding: 5rem 0; } } @media only screen and (max-width: 1199px) { .slicknav_menu { display: block; } #primary, .primary { margin-top: 0rem; } .navbar { display: none; } #logo-show-sm { display: block; } .display-none { display: none !important; } .navbar-brand img { width: 130px; } .navbar-nav li a { font-size: 1rem; } #top-header .social-icon li { margin-right: 0.9rem; } .navbar-nav li { margin: 0 0 0 0.3rem; } .slider.simple-slider-wrapper { height: 428px !important; } /**sticky header slider section**/ .sliders-section { margin-top: 0; } #primary-menu-wrapper { margin-top: 0.5rem; } .nav { padding-right: 1rem; } #top-header .social-icon { padding-left: 1.4rem; } #top-header.small-header nav { padding: 0.4rem; } #top-header.small-header img { width: 110px; } #top-header.small-header #primary-menu-wrapper { margin-top: 0.2rem; } .navbar-nav li { margin: 0 0 0 0.1rem; } header h2 { font-size: 3rem; } .about-description-wrapper > h2 { font-size: 3.6rem; } .about-team-work > p { font-size: 1.1rem; } .team-image-wrap img { width: 86%; } .team-image-wrap { background: rgba(0, 0, 0, 0) url("img/vertical-design-image.png") no-repeat scroll 95% bottom; } #contact-info-section-wrapper.contact-info-section address { font-size: 1rem; } .font-size-18 { font-size: 1rem !important; } #highlighted-italic-text p { margin-bottom: 1rem; } .title-heading-with-image { padding: 0rem 0 0 9.4rem; } .section-top-btm-padding { padding: 6rem 0 4rem; } .margin-bottom-40 { margin-bottom: 2rem !important; } .more-info-contact span { word-wrap: break-word; } .blog-recent-wrapper .blog-recent-hover { padding: 3rem 0; } .btn-outline-link { font-size: 1.12rem; padding: 0.7rem 1.2rem; } h3 { font-size: 1.8rem; } .iframe-fb iframe { display: none; } .blog-image-wrap margin-bottom-30 { margin-bottom: 1.5rem !important; } .blog-recent-wrapper .blog-recent-hover { opacity: 1; overflow: hidden; transition: none; } .blog-recent-wrapper .blog-recent-hover h3 { opacity: 1; transform: scale(1); transition: none; } .blog-recent-wrapper .blog-recent-hover h6 { opacity: 1; transform: none; transition: none; } .blog-recent-wrapper .blog-recent-hover:hover h6 { opacity: 1; transform: none; transition-delay: 0s; } .blog-recent-wrapper .blog-recent-hover p { opacity: 1; transform: scale(1); transition: none; } .blog-recent-wrapper .blog-recent-hover .btn-outline-link { opacity: 1; transform: none; transition: none; } .blog-recent-wrapper:hover .blog-recent-hover { opacity: 1; transition-delay: 0s; } .blog-recent-wrapper .blog-recent-hover:hover h3 { opacity: 1; transform: scale(1); transition-delay: 0s; } .blog-recent-wrapper .blog-recent-hover:hover p { opacity: 1; transform: scale(1); transition-delay: 0s; } .blog-recent-wrapper .blog-recent-hover:hover .btn-outline-link { opacity: 1; transform: none; transition-delay: 0s; } /*grid-hover*/ .blog-listing-wrap:hover img { opacity: 1; transform: scale(1); } .blog-listing-wrap { background: transparent; position: relative; overflow: hidden; } .blog-listing-wrap img { transform: scaleY(1); transition: none; } .grid-blog-hover { background: rgba(0, 0, 0, 0) url("img/gray-overlay.png") repeat scroll 0 0; opacity: 1; padding: 4.5rem 0; } .grid-blog-hover .btn-outline-link { opacity: 1; transform: none; transition: none; } .blog-listing-wrap .grid-blog-hover { opacity: 1; } .blog-listing-wrap:hover .btn-outline-link { opacity: 1; transform: none; background: transparent; } .hover-zoom-in { transition: none; } .hover-zoom-in:hover { transform: none; box-shadow: none; overflow: hidden; } } @media only screen and (max-width: 991px) { #primary-menu-wrapper .nav li::before, #primary-menu-wrapper .nav li::after { display: none; border: none; } #top-header.small-header #primary-menu-wrapper { margin-top: 0.7rem; } .navbar-nav li a { padding: 0; } .nav { border-right: 0; } #top-header .search-form-wrapper { padding: 0; } #top-header .search-form-wrapper { margin: -0.3rem 0 0; } .navbar-nav li { margin: 0 0 0 0rem; } #primary-menu-wrapper { margin-top: 1rem; } #top-header .social-icon { margin-top: 0.2rem; } #top-header .social-icon li { margin-right: 0.6rem; } #primary-menu-wrapper .nav li { padding: 0.3rem; } .navbar-nav li { font-size: 0.9rem; } .social-icon li a { font-size: 1.2rem; } .navbar-brand img { width: 120px; } header h2 { font-size: 2.3rem; } .slider.simple-slider-wrapper { height: 332px !important; } .content-wrap img, .content-wrap h2 { margin-bottom: 2rem; } .nivo-caption { top: 29%; } .social-lg-btn-plungin li:last-child { margin-top: 0.5rem; } .social-lg-btn-plungin { text-align: center; } /* #fullscreen.pageblock .slider .slide .slidecontent { top: 29%; } */ .btn-default { font-size: 1.1rem; padding: 0.4rem 1.25rem; } .section-title-wrapper h3 { font-size: 1.5rem; } .grid-blog-hover { padding: 3rem 0; } .nivo-caption { top: 12%; } #featured-services-wrapper p { font-size: 1rem; } .slider-upper-content h3 { margin-bottom: 1rem; } h3 { font-size: 1.5rem; } .slider-upper-content h4 { margin-bottom: 1rem; } .slider-upper-content p { line-height: 1.4; } .more-info-note span { font-size: 0.9rem; } .info-class address { font-size: 0.9rem; } .more-info-contact span { font-size: 0.9rem; } .refrence-section { margin-bottom: 2rem; } .blog-list-wrapper h4 { font-size: 1.2rem; } .margin-bottom-30 { margin-bottom: 1.1rem !important; } .about-description-wrapper > h2 { font-size: 2.6rem; } .about-team-work > p { font-size: 0.95rem; } .about-content-wrapper { margin-bottom: 3rem; } .sharing-info-section p span a, .link-class { font-size: 0.9rem; } p { font-size: 1rem; } .team-image-wrap img { width: 83%; } h5 { font-size: 1rem; } .our-team-wrapper p { font-size: 1rem; } #contact-info-section-wrapper.contact-info-section address { width: 80%; } #contact-info-section-wrapper.contact-info-section i { font-size: 1.3rem; margin-right: 1rem; } #contact-info-section-wrapper .wrap-word { display: inline-block; width: 84% !important; vertical-align: top; word-wrap: break-word; } .sliders-section { margin-top: 0; } #contact-info-section-wrapper.contact-info-section i { font-size: 1.3rem; margin-right: 0.5rem; } fa-envelope #contact-info-section-wrapper.contact-info-section fa-envelope { float: left; } .title-heading-with-image { background-size: 100px 43px; padding: 0rem 0 0 7.4rem; } .info-class { width: 75%; } .info-class a { font-size: 0.9rem; } h3 { font-size: 1.2rem; } .blog-recent-hover h3, .blog-recent-hover h6, .blog-recent-hover p { margin-bottom: 1rem; } .blog-recent-hover .section-title-wrapper { margin-bottom: 1rem; } .btn-outline-link { font-size: 1rem; padding: 0.5rem 0.8rem; } .archives li span a, .main-section p a { font-size: 1rem; } .social-lg-btn-plungin li span { font-size: 0.8rem; padding: 0.5rem; } .hover-zoom-in { transition: none; } .hover-zoom-in:hover { transform: none; box-shadow: none; overflow: hidden; } } @media only screen and (max-width: 767px) { .bx-viewport .slider-wrapper .img-bg-wrap { margin-bottom: 0.925rem; } .sliders-section { margin-top: 0; } .slider.simple-slider-wrapper { height: 319px !important; } #top-header .social-icon li { margin-right: 0.5rem; } #primary-menu-wrapper { float: right !important; } .navbar-brand img { width: 115px; } .nav { float: left; } #top-header .social-icon { float: left; } #top-header .social-icon li a { font-size: 1.2rem; } #top-header .search-form-wrapper { float: left; } .bx-viewport { height: auto !important; margin-bottom: 4rem; } .work-listing { margin-bottom: 1rem; } header h2 { font-size: 1.8rem; } .content-wrap img, .content-wrap h2 { margin-bottom: 1.5rem; } .hover-zoom-in:hover { transform: scale(1); overflow: hidden; } #footer { font-size: 0.9rem; } .team-image-wrap img { width: 59%; } .team-image-wrap { background: rgba(0, 0, 0, 0) url("img/vertical-design-image.png") no-repeat scroll 81% bottom; } #featured-services-wrapper, #latest-work-wrapper, #how-we-work-section, #about-us-section-wrapper, .our-team-wrapper, #testimonial-wrapper, #highlighted-italic-text p, .contact-page-wrapper h3, .blog-recent-hover, #sidebar-wrapper, .section-title-wrapper h3, .section-title-wrapper h4, .main-section, .sidebar { text-align: center; } .section-border-btm-right::after { margin: 1.2rem auto; } .commented-post p { font-size: 1rem; } .social-icon li a { font-size: 1.5rem; } .grid-blog-hover { padding: 3.5rem 0; text-align: center; } .team-list-content p { text-align: center; } .comment-reply-link { background: rgba(0, 0, 0, 0) url("img/replay-image-bg.png") no-repeat scroll 44% center; } .margin-sm-bottom { margin-bottom: 1rem; } .slider-upper-content p { font-size: 0.9rem; } .about-info-section p { font-size: 1rem; } .our-team-wrapper .hover-zoom-in { margin-bottom: 1rem; } input[type="date"], input[type="text"], input[type="email"], input[type="tel"], input[type="password"] { font-size: 0.8rem; } .testimonial-slider-wrapper p, .testimonial-slider-wrapper span { font-size: 1rem; } .title-heading-with-image { background-size: 103px 42px; margin-bottom: 3%; margin-left: 7rem; } .section-for-content p { font-size: 1.1rem; text-align: center; } #how-we-work-section.section-top-btm-padding { padding: 4rem 0; } .section-title-wrapper h3 { font-size: 1.9rem; } .contact-page-wrapper .section-border-btm-black-right::after { margin: 1.2rem auto; } .main-contact-info-form p { text-align: center; } .wpcf7-form-control.wpcf7-submit.btn { float: none!important; } .info-class a { font-size: 1rem; } .more-info-contact .col-sm-6 { margin-bottom: 1rem; } #footer .social-icon li a { font-size: 1.2rem; } .contact-page-wrapper { padding: 0 0 3rem; } .btn-outline-link { font-size: 0.9rem; padding: 0.3rem 0.8rem; } .blog-recent-wrapper .blog-recent-hover { padding: 2.3rem 0; } .title-section { display: inline-block; } #footer { text-align: center; } } @media only screen and (max-width: 735px) { #top-header.small-header .social-icon { margin-bottom: 0.4rem; } #top-header .search-form-wrapper { margin: -0.5rem 0 0; } #top-header.small-header .social-icon { margin-top: 0rem; } #top-header .social-icon { margin-top: 0rem; } .section-top-btm-padding { padding: 4rem 0; } .slider.simple-slider-wrapper { height: 288px !important; } #primary-menu-wrapper .nav li a { padding: 0.1rem; } #primary-menu-wrapper .nav li { padding: 0.1rem; } .navbar-nav li a { font-size: 0.85rem; } #primary-menu-wrapper .nav li a:hover::before, #primary-menu-wrapper .nav li a:focus::before, #primary-menu-wrapper .nav li a:hover::after, #primary-menu-wrapper .nav li a:focus::after { opacity: 0; transform: translateY(0px); } .nav { padding-right: 0.2rem; } #top-header .social-icon { padding-left: 0.5rem; } #contact-info-section-wrapper .wrap-word { width: 83% !important; } #primary-menu-wrapper { margin-top: 1.2rem; } #primary-menu-wrapper .nav li a { padding: 0rem; } .navbar-brand img { width: 110px; } .sliders-section { margin-top: 0; } #primary-menu-wrapper .nav li a::before, #primary-menu-wrapper .nav li a::after { display: none; border: none; } .info-class { width: 60%; } .blog-recent-hover h3 { font-size: 1rem; } .gray-zig-zag-design::before, .gray-zig-zag-design::after { display: none; } } @media only screen and (max-width: 666px) { #top-header.small-header img { width: 100px; } .navbar .search-form-wrapper input { width: 135px; } .slider.simple-slider-wrapper { height: 246px !important; } #top-header .social-icon { margin-top: -0.1rem; } .sliders-section { margin-top: 0rem; } #primary-menu-wrapper { margin-top: 1rem; } #top-header.small-header nav { padding: 0.2rem; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; } #top-header.small-header .navbar-nav li a { transition: all 300ms linear 0s; font-size: 0.8rem; } #top-header.small-header #primary-menu-wrapper { margin-top: 1rem; } #top-header.small-header .social-icon li a { font-size: 0.8rem; transition: all 300ms linear 0s; } #top-header.small-header .navbar-nav .nav-item + .nav-item { margin-left: 0rem; } .navbar-brand img { width: 95px; } .navbar-nav li { letter-spacing: 0; } #top-header .social-icon li a { font-size: 0.9rem; } header h2 { font-size: 1.7rem; } .section-title-wrapper h3 { font-size: 1.4rem; } .btn-default { font-size: 0.9rem; padding: 0.3rem 1.1rem; } .navbar-nav li a { font-size: 0.8rem; } .section-title-wrapper h3 { font-size: 1.6rem; } h4 { font-size: 1.2rem; } #latest-work-wrapper .slider-upper-content h3 { margin-bottom: 1.2rem; } #latest-work-wrapper .slider-upper-content h4 { margin-bottom: 1rem; } .blog-recent-hover h3, .blog-recent-hover h6, .blog-recent-hover p { margin-bottom: 0.7rem; } .blog-recent-wrapper .blog-recent-hover { padding: 1.8rem 0; } } @media only screen and (max-width: 567px) { .slider.simple-slider-wrapper { height: 208px !important; } .navbar-toggler { float: right; } .navbar .search-form-wrapper input { border: 1px solid #d5d5d5; width: auto; } .sliders-section { margin-top: 0rem; } .nav { margin-bottom: 0.5rem; } .navbar { background: #eeeeee none repeat scroll 0 0; } #top-header.small-header #primary-menu-wrapper { margin-top: 3rem; } #primary-menu-wrapper { display: block !important; margin-top: 2.2rem; width: 100%; float: none !important; margin-right: 0rem; margin-top: 4.2rem; } #top-header .search-form-wrapper { float: right; } #top-header .social-icon li a { font-size: 1.2rem; } .navbar-toggler { float: right; margin: 0 0 1px -45px; width: 14%; } .navbar-nav li a { font-size: 1.2rem; } #top-header .social-icon { float: right; margin: 0; } .navbar-nav li { display: block; float: none; padding: 9px 0; } .collapse.in { display: block; overflow: hidden; } .nav { border-right: medium none; float: none; text-align: right } #contact-info-section-wrapper { text-align: center; } header h2 { font-size: 1.3rem; } .title-heading-with-image { margin-left: 6rem; } .more-info-contact .col-sm-6 { text-align: center; } .content-wrap img, .content-wrap h2 { margin-bottom: 0.4rem; } #contact-info-section-wrapper.contact-info-section .address-wrap i { float: none; } #contact-info-section-wrapper.contact-info-section address { width: auto; } .grid-blog-hover { padding: 6.5rem 0; } .grid-blog-hover .btn-outline-link { font-size: 1.2rem !important; padding: 1rem 2rem !important; } #contact-info-section-wrapper.contact-info-section address { float: none; } #contact-info-section-wrapper .wrap-word { width: auto; } #contact-info-section-wrapper.contact-info-section address { display: inline-block; width: auto; } #contact-info-section-wrapper .wrap-word { display: inline; width: auto } #contact-info-section-wrapper .col-sm-4 { padding: 0.5rem 0; } #footer .col-sm-4 { padding: 0.2rem 0; } .section-title-wrapper h3 { font-size: 1.5rem; } #footer { padding: 0.9rem 0 0.5rem; } .contact-info-section { padding: 1rem 2rem; } .about-info-section h2 { font-size: 4rem; } .about-info-section > h5 { font-size: 1.1rem; } .slider-upper-content { font-size: 1rem; } .about-info-section h2 sup { margin: 33px 0 0 -0.1875rem; } #highlighted-italic-text p { font-size: 2rem; } .title-heading-with-image { display: inline-block; margin-left: -6rem; } .section-for-content p { font-size: 1rem; } .icon-wrap, .info-class { float: none; } .info-class { width: auto; } .info-class address { font-size: 1rem; } .padding-container { padding-bottom: 1rem; } .blog-recent-wrapper .blog-recent-hover { text-align: center; } .blog-recent-hover .section-title-wrapper { display: none; } .btn-outline-link { font-size: 0.8rem; } .blog-list-wrapper h4 { font-size: 1.1rem; } .section-top-btm-padding { padding: 3rem 0; } .post-info-wrapper ul, .post-info-wrapper ul li a { font-size: 0.9rem; } .author-info-wrapper p { font-size: 0.9rem; } input[type="submit"], input[type="button"] { padding: 0.5rem 1.8rem; } } @media only screen and (max-width: 479px) { .logo-for-sm { width: 112px; } #map-address iframe { height: 200px; } .slider.simple-slider-wrapper { height: 179px !important; } .content-wrap img { display: none; } .grid-blog-hover .btn-outline-link { font-size: 1.2rem !important; padding: 0.8rem 1rem !important; } .grid-blog-hover { padding: 6rem 0; } header h2 { font-size: 1.1rem; } .nivo-caption { top: 29%; } .btn-default { font-size: 0.8rem; padding: 0.3rem 0.9rem; } .section-title-wrapper h3 { font-size: 1.4rem; } .gray-zig-zag-design::before, .gray-zig-zag-design::after { display: none; } .refrence-section { text-align: center; } .more-info-note > span { display: block; margin-right: 0; margin-bottom: 0.4rem; } .about-description-wrapper > h2 { font-size: 2.5rem; } .our-team-wrapper p { font-size: 1.125rem; margin-bottom: 2rem; text-align: center; } .testimonial-slider-wrapper p, .testimonial-slider-wrapper span { font-size: 0.9rem; } #highlighted-italic-text p { font-size: 1.8rem; } .our-team-wrapper p { font-size: 1rem; } .team-image-wrap { background: rgba(0, 0, 0, 0) url("img/vertical-design-image.png") no-repeat scroll 82% bottom; } .blog-recent-hover h3 { font-size: 0.9rem; } .blog-recent-hover h3, .blog-recent-hover h6, .blog-recent-hover p { margin-bottom: 0.4rem; } .blog-recent-wrapper .blog-recent-hover { padding: 0.5rem 0; } } @media only screen and (max-width: 413px) { th, td { padding: 5px; } .slider.simple-slider-wrapper { height: 140px !important; } #featured-services-wrapper p { font-size: 0.9rem; } .black-btn-link { padding: 0.5rem 1.2rem; } .about-description-wrapper > h2 { font-size: 2rem; } .our-team-wrapper .social-icon li a { font-size: 1.3rem; } .grid-blog-hover .btn-outline-link { font-size: 1rem !important; padding: 0.5rem 0.9rem !important; } .title-heading-with-image { margin-left: 2rem; } #highlighted-italic-text p { font-size: 1.5rem; } .sharing-info-section p span a, .link-class { font-size: 0.75rem; } .blog-recent-hover h3 { font-size: 0.8rem; } .btn-sm, .wpcf7-form-control.wpcf7-submit.btn { font-family: "montserratbold"; font-size: 0.9rem !important; padding: 0.4rem 0.5rem !important; } } @media only screen and (max-width: 374px) { header h2 { font-size: 0.9rem; } .btn-default { font-size: 0.7rem; padding: 0.3rem 0.7rem; } #latest-work-wrapper .slider-upper-content p { line-height: 1.4; } .about-info-section h2 { font-size: 3rem; } .about-info-section h2 sup { margin: 29px 0 0 -0.1875rem; } .about-team-work > p { font-size: 0.9rem; } .our-team-wrapper p { font-size: 0.9rem; } .our-team-wrapper .social-icon li a { font-size: 1.2rem; } .margin-bottom-50 { margin-bottom: 2rem !important; } .section-title-wrapper h3 { font-size: 1.2rem; } .section-for-content p { font-size: 0.9rem; } #about-company-content { padding: 3rem 0 0 0; } .blog-recent-hover h3 { font-size: 0.7rem; } .blog-recent-hover h3, .blog-recent-hover h6, .blog-recent-hover p { margin-bottom: 0.2rem; } .sharing-info-section p span a, .link-class { font-size: 0.7rem; } .sharing-info-section p { font-size: 0.7rem; } #highlighted-italic-text p { font-size: 1rem; } .team-image-wrap { background: rgba(0, 0, 0, 0) url("img/vertical-design-image.png") no-repeat scroll 82% bottom / 0 auto; } .btn-outline-link { padding: 0.3rem 0.5rem; } .blog-recent-wrapper .blog-recent-hover { padding: 1rem 0; } .grid-blog-hover { padding: 4.5rem 0; } }