/*! CSS Used from: https://beverlyhillsprivateinvestigators.com/lazyloading/lazyframe.css */ .lazyframe{position:relative;background-color:currentColor;background-repeat:no-repeat;background-size:cover}.lazyframe__title{position:absolute;top:0;left:0;right:0;padding:15px 17px;z-index:3}.lazyframe__title:after{z-index:-1}.lazyframe:hover{cursor:pointer}.lazyframe:before{display:block;content:"";width:100%;padding-top:100%}.lazyframe[data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-ratio="1:1"]:before{padding-top:100%}.lazyframe iframe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;width:100%;height:100%}.lazyframe[data-vendor="youtube"]{background-color:#e52d27;font-family:Roboto, Arial, Helvetica, sans-serif}.lazyframe[data-vendor="youtube"] .lazyframe__title{color:#eee;font-family:Roboto, Arial, Helvetica, sans-serif;font-size:18px;text-shadow:rgba(0,0,0,0.498039) 0px 0px 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:color 0.1s cubic-bezier(0.4, 0, 1, 1)}.lazyframe[data-vendor="youtube"] .lazyframe__title:hover{color:#fff}.lazyframe[data-vendor="youtube"] .lazyframe__title:before{content:'';display:block;background:linear-gradient(rgba(0,0,0,0.2), transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:transparent}.lazyframe[data-vendor="youtube"]:before{padding-top:56.25%}.lazyframe[data-vendor="youtube"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="youtube"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="youtube"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="youtube"]:after{content:'';position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=");background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}.lazyframe[data-vendor="youtube"]:hover:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==");opacity:1}.lazyframe[data-vendor="vimeo"]{background-color:#00adef}.lazyframe[data-vendor="vimeo"] .lazyframe__title{font-family:"Helvetica Neue", Helvetica, Arial;color:#00adef;font-size:20px;font-weight:bold;text-rendering:optimizeLegibility;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:transparent;background-color:rgba(0,0,0,0.5)}.lazyframe[data-vendor="vimeo"]:before{padding-top:48.25%}.lazyframe[data-vendor="vimeo"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="vimeo"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="vimeo"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="vimeo"]:after{content:'';height:40px;width:65px;display:block;position:absolute;bottom:10px;left:10px;z-index:3;background-color:rgba(0,0,0,0.5);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}.lazyframe[data-vendor="vimeo"]:hover:after{background-color:#00adef}.lazyframe[data-vendor="vine"]{background-color:#00bf8f}.lazyframe[data-vendor="vine"] .lazyframe__title{color:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:16px;white-space:nowrap;z-index:3;positon:relative}.lazyframe[data-vendor="vine"] .lazyframe__title:after{content:'';position:absolute;top:0;left:0;right:0;z-index:-1;height:115px;padding:24px 70px 24px 24px;background:linear-gradient(to top, rgba(23,23,23,0) 0, rgba(23,23,23,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3171717", endColorstr="#00171717", GradientType=0 )}.lazyframe[data-vendor="vine"]:before{padding-top:100%}.lazyframe[data-vendor="vine"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="vine"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="vine"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="vine"]:after{content:'';width:60px;height:60px;position:absolute;left:50%;top:50%;z-index:4;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+");background-color:rgba(0,0,0,0.5);background-size:cover;background-repeat:no-repeat;margin-top:-30px;margin-left:-30px;border-radius:50%}.lazyframe[data-vendor="vine"]:hover:after{background-color:rgba(0,0,0,0.75)} .youtube-lazy-size{ max-width: 500px; margin: 0 auto; width: 100%; } p{ font-family: 'Helvetica Neue', Helvetica, arial; } .lazyframe{ margin-bottom: 25px; } .lazyframe--custom{ background: #bada55; display: flex; align-items: center; text-align: center; justify-content: center; } .lazyframe--custom .lazyframe__title{ position: relative; width: 100%; display: block; font-size: 32px; font-family: arial; color: white; } .lazyframe--custom:before{ width: auto; } /*! CSS Used from: https://beverlyhillsprivateinvestigators.com/css/bootstrap.css */ body{margin:0;} article,footer,header,nav,section{display:block;} a{background-color:transparent;} a:active,a:hover{outline:0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:bold;} small{font-size:80%;} img{border:0;} button,input,textarea{color:inherit;font:inherit;margin:0;} button{overflow:visible;} button{text-transform:none;} button{-webkit-appearance:button;cursor:pointer;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} input{line-height:normal;} textarea{overflow:auto;} @media print{ *,*:before,*:after{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} a[href^="#"]:after{content:"";} img{page-break-inside:avoid;} img{max-width:100%!important;} p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;} } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.42857143;color:#333333;background-color:#ffffff;} input,button,textarea{font-family:inherit;font-size:inherit;line-height:inherit;} a{color:#337ab7;text-decoration:none;} a:hover{color:#23527c;text-decoration:underline;} img{vertical-align:middle;} h2,h3,h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;} h2,h3{margin-top:20px;margin-bottom:10px;} h4{margin-top:10px;margin-bottom:10px;} h2{font-size:30px;} h3{font-size:24px;} h4{font-size:18px;} p{margin:0 0 10px;} .lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4;} @media (min-width: 768px){ .lead{font-size:21px;} } small{font-size:85%;} ul{margin-top:0;margin-bottom:10px;} ul ul{margin-bottom:0;} .list-unstyled{padding-left:0;list-style:none;} abbr[title]{cursor:help;border-bottom:1px dotted #777777;} address{margin-bottom:20px;font-style:normal;line-height:1.42857143;} .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;} @media (min-width: 768px){ .container{width:750px;} } @media (min-width: 992px){ .container{width:970px;} } @media (min-width: 1200px){ .container{width:1170px;} } .row{margin-left:-15px;margin-right:-15px;} .col-md-4,.col-sm-6,.col-md-8{position:relative;min-height:1px;padding-left:15px;padding-right:15px;} @media (min-width: 768px){ .col-sm-6{float:left;} .col-sm-6{width:50%;} } @media (min-width: 992px){ .col-md-4,.col-md-8{float:left;} .col-md-8{width:66.66666667%;} .col-md-4{width:33.33333333%;} } .clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{content:" ";display:table;} .clearfix:after,.container:after,.row:after{clear:both;} .hidden{display:none!important;} @media (max-width: 767px){ .hidden-xs{display:none!important;} } /*! CSS Used from: https://beverlyhillsprivateinvestigators.com/css/bootstrap.css */ .dark,.dark h4{color:#EEE;} .dark a:hover{color:#EEE;} body #side-panel.dark{background-color:#383838;} .dark .social-icon{color:#DDD!important;border-color:#DDD;} .dark .social-icon i:last-child{color:#FFF!important;} .dark .social-icon:hover{color:#FFF!important;border-color:transparent;} #footer.dark{background-color:#333;color:#CCC;border-top-color:rgba(0,0,0,0.2);} .dark #copyrights{background-color:rgba(0,0,0,0.2);color:rgba(255,255,255,0.25);text-shadow:1px 1px 1px rgba(0,0,0,0.1);} .dark .footer-widgets-wrap a{color:#CCC;} .dark .footer-widgets-wrap a:hover{color:#999;} body #side-panel.dark .widget{border-top-color:rgba(255,255,255,0.1);} body #side-panel.dark #side-panel-trigger-close a{background-color:rgba(0,0,0,0.2);color:#FFF;} .dark .widget h4{color:#DDD;} .dark .widget p{opacity:0.8;} @media (max-width: 991px){ body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul li{border-top-color:#EEE!important;} body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a{color:#1ABC9C!important;} body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a{color:#444!important;} } dl, dt, dd, ol, ul, li { margin: 0; padding: 0; } .clear { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; } body { line-height: 1.5; color: #555; font-family: 'Lato', sans-serif; } a { text-decoration: none !important; color: #1ABC9C; } a:hover { color: #222; } a img { border: none; } img { max-width: 100%; } iframe { border: none !important; } h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 600; line-height: 1.5; margin: 0 0 30px 0; font-family: 'Raleway', sans-serif; } h7 h5, h6 { margin-bottom: 20px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h4 { font-weight: 600; } h5, h6 { font-weight: bold; } h7 { font-size: 36px; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom: 30px; } small { font-family: 'Lato', sans-serif; } #wrapper { position: relative; float: none; width: 1220px; margin: 0 auto; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); } .allmargin { margin: 50px !important; } .leftmargin { margin-left: 50px !important; } .rightmargin { margin-right: 50px !important; } .topmargin { margin-top: 50px !important; } .bottommargin { margin-bottom: 50px !important; } .clear-bottommargin { margin-bottom: -50px !important; } .allmargin-sm { margin: 30px !important; } .leftmargin-sm { margin-left: 30px !important; } .rightmargin-sm { margin-right: 30px !important; } .topmargin-sm { margin-top: 30px !important; } .bottommargin-sm { margin-bottom: 30px !important; } .clear-bottommargin-sm { margin-bottom: -30px !important; } .allmargin-lg { margin: 80px !important; } .leftmargin-lg { margin-left: 80px !important; } .rightmargin-lg { margin-right: 80px !important; } .topmargin-lg { margin-top: 80px !important; } .bottommargin-lg { margin-bottom: 80px !important; } .clear-bottommargin-lg { margin-bottom: -80px !important; } .nomargin {margin: 0 !important; } .noleftmargin { margin-left: 0 !important; } .norightmargin { margin-right: 0 !important; } .notopmargin { margin-top: 0 !important; } .nobottommargin { margin-bottom: 0 !important; } .header-stick { margin-top: -50px !important; } .content-wrap .header-stick { margin-top: -80px !important; } .footer-stick { margin-bottom: -50px !important; } .content-wrap .footer-stick { margin-bottom: -80px !important; } .noborder { border: none !important; } .noleftborder { border-left: none !important; } .norightborder { border-right: none !important; } .notopborder { border-top: none !important; } .nobottomborder { border-bottom: none !important; } .noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; } .col-padding { padding: 60px; } .nopadding { padding: 0 !important; } .noleftpadding { padding-left: 0 !important; } .norightpadding { padding-right: 0 !important; } .notoppadding { padding-top: 0 !important; } .nobottompadding { padding-bottom: 0 !important; } .noabsolute { position: relative !important; } .noshadow { box-shadow: none !important; } .hidden { display: none !important; } .nothidden { display: block !important; } .inline-block { float: none !important; display: inline-block !important; } .center { text-align: center !important; } .divcenter { position: relative !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } .bgcolor, .bgcolor #header-wrap { background-color: #1ABC9C !important; } .color { color: #1ABC9C !important; } .border-color { border-color: #1ABC9C !important; } .nobg { background: none !important; } .nobgcolor { background-color: transparent !important; } .t300 { font-weight: 300 !important; } .t400 { font-weight: 400 !important; } .t500 { font-weight: 500 !important; } .t600 { font-weight: 600 !important; } .t700 { font-weight: 700 !important; } .ls0 { letter-spacing: 0px !important; } .ls1 { letter-spacing: 1px !important; } .ls2 { letter-spacing: 2px !important; } .ls3 { letter-spacing: 3px !important; } .ls4 { letter-spacing: 4px !important; } .ls5 { letter-spacing: 5px !important; } .noheight { height: 0 !important; } .nolineheight { line-height: 0 !important; } .font-body { font-family: 'Lato', sans-serif; } .font-primary { font-family: 'Raleway', sans-serif; } .font-secondary { font-family: 'Crete Round', serif; } .section { position: relative; margin: 60px 0; padding: 60px 0; background-color: #F9F9F9; overflow: hidden; } .section .container { z-index: 2; } .col_full { width: 100%; } .col_half { width: 48%; } .col_one_third { width: 30.63%; } .col_two_third { width: 65.33%; } .postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; } .col_full { clear: both; float: none; margin-right: 0; } .col_last { margin-right: 0 !important; clear: right; } #header { position: relative; background-color: #FFF; border-bottom: 1px solid #F5F5F5; } #header .container { position: relative; } #header.full-header { border-bottom-color: #EEE; } body.stretched #header.full-header .container { width: 100%; padding: 0 30px; } #logo { position: relative; float: left; font-family: 'Raleway', sans-serif; font-size: 36px; line-height: 100%; margin-right: 40px; } #header.full-header #logo { padding-right: 30px; margin-right: 30px; border-right: 1px solid #EEE; } #header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); } #logo a { display: block; color: #000; } #logo img { display: block; max-width: 100%; } #logo a.standard-logo { display: block; } #logo a.retina-logo { display: none; } #primary-menu { float: right; } #primary-menu ul.mobile-primary-menu { display: none; } #header.full-header #primary-menu > ul { float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #EEE; } #header.transparent-header.full-header #primary-menu > ul { border-right-color: rgba(0,0,0,0.1); } #primary-menu-trigger, #page-submenu-trigger { opacity: 0; pointer-events: none; cursor: pointer; font-size: 14px; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } #primary-menu ul { list-style: none; margin: 0; } #primary-menu > ul { float: left; } #primary-menu ul li { position: relative; } #primary-menu ul li.mega-menu { position: inherit; } #primary-menu ul > li { float: left; margin-left: 2px; } #primary-menu > ul > li:first-child { margin-left: 0; } #primary-menu ul li > a { display: block; line-height: 22px; padding: 39px 15px; color: #444; font-weight: bold; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-transition: margin .4s ease, padding .4s ease; -o-transition: margin .4s ease, padding .4s ease; transition: margin .4s ease, padding .4s ease; } #primary-menu ul li > a span { display: none; } #primary-menu ul li > a i { position: relative; top: -1px; font-size: 14px; width: 16px; text-align: center; margin-right: 6px; vertical-align: top; } #primary-menu ul li > a i.icon-angle-down:last-child { font-size: 12px; margin: 0 0 0 5px; } #primary-menu ul li:hover > a, #primary-menu ul li.current > a { color: #1ABC9C; } #primary-menu > ul > li.sub-menu > a > div { } body.no-superfish #primary-menu li:hover > ul:not(.mega-menu-column), body.no-superfish #primary-menu li:hover > .mega-menu-content { display: block; } #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content { display: none; position: absolute; width: 220px; background-color: #FFF; box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05); border: 1px solid #EEE; border-top: 2px solid #1ABC9C; height: auto; z-index: 199; top: 100%; left: 0; margin: 0; } #primary-menu ul ul:not(.mega-menu-column) ul { top: -2px !important; left: 218px; } #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column), #primary-menu ul li .mega-menu-content.menu-pos-invert { left: auto; right: 0; } #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 218px; } #primary-menu ul ul li { float: none; margin: 0; } #primary-menu ul ul li:first-child { border-top: 0; } #primary-menu ul ul li > a { font-size: 12px; font-weight: 600; color: #666; padding-top: 10px; padding-bottom: 10px; border: 0; letter-spacing: 0; font-family: 'Lato', sans-serif; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #primary-menu ul ul li > a i { vertical-align: middle; } #primary-menu ul ul li:hover > a { background-color: #F9F9F9; padding-left: 18px; color: #1ABC9C; } #primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a { background-image: url("images/icons/submenu.png"); background-position: right center; background-repeat: no-repeat; } #top-search, #top-cart, #side-panel-trigger, #top-account { float: right; margin: 40px 0 40px 15px; } #top-cart { position: relative; } #top-search a, #top-cart a, #side-panel-trigger a, #top-account a { display: block; position: relative; width: 14px; height: 14px; font-size: 14px; line-height: 20px; text-align: center; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } #header, #header-wrap, #logo img { height: 100px; -webkit-transition: height .4s ease, opacity .3s ease; -o-transition: height .4s ease, opacity .3s ease; transition: height .4s ease, opacity .3s ease; } #primary-menu > ul > li > ul, #primary-menu > ul > li > .mega-menu-content, #primary-menu > ul > li.mega-menu > .mega-menu-content { -webkit-transition: top .4s ease; -o-transition: top .4s ease; transition: top .4s ease; } body:not(.top-search-open) #header-wrap #logo, body:not(.top-search-open) #primary-menu > ul, body:not(.top-search-open) #primary-menu > .container > ul, body:not(.top-search-open) #top-cart, body:not(.top-search-open) #side-panel-trigger, body:not(.top-search-open) #top-account { opacity: 1; -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; } #header-wrap { position: relative; z-index: 199; -webkit-backface-visibility: hidden; } /* ---------------------------------------------------------------- Side Push Panel -----------------------------------------------------------------*/ body.side-push-panel { overflow-x: hidden; } #side-panel { position: fixed; top: 0; right: -300px; z-index: 399; width: 300px; height: 100%; background-color: #F5F5F5; overflow: hidden; -webkit-backface-visibility: hidden; } body.side-panel-left #side-panel { left: -300px; right: auto; } body.side-push-panel.stretched #wrapper, body.side-push-panel.stretched #header.sticky-header .container { right: 0; } body.side-panel-left.side-push-panel.stretched #wrapper, body.side-panel-left.side-push-panel.stretched #header.sticky-header .container { left: 0; right: auto; } #side-panel .side-panel-wrap { position: absolute; top: 0; left: 0; bottom: 0; width: 330px; height: 100%; overflow: auto; padding: 50px 70px 50px 40px; } body.device-touch #side-panel .side-panel-wrap { overflow-y: scroll; } #side-panel .widget { margin-top: 40px; padding-top: 40px; width: 220px; border-top: 1px solid #E5E5E5; } #side-panel .widget:first-child { padding-top: 0; border-top: 0; margin: 0; } body.side-panel-open #side-panel { right: 0; } body.side-panel-left.side-panel-open #side-panel { left: 0; right: auto; } body.side-push-panel.side-panel-open.stretched #wrapper, body.side-push-panel.side-panel-open.stretched #header.sticky-header .container { right: 300px; } body.side-push-panel.side-panel-open.stretched .slider-parallax-inner { left: -300px; } body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper, body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container, body.side-panel-left.side-push-panel.side-panel-open.stretched .slider-parallax-inner { left: 300px; right: auto; } #side-panel-trigger { display: block; cursor: pointer; z-index: 11; margin-right: 5px; } #side-panel-trigger-close a { display: none; } #side-panel, body.side-push-panel.stretched #wrapper, body.side-push-panel.stretched #header .container { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } body.side-panel-left #side-panel, body.side-panel-left.side-push-panel.stretched #wrapper, body.side-panel-left.side-push-panel.stretched #header .container, body.side-push-panel.stretched .slider-parallax-inner { -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; } .body-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: -1; pointer-events: none; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } body.side-panel-open .body-overlay { opacity: 1; z-index: 298; pointer-events: auto; } body.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover { cursor: url('images/icons/close.png') 15 15, default; } /* ---------------------------------------------------------------- Slider -----------------------------------------------------------------*/ #slider { position: relative; width: 100%; overflow: hidden; } .slider-parallax { position: relative; } .slider-parallax, .slider-parallax .swiper-container { visibility: visible; -webkit-backface-visibility: hidden; } .slider-parallax .slider-parallax-inner { position: fixed; width: 100%; height: 100%; } .device-touch .slider-parallax .slider-parallax-inner { position: relative; } body:not(.side-header) .slider-parallax .slider-parallax-inner { left: 0; } body:not(.stretched) .slider-parallax .slider-parallax-inner { left: auto; } #header.transparent-header + .slider-parallax .slider-parallax-inner { top: 0; } .slider-parallax .slider-parallax-inner, .slider-parallax .slider-caption, .slider-parallax .ei-title { will-change: transform; -webkit-transform: translate3d(0,0,0); -webkit-transition: transform 0s linear; -webkit-backface-visibility: hidden; } /* Slider Arrows -----------------------------------------------------------------*/ #slider .owl-carousel { margin: 0; } #slider-arrow-left, #slider-arrow-right, .camera_prev, .camera_next, #slider .owl-prev, #slider .owl-next, .flex-prev, .flex-next, .nivo-prevNav, .nivo-nextNav, .slider-arrow-top-sm, .slider-arrow-bottom-sm { position: absolute; cursor: pointer; z-index: 10; top: 50%; left: 0; margin-top: -26px; background-color: rgba(0,0,0,0.3); width: 52px; height: 52px; border: 0; border-radius: 0 3px 3px 0; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .slider-arrow-top-sm, .slider-arrow-bottom-sm { top: auto; bottom: 57px; left: auto; right: 20px; margin: 0; width: 32px; height: 32px; border-radius: 3px 3px 0 0; } .slider-arrow-bottom-sm { bottom: 20px; border-radius: 0 0 3px 3px; } .fslider[data-thumbs="true"] .flex-prev, .fslider[data-thumbs="true"] .flex-next { margin-top: -64px; } #slider .owl-prev, #slider .owl-next { -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } #slider-arrow-right, .camera_next, #slider .owl-next, .flex-next, .nivo-nextNav { left: auto; right: 0; border-radius: 3px 0 0 3px; } #slider-arrow-left i, #slider-arrow-right i, .camera_prev i, .camera_next i, #slider .owl-prev i, #slider .owl-next i, .flex-prev i, .flex-next i, .nivo-prevNav i, .nivo-nextNav i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { line-height: 50px; width: 34px; height: 52px; color: #DDD; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-size: 34px; text-align: center; margin-left: 7px; } .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { width: 32px; height: 32px; margin: 0; line-height: 30px; font-size: 18px; color: #FFF; color: rgba(255,255,255,1); } .flex-prev i { margin-left: 9px; } #slider .owl-prev i { margin-left: 0; } #slider-arrow-right i, .camera_next i, .nivo-nextNav i { margin-left: 10px; } .flex-next i { margin-left: 11px; } #slider .owl-next i { margin-right: 4px; } #slider .owl-nav { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #slider .owl-nav div, #slider:hover .owl-nav { opacity: 1; } #slider-arrow-left:hover, #slider-arrow-right:hover, .camera_prev:hover, .camera_next:hover, #slider .owl-prev:hover, #slider .owl-next:hover, .flex-prev:hover, .flex-next:hover, .nivo-prevNav:hover, .nivo-nextNav:hover, .slider-arrow-top-sm:hover, .slider-arrow-bottom-sm:hover { background-color: rgba(0,0,0,0.6) !important; } /* Pagination -----------------------------------------------------------------*/ #slider .owl-dots { position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 15px; } /* ---------------------------------------------------------------- Content -----------------------------------------------------------------*/ #content { position: relative; overflow: hidden; background-color: #FFF; } #content p { line-height: 1.8; } .content-wrap { position: relative; padding: 80px 0; } #content .container { position: relative; } .grid-container { position: relative; overflow: hidden; } body:not(.device-touch) .grid-container { -webkit-transition: height .4s ease; -o-transition: height .4s ease; transition: height .4s ease; } /* Portfolio - Items -----------------------------------------------------------------*/ .portfolio { position: relative; margin: 0 -12px -12px 0; } body:not(.device-touch) .portfolio { -webkit-transition: height .4s linear; -o-transition: height .4s linear; transition: height .4s linear; } .portfolio-item { float: left; position: relative; width: 25%; height: auto; padding: 0 12px 12px 0; } .portfolio-notitle .portfolio-item, .portfolio-notitle .iportfolio { overflow: hidden; } .portfolio-item .portfolio-image { position: relative; overflow: hidden; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { display: block; width: 100%; height: auto; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-image img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* Portfolio - Item Title -----------------------------------------------------------------*/ .portfolio-desc { z-index: 3; padding: 15px 5px 10px; } .portfolio-desc h3 { margin: 0; padding: 0; font-size: 19px; } .portfolio-desc h3 a { color: #222; } .portfolio-desc h3 a:hover { color: #1ABC9C; } .portfolio-desc span { display: block; margin-top: 3px; color: #888; } .portfolio-desc span a { color: #888; } .portfolio-desc span a:hover { color: #000; } .portfolio-notitle .portfolio-desc { position: absolute; display: block !important; width: 100%; height: 78px; padding: 15px 5px; top: auto; bottom: -79px; left: 0; background-color: #FFF; border-bottom: 1px solid #EEE; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-desc { -webkit-transition: bottom .2s ease-in-out; -o-transition: bottom .2s ease-in-out; transition: bottom .2s ease-in-out; } .portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -78px; border-bottom: 0; } .portfolio-notitle .portfolio-item:hover .portfolio-desc, .portfolio-notitle .iportfolio:hover .portfolio-desc { bottom: 0 !important; } .bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } body.device-touch.device-xs .portfolio-notitle .portfolio-desc, body.device-touch.device-xxs .portfolio-notitle .portfolio-desc { display: none !important; } /* Portfolio - No Margin -----------------------------------------------------------------*/ .portfolio.portfolio-nomargin, .portfolio.portfolio-full { margin: 0 !important; } .portfolio-nomargin .portfolio-item, .portfolio-full .portfolio-item { padding: 0 !important; } .portfolio-nomargin .portfolio-desc { padding: 15px 10px 15px; } /* Portfolio - 100% Full Width -----------------------------------------------------------------*/ .portfolio.portfolio-full { margin: 0 !important; width: 100.4%; } .portfolio-full .portfolio-item { overflow: hidden !important; } .portfolio-full .portfolio-desc { padding: 15px; } /* Portfolio - Overlay -----------------------------------------------------------------*/ .portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; text-align: center; background-color: rgba(0,0,0,0.5); } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay { -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } .portfolio-item:hover .portfolio-overlay, .iportfolio:hover .portfolio-overlay { opacity: 1; } .portfolio-overlay a { position: absolute; top: 50%; left: 50%; background-color: #F5F5F5; width: 40px !important; height: 40px !important; margin: -28px 0 0 -44px; font-size: 18px; line-height: 40px; text-align: center; color: #444; border-radius: 50%; -webkit-backface-visibility: hidden; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a { -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; } .portfolio-overlay a.left-icon { } .portfolio-overlay a.right-icon { left: auto; right: 50%; margin-left: 0; margin-right: -44px; } .portfolio-overlay a.center-icon { display: block; margin: -20px 0 0 -20px; opacity: 0; } .portfolio-item:hover a.center-icon, .iportfolio:hover a.center-icon { opacity: 1; } .portfolio-overlay a:hover { color: #1ABC9C; background-color: #EEE; } .portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-item:hover .portfolio-overlay a.right-icon, .iportfolio:hover .portfolio-overlay a.left-icon, .iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -18px; } .portfolio-overlay a i.icon-line-play { position: relative; left: 2px; } .portfolio-overlay .portfolio-desc { position: relative; padding: 0 !important; margin: 0; text-align: center; } .portfolio-overlay .portfolio-desc a { display: inline; position: relative; top: 0; left: 0; margin: 0; font-size: inherit; width: auto !important; height: auto !important; line-height: 1; background-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .portfolio-overlay .portfolio-desc h3 { font-weight: 600; color: #F5F5F5 !important; line-height: 1; } .portfolio-overlay .portfolio-desc h3 a { color: #F5F5F5 !important; } .portfolio-overlay .portfolio-desc span { margin-top: 7px; color: #DDD !important; } .portfolio-overlay .portfolio-desc span a { color: #DDD !important; font-size: inherit; } /* ---------------------------------------------------------------- Buttons -----------------------------------------------------------------*/ .button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0 22px; font-size: 14px; height: 40px; line-height: 40px; background-color: #1ABC9C; color: #FFF; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } body:not(.device-touch) .button { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .button-dark { background-color: #444; } .button-light { background-color: #EEE; color: #333; text-shadow: none !important; } .button:hover { background-color: #444; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .button.button-dark:hover { background-color: #1ABC9C; } .button.button-mini { padding: 0 14px; font-size: 11px; height: 28px; line-height: 28px; } .button.button-small { padding: 0 17px; font-size: 12px; height: 34px; line-height: 34px; } .button.button-large { padding: 0 26px; font-size: 16px; height: 46px; line-height: 46px; } .button.button-xlarge { padding: 0 32px; font-size: 18px; letter-spacing: 2px; height: 52px; line-height: 52px; } .button.button-desc { text-align: left; padding: 24px 34px; font-size: 22px; height: auto; line-height: 1; font-family: 'Raleway', sans-serif; } .button.button-desc span { display: block; margin-top: 10px; font-size: 14px; font-weight: 400; letter-spacing: 1px; font-family: 'Crete Round', serif; font-style: italic; text-transform: none; } .button i { position: relative; top: 1px; line-height: 1; margin-right: 5px; width: 16px; text-align: center; } .button.tright i { margin: 0 0 0 5px; } .button-mini i { margin-right: 3px; } .button-mini.tright i { margin: 0 0 0 3px; } .button-small i { margin-right: 4px; } .button-small.tright i { margin: 0 0 0 4px; } .button-xlarge i { top: 2px; margin-right: 8px; } .button-xlarge.tright i { margin: 0 0 0 8px; } .button.button-desc i { top: 1px; font-size: 48px; width: 48px; text-align: center; margin-right: 12px; } .button.button-desc.tright i { margin: 0 0 0 12px; } .button.button-desc div { display: inline-block; } .button.button-rounded { border-radius: 3px; } /* Buttons - Border -----------------------------------------------------------------*/ .button.button-border { border: 2px solid #444; background-color: transparent; color: #333; line-height: 36px; font-weight: 600; text-shadow: none; } .button.button-border-thin { border-width: 1px; line-height: 38px; } .button.button-border.button-mini { line-height: 24px; } .button.button-border.button-small { line-height: 30px; } .button.button-border.button-large { line-height: 42px; } .button.button-border.button-xlarge { line-height: 48px; } .button.button-border-thin.button-mini { line-height: 26px; } .button.button-border-thin.button-small { line-height: 32px; } .button.button-border-thin.button-large { line-height: 44px; } .button.button-border-thin.button-xlarge { line-height: 50px; } .button.button-border.button-desc { line-height: 1; } .button.button-border:not(.button-fill):hover { background-color: #444; color: #FFF; border-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .button.button-border.button-light { border-color: #EEE; color: #EEE; } .button.button-border.button-light:hover { background-color: #EEE; color: #333; text-shadow: none; } /* Buttons - Circle -----------------------------------------------------------------*/ .button.button-circle { border-radius: 20px; } .button.button-mini.button-circle { border-radius: 14px; } .button.button-small.button-circle { border-radius: 17px; } .button.button-large.button-circle { border-radius: 23px; } .button.button-xlarge.button-circle { border-radius: 26px; } /* ---------------------------------------------------------------- Styled Icons -----------------------------------------------------------------*/ .i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon { display: block; float: left; margin: 4px 11px 7px 0; text-align: center !important; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); cursor: pointer; font-style: normal; } body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } /* ---------------------------------------------------------------- Social Icons -----------------------------------------------------------------*/ .social-icon { margin: 0 5px 5px 0; width: 40px; height: 40px; font-size: 20px; line-height: 38px !important; color: #555; text-shadow: none; border: 1px solid #AAA; border-radius: 3px; overflow: hidden; } /* Social Icons - Rounded -----------------------------------------------------------------*/ .si-rounded { border-radius: 50%; } /* Social Icons - Borderless -----------------------------------------------------------------*/ .si-borderless { border-color: transparent !important; } /* Social Icons - Dark -----------------------------------------------------------------*/ .si-dark { background-color: #444; color: #FFF !important; border-color: transparent; } /* Social Icons - Light -----------------------------------------------------------------*/ .si-light { background-color: rgba(0,0,0,0.05); color: #666 !important; border-color: transparent; } /* Social Icons - Colored -----------------------------------------------------------------*/ .si-colored { border-color: transparent !important; } .si-colored i { color: #FFF; } /* Social Icons - Large -----------------------------------------------------------------*/ .social-icon.si-large { margin: 0 10px 10px 0; width: 56px; height: 56px; font-size: 30px; line-height: 54px !important; } /* Social Icons - Small -----------------------------------------------------------------*/ .social-icon.si-small { width: 32px; height: 32px; font-size: 14px; line-height: 30px !important; } .social-icon i { display: block; position: relative; } body:not(.device-touch) .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon i:last-child { color: #FFF !important; } .social-icon:hover i:first-child { margin-top: -38px; } .social-icon.si-large:hover i:first-child { margin-top: -54px; } .social-icon.si-small:hover i:first-child { margin-top: -30px; } .social-icon:hover { color: #555; border-color: transparent; } .si-colored.social-icon { border-color: transparent; } /* Social Icons - Sticky -----------------------------------------------------------------*/ .si-sticky { position: fixed; top: 50%; left: 5px; width: 36px; z-index: 100; } /* Social Icons - Sticky Right -----------------------------------------------------------------*/ .si-sticky.si-sticky-right { left: auto; right: 8px; } /* Social Icons - Share -----------------------------------------------------------------*/ .si-share { position: relative; padding-left: 5px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; } .si-share span { line-height: 36px; font-weight: bold; font-size: 13px; } .si-share div { float: right; } .si-share .social-icon { margin: -1px 0; border-radius: 0; font-size: 15px; } .si-facebook:hover, .si-colored.si-facebook { background-color: #3B5998 !important; } .si-delicious:hover, .si-colored.si-delicious { background-color: #205CC0 !important; } .si-paypal:hover, .si-colored.si-paypal { background-color: #00588B !important; } .si-flattr:hover, .si-colored.si-flattr { background-color: #F67C1A !important; } .si-android:hover, .si-colored.si-android { background-color: #A4C639 !important; } .si-smashmag:hover, .si-colored.si-smashmag { background-color: #E53B2C !important; } .si-gplus:hover, .si-colored.si-gplus { background-color: #DD4B39 !important; } .si-wikipedia:hover, .si-colored.si-wikipedia { background-color: #333 !important; } .si-stumbleupon:hover, .si-colored.si-stumbleupon { background-color: #F74425 !important; } .si-foursquare:hover, .si-colored.si-foursquare { background-color: #25A0CA !important; } .si-call:hover, .si-colored.si-call { background-color: #444 !important; } .si-ninetyninedesigns:hover, .si-colored.si-ninetyninedesigns { background-color: #F26739 !important; } .si-forrst:hover, .si-colored.si-forrst { background-color: #5B9A68 !important; } .si-digg:hover, .si-colored.si-digg { background-color: #191919 !important; } .si-spotify:hover, .si-colored.si-spotify { background-color: #81B71A !important; } .si-reddit:hover, .si-colored.si-reddit { background-color: #C6C6C6 !important; } .si-blogger:hover, .si-colored.si-blogger { background-color: #FC4F08 !important; } .si-cc:hover, .si-colored.si-cc { background-color: #688527 !important; } .si-dribbble:hover, .si-colored.si-dribbble { background-color: #EA4C89 !important; } .si-evernote:hover, .si-colored.si-evernote { background-color: #5BA525 !important; } .si-flickr:hover, .si-colored.si-flickr { background-color: #FF0084 !important; } .si-google:hover, .si-colored.si-google { background-color: #DD4B39 !important; } .si-instapaper:hover, .si-colored.si-instapaper { background-color: #333 !important; } .si-klout:hover, .si-colored.si-klout { background-color: #FF5F52 !important; } .si-linkedin:hover, .si-colored.si-linkedin { background-color: #0E76A8 !important; } .si-vk:hover, .si-colored.si-vk { background-color: #2B587A !important; } .si-rss:hover, .si-colored.si-rss { background-color: #EE802F !important; } .si-skype:hover, .si-colored.si-skype { background-color: #00AFF0 !important; } .si-twitter:hover, .si-colored.si-twitter { background-color: #00ACEE !important; } .si-youtube:hover, .si-colored.si-youtube { background-color: #C4302B !important; } .si-vimeo:hover, .si-colored.si-vimeo { background-color: #86C9EF !important; } .si-aim:hover, .si-colored.si-aim { background-color: #FCD20B !important; } .si-yahoo:hover, .si-colored.si-yahoo { background-color: #720E9E !important; } .si-email3:hover, .si-colored.si-email3 { background-color: #6567A5 !important; } .si-macstore:hover, .si-colored.si-macstore { background-color: #333333 !important; } .si-myspace:hover, .si-colored.si-myspace { background-color: #666666 !important; } .si-podcast:hover, .si-colored.si-podcast { background-color: #E4B21B !important; } .si-cloudapp:hover, .si-colored.si-cloudapp { background-color: #525557 !important; } .si-dropbox:hover, .si-colored.si-dropbox { background-color: #3D9AE8 !important; } .si-ebay:hover, .si-colored.si-ebay { background-color: #89C507 !important; } .si-github:hover, .si-colored.si-github { background-color: #171515 !important; } .si-googleplay:hover, .si-colored.si-googleplay { background-color: #DD4B39 !important; } .si-itunes:hover, .si-colored.si-itunes { background-color: #222 !important; } .si-plurk:hover, .si-colored.si-plurk { background-color: #CF5A00 !important; } .si-pinboard:hover, .si-colored.si-pinboard { background-color: #0000E6 !important; } .si-soundcloud:hover, .si-colored.si-soundcloud { background-color: #FF7700 !important; } .si-tumblr:hover, .si-colored.si-tumblr { background-color: #34526F !important; } .si-wordpress:hover, .si-colored.si-wordpress { background-color: #1E8CBE !important; } .si-yelp:hover, .si-colored.si-yelp { background-color: #C41200 !important; } .si-intensedebate:hover, .si-colored.si-intensedebate { background-color: #009EE4 !important; } .si-eventbrite:hover, .si-colored.si-eventbrite { background-color: #F16924 !important; } .si-scribd:hover, .si-colored.si-scribd { background-color: #666666 !important; } .si-stripe:hover, .si-colored.si-stripe { background-color: #008CDD !important; } .si-print:hover, .si-colored.si-print { background-color: #111 !important; } .si-dwolla:hover, .si-colored.si-dwolla { background-color: #FF5C03 !important; } .si-statusnet:hover, .si-colored.si-statusnet { background-color: #131A30 !important; } .si-acrobat:hover, .si-colored.si-acrobat { background-color: #D3222A !important; } .si-drupal:hover, .si-colored.si-drupal { background-color: #27537A !important; } .si-buffer:hover, .si-colored.si-buffer { background-color: #333333 !important; } .si-pocket:hover, .si-colored.si-pocket { background-color: #EE4056 !important; } .si-bitbucket:hover, .si-colored.si-bitbucket { background-color: #0E4984 !important; } .si-stackoverflow:hover, .si-colored.si-stackoverflow { background-color: #EF8236 !important; } .si-hackernews:hover, .si-colored.si-hackernews { background-color: #FF6600 !important; } .si-xing:hover, .si-colored.si-xing { background-color: #126567 !important; } .si-instagram:hover, .si-colored.si-instagram { background-color: #3F729B !important; } .si-quora:hover, .si-colored.si-quora { background-color: #A82400 !important; } .si-openid:hover, .si-colored.si-openid { background-color: #E16309 !important; } .si-steam:hover, .si-colored.si-steam { background-color: #111 !important; } .si-amazon:hover, .si-colored.si-amazon { background-color: #E47911 !important; } .si-disqus:hover, .si-colored.si-disqus { background-color: #E4E7EE !important; } .si-plancast:hover, .si-colored.si-plancast { background-color: #222 !important; } .si-appstore:hover, .si-colored.si-appstore { background-color: #000 !important; } .si-pinterest:hover, .si-colored.si-pinterest { background-color: #C8232C !important; } .si-fivehundredpx:hover, .si-colored.si-fivehundredpx { background-color: #111 !important; } /* Social Icons Text Color -----------------------------------------------------------------*/ .si-text-color.si-facebook i { color: #3B5998; } .si-text-color.si-delicious i { color: #205CC0; } .si-text-color.si-paypal i { color: #00588B; } .si-text-color.si-flattr i { color: #F67C1A; } .si-text-color.si-android i { color: #A4C639; } .si-text-color.si-smashmag i { color: #E53B2C; } .si-text-color.si-gplus i { color: #DD4B39; } .si-text-color.si-wikipedia i { color: #333; } .si-text-color.si-stumbleupon i { color: #F74425; } .si-text-color.si-foursquare i { color: #25A0CA; } .si-text-color.si-call i { color: #444; } .si-text-color.si-ninetyninedesigns i { color: #F26739; } .si-text-color.si-forrst i { color: #5B9A68; } .si-text-color.si-digg i { color: #191919; } .si-text-color.si-spotify i { color: #81B71A; } .si-text-color.si-reddit i { color: #C6C6C6; } .si-text-color.si-blogger i { color: #FC4F08; } .si-text-color.si-cc i { color: #688527; } .si-text-color.si-dribbble i { color: #EA4C89; } .si-text-color.si-evernote i { color: #5BA525; } .si-text-color.si-flickr i { color: #FF0084; } .si-text-color.si-google i { color: #DD4B39; } .si-text-color.si-instapaper i { color: #333; } .si-text-color.si-klout i { color: #FF5F52; } .si-text-color.si-linkedin i { color: #0E76A8; } .si-text-color.si-vk i { color: #2B587A; } .si-text-color.si-rss i { color: #EE802F; } .si-text-color.si-skype i { color: #00AFF0; } .si-text-color.si-twitter i { color: #00ACEE; } .si-text-color.si-youtube i { color: #C4302B; } .si-text-color.si-vimeo i { color: #86C9EF; } .si-text-color.si-aim i { color: #FCD20B; } .si-text-color.si-yahoo i { color: #720E9E; } .si-text-color.si-email3 i { color: #6567A5; } .si-text-color.si-macstore i { color: #333333; } .si-text-color.si-myspace i { color: #666666; } .si-text-color.si-podcast i { color: #E4B21B; } .si-text-color.si-cloudapp i { color: #525557; } .si-text-color.si-dropbox i { color: #3D9AE8; } .si-text-color.si-ebay i { color: #89C507; } .si-text-color.si-github i { color: #171515; } .si-text-color.si-googleplay i { color: #DD4B39; } .si-text-color.si-itunes i { color: #222; } .si-text-color.si-plurk i { color: #CF5A00; } .si-text-color.si-pinboard i { color: #0000E6; } .si-text-color.si-soundcloud i { color: #FF7700; } .si-text-color.si-tumblr i { color: #34526F; } .si-text-color.si-wordpress i { color: #1E8CBE; } .si-text-color.si-yelp i { color: #C41200; } .si-text-color.si-intensedebate i { color: #009EE4; } .si-text-color.si-eventbrite i { color: #F16924; } .si-text-color.si-scribd i { color: #666666; } .si-text-color.si-stripe i { color: #008CDD; } .si-text-color.si-print i { color: #111; } .si-text-color.si-dwolla i { color: #FF5C03; } .si-text-color.si-statusnet i { color: #131A30; } .si-text-color.si-acrobat i { color: #D3222A; } .si-text-color.si-drupal i { color: #27537A; } .si-text-color.si-buffer i { color: #333333; } .si-text-color.si-pocket i { color: #EE4056; } .si-text-color.si-bitbucket i { color: #0E4984; } .si-text-color.si-stackoverflow i { color: #EF8236; } .si-text-color.si-hackernews i { color: #FF6600; } .si-text-color.si-xing i { color: #126567; } .si-text-color.si-instagram i { color: #3F729B; } .si-text-color.si-quora i { color: #A82400; } .si-text-color.si-openid i { color: #E16309; } .si-text-color.si-steam i { color: #111; } .si-text-color.si-amazon i { color: #E47911; } .si-text-color.si-disqus i { color: #E4E7EE; } .si-text-color.si-plancast i { color: #222; } .si-text-color.si-appstore i { color: #000; } .si-text-color.si-pinterest i { color: #C8232C; } .si-text-color.si-fivehundredpx i { color: #111; } .si-text-color:hover { color: #FFF; } .owl-carousel { display:none; -webkit-tap-highlight-color:transparent; position:relative; z-index:1; width: 100%; } .owl-carousel .owl-stage { position:relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0); } .owl-carousel.owl-loaded { display:block } .owl-carousel.owl-loading { display:block; min-height: 100px; background: url('images/preloader.gif') no-repeat center center } .owl-carousel .owl-refresh .owl-item { display:none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display:block; width:100%; -webkit-transform-style:preserve-3d; } #slider .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .mega-menu-content .owl-carousel.owl-hidden { opacity: 1; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity:0; -webkit-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease } .owl-carousel .owl-item img { transform-style:preserve-3d } .owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#111 } .owl-carousel .owl-video-play-icon { position: absolute; height: 64px; width: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url("images/icons/play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition:scale(1.3,1.3); -o-transition:scale(1.3,1.3); transition:scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none } .owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease } .owl-carousel .owl-video-frame { position:relative; z-index:1; height: 100%; width: 100%; } /* Owl Carousel - Controls -----------------------------------------------------------------*/ .owl-carousel .owl-dots, .owl-carousel .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; line-height: 1; } /* ---------------------------------------------------------------- 22. Forms -----------------------------------------------------------------*/ .sm-form-control { display: block; width: 100%; height: 38px; padding: 8px 14px; font-size: 15px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 2px solid #DDD; border-radius: 0 !important; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; } .sm-form-control:focus { border-color: #AAA; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .sm-form-control::-moz-placeholder { color: #999; opacity: 1; } .sm-form-control:-ms-input-placeholder { color: #999; } .sm-form-control::-webkit-input-placeholder { color: #999; } .sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } .sm-form-control { height: auto; } .form-control { border-radius: 3px; } .form-control:active, .form-control:focus { border-color: #999; box-shadow: none; } label { display: inline-block; font-size: 13px; font-weight: 700; font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 10px; cursor: pointer; } label.label-muted { color: #999; font-weight: normal; margin-right: 5px; } form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth { margin-bottom: 25px; } /* ---------------------------------------------------------------- 23. Google Maps -----------------------------------------------------------------*/ #google-map { position: relative; width: 100%; height: 450px; } .gmap img { max-width: none !important; } .gm-style .gm-style-iw h3 span { font-size: inherit; font-family: inherit; } #map-overlay { position: relative; padding: 100px 0; } #map-overlay #google-map { position: absolute; height: 100%; top: 0; left: 0; } #gotoTop { display: none; z-index: 299; position: fixed; width: 40px; height: 40px; background-color: #333; background-color: rgba(0,0,0,0.3); font-size: 20px; line-height: 36px; text-align: center; color: #FFF; top: auto; left: auto; right: 30px; bottom: 50px; cursor: pointer; border-radius: 2px; } body:not(.device-touch) #gotoTop { transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .stretched #gotoTop { bottom: 30px; } /* ---------------------------------------------------------------- 30. Preloaders -----------------------------------------------------------------*/ .preloader, .preloader2, .form-process { display: block; width: 100%; height: 100%; background: url("images/preloader.gif") center center no-repeat #FFF; } .preloader2 { background-color: transparent; } .form-process { display: none; position: absolute; z-index: 3; background-color: rgba(255,255,255,0.7); } /* ---------------------------------------------------------------- 32. Footer -----------------------------------------------------------------*/ #footer { position: relative; background-color: #EEE; border-top: 5px solid rgba(0,0,0,0.2); } #footer .footer-widgets-wrap { position: relative; padding: 80px 0; } #copyrights { padding: 40px 0; background-color: #DDD; font-size: 14px; line-height: 1.8; } /* ---------------------------------------------------------------- 33. Widgets -----------------------------------------------------------------*/ .widget { position: relative; margin-top: 50px; } .widget p { line-height: 1.7; } .sidebar-widgets-wrap .widget { padding-top: 50px; border-top: 1px solid #EEE; } .widget:first-child { margin-top: 0; } .sidebar-widgets-wrap .widget:first-child { padding-top: 0; border-top: 0; } .widget > h4 { margin-bottom: 25px; font-size: 15px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .sidebar-widgets-wrap .widget > h4 { letter-spacing: 1px; } .widget p:not(.lead) { font-size: 14px; } /* Widget - Quick Contact Form -----------------------------------------------------------------*/ .quick-contact-widget .form-control, .quick-contact-widget .input-group, .quick-contact-widget .sm-form-control { margin-bottom: 10px; } .quick-contact-widget .input-group .form-control { margin-bottom: 0; } .quick-contact-widget form, #template-contactform { position: relative; } /* ---------------------------------------------------------------- 37. Stretched Layout -----------------------------------------------------------------*/ .stretched #wrapper { width: 100%; margin: 0; box-shadow: none; } /* ---------------------------------------------------------------- 38. Page Transitions -----------------------------------------------------------------*/ body:not(.no-transition) #wrapper, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; text-align: center; background-color: #FFF; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner > div { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: 13px; width: 18px; height: 18px; background-color: #DDD; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner .css3-spinner-bounce1 { margin-left: -31px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .css3-spinner .css3-spinner-bounce2 { margin-left: -9px; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } /*! CSS Used from: https://beverlyhillsprivateinvestigators.com/css/responsive.css */ @media (min-width: 992px) and (max-width: 1199px){ #wrapper{width:1000px;} } @media (max-width: 991px){ #wrapper{width:100%;margin:0;box-shadow:none;} #header.full-header .container{padding:0 15px!important;margin:0 auto;width:750px!important;} #header,#header-wrap{height:auto!important;} .slider-parallax .slider-parallax-inner{position:relative;} #logo{display:block;height:100px;float:none;margin:0 auto 0!important;max-width:none;text-align:center;border:0!important;padding:0!important;} #logo a.standard-logo{display:inline-block;} #primary-menu{display:block;float:none;} #primary-menu-trigger{opacity:1;pointer-events:auto;top:25px;margin-top:0;left:0;z-index:1;} #primary-menu > ul{display:none;float:none!important;border:0!important;padding:0!important;margin:0!important;-webkit-transition:none;-o-transition:none;transition:none;} body:not(.top-search-open) #primary-menu-trigger{opacity:1;-webkit-transition:opacity .2s .2s ease, top .4s ease;-o-transition:opacity .2s .2s ease, top .4s ease;transition:opacity .2s .2s ease, top .4s ease;} body.side-push-panel #side-panel-trigger-close a{display:block;position:absolute;z-index:12;top:0;left:auto;right:0;width:40px;height:40px;font-size:18px;line-height:40px;color:#444;text-align:center;background-color:rgba(0,0,0,0.1);border-radius:0 0 0 2px;} #primary-menu ul li{float:none;margin:0!important;text-align:left!important;border-top:1px solid #EEE;} #primary-menu ul li:first-child{border-top:0;} #primary-menu ul > li > a{padding:14px 5px!important;border:none!important;margin:0!important;} #primary-menu > ul > li.sub-menu > a{background-image:url("https://beverlyhillsprivateinvestigators.com/images/icons/submenu.png");background-position:right center;background-repeat:no-repeat;} #primary-menu ul ul:not(.mega-menu-column){position:relative;width:auto;max-width:none;background:transparent!important;box-shadow:none;border:0;border-top:1px solid #EEE;z-index:1;top:0;padding-left:15px;} #primary-menu ul ul:not(.mega-menu-column) ul{top:0!important;left:0;} #primary-menu ul ul li{float:none;margin:0;border-top:1px solid #EEE;} #primary-menu ul ul li > a{padding:11px 5px!important;font-size:13px;text-transform:none;font-weight:400;} #primary-menu ul ul li:hover > a{background-color:transparent!important;font-weight:600;padding-left:5px;color:#1ABC9C;} #side-panel-trigger{position:absolute;top:0;left:auto;right:15px;margin:40px 0;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease;} #side-panel-trigger{right:71px;} .portfolio .portfolio-item{width:33.33333333%;} } @media (max-width: 767px){ body{padding:0!important;} #wrapper{width:100%!important;} h2{font-size:24px;} h3{font-size:20px;} h4{font-size:16px;} .col_full,.col_half,.col_one_third,.col_two_third{width:100%;margin-right:0;float:none;margin-bottom:50px!important;} form .col_full,form .col_half,form .col_one_third,form .col_two_third{margin-bottom:25px!important;} } @media (min-width: 480px) and (max-width: 767px){ .container,#header.full-header .container{width:470px!important;} .portfolio:not(.portfolio-1){margin:0 -6px -6px 0;} .portfolio:not(.portfolio-1) .portfolio-item{padding:0 6px 6px 0;} .portfolio:not(.portfolio-1) .portfolio-item{width:50%;} .portfolio:not(.portfolio-1) .portfolio-desc{padding:15px 5px 10px;} .portfolio:not(.portfolio-1) .portfolio-desc h3{font-size:16px;} .portfolio:not(.portfolio-1) .portfolio-desc span{font-size:14px;} .portfolio.portfolio-nomargin,.portfolio.portfolio-full{margin:0!important;} } @media (max-width: 479px){ .container,#header.full-header .container{width:310px!important;} #side-panel-trigger{right:43px;} .portfolio:not(.portfolio-1){margin:0;} .portfolio .portfolio-item{width:100%;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx){ #logo a.standard-logo{display:none;} #logo a.retina-logo{display:block;} .form-process{background-image:url('https://beverlyhillsprivateinvestigators.com/images/preloader@2x.gif');background-size:24px 24px;} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px), only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 991px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 991px), only screen and ( min-device-pixel-ratio: 2) and (max-width: 991px), only screen and ( min-resolution: 192dpi) and (max-width: 991px), only screen and ( min-resolution: 2dppx) and (max-width: 991px){ #logo a.standard-logo{display:none;} #logo a.retina-logo{display:inline-block;} } /* ---------------------------------------------------------------- Fonts Replace your Fonts as necessary -----------------------------------------------------------------*/ body, small, #primary-menu ul ul li > a, .wp-caption, .feature-box.fbox-center.fbox-italic p, .skills li .progress-percent .counter, .nav-tree ul ul a, .font-body, .entry-meta li, .entry-link span, .entry blockquote p, .more-link, .comment-content .comment-author span, .button.button-desc span, .testi-content p, .team-title span, .before-heading, .wedding-head .first-name span, .wedding-head .last-name span, .font-secondary { font-family: 'Roboto', sans-serif; } h1, h2, h3, h4, h5, h6, #logo, #primary-menu ul li > a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a, #top-search form input, .entry-link, .entry.entry-date-section span, .button.button-desc, .counter, label, .nav-tree li a, .wedding-head .first-name, .wedding-head .last-name, .font-primary { font-family: 'Source Sans Pro', sans-serif; } @font-face { font-family: 'et-line'; src:url('et-line/et-line.eot'); src:url('et-line/et-line.eot?#iefix') format('embedded-opentype'), url('et-line/et-line.woff') format('woff'), url('et-line/et-line.ttf') format('truetype'), url('et-line/et-line.svg#et-line') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'et-line'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-et-mobile, .icon-et-laptop, .icon-et-desktop, .icon-et-tablet, .icon-et-phone, .icon-et-document, .icon-et-documents, .icon-et-search, .icon-et-clipboard, .icon-et-newspaper, .icon-et-notebook, .icon-et-book-open, .icon-et-browser, .icon-et-calendar, .icon-et-presentation, .icon-et-picture, .icon-et-pictures, .icon-et-video, .icon-et-camera, .icon-et-printer, .icon-et-toolbox, .icon-et-briefcase, .icon-et-wallet, .icon-et-gift, .icon-et-bargraph, .icon-et-grid, .icon-et-expand, .icon-et-focus, .icon-et-edit, .icon-et-adjustments, .icon-et-ribbon, .icon-et-hourglass, .icon-et-lock, .icon-et-megaphone, .icon-et-shield, .icon-et-trophy, .icon-et-flag, .icon-et-map, .icon-et-puzzle, .icon-et-basket, .icon-et-envelope, .icon-et-streetsign, .icon-et-telescope, .icon-et-gears, .icon-et-key, .icon-et-paperclip, .icon-et-attachment, .icon-et-pricetags, .icon-et-lightbulb, .icon-et-layers, .icon-et-pencil, .icon-et-tools, .icon-et-tools-2, .icon-et-scissors, .icon-et-paintbrush, .icon-et-magnifying-glass, .icon-et-circle-compass, .icon-et-linegraph, .icon-et-mic, .icon-et-strategy, .icon-et-beaker, .icon-et-caution, .icon-et-recycle, .icon-et-anchor, .icon-et-profile-male, .icon-et-profile-female, .icon-et-bike, .icon-et-wine, .icon-et-hotairballoon, .icon-et-globe, .icon-et-genius, .icon-et-map-pin, .icon-et-dial, .icon-et-chat, .icon-et-heart, .icon-et-cloud, .icon-et-upload, .icon-et-download, .icon-et-target, .icon-et-hazardous, .icon-et-piechart, .icon-et-speedometer, .icon-et-global, .icon-et-compass, .icon-et-lifesaver, .icon-et-clock, .icon-et-aperture, .icon-et-quote, .icon-et-scope, .icon-et-alarmclock, .icon-et-refresh, .icon-et-happy, .icon-et-sad, .icon-et-facebook, .icon-et-twitter, .icon-et-googleplus, .icon-et-rss, .icon-et-tumblr, .icon-et-linkedin, .icon-et-dribbble { font-family: 'et-line'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; } .icon-et-mobile:before { content: "\e000"; } .icon-et-laptop:before { content: "\e001"; } .icon-et-desktop:before { content: "\e002"; } .icon-et-tablet:before { content: "\e003"; } .icon-et-phone:before { content: "\e004"; } .icon-et-document:before { content: "\e005"; } .icon-et-documents:before { content: "\e006"; } .icon-et-search:before { content: "\e007"; } .icon-et-clipboard:before { content: "\e008"; } .icon-et-newspaper:before { content: "\e009"; } .icon-et-notebook:before { content: "\e00a"; } .icon-et-book-open:before { content: "\e00b"; } .icon-et-browser:before { content: "\e00c"; } .icon-et-calendar:before { content: "\e00d"; } .icon-et-presentation:before { content: "\e00e"; } .icon-et-picture:before { content: "\e00f"; } .icon-et-pictures:before { content: "\e010"; } .icon-et-video:before { content: "\e011"; } .icon-et-camera:before { content: "\e012"; } .icon-et-printer:before { content: "\e013"; } .icon-et-toolbox:before { content: "\e014"; } .icon-et-briefcase:before { content: "\e015"; } .icon-et-wallet:before { content: "\e016"; } .icon-et-gift:before { content: "\e017"; } .icon-et-bargraph:before { content: "\e018"; } .icon-et-grid:before { content: "\e019"; } .icon-et-expand:before { content: "\e01a"; } .icon-et-focus:before { content: "\e01b"; } .icon-et-edit:before { content: "\e01c"; } .icon-et-adjustments:before { content: "\e01d"; } .icon-et-ribbon:before { content: "\e01e"; } .icon-et-hourglass:before { content: "\e01f"; } .icon-et-lock:before { content: "\e020"; } .icon-et-megaphone:before { content: "\e021"; } .icon-et-shield:before { content: "\e022"; } .icon-et-trophy:before { content: "\e023"; } .icon-et-flag:before { content: "\e024"; } .icon-et-map:before { content: "\e025"; } .icon-et-puzzle:before { content: "\e026"; } .icon-et-basket:before { content: "\e027"; } .icon-et-envelope:before { content: "\e028"; } .icon-et-streetsign:before { content: "\e029"; } .icon-et-telescope:before { content: "\e02a"; } .icon-et-gears:before { content: "\e02b"; } .icon-et-key:before { content: "\e02c"; } .icon-et-paperclip:before { content: "\e02d"; } .icon-et-attachment:before { content: "\e02e"; } .icon-et-pricetags:before { content: "\e02f"; } .icon-et-lightbulb:before { content: "\e030"; } .icon-et-layers:before { content: "\e031"; } .icon-et-pencil:before { content: "\e032"; } .icon-et-tools:before { content: "\e033"; } .icon-et-tools-2:before { content: "\e034"; } .icon-et-scissors:before { content: "\e035"; } .icon-et-paintbrush:before { content: "\e036"; } .icon-et-magnifying-glass:before { content: "\e037"; } .icon-et-circle-compass:before { content: "\e038"; } .icon-et-linegraph:before { content: "\e039"; } .icon-et-mic:before { content: "\e03a"; } .icon-et-strategy:before { content: "\e03b"; } .icon-et-beaker:before { content: "\e03c"; } .icon-et-caution:before { content: "\e03d"; } .icon-et-recycle:before { content: "\e03e"; } .icon-et-anchor:before { content: "\e03f"; } .icon-et-profile-male:before { content: "\e040"; } .icon-et-profile-female:before { content: "\e041"; } .icon-et-bike:before { content: "\e042"; } .icon-et-wine:before { content: "\e043"; } .icon-et-hotairballoon:before { content: "\e044"; } .icon-et-globe:before { content: "\e045"; } .icon-et-genius:before { content: "\e046"; } .icon-et-map-pin:before { content: "\e047"; } .icon-et-dial:before { content: "\e048"; } .icon-et-chat:before { content: "\e049"; } .icon-et-heart:before { content: "\e04a"; } .icon-et-cloud:before { content: "\e04b"; } .icon-et-upload:before { content: "\e04c"; } .icon-et-download:before { content: "\e04d"; } .icon-et-target:before { content: "\e04e"; } .icon-et-hazardous:before { content: "\e04f"; } .icon-et-piechart:before { content: "\e050"; } .icon-et-speedometer:before { content: "\e051"; } .icon-et-global:before { content: "\e052"; } .icon-et-compass:before { content: "\e053"; } .icon-et-lifesaver:before { content: "\e054"; } .icon-et-clock:before { content: "\e055"; } .icon-et-aperture:before { content: "\e056"; } .icon-et-quote:before { content: "\e057"; } .icon-et-scope:before { content: "\e058"; } .icon-et-alarmclock:before { content: "\e059"; } .icon-et-refresh:before { content: "\e05a"; } .icon-et-happy:before { content: "\e05b"; } .icon-et-sad:before { content: "\e05c"; } .icon-et-facebook:before { content: "\e05d"; } .icon-et-twitter:before { content: "\e05e"; } .icon-et-googleplus:before { content: "\e05f"; } .icon-et-rss:before { content: "\e060"; } .icon-et-tumblr:before { content: "\e061"; } .icon-et-linkedin:before { content: "\e062"; } .icon-et-dribbble:before { content: "\e063"; } /* ---------------------------------------------------------------- CSS Specific to the One Page Module Some of the CSS Codes have been modified from the Original style.css File to match the Minimal Styling of this Module Version: 4.0.1 -----------------------------------------------------------------*/ /* ---------------------------------------------------------------------------- Header ---------------------------------------------------------------------------- */ #header { border-bottom: 0; } #header #header-wrap { z-index: 199; position: fixed; top: 0; left: 0; width: 100%; background-color: #FFF; -webkit-transition: height .4s ease, background-color .4s ease, opacity .3s ease; -o-transition: height .4s ease, background-color .4s ease, opacity .3s ease; transition: height .4s ease, background-color .4s ease, opacity .3s ease; } #header.full-header:not(.border-full-header):not(.sticky-header) #header-wrap { border-bottom: 0; } #header.full-header.border-full-header #header-wrap { border-bottom-color: rgba(0,0,0,0.05) !important; } .dark #header.full-header.border-full-header #header-wrap, #header.dark.full-header.border-full-header #header-wrap { border-bottom-color: rgba(255,255,255,0.15) !important; } #header.transparent-header:not(.sticky-header) #header-wrap { background-color: transparent; } #header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header { top: -70px; margin-bottom: -70px; } #header.full-header #logo { border-right: 0; } #header.full-header #primary-menu > ul { padding-right: 0; margin-right: 0; border-right: 0; } #header.show-on-sticky #header-wrap { opacity: 0; pointer-events: none; } #header.show-on-sticky.sticky-header #header-wrap { opacity: 1; pointer-events: auto; } #header, #header-wrap, #logo img { height: 70px; -webkit-transition: height .4s ease, opacity .3s ease; -o-transition: height .4s ease, opacity .3s ease; transition: height .4s ease, opacity .3s ease; } /* Sticky Header ---------------------------------------------------------------------------- */ #header.sticky-header #header-wrap, #header.full-header.border-full-header.sticky-header #header-wrap { box-shadow: none; border-bottom: 1px solid #F5F5F5 !important; -webkit-backface-visibility: hidden; } /* Side Header ---------------------------------------------------------------------------- */ @media (min-width: 992px) { .side-header #header #header-wrap { position: relative; } .side-header #header, .side-header #header-wrap { height: 100%; } .side-header #header-wrap { width: 300px !important; } .side-header #logo, .side-header #logo img, .side-header #primary-menu:not(.style-2), .side-header #primary-menu:not(.style-2) > ul { height: auto; } } /* Primary Menu ---------------------------------------------------------------------------- */ #primary-menu ul li a { padding: 24px 22px; font-size: 12px; font-weight: 400; letter-spacing: 3px; } /* Side Panel ---------------------------------------------------------------------------- */ body.side-push-panel.stretched #header .container { right: 0; } body.side-push-panel.side-panel-open.stretched #header .container { right: 300px; } body.side-panel-left.side-push-panel.stretched #header .container { left: 0; right: auto; } body.side-panel-left.side-push-panel.side-panel-open.stretched #header .container { left: 300px; } #side-panel-trigger { margin-top: 25px; margin-bottom: 25px; } /* ---------------------------------------------------------------------------- Page Section ---------------------------------------------------------------------------- */ .page-section { padding: 30px 0; } /* ---------------------------------------------------------------------------- Heading Block ---------------------------------------------------------------------------- */ .heading-block h2 { font-weight: 500; letter-spacing: 3px; font-family: 'Roboto', sans-serif; } /* ---------------------------------------------------------------------------- Portfolio Overlay ---------------------------------------------------------------------------- */ .portfolio-overlay { background-color: rgba(255,255,255,0.9); } .portfolio-overlay .portfolio-desc h3 { font-size: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; } .portfolio-overlay .portfolio-desc h3 a { color: #333 !important; text-shadow: none; } .portfolio-overlay .portfolio-desc span { margin-top: 12px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 300; } .portfolio-overlay .portfolio-desc span a { color: #999 !important; text-shadow: none; } /* ---------------------------------------------------------------------------- Buttons ---------------------------------------------------------------------------- */ .button.button-border { font-weight: 400; letter-spacing: 2px; font-size: 13px; } .button.button-border.button-large { font-size: 15px; } .button.button-border.button-light { border-color: #F9F9F9; color: #F9F9F9; } .button.button-border.button-light:hover { background-color: #F9F9F9; color: #333; text-shadow: none; } .button.button-circle { border-radius: 20px; } .button.button-large.button-circle { border-radius: 23px; } .button.button-padded { padding: 0 50px; } .button.button-padded i:last-child { position: absolute; line-height: 38px; left: auto; right: 20px; font-size: 20px; } .button.button-border.button-fill { overflow: hidden; } .button.button-border.button-fill:hover { background-color: transparent !important; border-color: #444 !important; } .button.button-border.button-fill.button-light:hover { border-color: #F9F9F9 !important; } .button.button-border.button-fill:before { content: ''; position: absolute; background-color: #444; z-index: -1; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-backface-visibility: hidden; } .button.button-border.button-fill.button-light:before { background-color: #FFF; } .button.button-border.button-fill.fill-from-right:before { left: auto; right: 0; } .button.button-border.button-fill:hover:before { width: 100%; } .button.button-border.button-fill.fill-zoom:before { width: 100%; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .button.button-border.button-fill.fill-zoom:hover:before { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .button.button-border.button-fill.fill-from-top:before { width: 100%; height: 0; } .button.button-border.button-fill.fill-from-top:hover:before { height: 100%; } .button.button-border.button-fill.fill-from-bottom:before { width: 100%; height: 0; top: auto; bottom: 0; } .button.button-border.button-fill.fill-from-bottom:hover:before { height: 100%; } .button.button-border.button-fill i:last-child { opacity: 0; right: 30px; -webkit-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .button.button-border.button-fill:hover i:last-child { opacity: 1; right: 20px; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* More Link ---------------------------------------------------------------------------- */ .more-link { font-weight: 400; border-bottom-width: 1px; font-style: normal; } .more-link i.icon-angle-right { position: relative; top: 2px; margin-left: 3px; } .link-border { font-weight: 600; border-bottom: 3px solid #1ABC9C; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .link-border:hover { border-color: #FFF; } /* ---------------------------------------------------------------------------- Team & Testimonials ---------------------------------------------------------------------------- */ .team-title h4 { font-weight: 600; font-size: 17px; letter-spacing: 2px; } .team-title span { font-style: normal; color: #999; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; margin-top: 2px; } .team-social-icons { position: absolute; width: 100%; bottom: 20px; } .dark .team-overlay:before { background-color: rgba(0,0,0,0.9); } .parallax .fslider * { -webkit-backface-visibility: hidden !important; } .parallax .fslider .flex-control-paging * { -webkit-backface-visibility: visible !important; } .parallax .testimonial .testi-content p { line-height: 1.6 !important; font-size: 24px; letter-spacing: 1px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; font-style: normal; } .parallax .testimonial .testi-meta { margin-top: 20px; font-size: 15px; letter-spacing: 2px; font-weight: 500; } .parallax .testimonial .testi-meta span { font-weight: 300; font-size: 14px; letter-spacing: 1px; } /* Page Menu - Dots Style -----------------------------------------------------------------*/ #page-menu.dots-menu nav ul li { margin: 15px 6px; } #page-menu.dots-menu nav li a { background-color: rgba(0,0,0,0.3); } #page-menu.dots-menu nav li a:hover, #page-menu.dots-menu nav li.current a { background-color: rgba(0,0,0,0.65) !important; } #page-menu.dots-menu nav li .dots-menu-caption { background-color: #EEE !important; color: #333; text-shadow: none; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 400; } #page-menu.dots-menu nav li .dots-menu-caption:after { border-left: 6px solid #EEE !important; } /* Border Form Design ---------------------------------------------------------------------------- */ .border-form-control { height: 48px; padding: 8px 4px; font-size: 21px; letter-spacing: 1px; background-color: transparent !important; border-top: transparent; border-right: transparent; border-left: transparent; border-bottom-width: 1px; font-family: 'Source Sans Pro', sans-serif; } .border-form-control::-moz-placeholder { font-weight: 300; } .border-form-control:-ms-input-placeholder { font-weight: 300; } .border-form-control::-webkit-input-placeholder { font-weight: 300; } textarea.border-form-control { resize: none; overflow: hidden; word-wrap: break-word; } /* ---------------------------------------------------------------------------- Helper CSS Styles ---------------------------------------------------------------------------- */ .font-body { font-family: 'Roboto', sans-serif !important; } .font-primary { font-family: 'Source Sans Pro', sans-serif !important; } /* ---------------------------------------------------------------------------- Footer Widgets ---------------------------------------------------------------------------- */ #footer .widget { padding: 30px 0; } #footer .widget > h4 { margin-bottom: 50px; font-size: 20px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; } #footer .widget ul.footer-site-links li { margin: 5px 0; font-size: 17px; letter-spacing: 1px; font-weight: 300; } #footer .widget .form-control { text-align: center; } .widget p.lead { font-size: 17px; letter-spacing: 1px; line-height: 1.6; } /* ---------------------------------------------------------------------------- Services Grid ---------------------------------------------------------------------------- */ .grid-border { overflow: hidden; } .grid-border [class^=col-]:before, .grid-border [class^=col-]:after { content: ''; position: absolute; } .grid-border [class^=col-]:before { height: 100%; top: 0; left: -1px; border-left: 1px solid rgba(0,0,0,0.05); } .grid-border [class^=col-]:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid rgba(0,0,0,0.05); } .dark .grid-border [class^=col-]:before, .dark .grid-border [class^=col-]:after { border-color: rgba(255,255,255,0.05); } /* ---------------------------------------------------------------------------- One Page Module: Slider Specifics ---------------------------------------------------------------------------- */ .one-page-arrow i { -webkit-animation-duration: 1.5s !important; animation-duration: 1.5s !important; } /* Large One Word in Slider ---------------------------------------------------------------------------- */ .opm-large-word { font-size: 116px; } .device-sm .opm-large-word { font-size: 96px; } .device-xs .opm-large-word { font-size: 72px; } .device-xxs .opm-large-word { font-size: 54px; } /* Medium One Word in Slider ---------------------------------------------------------------------------- */ .opm-medium-word { font-size: 96px; } .device-sm .opm-medium-word { font-size: 80px; } .device-xs .opm-medium-word { font-size: 60px; } .device-xxs .opm-medium-word { font-size: 48px; } /* Medium Before Heading ---------------------------------------------------------------------------- */ .before-heading.opm-medium { font-size: 30px; font-style: normal; margin: 0 0 0 5px; line-height: 1; letter-spacing: 12px; } .device-sm .before-heading.opm-medium { font-size: 22px; } .device-xs .before-heading.opm-medium { font-size: 18px; } .device-xxs .before-heading.opm-medium { font-size: 14px; } /* Large Counter in Slider ---------------------------------------------------------------------------- */ .opm-large-counter { font-size: 480px; color: #F2F2F2; line-height: 1; } .device-sm .opm-large-counter { font-size: 360px; } .device-xs .opm-large-counter { font-size: 220px; } .device-xxs .opm-large-counter { font-size: 150px; } /* Slider Grid Blocks ---------------------------------------------------------------------------- */ .half-screen { position: relative; height: 50%; } .videoplay-on-hover .vertical-middle { z-index: 2; } .videoplay-on-hover .video-wrap { z-index: 1; } .videoplay-on-hover .vertical-middle h2 { font-size: 40px; font-weight: bold; } .device-xs .videoplay-on-hover .vertical-middle h2 { font-size: 32px; } .device-xxs .videoplay-on-hover .vertical-middle h2 { font-size: 26px; } /* Content Switch ---------------------------------------------------------------------------- */ .con-switch { position: relative; display: block; overflow: hidden; -webkit-backface-visibility: hidden; } .con-switch .con-default, .con-switch .con-show { display: block; opacity: 1; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .con-switch .con-show { position: absolute; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; text-align: center; } .con-switch:hover .con-show { opacity: 1; } .con-switch:hover .con-default { opacity: 0; } /* Hero Video Play Event ---------------------------------------------------------------------------- */ .big-video-button { display: inline-block; width: 64px; height: 64px; line-height: 64px; border-radius: 50%; background-color: #333; color: #F5F5F5 !important; font-size: 24px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); opacity: 1; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .big-video-button:hover { opacity: 0.9; } .dark .big-video-button, .big-video-button.dark { background-color: #F5F5F5; color: #333 !important; text-shadow: none; } .big-video-button i:nth-of-type(1) { position: relative; left: 3px; } .big-video-button i:nth-of-type(2), .big-video-button.video-played i:nth-of-type(1) { display: none; } .big-video-button.video-played i:nth-of-type(2) { display: block; } .big-video-button.video-played { opacity: 0.1; } #slider:hover .big-video-button.video-played { opacity: 1; } .slider-caption h2 { font-size: 78px; letter-spacing: 3px; text-transform: lowercase; margin-bottom: 50px; } .slider-caption p { font-weight: 300; text-transform: lowercase; font-size: 26px; line-height: 1.8; max-width: 600px; margin-left: auto; margin-right: auto; } .testimonials-lg { overflow: visible; } .testimonials-lg:before { position: absolute; top: -20px; left: -30px; content: "“"; color: rgba(0,0,0,0.07); font-size: 144px; line-height: 1; font-family: 'Passion One'; } .testimonials-lg .testi-content p { font-size: 26px; line-height: 1.6; font-style: normal; font-weight: 300; font-family: 'Roboto', sans-serif; color: #111; } .testimonials-lg .testi-content p:before, .testimonials-lg .testi-content p:after { content:''; } .testimonials-lg .testi-meta { font-size: 14px; font-weight: 400; margin-top: 30px; color: #999; } .testimonials-lg .testi-meta span { font-size: 13px; font-weight: 300; color: #BBB; } /* ---------------------------------------------------------------------------- Dark ---------------------------------------------------------------------------- */ .dark #header.sticky-header #header-wrap, #header.sticky-header.dark #header-wrap { border-bottom-color: rgba(255,255,255,0.1) !important; } /* ---------------------------------------------------------------------------- Responsive ---------------------------------------------------------------------------- */ @media (max-width: 991px) { #logo { height: 70px !important; } #header { min-height: 70px; } #header.transparent-header:not(.sticky-header) #header-wrap { background-color: #FFF; border-bottom: 1px solid #EEE; } #header.transparent-header.dark:not(.sticky-header) #header-wrap { background-color: #333; border-bottom-color: rgba(255,255,255,0.1) !important; } #header.transparent-header:not(.hidden) + #slider, #header.transparent-header:not(.hidden) + #page-title.page-title-parallax, #header.transparent-header:not(.hidden) + #google-map, #slider + #header.transparent-header:not(.hidden) { top: 0; margin-bottom: 0; } #primary-menu-trigger { top: 10px !important; } #side-panel-trigger { margin: 25px 0 !important; right: 15px !important; } .dark #header.transparent-header #header-wrap, .dark #header.semi-transparent #header-wrap, #header.dark.transparent-header #header-wrap, #header.dark.semi-transparent #header-wrap { background-color: #333; border-bottom-color: rgba(255,255,255,0.1); } .dark.overlay-menu #primary-menu:not(.not-dark) ul, .overlay-menu #primary-menu.dark ul { background-color: transparent; } }