/* Theme Name: pdd Theme URI: https://www.pddinnovation.com Author: Liminal Design Author URI: https://www.liminal-design.co.uk/ Description: Bespoke them for PDD Version: 1.0.0 License: Copyright PDD Innovation */ /* # Normalize */ .form-view{padding: 0!important;background: transparent!important} .agile-field-xlarge {width: 95%!important} .agile-group .date-field select.choose-date, .agile-group .date-field select.choose-month {border: 1px solid #dbdbdb!important;margin-right: 7px!important} .agile-field.agile-field-xlarge.agile-height-default {padding: 6px 12px 6px 0 !important} .agile-group label{font-size: 14px!important;} h2.agile-header-element {border-top: 1px solid #ccc; margin-top: 15px; width: 95% !important;} .agile-field-xlarge {width: auto} /* # Normalize */ html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,button,input,select,optgroup,textarea{color:#404040;font-family:sans-serif;font-size:19px;font-family:'Trebuchet MS',sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background:#fff}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li > ul,li > ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);font-size:12px;font-size:.75rem;line-height:1;padding:.6em 1em .4em}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{border-color:#aaa #bbb #bbb}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}select{border:1px solid #ccc}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}textarea{width:100%}a{color:#4169e1}a:visited{color:#7D1C56}a.btn:visited{color:#fff}a.pdf-btn:visited{color:#fff}a:hover,a:focus,a:active{color:#191970}a:focus{outline:thin dotted}a:hover,a:active{outline:0}.main-navigation{clear:both;display:block;float:left;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation li{float:left;position:relative}.main-navigation a{display:block;text-decoration:none}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul a{width:200px}.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul{left:auto}.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul{left:100%}.menu-toggle,.main-navigation.toggled ul{display:block}@media screen and (min-width: 37.5em){.menu-toggle{display:none}.main-navigation ul{display:block}}.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{float:left;width:50%}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{float:right;text-align:right;width:50%}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.sticky{display:block}.hentry{margin:0 0 1.5em}.updated:not(.published){display:none}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.infinite-scroll .posts-navigation,/* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33333%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66667%}.gallery-columns-7 .gallery-item{max-width:14.28571%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11111%}.gallery-caption{display:block} /* Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch */ .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;-moz-backface-visibility:hidden} .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-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none} .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .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{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height 500ms ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .team-slider .owl-nav{display:none} /*----------intial declartaion of css----------*/ *{ appearance:none; -moz-appearance:none;-webkit-appearance:none} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option,textarea{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;/* list-style:none;*/ box-sizing:border-box} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} audio,canvas,video{display:inline-block} audio:not([controls]){display:none; height:0} pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word} q{quotes:none} q:before,q:after{content:''; content:none} small{font-size:80%} sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} nav ul,nav ol{list-style:none; list-style-image:none} button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} button,html input[type="button"],input[type="reset"],input[type="submit"],textarea{-webkit-appearance:none; cursor:pointer} input::-moz-focus-inner { border: 0} /* remember to define focus styles! */ :focus {outline: 0} ol, ul {/*list-style: none;*/} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } a{text-decoration:none} blockquote:before, blockquote:after, q:before, q:after {content: ""} blockquote, q {quotes: "" ""} table { border:0 none; border-collapse:collapse; border-spacing:0} td{ vertical-align:top; } img{ border:0 none; max-width:100%; } a{ outline:none; cursor:pointer; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block} .clear{ clear:both} /* For modern browsers */ .container:after, .main:after,.row:after,.col:after,.clear:after, .cf:after, .list:after{ content: ""; clear: both; display: table} figcaption{font-size: 12px;text-align: left !important;border-bottom: 1px solid #ccc;padding-bottom: 12px} /* Fonts Generated */ @font-face { font-family: 'Palatino-Roman'; src: url('fonts/hinted-Palatino-Roman.eot'); src: url('fonts/hinted-Palatino-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/hinted-Palatino-Roman.woff2') format('woff2'), url('fonts/hinted-Palatino-Roman.woff') format('woff'), url('fonts/hinted-Palatino-Roman.ttf') format('truetype'), url('fonts/hinted-Palatino-Roman.svg#Palatino-Roman') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Trebuchet MS'; src: url('fonts/hinted-TrebuchetMS-Bold.eot'); src: url('fonts/hinted-TrebuchetMS-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/hinted-TrebuchetMS-Bold.woff2') format('woff2'), url('fonts/hinted-TrebuchetMS-Bold.woff') format('woff'), url('fonts/hinted-TrebuchetMS-Bold.ttf') format('truetype'), url('fonts/hinted-TrebuchetMS-Bold.svg#TrebuchetMS-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Trebuchet MS'; src: url('fonts/hinted-TrebuchetMS-Italic.eot'); src: url('fonts/hinted-TrebuchetMS-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/hinted-TrebuchetMS-Italic.woff2') format('woff2'), url('fonts/hinted-TrebuchetMS-Italic.woff') format('woff'), url('fonts/hinted-TrebuchetMS-Italic.ttf') format('truetype'), url('fonts/hinted-TrebuchetMS-Italic.svg#TrebuchetMS-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Trebuchet MS'; src: url('fonts/hinted-TrebuchetMS.eot'); src: url('fonts/hinted-TrebuchetMS.eot?#iefix') format('embedded-opentype'), url('fonts/hinted-TrebuchetMS.woff2') format('woff2'), url('fonts/hinted-TrebuchetMS.woff') format('woff'), url('fonts/hinted-TrebuchetMS.ttf') format('truetype'), url('fonts/hinted-TrebuchetMS.svg#TrebuchetMS') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Trebuchet MS'; src: url('fonts/hinted-Trebuchet-BoldItalic.eot'); src: url('fonts/hinted-Trebuchet-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/hinted-Trebuchet-BoldItalic.woff2') format('woff2'), url('fonts/hinted-Trebuchet-BoldItalic.woff') format('woff'), url('fonts/hinted-Trebuchet-BoldItalic.ttf') format('truetype'), url('fonts/hinted-Trebuchet-BoldItalic.svg#Trebuchet-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } /* Fonts */ /* :nth-child(2){} :nth-of-type(3n){} :nth-child(3n+3){} */ /* For IE 6/7 (trigger hasLayout) */ ::selection { background: #d14e11; color: #fff/* WebKit/Blink Browsers */ } ::-moz-selection { background: #d14e11; color: #fff /* Gecko Browsers */} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"]{} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus{} a,button,.btn, .text, .top-nav ul ul{ outline: none !important; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms--moz-transition: all 0.5s ease-in-out 0s; -o--moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-decoration:none !important} body{font-size:19px; color:#515151; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'Trebuchet MS'} .btn{ background: #7D1C56; color: #fff; font-size: 14px; text-transform: uppercase; padding: 14px 31px; letter-spacing: 2.2px; display: inline-block} .btn:hover{ background: #808080; color: #fff} p{ font-size:18px; line-height:1.5; margin-bottom:20px; color:#515151; font-family: 'Trebuchet MS', sans-serif; font-weight: 400} strong{ line-height: 26px} h3 strong{color:#7D1C56} a{ color: #7D1C56} a:hover{ color: #515151} h1{ font-size:48px; margin-bottom:20px; font-family: 'Palatino-Roman'; font-weight: 400; color: #fff} h2{ font-size:28px; margin-bottom:20px; font-family: 'Palatino-Roman'; line-height: 1.3} h3{ font-size:22px; margin-bottom:27px; font-family: 'Trebuchet MS', sans-serif; font-weight: 400; line-height: 1.4} h4{ font-size:20px; margin-bottom:20px; font-family: 'Trebuchet MS', sans-serif; font-weight: 400; line-height: 1.3} h5{ font-size:18px; margin-bottom:20px; font-family: 'Trebuchet MS', sans-serif; font-weight: 400; line-height: 1.3} .post-template-default h2, .post-template-default h3 {font-family: 'Palatino-Roman', serif;font-weight: lighter;color: #432F5F; padding-right: 8%;} .blog-inner ul{font-size: 18px; line-height: 1.4; padding-right: 7%} .centered{margin-left:auto;margin-right:auto;float:none!important} .text-center{text-align:center;} .wrapper {/*min-height:100%; height: auto !important; height: 100%; margin-bottom:-42px;initialize footer height in negative for sticky footer*/} body {height: 100%; background: #E9E9E9} html {height: 100%} ul {margin: 0 0 20px 20px} li { padding: 4px 0; margin: 0; font-size: 16px; line-height: 1.5} .tbl{ display: table; height: 100%; width: 100%} .tbl-cell{ display: table-cell; vertical-align: middle; padding:0 0 20px } .cattext{padding: 30px 0} #capabilities-link .tbl, .capabilities-intro .tbl{min-height: auto} #capabilities-link .tbl-cell{ } /*-------- colours ------------*/ .purple { background: rgba(123,0,81) !important; } .green { background: rgba(1,121,138) !important; } .orange { background: rgba(232,117,17) !important; } /*-------------main styles starts here----------*/ /* Grid Column */ .container{max-width: 1260px; width: 100%; margin: 0 auto; padding: 0 30px; } .container-fluid{width: 100%; margin: 0 auto; padding: 0 15px; } .row {margin-right: -15px;margin-left: -15px} .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float: left; padding: 0 15px} .col-1{width: 8.33333333%} .col-2{width: 16.66666667%} .col-3{width: 25%} .col-4{width: 33.33%} .col-5{width: 41.66666667%} .col-6{width: 50%} .col-7{width: 58.33333333%} .col-8{width: 66.66%} .col-9{width: 75%} .col-10{width: 83.33333333%} .col-11{width: 91.66666667%} .col-12{width: 100%} /*-----------header section styles goes here---------------*/ header {background: rgba(233,233,233, 0.88);position: absolute;z-index: 999; width: 100%;margin: 0 auto} .category header, .tax-work_categories header, .tag header, .archive.tax-themes header, .archive.tax-sector header {position: relative} header .container{ position: relative} .logo{ float: left; margin: 20px 0 0} .header-right{ float: right} .fixedspacer{height: 150px} .search-box{ position: absolute; right: -20px; bottom: -74px; width: 460px; height: 74px; background: #fff; z-index: 9; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);display: none;} .search-box:after{content: ""; position: absolute; top: -8px; right: 35px; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff} .search-box input[type="text"]{ padding: 26px 55px 26px 30px; width: 100%} .search-box input[type="submit"]{ position: absolute; top: 30px; right: 25px; background: url(images/search-btn.svg) no-repeat 0 0; width: 17px; height: 17px; display: block; font-size: 0} .search-box input[type="submit"]:hover{ opacity: 0.80; cursor: pointer} .top-nav .search-btn {width: 18px} .top-nav .search-btn .fa-search{ display: block} .top-nav .fa-times{ display: none} .top-nav .search-btn.close .fa-times{ display: block} .top-nav .search-btn.close .fa-search{ display: none} /*-----------Navigation styles goes here-----------*/ .top-nav{ display: block} .top-nav ul{ margin: 0; padding: 0; list-style: none} .top-nav ul li{ display: block; float: left; padding: 0; margin: 0 20px; position: relative} /*.top-nav ul li:last-child{ margin: 0 0 0 20px}*/ .top-nav ul li:last-child{ margin: 0 0 0 20px} .top-nav ul li a{ display: block; color: #606060; font-size: 17px; text-transform: uppercase; font-family: 'Trebuchet MS'; letter-spacing: 2px; padding-bottom: 20px; } .top-nav ul li a:hover, .top-nav ul li.active a{ color: #7D1C56} .top-nav ul ul{ opacity: 0; visibility: hidden; position: absolute; width: 255px; background: #fff; z-index: 9; top: 100%; left: -15px; padding: 25px 0} .top-nav ul ul:after{ content: ""; position: absolute; top: -10px; left: 35px; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff} .top-nav.desk ul li:hover ul{ opacity: 1; visibility: visible; } .top-nav ul ul li{ float: none; display: block; padding: 0; margin: 0} .top-nav ul ul li a{ display: block; padding: 8px 30px; margin: 0; text-transform: none} .top-nav ul ul li:last-child{ margin: 0} .mob-search{ display: none} .mob-contact-info{ display: none} /* Mob Nav */ /*Default menu styles*/ .menu-icon {display: none;cursor: pointer;color: #5E5E5E;text-transform: uppercase;text-align: center} .menu-icon .menu-box {width: 35px;height: 38px;margin-right: 30px;position: fixed;right: 8px;top: 50px} .menu-icon .menu-box span {width: 100%;height: 2px;margin-bottom: 6px;background: #5E5E5E;display: block;border-radius: 0px;transition: all 0.5s;-webkit-transition: all 0.5s} .menu-icon .menu-box span:nth-child(2){width: 80%} .menu-icon.active span:nth-child(1) {transform: rotate(45deg) translateY(5px) translateX(4px); -webkit-transform: rotate(45deg) translateY(5px) translateX(4px)} .menu-icon.active span:nth-child(2) {opacity: 0} .menu-icon.active span:nth-child(3) {transform: rotate(-45deg) translateY(-7px) translateX(6px);-webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px)} .header-right .social{ margin-bottom: 60px; padding: 7px 0 0; width: 100%; text-align: right} .social{} .header-right .social ul{ float: right; text-align: right; } .social ul{margin: 0; padding: 0; list-style: none} .social ul li{ display: inline-block; vertical-align: top; margin: 0 5px} .social ul li a{ display: block; color:#606060; font-size: 20px; } .social .sbHolder ul li a{ font-size: 17px; } .social ul li a:hover{color: #7D1C56} .language{ float: right; position: relative; padding-top: 3px} .language:before{ content: ""; position: absolute; width: 1px; height: 50px; background: #D5D5D5; left: 16px; top: -13px} .language select{ background: none; color: #666666} .language a{color: #606060; font-size: 16px; font-weight: 400; padding-left: 40px} .language .sbHolder ul{ opacity: 0; display: block !important; z-index: -1; margin-top: -2px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms--moz-transition: all 0.5s ease-in-out 0s; -o--moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s} .language .sbHolder:hover ul{ opacity: 1; z-index: 9; } .language ul{ display: block; position: absolute} .language ul li{ display: block; padding: 0; margin: 0} .language ul li a{ display: block; padding: 10px 10px; background: #eaeaea; background: #7d7d7d; color: #fff; text-align: left} /*-----------Banner-parts styles start here-------*/ .home-banner{ overflow: hidden} .home-slider{ width: 100%; display: block} .home-slider .item{ width: 100%; display: block; min-height: 900px; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden} .home-banner .banner-text{ width: 45%; height: 100%; padding-top: 200px; z-index: 99; position: relative} /*.home-banner .banner-text h1, .home-banner .banner-text h2{ font-size: 75px; line-height: 78px; margin-bottom: 40px; color: #fff; font-weight: 400}*/ .home-banner .banner-text h1, .home-banner .banner-text h2{ font-size: 55px; line-height: 64px; margin-bottom: 40px; color: #fff; font-weight: 400} .home-banner .banner-text p{ color: #fff; font-size: 22px; line-height: 32px; padding-right: 90px} .home-banner .banner-text span, .home-banner .banner-text span:hover{ color: #fff; font-size: 15px; display: block; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 2.5px} .home-slider .item:after{ content: ""; position: absolute; left: -22%; top: 0; width: 71%; height: 100%; background: rgba(0,0,0,0.50); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg)} /*.home-banner .banner-text:before{content: ""; position: absolute; left: 40%; top: 0; width: 0; height: 0; border-top: 800px solid rgba(0,0,0,0.50); border-right: 300px solid transparent}*/ .home-slider .discover-more-btn{ margin-top: 80px; margin-bottom: 50px; } .discover-more-btn{ padding: 16px 30px; background: #fff; text-transform: uppercase; color: #515151; font-size: 17px; letter-spacing: 4px; display: inline-block} .discover-more-btn:hover{ background: #7D1C56; color: #fff} .home-slider .owl-dots{ position: absolute; bottom: 32px; z-index: 9; max-width: 1260px; margin: 0 auto; left: 0; right: 0; text-align: right} .capaslide .owl-dots{ position: absolute; bottom: 25px; z-index: 9; max-width: 1260px; margin: 0 auto; left: 0; right: 25px; text-align: right} .owl-dot{ display: inline-block; vertical-align: top; margin: 0 8px} .owl-dot:last-child{ margin-right: 0} .owl-dot span{ width: 14px; height: 14px; background: #fff; border-radius: 50%; display: block; border: 1px solid #fff;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);} .owl-dot.active span{ background: #ddd; } /* Inner banner */ .inner-banner{ background-size: cover; background-repeat: no-repeat; background-position: center; position: relative} .banner-contain {max-width: 1220px; width: 100%; margin: 0 auto; padding: 0 30px; position: relative; height: 750px} .inner-banner-text{ padding: 5% 0 0; width: 82%; opacity: 0.97; position: absolute; left: 0; bottom: 25px} .search .inner-banner-text{ padding: 175px 0px 0px; position: relative} .inner-banner-text em {display: table;color: #fff;font-size: 17px;text-transform: uppercase;background: rgba(1,121,138,1);font-family: 'Trebuchet MS';line-height: 20px;font-style: normal;padding: 12px 15px 12px 20px;position: relative;bottom: -4px;letter-spacing: 3px} .inner-banner-text span{display: inline;color: #fff;background: #01798a;padding: 0;position: relative;left: 10px;top: 3px;line-height: 66px;box-shadow: 0 0 0 10px #01798a, 0 0 0 5px #01798a;-webkit-box-decoration-break: clone;box-decoration-break: clone} .inner-banner-text span.purple {box-shadow: 0 0 0 10px #790B4D, 0 0 0 5px #790B4D;-webkit-box-decoration-break: clone;box-decoration-break: clone;opacity: 1} .single-work .inner-banner-text span { line-height: 66px} .team .inner-banner-text em, .team .inner-banner-text span{ background: rgba(51,33,76,0.90)} .work_banner h1 {font-family: inherit; font-size: 45px;} /***/ .flexi-slider{ } .flexi-slider .item:before, .flexi-slider .item:after{ display: none} .flexi-banner-text{ position: absolute; bottom: 80px} .flexi-banner-text h1, .flexi-banner-text h2{ margin-bottom: 0} .flexi-banner-text em{ font-style: normal; font-size: 17px;color: #fff; text-transform: uppercase; background: rgba(63,63,63,0.80); padding: 20px 30px 10px 20px; font-family: 'Trebuchet MS'; font-weight: 400; letter-spacing: 3px; display: table; } .flexi-banner-text span{ font-weight: 400; color: #fff; background: rgba(63,63,63,0.80); padding: 0px 20px 10px 30px; display: inline-block} .flexi-banner-text span{} .flexi-banner-text .discover-more-btn{ margin-top: 0} .videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0; margin-bottom: 28px; max-width: 708px} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%} /*-----------Banner-parts styles ends here-------*/ /*-----------mid section styles goes here-----------*/ .intro-text{ background: #E9E9E9; padding: 110px 0 125px} .intro-text p{ color: #515151; font-size: 36px; line-height: 50px; padding-right: 250px} /*.home-studio-sec .img-info p:before { content: ""; width: 13px; height: 100%; position: absolute; left: 0; top: 0; background: #3F3F3F; left: -13px; }*/ .single img.size-full { width: 100%; } .home-studio-sec{ background: #E9E9E9; padding-bottom: 110px} .home-studio-sec h2{ position: relative; color: #515151; font-size: 24px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 80px; padding-bottom: 30px; font-family: 'Trebuchet MS'; font-weight: 400; } .home-studio-sec h2:after{ content: ""; width: 80px; height: 2px; position: absolute; left: 0; bottom: 0; background: #979797} .home-studio-sec .row{margin-left: -25px; margin-right: -25px} .home-studio-sec .col{ /*width: 50%;*/ display: inline-block; vertical-align: top; margin-bottom: 50px; padding: 0 25px; float: none} .home-studio-sec .col:nth-of-type(even), .home-studio-sec .col:last-child{ margin-top: -135px; float: right} .home-studio-sec .image{ margin: 0; min-height: 578px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center} .home-studio-sec .img-info{ padding: 28px 24px; width: 95%} .home-studio-sec .img-info em{ color: #432F5F; font-size: 13px; text-transform: uppercase; font-style: normal; background: #fff; padding: 7px 10px; display: table; letter-spacing: 2.2px} .home-studio-sec .img-info p{background: #3F3F3F;display: inline;font-size: 32px;line-height: 43px;color: #fff;position: relative;padding: 0;box-shadow: 0 0 0 8px #3F3F3F, 0px 0px 0 7px #3F3F3F;-webkit-box-shadow: 0 0 0 8px #3F3F3F, 0px 0px 0 7px #3F3F3F;-moz-box-shadow: 0 0 0 8px #3F3F3F, 0px 0px 0 7px #3F3F3F;box-decoration-break: clone;-webkit-box-decoration-break: clone;-moz-box-decoration-break: clone;top: 5px;left: 7px} .home-studio-sec .container {position: relative} .home-studio-sec .more-btn{ position: absolute; bottom: 30px; right: 30px; font-size: 18px; font-weight: 700; color: #515151; background: #fff; padding: 20px 35px; letter-spacing: 4.5px} .home-studio-sec .more-btn:hover{ color: #fff; background: #7D1C56} .our-process-sec{ background-size: cover; background-repeat: no-repeat; position: relative; background-position: center center} .our-process-sec:after{ content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.50); position: absolute} .our-process-sec.team-space{ padding-bottom: 7%} .our-process-sec.team-space h2{font-size: 29px; line-height: 45px} .our-process-sec.team-space .process-text{ /*padding: 10% 0;*/} .process-text{ padding: 7% 0; /*width: 55%; */position: relative; z-index: 9} .our-process-sec h2{ color: #fff; font-size: 32px; line-height: 40px; font-family: 'Trebuchet MS'; font-weight: 400; letter-spacing: 0.5px} .our-process-sec span{ color: #fff; font-size: 16px; letter-spacing: 2px; margin: 10px 0 15px; display: block} .our-process-sec .discover-more-btn{ font-size: 17px; color: #515151; margin-top: 140px; padding: 20px 40px} .our-process-sec .discover-more-btn:hover{ color: #fff} .mob-our-process{ display: none} /*-----------mid section styles ends here-------*/ /*----------------Capabilities Page styles start here--------*/ .capabilities-intro{ background: #E9E9E9; padding: 45px 0 95px} .page-template-page-capabilities .capabilities-intro {overflow: hidden} .capabilities-intro .text{ padding: 0 35px 60px; text-align: center; margin-bottom: 0px} .capabilities-intro .text p{ font-size: 32px; color: #515151; line-height: 40px; } /*.capabilities-intro ul{ margin: 0; padding: 0 130px; display: block; list-style: none}*/ .capabilities-intro ul{ margin: 0; padding: 15px; display: block; list-style: none; text-align: center} .capabilities-intro ul li{ display: inline-block; vertical-align: top; text-align: center; float: left; padding: 0 35px; position: relative; padding-bottom: 60px} .work-template-default .capabilities-intro ul li{ display: inline-block; vertical-align: top; text-align: center; padding: 0 35px; position: relative; padding-bottom: 60px; float: none} .capabilities-intro ul > li > a{ background: #fff; width: 235px; height: 235px; border-radius: 100%; display: block; margin: 0; padding: 0px 20px} .capabilities-intro ul > li > a .title{ display: block; font-size: 15px; color: #515151; text-transform: uppercase; letter-spacing: 1.3px} .capabilities-intro ul > li > a i{ display: block; height: 85px; margin-bottom: 20px} .capabilities-intro ul > li > a .normal-img{ display: block; margin: 0 auto} .capabilities-intro ul > li > a .hover-img{ display: none; margin: 0 auto} .capabilities-intro ul > li > a:hover, .capabilities-intro ul li.active a{ background: #7D1C56; color: #fff} .capabilities-intro ul > li > a:hover .normal-img, .capabilities-intro ul li.active a .normal-img{ display: none} .capabilities-intro ul > li > a:hover .hover-img, .capabilities-intro ul li.active a .hover-img{ display: block} .capabilities-intro ul > li > a:hover span, .capabilities-intro ul li.active a span{ color: #fff} .capabilities-intro .icon-size { width: 105px; height: auto} .single-work .capabilities-intro {background: #3F3F3F} .capabilities-intro .description-img img {padding-top:150px} .single-work .form-the-studio h2 {color: #ffffff;text-transform: uppercase} .single-work .form-the-studio p {color: #ffffff} #capabilities-link .tbl-cell { padding: 0} #single {padding-bottom: 0 !important} .team-intro{ padding: 85px 0 0px; } .team-intro .text { padding: 0 160px 40px; } .description{ display: none; } .intro-ul:after{content: ""; clear: both; display: table} .capabilities-intro ul.intro-ul > li.active{ } .capabilities-intro ul.intro-ul > li.active:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; display: block; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff} .capabilities-intro .wrap-ul{display: block;padding: 0} .wrap-li .wrap{position: relative; z-index: 1; margin: 0 -138px} .description-sec{background: #fff; text-align: left; padding: 34px 0} .capabilities-intro .wrap-li{width: 100%; width: 100%; padding: 0; display: block; background: #fff; position: relative; margin-bottom: 60px} .capabilities-intro .wrap-li:before , .capabilities-intro .wrap-li:after{ position: absolute; background: #fff; content: ""; display: block; top: 0; bottom: 0; height: 100%; width: 500%} .capabilities-intro .wrap-li:before {right: 100%} .capabilities-intro .wrap-li:after {left: 100%} .description-col {padding: 50px 0 0} .description-col p{font-family: 'Trebuchet MS'; font-weight: 400; font-size: 15px; color: #515151; line-height: 1.5; margin-bottom: 22px} .description-col h2{color: #902e69; font-size: 43px; line-height: 1.2; font-family: 'Trebuchet MS'; font-weight: 400; margin-bottom: 48px} .description-col h5{font-size: 15px; font-weight: 700; font-family: 'Trebuchet MS'; color: #7d1c56; margin-bottom: 5px} .capabilities-intro .description-col ul { padding:0; } .capabilities-intro .description-col ul li {padding: 0} .description-col li{font-family: 'Trebuchet MS'; font-weight: 400; font-size: 15px; color: #515151; line-height: 1.5; margin-bottom: 22px; padding: 8px 0!important; text-align: left!important} .close-btn{background-image: url(../images/close-img.png); height: 33px;width: 33px; float: right; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-right: 60px} .description-sec .row{clear: both; padding: 38px 0 0} .description-img{float: right} .related-item-sec{padding: 62px 0 83px} .related-item-sec h3{ font-family: 'Trebuchet MS'; font-size: 26px; text-transform: uppercase; letter-spacing: 9.5px; margin-bottom: 56px} .item-col{} .related-item-img{font-style: normal; margin: 0; padding: 0; text-align: left} .related-item-img img{width: 100%; display: block; margin-bottom: 20px} .related-item-img figcaption{font-size: 20px; line-height: 1.3; color: #432f5f; margin-bottom: 10px} .related-work .img-info p {background: #3f3f3f;display: inline;font-size: 25px;line-height: 32px;left: 6px;color: #fff;position: relative;padding: 0;top: 4px;box-shadow: 0 0 0 5px #3f3f3f,0px 0 0 7px #3f3f3f;-webkit-box-shadow: 0 0 0 5px #3f3f3f,0px 0 0 7px #3f3f3f;-moz-box-shadow: 0 0 0 5px #3f3f3f,0px 0 0 7px #3f3f3f;box-decoration-break: clone;-webkit-box-decoration-break: clone;-moz-box-decoration-break: clone;} .flexi-three-img.related-work em{ color: #432F5F; font-size: 13px; text-transform: uppercase; font-style: normal; background: #fff; padding: 8px 11px; display: table!important; letter-spacing: 1px} .single-work .related-work .col-mob-12 figure{min-height:300px;} /*----------------Capabilities Team Page styles start here--------*/ .team-slider{} .team-slider li{ list-style: none; } .team-slider .item{ padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; position: relative; width: 100%; height: 100%; display: block; margin: 0 0 10px 0; overflow: hidden} .team-slider .item:hover .text{ display: block; opacity: 1} .team-slider .owl-dots{ text-align: center; padding: 25px 0 50px} .team-slider .owl-dots .owl-dot span{ background: #8996A3; border-color: #8996A3; } .team-slider .owl-dots .owl-dot.active span{ background: none} .team-slider .text{ width: 100%; height: 100%; background: rgba(125,28,86,0.80); text-align: center; position: absolute; padding: 32% 50px 0 50px; opacity: 0; } .team-slider .text .name{ color: #902E69; display: inline-block; background: #fff; text-transform: uppercase; font-size: 18px; padding: 6px 25px; margin-bottom: 30px; letter-spacing: 3px} /*.team-slider .text .name:hover{background: #515151; color: #fff}*/ .team-slider .text span{ color: #fff; text-transform: uppercase; font-size: 14px; display: block; margin-bottom: 25px; line-height: 20px; letter-spacing: 1px} .team-slider .text ul{ margin: 0 0 38px; padding: 0; list-style: none} .team-slider .text ul li{ display: inline-block; vertical-align: top; padding: 0; margin: 0 5px} .team-slider .text ul li a{ color: #fff; font-size: 15px} .team-slider .text ul li a:hover{ color: #515151} .mobile-slider{ display: none !important} /*----------------Career Page styles start here--------*/ .career-page{ /*background: #eaeaea;*/} .career-text{ padding:0 200px 0 0; margin-bottom: 70px} .career-text p{ font-size: 36px; color: #515151; line-height: 45px} .left-side{ width: 70%; float: left} .right-side{ width: 30%; float: right; padding-left: 50px} .career-info{ background: #fff; width: 100%; padding: 30px 90px 45px 35px; margin-bottom: 20px} .career-info h2{ font-size: 30px; color: #008A9C; line-height: 42px; font-family: 'Trebuchet MS'; font-weight: 400; position: relative; margin-bottom: 30px; padding-bottom: 30px} .career-info h2:after{ content: ""; width: 145px;height: 1px; background: #bdbdbd; position: absolute; left: 0; bottom: 0} .career-info p{ font-size: 16px; color: #515151} .pdf-btn{ padding: 10px 15px 10px 12px; background: #01798A; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; display: inline-block; vertical-align: middle; margin-top: 20px} .pdf-btn span{ display: inline-block; vertical-align: middle; margin-left: 10px} .pdf-btn:before{ content: "\f1c1"; font-size: 20px; display: inline-block; vertical-align: middle; font-family: FontAwesome} .pdf-btn:hover{background: #642248; color: #fff} .how-to-apply{ position: relative; margin-bottom: 20px; padding-bottom: 12px} .how-to-apply:last-child:after{ display: none} .how-to-apply:after{ content: ""; width: 68px;height: 1px; background: #bdbdbd; position: absolute; left: 0; bottom: 0} .how-to-apply h2{ color: #008A9C; font-size: 23px; line-height: 30px; position: relative; padding-bottom: 20px; font-family: 'Trebuchet MS'; font-weight: 400; } .how-to-apply h2:after{ content: ""; width: 68px;height: 1px; background: #bdbdbd; position: absolute; left: 0; bottom: 0; font-family: 'Trebuchet MS'; font-weight: 400} .how-to-apply h3{ color: #008A9C; font-size: 17px; line-height: 22px; margin-bottom: 15px} .how-to-apply p{ font-size: 14px; color: #515151} .how-to-apply p a{ color: #008A9C; } .how-to-apply p a:hover{ color: #642248; } .map-sec{} iframe{ width: 100%; height: 100%; border: 0} .map-sec .map-row{ margin-left: -15px; margin-right: -15px; display: flex} .map-sec .map-col{ width: 33.33%; padding: 0 15px; float: left} .map-sec .map{ width: 100%; height: 200px; margin-bottom: 40px} .map-sec .address{ } .map-sec .address h2{ font-size: 17px; line-height: 22px; color: #7D1C56; font-family: 'Trebuchet MS'; font-weight: 400; margin-bottom: 0} .map-sec .address p{ font-size: 17px; color: #515151; line-height: 30px; margin-bottom: 30px} .map-sec .address p a{color: #515151} .map-sec .address p a:hover{color: #7D1C56} .map-sec .address ul{ margin: 0 0 0 -5px; padding: 0; list-style: none; width: 180px} .map-sec .address ul li{margin: 10px 8px; padding: 0; display: inline-block; vertical-align: top} .map-sec .address ul li a{ font-size: 17px; color: #909090} .map-sec .address ul li a:hover{color: #7D1C56} .map-sec .address ul li a .normal{ display:inline-block} .map-sec .address ul li a:hover .normal{ display:none} .map-sec .address ul li a .hover{ display:none} .map-sec .address ul li a:hover .hover{ display:inline-block} .text-block .social { text-align: center} .text-block .social ul{ margin: 0; padding: 0; list-style: none; width: 100%} .text-block .social ul li{margin: 10px 10px; padding: 0; display: inline-block; vertical-align: top} .text-block .social ul li a{ font-size: 30px; color: #909090} .text-block .social ul li a:hover{color: #7D1C56} .text-block .social ul li a .normal{ display:inline-block} .text-block .social ul li a:hover .normal{ display:none} .text-block .social ul li a .hover{ display:none} .text-block .social ul li a:hover .hover{ display:inline-block} .text-block iframe { height: 615px;max-width: 700px;margin: 0 auto;display: block} .email-us{ text-align: center; padding: 88px 0 50px} .email-us p{ font-size: 22px; color: #515151; line-height: 25px} .email-us p a{ color: #7D1C56} .email-us p a:hover{ color: #515151} .newsletter-sec{ background: #01798A; padding: 48px 0; } .newsletter-sec h2{ display: inline-block; vertical-align: middle; color: #fff; font-size: 40px; font-weight: 400; margin-bottom: 0} .newsletter-sec .newsletter-field{ display: inline-block; vertical-align: middle; width: 71%} .newsletter-sec .newsletter-field input[type="text"]{ display: inline-block; vertical-align: middle; height: 55px; font-size: 17px; color: #fff; background: none; border: 1px solid #DFDFDF; width: 70%; padding: 20px 20px; font-family: 'Trebuchet MS'; font-weight: 400; margin: 0 2%; border-radius: 0} .newsletter-sec .newsletter-field input[type="text"]:focus{ border-color: #fff} .newsletter-sec .newsletter-field input[type="submit"], .newsletter-sec .newsletter-field input[type="button"]{ display: inline-block; vertical-align: middle; height: 55px; background: #fff; color: #01798A; width: 25%; color: #008A9C; font-size: 20px; text-align: center; text-transform: uppercase} .newsletter-sec .newsletter-field input[type="submit"]:focus, .newsletter-sec .newsletter-field input[type="button"]:focus, .newsletter-sec .newsletter-field input[type="submit"]:hover, .newsletter-sec .newsletter-field input[type="button"]:hover{ background: #515151; color: #fff; border-radius: 0!important} .newsletter-sec .newsletter-field input[type="text"]:-moz-placeholder {color:#DFDFDF; opacity:1} .newsletter-sec .newsletter-field input[type="text"]::-webkit-input-placeholder {color:#DFDFDF; opacity:1} .newsletter-sec .newsletter-field input[type="text"]::-moz-placeholder {color:#DFDFDF; opacity:1} .newsletter-sec .newsletter-field input[type="text"]:-ms-input-placeholder { color:#DFDFDF; opacity:1} /*----------------Blog Page styles start here--------*/ /*.blog-title{ padding: 195px 0 80px 0}*/ .page-template-page-news .blog-title{ padding: 50px 0 20px 0} .category .blog-title{ padding: 40px 0 15px 0} .blog-title{ padding: 195px 0 25px 0} .blog-title h1{padding-top: 30px; text-align: left; color: #515151; font-size: 24px; font-family: 'Trebuchet MS'; font-weight: 400; position: relative; letter-spacing: 4px; display: inline-block; text-transform:uppercase} .blog-title .form-outer{ display: inline-block; vertical-align: middle; width: 60%; float: right; position: relative; padding-top: 10px} .blog-title .sbHolder{ width: 49% !important; float: left; margin-left: 2%; color: #727272; position: relative; border-radius: 0} .blog-title .sbSelector a{background: url(images/arrow-down.svg) no-repeat 96% center; font-size: 13px; display: block; height: 55px; border-bottom: 1px solid #C6C6C6; cursor: pointer; padding-top: 20px; width: 100%; color: #727272} .blog-title .select-category ul{ padding: 5px 0; margin: -3px 0 0 0; list-style: none; position: absolute; background-color: #fff; z-index: 9; border-bottom: 1px solid #ccc } .blog-title .select-category ul a{ display: block; padding: 4px 15px; color: #727272; font-size: 15px; background-color: #fff;} .blog-title .select-category ul a:hover{ color:#7D1C56; } .blog-title #searchform{position: relative} .blog-title form input[type="text"]{ width: 47%; float: left; margin-left: 2%; background: none; color: #727272; height: 55px; border: 0; border-bottom: 1px solid #C6C6C6; padding-right: 40px; font-size: 13px; border-radius: 0} .tax-themes .blog-title form input[type="text"], .tax-sector .blog-title form input[type="text"]{ width: 32%; float: left; margin-left: 2%; background: none; color: #727272; height: 55px; border: 0; border-bottom: 1px solid #C6C6C6; padding-right: 40px; font-size: 13px; border-radius: 0} .tax-themes .blog-title .sbHolder, .tax-sector .blog-title .sbHolder{ width: 31% !important; float: left; margin-left: 2%; color: #727272; position: relative; border-radius: 0} .page-template-page-our-work .blog-title form input[type="text"]{ width: 32%; float: left; margin-left: 2%; background: none; color: #727272; height: 55px; border: 0; border-bottom: 1px solid #C6C6C6; padding-right: 40px; font-size: 13px; border-radius: 0} .page-template-page-our-work .blog-title .sbHolder{ width: 31% !important; float: left; margin-left: 2%; color: #727272; position: relative; border-radius: 0} .blog-title form input[type="submit"]{ position: absolute; background: url(images/search-btn.svg) no-repeat; width: 17px; height: 17px; display: block; top: 20px; right: 3px; font-size: 0; cursor: pointer} .blog-title form input[type="submit"]:focus, .blog-title form input[type="submit"]:hover{opacity: 0.80} .page-content {position: relative} .blog-list .page-content form input[type="text"]{ width: 30%; float: left; background: none; color: #727272; height: 65px; border: 0; border-bottom: 1px solid #C6C6C6; padding-right: 40px; font-size: 15px; border-radius: 0} .blog-list .page-content form input[type="submit"]{ position: absolute; background: url(images/search-btn.svg) no-repeat; width: 17px; height: 17px; display: block; top: 72px; right: 50%; font-size: 0; cursor: pointer} .blog-list .page-content form input[type="submit"]:focus, .blog-title form input[type="submit"]:hover{opacity: 0.80} .blog-list {padding-top: 0px} .blog-list .text{ padding: 0 330px 57px 0} .blog-list .text p{ font-size: 30px; color: #6C6C6C; line-height: 40px} .blog-list .list{ background: #fff; width: 100%; position: relative; margin-bottom: 50px; } .blog-list .list .image{ height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0; background-position: center} .blog-list .list .info{ padding: 40px 40px 90px 50px; float: right; min-height: 450px; position: relative} .search .blog-list .list .info{ min-height: 260px;} .blog-list .list h2{position: relative; font-size: 30px; color: #902E69; text-transform: none; margin-bottom: 30px; padding-bottom: 20px; font-family: 'Trebuchet MS'; font-weight: 400; padding-right: 60px; line-height: 1.1} .blog-list .list h2:after{ content: ""; position: absolute; left: -10px; bottom: 0; width: 145px; height: 1px; background: #bdbdbd} .blog-list .list p{color: #515151; font-size: 15px; line-height: 22px} .blog-list .list .btn{ position: absolute; left: 50px; bottom: 40px} .blog-inner .right-info .posttable p { margin-bottom: 18px; padding-right: 0; } .posttable{max-width:710px;} .posttable tr {border-bottom: 1px solid #fff} .posttable td {padding:18px 15px 6px 15px; border: none} .posttable p, .posttable strong {font-size: 16px} .tabtitle{background: #2a84c7} .tabtext{background:#eceef0} .tabtitle, .tabtitle p {color:#fff; padding-bottom: 0} /*Pagination*/ .pagination{ text-align: center; padding: 45px 0 95px} .pagination ul { padding: 0; margin: 0; list-style: none; text-align: center} .pagination ul li{ padding: 0 15px; margin: 0; display: inline-block; vertical-align: top; font-size: 16px; color: #9AA7B2} .pagination ul li a{ font-size: 30px; color: #9AA7B2; font-weight: 400; display: block} .pagination ul li.text-back{ float: left; padding: 0; margin-top: 10px} .pagination ul li.text-back a{ font-size: 20px; position: relative; } .pagination ul li.text-back a:before{ content: "<"; margin-right: 8px; display: inline-block} .pagination ul li.text-next{ float: right; padding: 0; margin-top: 10px} .pagination ul li.text-next a{ font-size: 20px; position: relative; } .pagination ul li.text-next a:after{ content: ">"; margin-left: 8px; display: inline-block} .pagination ul li a:hover, .pagination ul li a.current{ color: #7D1C56} .wp-pagenavi{padding: 20px 0 10px} .wp-pagenavi span.current, .wp-pagenavi a:hover {color: #7D1C56; border: 0} .wp-pagenavi a { font-size: 18px; color: #808b95; font-weight: 400;padding: 15px; border: 0} .wp-pagenavi a:hover { color: #7D1C56!important} .wp-pagenavi span.current { font-size: 16px; font-weight: 400; padding: 15px; background: none !important} .wp-pagenavi span.extend { display: none} .wp-pagenavi a.last { display: none} /* MEET THE BLOGGERS*/ .meet-the-bloggers-sec{ padding: 90px 0 130px; background: #fff} .meet-the-bloggers-sec h2{ font-size: 26px; text-align: center; font-family: 'Trebuchet MS'; font-weight: 400; margin-bottom: 70px; letter-spacing: 10px} .meet-the-bloggers-sec .item-blog{ background-size: cover; background-repeat: no-repeat; position: relative; float: left; height: 100%; display: block; margin: 0; overflow: hidden; padding-left: 0; padding-right: 0; padding-bottom: 25%} .meet-the-bloggers-sec .item-blog:hover .text{ display: block; opacity: 1} .meet-the-bloggers-sec .text{ width: 100%; height: 100%; background: rgba(125,28,86,0.80); text-align: center; position: absolute; padding: 25% 25px 0 25px; opacity: 0; } .meet-the-bloggers-sec .text .name{ color: #902E69;display: inline-block;background: #fff;text-transform: uppercase;font-size: 18px;padding: 6px 15px;margin-bottom: 20px;letter-spacing: 2px} /*.meet-the-bloggers-sec .text .name:hover{background: #515151; color: #fff}*/ .meet-the-bloggers-sec .text span{ color:#fff; text-transform: uppercase; font-size: 14px; display: block; margin-bottom: 25px; line-height: 20px; letter-spacing: 1.2px; padding-bottom: 30px; position: relative} .meet-the-bloggers-sec .text span:after{ content: ""; width: 70px; height: 1px; background: rgba(255,255,255,0.28); position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto} .meet-the-bloggers-sec .text .view-post{ color: #fff; font-size: 14px} .meet-the-bloggers-sec .text .view-post:hover{ text-decoration: underline !important} .meet-the-bloggers-sec .text ul{ margin: 0 0 38px; padding: 0; list-style: none} .meet-the-bloggers-sec .text ul li{ display: inline-block; vertical-align: top; padding: 0; margin: 0 5px} .meet-the-bloggers-sec .text ul li a{ color: #fff; font-size: 15px} .meet-the-bloggers-sec .text ul li a:hover{ color: #515151} .meet-the-bloggers-sec.filter{ padding: 40px 0; background: transparent} .meet-the-bloggers-sec .overlayfilter .item-blog{ background-size: cover; background-repeat: no-repeat; position: relative; float: none; height: auto; display: block; margin: 0 0 25px; overflow: hidden; padding-left: 0; padding-right: 0; padding-bottom: 75%} .meet-the-bloggers-sec .overlayfilter .text {background: rgba(142, 142, 142, 0.8); text-align: left;padding: 15px} .meet-the-bloggers-sec .overlayfilter .text span {color: #432f5f;font-size: 12px;text-transform: uppercase;font-style: normal;background: #fff;padding: 7px 12px;display: table;letter-spacing: 1px} .meet-the-bloggers-sec .overlayfilter .text span:after{ display: none} .meet-the-bloggers-sec .overlayfilter .text{color: #fff} .meet-the-bloggers-sec .overlayfilter .item-blog{} .meet-the-bloggers-sec .overlayfilter .text2 {padding: 65px 15px 15px} .meet-the-bloggers-sec .overlayfilter span.titleblock {color: #432f5f;font-size: 12px;text-transform: uppercase;font-style: normal;background: #fff;padding: 7px 12px;display: table;letter-spacing: 1px; position: absolute; z-index: 4; top: 14px; left: 14px} .meet-the-bloggers-sec .overlayfilter span.titleblock:after{ display: none} /* Newsletter */ .blog-news{background: #7e1c57} .blog-news .newsletter-field input[type="submit"], .blog-news .newsletter-field input[type="button"]{ color: #902E69} .newsletter-sec.blog-news .newsletter-field input[type="text"]{ color: #AA7593 !important; font-weight: 400; border-color: #AA7593} .newsletter-sec.blog-news .newsletter-field input[type="text"]:-moz-placeholder {color:#AA7593 !important; opacity:1} .newsletter-sec.blog-news .newsletter-field input[type="text"]::-webkit-input-placeholder {color:#AA7593 !important; opacity:1} .newsletter-sec.blog-news .newsletter-field input[type="text"]::-moz-placeholder {color:#AA7593 !important; opacity:1} .newsletter-sec.blog-news .newsletter-field input[type="text"]:-ms-input-placeholder { color:#AA7593 !important; opacity:1} /*----------------Blog Inner Page styles start here--------*/ .blog-inner{ background: #fff; padding: 60px 60px 60px 50px; position: relative} .blog-inner .left-info{ /*width: 20%; float: left;*/} .blog-inner .right-info{ /*width: 80%; float: right;*/ position: relative} .blog-inner .post-left{padding-top: 275px; text-align: center} .blog-inner .post-left .image{ width: 173px; height: 173px; padding: 0; margin:0 auto 20px; border-radius: 100%} .blog-inner .post-left span{ font-size: 12px; line-height: 18px; display: block; font-family: 'Trebuchet MS'; font-weight: 400} .blog-inner .post-left h2{ font-family: 'Trebuchet MS'; font-weight: 400; font-size: 30px; letter-spacing: 3px} .blog-inner .post-left .blog-share{ padding-top: 50px; margin-bottom: 60px} .blog-inner .tag{} .blog-inner .tag span{ margin-bottom: 10px} .blog-inner .tag ul{margin: 0; padding: 0} .blog-inner .tag ul li{padding: 0; margin: 0 0 6px; display: inline-block; } .blog-inner .tag ul li a{ padding: 8px 8px; display: block; margin: 1px 4px; background: #D9D9D9; font-size: 12px; color: #515151; letter-spacing: 2px; text-transform: uppercase} .blog-inner .tag ul li a:hover{ background: #7D1C56; color: #fff} .blog-inner .image{ margin: 0 0 40px; background-repeat: no-repeat; background-size: cover; width: 90%; padding-bottom: 10px} .blog-inner .right-info .blog-inner-title{ position: absolute; left: -260px; top: 45px; max-width: 690px;} .blog-inner .right-info .blog-inner-title span{color: #fff;font-size: 40px;display: inline;background: #7D1C56;padding: 0px 5px;line-height: 62px;position: relative; box-shadow: 0 0 0 8px #7D1C56, 0px 0px 0 7px #7D1C56;-webkit-box-shadow: 0 0 0 8px #7D1C56, 0px 0px 0 7px #7D1C56;-moz-box-shadow: 0 0 0 8px #7D1C56, 0px 0px 0 7px #7D1C56;box-decoration-break: clone;-webkit-box-decoration-break: clone;-moz-box-decoration-break: clone;top: 3px;left: 1px} /*.blog-inner .right-info .blog-inner-title span:first-child{padding-top: 20px} .blog-inner .right-info .blog-inner-title span:last-child{padding-bottom: 20px}*/ .blog-inner .right-info p{ margin-bottom: 35px; padding-right: 10%} .blog-inner .blog-contant{ padding-bottom: 70px; border-bottom: 1px dotted #D1D1D1; position: relative} .blog-inner .blog-contant .blog-share{ position: absolute; right: 0; bottom: -15px; background: #fff; padding: 0 50px 0 100px; z-index: 9} .blog-share{ text-align: center} .blog-share span{ color: #515151; display: block; margin-bottom: 15px; text-align: center; font-size: 12px} .blog-share ul{ margin: 0; padding: 0} .blog-share ul li{ display: inline-block; padding: 0 0 10px 0; margin: 0 7px} .blog-share ul li a{ display: block; font-size: 25px; color: #515151} .blog-share ul li a:hover{ color: #7D1C56} .blog-inner .posted-profile{ padding: 45px 0 35px; position: relative; border-bottom: 1px dotted #D1D1D1} .blog-inner .posted-profile .profile-img{ margin: 0; padding:0; background-repeat: no-repeat; background-size: cover; position: absolute; left: -88px; top: 45px; width: 197px; height: 197px; } .blog-inner .posted-profile .text-info{ float: left; margin-left: 135px} .blog-inner .posted-profile .text-info h3{ color: #fff; font-size: 19px; padding-top: 10px; margin-bottom: 14px} .blog-inner .posted-profile .text-info h3 strong{ background: #7D1C56; padding: 5px 10px; color:#fff} .blog-inner .posted-profile .text-info h3 span{ font-size: 14px; color: #fff; display: inline-block; background: #7D1C56; padding: 5px 10px} .blog-inner .posted-profile .text-info p{ font-size: 14px; line-height: 20px} .image-credit{ padding: 40px 0 0} .image-credit p{ font-size: 11px; line-height: 20px} .image-credit p span{ font-size: 16px; display: block} .related-post{ display: block; padding: 90px 0 100px} .related-post .post-row{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap; margin-left: -15px; margin-right: -15px} .related-post .post-row .post-col{ /*width: 33.33%; padding: 0 15px;*/ margin-bottom: 20px} .related-post .post-row .post-inner{ height: 100%; background: #fff; position: relative} .related-post .image{ margin: 0; padding-bottom: 66%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center} .related-post .text{background: #fff; padding: 25px 25px 70px 20px; min-height: 345px} .related-post h2{ text-align: center; font-size: 26px; line-height: 30px; letter-spacing: 5px; font-family: 'Trebuchet MS'; font-weight: 400; margin-bottom: 45px} .related-post h3{ font-size: 26px; line-height: 30px; color: #902E69} .related-post p{ font-size: 15px; line-height: 22px; } .related-post .post-row .post-inner .btn{ position: absolute; bottom: 25px; left: 20px} /*----------------Flexi Box Page styles start here--------*/ .flexi-intro-text{ padding: 65px 0 55px; margin-top: 60px;/* border-bottom: 1px; border-image: url(../images/border-img.png) ;*/ text-align: center;position: relative; /*border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px;*/ } /*.flexi-intro-text:before{content: "";position: absolute;background-image:url(../images/border-img.png);background-repeat: repeat-x; height: 1px;width: 100%;left: 0;top: 0} .flexi-intro-text:after{content: "";position: absolute;background-image:url(../images/border-img.png);background-repeat: repeat-x; height: 1px;width: 100%;left: 0;bottom: 0}*/ .flexi-intro-text p{ color: #515151; font-size: 40px; line-height: 55px; padding: 0 50px; } .form-the-studio{ padding: 80px 0 0px; text-align: center; /*border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px; border-top: 0;*/ } .form-the-studio h2{ color: #515151; font-size: 26px; font-family: 'Trebuchet MS'; font-weight: 400; padding-bottom: 40px; position: relative; letter-spacing: 7.5px} .form-the-studio h2:after{content: ""; position: absolute; bottom: 0; width:80px; height: 2px; background: #c2c2c2; left: 0; right: 0; margin: 0 auto} .work-page h2{ padding-top: 20px; text-align: left; color: #515151; font-size: 24px; font-family: 'Trebuchet MS'; font-weight: 400; position: relative; letter-spacing: 5.5px; display: inline-block} .tax-work_categories .work-page h2, .tax-sector .work-page h2, .tax-themes .work-page h2{ padding-top: 35px; letter-spacing: 2px; } .work-page .blog-title { padding-bottom: 0; padding-top: 55px} .work-page .flexi-two-img { padding-top: 50px} .sbOptions{max-height: 800px!important} .clients{padding: 0 0 45px} .clients h2{ padding: 0 0 25px; text-align: left; color: #515151; font-size: 35px;font-family: 'Palatino-Roman'; font-weight: 400; position: relative; letter-spacing: 0.2px; display: inline-block} .clients p{font-size: 15px;line-height: 26px} .flexi-three-img h2{margin-bottom: 40px; text-align: center;color: #515151; font-size: 26px; font-family: 'Trebuchet MS'; font-weight: 400; padding-bottom: 40px; position: relative; letter-spacing: 7.5px} .flexi-three-img h2:after{content:""; position: absolute; bottom: 0; width:80px; height: 2px; background: #c2c2c2; left: 0; right: 0; margin: 0 auto} .flexi-four-img h2{margin-bottom: 40px; text-align: center;color: #515151; font-size: 26px; font-family: 'Trebuchet MS'; font-weight: 400; padding-bottom: 40px; position: relative; letter-spacing: 7.5px} .flexi-four-img h2:after{content: ""; position: absolute; bottom: 0; width:80px; height: 2px; background: #c2c2c2; left: 0; right: 0; margin: 0 auto} .home .text-block .container .text-block-inner { padding-left: 0} .millennials-ssec{ padding: 55px 0 30px 0px; /*border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px; border-top: 0;*/ } .millennials-ssec h2{ font-size: 50px; color: #fff; font-family: 'Trebuchet MS'; font-weight: 400; background: #7e1c57; display: inline;padding: 0px 0px 7px 0; position: relative; left: 22px; line-height: 1.2;-webkit-box-shadow: 22px 0px 0px 0px rgba(126,28,87,1);-moz-box-shadow: 22px 0px 0px 0px rgba(126,28,0,871);box-shadow: 22px 0px 0px 0px rgba(126,28,87,01); } .millennials-ssec h2:before{ position: absolute; content: ""; width: 22px; height: 100%; display: block; background: rgba(126,28,87,01); left: -22px; top: 0} .content ul li { width: 100%;float: none;text-align: left;padding: 0 0 15px 1px;list-style: disc; line-height: 28px;font-size: 18px} .content ul{margin-bottom:15px} .text-block{ padding: 45px 0 10px; /*border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px; border-top: 0;*/ } .tax-work_categories .text-block , .tax-themes .text-block, .tax-sector .text-block {padding: 60px 0 0; clear: both;} .text-block-two {column-count: 2; column-gap: 35px; max-width: 1020px} .innerfull{max-width: 1020px} .innrfull p, innerfull li{font-size: 15px} .text-block-two p{font-size: 16px;} .tax-work_categories .text-block p {font-size: 21px;line-height: 27px} /*.text-block .text-block-inner{ padding: 10px 240px 0 155px}*/ .text-block .text-block-inner{ padding: 10px 240px 0 0px} .text-block p span{ font-size: 28px; display: block; line-height: 36px} .flexi-two-img{ padding: 85px 0 45px; /* border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px; border-top: 0;*/ } .flexi-two-img a:hover { color: #ffffff } .flexi-two-img .image { margin: 0 0 30px; min-height: 418px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center} .flexi-two-img .img-info { padding: 28px 24px; width: 95%} /*.flexi-two-img em{ color: #432F5F; font-size: 14px; text-transform: uppercase; font-style: normal; background: #fff; padding: 9px 18px; display: inline-block; letter-spacing: 4px}*/ .flexi-two-img em {color: #432F5F;font-size: 13px;text-transform: uppercase;font-style: normal;background: #fff;padding: 7px 12px;display: table;letter-spacing: 2.5px} .flexi-two-img p {background: #3F3F3F;display: inline;font-size: 32px;line-height: 46px;left: 6px;color: #fff;position: relative;padding: 0;top: 2px;box-shadow: 0 0 0 5px #3F3F3F, 0px 0px 0 7px #3F3F3F;-webkit-box-shadow: 0 0 0 5px #3F3F3F, 0px 0px 0 7px #3F3F3F;-moz-box-shadow: 0 0 0 5px #3F3F3F, 0px 0px 0 7px #3F3F3F;box-decoration-break: clone;-webkit-box-decoration-break: clone;-moz-box-decoration-break: clone; } /*.home-studio-sec .img-info p{ background: #3F3F3F; display: inline; font-size: 39px; line-height: 50px; color: #fff; position: relative; padding: 5px 0px 5px 0px; left: 20px; -webkit-box-shadow: 15px 0px 0px 0px rgba(63,63,63,01); -moz-box-shadow: 15px 0px 0px 0px rgba(63,63,63,01); box-shadow: 15px 0px 0px 0px rgba(63,63,63,01)}*/ /*.home-studio-sec .img-info p:before{ content: ""; width: 20px; height: 100%; position: absolute; left: 0; top: 0; background: #3F3F3F; left: -20px}*/ .flexi-two-img span{ background: #3F3F3F; display: inline-block; font-size: 39px; line-height: 45px; color: #fff; padding: 5px 15px} .flexi-three-img { padding: 25px 0 75px; /*padding: 62px 0 75px; border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px; border-top: 0;*/ } .flexi-three-img p {background: #3F3F3F;display: inline;font-size: 19px;line-height: 32px;left: 6px;color: #fff;position: relative;padding: 0;top: 2px;box-shadow: 0 0 0 5px #3F3F3F, 0px 0px 0 7px #3F3F3F;-webkit-box-shadow: 0 0 0 5px #3F3F3F, 0px 0px 0 7px #3F3F3F;-moz-box-shadow: 0 0 0 5px #3F3F3F, 0px 0px 0 7px #3F3F3F;box-decoration-break: clone;-webkit-box-decoration-break: clone;-moz-box-decoration-break: clone; } .flexi-three-img .row{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap} .flexi-three-img .image { margin:0px; min-height: 420px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center} .flexi-three-img .img-info { padding: 20px 16px} .flexi-three-img .text{ padding: 30px 35px 65px 35px; } .flexi-three-img em {color: #432F5F;font-size: 12px;text-transform: uppercase;font-style: normal;background: #fff;padding: 7px 12px;display: table;letter-spacing: 1px} .flexi-three-img span{ background: #3F3F3F; display: inline-block; font-size: 29px; line-height: 38px; color: #fff; padding: 5px 15px} .flexi-three-img .post-inner{ background: #fff; height: 100%; position: relative} .flexi-three-img h3, .flexi-three-img h3 a{ color: #432F5F; font-size: 26px} .flexi-three-img h3 a:hover{ color: #515151} .flexi-three-img .text p{ margin-bottom: 30px; font-size: 15px; line-height: 22px} .flexi-three-img .btn{ position: absolute; left: 35px; bottom: 27px; display: inline-block; background: #432F5F} .flexi-three-img .btn:hover{ background: #515151} .flexi-three-img .no-padding{ padding: 0; } .flexi-four-img{padding: 25px 0 75px; /*border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px; border-top: 0;*/ } .flexi-four-img .row{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap} .flexi-four-img .image { margin:0 0 30px 0; min-height: 270px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center} .flexi-four-img .img-info { padding: 20px 16px} .flexi-four-img .text{ padding: 30px 35px 65px 35px; } .flexi-four-img em{ color: #432F5F; font-size: 14px; text-transform: uppercase; font-style: normal; background: #fff; padding: 9px 15px; display: inline-block; letter-spacing: 4px} .flexi-four-img span{ background: #3F3F3F; display: inline-block; font-size: 29px; line-height: 38px; color: #fff; padding: 5px 15px} .flexi-four-img .post-inner{ background: #fff; height: 100%; position: relative} .flexi-four-img h3, .flexi-four-img h3 a{ color: #432F5F; font-size: 26px} .flexi-four-img h3 a:hover{ color: #515151} .flexi-four-img .text p{ margin-bottom: 30px; font-size: 15px; line-height: 22px} .flexi-four-img .btn{ position: absolute; left: 35px; bottom: 27px; display: inline-block; background: #432F5F} .flexi-four-img .btn:hover{ background: #515151} .flexi-four-img .no-padding{ padding: 0; } .listing-column{} .listing-column ul{padding: 0; margin: 0; list-style: none} .listing-column ul li{ display: flex; /* border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px; border-top: 0;*/ padding: 40px 0; } .listing-column ul li:nth-child(2n+2) .image{ right: 30px; left: inherit} .listing-column ul li:nth-child(2n+2) .text{ float: left} .listing-column ul li .container{ position: relative} .listing-column ul li .image{ position: absolute; top: 0; height: 100%; width: 62%; margin: 0; display: block; background-size: cover; background-repeat: no-repeat} .listing-column ul li .text{ padding: 20px 40px; left: 30px; width: 36%; float: right; background: #fff; height: 500px} .listing-column ul li .text .btn{ background: #33214C; color: #fff} .listing-column ul li .text .btn:hover{ background: #515151; color: #fff} .listing-column h2{ color: #432F5F; font-size: 33px; line-height: 35px; font-family: 'Trebuchet MS'; font-weight: 400} .listing-column p{ font-size: 15px;line-height: 22px} .home .listing-column h2{ padding-top: 15px} .two-cal{ /*border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px; border-top: 0;*/ padding: 40px 0; margin-bottom: 60px; } .two-cal .row{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap} .two-cal .image { margin:0px; min-height: 420px; width: 100%; background-repeat: no-repeat; background-size: cover} .two-cal .post-inner{ background: #fff; height: 100%; position: relative} .two-cal .text{ padding: 35px 45px 85px 35px; } .two-cal h3, .two-cal h3 a{ color: #432F5F; font-size: 36px} .two-cal h3 a:hover{ color: #515151} .two-cal .text p{ margin-bottom: 30px; font-size: 15px; line-height: 22px} .two-cal .btn{ position: absolute; left: 35px; bottom: 27px; display: inline-block; background: #432F5F} .two-cal .btn:hover{ background: #515151} .two-cal .col-6{margin-bottom: 30px} .designing-health-slider{ overflow: hidden; margin-top: 75px; /* border-color: rgba(0, 0, 0, 0); border-image: url("../images/border-img.png") 100% 0 repeat repeat; border-style: solid; border-width: 1px;*/ padding: 70px 0 60px 0px; margin-bottom: 80px; border-left: 0; border-right: 0; } .designing-health-slider .item{ overflow: hidden} .designing-health-slider .image{ margin: 0; top: 0; left: 0; position: absolute; background-size: cover; background-repeat: no-repeat; width: 60%; min-height: 960px; z-index: 1} .designing-health-slider .text{ float: right; width: 85%; background: #fff; min-height: 960px; margin-top: 86px; padding: 310px 135px 0 48%; position: relative} .designing-health-slider .text h2{ position: absolute; right: 210px; top: 66px; font-size: 70px; color: #fff; z-index: 9; font-weight: 400} .designing-health-slider .text h2 span{ display: inline-block; background: #33214b; padding: 0 25px} .designing-health-slider .text h2 span:first-child{ padding-top: 15px} .designing-health-slider .text h2 span:last-child{ padding-bottom: 15px} .designing-health-slider .text .logo-brand{ width: 245px; position: absolute; bottom: 85px; right: 85px} .designing-health-slider .text p{ font-size: 23px; line-height: 32px; margin-bottom: 40px} .designing-health-slider .text .btn{ background: #33214b; display: inline-block; margin-top: 25px; font-size: 19px; letter-spacing: 3px; font-weight: 400; padding: 16px 35px} .designing-health-slider .text .btn:hover{ background: #515151; color: #fff} .designing-health-slider .owl-nav{ font-size: 0} .designing-health-slider .owl-prev{ font-size: 0; position: absolute; top: 65px; right: 100px; } .designing-health-slider .owl-next{ font-size: 0; position: absolute; top: 65px; right: 40px; } .designing-health-slider .owl-next:after, .designing-health-slider .owl-prev:after{ font-size: 50px; color: #8996A3; font-family: FontAwesome; } .designing-health-slider .owl-next:hover:after, .designing-health-slider .owl-prev:hover:after{ color: #33214b} .designing-health-slider .owl-next:after{ content: "\f105"} .designing-health-slider .owl-prev:after{ content: "\f104"} .capaslide .owl-nav{ font-size: 0} .capaslide .owl-prev{ font-size: 0; position: absolute; top: 65px; right: 100px; } .capaslide .owl-next{ font-size: 0; position: absolute; top: 65px; right: 40px; } .capaslide .owl-next:after, .capaslide .owl-prev:after{ font-size: 50px; color: #8996A3; font-family: FontAwesome; } .capaslide .owl-next:hover:after, .capaslide .owl-prev:hover:after{ color: #33214b} .capaslide .owl-next:after{ content: "\f105"} .capaslide .owl-prev:after{ content: "\f104"} /*----------------footer section styles goes here-----------*/ .preloader{ display:none} footer{ position: relative} footer .to-top{ display: none; position: absolute; bottom: 164px; right: 15px; z-index: 9} footer .to-top:hover{ opacity: 0.70} #footer-main {background: #1C1C1C; } .member-ship-sec{padding: 65px 0 0px} .member-ship-sec h2{ text-transform: uppercase; color: #DFDFDF; font-size: 19px; font-family: 'Trebuchet MS'; font-weight: 400; letter-spacing: 2.5px} .member-ship-sec ul{ padding: 0 0 30px; margin: 0; display: block; list-style: none; border-bottom: 1px solid #3B3B3B; text-align: center} .member-ship-sec ul li{ display: inline-block; margin: 15px 20px} .member-ship-sec ul li:first-child{ margin-left: 0} .member-ship-sec ul li a{ display: block} .member-ship-sec ul li a:hover{ opacity: 0.80} .address-sec{ } .address-sec .container{ border-bottom: 1px solid #3B3B3B; padding:70px 30px 60px} .address-sec .footer-logo{ float: left; /*width: 25%;*/} .address-sec .footer-logo .logo{ margin: 0} .address-sec .footer-address{ float: left;/* width: 75%;*/} .address-sec .footer-address .title, .footer-social span.title{ font-size: 17px; color: #fff; display: block; position: relative; margin-bottom: 15px; padding-bottom: 15px} .address-sec .footer-address .title:after, .footer-social span.title:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 40px; height: 1px; background: #535353} .address-sec .footer-address p, .address-sec .footer-address{ font-size: 16px; line-height: 26px; color: #8E8E8E; position: relative; margin-bottom: 15px; padding-bottom: 15px} .address-sec .footer-address a{ font-size: 16px; line-height: 26px; color: #8E8E8E} .address-sec .footer-address a:hover{ color: #fff} .address-sec .footer-address p:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 40px; height: 1px; background: #535353} .address-sec .col{ /*width: 25%; float: left;*/} .address-sec .footer-social p{ margin-bottom: 0; padding-bottom: 0; color: #8E8E8E} .address-sec .footer-social p:after{ display: none} .address-sec .footer-social ul{ display: block; padding: 0; margin: 0; list-style: none} .address-sec .footer-social ul li{ display: inline-block; vertical-align: top; margin: 0 5px} .address-sec .footer-social ul li a{ font-size: 22px; color: #bababa} .address-sec .footer-social ul li a:hover{color: #ffffff} .address-sec .footer-social .footer-email a {line-height: 40px} .foot-email{text-align: center; margin-top:40px; clear: both} .address-sec .sign-news{ display: block; padding-right: 25px} .address-sec .sign-news input[type="text"], .footer-social .js-cm-email-input{ width: 100%; display: block; line-height: normal; height: 38px; padding: 10px 10px; font-size: 13px; color: #808080; border: 1px solid #808080; border-radius: 0; margin: 10px 0 8px; background: none; font-family: 'Trebuchet MS'; font-weight: 400} .address-sec .sign-news input[type="text"]:focus, .footer-social .js-cm-email-input:focus{ border-color: #fff;color: #ccc;background: transparent} .address-sec .sign-news input[type="submit"], .address-sec .sign-news input[type="button"], .footer-social .subscribe-button{ padding: 11px 30px; background: transparent; color: #fff; border-radius: 0; color: #fff; text-transform: uppercase; font-family: 'Trebuchet MS'; font-weight: 400; margin-bottom: 30px; font-size: 13px; border: none!important;} .address-sec .sign-news input[type="submit"]:hover, .address-sec .sign-news input[type="button"]:hover, .address-sec .sign-news input[type="submit"]:focus, .address-sec .sign-news input[type="button"]:focus, .footer-social .js-cm-email-input:hover{ border: none; background: #fff; color: #ccc; border: none!important;} .footer-tag-line{ text-align: center; padding: 20px 0} .footer-tag-line ul{ margin: 0; padding: 0; list-style: none} .footer-tag-line ul li{ margin: 10px 0; padding: 0; display: inline-block; vertical-align: top; color: #AAAAAA; font-size: 12px; position: relative; letter-spacing: 0.2px} .footer-tag-line ul li:before{content: "|"; display: inline-block; vertical-align: top; margin: 0 12px} .footer-tag-line ul li:first-child:before{ display: none} .footer-tag-line ul li a{ color: #AAAAAA; font-size: 12px; letter-spacing: 0.2px} .footer-tag-line ul li a:hover{ color: #fff} .mob-tab-title{ display: none} /*-- grids --*/ @media (max-width:1024px) { .col-tab-1, .col-tab-2, .col-tab-3, .col-tab-4, .col-tab-5, .col-tab-6, .col-tab-7, .col-tab-8, .col-tab-9, .col-tab-10, .col-tab-11, .col-tab-12 {float: left;padding: 0 15px} .col-tab-12 {width: 100%} .col-tab-11 {width: 91.66666667%} .col-tab-10 {width: 83.33333333%} .col-tab-9 {width: 75%} .col-tab-8 {width: 66.66666667%} .col-tab-7 {width: 58.33333333%} .col-tab-6 {width: 50%} .col-tab-5 {width: 41.66666667%} .col-tab-4 {width: 33.33333333%} .col-tab-3 {width: 25%} .col-tab-2 {width: 16.66666667%} .col-tab-1 {width: 8.33333333%} } @media (max-width:767px) { /*.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{ width: 100%; float: none}*/ .col-mob-1, .col-mob-2, .col-mob-3, .col-mob-4, .col-mob-5, .col-mob-6, .col-mob-7, .col-mob-8, .col-mob-9, .col-mob-10, .col-mob-11, .col-mob-12 {float: left; padding: 0 15px} .col-mob-12 {width: 100%} .col-mob-11 {width: 91.66666667%} .col-mob-10 {width: 83.33333333%} .col-mob-9 {width: 75%} .col-mob-8 {width: 66.66666667%} .col-mob-7 {width: 58.33333333%} .col-mob-6 {width: 50%} .col-mob-5 {width: 41.66666667%} .col-mob-4 {width: 33.33333333%} .col-mob-3 {width: 25%} .col-mob-2 {width: 16.66666667%} .col-mob-1 {width: 8.33333333%} } @media (max-width:1780px) { .blog-title h1{ width: 40%} .blog-inner .right-info .blog-inner-title{ left: -32.7%} .team-slider .text{ padding: 30% 50px} .search-box{ right: 0} .search-box:after{ right: 31px} .blog-title { padding: 195px 0 30px 0} } @media (max-width:1600px) { .home-slider .owl-dots{ width: auto; right: 30px} .blog-title { padding: 195px 0 30px 0} .wrap-li .wrap{ margin: 0} .team-slider .text{ padding:20% 20px 10px} .designing-health-slider .image{ background-position: center} .designing-health-slider .text{ padding: 300px 30px 170px 48%} .designing-health-slider .text h2{ font-size: 60px} .designing-health-slider .text .logo-brand{ width: 230px; right: 20px} /*.blog-title h1{ font-size: 62px}*/ .process-text{ padding: 7% 20px} } @media (max-width:1500px) { .newsletter-sec{ text-align: right} .newsletter-sec h2{ text-align: left; width: 29%; font-size: 30px; line-height: 40px; margin-bottom: 0} .newsletter-sec .newsletter-field{ width: 70%} } @media (max-width:1400px) { .container{ min-width: inherit} /*.home-banner .banner-text h1, .home-banner .banner-text h2{ font-size: 64px}*/ .intro-text p{ font-size: 28px; line-height: 40px} .career-text p{ font-size: 28px; line-height: 40px} .home-banner .banner-text p{ padding-right: 25px} .home-slider .owl-dots{ right: 15px} .inner-banner-text span{ line-height: 70px} .single-work .inner-banner-text span { line-height: 54px; } .single-work .inner-banner-text{ padding: 38% 0px 5%} .flexi-banner-text h1, .flexi-banner-text h2{ font-size: 58px} .flexi-banner-text h1 span, .flexi-banner-text h2 span{ line-height: 80px} .home-studio-sec .image{ min-height: 455px} .home-studio-sec .row{ margin-left: -15px; margin-right: -15px} .home-studio-sec .col{ padding: 0 15px; margin-bottom: 30px} .home-studio-sec .img-info span{ font-size: 35px; line-height: 40px} .home-studio-sec .more-btn{ font-size: 16px; letter-spacing: 3.5px} .home-studio-sec .img-info p{ font-size: 30px; line-height: 40px} .process-text{ padding: 8% 10px} .our-process-sec h2{ font-size: 34px; line-height: 40px} .our-process-sec .discover-more-btn{ margin-top: 180px} .member-ship-sec ul li{ margin: 15px 14px} .home-slider .discover-more-btn{ margin-top: 50px} .home-slider .item {min-height: 700px} .page-template-page-news .blog-title { padding: 60px 0 15px 0} .blog-title { padding: 195px 0 50px 0} /*.blog-title h1{ font-size: 60px}*/ .blog-list .text { padding: 0 180px 50px 0} .blog-list .list .info{ padding: 40px 40px 90px 40px} .blog-list .list h2{ padding-right: 0} .pagination{ padding: 10px 0 70px} .meet-the-bloggers-sec{ padding: 70px 0} .meet-the-bloggers-sec h2{ letter-spacing: 5px} .blog-inner{ padding: 40px 20px 20px 20px} .blog-inner .right-info .blog-inner-title {left: -37%} .inner-banner-text{ padding: 25% 15px 5%} .capabilities-intro .text{ padding: 0 160px 80px} .capabilities-intro .text p{ font-size: 28px; line-height: 35px} .capabilities-intro ul{ padding: 0 20px} .capabilities-intro{ padding: 80px 0 0px} .flexi-intro-text p{ font-size: 30px; line-height: 40px} .form-the-studio{ padding: 55px 0 30px} .flexi-intro-text { padding: 40px 0 45px; margin-top: 40px} .millennials-ssec h2{ font-size: 50px; padding-left: 0} .millennials-ssec{ padding: 0} .text-block .text-block-inner{ padding: 0} .text-block p span {font-size: 22px;line-height: 30px} .two-cal h3, .two-cal h3 a{ font-size: 30px} .flexi-two-img p{ font-size: 30px; line-height: 45px} .flexi-three-img p{ font-size: 19px; line-height: 30px} .flexi-four-img p{ font-size: 22px; line-height: 32px} } @media (max-width:1300px) { h1{ font-size: 48px} /*.home-slider .item{ min-height: 630px}*/ .home-banner .banner-text h1, .home-banner .banner-text h2 {font-size: 45px; line-height: 50px} .home-banner .banner-text span{ font-size: 13px} .home-banner .banner-text p{ font-size: 15px; line-height: 22px} .discover-more-btn{ font-size: 15px; letter-spacing: 3px} .inner-banner-text span { line-height: 48px} .single-work .inner-banner-text span { line-height: 48px; } .flexi-banner-text h1, .flexi-banner-text h2{ font-size: 48px} .flexi-banner-text h1 span, .flexi-banner-text h2 span{ line-height: 68px} .intro-text{ padding: 70px 0 60px} .intro-text p { font-size: 25px; line-height: 37px; padding-right: 130px} .member-ship-sec ul li{ } .page-template-page-news .blog-title{ padding: 20px 0 20px 0} .blog-title { padding: 165px 0 50px 0} /*.blog-title h1{ width: auto; font-size: 50px}*/ /*.blog-title form{ width: 63%}*/ .blog-title .form-outer { width: 50%; padding-top: 15px} .blog-list .list{ margin-bottom: 50px} .blog-list .text{ padding: 0 80px 50px 0} .blog-list .text p{ font-size: 26px; } .pagination { padding: 0px 0 50px} .blog-list .list h2{ font-size: 30px} .meet-the-bloggers-sec .text{ padding: 20% 10px} .meet-the-bloggers-sec .text .name{ font-size: 20px} .related-post h3 {font-size: 22px; line-height: 24px} .capabilities-intro .text {padding: 0 100px 80px} .team-intro{ padding: 50px 0 0px} .team-intro .text { padding: 0 40px 30px; } .address-sec .footer-address a{ font-size: 15px; word-wrap: break-word} .career-text{ padding: 0} .newsletter-sec{ padding: 40px 0} .two-cal h3, .two-cal h3 a{ font-size: 26px} .flexi-intro-text p { font-size: 26px; line-height: 35px} .form-the-studio { padding: 40px 0 20px} .millennials-ssec h2{ font-size: 40px} .millennials-ssec h2 span{ padding: 0px 30px 10px 0px} .text-block{ padding: 40px 0} .flexi-two-img{ padding: 50px 0 25px} .flexi-two-img span{ font-size: 30px; line-height: 38px} .flexi-two-img .image{min-height: 380px} .flexi-three-img{ padding: 50px 0 45px} .flexi-three-img .image{ min-height: 340px; background-position: center} .flexi-three-img span{ font-size: 22px; line-height: 30px} .flexi-four-img{ padding: 50px 0 45px} /*.flexi-four-img .image{ min-height: 340px; background-position: center}*/ .flexi-four-img span{ font-size: 22px; line-height: 30px} .listing-column ul li .text{ padding: 35px 30px 20px 40px} .listing-column h2{font-size: 26px; line-height: 32px} .listing-column ul li{ padding: 25px 0} .flexi-four-img h3, .flexi-four-img h3 a{ font-size: 22px} .flexi-four-img h3, .flexi-four-img h3 a{ font-size: 22px} .two-cal .image{ min-height: inherit; padding-bottom: 64%} .two-cal h3, .two-cal h3 a{ font-size: 22px} .designing-health-slider .text h2{ font-size: 50px; line-height: 62px} .designing-health-slider .text p { font-size: 20px; line-height: 28px; margin-bottom: 30px} .designing-health-slider .text .btn{ font-size: 15px} .capabilities-intro ul > li > a .title{ letter-spacing: 0} .pagination ul li.text-back, .pagination ul li.text-next{ margin-top: 2px} .page-content form {margin-bottom: 200px} .single-work .inner-banner-text {padding: 37% 0px 5%} .banner-contain {height: 645px} .banner-contain .inner-banner-text{left: 20px; padding: 0} .banner-contain h1 {font-size: 34px} } @media (max-width:1200px) { .capabilities-intro ul{ padding: 0} .capabilities-intro ul li{ padding: 0 30px; padding-bottom: 60px} .capabilities-intro ul > li > a{ width: 200px; height: 200px; padding: 0px 20px} .team-slider .text span{ font-size: 12px} .newsletter-sec h2{ font-size: 32px; line-height: 38px} .flexi-intro-text p { font-size: 24px; line-height: 32px} .form-the-studio h2{font-size: 22px; padding-bottom: 20px; letter-spacing: 5px} .millennials-ssec h2 {font-size: 30px; line-height: 1.4; padding: 5px 0 5px 0} .flexi-two-img .image { min-height: 280px} .flexi-two-img span { font-size: 26px; line-height: 32px} .flexi-three-img .image{ min-height: 260px} .flexi-three-img span { font-size: 19px; line-height: 25px} .flexi-four-img .image{ min-height: 240px} .flexi-four-img span { font-size: 19px; line-height: 25px} .home-studio-sec .img-info p{ font-size: 25px; line-height: 35px} .listing-column ul li .image{ width: 52.5%} .listing-column ul li .text{ width: 44%} .listing-column ul li .text { height: 420px} .flexi-three-img h3, .flexi-three-img h3 a { font-size: 19px} .flexi-four-img h3, .flexi-four-img h3 a { font-size: 19px} .designing-health-slider .text { padding: 260px 30px 170px 48%} .designing-health-slider .text h2{ right: 16%} .designing-health-slider{ margin-bottom: 40px; padding-bottom: 40px} .description-col h2{ font-size: 30px; margin-bottom: 20px} .description-col{ padding: 0} .related-item-sec h3{ margin-bottom: 30px; letter-spacing: 5px} .related-item-sec { padding: 20px 0 60px} .related-item-img figcaption{ font-size: 17px} .capabilities-intro .description-img img {padding-top:60px} } @media (max-width:1024px) { .top-nav ul li{ margin: 0 18px} .top-nav ul li a{ font-size: 15px} /*.header-right .social{ margin-bottom: 35px}*/ .home-banner .banner-text{ padding-top: 60px} .home-banner .banner-text h1, .home-banner .banner-text h2{ margin-bottom: 20px} .home-slider .discover-more-btn{ margin-top: 110px; margin-bottom: 35px} .home-banner .banner-text p { padding-right: 40px} .discover-more-btn{ font-size: 13px; padding: 12px 20px} header { background: #E9E9E9; position: relative;} .flexi-slider .discover-more-btn{ margin-top: 0} .intro-text p{ font-size: 22px; line-height: 30px; padding-right: 220px} .home-studio-sec{ padding-bottom: 40px} .home-studio-sec .image {min-height: 310px} .home-studio-sec .img-info { padding: 20px 15px} .home-studio-sec h2{ font-size: 16px; padding-bottom: 20px; margin-bottom: 45px} .home-studio-sec .col:nth-of-type(even), .home-studio-sec .col:last-child{ margin-top: -80px} .home-studio-sec .more-btn{ bottom: 30px; letter-spacing: 2px; font-size: 13px; padding: 12px 20px} .home-studio-sec .img-info span {font-size: 24px; line-height: 30px; } .home-studio-sec .img-info em{ font-size: 12px; letter-spacing: 3px; padding: 7px 15px} .home-studio-sec .img-info p{ font-size: 20px; line-height: 30px; padding: 0} .home-studio-sec .img-info p:before{ width: 15px; left: -15px} .process-text{ width: 100%; padding: 5% 15px 8%} .our-process-sec h2 {font-size: 27px; line-height: 35px} .our-process-sec span{ font-size: 14px; letter-spacing: 4px} .our-process-sec .discover-more-btn { margin-top: 238px} .our-process-sec .discover-more-btn{letter-spacing: 2.5px; font-size: 14px; padding: 14px 25px} /*.blog-title h1{ font-size: 40px; line-height: 45px}*/ .blog-title h1{ line-height: 45px} .blog-inner .right-info .blog-inner-title span { font-size: 35px; line-height: 44px} .blog-title { padding-top:50px; } /*.blog-inner .right-info .blog-inner-title span:first-child{ padding-top: 10px}*/ /*.blog-inner .right-info .blog-inner-title span{ padding-left: 20px; padding-right: 20px; padding-bottom: 10px}*/ .blog-inner .post-left{ padding-top: 230px} .blog-inner .post-left .blog-share { padding-top: 30px; margin-bottom: 40px} .related-post h2{ font-size: 20px; line-height: 25px; margin-bottom: 30px} .related-post h3 {font-size: 20px; line-height: 24px} .related-post{ padding: 50px 0} .blog-inner .tag ul li a{ font-size: 12px; letter-spacing: 1px} .inner-banner-text{ padding:27% 15px 7%} .inner-banner-text em{ font-size: 14px; padding: 10px 20px 15px 20px; letter-spacing: 4px; bottom: 0} .capabilities-intro{ padding: 58px 0 35px} .capabilities-intro .text {padding: 0 150px 80px} .capabilities-intro .text p{ font-size: 22px; line-height: 28px; } .capabilities-intro ul > li > a{width: 190px; height: 190px; padding: 30px 20px; margin: 0 auto} .capabilities-intro ul > li > a i{ margin-bottom: 10px} .team-intro { padding: 50px 0 0px} .team-slider .text{ padding: 15% 10px} .career-text{ margin-bottom: 60px} .career-text p{ font-size: 24px; line-height: 28px} .career-info{ padding: 30px 20px 30px 30px} .career-info h2{ font-size: 30px; line-height: 35px} .right-side{ padding-left: 30px} .newsletter-sec h2{ font-size: 28px} .blog-title h1{ margin-top: 5px; font-size: 20px } .flexi-two-img p{ font-size: 25px; line-height: 37px} .flexi-three-img p{ font-size: 18px; line-height: 28px} .flexi-four-img p{ font-size: 18px; line-height: 28px} .flexi-four-img .image{ min-height: 220px} .member-ship-sec{ padding-top: 70px} .member-ship-sec h2{ margin-bottom: 0} .address-sec .footer-logo{ display: none} .address-sec .row{ margin-right: -15px} .address-sec .container{padding: 45px 15px} .address-sec .footer-address .title{ font-size: 13px; padding-bottom: 16px; margin-bottom: 12px} .address-sec .footer-address p, .address-sec .footer-address{ font-size: 13px; line-height: 22px} .address-sec .footer-address a{ font-size: 13px} .address-sec .sign-news input[type="submit"], .address-sec .sign-news input[type="button"]{ font-size: 13px; padding: 8px 30px} .address-sec .footer-address .footer-social ul li a{ font-size: 20px} .footer-tag-line ul li, .footer-tag-line ul li a{ letter-spacing: 0} .team-slider .owl-nav{display: block} .team-slider .owl-nav{ font-size: 0} .team-slider .owl-prev{ font-size: 0; position: absolute; top: 32.5%; left: 20px; } .team-slider .owl-next{ font-size: 0; position: absolute; top: 32.5%; right: 20px; } .team-slider .owl-next:after, .team-slider .owl-prev:after{ font-size: 100px; color: #8996A3; font-family: FontAwesome; } .team-slider .owl-next:hover:after, .designing-health-slider .owl-prev:hover:after{ color: #33214b} .team-slider .owl-next:after{ content: "\f105"} .team-slider .owl-prev:after{ content: "\f104"} } /*------------tablet portrait view------*/ @media (max-width:991px) { body{ font-size: 16px; line-height: 22px} p{ font-size: 16px; line-height: 22px} h1 {font-size: 35px} h2{ font-size: 24px} .inner-banner-text span {line-height: 45px} .single-work .inner-banner-text span { line-height: 57px; } .inner-banner-text em{ padding: 10px 20px 5px 20px} .meet-the-bloggers-sec{ padding: 40px 0} .meet-the-bloggers-sec h2{ margin-bottom: 40px; font-size: 22px} .meet-the-bloggers-sec .text span{ margin-bottom: 15px; padding-bottom: 15px} .blog-list .list{ margin-bottom: 40px} .pagination { padding: 0px 0 40px} .pagination ul li a{ font-size: 22px} .pagination ul li.text-next a, .pagination ul li.text-back a{ font-size: 18px} /*.blog-title form { width: 60%}*/ .blog-title .form-outer { width: 60%} .blog-inner { padding: 30px 0px 20px 0px} .blog-inner .right-info .blog-inner-title{ left: 15px; right: 15px; top: 20px} .blog-inner .right-info .blog-inner-title span{font-size: 33px;line-height: 42px} .blog-inner .image{ margin-bottom: 30px} .blog-inner .right-info p {margin-bottom: 20px; padding-right: 0px} .blog-inner .post-left { padding-top: 30px} .blog-share ul li{ margin: 0 5px} .blog-inner .tag ul li a{ line-height: 18px} .blog-inner .post-left .image{ width: 150px; height: 150px; background-size: cover} .capabilities-intro .text{ padding: 0 15px 20px} .newsletter-sec h2{ font-size: 24px; line-height: 30px} .newsletter-sec .newsletter-field input[type="submit"], .newsletter-sec .newsletter-field input[type="button"]{ font-size: 20px} .flexi-banner-text span{ line-height: 45px} .flexi-intro-text { padding: 30px 0 25px; margin-top: 40px} .flexi-intro-text p { font-size: 18px; line-height: 27px; padding: 0} .form-the-studio h2 { font-size: 18px;letter-spacing: 4px} .millennials-ssec h2 { font-size: 25px} .text-block p span { font-size: 20px; line-height: 26px} .flexi-two-img span { font-size: 22px; line-height: 25px} /*.flexi-three-img span { font-size: 13px; line-height: 18px} .flexi-four-img span { font-size: 13px; line-height: 18px}*/ .listing-column ul li .text { min-height: 370px} .listing-column h2 { font-size: 24px; line-height: 28px} .flexi-three-img .text { padding: 20px 20px 65px 20px} .flexi-four-img .text { padding: 20px 20px 65px 20px} .designing-health-slider .text { padding: 240px 30px 170px 48%} .designing-health-slider .text h2 { font-size: 35px; line-height: 50px} .designing-health-slider .text p { font-size: 18px; line-height: 26px; margin-bottom: 20px} .designing-health-slider .text .logo-brand { width: 190px} .millennials-ssec h2 span:first-child{ padding-bottom: 5px} .millennials-ssec h2 span{ padding-bottom: 5px} .flexi-two-img p{ font-size: 23px; line-height: 35px} .flexi-three-img p{ font-size: 15px; line-height: 26px} .flexi-four-img p{ font-size: 15px; line-height: 26px} .flexi-four-img .image{ min-height: 180px} .description-col h2 { font-size: 22px; } .related-item-sec h3{ margin-bottom: 20px; font-size: 20px} .blog-inner .post-left h2{ font-size: 24px; letter-spacing: 0} .member-ship-sec{ display: none} .footer-tag-line{ text-align: left} .footer-tag-line ul li{ margin: 5px 0} .inner-banner-text span:last-child {line-height: 48px} .tbl{min-height: auto} .flexi-two-img em { font-size: 13px; background: #fff;padding: 5px 12px;letter-spacing: 2px} .flexi-two-img .img-info {padding: 15px 14px;width: 95%} .blog-inner .right-info p{padding-right: 3%} .blog-inner .image{width: 98%} .map-sec { margin-top: 30px!important; display: block} .map-sec .map-row {display: block;width: 100%} .map-sec .map-col{ width: 49%} } @media (max-width:800px) { .top-nav ul li{ margin: 0 14px} .owl-dot{ margin: 0 4px} .owl-dot span{ width: 8px; height: 8px} .close-btn {margin-right: 10px} .listing-column ul li .image{ position: static; padding-bottom: 50%; width: 100%; height: auto; min-height: 420px} .listing-column ul li .text{ min-height: inherit; padding: 30px 15px; width: 100%; float: none; height: auto} .listing-column ul li .tbl{ height: auto; } } /*------------mobile landscape view------*/ @media (max-width:767px) { body{ padding-top: 100px} .text-block-two {column-count: 1; column-gap: 0px} .category header, .tax-work_categories header, .archive.tax-themes header, .archive.tax-sector header, .tag header {position: absolute} .blog-title .sbSelector a {background: url(images/arrow-down.svg) no-repeat 93% 27px;background-size: 6%} header{ position: fixed; width: 100%; left: 0;top: 0; z-index: 99;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);} .col-tab-6, .col-6{ width: 100%} .col-tab-3, .col-3{ width: 100%} .col-sm-12{ width: 100%} .col-sm-4{ width: 33%; min-height:200px} h1{ font-size: 26px} .logo{ float: none; display: block; width: 126px; margin: 30px auto 15px} .menu-icon{ display: block} .menu-icon.active .menu-box{top: 50px;margin-right: 30px;position: fixed} .header-right{ float: none; position: relative} .header-right { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms--moz-transition: all 0.5s ease-in-out 0s; -o--moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; height: 100%; } .top-nav{ display: none; padding-top: 60px} .flexi-banner-text h1, .flexi-banner-text h2{ font-size: 26px} .flexi-banner-text h1 span, .flexi-banner-text h2 span{ line-height: 30px; display: inline-block; left: 0} .flexi-banner-text h1 span, .flexi-banner-text h2 span, .flexi-banner-text h1 span:after, .flexi-banner-text h2 span:after{ background: none; box-shadow: none} .flexi-banner-text h1 span br{ display: block} .search-box{ width: 100%; } .search-box:after{ display: none} .search-btn-mob .fa-search{ display: block} .search-btn-mob .fa-times{ display: none} .search-btn-mob.close .fa-search{ display: none} .search-btn-mob.close .fa-times{ display: block} .menu-open .header-right{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background: #efefef; overflow-y: scroll; padding-bottom: 30px; padding-top: 60px} .top-nav ul li{ float: none; display: block; margin: 0; position: relative} .top-nav ul li a{ display: block; font-size: 25px; padding: 10px 60px} .top-nav ul ul{ position: static; width: auto; background: none; padding: 0 0 10px; opacity: 1; visibility: visible; transition: none; -moz-transition: none; -ms--moz-transition: none; -o--moz-transition: none; -webkit-transition: none; } .work-page .blog-title {padding-top: 15px;} .post-left{display: none} .single .date{padding-bottom: 6px; text-align: left; font-size: 14px} .top-nav ul ul:after{ display: none; } .mob-contact-info{ display: block; padding-left: 60px} .mob-contact-info li{ display: inline-block !important; vertical-align: top; margin: 0 10px !important} .mob-contact-info li:first-child{margin-left: 0 !important} .mob-contact-info li:last-child{ margin-left: 0 !important} .mob-contact-info li a{ padding: 5px 0 !important; font-size: 32px !important; color: #5a5a5a} .mob-contact-info .call-us{ padding: 36px 0; position: relative; margin-bottom: 40px; margin-top: 46px} .mob-contact-info .call-us:before,.mob-contact-info .call-us:after{ content: ""; position: absolute; left: -25px; width: 75px; height: 1px; background: #B0B0B0} .mob-contact-info .call-us:before{top: 0} .mob-contact-info .call-us:after{bottom: 0} .mob-contact-info .call-us p{ margin: 0; font-size: 15px; line-height: 22px; color: #939393; letter-spacing: 3px} .mob-contact-info .call-us p a{ display: table; font-size: 21px; color: #3F3F3F; margin-top: 5px; letter-spacing: 1px} .mob-contact-info .call-us p a:hover{ color: #7D1C56} .header-right .social{ display: none} .mob-search{ display: block; position: absolute; top: 16px; left: 30px; z-index: 9999} .mob-search a{ color: #636363; font-size: 22px} .mob-search a:hover{ color: #7D1C56} .menu-open .mob-search{ position: fixed; top: 46px} .top-nav ul li.search-btn{ display: none !important} .top-nav ul ul li a{ padding-left: 70px; font-size: 20px} .top-nav .arrow{ display: block; position: absolute; left: 26px; top: 7px; font-size: 22px; color: #A7A7A7; cursor: pointer; background: url(images/plau.svg) no-repeat 0 0; width: 25px; height: 25px; background-position: center; } .top-nav .arrow.up{ background: url(images/minus.svg) no-repeat 0 0; background-position: center} /*.top-nav .arrow:after{ content: "\f067"; font-family: FontAwesome} .top-nav .arrow.up:after{ content: "\f068"; font-family: FontAwesome}*/ .home-slider .owl-dots{ display: none} .home-slider .item:before, .home-slider .item:after, .home-slider .discover-more-btn { display: none} .home-slider .item {min-height: 372px; background-position: center} .home-slider .item:after { width: 100%} .home-banner .banner-text{ width: 100%} .home-banner .container{ padding: 0 ; } .home-banner .banner-text { padding: 18px 20px 0; background: rgba(0,0,0,0.50); position: absolute; left: 0; bottom: 0; height: auto} .home-banner .banner-text h1, .home-banner .banner-text h2{ font-size: 26px; line-height: 30px} .home-banner .banner-text span{ font-size: 12px; margin-bottom: 8px} .home-banner .banner-text p{ display: none} .inner-banner{ min-height: 395px; position: relative; margin-bottom: 0; } .inner-banner-text{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 0; background: rgba(1,121,138,0.9); padding: 16px 15px} .single-work .inner-banner-text, .banner-contain .inner-banner-text{ padding: 20px 15px;left: 0px} .banner-contain {height: 425px} .banner-contain h1 {font-size: 26px} .mobile-purple { background: rgba(123,0,81,1) !important; } .mobile-green { background: rgba(1,121,138,1) !important; } .mobile-orange { background: rgba(232,117,17,1) !important; } .inner-banner-text h1{ margin-bottom: 0; } .inner-banner-text br{ display: none; } .inner-banner-text span br{ display: block; } .inner-banner-text em{ display: block; } .inner-banner-text span{ display: inline-block; line-height: 31px; padding-bottom: 0; width: auto; padding-right: 0; background: none} .single-work .inner-banner-text span { line-height: 30px; } .team .inner-banner-text{ background: rgba(51,33,76,1)} .team .inner-banner-text em, .team .inner-banner-text span{ background: none} .inner-banner-text em{ background: none} .capabilities-intro{ padding: 40px 0 35px; } .capabilities-intro .text { text-align: left} .capabilities-intro .text p{ font-size: 16px; line-height: 28px} .capabilities-intro ul > li{ padding: 0 10px; padding-bottom: 20px} .capabilities-intro ul > li > a{ width: 160px; height: 160px; padding: 0px 20px; text-align: center} .capabilities-intro ul > li > a .title{ font-size: 12px; line-height: 18px; text-transform: none} .capabilities-intro ul > li > a i{ height: auto; width: 70px; margin: 0 auto 10px} .capabilities-intro ul > li > a img{ width: 100%; height: auto; display: block} .capabilities-intro ul > li > a .title br{ display: none} .capabilities-intro .description-img img {padding-top:0px} .intro-text{ padding: 40px 0 45px} .intro-text p{ padding-right: 0; font-size: 16px; line-height: 22px} .home-studio-sec{ padding-bottom: 0} .home-studio-sec .col{ margin-bottom: 20px; } .home-studio-sec h2{ margin-bottom: 4px} .home-studio-sec h2:after{ display: none} .home-studio-sec .img-info span{ font-size: 29px} .home-studio-sec .col:nth-of-type(even), .home-studio-sec .col:last-child { margin-top: 0} .home-studio-sec .more-btn{ display: none} .our-process-sec{ display: none} .blog-title h1{ display: inline; text-align: center} .blog-title { padding: 30px 0} .blog-list .text {padding: 0 0px 20px 0} .blog-list .text p { padding-right: 0; font-size: 16px; line-height: 22px} .blog-title form{ width: 100%} .blog-title form select{ width: 100%; margin-left: 0} .blog-title form input[type="text"]{ width: 100%; margin-left: 0; padding-right: 50px; height: 45px;} .blog-title form input[type="submit"]{ top: 70px;right: 0px;padding: 12px} .blog-title h1{ font-size: 22px; line-height: 50px; letter-spacing: 2px;} .blog-list .list .image{ width: 100%; position: static; padding-bottom: 83%} .blog-list .list .info{ width: 100%; min-height: inherit; padding: 20px 20px 30px 20px} .blog-list .list h2{ font-size: 22px; margin-bottom: 20px; padding-bottom: 20px} .blog-list .list .btn{ position: static} .blog-title .sbHolder{ width: 100% !important; margin-left: 0} .blog-title .secondform .sbHolder{ width: 49% !important; margin-left: 1%} .blog-title .firstform .sbHolder{ width: 49% !important; margin-right: 1%} .posttable td{display:block; width: 100%;} .posttable td.tabtitle {margin-top: 10px;} .meet-the-bloggers-sec h2{ font-size: 20px; letter-spacing: 3px} .meet-the-bloggers-sec .item-blog{ padding-bottom: 50%} .meet-the-bloggers-sec .item-blog.col-4{ width: 50%} .meet-the-bloggers-sec .text { padding: 30% 10px} .date{ display: block; text-align: center} .blog-inner .tag { margin-bottom: 30px} .blog-inner .posted-profile .profile-img{position: static; margin: 0 auto 15px} .blog-inner .posted-profile{ text-align: center} .blog-inner .posted-profile .text-info{ float: none; margin-left: 0} .related-post .text{ min-height: inherit} .related-post .post-row .post-inner .btn{ position: static} .related-post .text{ padding: 20px 20px} .blog-inner .blog-contant{ padding-bottom: 40px} .capabilities-intro ul .col-mob-6{ width: 49%; padding: 0 0 25px} .capabilities-intro .wrap-ul{ display: none} .mob-our-process{ display: block; background: #fff; padding-bottom: 0px} .mob-our-process .our-process-img{ padding-bottom: 44%; background-position: center; background-size: cover; position: relative; margin-bottom: 5px} .mob-our-process .our-process-img:after { content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.50); position: absolute} .mob-our-process .process-text{ padding: 18px 15px 0px} .mob-our-process span{ font-size: 13px; color: #9AA7B2; letter-spacing: 3px; font-family: 'Trebuchet MS'; font-weight: 400; display: block; margin-bottom: 8px} .mob-our-process h2{ font-size: 15px; color: #515151; line-height: 22px; margin-bottom: 40px; font-family: 'Trebuchet MS'; font-weight: 400} .mob-our-process .discover-more-btn{ border: 1px solid #9AA7B2; color: #9AA7B2; padding: 8px 22px; margin: 5px 0 70px} .mob-our-process .discover-more-btn:hover{ background: #9AA7B2; color: #fff} .mobile-slider{ display: block !important; position: relative; padding-bottom: 28px; } .mobile-slider .owl-dots{ display: none !important} .desk-slider{ display: none !important} .team-slider .item{ padding: 0; width: 180px; height: 180px; border-radius: 100%; margin: 0 auto 20px} .team-slider .text{ position: static; opacity: 1; background: none; padding: 0 15px; } .team-slider .text .name{ font-size: 18px; padding: 0; background: none; margin-bottom: 16px} .team-slider .text .name:hover{ color: #515151; background: none} .team-slider .text span{ font-size: 14px; color: #515151} .team-slider .text ul li a{ color: #8996A3; font-size: 20px} .team-slider .text ul li a:hover{ color: #902E69} .team-slider .owl-nav{ font-size: 0} .team-slider .owl-prev{ font-size: 0; position: absolute; top: 77px; left: 20px; } .team-slider .owl-next{ font-size: 0; position: absolute; top: 77px; right: 20px; } .team-slider .owl-next:after, .team-slider .owl-prev:after{ font-size: 50px; color: #8996A3; font-family: FontAwesome; } .team-slider .owl-next:hover:after, .designing-health-slider .owl-prev:hover:after{ color: #33214b} .team-slider .owl-next:after{ content: "\f105"} .team-slider .owl-prev:after{ content: "\f104"} .left-side{ width: 100%; float: none} .right-side{ width: 100%; float: none; padding: 0 15px} /*.career-text {margin-bottom: 30px; padding: 0 15px}*/ .career-text {margin-bottom: 30px; padding: 0} .career-text p{ font-size: 16px; line-height: 26px} /*.capabilities-intro .container{ padding: 0}*/ .career-info{ padding: 30px 15px 35px} .career-info h2{ font-size: 22px; line-height: 28px} .career-info p{ font-size: 13px; line-height: 18px} .map-sec .map{ margin-bottom: 30px; padding-top: 30px} .map-sec .address{ position: relative; padding-bottom: 40px; margin-bottom: 20px} .map-sec .address:after{ content: ""; position: absolute; left: 0; bottom: 0; width:75px; height: 1px; background: #979797} .map-sec .address h2{ position: absolute; top: -235px} .map-sec .address ul{ display: none} .email-us{ padding: 40px 15px 70px} .email-us p{ text-align: left; font-size: 17px} .email-us p a{ display: table; color: #515151} .email-us p a:hover{ color: #7D1C56} .how-to-apply h3{ font-size: 15px; margin-bottom: 10px} .how-to-apply h2{ font-size: 26px} .newsletter-sec{ display: none} .flexi-banner-text span {line-height: 25px} .flexi-banner-text em{ font-size: 13px; padding: 10px 20px 10px 30px} .flexi-banner-text{ padding: 18px 20px 15px; background: rgba(0,0,0,0.50); position: absolute; left: 0; bottom: 0; height: auto; width: 100%} .flexi-banner-text h1 br{ display: none} .flexi-banner-text em{ background: none; padding: 0} .flexi-banner-text span{ background: none; display: inline-block; padding: 0} .flexi-three-img .image {margin-bottom: 20px; min-height: inherit; padding: 0 0 70% 0} .flexi-four-img .image {margin-bottom: 20px; min-height: inherit; padding: 0 0 20% 0} .flexi-three-img .row{ display: block} .flexi-three-img .post-inner { margin-bottom: 20px} .flexi-three-img .post-inner .image{ min-height: inherit; padding-bottom: 50%; } .flexi-four-img .row{ display: block} .flexi-four-img .post-inner { margin-bottom: 20px} .flexi-four-img .post-inner .image{ min-height: inherit; padding-bottom: 50%; } .designing-health-slider .owl-prev, .designing-health-slider .owl-next{ top: 20px} .designing-health-slider .owl-next{ right: 20px} .designing-health-slider .owl-prev{ right: 60px} .designing-health-slider .image{ position: static; width: 100%; height: auto; min-height: inherit; padding-bottom: 75%} .designing-health-slider .text{ width: 100%; height: auto; min-height: inherit; float: none; padding: 20px 20px 100px 20px; margin: 0} .designing-health-slider .text h2{ position: static; font-size: 28px; line-height: 36px} .designing-health-slider .text .logo-brand{ bottom: 20px} .designing-health-slider .text h2 span{ padding: 0 20px} .millennials-ssec h2 span { padding: 0px 20px 10px 0px} .two-cal .text{ padding: 20px 20px} .two-cal h3, .two-cal h3 a { font-size: 18px} .two-cal .btn{ position: static} .description-sec{ padding: 15px 15px 50px} .related-item-img img{ display: none} .item-col{ padding: 20px 15px 5px; margin-bottom: 20px; position: relative} .item-col:after{ content: ""; width:60px ; height: 1px; background: #d8d8d8; top: 0px; left: 15px; display: block; position: absolute} .description-img{float: none; width: 100% !important; margin-bottom: 30px} .description-col h5{ margin-bottom: 0} /*.description-sec .col-7{float: none; width: 100% !important:}*/ .description-col h2{ position: absolute; padding: 15px 17px 15px 15px; background: #33214b; color: #fff; top: 60px; left: 0; letter-spacing: 1px; font-size: 18px;z-index: 10} .capaslide .owl-next:after, .capaslide .owl-prev:after{display: none} .close-btn{ width: 30px; height: 30px; margin-right: 14px 0 0} .blog-inner .post-left h2{ font-size: 20px} .description-col p:nth-child(2){ font-weight: 700; font-size: 20px} .related-item-sec h3{ text-align: left; padding-left: 15px} .related-item-img figcaption{ font-size: 14px; color: #432E5E} .how-to-apply p{ font-size: 13px} .how-to-apply:last-child:after{ display: block; bottom: -30px} .address-sec .footer-address a{ display: table} .address-sec .footer-address{width: 100%!important} .designing-health-slider .text h2{ letter-spacing: 1px} .designing-health-slider .text h2 span:first-child{ padding-bottom: 5px} .description-sec{ position: relative} .address-sec .container{ padding-top: 0} .footer-tag-line ul li:nth-child(1){ display: block} .footer-tag-line ul li:nth-child(2){ display: block; margin-bottom: 14px} .footer-tag-line ul li:nth-child(2):before{ display: none} .footer-tag-line ul li:nth-child(3):before{ display: none} .footer-social p{ margin-top: 20px; color: #DFDFDF !important; font-size: 16px !important} .address-sec .footer-address .footer-social ul li a{color: #DFDFDF} .address-sec .footer-address .footer-social ul li a:hover{color: #fff} .footer-social{ display: block !important} .address-sec .sign-news {padding-right: 0px} .footer-tag-line ul li:before{ margin: 0 6px} .sign-news #mce-EMAIL{display: inline-block; width: 68%} .sign-news #mc-embedded-subscribe{display: inline-block; width: 29%; padding: 14px 30px;} .mob-tab-title{ display: block; background: #04798B; margin-bottom: 36px} .mob-tab-title .tab-title{ display: inline-block; padding: 17px 4px; width: 25%; float: left; color: #fff; text-transform: uppercase; font-size: 11.8px; font-weight: 400; text-align: center; cursor: pointer; position: relative; letter-spacing: 0} .mob-tab-title .tab-title.active:after{ content: ""; position: absolute; bottom: -7px; left: 0; right: 0; margin: 0 auto; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #01798a} .address-sec .col-sm-12{ display: none} .address-sec .col-sm-12.active{ display: block} .address-sec .footer-address p, .address-sec .footer-address a{ font-size: 16px} .footer-tag-line ul li{ margin: 0} .address-sec .footer-address .footer-social ul li a{ font-size: 23px} .address-sec .footer-address .footer-social ul li:first-child{ margin-left: 0} .address-sec .container { padding: 0px 15px 20px} .text-block{ padding: 40px 0 30px 0} .millennials-ssec { padding: 0px 0 40px} footer .to-top{ display: block; } .blog-list .page-content form input[type="text"]{ width: 100%; } .blog-list .page-content form input[type="submit"]{ right: 0; top: 87px; } .blog-title .form-outer { width: 100%} .page-template-page-news .blog-title { padding: 50px 0 0 0; } .inner-banner-text span:last-child {padding-bottom: 5px;line-height: 35px;box-shadow: none;background: none} .inner-banner-text em {padding: 0px 15px 8px 10px} } /*------------mobile portrait view------*/ @media (max-width:640px) { .clients .col-3{width: 48%; padding-right: 2%} .clients p { margin-bottom: 0;} .blog-list .list h2{ font-size: 20px} .pagination ul li{ padding: 0 5px} .pagination ul li.text-next a, .pagination ul li.text-back a { font-size: 15px} .pagination ul li a { font-size: 18px} .meet-the-bloggers-sec .item-blog.col-4{ width: 100%} .meet-the-bloggers-sec .item-blog { padding-bottom: 100%} .meet-the-bloggers-sec .text { padding: 40% 10px} .blog-inner .right-info .blog-inner-title{ position: static; background: #7D1C56} .blog-inner .right-info .blog-inner-title span{ font-size: 20px; line-height: 25px; display: inline-block; padding: 10px 15px; left: 0; box-shadow: none;} .blog-inner .right-info .blog-inner-title span br{ display: none} .blog-inner .right-info .blog-inner-title span:after{ width: 15px; left: -15px} .blog-inner .blog-contant .blog-share{ padding: 0; position: static; text-align: left} .blog-share span{ text-align: center} .millennials-ssec h2 { font-size: 25px} .millennials-ssec h2 span:first-child { padding-top: 10px} .millennials-ssec h2 span:last-child { padding-bottom: 10px} .col-sm-4{ width: 50%; min-height:240px} .category .blog-title {padding: 70px 0 0 0} } /*----------optional css------*/ @media (max-width:480px) { .sign-news #mce-EMAIL{display: inline-block; width: 100%} .blog-title .select-category ul a {font-size: 13px} .sign-news #mc-embedded-subscribe{display: inline-block; width: auto; padding: 14px 30px;} .container {padding: 0 15px} .fixedspacer {height: 100px} .home-studio-sec .img-info span{ font-size: 20px; line-height: 25px} .meet-the-bloggers-sec .text { padding: 30% 10px} .millennials-ssec {padding: 0} /*.blog-inner .right-info .blog-inner-title{ margin-left: -15px; margin-right: -15px}*/ .blog-inner .right-info .blog-inner-title span{ font-size: 14px; line-height: 22px} /*.blog-inner .right-info .blog-inner-title span:last-child { padding-bottom: 10px}*/ .capabilities-intro ul > li > a i{ width: 60px} .inner-banner{ margin-bottom: 0} .inner-banner-text{ bottom: 0} .inner-banner-text span{ padding: 0; } .inner-banner-text h1{ font-size: 24px} .inner-banner-text em{ font-size: 12px; padding: 0px 20px 10px} .capabilities-intro ul > li:nth-child(odd){ padding-left: 0} .capabilities-intro ul > li > a{ width: 120px; height: 120px; padding: 0px 10px} .capabilities-intro ul > li > a i{ width: 40px} .designing-health-slider .text h2 { font-size: 22px; line-height: 30px} .designing-health-slider .text h2 span:first-child {padding-top: 7px} .designing-health-slider .text h2 span:last-child { padding-bottom: 10px} .millennials-ssec h2{ background: #7e1c57; display: block; left: 0; padding: 10px 10px; line-height: 1.2; } .millennials-ssec h2 br{ display: none} .inner-banner-text span{ line-height: 28px; padding: 0 10px 10px 0 } .inner-banner-text h1{ font-size: 21px} .col-sm-4{ width: 50%; min-height:140px} .listing-column ul li .image{min-height: 300px} .inner-banner-text span:last-child {padding-bottom: 5px;line-height: 26px;box-shadow: none;background: none} .inner-banner-text em {padding: 0px 15px 8px 10px} .category .blog-title {padding: 50px 0 0 0} .map-sec .map-row{ display: block} .map-sec .map-col{ width: 100%; float: none} } @media screen and (min-width:1300px) { .inner-banner {min-height:700px} .home-banner-slider .item {height:650px} .home-banner-slider .item {max-height:630px;min-height:630px} } @media (min-width:1781px) { .search-box:after{ right: 50px} }