/* Theme Name: The Second Shift Theme Theme URI: http://www.dazetech.co.in Description: A WordPress theme frame work Version: 2.0 Author: Dazetech Author URI: http://www.dazetech.co.in */ /* Improved browser CSS feature ------------------------------------- Example: .ie8 .sidebar li{width:85px} •ie - Internet Explorer (All versions) •ie8 - Internet Explorer 8.x •ie7 - Internet Explorer 7.x •ie6 - Internet Explorer 6.x •gecko - Mozilla, Firefox (all versions), Camino •ff3 - Firefox 3 •ff3_5 - Firefox 3.5 new •opera - Opera (All versions) •opera8 - Opera 8.x •opera9 - Opera 9.x •opera10 - Opera 10.x •webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome •safari3 - Safari 3.x •chrome - Google Chrome */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body{ left: 0 !important; margin:0; background-color: #E5E5E5; } body, th, td, input, textarea{ color:#000000; font-family: AvenirNextLTPro; font-size:12px; } form{ } fieldset{ } input, textarea{ font-weight:bold; } input.text{ background:#FFFFFF; border:none; padding:1px; } input.button{ background:#000000; border:1px solid #000000; color:#ffffff; } h1, h2, h3{ color:#000000; } h1{ font-size:25px; } h2{ font-size:22px; } h3{ font-size:16px; } h4{ font-size:14px; } h5{ font-size:12px; } h6{ font-size:10px; } p, ul, ol{ font-size:13px; line-height:20px; } ul, ol{ } blockquote{ margin-left:36px; margin-right:36px; } a{ color:#000000; text-decoration:none; } a:hover{ border:none; } h1 a, h2 a, h3 a{ border:none; color:#333333; text-decoration:none; } h1 a:hover, h2 a:hover, h3 a:hover{ background:none; color:#371015; } hr{ display:none; } .header .wrapper{ width: 97%; } .wrapper{ width: 95%; margin: 0 auto; } #header{ background-color:#9F9F9F; height:30px; /*margin:0 auto; width:980px;*/ } #menu{ float:left; } #menu ul{ line-height:normal; list-style:none; margin:0; padding:0; } #menu li{ float:left; } #menu a{ color:#FFFFFF; display:block; float:left; font-size:12px; margin-right:1px; text-decoration:none; padding-right: 20px; padding-left: 20px; height: 30px; line-height: 30px; } #menu a:hover{ background:#371015; color:#ffffff; } #menu .current_page_item a{ color:#ffffff; background-color: #000000; } #search{ float:right; width:270px; padding-top: 10px; } #search fieldset{ border:none; } #search #s{ padding:3px; width:140px; vertical-align:top; } #search #x{ width:60px; vertical-align:top; } #logo{ height:160px; /* margin:0 auto; width:980px;*/ background-color: #A8A8A8; background-repeat: no-repeat; } #logo h1, #logo h2{ margin:0; padding:0; color: #000000; } #logo h1{ color: #000000; padding:50px 5px 0 20px; } #logo h2{ color: #000000; margin:10px 0 0 17px; padding:5px; } #logo p{ clear:left; color: #000000; font-size:14px; font-weight:bold; line-height:normal; margin:0; padding:0 0 0 20px; } #logo a{ color: #000000; } #page{ background:#FFFFFF; } /*.contentmain{ width:490px; float:left; }*/ #content{ padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } .post{ } .post .title{ font-weight:normal; margin:0; } h1.title{ color:#333333; font-size:26px; font-weight: normal; } h2.title{ color:#371015; font-size:16px; } .desctitle{ font-size:10px; } .post h1.title{ font-size:24px; height:auto; } .post .entry{ } /*.entry p{ padding-bottom:20px; }*/ .entry ul,ol{ padding-left:20px; } .post .meta{ border-bottom:1px dotted #CCCCCC; color:#333333; font-size:14px; } .navigation { padding-top:10px; padding-bottom: 10px; } .navigation a{ font-size: 14px; font-weight: bold; } .post .meta a{ color:#333333; } .post .links{ margin:0; } .post .tags{ font-size:9px; font-weight:bold; margin:0; text-transform:uppercase; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .post .links a, .post .tags a{ border:none; } .leftsidebar { width:245px; float:left; } .sidebar{ } .sidebar ul{ list-style:none; margin:0; padding:0; } #sidebar1 li{ background-color: #C6C6C6; padding: 5px; } #sidebar2 li{ background-color: #C6C6C6; padding:5px; } .sidebar li ul{ } .sidebar li li{ margin:0; } .sidebar li h2{ margin:0; } #sidebar1{ margin-left: 10px; } #sidebar1 li h2{ height:30px; font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: 30px; background-color: #333333; text-align: center; } #sidebar1 li ul{ line-height:normal; padding-left: 5px; padding-right: 5px; } #sidebar1 li li{ background-image: url(../jpg/list.jpg); background-repeat: no-repeat; background-position: left center; padding-left:15px; padding-top: 5px; padding-bottom: 5px; } #sidebar1 li li li{ background-image: url(../jpg/list.jpg); background-repeat: no-repeat; background-position: left center; padding:0px; } #sidebar1 li li a{ } .rightsidebar{ width:245px; float:left; } #sidebar2{ padding:0px; margin-right: 5px; } #sidebar2 li h2{ height:30px; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #333333; text-align: center; } #sidebar2 li ul{ line-height:normal; padding-left:10px; } #sidebar2 li li{ background-image: url(../jpg/list.jpg); background-repeat: no-repeat; background-position: left center; } #sidebar2 li a{ border:none; padding-left: 10px; } #sidebar2 li a:hover{ border:none; } #calendar{ /*margin:0 auto;*/ } #calendar caption{ font-weight:bold; } #calendar table{ border-collapse:collapse; text-align:center; width:220px; } #calendar thead th{ background:#CCCCCC; color:#FFFFFF; } #calendar tbody td{ background:#EEEEEE; } #calendar #today{ background:#B8D03B; color:#FFFFFF; font-weight:bold; } #calendar a{ font-weight:bold; } #calendar #prev{ text-align:left; } #calendar #next{ text-align:right; } #design{ background:#FFFFFF url(../lines2.html) bottom right no-repeat; height:138px; } .site-content-contain .footer { padding-bottom: 30px; } #footer{ background-color:#CCCCCC; color:#000000; font-size:9px; /* width:980px; margin-right: auto; margin-left: auto;*/ height:50px; } #footer a{ color:#000000; } .footer_copy{ padding-top:30px; font-family: AvenirNextLTPro; font-weight: 400; font-size: 14px; color: #6c858b; font-style: italic; } .footer_copy a{ font-family: AvenirNextLTPro; font-weight: 400; font-size: 14px; color: #6c858b; border-left: 2px solid #6c858b; padding: 0px 8px; } .footer .bloginfo-name { padding-right: 8px !important; } .dz_copy{ font-size: 12px; padding-left:10px; } .info{ } .comlabel{ color:#666666; font-size:13px; font-weight:lighter; } .comtext{ background-color:#371015; border:5px solid #FFFFFF; color:#FFFFFF; padding:5px; } .postlabel{ color:#666666; font-size:13px; font-weight:lighter; } .posttext{ background-color:#371015; border:5px solid #FFFFFF; color:#FFFFFF; padding:5px; } .commentlist{ list-style:none; } .authorcomment{ background-color:#efefef; margin:10px 0px 0px 0px; padding:3px; } .odd{ color:#333333; background-color: #EAEAEA; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666666; } .odd a:link{ color:#000000; } .commenttext{ color:#000000; color:#000000; font-size:10px; margin:0px 0px 10px 0px; padding:5px 10px 5px 10px; background-color: #EAEAEA; } #author, #email, #url{ background:#FBFBFB; border:1px solid #cbcbcb; padding:3px; width:40%; margin-bottom:5px; } #comment{ background:#FBFBFB; border:1px solid #cbcbcb; margin-bottom:0.6em; padding:3px; width:95%; } #submit{ background-color:#efefef; border-bottom:2px solid #CCCCCC; border-left:1px solid #E4E4E4; border-right:2px solid #CCCCCC; border-top:1px solid #E4E4E4; padding:3px; } acronym, abbr, span.caps{ cursor:help; } acronym, abbr{ border-bottom:1px dashed #999; } blockquote{ padding-left:52px; background-image: url(../png/qt.png); background-repeat: no-repeat; background-position: left top; margin-top: 15px; margin-right: 30px; margin-bottom: 0; margin-left: 10px; padding-top: 5px; } blockquote cite{ display:block; margin:5px 0 0; } .center{ text-align:center; } .aligncenter{ margin-right: auto; margin-left: auto; } img.aligncenter{ display:block; margin-left:auto; margin-right:auto; } hr{ display:none; } a img{ border:none; } pre{ background:#f3f2ed; border:solid 1px #9a9a9a; color:blue; margin:10px; padding:10px; } code{ color:#000; font-size:1.0em; } /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /*Drop Menu start*/ #dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; width:100%;} #dropmenu a { color:#FFFFFF; display:block; float:left; font-size:14px; margin-right:0px; text-decoration:none; line-height: 30px; height: 30px; padding-right: 13px; padding-left: 13px; } #dropmenu a:hover {} #dropmenu li {float:left; position:relative;} #dropmenu ul {position:absolute; display:none; top:30px;; left:0px;} #dropmenu ul a { color: #2081cd; font-weight: normal; background-image: none; } #dropmenu ul a:hover { color: #FFFFFF; font-weight: normal; background-image: none; } #dropmenu li ul { background-color: #464646; width: 200px; padding: 0px; margin:0px; } #dropmenu li ul a { height:auto; float:left; color: #FFFFFF; width:200px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #797979; text-align: left; text-indent: 20px; padding-top: 0px; padding-bottom: 0px; margin: 0px; padding-right: 0px; padding-left: 0px; } .clear, .cb{ clear:both; } #dropmenu li ul a:hover { color: #FFFFFF; background-color: #626262; } #dropmenu li ul li{ width:200px; } #dropmenu ul ul {top:auto;} #dropmenu li ul ul {left:200px; margin:0px 0 0 0px;} #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} #dropmenu li ul li.parent{ background:url(../jpg/drop_list_bg.jpg) no-repeat 211px 14px #2A448F; } #dropmenu li ul li.parent:hover{ background: url("../jpg/drop_list_bg_hover.jpg") no-repeat scroll 211px 14px #626262; } /*------Menu CSS------------------------- */ #access { display: block; float: right; } #access .menu-header, div.menu { font-size: 13px; margin-left: 12px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header li, div.menu li { float:left; position: relative; } #access a { display: block; text-decoration: none; color: #fff; margin: 0 26px; line-height: 38px; letter-spacing: 2px; font-size: 12px; font-family: AvenirNextLTPro; font-weight: 500; } #access ul ul { display: none; position: absolute; top: 38px; left: -12px; float: left; width: 240px; z-index: 99999; } #access ul ul li { min-width: 180px; } #access ul ul ul { left:100%; top:0; } #access ul ul a { background: #39474d; height: auto; line-height: 18px; padding: 15px 12px; width: 200px; } #access li:hover > a, #access ul ul :hover > a { color:#d0cdce; } #access ul li:hover > ul { display:block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #fff; border-bottom: 4px solid #40464c; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color:#fff; } /***************************************THEME CSS STARTS************************************************/ @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-bold.eot'); src: url('../eot/avenirnextltpro-boldd41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-bold.woff2') format('woff2'), url('../woff/avenirnextltpro-bold.woff') format('woff'), url('../ttf/avenirnextltpro-bold.ttf') format('truetype'), url('../otf/avenirnextltpro-bold.otf') format('opentype'), url('../svg/avenirnextltpro-bold.svg#AvenirNextLTPro-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-boldit.eot'); src: url('../eot/avenirnextltpro-bolditd41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-boldit.woff2') format('woff2'), url('../woff/avenirnextltpro-boldit.woff') format('woff'), url('../ttf/avenirnextltpro-boldit.ttf') format('truetype'), url('../otf/avenirnextltpro-boldit.otf') format('opentype'), url('../svg/avenirnextltpro-boldit.svg#AvenirNextLTPro-BoldIt') format('svg'); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-light.eot'); src: url('../eot/avenirnextltpro-lightd41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-light.woff2') format('woff2'), url('../woff/avenirnextltpro-light.woff') format('woff'), url('../ttf/avenirnextltpro-light.ttf') format('truetype'), url('../otf/avenirnextltpro-light.otf') format('opentype'), url('../svg/avenirnextltpro-light.svg#AvenirNextLTPro-Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-lightit.eot'); src: url('../eot/avenirnextltpro-lightitd41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-lightit.woff2') format('woff2'), url('../woff/avenirnextltpro-lightit.woff') format('woff'), url('../ttf/avenirnextltpro-lightit.ttf') format('truetype'), url('../otf/avenirnextltpro-lightit.otf') format('opentype'), url('../svg/avenirnextltpro-lightit.svg#AvenirNextLTPro-LightIt') format('svg'); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-medium.eot'); src: url('../eot/avenirnextltpro-mediumd41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-medium.woff2') format('woff2'), url('../woff/avenirnextltpro-medium.woff') format('woff'), url('../ttf/avenirnextltpro-medium.ttf') format('truetype'), url('../otf/avenirnextltpro-medium.otf') format('opentype'), url('../svg/avenirnextltpro-medium.svg#AvenirNextLTPro-Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-mediumit.eot'); src: url('../eot/avenirnextltpro-mediumitd41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-mediumit.woff2') format('woff2'), url('../woff/avenirnextltpro-mediumit.woff') format('woff'), url('../ttf/avenirnextltpro-mediumit.ttf') format('truetype'), url('../otf/avenirnextltpro-mediumit.otf') format('opentype'), url('../svg/avenirnextltpro-mediumit.svg#AvenirNextLTPro-MediumIt') format('svg'); font-weight: 500; font-style: italic; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-regular.eot'); src: url('../eot/avenirnextltpro-regulard41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-regular.woff2') format('woff2'), url('../woff/avenirnextltpro-regular.woff') format('woff'), url('../ttf/avenirnextltpro-regular.ttf') format('truetype'), url('../otf/avenirnextltpro-regular.otf') format('opentype'), url('../svg/avenirnextltpro-regular.svg#AvenirNextLTPro-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-it.eot'); src: url('../eot/avenirnextltpro-itd41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-it.woff2') format('woff2'), url('../woff/avenirnextltpro-it.woff') format('woff'), url('../ttf/avenirnextltpro-it.ttf') format('truetype'), url('../otf/avenirnextltpro-it.otf') format('opentype'), url('../svg/avenirnextltpro-it.svg#AvenirNextLTPro-It') format('svg'); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-light.eot'); src: url('../eot/avenirnextltpro-lightd41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-light.woff2') format('woff2'), url('../woff/avenirnextltpro-light.woff') format('woff'), url('../ttf/avenirnextltpro-light.ttf') format('truetype'), url('../otf/avenirnextltpro-light.otf') format('opentype'), url('../svg/avenirnextltpro-light.svg#AvenirNextLTPro-Light') format('svg'); font-weight: 100; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'AvenirNextLTPro'; src: url('../eot/avenirnextltpro-lightit.eot'); src: url('../eot/avenirnextltpro-lightitd41d.eot#iefix') format('embedded-opentype'), url('../woff2/avenirnextltpro-lightit.woff2') format('woff2'), url('../woff/avenirnextltpro-lightit.woff') format('woff'), url('../ttf/avenirnextltpro-lightit.ttf') format('truetype'), url('../otf/avenirnextltpro-lightit.otf') format('opentype'), url('../svg/avenirnextltpro-lightit.svg#AvenirNextLTPro-LightIt') format('svg'); font-weight: 100; font-style: italic; font-stretch: normal; unicode-range: U+0020-00FE; } /*.menu li.has-children > a:after { color: #666666; content: url('images/arrow-drop.png'); font-size: 10px; vertical-align: 1px; }*/ .sticky.header { position: fixed; top: 0px; background: #fff; z-index: 99999; padding: 30px 0px; box-shadow: 1px 0px 30px rgb(0 0 0 / 0.1); } .sticky.header .logo img { width: 80px; } .sticky.header .logo { width: 35%; display: none; } .sticky.header .logo-scroll{ display: block; float: left; width: 32%; } .sticky.header .logo-scroll img { width: 70px; } .sticky.header .menus { padding-top: 5px; width: 52%; float: left; color: #39474d !important; } .sticky.header .menus ul li a{ color: #39474d !important; font-size: 12px !important; } .sticky.header .get-start { width: 15%; float: right; font-size: 12px; margin-top: 15px; } .sticky.header .get-start a { border: 2px solid #39474d; color: #39474d; } .sticky.header .menus ul li ul li a { color: #39474d !important; border-bottom: none; margin: 0px !important; } .sticky.header #access ul li.current_page_item > a, .sticky.header #access ul li.current-menu-ancestor > a, .sticky.header #access ul li.current-menu-item > a, .sticky.header #access ul li.current-menu-parent > a { border-bottom: 2px solid #91cdb0; } .sticky.header #access ul li ul li.current_page_item > a, .sticky.header #access ul li ul li.current-menu-ancestor > a, .sticky.header #access ul li ul li.current-menu-item > a, .sticky.header #access ul li ul li.current-menu-parent > a { border-bottom: none; } .sticky.header #access ul ul a { background: #fff; height: auto; line-height: 18px; padding: 15px 12px; width: 216px; color:#39474d; } .sticky.header #access ul ul { box-shadow: 0px 5px 20px 0px #888888; left: 10px; } .logo { width: 32%; float: left; } .logo img { width: 27%; } .logo-scroll{ display: none; } .menus { padding-top: 25px; width: 52%; float: left; } .get-start { width: 15%; float: right; font-size: 12px; margin-top:37px; } .get-start a { border: 2px solid #fff; padding: 15px 25px; border-radius: 5px; text-align: center; letter-spacing: 2px; font-family: AvenirNextLTPro; font-weight: 500; color: #fff; } .header{ width: 100%; padding-top: 45px; position: absolute; z-index: 9999; } .banner { width: 100%; height: 932px; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 18% 0px; } .banner-inner-texts h1 { font-family: 'Crimson Text'; font-weight: 500; font-size: 56px; color: #fff; margin-top: 44px; } .banner-inner-texts h4{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 18px; color: #fff; padding-top: 10px; padding-bottom: 94px; } .banner-inner-texts a { font-family: AvenirNextLTPro; font-weight: 500; font-size: 14px; letter-spacing: 2px; color: #39474d; background-color: #fff; border-radius: 10px; padding: 21px 41px; } .first-section-three-areas{ padding: 69px 0%; } .homepage-first-section-part { padding: 0px 12%; } .homepage-third-section{ padding: 0px 12%; } .image-content-area h4{ font-size: 16px; font-family: AvenirNextLTPro; font-weight: 400; color: #39474d; } .home-bottom-blue-img img{ width: auto !important; height: 70px !important; } .home-bot-3-sec{ padding-left: 25%; padding-right: 25%; } .image-content-area h3{ font-size: 24px; font-family: 'Crimson Text'; font-weight: 500; color: #39474d; padding-bottom: 15px; } .inner-image-icons-list-sections{ padding: 10px 0px; } .second-section-right-area{ padding-top: 40px; border-left: double #cecece; } h2.second-right-titles,h4.first-section-list-titles{ font-weight: 500; } .third-section-main{ padding: 47px 0px 97px; } h3.third-section-main-title{ padding-bottom: 46px; } h4.third-section-sub-title{ font-weight: 500; } .third-section-button { margin-top: 36px; } .third-section-button a{ color: #62a5c7; background-color: #fff; border-radius: 10px; font-family: AvenirNextLTPro; font-weight: 400; letter-spacing: 2px; font-size: 14px; display: inline-block; padding: 20px 40px; } .footer-sections1{ float: left; width: 10%; } .footer-sections2 { float: left; width: 20%; } .footer-sections3 { float: left; width: 22%; border-left: 1px solid #cecece; padding-left: 45px; border-right: 1px solid #cecece; padding-right: 20px; } .footer-sections4 { float: left; width: 38%; padding-left: 40px; } .main-footer{ padding: 52px 0px; background-color: #fff; } .main-footer ul li { list-style-type: none; } .main-footer ul li a { font-family: AvenirNextLTPro; font-weight: 500; letter-spacing: 0.5px; font-size: 14px; color: #6c858b; line-height: 38px; } .footer-sections1 img { width: 50%; } .main-footer h2{ padding-bottom: 16px; font-family: AvenirNextLTPro; font-weight: 700; font-size: 14px; letter-spacing: 2px; color: #6c848b; } .bot-foot-left{ float: left; width: 50%; } .bot-foot-right { float: right; width: 50%; text-align: right; } .menu-resources-container li { float: left; width: 50%; } .footer{ background-color: #fff; padding-bottom: 50px; } .footer-socialmedia-icons { padding: 10px 0px; } .footer-socialmedia-icons a { margin-right: 15px; } .footer-socialmedia-icons i { padding: 14px; color: #fff; background-color: #b8c9ce; border-radius: 30px; } .footer-socialmedia-icons .fa-facebook-f:before,.footer-socialmedia-icons .fa-facebook:before { padding: 3px !important; } .abt-banner{ width: 100%; height: 472px; background-position: center 20%; background-repeat: no-repeat; background-size: cover; } h2.abt-banner-title { padding: 17% 0; } .abt-tab-section{ padding: 0px !important; } .abt-tab-section { margin-top: -14px; } h2.our-team-tab-title{ padding-top: 75px; padding-bottom: 42px; } .ult-easy-separator-wrapper.ult-bottom-easy-separator { bottom: 58% !important; } .abt-team-separater-img{ padding-bottom: 58px; } .abt-tab-section .abt-main-tabs ul { background-color: #8da0a6 !important; padding: 25px 0px; max-width: 100% !important; background-image: url(../jpg/tabbord.jpg); background-repeat: no-repeat; background-position: center; } .abt-tab-section .ult_tabmenu.style3>li.ult_tab_li a span{ font-family: AvenirNextLTPro !important; font-weight: 400 !important; font-size: 12px !important; letter-spacing: 2px !important; color: #fff !important; } .abt-tab-section .ult_tabmenu.style3>li.ult_tab_li a{ padding: 0px !important; } /*.abt-tab-section li.ult_tab_li:first-child { border-right: 3px solid #fff!important; } .abt-tab-section li { padding: 0px 55px !important; }*/ .abt-tab-section li { margin: 0px 55px !important; } /*.abt-tab-section li:before { content: " | " !important; } .abt-tab-section li:first-child:before { content: "" !important; }*/ .abt-tab-section li.ult_tab_li.current { padding-bottom: 10px !important; border-bottom: 3px solid #fff !important; } .abt-tab-section .ult_tabmenu.style3>li.ult_tab_li:before{ box-shadow: none !important; } .abt-tab-section .vc_column-inner { padding: 0px !important; } .abt-all-teams-sections{ padding-bottom: 255px; } .abt-all-teams-sections::before{ content: url('../image-separater.html'); } .abt-listing-teams h2{ font-family: 'Crimson Text'; font-weight: 500 !important; font-size: 24px; color: #37454b; } .abt-listing-teams h4{ font-family: AvenirNextLTPro; font-weight: 400; font-size: 14px; color: #39474d; padding-bottom: 25px; padding-top: 5px; } .about-bottom-blue-section{ padding: 95px 0px; } .about-bottom-blue-section h3{ font-family: 'Crimson Text'; font-weight: 400; font-size: 32px; color: #fff; text-align: center; padding-bottom: 40px; } .about-bottom-blue-section a{ font-family: AvenirNextLTPro; font-weight: 400; font-size: 14px; letter-spacing: 2.3px; color: #62a5c7; background-color: #fff; padding: 20px 40px; display: inline-block; border-radius: 8px; } .mission-first-section{ padding-top: 114px; padding-bottom: 80px; } .mission-first-section h3{ font-family: 'Crimson Text'; font-weight: 600; font-size: 28px; color: #37454b; } .abt-mission-sections-para p{ font-family: AvenirNextLTPro; font-weight: 400; font-size: 16px; color: #39474d; line-height: 34px; padding-top: 20px; } .business-banner{ width: 100%; height: 1078px; background-position: center; background-repeat: no-repeat; background-size: cover; } .business-banner .banner-inner-texts { padding: 260px 0px; } .business-banner .banner-inner-texts h1 { font-size: 40px; padding-bottom: 70px; letter-spacing: 2.5px; } .business-banner .banner-inner-texts a{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 18px; color: #39474d; display: inline-block; background-color: #fff; border-radius: 5px; padding: 20px 40px; } .businner-blue-banner{ width: 100%; /* height: 925px;*/ background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 32px; padding-right: 18% !important; padding-left: 18% !important; padding-bottom: 28px; } .businner-blue-banner .wpb_content_element{ margin-bottom: 10px; } .businner-blue-banner-2 { width: 100%; /* height: 850px;*/ background-position: center; background-repeat: no-repeat; background-size: cover; padding-left: 18% !important; padding-right: 18% !important; padding-top: 82px; padding-bottom: 28px; } .businner-blue-banner-3{ width: 100%; /*height: 850px;*/ background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 82px; padding-bottom: 41px; } .businner-blue-banner-4{ width: 100%; /* height: 1190px;*/ background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 25px; padding-bottom: 28px; } .businner-blue-banner-5{ width: 100%; /* height: 1230px;*/ background-position: center; background-repeat: no-repeat; background-size: cover; padding-left: 18% !important; padding-right: 18% !important; padding-top: 53px; padding-bottom: 28px; } h2.business-first-sec-title { padding-bottom: 40px; } h4.business-first-sec-third-title { font-weight: 400; padding-bottom: 49px; margin-top: 35px; } h3.business-first-sec-last-title { padding: 0px 0px 31px; } h4.business-first-sec-3col-title { font-weight: 400 !important; padding-top: 0px; } h4.business-first-sec-3col-title,h3.business-first-sec-last-title{ font-weight: 500; } #sec3 .vc_separator { margin-bottom: 16px; } #sec6 .business-first-sec-slope-borders:before ,#sec6 .business-first-sec-slope-border-2:before { height: 125px; } .business-first-sec-slope-borders:before { content: ""; display: block; background: url(../png/slope-line.png) no-repeat; width: 54px; height: 125px; float: left; } .business-first-sec-slope-border-2:before { content: ""; display: block; background: url(../png/slope-line.png) no-repeat; width: 54px; height: 220px; float: left; } h3.business-first-sec-last-title:after { content: ''; display: inline-block; background: url(../png/greater.png) no-repeat; width: 30px; height: 19px; margin-left: 8px; } .businner-blue-banner-3 h3.business-first-sec-last-title:after{ display: none; } #sec3 .business-second-sec-image { float: left; width: 30%; margin-bottom: 45px !important; } #sec4 .vc_separator { margin-bottom: 4px; } .business-first-sec-3col-titles-sec{ float: left; width: 70%; } h4.business-fourthsec-quote-smalltitle{ font-weight: 400; padding-top: 25px; font-style: italic; } .business-bottom-blue-section{ padding: 59px 0px; } .vc_row.wpb_row.vc_inner.vc_row-fluid.payment { padding: 0px 21%; } .business-bottom-blue-sec-button a{ background-color: #fff; border-radius: 5px; color: #70adcc; padding: 20px 40px; font-family: AvenirNextLTPro; font-weight: 500; letter-spacing: 2.3px; font-size: 14px; display: inline-block; margin-top: 50px; } .business-first-sections-images img,.wpb_single_image.wpb_content_element.vc_align_center.business-second-sec-image img,.wpb_single_image.wpb_content_element.vc_align_center.business-first-sections-images img { width: 65%; /*height: 70px;*/ } .business-double-borders{ border-left: double #fff; border-right: double #fff; } .business-first-sec-slope-small-borders:before{ content: ""; display: block; background: url(../png/slope-line.png) no-repeat; width: 54px; height: 100px; float: left; } .slider-inner-border{ border-bottom: double #fff; width: 5%; margin: 0 auto; } .slider-inner-first-text,.slider-inner-second-text { font-family: 'Crimson Text' !important; font-weight: 400 !important; font-size: 75px !important; color: #fff !important; line-height: 110px !important; } .member-banner-slide{ height: 900px; padding-top: 180px; } .member-banner-ssection1-btn a{ background-color: #fff; border-radius: 10px; color: #37454b; padding: 20px 40px; font-family: AvenirNextLTPro; font-weight: 500; letter-spacing: 2px; font-size: 14px; display: inline-block; } h3.member-banner-second-title { padding-bottom: 40px; } .members-first-sec-slope-border-2:before { content: ""; display: block; background: url(../png/ic24.png) no-repeat; width: 54px; height: 60px; margin: 60px 0px; float: left; } .members-first-four-sections{ padding-bottom: 260px; padding-top: 50px; } h4.members-second-sec-btm-first-title{ font-weight: 400; padding-bottom: 20px; } h4.members-second-sec-btm-second-title{ font-weight: 500; padding-top: 20px; padding-bottom: 70px; } h3.memebers-third-sec-last-title { font-weight: 400; padding-bottom: 110px; padding-top: 10px; } h3.members-fifth-last-section{ font-weight: 500; padding-top: 80px; padding-bottom: 20px; } h4.members-fifth-sec-last-content{ font-weight: 400; padding-bottom: 160px; } .members-fifth-main-four-sec{ padding-top: 40px; } .members-blue-banner-5 { width: 100%; /* height: 1125px;*/ background-position: center; background-repeat: no-repeat; background-size: cover; padding-left: 18% !important; padding-right: 18% !important; padding-top: 82px; padding-bottom: 28px; } .member-bottom-blue-section { padding: 40px 0px 0px 0px; } .member-bottom-blue-section h3.business-first-sec-last-title { padding-bottom: 70px; padding-top: 0px; } .mobile-testimonial{ display: none; } .case-banner{ width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 250px; padding-bottom: 200px; } .case-study-first-section { padding: 145px 5% 140px 10%; } .case-study-first-section .case-study-1 h3{ font-family: 'Crimson Text'; font-weight: 600; font-size: 32px; color: #37454b; } .case-study-first-section .case-study-1 p{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 18px; line-height: 33px; padding-top: 15px; color: #39474d; padding-bottom: 5px; } .case-study-first-section .case-study-1 a,.case-study-first-section .case-study-2 a,.case-study-first-section .case-study-3 a{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 18px; line-height: 33px; color: #70adcc; } .case-study-first-section .case-study-2 h3{ font-family: AvenirNextLTPro; font-weight: 400; font-size: 27px; color: #39474d; } .case-study-first-section .case-study-2 p{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 18px; line-height: 33px; padding-top: 15px; color: #39474d; padding-bottom: 5px; } .case-study-first-section .case-study-3 h3{ font-family: 'Crimson Text'; font-weight: 700; font-size: 50px; color: #39474d; } .case-study-first-section .case-study-3 p{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 18px; line-height: 33px; padding-top: 15px; color: #39474d; padding-bottom: 5px; } .case-study-first-section .case-study-left-section{ border-right: 1px solid #cecece; } .case-study-first-section .case-study-right-section{ padding-left: 50px; } .feat-images { margin-top: 14px; } .feat-images img{ width: 100%; } .case-study-first-section h4.feature-main-title{ font-weight: 700; letter-spacing: 2px; padding: 10px 0px 20px 0px; } .feature-main-secions{ padding: 20px 0px 30px 0px; } .feat-side-sections h3{ font-family: 'Crimson Text'; font-weight: 400; font-size: 21px; color: #37454b; } .feat-side-sections h4{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 14px; color: #39474d; padding: 8px 0px; } .feat-side-sections a{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 14px; color: #70adcc; } .bottom-blue-section { padding: 90px 0px; } .bottom-blue-text-sections h3{ font-family: 'Crimson Text'; font-weight: 400; font-size: 32px; color: #fff; padding-bottom: 30px; } .bottom-blue-text-sections a{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 14px; color: #62a5c7; background-color: #fff; padding: 20px 40px; display: inline-block; letter-spacing: 2.3px; border-radius: 5px; } #popupid{ } .case-study-model-first-section{ background-color: #70adcc; padding: 110px 0px; } .popup-model-section{ display: none; } .case-study-model-first-section h5{ font-family: AvenirNextLTPro; font-weight: 600; font-size: 14px; color: #fff; text-align: center; letter-spacing: 2px; } .case-study-model-first-section h3{ font-family: 'Crimson Text'; font-weight: 400; font-size: 40px; color: #fff; text-align: center; } .popup1-second-main{ padding: 80px 0px 0px 0px; } .popup1-second-main{ text-align: center; } .case-study-model-second-section{ text-align: center; } /*.case-study-model-second-section img{ padding: 25px 0px; }*/ .case-study-model-second-section h2{ font-family: 'Crimson Text'; font-weight: 400; font-size: 40px; color: #37454b; text-align: center; line-height: 80px; } .case-study-model-second-section h3{ font-family: AvenirNextLTPro; font-weight: 700; font-size: 14px; letter-spacing: 2px; color: #37454c; text-align: center; text-transform: uppercase; } .case-study-model-second-section p{ font-family: AvenirNextLTPro; font-weight: 500; font-size: 16px; line-height: 30px !important; color: #37454c; text-align: center; padding: 20px 28%; line-height: 30px; } .carousel-popup { position: relative; } .carousel-popup .pop-slide{ position: absolute; display: none; } .carousel-popup .pop-slide:first-child { display: block; } .case-study-buttons { width: 100%; background-color: #f7f7f7 !important; padding: 20px 0px; margin-top: 100px; } .case-study-buttons a { font-family: AvenirNextLTPro; font-weight: 700; font-size: 12px; color: #37454c; letter-spacing: 2px !important; cursor: pointer; } .case-study-buttons-left{ width: 40%; float: left; text-align: left; padding-left: 45px; content: ""; display: block; background: url(../png/lesser-img.png) no-repeat; background-position: left; margin-left: 30px; } .case-study-buttons-right{ width: 40%; float: right; text-align: right; padding-right: 45px; content: ""; display: block; background: url(../png/greater-img.png) no-repeat; background-position: right; margin-right: 20px; } .case-study-buttons h4 { font-family: AvenirNextLTPro !important; font-weight: 500 !important; font-size: 16px !important; color: #39474d !important; } .paoc-popup-modal p { line-height: normal; margin: 0 0 10px 0 !important; } .case-study-bottom-links h3{ font-family: AvenirNextLTPro !important; font-weight: 700 !important; font-size: 18px !important; color: #37454c !important; letter-spacing: 2px !important; } .case-study-bottom-links h4{ font-family: AvenirNextLTPro !important; font-weight: 500 !important; font-size: 25px !important; color: #39474d !important; } .case-study-bottom-links .aio-icon.none { padding-top: 12px !important; } .cnt-banner{ width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 250px; padding-bottom: 200px; } .cnt-contents h3{ font-family: 'Crimson Text'; font-weight: 400; font-size: 32px; color: #37454b; } .cnt-contents h5{ font-family: AvenirNextLTPro; font-weight: 400; font-size: 18px; line-height: 1.5; color: #39474d; padding-top: 13px; padding-bottom: 60px; } .cnt-first-section{ padding-top: 54px; padding-bottom: 150px; } .cnt-left-side,.cnt-right-side{ text-align: center; } .cnt-left-side input.cnt-name,.cnt-left-side input.cnt-email,.cnt-left-side input.cnt-help,.cnt-left-side textarea.cnt-msg { width: 55%; padding: 15px 15px; font-size: 16px; letter-spacing: normal; line-height: 1.5; border-radius: 5px; border: 1px solid #dddddd; margin-bottom: 40px; } .cnt-images img { width: 50%; margin-bottom: -20px !important; } .cnt-left-side input.submit-btn{ background-color: #95cfb3; color: #fff; font-family: AvenirNextLTPro; font-weight: 400; font-size: 12px; letter-spacing: 2px; padding: 14px 30px; border:none; border-radius: 5px; } .cnt-left-side input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #a9b7bb !important; font-family: AvenirNextLTPro; font-weight: 400; font-size: 15px; } .cnt-left-side input:-moz-placeholder,.cnt-left-side textarea:-moz-placeholder { /* Firefox 18- */ color: #a9b7bb !important; font-family: AvenirNextLTPro; font-weight: 400; font-size: 15px; } .cnt-left-side input::-moz-placeholder,.cnt-left-side textarea::-moz-placeholder { /* Firefox 19+ */ color: #a9b7bb !important; font-family: AvenirNextLTPro; font-weight: 400; font-size: 15px; } .cnt-left-side input:-ms-input-placeholder,.cnt-left-side textarea:-ms-input-placeholder { color: #a9b7bb !important; font-family: AvenirNextLTPro; font-weight: 400; font-size: 15px; } .cnt-right-side .wpb_map_wraper{ width: 60%; height: 400px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); margin:0 auto; } .cnt-bottom-blue-sec-main{ text-align: center; padding: 75px 0px; } .cnt-bottom-blue-sec-main .social-links{ padding-top: 20px; } .cnt-bottom-blue-sec-main .social-links i { padding: 15px; margin: 0px 10px; color: #fff; font-size: 20px; border-radius: 30px; border: 2px solid #fff; } .cnt-bottom-blue-sec-main .social-links a { margin-right: 15px; } .cnt-bottom-blue-sec-main .social-links .fa-facebook-f:before,.cnt-bottom-blue-sec-main .social-links .fa-facebook:before { margin: 4px !important; } .privacy-img1 img { width: 65%; } .privacy-first-section { padding-top: 160px; } .privacy-second-section { padding-top: 70px; } h5.privacy-second-sub-title{ font-weight: 500; padding: 20px 0px; } .privacy-second-paras p{ color: #39474d; font-family: AvenirNextLTPro; font-weight: 500; font-size: 16px; line-height: 1.5; padding: 20px 10%; } .privacy-bottom-blue-img img { width: 65%; } .privacy-second-paras p a{ color: #0799d7; } .privacy-third-sec-separater-img { padding: 25px 0px 0px 0px; } .privacy-bottom-blue-sec{ padding: 75px 0px; } .privacy-bottom-blue-btn a{ background-color: #fff; padding: 20px 40px; color: #62a5c7; font-family: AvenirNextLTPro; font-weight: 500; font-size: 14px; letter-spacing: 2.3px; display: inline-block; margin-top: 50px; border-radius: 5px; } .fees-new1 h2 { line-height: 1.29 !important; letter-spacing: 2px !important; font-weight: 500 !important; } h2.member-banner-title { padding-bottom: 50px; } .member-banner-slide .vc_separator .vc_sep_holder .vc_sep_line,.women-banner .vc_separator .vc_sep_holder .vc_sep_line{ margin: 0 auto !important; width: 50% !important; } .women-banner{ width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 250px; padding-bottom: 200px; } .women-first-section{ padding: 55px 0px; } .women-first-sec-para p{ color: #39474d; font-family: AvenirNextLTPro; font-weight: 500; line-height: 30px; font-size: 18px; } .women-second-sec-image2 img { width: 65%; } h3.women-first-sec-title { padding-bottom: 50px; } .women-second-sec{ padding-top: 55px; } .women-second-sec-para p{ color: #fff; font-family: AvenirNextLTPro; font-weight: 500; line-height: 25px; font-size: 18px; padding: 35px 0px; } h3.women-second-sec-title2{ font-weight: 500; padding-bottom: 60px; } .women-second-sec-image2 { margin-bottom: 0px !important; } .women-third-sec{ padding: 100px 0px; } .women-third-sec-para p{ color: #39474d; font-family: AvenirNextLTPro; font-weight: 500; line-height: 25px; font-size: 18px; } .women-third-sec-para h4{ color: #344349; font-family: AvenirNextLTPro; font-weight: 700; font-size: 18px; padding-top: 10px; } h3.women-third-sec-title2{ font-weight: 500; text-transform: uppercase; letter-spacing: 1px; } .women-fourth-sec{ padding: 90px 0px; } .women-fourth-sec-img-sep { padding: 20px; } h3.women-fourth-sec-title2{ font-weight: 500; } .women-fourth-sec-4area{ padding: 50px 18%; } h3.women-fourth-sec-4sec-titles{ font-weight: 400; } .women-fourth-sec-images-area img { height: 70px !important; width: auto !important; padding-top: 20px; } .women-fourth-sec-4area .business-first-sec-slope-borders:before { content: ""; display: block; background: url(../png/slope-line.png) no-repeat; width: 54px; height: 190px; float: left; } .women-last-blue-sec{ padding: 75px 0px; } .women-last-sec-btn a{ background-color: #fff; padding: 20px 40px; color: #62a5c7; font-family: AvenirNextLTPro; font-weight: 500; font-size: 14px; letter-spacing: 2.3px; display: inline-block; margin-top: 50px; border-radius: 5px; text-transform: uppercase; } .footer-sections4 .menu-resources-container { width: 82%; float: left; } .footer-sections4 .cnt-sec-foot { width: 30%; float: left; display: inline-grid; position: relative; bottom: 35px; } .footer-sections4 .cnt-sec-foot a{ background-color: #fff; padding: 14px 14px; color: #39474d; text-align: center; font-family: AvenirNextLTPro; font-weight: 500; font-size: 12px; letter-spacing: 2px; display: inline-block; border: 2px solid #6c848b; border-radius: 5px; margin-bottom: 10px; text-transform: uppercase; } .footer-sections4 .menu-resources-ex-container { width: 70%; float: left; } .menu-resources-ex-container li { float: left; width: 50%; } .custombox-overlay.custombox-top.custombox-push.custombox-open { background: #fff !important; opacity: 10 !important; z-index: 9999 ; } .paoc-popup-modal{ box-shadow: none !important; } .paoc-popup-modal-cnt{ padding: 0px !important; } .custombox-fullscreen .paoc-popup-close { top: 8% !important; right: 4% !important; } .paoc-popup-close { background: url(../png/close.png) center center no-repeat !important; width: 20px !important; height: 20px !important; } .custombox-container.custombox-top .header.sticky { z-index: -1; } /*******************fixed nav css************************************/ #cd-vertical-nav { position: fixed; right: 15px; top: 59%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } #cd-vertical-nav li { text-align: right; list-style-type: none; } #cd-vertical-nav a { display: inline-block; /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } #cd-vertical-nav a:after { content: ""; display: table; clear: both; } #cd-vertical-nav a span { float: right; display: inline-block; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } #cd-vertical-nav a:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #cd-vertical-nav a:hover .cd-label { opacity: 1; } #cd-vertical-nav a.is-selected .cd-dot { background-color: white !important; } #cd-vertical-nav .cd-dot { position: relative; /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/ top: 8px; height: 12px; width: 12px; border-radius: 50%; background-color: transparent; border: 1px solid #fff; -webkit-transition: -webkit-transform 0.2s, background-color 0.5s; -moz-transition: -moz-transform 0.2s, background-color 0.5s; transition: transform 0.2s, background-color 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } #cd-vertical-nav .cd-label { position: relative; margin-right: 10px; padding: .4em .5em; color: white; font-size: 14px; font-size: 0.875rem; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; opacity: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .banner.hometop { min-height: 807px; } h2.vc_custom_heading.first-section-team-title { margin-top: 55px; } .homepage-first-section-part .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: -4px; } .clientlogos { margin-top: 90px !important; } .homepage-third-section { padding-top: 58px; } .uavc-list-icon.inner-image-icons-list-sections img { width: 110px !important; } .uavc-list-icon.inner-image-icons-list-sections{ margin-right: -11px !important; } div#sec1 { min-height: 870px; } div#section1 { min-height: 800px; } /* * * BLOG * BLOG * BLOG * BLOG * BLOG * BLOG * BLOG * BLOG * BLOG * BLOG * BLOG * BLOG * BLOG * */ /*-------------------------------------------------------------- 15.0 Widgets --------------------------------------------------------------*/ #secondary { padding: 1em 0 2em; } .widget { padding-bottom: 3em; } h2.widget-title { color: #222; font-size: 13px; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.1818em; margin-bottom: 1.5em; text-transform: uppercase; } .widget-title a { color: inherit; } /* widget forms */ .widget select { width: 100%; } /* widget lists */ .widget ul { list-style: none; margin: 0; } .widget ul li, .widget ol li { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0.5em 0; } .widget:not(.widget_tag_cloud) ul li + li { margin-top: -1px; } .widget ul li ul { margin: 0 0 -1px; padding: 0; position: relative; } .widget ul li li { border: 0; padding-left: 24px; padding-left: 1.5rem; } /* Widget lists of links */ .widget_top-posts ul li ul, .widget_rss_links ul li ul, .widget-grofile ul.grofile-links li ul, .widget_pages ul li ul, .widget_meta ul li ul { bottom: 0; } .widget_nav_menu ul li li, .widget_top-posts ul li, .widget_top-posts ul li li, .widget_rss_links ul li, .widget_rss_links ul li li, .widget-grofile ul.grofile-links li, .widget-grofile ul.grofile-links li li { padding-bottom: 0.25em; padding-top: 0.25em; } .widget_rss ul li { padding-bottom: 1em; padding-top: 1em; } /* Widget markup */ .widget .post-date, .widget .rss-date { font-size: 0.81em; } /* Text widget */ .widget_text { word-wrap: break-word; } .widget_text ul { list-style: disc; margin: 0 0 1.5em 1.5em; } .widget_text ol { list-style: decimal; } .widget_text ul li, .widget_text ol li { border: none; } .widget_text ul li:last-child, .widget_text ol li:last-child { padding-bottom: 0; } .widget_text ul li ul { margin: 0 0 0 1.5em; } .widget_text ul li li { padding-left: 0; padding-right: 0; } .widget_text ol li { list-style-position: inside; } .widget_text ol li + li { margin-top: -1px; } /* RSS Widget */ .widget_rss .widget-title .rsswidget:first-child { float: right; } .widget_rss .widget-title .rsswidget:first-child:hover { background-color: transparent; } .widget_rss .widget-title .rsswidget:first-child img { display: block; } .widget_rss ul li { padding: 2.125em 0; } .widget_rss ul li:first-child { border-top: none; padding-top: 0; } .widget_rss li .rsswidget { font-size: 22px; font-size: 1.375rem; font-weight: 300; line-height: 1.4; } .widget_rss .rss-date, .widget_rss li cite { color: #767676; display: block; font-size: 10px; font-size: 0.625rem; font-style: normal; font-weight: 800; letter-spacing: 0.18em; line-height: 1.5; text-transform: uppercase; } .widget_rss .rss-date { margin: 0.5em 0 1.5em; padding: 0; } .widget_rss .rssSummary { margin-bottom: 0.5em; } /* Contact Info Widget */ .widget_contact_info .contact-map { margin-bottom: 0.5em; } /* Gravatar */ .widget-grofile h4 { font-size: 16px; font-size: 1rem; margin-bottom: 0; } /* Recent Comments */ .widget_recent_comments table, .widget_recent_comments th, .widget_recent_comments td { border: 0; } /* Recent Posts widget */ .widget_recent_entries .post-date { display: block; } /* Search */ .search-form .search-submit .icon { width: 100%; height: 24px; width: 24px; } /* Tag cloud widget */ .tagcloud ul li { float: left; border-top: 0; border-bottom: 0; padding: 0; margin: 4px 4px 0 0; } .tagcloud, .widget_tag_cloud, .wp_widget_tag_cloud { line-height: 1.5; } .widget .tagcloud a, .widget.widget_tag_cloud a, .wp_widget_tag_cloud a { border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; display: block; padding: 4px 10px 5px; position: relative; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; width: auto; word-wrap: break-word; z-index: 0; } .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus { border-color: #bbb; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } /* Calendar widget */ .widget_calendar th, .widget_calendar td { text-align: center; } .widget_calendar tfoot td { border: 0; } /* Gallery widget */ .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Post Navigation */ .post-navigation { font-weight: 800; margin: 3em 0; } .post-navigation .nav-links { padding: 1em 0; } .nav-subtitle { background: transparent; color: #767676; display: block; font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.1818em; margin-bottom: 1em; text-transform: uppercase; } .nav-title { color: #333; font-size: 15px; font-size: 0.9375rem; } .post-navigation .nav-next { margin-top: 1.5em; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { margin-right: 0.5em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { margin-left: 0.5em; } /* Main Navigation */ .js .menu-toggle, .js .dropdown-toggle { display: none; } .main-navigation { width: auto; } .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul { display: block; } .main-navigation ul { background: transparent; padding: 0; } .main-navigation > div > ul { border: 0; margin-bottom: 0; padding: 0; } .main-navigation li { border: 0; display: inline-block; } .main-navigation li li { display: block; } .main-navigation a { padding: 1em 1.25em; } .main-navigation ul ul { background: #fff; border: 1px solid #bbb; left: -999em; padding: 0; position: absolute; top: 100%; z-index: 99999; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after { border-style: solid; border-width: 0 6px 6px; content: ""; display: none; height: 0; position: absolute; right: 1em; bottom: -1px; width: 0; z-index: 100000; } .main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after { display: block; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before { border-color: transparent transparent #bbb; bottom: 0; } .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after { border-color: transparent transparent #fff; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; right: auto; } .main-navigation ul ul a { padding: 0.75em 1.25em; width: 16em; } .main-navigation li li { -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .main-navigation li li:hover, .main-navigation li li.focus { background: #767676; } .main-navigation li li a { -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus { color: #fff; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 0.5em; right: auto; } .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon { display: inline; left: 5px; position: relative; top: -1px; } .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon { margin-top: -9px; left: auto; position: absolute; right: 1em; top: 50%; -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(-90deg); /* IE 9 */ transform: rotate(-90deg); } .main-navigation ul ul ul { left: -999em; margin-top: -1px; top: 0; } .main-navigation ul ul li.menu-item-has-children.focus:before, .main-navigation ul ul li.menu-item-has-children:hover:before, .main-navigation ul ul li.menu-item-has-children.focus:after, .main-navigation ul ul li.menu-item-has-children:hover:after, .main-navigation ul ul li.page_item_has_children.focus:before, .main-navigation ul ul li.page_item_has_children:hover:before, .main-navigation ul ul li.page_item_has_children.focus:after, .main-navigation ul ul li.page_item_has_children:hover:after { display: none; } .site-header .site-navigation-fixed .menu-scroll-down { display: none; } /* Scroll down arrow */ .site-header .menu-scroll-down { display: block; padding: 1em; position: absolute; right: 0; } .site-header .menu-scroll-down .icon { -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(90deg); /* IE 9 */ transform: rotate(90deg); } .site-header .menu-scroll-down { color: #fff; top: 2em; } .site-header .navigation-top .menu-scroll-down { color: #767676; top: 0.7em; } .menu-scroll-down:focus { outline: thin dotted; } .menu-scroll-down .icon { height: 18px; width: 18px; } /* Front Page */ .twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding { margin-bottom: 70px; } .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media { height: 1200px; height: 100vh; max-height: 100%; overflow: hidden; } .twentyseventeen-front-page.has-header-image .custom-header-media:before, .twentyseventeen-front-page.has-header-video .custom-header-media:before, .home.blog.has-header-image .custom-header-media:before, .home.blog.has-header-video .custom-header-media:before { height: 33%; } .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media { height: calc(100vh - 32px); } .panel-content .wrap { padding-bottom: 4.5em; padding-top: 6em; } .panel-image { height: 100vh; max-height: 1200px; } /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */ .background-fixed .panel-image { background-attachment: fixed; } .page-two-column .panel-content .entry-header { float: left; width: 36%; } .page-two-column .panel-content .entry-content { float: right; width: 58%; } /* Front Page - Recent Posts */ .page-two-column .panel-content .recent-posts { clear: right; float: right; width: 58%; } .panel-content .recent-posts article { margin-bottom: 4em; } .panel-content .recent-posts .entry-header, .page-two-column #primary .panel-content .recent-posts .entry-header, .panel-content .recent-posts .entry-content, .page-two-column #primary .panel-content .recent-posts .entry-content { float: none; width: 100%; } .panel-content .recent-posts .entry-header { margin-bottom: 1.5em; } .page .panel-content .recent-posts .entry-title { font-size: 26px; font-size: 1.625rem; } /* Posts */ .site-content { padding: 5.5em 0 0; } .single-post .entry-title, .page .entry-title { font-size: 26px; font-size: 1.625rem; } .comments-pagination, .post-navigation { clear: both; } .post-navigation .nav-previous { float: left; width: 50%; } .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .nav-next, .post-navigation .nav-next { margin-top: 0; } /* Blog, archive, search */ .sticky .icon-thumb-tack { height: 23px; left: -2.5em; top: 1.5em; width: 32px; } body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header { float: left; width: 36%; } .blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments { float: right; width: 58%; } .blog .site-main > article, .archive .site-main > article, .search .site-main > article { padding-bottom: 4em; } .navigation.pagination { clear: both; float: right; width: 58%; } .has-sidebar .navigation.pagination, .archive.page-one-column:not(.has-sidebar) .navigation.pagination { float: none; width: 100%; } .entry-footer { display: table; width: 100%; } .entry-footer .cat-tags-links { display: table-cell; vertical-align: middle; width: 100%; } .entry-footer .edit-link { display: table-cell; text-align: right; vertical-align: middle; } .entry-footer .edit-link a.post-edit-link { margin-top: 0; margin-left: 1em; } /* Entry content */ /* without sidebar */ :not(.has-sidebar) .entry-content blockquote.alignleft { margin-left: -17.5%; width: 48%; } :not(.has-sidebar) .entry-content blockquote.alignright { margin-right: -17.5%; width: 48%; } /* with sidebar */ .has-sidebar .entry-content blockquote.alignleft { margin-left: 0; width: 34%; } .has-sidebar .entry-content blockquote.alignright { margin-right: 0; width: 34%; } .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { margin-right: -72.5%; width: 62%; } /* blog and archive */ .blog:not(.has-sidebar) .entry-content blockquote.alignleft, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft { margin-left: -72.5%; width: 62%; } .blog:not(.has-sidebar) .entry-content blockquote.alignright, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column .entry-content blockquote.alignright { margin-right: 0; width: 36%; } /* Post formats */ .format-quote blockquote .icon { left: -1.5em; } /* Pages */ .page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header { margin-bottom: 4em; } .wrap .page:not(.home) #content { padding-bottom: 3.25em; } /* 404 page */ .error404 .page-content { padding-bottom: 9em; } /* Comments */ #comments { padding-top: 5em; } .comments-title { margin-bottom: 2.5em; } ol.children .children { padding-left: 2em; } /* Posts pagination */ .nav-links .nav-title { position: relative; } .nav-title-icon-wrapper { position: absolute; text-align: center; width: 2em; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { left: -2em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { right: -2em; } .post-navigation .screen-reader-text { display: none; } /**********************************************************************/ :root { --charcoal-grey-two: #39474d; --dark-grey: #718990; --very-light-grey: #f0f0f0; --tss-green: #91cdb0; --tss-darker-green: #81c2a3; --tss-darkest-green: #76b999; --dark-blue: #70adcc; --charcoal-grey-two: #39474d; --grey: #8da0a6; } .toBlogLink { display: block; margin-bottom: .6666em; } @media screen and (max-width: 991px) { .wrap { padding-left: 10%; padding-right: 10%; } } @media screen and (min-width: 992px) { .wrap { display: flex; align-items: flex-start; margin: auto; width: 100%; } .content-area { float: left; margin-right: 10%; margin-left: 10%; width: 50%; } .widget_search { width: 100% !important; } .widget-area { display: inline-block; width: 30%; position: -webkit-sticky; position: sticky; top: 5.5em; } } .search-form { width: 100% !important; } .search-field { width: 67.5% !important; } .entry-title { color: var(--charcoal-grey-two); font-family: 'Crimson Text'; font-size: 32px !important; font-weight: normal !important; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; margin-bottom: .5em; } .entry-meta * { color: var(--dark-grey); font-family: AvenirNextLTPro; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; } .entry-meta { margin-bottom: .75em; } @media (max-width: 767px) { .entry-content img { width: 100%; height: auto; } } .entry-content img { margin-bottom: 2em; margin-top: .25em; } .entry-content * { text-align: left !important; line-height: 1.5; font-family: AvenirNextLTPro; font-size: 16px; } .blog-horizontal-divider { border: 1px solid var(--very-light-grey); display: block; height: 1px; margin-bottom: 2.5em; margin-top: 2.5em; width: 100%; } .post-thumbnail .attachment-twentyseventeen-featured-image { width: 100%; height: auto; } .single-featured-image-header .attachment-twentyseventeen-featured-image { display: none; } .icon-arrow-right { height: 1.2em; width: 1.9em; } .icon-arrow-left { height: 1.2em; width: 1.9em; } .edit-link { margin: auto; width: 100%; } .post-edit-link { display: block; width: 50%; text-align: center; color: white; font-size: 1.2em; background: var(--tss-green); border-color: var(--tss-green); border-radius: .2em; margin: auto !important; padding: 1em 4em; } .post-edit:hover { background: var(--tss-darker-green) !important; border-color: var(--tss-darker-green) !important; cursor: pointer; } .post-edit:active { cursor: pointer; background: var(--tss-darkest-green) !important; background: var(--tss-darkest-green) !important; } .post-edit-link .span { display: none; } /* ################################################# # SEARCH FORM # ################################################# */ .search-field { border: 1px solid #ced4da; border-radius: .25rem; font-weight: unset; vertical-align: middle; height: 100% !important; padding-left: .75rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .search-form { height: 3.2em; } .search-submit { color: #fff; background-color: #91cdb0 !important; border-color: #91cdb0 !important; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; vertical-align: middle; height: 100% !important; position: static !important; } .search-submit:hover { cursor: pointer; background-color: var(--tss-darker-green) !important; border-color: var(--tss-darker-green) !important; } .search-submit:active { cursor: pointer; background-color: var(--tss-darkest-green) !important; border-color: var(--tss-darkest-green) !important; } .icon-search { vertical-align: middle; } .screen-reader-text { vertical-align: middle; } #archives-dropdown-2, #secondary #cat { padding: .5em 1.1em; font-size: 1em; letter-spacing: normal; line-height: 1.5; border-radius: 5px; border: 1px solid #dddddd; color: black; font-family: AvenirNextLTPro; margin: 13px 0; background-image: url(../svg/navigation-slide-menu-down-tablet.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-color: #FFF !important; -webkit-appearance: none; } .wrap h1, h2, h3, h4, h5, h6 { font-weight: unset; } #categories-2 .screen-reader-text, #archives-2 .screen-reader-text { display: none; } #secondary .widget_archive .widget-title, #secondary .widget_categories .widget-title { margin-bottom: 0; } #secondary .widget { padding-bottom: 2rem; } .link-more { margin-top: 1.2rem !important; } .link-more .more-link { font-family: AvenirNextLTPro; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: var(--dark-blue); } .entry-summary p { font-family: AvenirNextLTPro; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: var(--charcoal-grey-two); } .nav-next span, .nav-previous span { font-family: AvenirNextLTPro; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: var(--grey); } .pagination .next, .pagination .prev { font-family: AvenirNextLTPro; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: var(--grey); } .pagination .nav-links { display: flex; justify-content: space-evenly; } .pagination h2.screen-reader-text { display: none; } .pagination .page-numbers { font-family: AvenirNextLTPro; font-size: 16px; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: var(--grey); } /*-------------------------------------------------------------- 13.1 Header --------------------------------------------------------------*/ #masthead .wrap { position: relative; } .site-header { background-color: #fafafa; position: relative; } /* Site branding */ .site-branding { padding: 1em 0; position: relative; -webkit-transition: margin-bottom 0.2s; transition: margin-bottom 0.2s; z-index: 3; } .site-branding a { text-decoration: none; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .site-branding a:hover, .site-branding a:focus { opacity: 0.7; } .site-title { clear: none; font-size: 24px; font-size: 1.5rem; font-weight: 800; line-height: 1.25; letter-spacing: 0.08em; margin: 0; padding: 0; text-transform: uppercase; } .site-title, .site-title a { color: #222; opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */ } body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a { color: #fff; } .site-description { color: #666; font-size: 13px; font-size: 0.8125rem; margin-bottom: 0; } body.has-header-image .site-description, body.has-header-video .site-description { color: #fff; opacity: 0.8; } .custom-logo-link { display: inline-block; padding-right: 1em; vertical-align: middle; width: auto; } .custom-logo-link img { display: inline-block; max-height: 80px; width: auto; } body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img { max-height: 200px; max-width: 100%; } .custom-logo-link a:hover, .custom-logo-link a:focus { opacity: 0.9; } body:not(.title-tagline-hidden) .site-branding-text { display: inline-block; vertical-align: middle; } .custom-header { position: relative; } .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header { display: table; height: 300px; height: 75vh; width: 100%; } .custom-header-media { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; } .custom-header-media:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */ background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; z-index: 2; } .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe { position: fixed; height: auto; left: 50%; max-width: 1000%; min-height: 100%; min-width: 100%; min-width: 100vw; /* vw prevents 1px gap on left that 100% has */ width: auto; top: 50%; padding-bottom: 1px; /* Prevent header from extending beyond the footer */ -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */ background-color: rgba(34, 34, 34, 0.5); border: 1px solid rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); height: 45px; overflow: hidden; padding: 0; position: fixed; right: 30px; top: 30px; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; width: 45px; } .wp-custom-header .wp-custom-header-video-button:hover, .wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */ border-color: rgba(255, 255, 255, 0.8); background-color: rgba(34, 34, 34, 0.8); color: #fff; } .admin-bar .wp-custom-header-video-button { top: 62px; } .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { bottom: 0; position: absolute; top: auto; -ms-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } /* For browsers that support 'object-fit' */ @supports ( object-fit: cover ) { .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; width: 100%; } } /* Hides div in Customizer preview when header images or videos change. */ body:not(.has-header-image):not(.has-header-video) .custom-header-media { display: none; } .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding { display: table-cell; height: 100%; vertical-align: bottom; } #blog-upper-header { box-sizing: border-box; background-image: url(../jpg/banner.jpg) !important; background-repeat: no-repeat; background-position: top; background-size: cover; width: 100%; height: auto; padding-top: 21em; padding-bottom: 14em; text-align: center; } #blog-upper-header h3 { font-size: 42px; font-weight: 300; font-style: italic; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; text-align: center; color: #ffffff; } #blog-upper-header h3 span { font-weight: 900; letter-spacing: 0.5px; } .wrap .widget-area a { font-size: 1.157em; } .wrap .widget-area select { font-size: 1.157em; } .wrap .widget-area h2 { font-size: 1.157em; } .wrap .addtoany_share { display: none !important; } .wrap .navigation.pagination { padding-bottom: 5em !important; } .wrap article[id^="post-"] li { margin-left: 2em; } #blog-upper-header~.site-content .wrapper { width: unset; } .backToShiftForward { font-family: AvenirNextLTPro; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: var(--dark-blue); } #search-result-header { padding-bottom: 2em; } /* NEW HOME PAGE (Jun 2021) */ /* MAIN BANNER SECTION */ .banner.hometop{ height: auto !important; padding: 0; min-height: 700px; } .main-banner { min-height: 460px !important; background-position: 35% 95%; } @media only screen and (max-width: 767px) { .main-banner { background-position: 35% -160px; } } .main-banner h1, .main-banner h3 { padding: 0 20px; font-family: 'Crimson Text'; color: #FFF; font-weight: 400; } .main-banner h3 { font-size: 28px; } @media only screen and (max-width: 767px) { .main-banner h3 { font-size: 18px; } } .main-banner .request-demo-button { margin-top: 60px; } .main-banner .request-demo-button a, .third-section-main a { font-weight: 600 !important; /* height: 0 !important; line-height: 0.3 !important; */ } .main-banner .request-demo-button a { position: relative; display: inline-block; line-height: 0.75em; } .main-banner .request-demo-button a span { position: absolute; top: 1px; } .main-banner .banner-inner-texts { padding-top: 195px; /* 155px */ padding-bottom: 130px; /* 90px */ display: flex; align-items: center; justify-content: center; margin: 0; background-color: rgba(70, 70, 70, 0.7); } @media only screen and (min-width: 480px) and (max-width: 767px) { .main-banner .banner-inner-texts { padding-top: 120px; padding-bottom: 130px; } } @media only screen and (min-width: 321px) and (max-width: 479px) { .main-banner .banner-inner-texts { padding-top: 110px; padding-bottom: 55px; } } @media only screen and (max-width: 320px) { .main-banner .banner-inner-texts { padding-top: 80px; padding-bottom: 40px; } } .main-banner .banner-inner-texts .wpb_wrapper { } .main-banner .gray-container { min-height: 140px; background-color: #EEE; opacity: 0.96; } @media only screen and (max-width: 767px) { .main-banner .gray-container { opacity: 1; } } .main-banner .vc_column-inner, .main-banner .gray-container .vc_column-inner { padding: 0 !important; } .main-banner .gray-container-title { padding: 34px 20px; max-width: 820px; margin: auto; } /* IMAGE AND TEXT SECTION */ .text-image-columns-section { /* background-color: #999; */ } .text-image-columns-section > .wpb_column > .vc_column-inner { padding: 0 !important; } .text-image-columns-separator { width: 100%; height: 1px; margin: 0 !important; background-color: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .text-image-columns-item { /* background-color: #DDD; */ } .text-image-columns-item .image-column { min-height: 35vw; /* overflow: hidden; */ } .text-image-columns-item .icons-column { min-height: 35vw; } .text-image-columns-item .icons-column .ult-carousel-wrapper { margin: 0 auto !important; padding: 0; max-width: 550px; } @media only screen and (max-width: 767px) { .text-image-columns-item .icons-column .ult-item-wrap { margin: 18px 10px !important; } } @media only screen and (min-width: 768px) and (max-width: 1239px) { .text-image-columns-item .icons-column .ult-item-wrap { margin: 22px 14px !important; } } @media only screen and (min-width: 1240px) { .text-image-columns-item .icons-column .ult-item-wrap { margin: 26px 24px !important; } } .text-image-columns-item .text-column { padding: 15px 35px; } .image-column .vc_column-inner { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .icons-column .vc_column-inner { height: 100%; } /* .image-column .vc_single_image-img { width: 110px !important; } */ .text-column .vc_column-inner { display: flex; align-items: center; } .text-column .wpb_wrapper { max-width: 550px; } /* IE11 MaxWidth Issue Fix */ @media all and (-ms-high-contrast:none) and (min-width: 768px) and (max-width: 959px) { .text-column .wpb_wrapper { max-width: 300px; } } @media all and (-ms-high-contrast:none) and (max-width: 440px) { .text-column .wpb_wrapper { max-width: 300px; } } @media only screen and (max-width: 767px) { .text-column h2 { text-align: center !important; } } .text-column .text-column-title, .text-column .text-column-subtitle { max-width: 420px; text-align: left; color: #39474d; padding: 5px 0 10px; } .text-column .text-column-title { font-size: 32; line-height: 1.15; } .text-column .text-column-subtitle { font-weight: 500; } @media only screen and (min-width: 1024px) and (max-width: 1259px) { .text-column .text-column-title { font-size: 3.12vw; } .text-column .text-column-subtitle { font-size: 1.56vw; } } @media only screen and (min-width: 1024px) and (max-width: 1259px) { .text-column .text-column-title, .text-column .text-column-subtitle { max-width: 41vw; } .text-column .text-column-title { font-size: 3.12vw !important; } .text-column .text-column-subtitle { font-size: 1.56vw !important; } } @media only screen and (min-width: 1260px) { .text-column .text-column-title, .text-column .text-column-subtitle { max-width: 516.6px; } .text-column .text-column-title { font-size: 39.3px !important; } .text-column .text-column-subtitle { font-size: 19.65px !important; } } /* IMAGE AND TEXT SECTION (LAPTOP L) */ @media only screen and (min-width: 1440px) { .text-image-columns-item .image-column { min-height: 477px; } .text-image-columns-item .icons-column { min-height: 477px; } } /* IMAGE AND TEXT SECTION (PHONE L) */ @media only screen and (max-width: 767px) { .text-image-columns-item .image-column { order: 1; min-height: 60vw; } .text-image-columns-item .icons-column { order: 3; padding: 0 20px; min-height: 24vw; margin: 0 0 12vw; } .text-image-columns-item .text-column { order: 2; padding: 10vw 35px; } } /* IMAGE AND TEXT SECTION (PHONE M) */ @media only screen and (max-width: 424px) { .text-image-columns-item .image-column { min-height: 70vw; } .text-image-columns-item .icons-column { min-height: 32vw; margin: 0 0 10vw; } .text-image-columns-item .text-column { padding: 8vw 20px 8vw; } } /* SECTION: INFO COLUMNS SECTION */ /* homepage-third-section */ @media only screen and (min-width: 768px) { .info-columns-section { padding: 80px 20px 40px !important; } } @media only screen and (max-width: 767px) { .info-columns-section { padding: 30px 20px 40px !important; } } .info-columns-section .vc_row, .info-columns-section .wpb_wrapper { max-width: 960px; margin: 0 auto; } .info-columns-section .vc_column-inner { padding: 0 !important; } .info-columns-section .info-columns { margin: 35px 0; } /* INFO COLUMNS */ @media only screen and (max-width: 767px) { .info-column { margin: 0 auto; max-width: 360px; } .info-column:not(:first-child):not(:last-child) { margin: 1px auto; padding: 25px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .info-column:first-child { padding: 15px 0 25px; border-bottom: 1px solid #ccc; } .info-column:last-child { padding: 25px 0 15px; border-top: 1px solid #ccc; } } .info-column > .vc_column-inner { margin: 1px 0; } .info-column:not(:first-child):not(:last-child) > .vc_column-inner { margin: 1px 1px; } .info-column > .vc_column-inner > .wpb_wrapper { max-width: 260px; margin: 0 auto; } @media only screen and (min-width: 768px) { .info-column > .vc_column-inner > .wpb_wrapper { padding: 0 20px; max-width: 230px; margin: 0 auto; } } /* INFO COLUMNS BORDERS */ @media only screen and (min-width: 768px) { .info-column:first-child > .vc_column-inner, .info-column:not(:first-child):not(:last-child) > .vc_column-inner { border-right: 1px solid #ccc; } .info-column:last-child > .vc_column-inner, .info-column:not(:first-child):not(:last-child) > .vc_column-inner { border-left: 1px solid #ccc; } } /* INFO COLUMNS IMAGE */ .company_payment_icon img, .member_payment_icon img { width: 100%; } .info-column .wpb_single_image { margin-bottom: 15px; } .info-column .vc_single_image-img { width: 200px; height: 110px; } @media only screen and (max-width: 767px) { .info-column .wpb_single_image { margin-bottom: 15px; } } /* INFO COLUMNS LINKS */ .info-columns-section .info-columns-link { margin: 0 0 10px 0 !important; } .info-columns-section .info-columns-link a span { font-size: 18px; font-weight: 500; color: #82b0ca !important; } /* END NEW HOME PAGE (Jun 2021) */ /* MISC STYLES */ .no-padding { padding: 0 !important; } .no-wrapping { white-space: nowrap !important; } /* NEW SVG LOGOS */ .jpmorgan-logo img { width: 90px !important; } .twitter-logo img { width: 30px !important; } .artsy-logo img { width: 80px !important; } .nyu-langone-logo img { width: 80px !important; } .compass-logo img { width: 90px !important; } .dow-jones-logo img { width: 40px !important; } .etsy-logo img { width: 50px !important; } .microsoft-logo img{ width: 106px !important; } .jetblue-logo img { width: 60px !important; } .one-medical-logo img { width: 90px !important; } .clear-logo img { width: 90px !important; } .back-link a { position: absolute !important; top: 4px !important; left: 5px !important; } /* CSS specific to iOS devices */ @supports (-webkit-touch-callout: none) { body { margin-top: 8px !important; } }