/* ####################################################################### 0. CSS Reset, Font setup and Plugins ####################################################################### */ .content-inner h2 span{font-size:18px!important; font-weight:bold; color:#202020; display:block;} .mainmenu .menu-item a img{width: 30px; max-height: 100%!important; position: relative; top: 8px;} @font-face { font-family: 'Poppins', sans-serif; src: url('fonts/montserrat-light-webfont.eot'); src: url('fonts/montserrat-light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-light-webfont.woff2') format('woff2'), url('fonts/montserrat-light-webfont.woff') format('woff'), url('fonts/montserrat-light-webfont.ttf') format('truetype'), url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('fonts/montserrat-regular-webfont.eot'); src: url('fonts/montserrat-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular-webfont.woff2') format('woff2'), url('fonts/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;800&display=swap'); html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font-family: 'Poppins', sans-serif; font-weight:400; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; overflow:hidden; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } ins { background-color: #ff9; color: #333; text-decoration: none; } mark { background-color: #ff9; color: #333; font-style: italic; font-weight: 700; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } body { font: 13px/1.231 sans-serif; } select, input, textarea, button { font: 99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } nav ul, nav li { list-style: none; list-style-image: none; margin: 0; } small { font-size: 85%; } strong, th { font-weight: 700; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -.5em; } sub { bottom: -.25em; } pre { white-space: pre-wrap; word-wrap: break-word; padding: 1em; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } input[type="radio"], .ie6 input { vertical-align: text-bottom; } em { font-style: oblique; } /* ####################################################################### 0.0 CSS Support for QuickFlickr Widget (http://wordpress.org/extend/plugins/quick-flickr-widget/) ####################################################################### */ .quick-flickr-item { width: 32.333333%; margin-top: 4px; float: left; } .quick-flickr-item img { width: 88%; } /* ####################################################################### 0.1 Plugin - Superfish ####################################################################### */ nav.mainmenu ul ul { position: absolute; top: -999em; width: 12em; text-align: left; z-index: 3; background: #3b4345; padding: 1em 1em; margin-top: 14px; } nav.mainmenu ul ul a, nav.mainmenu ul ul li.current_page_item a, nav.mainmenu ul ul li.current-menu-item a, nav.mainmenu ul ul li.current_page_ancestor a, nav.mainmenu ul ul li.current_page_parent a, nav.mainmenu ul ul li.current-post-ancestor a, nav.mainmenu ul ul li.current-page-ancestor a, nav.mainmenu li.current_page_ancestor li a, nav.mainmenu li.current_page_parent li a, nav.mainmenu li.current_page_item li a, nav.mainmenu li.current-menu-item li a { color: #333 !important; font-size: 80%; } nav.mainmenu ul ul ul { margin-top: 4px; } nav.mainmenu ul ul li { width: 100%; float: left; display: block; line-height: 1em; margin: 0.25em 0; } nav.mainmenu ul li:hover { visibility: inherit; } nav.mainmenu ul li, nav.mainmenu ul a { position: relative; } nav.mainmenu ul li:hover ul, nav.mainmenu ul li.sfHover ul { left: 0; top: 1.5em; z-index: 99; } nav.mainmenu ul li:hover ul li ul, nav.mainmenu ul li.sfHover ul li ul { left: 13em; } nav.mainmenu ul li:hover ul ul { left: 12em; } nav.mainmenu ul li:hover li ul, nav.mainmenu ul li.sfHover li ul { top: -999em; } nav.mainmenu ul li li:hover ul, nav.mainmenu ul li li.sfHover ul { left: 7em; top: 0; } nav.mainmenu ul li li:hover li ul, nav.mainmenu ul li li.sfHover li ul { top: -999em; } nav.mainmenu li.sfHover a { text-decoration: none; } nav.mainmenu ul ul li a, nav.mainmenu li.sfHover li a { text-decoration: none; background: none; } nav.mainmenu ul li ul li a { text-decoration: none; padding: 0.75em 0 0.25em 0; display: block; float: left; width: 100%; background: none; border-bottom: none; } nav.mainmenu ul ul li:first-child a { padding: 0; border-top: none; } nav.mainmenu ul ul a:hover { text-decoration: underline; } /* ####################################################################### 0.2 Plugin - meanMenu ####################################################################### */ /*! ####################################################################### MeanMenu 2.0.6 -------- To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) ####################################################################### */ /* hide the link until viewport size is reached */ a.meanmenu-reveal { display: none; } /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar { float: left; width: 100%; position: relative; background: #0c1923; padding: 4px 0; min-height: 42px; z-index: 999999; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-nav { float: left; width: 100%; background: #0c1923; margin-top: 44px; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 16px 5%; margin: 0; text-align: left; color: #fff; border-top: 1px solid #383838; border-top: 1px solid rgba(255, 255, 255, 0.5); text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li li a { width: 80%; padding: 16px 10%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { width: 70%; padding: 16px 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 16px 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 16px 25%; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255, 255, 255, 0.1); } .mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 32px; padding: 15px 12px 10px 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255, 255, 255, 0.1); border: none !important; border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0, 0, 0, 0.9); } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } /* Fix for box sizing on Foundation Framework etc. */ .mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mean-remove { display: none !important; } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -0; } .flex-direction-nav .flex-next { right: 0; } .flexslider:hover .flex-prev { opacity: 0.9; left: 10px; } .flexslider:hover .flex-next { opacity: 0.9; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #252b2d; background: rgba(37, 43, 45, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(37, 43, 45, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(37, 43, 45, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 767px) { .flex-direction-nav .flex-prev, .flexslider:hover .flex-prev, .flexslider:hover .flex-next, .flex-direction-nav .flex-next { opacity: 0; display: none; } } /* * Skin for jPlayer Plugin (http://jplayer.org/) * jPlayer Version: 2.2.0 * * Based on Author: @thelukemcdonald (lukemcdonald.com) implementation and design by @ormanclark (premiumpixels.com). */ /* GENERAL ----------------------------------------------- */ .jp-jplayer { width: 0px; height: 0px; background-color: #000000; } .jp-audio { margin: 0 auto; width: 100%; max-width: 100%; padding: 0 0 0 0; font-size: 1em; font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif; color: #fff; line-height: 1.6; } .jp-audio a { text-decoration: none; color: #d2d6db; } .jp-audio a:hover { color: #ffffff; } .jp-interface { position: relative; height: 30px; width: 100%; background-color: #222222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#3a3b3c), to(#222222)); background-image: -moz-linear-gradient(#3a3b3c, #222222); background-image: -ms-linear-gradient(#3a3b3c, #222222); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3b3c), color-stop(100%, #222222)); background-image: -webkit-linear-gradient(#3a3b3c, #222222); background-image: -o-linear-gradient(#3a3b3c, #222222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3b3c', endColorstr='#222222', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3b3c', endColorstr='#222222', GradientType=0)"; background-image: linear-gradient(#3a3b3c, #222222); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* CONTROLS ----------------------------------------------- */ .jp-controls { float: left; width: 30px; height: 30px; list-style-type: none; padding: 0; margin: 0; z-index: 100; } .jp-controls:after { content: " "; position: absolute; top: 0; left: 30px; width: 0; height: 30px; border-left: 1px solid #242526; border-right: 1px solid #323334; } .jp-controls li { float: left; } .jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; } .jp-play, .jp-pause, .jp-mute, .jp-unmute { z-index: 1; outline: none; width: 30px; height: 30px; background-position: 10px center; background-repeat: no-repeat; } .jp-play:hover, .jp-pause:hover, .jp-mute:hover, .jp-unmute:hover { background-position: -23px center; } .jp-play, .jp-pause { background-image: url("assets/img/audio/play.html"); background-position: 10px 35%; } .jp-play:hover, .jp-pause:hover { background-position: -23px 35%; } /*New CSS ADDED for Nidhi Mam*/ .marTop65{margin-top:65px;} .col-lf, .col-right, .col-content{display:inline-block; vertical-align: top; padding-left:0.5%; padding-right:1.5%;} .col-lf, .col-right{width:24%;} .col-lf{width:28%;} .col-content .content-inner{text-align:left;} .socialIcons{list-style:none; margin:0px; padding:0px;} .socialIcons li{list-style:none; margin:0px 5px 0px 5px; padding:0px; display:inline-block;} .col-content{width:45%; padding-left:1%; padding-right:1%;} .aboutNidhiMam{padding-top:70px; padding-bottom:140px;} .col-content h3{font-size:15px!important; font-weight:bold; color:#222222!important; text-transform:unset; margin:0px; padding:0px; margin-top:55px; } .col-content h2{font-size:32px!important; margin-bottom:30px!important; font-weight:bold!important; color:#222222!important; text-transform:unset; margin:0px ; padding:0px; text-align:left!important;} .col-content p{margin-bottom:35px; color:#6f6f6f!important; padding-right:8%;} #article-21.entrepreneur.visionSection{background:url(../images/vision-bg.png) no-repeat center center; background-size:cover; padding-top:70px; padding-bottom:70px; overflow:visible;} #article-21.entrepreneur.visionSection .wrapper{position:relative;} #article-21.entrepreneur.visionSection h2{font-size:30px!important; font-weight:bold; color:#06325e; text-transform:capitalize; margin-bottom:10px;} .patternVisionLeft{position:absolute; left:0px; top:-107px; z-index:9;} .patternVisionRight{position:absolute; right:0px; bottom:-111px; z-index:9;} #article-4.investor.consult{background:#ffffff;} #article-4.investor.consult .wrapper{width:65%; margin-left:auto; margin-right:auto; position:relative;} #article-4.investor.consult .wrapper .inner{padding-bottom:30px;} #article-4.investor.consult h2, #article-2.investor.sessions h2 {font-size:32px; font-weight:bold; color:#222222; margin-bottom:40px; text-transform:capitalize;} #article-2.investor.sessions h2{margin-bottom:0px; margin-top:80px!important;} .three-box-section{width:100%;} #article-2.investor.sessions p{color:#202020; margin-top:40px; font-weight:bold; font-size:20px;} #article-2.investor.sessions ul li{color:#202020; font-size:15px!important;} .three-box-section .three-boxes{background:#effafd; padding:15px; border-radius:10px; display:inline-block; margin-right:2.4%; vertical-align: top; width:30%; margin-top:10px; margin-bottom:15px; min-height:160px; position:relative;} #article-4.investor .induscon{padding-left:0px!important; padding-right:0px!important;} .three-box-section .three-boxes.liPink{background:#fdf2ef;} .three-box-section .three-boxes.liGreen{background:#eff8f7;} #mystoryTabs{ background:#c7d9d5 url(../images/bg-scratch.jpg) no-repeat top center; } .mystoryTabs-inner{padding-top:90px; padding-bottom:90px; background: url(../images/bg-scratch-bottom.jpg) no-repeat bottom center;} .three-box-section .three-boxes.liPink h6{color:#f5606d; font-weight:400;} .three-box-section .three-boxes.liGreen h6{color:#31a295; font-weight:400;} .three-box-section .three-boxes.liBlue h6{color:#282b25; font-weight:400;} .three-box-section .three-boxes h5{color:#122477; margin:15px 0px 0px 0px; text-transform:capitalize; font-weight: 400; } .three-box-section .three-boxes p{font-size:15px; margin:0px; padding:0px; margin-bottom:40px; font-weight:normal; color:#222222;} .three-box-section .three-boxes h6{position:absolute; bottom:10px;} .centerDiv{width:100%; text-align:center;} nav.mainmenu ul li, nav.mainmenu ul a{font-size:17px; font-weight:normal;} a.btn{background:#f5606d!important; border:none!important; padding:12px 20px!important; border-radius:0px 6px 0px 6px!important; color:#ffffff!important; text-transform:capitalize!important;} .induscon a{color:#3d17a7;} .consultPattern{position:absolute; right:-260px; bottom:240px;} #mystoryTabs h2{text-transform:unset; font-size:34px!important; font-weight:bold; color:#151515; text-align:center;} #mystoryTabs p{text-align:center; color:#040107; font-size:17px; font-weight:400;} #mystoryTabs .tabColumn p{color:#253053; font-size:14px; font-weight:normal; line-height:18px;} .tabRow{width:100%; margin:0px; padding:0px; list-style:none;} .tabRow .tabColumn{width:30.25%; display:inline-block; margin:0px; padding:0px; list-style:none; margin-right:1.75%; text-align:left;} .tabRow .tabColumn:last-child{margin-right:0px;} .tabRow .tabColumn{padding:8px; background:#ffffff; box-shadow:0px 5px 5px rgba(5, 84, 194, 0.15); margin-bottom:20px; text-align:left;} .tabRow .tabColumn p{color:#253053; font-size:15px; line-height:20px; font-weight:600; padding-right:10px; margin-bottom:5px; text-align:left!important;} ul#tabs { list-style-type: none; padding: 0; text-align: center; width:75%; display:table; margin-left:auto; margin-right:auto; background:#2d4e47; border:2px solid #2d4e47; border-radius:60px; margin-bottom:2.5em; margin-top:2.0em; } ul#tabs li { display: table-cell; padding: 17px 22px 17px 35px; margin-bottom: 0px; color: #ffffff; width:auto; font-size:14px; background:url(../images/videi-icon-wt.png) no-repeat 22px center; font-weight:400; border-radius:60px; cursor: pointer; } ul#tabs li:hover { background: #ffffff url(../images/videi-icon.png) no-repeat 22px center; color:#2d4e47; } ul#tabs li.active { background: #ffffff url(../images/videi-icon.png) no-repeat 22px center; color:#2d4e47; } ul#tab { list-style-type: none; margin: 0; padding: 0; } #content-tab div { display: none; } #content-tab div.active { display: block; } #content-tab>div{ text-align:center; width:100%; margin:0 auto; padding:0px; color:#fff; } /*New CSS ADDED for Nidhi Mam*/ @media all and (-webkit-min-device-pixel-ratio: 1.5) { .jp-play { background-image: url("assets/img/audio/play%402x.html"); background-size: 44px 13px; } } .jp-pause { display: none; background-image: url("assets/img/audio/pause.html"); } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .jp-pause { background-image: url("assets/img/audio/pause%402x.html"); background-size: 44px 11px; } } .jp-mute, .jp-unmute { display: block; position: absolute; top: 0; right: 55px; } .jp-mute { background-image: url("assets/img/audio/mute-off.html"); } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .jp-mute { background-image: url("assets/img/audio/mute-off%402x.html"); background-size: 50px 13px; } } .jp-unmute { background-image: url("assets/img/audio/mute-on.html"); } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .jp-unmute { background-image: url("assets/img/audio/mute-on%402x.html"); background-size: 43px 11px; } } /* PROGRESS BAR ----------------------------------------------- */ .jp-progress { position: absolute; padding: 0 10% 0 12%; margin-top: 12px; margin-bottom: 12px; margin-left: 0; margin-right: 0; width: 78%; height: 7px; } .jp-seek-bar, .jp-play-bar { width: 0px; height: 5px; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .jp-seek-bar { cursor: pointer; position: relative; z-index: 999; background: #464849; width: 85% !important; } .single .post-audio .jp-seek-bar { width: 80% !important; } .jp-seek-bar:before { content: " "; display: block; background: transparent; border: 1px solid; border-color: #212424 #262929 #262929; height: 5px; width: 100%; position: relative; top: -1px; left: -1px; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .jp-play-bar { position: absolute; top: 0; left: 0; -webkit-animation: progress 0.75s linear infinite; -moz-animation: progress 0.75s linear infinite; -o-animation: progress 0.75s linear infinite; -ms-animation: progress 0.75s linear infinite; animation: progress 0.75s linear infinite; } /* VOLUME BAR ----------------------------------------------- */ .jp-volume-bar { float: right; z-index: 99; position: relative; margin: 12px 10px 12px; width: 40px; height: 7px; cursor: pointer; background: #262929; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .jp-volume-bar:before { content: " "; position: absolute; top: -12px; left: -35px; width: 0; height: 30px; border-left: 1px solid #323334; border-right: 1px solid #242526; } .jp-volume-bar-value { width: 0px; height: 5px; margin: 1px; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } /* Diagonal Background Bars */ .jp-play-bar, .jp-volume-bar-value { -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); -khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); -o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); -webkit-background-size: 7px 7px; -moz-background-size: 7px 7px; -o-background-size: 7px 7px; background-size: 7px 7px; background-color: #db5d2c; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fff200), to(#fcc500)); background-image: -moz-linear-gradient(#fff200, #fcc500); background-image: -ms-linear-gradient(#fff200, #fcc500); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fcc500)); background-image: -webkit-linear-gradient(#fff200, #fcc500); background-image: -o-linear-gradient(#fff200, #fcc500); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0)"; background-image: linear-gradient(#fff200, #fcc500); background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); } /* TIME HOLDER ----------------------------------------------- */ .jp-time-holder { display: none; visibility: hidden; } /* TIME HOLDER ----------------------------------------------- */ .jp-toggles { display: none; visibility: hidden; } /* PLAYLIST ----------------------------------------------- */ .jp-playlist { width: 95%; margin: 0 auto; font-size: 13px; background-color: #3a3b3c; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .jp-playlist a { display: block; } .jp-playlist ul { width: 100%; padding: 0; margin: 0; list-style: none; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); -khtml-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); } .jp-playlist li { display: none; width: 100%; padding: 5px 10px; border-top: 1px solid #3d3f40; border-bottom: 1px solid #323334; } .jp-playlist li:first-child { border-top: none; } .jp-playlist li:last-child { border-bottom: none; } .jp-free-media { float: right; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; font-size: 10px; text-transform: uppercase; margin-top: 1px; display: block; } .jp-free-media:hover { filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .jp-free-media a { display: inline; } .jp-free-media a:first-child:before, .jp-free-media a:last-child:after { content: " "; } .jp-playlist-current a { font-weight: bold; color: white; } .jp-playlist-current .jp-free-media a { font-weight: normal; } /* CSS3 ANIMATINS ----------------------------------------------- */ /* Progress Bar Animation */ @-webkit-keyframes progress { 0% { background-position: 0; } 100% { background-position: -7px; } } @-moz-keyframes progress { 0% { background-position: 0; } 100% { background-position: -7px; } } @-ms-keyframes progress { 0% { background-position: 0; } 100% { background-position: -7px; } } @-o-keyframes progress { 0% { background-position: 0; } 100% { background-position: -7px; } } /* ####################################################################### 1. WordPress defaults ####################################################################### */ .alignnone { margin: 5px 0 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .aligncenter, div.aligncenter, .aligncenter { display: block; margin: 5px auto; } .alignright, a img.alignright { float: right; margin: 5px 0 20px 20px; } .alignleft, a img.alignleft { float: left; margin: 5px 20px 20px 0; } .wp-caption.aligncenter { text-align: center; } .wp-caption.alignleft { text-align: left; } .wp-caption.alignright { text-align: right; } .gallery-caption { font-style: normal; font-size: 80%; } .bypostauthor .avatar { border-color: #ccc; } .wp-caption { padding: 10px; background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); display: inline-block; max-width: 100%; } .wp-caption img { border: 1px solid #ccc; } .wp-caption p { margin: 0; padding: 0; } /* calendar widget */ #wp-calendar { width: 85%; margin: 0; max-width: 100px; font-size: 13px; } #wp-calendar caption { text-align: left; color: #fff; font-size: 12px; margin-top: 10px; margin-bottom: 15px; text-transform: uppercase; } #wp-calendar thead { font-size: 13px; } #wp-calendar thead th, #wp-calendar td { border: none; } #wp-calendar thead th { padding-bottom: 10px; font-weight: 700; text-align: center; color: #fff; padding: 8px; background: none; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } #wp-calendar tbody { color: #fff; } table#wp-calendar td { background: none; } #wp-calendar tbody td { background: none; border: none; text-align: center; padding: 8px; } #wp-calendar tbody tr:hover td { opacity: 0.5; } #wp-calendar td a { background: #f1f1f1; display: inline-block; padding: 6px 10px; border-radius: 50px; color: #000; } #wp-calendar td#today { background: #f1f1f1; background: rgba(255, 255, 255, 0.6); display: inline-block; padding: 10px; border-radius: 50px; color: #000; } #wp-calendar tfoot a { display: inline-block; padding: 0; background: none; color: #fff; } #wp-calendar tbody tr td.pad:hover { background: none; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev a { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #fff; } .sidebar #wp-calendar a, footer #wp-calendar a { color: #333; } /* ####################################################################### 2. Social icons ####################################################################### */ a.social { display: inline-block; position: relative; width: 22px; height: 22px; margin-left: 15px; margin-bottom: 5px; -o-transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; opacity: 0.3; filter: alpha(opacity=30); text-indent: -9999em; color: transparent !important; font-size: 1px; line-height: 47px; border: none !important; } a.social:hover { -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; opacity: 0.9; filter: alpha(opacity=90); } a.social:first-of-type { margin-left: 0; } a.social.first { margin-left: 0; } a.social.twitter { background: url(../images/social-twitter-black.png) 0 0 no-repeat; } a.social.facebook { background: url(../images/social-facebook-black.png) 0 0 no-repeat; } a.social.linkedin { background: url(../images/social-linkedin-black.png) 0 0 no-repeat; } a.social.googleplus { background: url(../images/social-googleplus-black.png) 0 0 no-repeat; } a.social.vimeo { background: url(../images/social-vimeo-black.png) 0 0 no-repeat; } a.social.youtube { background: url(../images/social-youtube-black.png) 0 0 no-repeat; } a.social.zerply { background: url(../images/social-zerply-black.png) 0 0 no-repeat; } a.social.pinterest { background: url(../images/social-pinterest-black.png) 0 0 no-repeat; } a.social.dribbble { background: url(../images/social-dribbble-black.html) 0 0 no-repeat; } a.social.github { background: url(../images/social-github-black.html) 0 0 no-repeat; } a.social.instagram { background: url(../images/social-instagram-black.png) 0 0 no-repeat; } a.social.flickr { background: url(../images/social-flickr-black.html) 0 0 no-repeat; } a.social.rss { background: url(../images/social-rss-black.html) 0 0 no-repeat; } a.social.adn { background: url(../images/social-adn-black.png) 0 0 no-repeat; } a.social.behance { background: url(../images/social-behance-black.html) 0 0 no-repeat; } a.social.tumblr { background: url(../images/social-tumblr-black.html) 0 0 no-repeat; } a.social.lastfm { background: url(../images/social-lastfm-black.html) 0 0 no-repeat; } a.social.xing { background: url(../images/social-xing-black.html) 0 0 no-repeat; } a.social.foursquare { background: url(../images/social-foursquare-black.html) 0 0 no-repeat; } a.social.white.twitter { background: url(assets/img/social-twitter-white.html) 0 0 no-repeat; } a.social.white.facebook { background: url(assets/img/social-facebook-white.html) 0 0 no-repeat; } a.social.white.linkedin { background: url(assets/img/social-linkedin-white.html) 0 0 no-repeat; } a.social.white.googleplus { background: url(assets/img/social-googleplus-white.html) 0 0 no-repeat; } a.social.white.vimeo { background: url(assets/img/social-vimeo-white.html) 0 0 no-repeat; } a.social.white.youtube { background: url(assets/img/social-youtube-white.html) 0 0 no-repeat; } a.social.white.zerply { background: url(assets/img/social-zerply-white.html) 0 0 no-repeat; } a.social.white.pinterest { background: url(assets/img/social-pinterest-white.html) 0 0 no-repeat; } a.social.white.dribbble { background: url(assets/img/social-dribbble-white.html) 0 0 no-repeat; } a.social.white.github { background: url(assets/img/social-github-white.html) 0 0 no-repeat; } a.social.white.instagram { background: url(assets/img/social-instagram-white.html) 0 0 no-repeat; } a.social.white.flickr { background: url(assets/img/social-flickr-white.html) 0 0 no-repeat; } a.social.white.rss { background: url(assets/img/social-rss-white.html) 0 0 no-repeat; } a.social.white.adn { background: url(assets/img/social-adn-white.html) 0 0 no-repeat; } a.social.white.behance { background: url(assets/img/social-behance-white.html) 0 0 no-repeat; } a.social.white.tumblr { background: url(assets/img/social-tumblr-white.html) 0 0 no-repeat; } a.social.white.lastfm { background: url(assets/img/social-lastfm-white.html) 0 0 no-repeat; } a.social.white.xing { background: url(assets/img/social-xing-white.html) 0 0 no-repeat; } a.social.white.foursquare { background: url(assets/img/social-foursquare-white.html) 0 0 no-repeat; } /* ####################################################################### 3. Shortcodes ####################################################################### */ .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { width: 100%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; } .last { margin-right: 0 !important; clear: right; } .clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; } .clear { clear: both; display: block; width: 100%; float: left; } .status, .comment-body em { display: block; width: 96%; padding: 10px 2%; border-radius: 4px; margin: 0.5em 0 1em 0; } .status.oops { background: #f9e1e1; border: 1px solid #eec4c4; } .status.less-oops, .comment-body em { background: #fde8d9; border: 1px solid #e1c5af; } .status.ok { background: #d2ebd1; border: 1px solid #bad2ba; } .status p { margin: 0.5em 0; } a.btn, button, a.button, a.button:visited, .password-protect input[type=submit], .form-submit input, .comment-reply a, input.searchsubmit, a.more-link, input[type=submit] { padding: 1.25em 1.5em 1.25em 1.5em; width: auto; border: none; display: inline-block; color: #fff !important; background: #4c5153; text-decoration: none; vertical-align: middle; margin-top: 30px; margin-bottom: 30px; font-weight: 400; font-weight: 200; -webkit-appearance: none; border: 6px solid #eff5f7; } a.btn, button, a.button, a.button:visited, .password-protect input[type=submit], .form-submit input, .comment-reply a, input.searchsubmit, a.more-link, input[type=submit], a.btn:hover, button:hover, a.button:hover, .password-protect input[type=submit]:hover, .form-submit input:hover, .comment-reply a:hover, input.searchsubmit:hover, a.more-link:hover, input[type=submit]:hover { -o-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } a.button.square { border-radius: 2px; } a.button.large, a.btn.large { padding: 20px 60px; } a.button:hover, a.btn:hover, button:hover, .password-protect input[type=submit]:hover, .form-submit input:hover, .comment-reply a:hover, input.searchsubmit:hover, a.more-link:hover, input.wpcf7-submit:hover { text-decoration: none; border-color: #262a2b; } a.button:active { position: relative; top: 1px; } a.button.grey { border-color: #eff5f7 !important; } a.button.grey:hover { border-color: #3e4345 !important; } a.button.black { border-color: #333 !important; } a.button.black:hover { border-color: #000 !important; } a.button.green { border-color: #b3ce7e !important; } a.button.green:hover { border-color: #7e9b47 !important; } a.button.light-blue { border-color: #8aabb5 !important; } a.button.light-blue:hover { border-color: #4b7784 !important; } a.button.blue { border-color: #db5d2c !important; } a.button.blue:hover { border-color: #266476 !important; } a.button.red { border-color: #f77564 !important; } a.button.red:hover { border-color: #b75548 !important; } a.button.orange { border-color: #f7a664 !important; } a.button.orange:hover { border-color: #cf6916 !important; } a.button.purple { border-color: #a18bcf !important; } a.button.purple:hover { border-color: #6547a4 !important; } a.button.pink { border-color: #e38f8f !important; } a.button.pink:hover { border-color: #c76d6d !important; } .mt-tabs .ui-tabs-hide { position: absolute; left: -99999em; } .mt-tabs { background: none; margin: 0 0 2em 0; } .mt-tabs ul.nav { list-style: none !important; margin: 0 !important; padding: 0; background: none; border: 0; float: none; } .mt-tabs ul.nav li { float: left; position: relative; margin: 0 2px -1px 0 !important; z-index: 10; list-style: none !important; } .mt-tabs ul.nav li a { border: 1px solid #dfdfdf !important; border-bottom: none !important; display: block; overflow: hidden; padding: 5px 10px 10px 10px; min-height: 26px; background: #fcfcfc; margin: 0 !important; text-decoration: none; color: #373737 !important; border-radius: 3px 3px 0 0; } .mt-tabs ul.nav li a:hover { background: #fff !important; margin: 0 !important; } .mt-tabs ul.nav li.tab-active a { min-height: 27px; background: #fff; } .mt-tabs .tab { background: #fff; padding: 10px; border: 1px solid #dfdfdf; } .toggle { margin: 0 0 2em 0; } .toggle .toggle-title { display: block; padding: 10px 10px 10px 30px; background: #fcfcfc; border: 1px solid #c5c5c5; cursor: pointer; outline: none; position: relative; } .toggle .toggle-title:hover { border: 1px solid #c5c5c5; } .toggle-inner { padding: 10px; background: #fff; border: 1px solid #c5c5c5; border-top: none; } .toggle span.ui-icon { background: url(assets/img/toggle-open.html) no-repeat; width: 12px; height: 12px; position: absolute; top: 50%; left: 10px; margin: -6px 0 0 0; } .toggle .ui-state-active .ui-icon { background: url(assets/img/toggle-close.html) no-repeat; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .bullets ul li, .bullets ol li { list-style-type: none; background: url(assets/img/tick-green.html) 0 0.5em no-repeat; margin-left: -1em; padding: 0.25em 0 0.25em 1.5em; margin-bottom: 0; } .bullets.green li { background-image: url(assets/img/tick-green.html); } .bullets.red li { background-image: url(assets/img/tick-red.html); } .bullets.black li { background-image: url(assets/img/tick-black.html); } .bullets.light-blue li { background-image: url(assets/img/tick-light-blue.html); } .bullets.blue li { background-image: url(assets/img/tick-blue.html); } .bullets.grey li { background-image: url(assets/img/tick-grey.html); } .bullets.orange li { background-image: url(assets/img/tick-orange.html); } .bullets.pink li { background-image: url(assets/img/tick-pink.html); } .bullets.purple li { background-image: url(assets/img/tick-purple.html); } /* ####################################################################### 4. General Layout ####################################################################### */ html { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; background: #eff5f7; } .meta { -webkit-font-smoothing: subpixel-antialiased; } a img { border: none; } img { max-width: 100%; height: auto; } .post-thumb, .format-gallery .flexslider { position: relative; z-index: 1; } .page .post-thumb { margin-top: 30px; } .page .post-thumb img { margin-bottom: -30px; } .page.page-template-t-blog-php .post-thumb { margin-top: 0; } .page.page-template-t-blog-php .post-thumb img { margin-bottom: 0; } .sidebar, .format-image .inner, .wp-caption { position: relative; z-index: 2; } .sidebar-on.left .format-gallery .flexslider { width: 100%; } #map img { max-width: inherit; height: inherit; } .gallery-item { float: left; margin-right: 10px; width: auto !important; } .gallery { padding: 20px 30px 10px 30px; background: #f7f7f7; width: auto; display: inline-block; border: 1px solid #efefef; margin: 0 0 20px 0 !important; } .gallery, .gallery img:hover { -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } .gallery img:hover { opacity: 0.7; filter: alpha(opacity=70); } .gallery-item:last-of-type { margin-right: 0; } article ul, article ol { margin-left: 0; padding-left: 2em; margin-bottom: 2em; } article ul li, article ol li { margin: 0.25em 0 0.5em 0; } article ul ul, article ol ol, article ol ul, article ol ul, article .commentlist ul, .commentlist ol.commentlist { margin-top: 0.5em; margin-bottom: 0; } blockquote { padding: 1em 2em 0.5em 2em; margin-bottom: 1em; } table { margin-bottom: 1em; } table, table td, table th { border-collapse: collapse; } table td, table th { padding: 5px 10px; } table th { text-align: left; font-weight: 400; background: #d1d1d1; border: 1px solid #d1d1d1; } table td { background: #fff; border: 1px solid #d1d1d1; } table tr.alt td { background: #f1f1f1; } table tr:hover td { background: #efefef; color: #fff; } .wooslider { padding: 0; box-shadow: none; border: none; border-radius: 0; } body .wooslider .wooslider-direction-nav .wooslider-next { right: 0; } body .wooslider .wooslider-direction-nav .wooslider-prev { left: 0; } .post-thumb { position: relative; display: inline-block; max-width: 100%; } .post-thumb.post-video { display: block; } /* ####################################################################### 5. Typography ####################################################################### */ a, a:hover { -o-transition: color 0.25s ease-in; -webkit-transition: color 0.25s ease-in; -moz-transition: color 0.25s ease-in; transition: color 0.25s ease-in; } ::selection { background: #fff4d8; } ::-moz-selection { background: #fff4d8; } body, button { font-weight: 400; text-rendering: optimizeLegibility; color: #6f6f6f; font-size: 21px; } p { line-height: 1.5; margin: 0.5em 0 1em; } h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; } h1, .archive-content h2 { margin-bottom: 0; } h1, h2, h3, h4, h5, h6, nav.mainmenu, .site-title, .tagline, a.btn, button, a.button, a.button:visited, .password-protect input[type=submit], .form-submit input, .comment-reply a, input.searchsubmit, a.more-link, input[type=submit], .quote, header .header-reveal { font-family: 'Poppins', sans-serif; font-weight: 400; line-height: 1.3; } .quote p { line-height: 1; } a.btn, button, a.button, a.button:visited, .password-protect input[type=submit], .form-submit input, .comment-reply a, input.searchsubmit, a.more-link, input[type=submit] { font-size: 15px; font-weight:400; } /* Text Uppercase */ h1, h2, h3, h4, h5, h6, nav.mainmenu, .site-title, .tagline, a.btn, button, a.button, a.button:visited, .password-protect input[type=submit], .form-submit input, .comment-reply a, input.searchsubmit, a.more-link, input[type=submit], .archive-content .quote, header .header-reveal { text-transform: uppercase; } a { color: #101112; text-decoration: underline; } a:hover { color: #4c5153; text-decoration: underline; } .portfolio-thumb a, .portfolio-thumb a:hover, .portfolio-thumb .cat a, .portfolio-thumb .cat a:hover { color: #eff5f7; } .portfolio-thumb h5 { margin-bottom: 10px; } .portfolio-thumb .cat { margin-top: 10px; font-size: 11px; } .portfolio-thumb .cat a { background: none; color: #eff5f7; } .portfolio-thumb h5 a:after, .related h4:after { content: ''; display: block; margin: 10px auto; width: 27px; height: 4px; background: #eff5f7; bottom: -40px; } .related h4 { margin-bottom: 40px; } .extras h2, .extras h3, .extras h4, .extras h5, .extras h6 { padding-bottom: 20px; } /* Kill Text decoration */ nav.mainmenu a, .site-title a, .archive-content a, .sidebar a, .meta a, .portfolio-thumb a, .archives-content a, .filter a, .header-reveal, .header-reveal:hover, .header-widgets a, .header-widgets a:hover, .cat a, .cat a:hover, h5#respond-title a, .commentlist a { text-decoration: none; } nav.mainmenu a, .header-reveal { color: #4c5153; /* TO Colour */ } nav.mainmenu a:hover, nav.mainmenu li.current a, .header-reveal:hover { color: #101112; /* TO Colour */ text-decoration: none; border-bottom: 4px solid #eef1f2; } nav.mainmenu ul ul a:hover, nav.mainmenu li.current a ul a:hover, nav.mainmenu li.current ul a, nav.mainmenu li.current ul li.current a { border-bottom: none !important; } nav.mainmenu li.current_page_item a, nav.mainmenu li.current-menu-item a, nav.mainmenu li.current_page_ancestor a, nav.mainmenu li.current_page_parent a, nav.mainmenu li.current-post-ancestor a, nav.mainmenu li.current-page-ancestor a { color: #101112 !important; } span.highlight, h1.searching span { background: #4c5153; color: #fff; padding: 2px 10px; } .sidebar h5 { margin-bottom: 20px; } .error404 article { background: url(assets/img/failsnail.html) 50% 0 no-repeat transparent; background-size: 100px auto; text-align: center; padding-top: 70px; } .error404 article p { margin-bottom: -20px; } /* ####################################################################### 6. Contact Form 7 Styling ####################################################################### */ .error { color: #fb4040; } input.error, textarea.error { border: 1px solid #fb4040 !important; } body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.wpcf7-not-valid { border: 1px solid #fb4040; } body span.wpcf7-not-valid-tip { display: block; color: #fb4040; border: none; position: relative; top: auto; left: auto; padding: 0; margin-top: 2px; background: none; font-size: 15px; } body div.wpcf7-validation-errors { background: #ffe2e2; border: 1px solid #ff8a8a; color: #fb4040; } body div.wpcf7-response-output { margin: 10px 0 35px 0; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; } body .wpcf7-mail-sent-ng { background: #fff2e2; border: 1px solid #ffbc8a; color: #e17731; } body .wpcf7-mail-sent-ok { background: #e8ffe2; border: 1px solid #6fdf51; color: #1ea524; } /* ####################################################################### 7. Mobile layout ####################################################################### */ /* -- Box Sizing -- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content-wrapper, #map { float: left; width: 100%; } #map { margin: 30px 0; display: inline-block; height: 180px; } .quotemark, .quote { text-align: center; font-size: 150%; margin-top: 1.5em; padding: 2em 0.5em 1.5em 0.5em; background: url(assets/img/quotemark.html) 50% 0 no-repeat; } .quotemark.white { background-image: url(assets/img/quotemark-white.html); } .quote, .quote p { background-position: 50% 0; font-size: 130%; } article.format-quote .meta { text-align: center; } article.format-quote .meta { margin-top: 30px; } .page-link { float: left; width: 100%; padding: 20px 0; } .archive-content .format-quote .quote { margin-top: 1em; } .quote-source, .archive-content span.source { margin-top: 2em; font-size: 65%; } .quote-rating-1, .quote-rating-2, .quote-rating-3, .quote-rating-4, .quote-rating-5 { margin-top: 0.25em; height: 30px; background: url(assets/img/stars.html) 50% 10px no-repeat; } .quote-rating-4 { background-position: 50% -30px; } .quote-rating-3 { background-position: 50% -70px; } .quote-rating-2 { background-position: 50% -110px; } .quote-rating-1 { background-position: 50% -150px; } .quotemark.white .quote-rating-1, .quotemark.white .quote-rating-2, .quotemark.white .quote-rating-3, .quotemark.white .quote-rating-4, .quotemark.white .quote-rating-5 { background-image: url(assets/img/stars-white.html); } blockquote { margin: 2em 0; border: 1px solid rgba(0, 0, 0, 0.02); border-bottom: 3px solid rgba(0, 0, 0, 0.02); border-top: none; border-left: none; font-size: 130%; text-align: center; padding: 1.5em 1.5em 0.5em 1.5em; background: #efefef; background: rgba(0, 0, 0, 0.015); } header { position: relative; margin: 0; padding: 0 0 55px 0; float: left; width: 100%; background: #ffffff; text-align: center; } header.menu-bottom { /*padding: 55px 0;*/ } header .site-title { float: left; width: 100%; display: block; margin-top: 45px; } header.menu-bottom .site-title { margin-top: 0; } nav.mainmenu { position: relative; width: 100%; background: #fff; border-top: 1px solid #eff5f7; padding: 40px 0; text-align: center; z-index: 99; } header .logo, header .tagline { display: inline-block; } header .tagline { padding-bottom: 50px; } header .logo img, header .logo img:hover { -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } header .logo img:hover { opacity: 0.5; filter: alpha(opacity=50); } header.menu-bottom nav { /*margin-top: 55px;*/ margin-bottom: -55px; } header.menu-bottom nav.tag-present { margin-top: 0; } nav.mainmenu ul li { display: inline; margin-left: 10px; } nav.mainmenu ul li:first-child { margin-left: 0; } nav.mainmenu a { padding: 4px 4px; } .header-reveal { position: absolute; top: 15px; right: 15px; border-bottom: 4px solid #eef1f2; } .header-widgets { padding: 50px 30px; background: #4c5153; color: #eee; float: left; width: 100%; display: none; } .header-widget h5 { margin-bottom: 10px; } .header-widget p { margin-top: 10px; margin-bottom: 0; } .header-widgets p, .header-widgets ul { font-size: 80%; } .header-widgets ul { padding: 0; margin: 0; list-style-type: none; } .header-widgets ul li { padding: 0; margin: 0 0 10px 0; } .header-widgets a { color: #fff; } .header-widgets a:hover { color: #ccc; } .header-widgets input.s { background: #333; background: rgba(0, 0, 0, 0.3); } .header-widget { margin-bottom: 40px; } .header-widgets .searchsubmit { display: none; } /* ------ General ------ */ #box-wrapper, #content-wrapper { margin: 0; float: left; width: 100%; } section#main { float: left; width: 100%; padding-top: 70px; } .wrapper { margin: 0 auto; width: 90%; max-width: 1024px; } .content, .search .content.archive-content, .author .content.archive-content { background: #fff; width: 90%; margin: 0 auto; padding: 0 30px 30px 30px; max-width: 860px; display: block; float: none; } .search .content.archive-content, .author .content.archive-content, .archive .content.archive-content { margin-top: 70px; border-bottom: none; background: none; padding: 0; } .search .content.archive-content article, .author .content.archive-content article, .archive .content.archive-content article { background: #fff; } .single-post .content h1 { padding-top: 0; } .post-share a { text-indent: -9999em; width: 30px; height: 30px; background: #ccc; float: left; margin-bottom: 10px; margin-right: 10px; background-image: url(assets/img/social.html); background-repeat: no-repeat; position: absolute; top: 70px; right: -55px; z-index: 2; } .post-share a.share-twitter { background-color: #00aced; background-position: 50% 10px; } .post-share a.share-pinterest { background-color: #cb2027; background-position: 50% -24px; top: 110px; } .post-share a.share-facebook { background-color: #3b579d; background-position: 50% -58px; top: 150px; } .post-share a.share-google { background-color: #df4a32; background-position: 50% -92px; top: 190px; } .post-share a, .post-share a:hover { -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } .post-share a:hover { opacity: 0.5; filter: alpha(opacity=50); } .content h1 { padding-top: 50px; } .content h1, .archive-content h2 { line-height: 1.3; } .archive-content .flexslider, .single-post .flexslider { margin-bottom: 20px; } .single-post .content h1 { margin-top: 0; } .content.archive-content, .single-post .content { padding: 0; } .content.archive-content { background: none; } .archive-content article { display: block; margin-bottom: 70px; background: #fff; } .archive-content article .post-content { display: inline-block; } .content article .inner { padding: 50px 30px; } article.format-chat .inner p, article.format-chat .the-content p { border-bottom: 1px solid #f6f6f6; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 0.5em 0; margin: 0; } article.format-chat .inner p:first-of-type, article.format-chat .the-content p:first-of-type { border-top: 1px solid #f6f6f6; border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: 30px; } article.format-chat .inner p:last-of-type, article.format-chat .the-content p:last-of-type { margin-bottom: 40px; } /* ------ Homepage ------ */ .home-item { padding: 50px; float: left; width: 100%; } .home-item.home-item-full { padding: 0 !important; min-height: 0 !important; } .home-item.center { text-align: center; } .home-item.left { text-align: left; } .home-item.left img { float: right; } .home-item.right { text-align: right; } .home-item.right img { float: left; } .home-item h1, .home-item h2 { margin-top: 50px; } .home-item .inner { padding:68px 0 100px 0; color:#ffffff; } .home-item.btm { padding-bottom: 100px; } .portfolio-items { position: relative; float: left; width: 100%; } .portfolio-thumb { display: inline-block; float: left; width: 50%; position: relative; vertical-align: middle; } .portfolio-thumb .reveal { display: block; background: #222425; float: left; position: absolute; height: 100%; width: 100%; top: 0; text-align: center; opacity: 0; filter: alpha(opacity=0); padding: 20px; } .portfolio-thumb .shortcuts span { display: none; } .portfolio-thumb .shortcuts a { display: inline-block; margin: 5px 5px 0 5px; width: 36px; height: 36px; border: 4px solid #eff5f7; border-radius: 100px; } .portfolio-thumb .shortcuts a.swipebox { background: url(../images/plus.png) 50% 50% no-repeat; } .portfolio-thumb .shortcuts a.perma { background: url(../images/link.png) 50% 50% no-repeat; } .portfolio-thumb a, .portfolio-thumb a:hover { -o-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .portfolio-thumb a:hover { opacity: 0.5; filter: alpha(opacity=50); } .portfolio-thumb .cat a { opacity: 0.5; filter: alpha(opacity=50); background: none !important; } .portfolio-thumb .cat a:hover { opacity: 0.3; filter: alpha(opacity=30); } .portfolio-thumb .reveal, .portfolio-thumb .reveal:hover { -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } .portfolio-thumb:hover .reveal { opacity: 1; filter: alpha(opacity=100); display: block; } .portfolio-thumb .reveal .va { display: table-cell; width: 297px; height: 80.5px; text-align: center; vertical-align: middle; } .portfolio-thumb:hover .reveal { display: block; } .portfolio-thumb img { width: 100%; } .portfolio-thumb img { display: block; } /* ----- Portfolio Filter ----- */ .page-template-t-portfolio-filter-php .content, .archive .portfolio-archive.content { margin-bottom: 70px; } .archive .portfolio-archive.content { padding-bottom: 50px; } .filter { margin: 20px 0 40px 0; padding: 0; } .filter .active { opacity: 0.5; filter: alpha(opacity=50); } article .filter ul { padding: 0; margin: 0; list-style-type: none; } .filter ul li { padding: 0; margin: 0; display: inline; } .filter ul li a { display: inline-block; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* ----- Portfolio Single ----- */ .page-template-t-portfolio-php section#main { padding-top: 0; } .page-template-t-portfolio-php footer { margin-top: 0; } .single-portfolio .content, .page-template-t-portfolio-filter-php .content { width: 100%; max-width: 1640px; } .page-template-t-portfolio-filter-php .content, .archive .portfolio-archive.content { width: 90%; } .single-portfolio .cat { margin-top: 10px; display: inline-block; } .single-portfolio .content ul { padding: 0; margin: 0; list-style-type: none; } .portfolio-details { margin-top: 0; border-top: 4px solid #eff5f7; display: inline-block; width: 100%; } .related { margin-top: 40px; padding-top: 40px; border-top: 4px solid #eff5f7; display: inline-block; width: 100%; text-align: center; } .related .portfolio-thumb { width: 100%; } .extras { border: 4px dashed #eff5f7; padding: 30px; font-size: 70%; margin-top: 40px; } .extras ul { padding: 0 !important; margin: 0 !important; } .extras ul li { padding: 0 !important; margin: 0 0 1em 0 !important; } .single-portfolio .portfolio-details h1 { padding-top: 30px; } .stacked { padding-top: 0.2px; margin-bottom: 40px; display: inline-block; width: 100%; } .single-portfolio .content .flexslider { margin-top: 30px; float: left; width: 100%; } .single-portfolio .content .lightbox { display: inline-block; width: 100%; margin-top: 30px; margin-bottom: 30px; } .single-portfolio .content .lightbox ul { padding: 0; margin: 0; } .single-portfolio .content .lightbox ul li { padding: 0; margin: 0; list-style-type: none; width: 50%; float: left; position: relative; } .lb-icon { position: absolute; top: 0; left: 0; width: 33px; height: 33px; background: url(assets/img/plus.html) 50% 50% no-repeat #222425; z-index: 2; opacity: 0.6; filter: alpha(opacity=60); } .single-portfolio .content .lightbox ul li .lb-icon, .single-portfolio .content .lightbox ul li:hover .lb-icon { -o-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .single-portfolio .content .lightbox ul li:hover .lb-icon { opacity: 1; filter: alpha(opacity=100); } .single-portfolio .content .stacked ul li { padding: 0; margin: 40px 0 0 0; } .single-portfolio .content ul img { display: block; } footer { float: left; width: 100%; margin-top: 100px; padding: 0; } footer.footer { padding: 30px 0 0 0; } .page-template-t-homepage-php footer, .page-template-t-portfolio-filter-php footer { margin-top: 0; } .page-template-t-homepage-php section#main { padding-top: 0; } footer .footer-widget { float: left; width: 100%; margin-bottom: 40px; } footer .footer-widget .textwidget { line-height: 1.6; } footer .footer-widget h6 { margin-bottom: 20px; } footer .footer-widget ul { padding: 0; margin: 0; list-style-type: none; } footer .footer-widget ul li { margin-top: 0.25em; margin-bottom: 1em; } footer .foot { float: left; width: 100%; padding: 100px 0; background: #fff; text-align: center; } footer.footer .foot { margin-top: 30px; } footer .socials { margin-top: 20px; float: left; width: 100%; text-align: center; } /* ---- Forms ---- */ input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], textarea { border: none; padding: 18px 12px; -webkit-appearance: none; border-radius: 0; outline: none; font-family: "Open Sans", Arial, Verdana, sans-serif; font-size: 17px !important; width: 100%; background: #f7f7f7; background: rgba(0, 0, 0, 0.03); } .home-item input, .home-item textarea { color: #eff5f7; } .home-item input.s { color: #262a2b; } .home-item input:invalid, .home-item textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px transparent; -webkit-box-shadow: 0 0 5px transparent; box-shadow: 0 0 5px transparent; } footer input.s { width: 90%; } footer input.searchsubmit { margin-top: 20px; } footer input.searchsubmit:hover { background: #000; } /* ---- Portfolio (single) ---- */ body #swipebox-overlay, body #swipebox-action, body #swipebox-caption { background: #1d2122; border: none; opacity: 100; filter: alpha(opacity=100); } body #swipebox-overlay * { text-shadow: none; } body #swipebox-action { top: -50px; bottom: auto !important; } body #swipebox-action.visible-bars { top: 0; } body #swipebox-action.force-visible-bars { top: 0 !important; bottom: auto !important; } body #swipebox-caption { bottom: -50px; top: auto; } body #swipebox-caption.visible-bars { bottom: 0; top: auto; } body #swipebox-caption.force-visible-bars { top: auto !important; bottom: 0 !important; } /* ---- Contact Page ---- */ .contact-form { border-top: 4px solid #eef1f2; padding-top: 40px; margin-top: 40px; } /* ---- Archive / Default Homepage ---- */ .flexslider ul, .flexslider ul li { padding: 0; margin: 0; } .flex-caption { padding: 15px 30px; color: #fff; font-size: 75%; } .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev { background: url(assets/img/arrows.html) 14px 14px no-repeat transparent; text-indent: -99999em; } .flex-direction-nav .flex-next { background-position: -76px 14px; } .archive-navigation { float: left; width: 100%; padding: 30px 0; margin-top: -50px; position: relative; } .archive-navigation .pagination { width: 100%; text-align: center; } .archive-navigation .pagination ul li { padding: 0; margin: 0; display: inline; margin-left: 10px; } .archive-navigation .pagination ul li:first-child { margin-left: 0; } .archive-next { position: relative; z-index: 3; float: left; margin-left: 20px; } .archive-previous { position: relative; z-index: 3; float: right; margin-right: 20px; } article { position: relative; } article ul.meta { padding: 0; margin: 0; } ul.meta li { display: inline; } .archive-content .format-link { text-align: center; } .archive-content .format-link .inner { padding-bottom: 30px; } .sidebar { padding: 40px; } .sidebar { float: left; width: 100%; padding: 50px 20px; } .sidebar ul { margin: 0; padding: 0; list-style-type: none; } .sidebar .widget { margin-bottom: 50px; } .sidebar ul li { padding: 0; margin: 0 0 0.75em 0; } .sidebar .widget:last-child ul { padding-bottom: 0; } .sidebar input.s { background: #fff; } .sidebar input.searchsubmit, footer input.searchsubmit { display: none; } .sidebar input.s::-webkit-input-placeholder { color: #3da1e3; font-size: 15px; } .sidebar input.s:-moz-placeholder { color: #3da1e3; font-size: 15px; } .sidebar input.s::-moz-placeholder { color: #3da1e3; font-size: 15px; } .sidebar input.s:-ms-input-placeholder { color: #3da1e3; font-size: 15px; } /* ----- Single Post ----- */ .single .post-share a { right: -22.5px; } .cat a { padding: 4px 8px; } .cat.tag { display: block; margin-top: 20px; } .cat.tag a { font-size: 80% !important; } .nav-previous, .nav-next { text-indent: -99999em; } .author-meta { width: 100%; margin-top: 70px; padding: 70px 0; } .author-meta .avatar-web { float: left; } .author-info { float: right; width: 100%; margin-top: -55px; padding-left: 78px; } .comments input[type=text], .comments input[type=email], .comments input[type=tel], .comments input[type=url], .comments input[type=password], .comments textarea, .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=url], .contact-form input[type=password], .contact-form textarea { display: block; width: 100%; margin-bottom: 30px; } .contact-form label, .comments label, .comments p, .contact-form p { display: block; width: 100%; } .form-submit input, .form-submit button, input.wpcf7-submit { padding-top: 1.25em; padding-bottom: 1.25em; } a.comment-reply-link { padding: 1em 2.5em; font-size: 80%; } .avatar-web { border-radius: 50%; display: inline-block; width: 50px; height: 50px; border: 4px solid #efefef; background-size: 43px 43px; } p.form-allowed-tags { width: 95%; } ol.commentlist { padding: 10px 0 30px 0; } ol.commentlist p { line-height: 1.4; } ol.commentlist li { list-style-type: none; padding: 10px 0 30px 0; margin-bottom: 30px; position: relative; float: left; width: 100%; border-bottom: 1px solid #d3d5d5; } ol.commentlist li ul { margin: 25px 0 30px 0; float: left; width: 100%; padding-left: 0; } ol.commentlist li li { padding-left: 5%; width: 95%; float: left; border-bottom: none; } .comment-body, .comment-author { float: right; width: 69%; margin: -5px 7% 0 0; padding: 0; } .nav-previous, .nav-next { text-indent: -99999em; } .nav-previous a, .nav-next a { position: fixed; top: 45%; left: -30px; background: url(assets/img/arrows.html) 40px 15px no-repeat #3b4345; height: 44px; width: 64px; z-index: 99999; padding-left: 30px; -o-transition: left 0.25s ease-in-out; -webkit-transition: left 0.25s ease-in-out; -moz-transition: left 0.25s ease-in-out; transition: left 0.25s ease-in-out; } .nav-next a { left: auto; right: -30px; background-position: -80px 15px; padding-left: 0; padding-right: 30px; -o-transition: right 0.25s ease-in-out; -webkit-transition: right 0.25s ease-in-out; -moz-transition: right 0.25s ease-in-out; transition: right 0.25s ease-in-out; } .nav-previous a:hover, .nav-next a:hover, .single .nav-previous a:hover, .single .nav-next a:hover { background-color: #1d2122; } .nav-previous a:hover { left: 0; -o-transition: left 0.25s ease-in-out; -webkit-transition: left 0.25s ease-in-out; -moz-transition: left 0.25s ease-in-out; transition: left 0.25s ease-in-out; } .nav-next a:hover { right: 0; -o-transition: right 0.25s ease-in-out; -webkit-transition: right 0.25s ease-in-out; -moz-transition: right 0.25s ease-in-out; transition: right 0.25s ease-in-out; } .single .nav-previous a, .single .nav-next a { background-color: #3da1e3; } /* ----- Archives Page ----- */ article .archives-content ul { padding: 0; margin: 0; list-style-type: none; } article .archives-content ul li { margin: 0; } article .archives-content h4 { background: #3b4345; margin: 0; color: #fff; margin-bottom: 1px; } .portfolio-item h2 a:hover { color: #fff; } article .archives-content h4 a { color: #fff; display: block; padding: 30px 40px; } article .archives-content ul li a { display: block; padding: 25px 60px; margin: 0; -o-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; background: #f9f9f9; } article .archives-content ul li:nth-child(odd) a { background: #efefef; } article .archives-content ul li a:hover { margin-left: -35px; -o-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } a#back-top { display: none; } /* ####################################################################### 8. Wide Phone / Tablet-ish Layout ####################################################################### */ @media screen and (min-width: 33.75em) { /* 540px */ .content.archive-content, .single-post .content { width: 80%; margin-left: 10%; padding: 0; max-width: none; } article time { background: #4c5153; position: absolute; right: -50px; top: -50px; width: 100px; height: 100px; border-radius: 200px; text-align: center; color: #fff; display: table-cell; padding-top: 45px; z-index: 1; } .portfolio-thumb { width: 100%; } .portfolio-content { text-align: left; } .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; } .one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .four_fifth { width: 67.2%; } .five_sixth { width: 82.67%; } } @media screen and (min-width: 38.75em) { /* 620px */ .related .portfolio-thumb { width: 50%; } .fixed-header nav.mainmenu.fixed { margin-top: 0; top: 0; position: fixed; z-index: 9999; width:100%!important; max-width:100%!important; border-bottom: 1px solid #eff5f7; } .fixed-header header { margin-top: 0; z-index: 1; } .header-widgets { padding-left: 0; padding-right: 0; } .header-widget { float: left; display: inline-block; width: 50%; padding: 0 30px; } } /* ####################################################################### 9. Tablet Portrait Layout ####################################################################### */ @media screen and (min-width: 48em) { /* 768px */ .error404 article { background-size: 300px auto; padding-top: 230px; } .header-widget { width: 33.333333%; } .archive-navigation .pagination { position: absolute; z-index: 2; top: 30px; } .home-item { padding: 70px 50px 100px 50px; background-size: 30% auto; } .home-item.right .inner { padding-left: 220px; } .home-item.left .inner { padding-right: 220px; } a#back-top { position: fixed; bottom: 30px; right: 30px; width: 44px; height: 44px; display: block; text-indent: -99999em; background: url(../images/arrows.png) -172px 17px no-repeat #252b2d; background-color: rgba(0, 0, 0, 0.5); z-index: 99; } a#back-top:hover { background-color: #232829; background-color: rgba(0, 0, 0, 0.7); } /* ----- Archive ----- */ .flexslider .slides li { position: relative; z-index: 1; } .flex-caption { position: absolute; width: auto; left: 0; top: 25px; } /* ----- Single Post ----- */ .comments input[type=text], .comments input[type=email], .comments input[type=tel], .comments input[type=url], .comments input[type=password], .comments textarea, .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=url], .contact-form input[type=password], .contact-form textarea { float: right; width: 100%; } .contact-form h2 { margin-bottom: 40px; } .comments label, .contact-form label { width: 100%; } .comment-body, .comment-author { width: 82%; } #map { height: 380px; } } @media screen and (min-width: 50em) { /* 800px */ .home-item { padding: 100px 50px; background-size: auto auto; } .single .post-share a { right: -25px; } .related .portfolio-thumb { width: 33.3333333333%; } } /* ####################################################################### 10. Small Desktop Layout ####################################################################### */ @media screen and (min-width: 60em) { /* 960px */ .content.archive-content { float: left; width: 65%; margin: 0 auto; } .sidebar { float: right; width: 29%; padding: 50px; padding-top: 0; } .home-item { padding-top: 100px; padding-bottom: 150px; } nav.mainmenu ul li { margin-left: 20px; } .header-widget { width: 25%; } .sidebar-on .content { float: left; width: 60%; margin-left: 5%; } .sidebar-on.left .content { float: right; width: 60%; margin-left: 0; margin-right: 5%; } .sidebar-on.left .sidebar { float: left; } .portfolio-details .left { float: left; width: 60%; } .extras { width: 30%; max-width: 360px; float: right; font-size: 70%; } .content article .inner { padding-left: 70px; padding-right: 70px; } .related .portfolio-thumb { width: 25%; } } /* ####################################################################### 11. Medium Desktop Layout ####################################################################### */ @media screen and (min-width: 64em) { /* 1024px */ .one_sixth { width: 13.33%; } /* ---- Animate CSS ---- */ .animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .animated.hinge { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } #box-wrapper { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; animation-delay: 0.5s; } ul#tabs li {padding-left:26px; padding-right:10px; background:url(../images/videi-icon-wt.png) no-repeat 17px center;} ul#tabs li:hover, ul#tabs li.active{ background:#ffffff url(../images/videi-icon.png) no-repeat 17px center;} } /* ####################################################################### 12. Large Desktop Layout ####################################################################### */ @media screen and (min-width: 75em) { /* 1200px */ .wrapper { width: 90%; max-width: 1680px; } } /* ####################################################################### 13. Enhanced Desktop Layout ####################################################################### */ @media screen and (min-width: 90em) { /* 1440px */ .home-item .inner { max-width: 1280px; } .page-template-t-portfolio-php .portfolio-thumb { width: 20%; } .home-item.left .inner { padding-right: 400px; } .home-item.right .inner { padding-left: 400px; } } /* ####################################################################### 15. Retina / Hi-DPI ####################################################################### */ @media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .bullets.green li { background-image: url(assets/img/tick-green%402x.html); background-size: 16px 13px; } .bullets.red li { background-image: url(assets/img/tick-red%402x.html); background-size: 16px 13px; } .bullets.black li { background-image: url(assets/img/tick-black%402x.html); background-size: 16px 13px; } .bullets.light-blue li { background-image: url(assets/img/tick-light-blue%402x.html); background-size: 16px 13px; } .bullets.blue li { background-image: url(assets/img/tick-blue%402x.html); background-size: 16px 13px; } .bullets.grey li { background-image: url(assets/img/tick-grey%402x.html); background-size: 16px 13px; } .bullets.orange li { background-image: url(assets/img/tick-orange%402x.html); background-size: 16px 13px; } .bullets.pink li { background-image: url(assets/img/tick-pink%402x.html); background-size: 16px 13px; } .bullets.purple li { background-image: url(assets/img/tick-purple%402x.html); background-size: 16px 13px; } .nav-previous a, .nav-next a, .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev, a#back-top { background-image: url(assets/img/arrows%402x.html); background-size: 200px 13px; } .quotemark { background-image: url(assets/img/quotemark%402x.html); background-size: 28px 19px; } .quotemark.white { background-image: url(assets/img/quotemark-white%402x.html); } .quote-rating-1, .quote-rating-2, .quote-rating-3, .quote-rating-4, .quote-rating-5 { background-image: url(assets/img/stars%402x.html); background-size: 97px 176px; } .quotemark.white .quote-rating-1, .quotemark.white .quote-rating-2, .quotemark.white .quote-rating-3, .quotemark.white .quote-rating-4, .quotemark.white .quote-rating-5 { background-image: url(assets/img/stars-white%402x.html); background-size: 97px 176px; } .post-share a { background-image: url(assets/img/social%402x.html); background-size: 18px 114px; } .portfolio-thumb .shortcuts a.swipebox { background-image: url(assets/img/plus%402x.html); background-size: 16px 16px; } .portfolio-thumb .shortcuts a.perma { background-image: url(assets/img/link%402x.html); background-size: 16px 16px; } .lb-icon { background-image: url(assets/img/plus%402x.html); background-size: 16px 16px; } } @import url(http://fonts.googleapis.com/css?family=Montserrat:100italic,200italic,300italic,400italic,600italic,700italic,800italic,900italic,100,300,400,500,600,700,800,900|Lato:100italic,200italic,300italic,400italic,600italic,700italic,800italic,900italic,100,300,400,500,600,700,800,900); body { color:#6f6f6f } h1, h2, h3, h4, h5, h6, header nav, .site-title, .tagline, a.btn, button, a.button, a.button:visited, .password-protect input[type=submit], .form-submit input, .comment-reply a, input.searchsubmit, a.more-link, input[type=submit], .quote, header .header-reveal { font-family: 'Poppins', sans-serif;} /* ----- Font Sizes ----- */ body, input, button, textarea { font-size: 21px; } nav.mainmenu { font-size: 19px; } .site-title a { font-size: 37px; } header .tagline { font-size: 20px; } h1, .archive-content h2 { font-size: 53px; } h2 { font-size: 43px; } h3 { font-size: 33px; } h4, h5#respond-title { font-size: 45px; } h5 { font-size: 21px; } h6 { font-size: 19px; } .flex-caption { font-size: 15px; } .btn, a.more-link { font-size: 15px; } .meta .cat a, .cat a { font-size: 12px; } .meta, .meta a { font-size: 12px; } .portfolio-item h2 { font-size: 36px; } footer { font-size: 17px; } footer h6 { font-size: 21px; } footer .foot { font-size: 17px; } .sidebar { font-size: 15px; } /* ----- Background Colours ----- */ body, html { background-color: #eff5f7; } h1.searching span { color: #eff5f7; } .content, .search .content.archive-content article, .author .content.archive-content article, .archive .content.archive-content article, .archive-content article { background-color: #ffffff; } span.highlight, h1.searching span { color: #ffffff; } .meta .cat a, .cat a { background: #f4f4f4; } .cat a:hover { background: #f1f1f1; } span.highlight, h1.searching span { background: #4285f4; } header { background: #ffffff; } nav.mainmenu, nav.mainmenu ul ul { background: #ffffff; } footer .foot, .portfolio-item.wall .inner { background: #ffffff; } .nav-previous a, .nav-next a { background-color: #3b4345; } .nav-previous a:hover, .nav-next a:hover, .single .nav-previous a:hover, .single .nav-next a:hover { background-color: #1d2122; } .single .nav-previous a, .single .nav-next a { background-color: #3b4345; } .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev { background-color: #3b4345; } .flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-prev:hover { background-color: #1d2122; } .archive-navigation { background: #eff5f7; } .sidebar { background: #; } .flex-caption { background: #1d2122; } .the-comments { background: #ffffff; } a.btn, button, a.button, a.button:visited, .password-protect input[type=submit], .form-submit input, .comment-reply a, input.searchsubmit, a.more-link, input[type=submit] { background: #3b4345; } a.button:hover, a.btn:hover, button:hover, .password-protect input[type=submit]:hover, .form-submit input:hover, .comment-reply a:hover, input.searchsubmit:hover, a.more-link:hover, input.wpcf7-submit:hover { background: #1d2122; } .mean-container .mean-bar, .mean-container .mean-nav { background: #1d2122; } /* ----- Font Colours ----- */ body, input, button, textarea { color: #697273; } a { color: #101112; } a:hover { color: #4c5153; } header .tagline { color: #929d9f; } .site-title a { color: #4c5153; } .site-title a:hover { color: #101112; } .sidebar { color: #889ba2; } .sidebar a, input.s { color: ; } .sidebar a:hover { color: ; } .sidebar h5 { color: ; } .sidebar li.current_page_item a { color: #889ba2; } .content h1 { color: #373e40; } .flex-caption { color: #ffffff; } .meta .cat a, .cat a { color: #3b4345; } .cat a:hover, .meta.bottom li.post-share a:hover { color: #101112; } .portfolio-thumb a, .portfolio-thumb .cat a { color: #eff5f7; } .portfolio-thumb a:hover, .portfolio-thumb .cat a:hover{ color: #eff5f7; } footer { color: #4c5153; } footer a { color: #4c5153; } footer a:hover { color: #101112; } nav.mainmenu a, .header-reveal { color: #4c5153; } nav.mainmenu a:hover, .header-reveal:hover { color: #101112; } nav.mainmenu li.current_page_item a, nav.mainmenu li.current-menu-item a, nav.mainmenu li.current_page_ancestor a, nav.mainmenu li.current_page_parent a, nav.mainmenu li.current-post-ancestor a, nav.mainmenu li.current-page-ancestor a { color: #101112 !important; font-family:montserratregular; text-transform: capitalize; } footer .foot a:hover { color: #4c5153; } .header-widgets { color: #eeeeee; } .header-widget h5 { color: #eeeeee; } .header-widget h5 { color: #eeeeee; } .header-widgets a { color: #ffffff; } .header-widgets a:hover { color: #cccccc; } /* ----- Borders ----- */ .portfolio-thumb h5 a:after, .related h4:after { background-color: #eff5f7; } nav.mainmenu, .nav.mainmenu.fixed, .portfolio-thumb .shortcuts a, .portfolio-details, .related, .extras, nav.mainmenu a:hover, nav.mainmenu li.current a, .header-reveal:hover, .contact-form { border-color: #4285f4; } /* Text Uppercase */ h1, h2, h3, h4, h5, h6, nav.mainmenu, .site-title, .tagline, a.btn, button, a.button, a.button:visited, .password-protect input[type=submit], .form-submit input, .comment-reply a, input.searchsubmit, a.more-link, input[type=submit], .quote, header .header-reveal, .cat, time, .meta { text-transform: uppercase; } /* editing done on 18-01-2016 */ .headch{color:#fff; text-shadow:2px 2px 1px #666} .col-white {color:#FFF} .awrdhead {color:#fff; margin-left:0; margin-top:0px !important; width:auto; font-size:60px !important; background:#096b93; display:inline-block; padding:15px 50px 15px 60px; margin-bottom:0px;} .indushead {color:#000; margin-top:0px !important; font-size:45px !important; text-shadow:2px 2px 1px #666 } .induscon { margin-top:92px; font-size:16px!important; color:#FFF;} .home-item {padding-top:97px !important} a.social.xgen { background: url(../images/social-xgen-black.png) 0 0 no-repeat; } a.social {width:35px !important; height:35px !important} /*Added by CSS Author*/ #menu-one-page{text-align:right;} .home-item{ padding:0px!important; float:none; background:url(../images/header.jpg) no-repeat center center; background-size:cover; width:100%; height:auto; display:block; } nav.mainmenu{border:none;} nav.mainmenu img{position:absolute; left:0px; max-height:35px; width:auto;} .home-item .inner .headch{line-height:59px; width:68%; text-shadow:1px 2px 0px 1px #040404; margin-bottom:0px;} .home-item .inner .headch span{color:#391c65} .mainmenu.fixed #menu-one-page{margin-right:30px;} .mainmenu.fixed .the-logo{margin-left:30px;} .banner-col-lf {display:inline-block; width:30%; margin-right:1%; vertical-align:top;} .banner-col-lf ul{margin:0px; padding:0px; list-style-position:inside;} .banner-col-lf ul li{font-size:16px!important; line-height:30px; margin:0px;} /*Testimonial-panel*/ .testimonial-panel{width:100%;} .testimonial-panel .testimonial-pn-lf{display:inline-block; width:68%; overflow:hidden; vertical-align:top; padding-top:58px;} .testimonial-panel .testimonial-pn-lf img{width:15%; height:auto; float:left; border:5px solid #95a1af; margin-top:32px; } .testimonial-panel .testimonial-pn-rt{display:inline-block; width:30%; vertical-align:top; } .testimonial-panel .testimonial-pn-rt img{position:relative; right:-35px;margin-top: 12px;} #article-2.testimonial .bxslider{margin:0px; padding:0px;} #article-2.testimonial{background:#d0d3dc url(../images/strip-bg.jpg) repeat-x center top; padding:98px 0 98px 0;} .testimonial-panel .testimonial-description{background:url(../images/quote.png) no-repeat left top; color:#ffffff; line-height:16px; font-size:20px; padding:46px 0 0 12px; float:left; width:74%; margin-left:2%;} .testimonial-panel .testimonial-description p{margin:0px;} .testimonial-panel .testimonial-description p span{text-align:right; color:#1c3b53; font-size:18px; display:block;} #article-2.testimonial .bx-wrapper, #article-2.testimonial .bx-wrapper li{margin:0px;} #article-2.testimonial .bx-wrapper .bx-viewport{background:none; border:None; left:0px; box-shadow:none;} #article-3 .inner{padding-top:68px;} #article-2.testimonial .bx-controls-direction{display:none;} #article-3 .bx-viewport{padding:0px; margin:0px; border:none; box-shadow:1px 2px 4px #d8d8d8;} #article-7 .bx-viewport{padding:0px; margin:0px; border:none;} #article-3 .mynetwork li{border-left:1px solid #cccccc; padding:48px 0 62px 0; margin:0px; text-align:center;} #article-3 .mynetwork li img{text-align:center; display:inline-block!important;} #article-3 .mynetwork li:first-child{border-left:none;} #article-3 .mynetwork li h5{color:#7d7d7d; font-size:20px; line-height:24px; text-transform:capitalize; padding-bottom:6px;} #article-3 .bx-wrapper{position:relative;} #article-3.network{background:#f4f4f4 url(../images/bg2.jpg) no-repeat left 5px;} #article-3 .bx-controls .bx-default-pager{display:none;} #article-3 .bx-controls .bx-controls-direction{position:absolute; top:-20px; right:0px;} #article-7 .bx-controls .bx-controls-direction{position:absolute; top:-20px; right:0px;} #article-4.investor .inner{padding-top:100px; padding-bottom:100px;} #article-4.investor{background:url(../images/bg3.jpg) no-repeat center center; background-size:cover; width:100%; height:auto; display:block;} #article-4.investor .indushead{font-size:45px; color:#ff6800; text-shadow} #article-4.investor .induscon{margin-top:0px; color:#494949; font-weight:400; font-size:15px!important; line-height:26px; padding-left:45px; padding-right:45px; margin-bottom:10px;} #article-4.investor .bx-wrapper {margin:0px auto;} #article-4.investor .bx-wrapper .bx-viewport{background:none; border:0px; box-shadow:none;} #article-4.investor .bx-wrapper .bx-viewport img{border-radius:50%; border:1px solid #989797; display:block; width:100%; height:auto; margin-bottom:5px;} #article-4.investor .bx-controls-direction{display:none;} #article-5.footer{background:#252525; font-size:16px!important; line-height:20px; color:#7a7a7a;} #article-5.footer .inner{padding:52px 0 82px; 0;} #article-5.footer .inner img{display:block; width:auto; } #article-5.footer .inner p{display:inline-block; width:71%; vertical-align:top;} #article-5.footer .inner p.footer-social-icons{display:inline-block; width:28%; vertical-align:top; text-align:right;} #article-5.footer .inner p.footer-social-icons a{width:48px!important; height:47px!important; display:inline-block;} #article-2.testimonial .bx-viewport{overflow:visible!important} #article-8.awards{ background: #102023 url(../images/bg_2.png) repeat-x center top; padding: 60px 0 0 0; height: auto; width: 100%;} .bx-wrapper img{ display:block!important; max-width: 100%!important; } .bx-wrapper .bx-pager{bottom:-40px; display: none;} #article-1 .inner{ height:546px;} #article-1 .inner p{text-transform:none; font-size:19px!important; color:#151515; margin:0px; width:48%; font-weight:300;} #article-1 .inner p span{display:block; text-align:right; font-weight:400; color:#391c65; font-style:italic;} .entrepreneur h2, #article-3 .inner h2, #article-4.investor .indushead{font-size:42px!important; font-weight:400; color:#391c65; text-align:center; font-family: 'Poppins', sans-serif; margin-bottom:0px; text-shadow:none;} #article-21.entrepreneur{background:#ffffff;} #article-21.entrepreneur .inner{padding:68px 0 78px 0; height:auto;} #article-21.entrepreneur .inner > p{text-align:center; display:block; width:100%; margin-bottom:40px;} #article-21.entrepreneur ul.entrepreneur-list{text-align:center; padding:0px; margin:20px 0 0 0;} #article-21.entrepreneur ul.entrepreneur-list li{ display: inline-block; background: #ebebeb; margin-left: 1%; margin-right: 1%; margin-bottom: 0; padding: 3px 30px 5px 15px; vertical-align: middle; height: 54px; text-align: left; width: 22.5%; } #article-21.entrepreneur ul.entrepreneur-list li p{background: url(../images/bullet-disc.png) no-repeat 0 2px; font-size:16px!important; font-family: 'montserratregular'; color:#5b5b5b; text-transform:uppercase; line-height:16px; padding-left:20px; text-align:left; width:100%;} #article-3 .bx-wrapper{margin-top:35px;} #article-8 .bx-wrapper .bx-viewport{ background:none !important; border:none !important; box-shadow:none !important; overflow: visible!important; } .award-description{width:85%;} .awards .bx-controls-direction{ display:none !important; } .testimonial-panel .award-description{ background: url(../images/awardstar.png) no-repeat left top; color: #ffffff; line-height: 16px; font-size: 20px; padding: 46px 0 0 12px; float: left; width: 74%; margin-left: 2%; } #article-2 .wrapper h2{ font-size: 42px!important; font-weight: 400; color: #ffffff; text-align: center; font-family: 'Poppins', sans-serif; margin-bottom: 0px; text-shadow: none; } #article-7 h2{ font-size: 42px!important; font-weight: 400; color: #391c65; text-align: center; font-family: 'Poppins', sans-serif; margin-bottom: 0px; text-shadow: none; padding-bottom: 40px; padding-top: 40px; } #article-8 .wrapper h2{ font-size: 42px!important; font-weight: 400; color: #E9E1A2; text-align: center; font-family: 'Poppins', sans-serif; margin-bottom: 0px; text-shadow: none; } #article-9 .wrapper h2{ font-size: 42px!important; font-weight: 400; color: #d4af37; text-align: center; font-family: 'Poppins', sans-serif; margin-bottom: 0px; text-shadow: none; padding-bottom: 20px; } #article-9 .wrapper ul{ list-style-type: none; } #article-7 .items { margin-bottom: 40px; } #article-9{ background: #102023 url(../images/bg_2.png) repeat-x center top; padding: 60px 0 0 0; height: auto; width: 100%; } #article-9 .wrapper ul li{ background: black; border-radius: 10px; color: white; font-size:16px!important; padding: 10px; } .portfolio-thumb .reveal .va{width:100%!important; height:100%!important; position:absolute; left:0px; right:0px; top:0px; bottom:0px; } .portfolio-thumb .reveal .va .portfolio-head{transform:translate(-50%,-50%); top:50%; left:50%; position:absolute;} #aboutUsSec.entrepreneur.visionSection {overflow:visible; background:#c7d9d5;} #aboutUsSec.entrepreneur.visionSection .wrapper{position:relative; padding:150px 0px 135px 0px;} #aboutUsSec.entrepreneur.visionSection .wrapper p{text-align:justify;} /*Responsive CSS*/ @media (max-width: 1281px) { } @media (max-width: 1279px) { .home-item .inner{ height:auto !important; padding-bottom:266px; } } @media (max-width: 1240px) { .home-item .inner .headch{font-size:38px; line-height:45px;} .banner-col-lf{width:33%;} .awrdhead{font-size:48px!important;} .wrapper {margin: 0 auto; width: 90%; max-width: 1024px;} } @media (max-width: 1199px) { .home-item .inner{ height:auto !important; padding-bottom:220px; } } @media (max-width: 1080px) { .home-item .inner{ height:auto !important; padding-bottom:208px; } } @media (max-width: 1079px) { .home-item .inner{ height:auto !important; padding-bottom:184px; } } @media (max-width: 1040px) { .awrdhead, .home-item .inner .headch{font-size:34px!important;} .banner-col-lf ul{list-style-position:outside; padding-left:20px;} .banner-col-lf ul li{font-size:15px;} .testimonial-panel .testimonial-description, .testimonial-panel .testimonial-description p span, #article-3 .mynetwork li h5{font-size:17px;} .testimonial-panel .testimonial-pn-rt img{width:100%; height:auto; right:auto;} .home-item{padding:0px!important; float:none; background:url(../images/header.jpg) no-repeat center center; background-size:cover; width:100%; height:auto; display:block;} } @media (max-width: 985px) { #article-5.footer .inner p{width:65%} #article-5.footer .inner p.footer-social-icons{width:33%;} .awrdhead, .home-item .inner .headch{font-size:22px!important; line-height:28px;} .banner-col-lf {width:40%} } @media (max-width: 980px) { .home-item .inner{padding-bottom:170px; } @media (max-width: 945px) { .awrdhead, .home-item .inner .headch{font-size:28px!important; line-height:34px;} .banner-col-lf{width:38%;} .indushead{font-size:36px!important;} .banner-col-lf ul li{line-height:28px;} #article-4.investor .induscon{font-size:16px!important;} } @media (max-width: 900px) { nav.mainmenu ul li{margin-left:0px;} nav.mainmenu ul li a{font-size:16px!important;} .testimonial-panel .testimonial-description, .testimonial-panel .testimonial-description p span, #article-3 .mynetwork li h5{font-size:15px; line-height:18px;} #article-5.footer .inner p.footer-social-icons{width:39%;} #article-5.footer .inner p{width:60%; font-size:15px;} .banner-col-lf ul li{font-size:13px;} #article-2.testimonial{padding-top:45px;} .home-item .inner{padding-top:45px; padding-bottom:117px;} #article-1 p.col-white, .banner-col-lf ul li{text-shadow:0px 1px 2px #666;} } @media (max-width: 800px) { .home-item .inner .headch{width:58%; font-size:22px!important; line-height:28px;} #article-4.investor .induscon{font-size:16px!important; line-height:24px;} .testimonial-panel .testimonial-pn-rt{width:20%; margin-top:75px;} .testimonial-panel .testimonial-pn-lf{width:78%;} #article-1 .col-white{font-size:18px; margin:10px 0 10px 0;} nav.mainmenu ul li a{ font-size: 12px !important; } .home-item .inner{ padding-bottom: 50px; } } @media (max-width: 768px) { #article-1 .inner p { width: 58%; line-height: 26px; } .home-item { background: url(../images/header.jpg) no-repeat -450px center; } #article-1 .inner p span{text-align:left;} nav.mainmenu ul li a{ font-size: 12px !important; } .home-item .inner{ padding-bottom: 116px; } } @media (max-width: 767px) { .entrepreneur h2, #article-3 .inner h2, #article-4.investor .indushead{font-size:36px!important; } .home-item{padding:0px!important; float:none; background:url(../images/header_mobile.jpg) no-repeat center center !important; background-size:cover !important; width:100%; height:auto; display:block;} #article-1 .inner p{width:100% !important; font-size:18px !important;line-height:27px !important;} nav.mainmenu ul li a{ font-size: 12px !important; } .home-item .inner{ height: 545px !important; } .awards ul li{ width:auto !important; } .awards ul{ margin-right:2em !important; } .award-description{ text-align:center !important; width:100% !important; } .induscon{ text-align:center !important; } /*New Responsive css for Nidhi mam*/ #article-4.investor.consult .wrapper, .col-lf, .col-right, .col-content {display:block; width:100%; padding-left:20px; padding-right:20px;} ul#tabs li{font-size:13px; border-radius:50px; padding:12px 15px; background:transparent;} ul#tabs{width:100%;} ul#tabs li.active{background:#ffffff;} .three-box-section .three-boxes{width:100%; margin:0px; margin-bottom:20px; } .col-content h2, .col-lf, .col-right, .col-content .content-inner{text-align:center!important;} .tabRow .tabColumn{width:45%;} #article-2 .inner .induscon + div, #article-2 .inner .induscon + div + div, #article-2 .inner .induscon + div + div + div{display:block!important; width:100%!important;} #article-2 .inner .induscon + div ul, #article-2 .inner .induscon + div + div ul, #article-2 .inner .induscon + div + div + div ul{width:100%!important;} .patternVisionLeft, .patternVisionRight{display:none;} #aboutUsSec.entrepreneur.visionSection .wrapper {padding:50px 15px 0px!important;} } @media (max-width: 750px) { .banner-col-lf{width:42%;} .wrapper{width:95%} .mainmenu.fixed .the-logo{margin-left:2.5%;} .mainmenu.fixed #menu-one-page{margin-right:2.5%;} } @media (max-width: 715px) { nav.mainmenu img{max-height:22px;} nav.mainmenu ul li a{font-size:14px;} .home-item .inner .headch{width:64%;} .banner-col-lf{width:44%;} } @media (max-width: 670px) { #article-5.footer .inner p.footer-social-icons{width:100%; display:block; margin-top:25px; text-align:left;} #article-5.footer .inner p{width:100%; display:block;} .home-item .inner{padding-top:25px; padding-bottom:40px;} .banner-col-lf ul li{line-height:22px;} } @media (max-width: 620px) { .mainmenu.fixed{display:none;} .mean-container .mean-bar, .mean-container .mean-nav{background:#ffffff;} .mean-container a.meanmenu-reveal{background:#181818;} .mean-container a.meanmenu-reveal span{background:#ffffff;} header.menu-bottom, .mainmenu.fixed{display:none!important;} .mean-container .mean-nav ul li a{color:#181818;} .meanmenu-reveal{right:15px!important; left:auto!important; top:3px!important;} .mean-container .mean-nav{margin-top:5px;} .the-logo{height:36px; margin-left:15px;} .mean-nav #menu-one-page{margin-top:10px;} .mean-nav #menu-one-page li a{font-size:16px!important; padding-top:8px; padding-bottom:8px;} .home-item .inner .headch{width:85%; font-size:20px!important;} .banner-col-lf{width:46%;} .banner-col-lf ul li{font-size:12px; line-height:22px;} .mean-nav #menu-one-page li{border-top:1px solid #dddddd;} .mean-nav #menu-one-page li:hover a{background:#252525; color:#dddddd;} .mean-nav #menu-one-page li:hover a{color:#dddddd} .testimonial-panel .testimonial-description{font-size:14px; font-weight:normal;} .testimonial-panel .testimonial-pn-rt{margin-top:105px; width:24%;} .testimonial-panel .testimonial-pn-lf{width:74%;} #article-5.footer .inner p{font-size:14px;} } @media (max-width: 515px) { .banner-col-lf{width:46%;} ul#tabs li {padding:12px 10px; font-size:12px;} } @media (max-width: 510px) { .banner-col-lf ul li{ font-size: 12px; line-height: 20px; } .testimonial-panel .testimonial-pn-lf, .testimonial-panel .testimonial-description{width:98%; display:block;} .testimonial-panel .testimonial-description p{margin-bottom:10px;} .testimonial-panel .testimonial-pn-lf img{width:114px; margin:0 auto; float:none;} .testimonial-panel .testimonial-pn-rt{margin:0 auto; width:34%; display:block; margin-top:20px;} .home-item .inner .headch{width:100%;} .testimonial-panel .testimonial-description p, .testimonial-panel .testimonial-description p span{text-align:center;} } @media (max-width: 411px) { #article-3 .mynetwork li{ height:310px !important; } } #aboutUsSec .inner{padding:50px 0px 120px 0px!important;}