/*///////////////////// Vertex Energy ///////////////////// ===================================================================================== Description: Vertex Energy Theme Version: 2.11115 Created By: Ratio Digital Creator URL: http://www.ratiodigital.com/ ===================================================================================== /////////////////////*/ /*/// Presicav | font-family:'presicav', sans-serif; ///*/ /*//////////////////////////////////////////////////////// UltraLight 100 ExtraLight 200 Light 300 Regular 400 Bold 700 Heavy 900 ////////////////////////////////////////////////////////*/ /*/// Raleway | font-family:'Raleway', sans-serif; ///*/ /*//////////////////////////////////////////////////////// Thin 100 Extra-Light 200 Light 300 Normal 400 Medium 500 Semi-Bold 600 Bold 700 Extra-Bold 800 Ultra-Bold 900 ////////////////////////////////////////////////////////*/ /*/// Roboto Condensed | font-family:'Roboto Condensed', sans-serif; ///*/ /*//////////////////////////////////////////////////////// Light 300 Normal 400 Bold 700 ////////////////////////////////////////////////////////*/ @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Raleway:400,300,100,500,600,800,700); /*@top*/ /*/// @320px Max ///*/ @media (max-width:320px) { /*/// @Frame ///*/ .container { width:100%; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuerySM | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0px 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:90px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:auto; } .header .nav ul.mainMenu li { display:block; float:none; margin:0px 0px 0px 0px; text-align:left; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { padding:0 30px 0 30px; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 30px 0 30px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:11px; font-weight:500; letter-spacing:0.00em; } .header.active .nav { overflow-y:scroll; -webkit-overflow-scrolling:touch; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:40px 0px 40px 0px; } .footer .top .col-logoPlac { width:100%; text-align:center; } .footer .top .col-logoPlac .logo { display:inline-block; width:154px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:none; margin:15px 0px 0px 0px; padding:0px 30px 0px 5px; } .footer .top .col-contactInfo { display:none; width:100%; font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .col-left { width:40%; } .footer .top .col-contactInfo .col-right { width:60%; } .footer .top .col-contactInfo .h4 { font-size:14px; padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @321px - 359px ///*/ @media (min-width:321px) and (max-width:359px) { /*/// @Frame ///*/ .container { width:100%; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuerySM | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0x 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:90px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:auto; } .header .nav ul.mainMenu li { display:block; float:none; margin:0px 0px 0px 0px; text-align:left; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { padding:0 30px 0 30px; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 30px 0 30px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:11px; font-weight:500; letter-spacing:0.00em; } .header.active .nav { overflow-y:scroll; -webkit-overflow-scrolling:touch; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:40px 0px 40px 0px; } .footer .top .col-logoPlac { width:100%; text-align:center; } .footer .top .col-logoPlac .logo { display:inline-block; width:154px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:none; margin:15px 0px 0px 0px; padding:0px 30px 0px 5px; } .footer .top .col-contactInfo { display:none; width:100%; font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .col-left { width:40%; } .footer .top .col-contactInfo .col-right { width:60%; } .footer .top .col-contactInfo .h4 { font-size:14px; padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @360px - 374px ///*/ @media (min-width:360px) and (max-width:374px) { /*/// @Frame ///*/ .container { width:100%; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuerySM | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0px 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:90px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:auto; } .header .nav ul.mainMenu li { display:block; float:none; margin:0px 0px 0px 0px; text-align:left; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { padding:0 30px 0 30px; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 30px 0 30px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:12px; font-weight:500; letter-spacing:0.01em; } .header.active .nav { overflow-y:scroll; -webkit-overflow-scrolling:touch; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:40px 0px 40px 0px; } .footer .top .col-logoPlac { width:100%; text-align:center; } .footer .top .col-logoPlac .logo { display:inline-block; width:154px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:none; margin:15px 0px 0px 0px; padding:0px 30px 0px 5px; } .footer .top .col-contactInfo { display:none; width:100%; font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .col-left { width:40%; } .footer .top .col-contactInfo .col-right { width:60%; } .footer .top .col-contactInfo .h4 { font-size:14px; padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @375px - 413px ///*/ @media (min-width:375px) and (max-width:413px) { /*/// @Frame ///*/ .container { width:100%; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuerySM | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0px 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:90px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:auto; } .header .nav ul.mainMenu li { display:block; float:none; margin:0px 0px 0px 0px; text-align:left; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { padding:0 30px 0 30px; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 30px 0 30px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:12px; font-weight:500; letter-spacing:0.01em; } .header.active .nav { overflow-y:scroll; -webkit-overflow-scrolling:touch; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:40px 0px 40px 0px; } .footer .top .col-logoPlac { width:100%; text-align:center; } .footer .top .col-logoPlac .logo { display:inline-block; width:154px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:none; margin:15px 0px 0px 0px; padding:0px 30px 0px 5px; } .footer .top .col-contactInfo { display:none; width:100%; font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .col-left { width:40%; } .footer .top .col-contactInfo .col-right { width:60%; } .footer .top .col-contactInfo .h4 { font-size:14px; padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @414px - 699px ///*/ @media (min-width:414px) and (max-width:699px) { /*/// @Frame ///*/ .container { width:100%; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuerySM | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0px 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:90px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:auto; } .header .nav ul.mainMenu li { display:block; float:none; margin:0px 0px 0px 0px; text-align:left; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { padding:0 30px 0 30px; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 30px 0 30px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:12px; font-weight:500; letter-spacing:0.01em; } .header.active .nav { overflow-y:scroll; -webkit-overflow-scrolling:touch; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:40px 0px 40px 0px; } .footer .top .col-logoPlac { width:100%; text-align:center; } .footer .top .col-logoPlac .logo { display:inline-block; width:154px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:none; margin:15px 0px 0px 0px; padding:0px 30px 0px 5px; } .footer .top .col-contactInfo { display:none; width:100%; font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .col-left { width:40%; } .footer .top .col-contactInfo .col-right { width:60%; } .footer .top .col-contactInfo .h4 { font-size:14px; padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @700px - 767px ///*/ @media (min-width:700px) and (max-width:767px) { /*/// @Frame ///*/ .container { width:100%; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuerySM | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0px 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:120px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:auto; } .header .nav ul.mainMenu li { display:block; float:none; margin:0px 0px 0px 0px; text-align:left; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { padding:0 30px 0 30px; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 30px 0 30px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:12px; font-weight:500; letter-spacing:0.01em; } .header.active .nav { overflow-y:scroll; -webkit-overflow-scrolling:touch; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:60px 0px 60px 0px; } .footer .top .col-logoPlac { width:100%; text-align:center; } .footer .top .col-logoPlac .logo { display:inline-block; width:174px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:none; margin:15px 0px 0px 0px; padding:0px 30px 0px 5px; } .footer .top .col-contactInfo { width:100%; font-size:13px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .col-left { width:50%; } .footer .top .col-contactInfo .col-right { width:50%; } .footer .top .col-contactInfo .h4 { font-size:14px; padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @768px - 977px ///*/ @media (min-width:768px) and (max-width:977px) { /*/// @Frame ///*/ .container { width:100%; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuerySM | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0px 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:120px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:auto; } .header .nav ul.mainMenu li { display:block; float:none; margin:0px 0px 0px 0px; text-align:left; border-left:0 none; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { padding:0 30px 0 30px; } .header .nav ul.mainMenu li:nth-child(1), .header .nav ul.mainMenu li:nth-child(2), .header .nav ul.mainMenu li:nth-child(3), .header .nav ul.mainMenu li:nth-child(4), .header .nav ul.mainMenu li:nth-child(5), .header .nav ul.mainMenu li:nth-child(6) { width:100%; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 30px 0 30px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:12px; font-weight:500; letter-spacing:0.01em; } .header.active .nav { overflow-y:scroll; -webkit-overflow-scrolling:touch; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:60px 0px 60px 0px; } .footer .top .col-logoPlac { width:100%; text-align:center; } .footer .top .col-logoPlac .logo { display:inline-block; width:174px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:none; margin:15px 0px 0px 0px; padding:0px 30px 0px 5px; } .footer .top .col-contactInfo { width:100%; font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .col-left { width:50%; } .footer .top .col-contactInfo .col-right { width:50%; } .footer .top .col-contactInfo .h4 { font-size:14px; padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @978px - 1099px ///*/ @media (min-width:978px) and (max-width:1179px) { /*/// @Frame ///*/ .container { width:100%; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuery | Navigation ///*/ /*/// Nav Converted to Menu V2.0 ///*/ /*.header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0px 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:120px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; height:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:inline-block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:80px; } .header .nav ul.mainMenu li { display:inline-block; float:left; margin:0px 0px 0px 0px; text-align:center; border-left:1px solid #152B31; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { height:auto; padding:0 18px 0 18px; } .header .nav ul.mainMenu li:nth-child(1) { width:auto; } .header .nav ul.mainMenu li:nth-child(1):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(2) { width:auto; } .header .nav ul.mainMenu li:nth-child(2):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(3) { width:auto; } .header .nav ul.mainMenu li:nth-child(3):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(4) { width:auto; } .header .nav ul.mainMenu li:nth-child(4):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(5) { width:110px; } .header .nav ul.mainMenu li:nth-child(5):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(6) { width:160px; border-right:1px solid #152B31; } .header .nav ul.mainMenu li:nth-child(6):hover { border-left:1px solid transparent; border-right:1px solid transparent; } .header .nav ul.mainMenu li ul.sub-menu li { width:100%; border-left:0 none; border-right:0 none; } .header .nav ul.mainMenu li ul.sub-menu li:hover { border-left:0 none; border-right:0 none; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 18px 0 18px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:11px; font-weight:500; letter-spacing:0.00em; } .header.active .nav { overflow-y:scroll; overflow:visible; }*/ /*/// @HeaderQuerySM | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0px 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:120px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:auto; } .header .nav ul.mainMenu li { display:block; float:none; margin:0px 0px 0px 0px; text-align:left; border-left:0 none; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { padding:0 30px 0 30px; } .header .nav ul.mainMenu li:nth-child(1), .header .nav ul.mainMenu li:nth-child(2), .header .nav ul.mainMenu li:nth-child(3), .header .nav ul.mainMenu li:nth-child(4), .header .nav ul.mainMenu li:nth-child(5), .header .nav ul.mainMenu li:nth-child(6) { width:100%; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 30px 0 30px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:12px; font-weight:500; letter-spacing:0.01em; } .header.active .nav { overflow-y:scroll; -webkit-overflow-scrolling:touch; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:60px 0px 60px 0px; } .footer .top .col-logoPlac { width:25%; } .footer .top .col-logoPlac .logo { display:inline-block; width:174px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:block; margin:15px 0px 0px 0px; padding:0px 30px 0px 5px; } .footer .top .col-contactInfo { width:75%; font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .h4 { font-size:14px; padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @1180px - 1296px ///*/ @media (min-width:1180px) and (max-width:1296px) { /*/// @Frame ///*/ .container { width:100%; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuery | Navigation ///*/ /*/// Nav Converted to Menu V2.0 ///*/ /*.header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 5px 0px 5px; overflow:visible; } .header .menuBtn { display:none; } .header .logo { float:left; width:120px; margin:20px 0px 20px 30px; } .header .nav { position:relative; float:right; } .header .nav ul.mainMenu { display:block; float:right; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:80px; } .header .nav ul.mainMenu li { display:inline-block; float:left; margin:0px 0px 0px 0px; text-align:center; border-left:1px solid #0A232B; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { height:80px; padding:0 25px 0 25px; } .header .nav ul.mainMenu li:nth-child(1) { width:auto; } .header .nav ul.mainMenu li:nth-child(1):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(2) { width:auto; } .header .nav ul.mainMenu li:nth-child(2):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(3) { width:auto; } .header .nav ul.mainMenu li:nth-child(3):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(4) { width:auto; } .header .nav ul.mainMenu li:nth-child(4):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(5) { width:110px; } .header .nav ul.mainMenu li:nth-child(5):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(6) { width:160px; } .header .nav ul.mainMenu li:nth-child(6):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li ul.sub-menu li { width:100%; border-left:0 none; border-right:0 none; } .header .nav ul.mainMenu li ul.sub-menu li:hover { border-left:0 none; border-right:0 none; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 25px 0 25px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:11px; font-weight:500; letter-spacing:0.00em; }*/ /*/// @HeaderQuery | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 0px 0px 0px; overflow:hidden; } .header .menuBtn { display:block; } .header .logo { display:inline-block; float:none; width:120px; margin:20px 0px 20px 0px; } .header .nav { position:fixed; display:none; width:100%; top:80px; height:80px; float:none; background-color:#0B2128; } .header .nav ul.mainMenu { display:inline-block; float:none; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:80px; } .header .nav ul.mainMenu li { display:inline-block; float:left; margin:0px 0px 0px 0px; text-align:center; border-left:1px solid #152B31; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { height:auto; padding:0 18px 0 18px; } .header .nav ul.mainMenu li:nth-child(1) { width:auto; } .header .nav ul.mainMenu li:nth-child(1):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(2) { width:auto; } .header .nav ul.mainMenu li:nth-child(2):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(3) { width:auto; } .header .nav ul.mainMenu li:nth-child(3):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(4) { width:auto; } .header .nav ul.mainMenu li:nth-child(4):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(5) { width:110px; } .header .nav ul.mainMenu li:nth-child(5):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(6) { width:160px; border-right:1px solid #152B31; } .header .nav ul.mainMenu li:nth-child(6):hover { border-left:1px solid transparent; border-right:1px solid transparent; } .header .nav ul.mainMenu li ul.sub-menu li { width:100%; border-left:0 none; border-right:0 none; } .header .nav ul.mainMenu li ul.sub-menu li:hover { border-left:0 none; border-right:0 none; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 18px 0 18px; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:11px; font-weight:500; letter-spacing:0.00em; } .header.active .nav { overflow-y:scroll; overflow:visible; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:60px 0px 60px 0px; } .footer .top .col-logoPlac .logo { display:inline-block; width:194px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:block; margin:30px 0px 0px 0px; padding:0px 0px 0px 5px; } .footer .top .col-contactInfo { font-size:16px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .h4 { padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @1297px and up ///*/ @media (min-width:1297px) { /*/// @FrameQuery ///*/ .container { width:1300px; padding-right:42px; padding-left:42px; margin-right:auto; margin-left:auto; } .row { margin-left:0px; margin-right:0px; } /*/// @HeaderQuery | Navigation ///*/ .header { height:80px; line-height:80px; } .header .plac { height:80px; padding:0px 5px 0px 5px; overflow:visible; } .header .menuBtn { display:none; } .header .logo { float:left; width:165px; margin:10px 0px 10px 30px; } .header .nav { position:relative; float:right; } .header .nav ul.mainMenu { display:block; float:right; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px; height:80px; } .header .nav ul.mainMenu li { display:inline-block; float:left; margin:0px 0px 0px 0px; text-align:center; border-left:1px solid #0A232B; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { height:80px; padding:0 25px 0 25px; } /*/// Nav Converted to Menu V2.0 ///*/ /*.header .nav ul.mainMenu li:nth-child(1) { width:280px; } .header .nav ul.mainMenu li:nth-child(1):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(2) { width:280px; } .header .nav ul.mainMenu li:nth-child(2):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(3) { width:220px; } .header .nav ul.mainMenu li:nth-child(3):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(4) { width:110px; } .header .nav ul.mainMenu li:nth-child(4):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(5) { width:160px; } .header .nav ul.mainMenu li:nth-child(5):hover { border-left:1px solid transparent; }*/ .header .nav ul.mainMenu li:nth-child(1) { width:226px; } .header .nav ul.mainMenu li:nth-child(1):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(2) { width:216px; } .header .nav ul.mainMenu li:nth-child(2):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(3) { width:225px; } .header .nav ul.mainMenu li:nth-child(3):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(4) { width:150px; } .header .nav ul.mainMenu li:nth-child(4):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(5) { width:100px; } .header .nav ul.mainMenu li:nth-child(5):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(6) { width:145px; } .header .nav ul.mainMenu li:nth-child(6):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li ul.sub-menu li { width:100%; border-left:0 none; border-right:0 none; } .header .nav ul.mainMenu li ul.sub-menu li:hover { border-left:0 none; border-right:0 none; } .header .nav ul.mainMenu li ul.sub-menu li { display:block; float:none; background-color:#FFFFFF; border:0 none; line-height:1.4; text-align:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-child(1) { padding:30px 0px 20px 0px; } .header .nav ul.mainMenu li ul.sub-menu li:nth-last-child(1) { padding:20px 0px 30px 0px; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { height:auto; padding:0 25px 0 25px; } /*/// Nav Converted to Menu V2.0 ///*/ /*.header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:11px; font-weight:500; letter-spacing:0.01em; }*/ .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:10px; font-weight:500; letter-spacing:0.01em; } /*/// @FooterQuery ///*/ .footer .top { margin:0px 0px 0px 0px; padding:60px 0px 60px 0px; } .footer .top .col-logoPlac .logo { display:inline-block; width:194px; margin:0px 0px 0px 0px; } .footer .top .col-logoPlac .italicLine { display:block; margin:30px 0px 0px 0px; padding:0px 0px 0px 5px; } .footer .top .col-contactInfo { font-size:16px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .footer .top .col-contactInfo .h4 { padding:0px 0px 10px 0px; } .footer .bottom .col-copyRight { font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.0em; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; } } /*/// @1360px and up ///*/ @media (min-width:1360px) { .header .nav ul.mainMenu li:nth-child(1) { width:242px; } .header .nav ul.mainMenu li:nth-child(1):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(2) { width:230px; } .header .nav ul.mainMenu li:nth-child(2):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(3) { width:230px; } .header .nav ul.mainMenu li:nth-child(3):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(4) { width:170px; } .header .nav ul.mainMenu li:nth-child(4):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(5) { width:auto; } .header .nav ul.mainMenu li:nth-child(5):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li:nth-child(6) { width:auto; } .header .nav ul.mainMenu li:nth-child(6):hover { border-left:1px solid transparent; } .header .nav ul.mainMenu li, .header .nav ul.mainMenu li ul.sub-menu li { font-size:11px; font-weight:500; letter-spacing:0.01em; } } /*/// @ContentQuery & PageQuery ///*/ @media (max-width:320px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:20px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:16px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:42px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:20px; left:5px; } .content .ghostTitle { display:none; font-size:100px; } .content p { color:#FFFFFF; text-align:left; font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; padding:0px 0px 0px 20px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 20px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:10px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:10px; letter-spacing:0.01em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:16px; } .content.accordian .accord .contentAccordTitle .control { font-size:32px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:14px; } .content.accordian .accord .contentAccord .bio p { font-size:14px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:280px; padding:0px 0px 0px 0px; margin:0px 0px -60px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:none; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:100%; float:left; margin-top:0px; } .contentFilter .chosen-container { width:165px !important; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:30px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:0px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:12px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:600px; margin-top:-600px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn { } .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 0px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { display:none; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:0px; padding-bottom:30px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:0px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages .img-content { margin:0 auto; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech { width:100%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; text-align:center; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block !important; text-align:center !important; font-size:14px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:10px 0px 0px 25px; } } @media (min-width:321px) and (max-width:359px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:20px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:16px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:42px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:20px; left:5px; } .content .ghostTitle { display:none; font-size:100px; } .content p { color:#FFFFFF; text-align:left; font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; padding:0px 0px 0px 20px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 20px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:10px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:10px; letter-spacing:0.01em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:16px; } .content.accordian .accord .contentAccordTitle .control { font-size:32px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:14px; } .content.accordian .accord .contentAccord .bio p { font-size:14px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:280px; padding:0px 0px 0px 0px; margin:0px 0px -60px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:none; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:100%; float:left; margin-top:0px; } .contentFilter .chosen-container { width:165px !important; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:30px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:0px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:12px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:600px; margin-top:-600px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn { } .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 0px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { display:none; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:0px; padding-bottom:30px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:0px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages .img-content { margin:0 auto; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech { width:100%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; text-align:center; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block !important; text-align:center !important; font-size:14px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:10px 0px 0px 25px; } } @media (min-width:360px) and (max-width:374px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:20px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:16px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:42px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:20px; left:5px; } .content .ghostTitle { display:none; font-size:100px; } .content p { color:#FFFFFF; text-align:left; font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; padding:0px 0px 0px 20px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 20px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:10px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:10px; letter-spacing:0.01em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:16px; } .content.accordian .accord .contentAccordTitle .control { font-size:32px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:14px; } .content.accordian .accord .contentAccord .bio p { font-size:14px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:280px; padding:0px 0px 0px 0px; margin:0px 0px -60px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:none; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:100%; float:left; margin-top:0px; } .contentFilter .chosen-container { width:210px !important; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:30px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:0px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:12px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:600px; margin-top:-600px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn { } .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 0px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { display:none; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:0px; padding-bottom:30px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:0px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages .img-content { margin:0 auto; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech { width:100%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; text-align:center; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block !important; text-align:center !important; font-size:14px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:10px 0px 0px 25px; } } @media (min-width:375px) and (max-width:413px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:20px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:16px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:42px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:20px; left:5px; } .content .ghostTitle { display:none; font-size:100px; } .content p { color:#FFFFFF; text-align:left; font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; padding:0px 0px 0px 20px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 20px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:10px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:10px; letter-spacing:0.01em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:16px; } .content.accordian .accord .contentAccordTitle .control { font-size:32px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:14px; } .content.accordian .accord .contentAccord .bio p { font-size:14px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:280px; padding:0px 0px 0px 0px; margin:0px 0px -60px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:none; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:100%; float:left; margin-top:0px; } .contentFilter .chosen-container { width:215px !important; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:30px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:0px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:12px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:600px; margin-top:-600px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn { } .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:315px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 0px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { display:none; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:0px; padding-bottom:30px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:315px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:0px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:315px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages .img-content { margin:0 auto; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech { width:100%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; text-align:center; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block !important; text-align:center !important; font-size:14px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:25px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:25px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:25px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:10px 0px 0px 0px; } } @media (min-width:414px) and (max-width:699px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:22px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:18px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:42px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:20px; left:5px; } .content .ghostTitle { display:none; font-size:100px; } .content p { color:#FFFFFF; text-align:left; font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; padding:0px 0px 0px 20px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 20px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:14px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 5px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:12px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:12px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:12px; letter-spacing:0.01em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:16px; } .content.accordian .accord .contentAccordTitle .control { font-size:32px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:14px; } .content.accordian .accord .contentAccord .bio p { font-size:14px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:280px; padding:0px 0px 0px 0px; margin:0px 0px -60px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:none; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:100%; float:left; margin-top:0px; } .contentFilter .chosen-container { width:260px !important; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:30px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:0px 0px 80px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:12px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:600px; margin-top:-600px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn { } .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:360px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 0px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { display:none; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:0px; padding-bottom:30px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:360px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:0px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:360px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages .img-content { margin:0 auto; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech { width:100%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:0px; padding-right:0px; margin:0px 0px 15px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; text-align:center; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { font-size:14px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:10px 0px 0px 25px; } } @media (min-width:700px) and (max-width:767px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:26px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:18px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:42px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:20px; left:5px; } .content .ghostTitle { display:block; font-size:100px; } .content p { color:#FFFFFF; text-align:left; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:14px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:14px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:12px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:12px; letter-spacing:0.01em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:20px; } .content.accordian .accord .contentAccordTitle .control { font-size:42px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:14px; } .content.accordian .accord .contentAccord .bio p { font-size:16px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:340px; padding:0px 0px 0px 0px; margin:0px 0px -60px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:none; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:100%; float:left; margin-top:0px; } .contentFilter .chosen-container { width:540px !important; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:50px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:0px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:14px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:750px; margin-top:-750px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn { } .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:360px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 0px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { display:none; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:0px; padding-bottom:30px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:360px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:0px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:360px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages .img-content { margin:0 auto; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech { width:100%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; text-align:center; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { font-size:14px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:10px 0px 0px 25px; } } @media (min-width:768px) and (max-width:977px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:26px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:18px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:62px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:40px; left:5px; } .content .ghostTitle { display:block; font-size:120px; } .content p { color:#FFFFFF; text-align:left; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:14px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:14px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:12px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:12px; letter-spacing:0.02em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:20px; } .content.accordian .accord .contentAccordTitle .control { font-size:42px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:14px; } .content.accordian .accord .contentAccord .bio p { font-size:16px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:360px; padding:0px 0px 0px 0px; margin:0px 0px -60px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:none; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:100%; float:left; margin-top:0px; } .contentFilter .chosen-container { width:615px !important; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:50px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:-40px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:14px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:750px; margin-top:-750px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn { width:100%; } .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:360px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 7px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { padding:0px 0px 14px 7px; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { width:100%; padding-left:0px; padding-right:0px; padding-bottom:30px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:360px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { width:100%; padding-left:0px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:360px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages .img-content { margin:0 auto; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech { width:100%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; text-align:center; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { font-size:16px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:25px 0px 0px 25px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:10px 0px 0px 25px; } } @media (min-width:978px) and (max-width:1059px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:26px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:18px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:62px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:40px; left:5px; } .content .ghostTitle { display:block; font-size:120px; } .content p { color:#FFFFFF; text-align:left; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:14px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:14px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:12px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:12px; letter-spacing:0.02em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:20px; } .content.accordian .accord .contentAccordTitle .control { font-size:52px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:14px; } .content.accordian .accord .contentAccord .bio p { font-size:16px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:450px; padding:0px 0px 0px 0px; margin:0px 0px -60px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:block; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:240px; float:right; margin-top:-82px; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:50px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:-40px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:14px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:850px; margin-top:-850px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 7px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { padding:0px 0px 14px 7px; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:15px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:15px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:121px; height:106px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { font-size:18px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:40px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:40px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:40px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:25px 0px 0px 15px; } } @media (min-width:1060px) and (max-width:1179px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:26px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:18px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:62px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:40px; left:5px; } .content .ghostTitle { display:block; font-size:120px; } .content p { color:#FFFFFF; text-align:left; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:14px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:14px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:12px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:12px; letter-spacing:0.02em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:20px; } .content.accordian .accord .contentAccordTitle .control { font-size:52px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:14px; } .content.accordian .accord .contentAccord .bio p { font-size:16px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:450px; padding:0px 0px 0px 0px; margin:0px 0px -60px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:block; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:240px; float:right; margin-top:-82px; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:50px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:-40px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:14px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:850px; margin-top:-850px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 7px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { padding:0px 0px 14px 7px; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:15px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:15px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:121px; height:106px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { font-size:18px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:35px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:35px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:35px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:20px 0px 0px 15px; } } @media (min-width:1180px) and (max-width:1296px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:30px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:18px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:82px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:50px; left:5px; } .content .ghostTitle { display:block; font-size:140px; } .content p { color:#FFFFFF; text-align:left; font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:16px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:16px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:12px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:12px; letter-spacing:0.02em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:24px; } .content.accordian .accord .contentAccordTitle .control { font-size:52px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:16px; } .content.accordian .accord .contentAccord .bio p { font-size:20px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:450px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:block; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:240px; float:right; margin-top:-82px; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:80px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:-100px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:14px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:850px; margin-top:-850px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 7px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { padding:0px 0px 14px 7px; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:15px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:15px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:121px; height:106px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { font-size:18px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:35px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:35px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:35px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:20px 0px 0px 15px; } } @media (min-width:1297px) { /*/// @ContentQuery | H1/H2/H3/H4 ///*/ .h1 { font-size:30px; font-weight:700; letter-spacing:0.020em; } .h2 { font-size:18px; font-weight:500; letter-spacing:0.020em; } .h3 { font-size:14px; font-weight:500; letter-spacing:0.020em; } .h4 { font-size:14px; font-weight:500; letter-spacing:0.020em; } /*/// @ContentQuery | Titles/P/A ///*/ .content .h1 { margin:82px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .h2 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } .content .italicLine { display:block; top:50px; left:5px; } .content .ghostTitle { display:block; font-size:140px; } .content p { color:#FFFFFF; text-align:left; font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } /*/// @ContentQuery | UL/OL ///*/ .content ul { font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul li:before { font-size:16px; line-height:1.4; padding-right:0.4em; top:-0.2em; } .content ol { font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ol li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ol.num { font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 0px; } .content ol.num li { line-height:1.4; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .content ul.dash { font-size:18px; font-weight:400; letter-spacing:0.01em; line-height:1.4; margin:0px 0px 15px 10px; } .content ul.dash li { line-height:1.4; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; } .content ul.dash li:before { font-size:16px; line-height:1.4; padding-right:0.4em; top:-0.2em; } /*/// @BtnsQuery | Primary Btn ///*/ a.primaryBtnLnk .primaryBtn { font-size:14px; } a.primaryBtnLnk .primaryBtn span.txt { font-size:14px; letter-spacing:0.02em; font-weight:500; } /*/// @AccordianQuery ///*/ .content.accordian .accord .contentAccordTitle .h3 { font-size:24px; } .content.accordian .accord .contentAccordTitle .control { font-size:52px; line-height:32px; font-weight:200; } .content.accordian .accord.active .contentAccordTitle { padding:25px 0px 0px 0px; } .content.accordian .accord.inactive .contentAccordTitle { padding:25px 0px 25px 0px; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { margin:0px 0px 25px 0px; } .content.accordian .accord .contentAccord.closed { margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .position { font-size:16px; } .content.accordian .accord .contentAccord .bio p { font-size:20px; } /*/// @PageQuery | HeroShot ///*/ .pageHero { height:450px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Navigation ///*/ .pageNavigation { display:block; } /*/// @PageQuery | ContentFilter ///*/ .contentFilter { width:240px; float:right; margin-top:-82px; } /*/// @PageQuery | Content ///*/ .pageContent { } .pageContent .content { margin:80px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content.posChange { margin:-100px 0px 125px 0px; padding:0px 0px 0px 0px; } .pageContent .content .contentImages .pageContentImgTitle { font-size:14px; font-weight:700; line-height:1.8; letter-spacing:0.02em; } .pageContent.bgAbsolute { height:850px; margin-top:-850px; } /*/// @PageQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-left { padding:0px 7px 14px 0px; } .pageContent .content .col-pageContentOneColumn .contentImages .col-pageContentImg-right { padding:0px 0px 14px 7px; } /*/// @PageQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnLeft { padding-left:0px; padding-right:15px; } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight { padding-left:15px; padding-right:0px; } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { max-width:300px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianBottom .content.accordian { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:121px; height:106px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { font-size:18px; letter-spacing:0.02em; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { margin:35px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { margin:35px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { margin:35px 0px 0px 15px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { margin:20px 0px 0px 15px; } } /*/// @PagesQuery ///*/ @media (max-width:320px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:30px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:18px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:20px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:20px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:30px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:30px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:0px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:15px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:320px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:100%; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:80px; } .baseOil .vertexPentholAdd .img-content { width:260px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:100%; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .h1 { font-size:16px; line-height:1.3 !important; } .single .pageContent .content .pageContentText { z-index:3; } .single .pageContent .content .pageContentText p { font-size:14px; } .single .pageContent .content .pageContentText .info { font-size:14px; margin:15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:block; float:none; } .single .pageContent .content .pageContentText .info .date { display:block; float:none; } .single .pageContent .content .pageContentText .article-col-l { padding-right:0px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:0px; } } @media (min-width:321px) and (max-width:359px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:30px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:18px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:20px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:20px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; right:0; left:0; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; right:0; left:0; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:30px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:30px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:0px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:15px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:320px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:100%; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:80px; } .baseOil .vertexPentholAdd .img-content { width:260px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:100%; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .h1 { font-size:16px; line-height:1.3 !important; } .single .pageContent .content .pageContentText p { font-size:14px; } .single .pageContent .content .pageContentText .info { font-size:14px; margin:15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:block; float:none; } .single .pageContent .content .pageContentText .info .date { display:block; float:none; } .single .pageContent .content .pageContentText .article-col-l { padding-right:0px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:0px; } } @media (min-width:360px) and (max-width:374px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:30px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:18px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:20px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:20px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:30px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:30px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:0px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:80px; height:70px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:15px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:360px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:100%; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:80px; } .baseOil .vertexPentholAdd .img-content { width:260px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:100%; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .h1 { font-size:16px; line-height:1.3 !important; } .single .pageContent .content .pageContentText p { font-size:14px; } .single .pageContent .content .pageContentText .info { font-size:14px; margin:15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:block; float:none; } .single .pageContent .content .pageContentText .info .date { display:block; float:none; } .single .pageContent .content .pageContentText .article-col-l { padding-right:0px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:0px; } } @media (min-width:375px) and (max-width:413px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:30px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:18px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:20px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:20px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:30px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:30px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:0px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:30px 30px 30px 30px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:120px; height:105px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:15px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:375px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:100%; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:80px; } .baseOil .vertexPentholAdd .img-content { width:260px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:100%; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .h1 { font-size:16px; line-height:1.3 !important; } .single .pageContent .content .pageContentText p { font-size:14px; } .single .pageContent .content .pageContentText .info { font-size:14px; margin:15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:block; float:none; } .single .pageContent .content .pageContentText .info .date { display:block; float:none; } .single .pageContent .content .pageContentText .article-col-l { padding-right:0px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:0px; } } @media (min-width:414px) and (max-width:699px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:30px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:20px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:20px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:20px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:30px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:30px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:0px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:50px 50px 50px 50px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:160px; height:140px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:25px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:414px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:100%; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:80px; } .baseOil .vertexPentholAdd .img-content { width:300px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:100%; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:360px; left:0; right:0; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .h1 { font-size:18px; line-height:1.3 !important; } .single .pageContent .content .pageContentText p { font-size:14px; } .single .pageContent .content .pageContentText .info { font-size:14px; margin:15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:block; float:none; } .single .pageContent .content .pageContentText .info .date { display:block; float:none; } .single .pageContent .content .pageContentText .article-col-l { padding-right:0px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:0px; } } @media (min-width:700px) and (max-width:767px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:40px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:16px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:20px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:20px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:20px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:420px; left:0; right:0; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:420px; left:0; right:0; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:40px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:40px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:0px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:50px 50px 50px 50px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:160px; height:140px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:25px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:520px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:40px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:100%; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:80px; } .baseOil .vertexPentholAdd .img-content { width:370px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:100%; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { width:100%; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 45px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:0px; padding-right:0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:relative !important; max-width:420px; left:0px; right:0px; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .h1 { line-height:1.3 !important; } .single .pageContent .content .pageContentText p { font-size:16px; } .single .pageContent .content .pageContentText .info { font-size:16px; margin:-15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:inline-block; float:left; } .single .pageContent .content .pageContentText .info .date { display:inline-block; float:right; } .single .pageContent .content .pageContentText .article-col-l { padding-right:0px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:0px; } } @media (min-width:768px) and (max-width:977px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:40px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:16px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:20px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:20px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:20px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:block; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:190px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:block; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:18px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:40px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:40px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:10px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:10px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:50px 50px 50px 50px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:160px; height:140px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:25px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:520px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:40px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:none; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:100%; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:100px; } .baseOil .vertexPentholAdd .img-content { width:370px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:100%; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:25px; padding-top:25px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:block; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:none; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:190px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .h1 { line-height:1.3 !important; } .single .pageContent .content .pageContentText p { font-size:16px; } .single .pageContent .content .pageContentText .info { font-size:16px; margin:-15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:inline-block; float:left; } .single .pageContent .content .pageContentText .info .date { display:inline-block; float:right; } .single .pageContent .content .pageContentText .article-col-l { padding-right:0px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:0px; } } @media (min-width:978px) and (max-width:1059px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:60px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:18px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:20px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:20px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:20px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:block; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:190px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:block; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:60px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:60px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:10px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:10px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:50px 50px 50px 50px; min-height:340px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:160px; height:140px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:25px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:520px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:60px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:480px; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:120px; } .baseOil .vertexPentholAdd .img-content { width:370px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:480px; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:block; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:190px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .pageContentText p { font-size:16px; } .single .pageContent .content .pageContentText .info { font-size:16px; margin:-15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:inline-block; float:left; } .single .pageContent .content .pageContentText .info .date { display:inline-block; float:right; } .single .pageContent .content .pageContentText .article-col-l { padding-right:15px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:15px; } } @media (min-width:1060px) and (max-width:1179px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:60px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:18px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:20px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:20px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:20px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:block; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:230px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:18px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:block; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:60px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:60px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:10px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:10px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:50px 50px 50px 50px; min-height:380px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:200px; height:175px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:35px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:520px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:60px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:480px; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:120px; } .baseOil .vertexPentholAdd .img-content { width:420px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:480px; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:block; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:230px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:18px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .pageContentText p { font-size:16px; } .single .pageContent .content .pageContentText .info { font-size:16px; margin:-15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:inline-block; float:left; } .single .pageContent .content .pageContentText .info .date { display:inline-block; float:right; } .single .pageContent .content .pageContentText .article-col-l { padding-right:15px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:15px; } } @media (min-width:1180px) and (max-width:1296px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:60px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:18px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:20px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:40px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:40px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:block; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:180px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:18px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:block; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:60px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:60px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:10px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:10px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:75px 75px 75px 75px; min-height:435px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:200px; height:175px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:35px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:520px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:80px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:480px; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:30px; bottom:120px; } .baseOil .vertexPentholAdd .img-content { width:420px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:480px; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:block; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:180px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:18px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .pageContentText p { font-size:16px; } .single .pageContent .content .pageContentText .info { font-size:18px; margin:-15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:inline-block; float:left; } .single .pageContent .content .pageContentText .info .date { display:inline-block; float:right; } .single .pageContent .content .pageContentText .article-col-l { padding-right:15px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:15px; } } @media (min-width:1297px) { /*/// @PageQuery | InvestorRelations ///*/ .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { margin-top:60px; } /*/// @PageQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { font-size:18px; line-height:1.4; font-weight:400; letter-spacing:0.02em; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { font-size:20px; padding:0px 0px 10px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { display:block; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { display:block; width:1px; height:360px; } /*/// @PageQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CurrentStockPrice ///*/ .currentStock .pageContent .content .col-pageContentCurrentStock { margin:40px 0px 0px 0px; } /*/// @PageQuery | SECFilings ///*/ .secFilings .pageContent .content .col-pageContentSecFilings { margin:40px 0px 0px 0px; } /*/// @PageQuery | InvestorNews ///*/ .investorNews .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .investorNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .investorNews .pageContent .content .col-pageContentPostDivider.three { display:block; } .investorNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:180px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:18px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.two { display:none; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider.three { display:block; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:16px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; } /*/// @PageQuery | InvestorReleationsContact ///*/ .investorReleationsContact .pageContent .content .col-pageContentContactAddress { margin:60px 0px 20px 0px; padding:0px 0px 0px 0px; } /*/// @PageQuery | CorporateGovernance ///*/ .corporateGov .pageContent .content .col-pageContentInvestorBtns { margin:60px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { padding-left:0px; padding-right:10px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { padding-left:10px; padding-right:0px; } /*/// @PageQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division ///*/ .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { padding:75px 75px 75px 75px; min-height:435px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { width:200px; height:175px; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:block; text-align:center; margin:35px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold, .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:520px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies, .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { margin:80px 0px 0px 0px; } /*/// @PageQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { display:block; } /*/// @PageQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { max-width:480px; margin:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .vertexPentholAdd { position:absolute; left:42px; bottom:120px; } .baseOil .vertexPentholAdd .img-content { width:520px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { margin:10px 0px 0px 0px; } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { max-width:480px; } /*/// @PageQuery | FeaturedNews ///*/ .featuredNews .pageContent .content .col-pageContentPostDivider { margin-bottom:35px; padding-top:35px; } .featuredNews .pageContent .content .col-pageContentPostDivider.two { display:none; } .featuredNews .pageContent .content .col-pageContentPostDivider.three { display:block; } .featuredNews .pageContent .content .col-pageContentQuarterly { margin:20px -10px 0px -10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { min-height:180px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { padding-left:10px; padding-right:10px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { font-size:18px; font-weight:500; line-height:1.6; letter-spacing:0.020em; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.020em; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { max-width:100%; left:10px; right:10px; } /*/// @PageQuery | Single Article ///*/ .single .pageContent .content .pageContentText p { font-size:16px; } .single .pageContent .content .pageContentText .info { font-size:18px; margin:-15px 0px 25px 0px; } .single .pageContent .content .pageContentText .info .author { display:inline-block; float:left; } .single .pageContent .content .pageContentText .info .date { display:inline-block; float:right; } .single .pageContent .content .pageContentText .article-col-l { padding-right:15px; padding-left:0px; } .single .pageContent .content .pageContentText .article-col-r { padding-right:0px; padding-left:15px; } } /*/// @PageQuery - Contact ///*/ @media (max-width:320px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { } .contact .pageContent .content .col-pageContentContactAddress.left .col-xs-6, .contact .pageContent .content .col-pageContentContactAddress.right .col-xs-6, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right .col-xs-6 { width:100%; } .contact .pageContent .content .col-pageContentContactAddress.left .col-xs-6.right, .contact .pageContent .content .col-pageContentContactAddress.right .col-xs-6.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right .col-xs-6.right { margin:10px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:16px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 10px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors { display:none !important; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { background-color:#00171F; left:0; text-align:center; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:321px) and (max-width:359px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { } .contact .pageContent .content .col-pageContentContactAddress.left .col-xs-6, .contact .pageContent .content .col-pageContentContactAddress.right .col-xs-6, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right .col-xs-6 { width:100%; } .contact .pageContent .content .col-pageContentContactAddress.left .col-xs-6.right, .contact .pageContent .content .col-pageContentContactAddress.right .col-xs-6.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right .col-xs-6.right { margin:10px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:16px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 10px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors { display:none !important; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { background-color:#00171F; left:0; text-align:center; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:360px) and (max-width:374px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { } .contact .pageContent .content .col-pageContentContactAddress.left .col-xs-6, .contact .pageContent .content .col-pageContentContactAddress.right .col-xs-6, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right .col-xs-6 { width:100%; } .contact .pageContent .content .col-pageContentContactAddress.left .col-xs-6.right, .contact .pageContent .content .col-pageContentContactAddress.right .col-xs-6.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right .col-xs-6.right { margin:10px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:16px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 10px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors { display:none !important; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { background-color:#00171F; left:0; text-align:center; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:375px) and (max-width:413px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { } .contact .pageContent .content .col-pageContentContactAddress.left .col-xs-6, .contact .pageContent .content .col-pageContentContactAddress.right .col-xs-6, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right .col-xs-6 { width:100%; } .contact .pageContent .content .col-pageContentContactAddress.left .col-xs-6.right, .contact .pageContent .content .col-pageContentContactAddress.right .col-xs-6.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right .col-xs-6.right { margin:10px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:16px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 10px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors { display:none !important; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { background-color:#00171F; left:0; text-align:center; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:414px) and (max-width:699px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:16px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 10px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors { display:none !important; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { background-color:#00171F; left:0; text-align:center; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:700px) and (max-width:767px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { width:50%; } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { width:50%; } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:13px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:14px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 10px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 60px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:768px) and (max-width:977px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { width:50%; } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { width:50%; } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:14px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:16px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 10px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 60px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:978px) and (max-width:1059px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:16px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:20px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 60px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:1060px) and (max-width:1179px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:16px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:20px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 60px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:16px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:1180px) and (max-width:1296px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:18px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:20px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 60px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:18px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:18px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:18px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:18px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } @media (min-width:1297px) { /*/// @PageQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress.left, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.left { } .contact .pageContent .content .col-pageContentContactAddress.right, .investorReleationsContact .pageContent .content .col-pageContentContactAddress.right { } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { font-size:18px; line-height:1.4; font-weight:400; letter-spacing:0.02em; } .contact .pageContent .content .col-pageContentContactAddress { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { font-size:20px; padding:0px 0px 10px 0px; } /*/// @PageQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:0px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { font-size:24px; top:0.2em; } .contact .pageContent .content .col-pageContentContactForm .col-fname { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-lname { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-phone { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-email { padding-left:15px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-company { padding-left:0px; padding-right:15px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-message { padding-left:0px; padding-right:0px; margin:0px 0px 30px 0px; } .contact .pageContent .content .col-pageContentContactForm .col-submit { padding-left:0px; padding-right:0px; margin:0px 0px 60px 0px; } /*/// @PageQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip, .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { font-size:14px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors, .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; } /*/// @PageQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { font-size:24px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:17px 20px 17px 0px; margin:0px 0px 0px 0px; } /*/// @PageQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { font-size:18px; font-weight:400; letter-spacing:0.020em; line-height:1.3; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-size:18px; font-weight:400; letter-spacing:0.020em; line-height:1.3; } /*/// @PageQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { font-size:18px; font-weight:400; letter-spacing:0.020em; line-height:1.4; padding:18px 20px 18px 20px; margin:0px 0px 0px 0px; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-size:18px; font-weight:400; letter-spacing:0.020em; line-height:1.4; } } /*/// @PageQuery - Home ///*/ @media (max-width:320px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:420px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:40px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-40px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-20px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews.left { } .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; border-right:0 none !important; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 25px 0px; padding:0px 0px 25px 0px; border-bottom:1px solid #1B282D; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:inline-block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 20px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews.mid { } .home .stockNewsContent .col-stockNews .investorNews { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } .home .stockNewsContent .col-stockNews .investorNews .slider-arrows.newsArrows { display:none; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews.right { display:none; width:20%; } .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:40px; padding-bottom:40px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:240px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:40px 0px 40px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:120px; display:none; } .home .secondaryContent .row { position:relative; margin-top:0px; z-index:3; } .home .secondaryContent .col-secondary { width:100%; padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { margin:0px 0px 30px 0px; } .home .secondaryContent .col-secondary .content .h2 { font-size:20px; } .home .secondaryContent .col-secondary .content p { font-size:14px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:relative; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 10px 5px; } .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(21), .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(22) { display:none; } } @media (min-width:321px) and (max-width:359px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:420px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:40px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-40px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-20px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews.left { } .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; border-right:0 none !important; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 25px 0px; padding:0px 0px 25px 0px; border-bottom:1px solid #1B282D; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:inline-block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 20px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews.mid { } .home .stockNewsContent .col-stockNews .investorNews { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } .home .stockNewsContent .col-stockNews .investorNews .slider-arrows.newsArrows { display:none; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews.right { display:none; width:20%; } .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:40px; padding-bottom:40px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:240px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:40px 0px 40px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:120px; display:none; } .home .secondaryContent .row { position:relative; margin-top:0px; z-index:3; } .home .secondaryContent .col-secondary { width:100%; padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { margin:0px 0px 30px 0px; } .home .secondaryContent .col-secondary .content .h2 { font-size:20px; } .home .secondaryContent .col-secondary .content p { font-size:14px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:relative; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 10px 5px; } .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(21), .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(22) { display:none; } } @media (min-width:360px) and (max-width:374px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:420px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:40px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-40px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-20px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews.left { } .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; border-right:0 none !important; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 25px 0px; padding:0px 0px 25px 0px; border-bottom:1px solid #1B282D; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:inline-block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 20px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews.mid { } .home .stockNewsContent .col-stockNews .investorNews { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } .home .stockNewsContent .col-stockNews .investorNews .slider-arrows.newsArrows { display:none; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews.right { display:none; width:20%; } .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:40px; padding-bottom:40px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:240px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:40px 0px 40px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:120px; display:none; } .home .secondaryContent .row { position:relative; margin-top:0px; z-index:3; } .home .secondaryContent .col-secondary { width:100%; padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { margin:0px 0px 30px 0px; } .home .secondaryContent .col-secondary .content .h2 { font-size:20px; } .home .secondaryContent .col-secondary .content p { font-size:14px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:relative; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 10px 5px; } .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(21), .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(22) { display:none; } } @media (min-width:375px) and (max-width:413px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:420px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:40px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-40px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-20px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews.left { } .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; border-right:0 none !important; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 25px 0px; padding:0px 0px 25px 0px; border-bottom:1px solid #1B282D; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:inline-block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 20px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews.mid { } .home .stockNewsContent .col-stockNews .investorNews { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } .home .stockNewsContent .col-stockNews .investorNews .slider-arrows.newsArrows { display:none; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews.right { display:none; width:20%; } .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:40px; padding-bottom:40px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:240px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:40px 0px 40px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:120px; display:none; } .home .secondaryContent .row { position:relative; margin-top:0px; z-index:3; } .home .secondaryContent .col-secondary { width:100%; padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { margin:0px 0px 30px 0px; } .home .secondaryContent .col-secondary .content .h2 { font-size:20px; } .home .secondaryContent .col-secondary .content p { font-size:14px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:relative; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 10px 5px; } .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(21), .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(22) { display:none; } } @media (min-width:414px) and (max-width:699px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:420px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:40px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-40px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-20px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews.left { } .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; border-right:0 none !important; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 25px 0px; padding:0px 0px 25px 0px; border-bottom:1px solid #1B282D; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:inline-block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 20px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews.mid { } .home .stockNewsContent .col-stockNews .investorNews { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } .home .stockNewsContent .col-stockNews .investorNews .slider-arrows.newsArrows { display:none; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews.right { display:none; width:20%; } .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:40px; padding-bottom:40px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:240px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:40px 0px 40px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:120px; display:none; } .home .secondaryContent .row { position:relative; margin-top:0px; z-index:3; } .home .secondaryContent .col-secondary { width:100%; padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { margin:0px 0px 30px 0px; } .home .secondaryContent .col-secondary .content .h2 { font-size:22px; } .home .secondaryContent .col-secondary .content p { font-size:14px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:relative; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 10px 5px; } .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(21), .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(22) { display:none; } } @media (min-width:700px) and (max-width:767px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:500px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:40px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-40px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-20px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews.left { width:30%; } .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 35px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews.mid { width:70%; } .home .stockNewsContent .col-stockNews .investorNews { margin:0px 0px 0px 30px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:30px 40px 0px 40px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 40px 0px 40px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews.right { display:none; width:20%; } .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:80px; padding-bottom:80px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:240px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:80px 0px 80px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:120px; display:block; } .home .secondaryContent .row { position:relative; margin-top:45px; z-index:3; } .home .secondaryContent .col-secondary { width:100%; padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { margin:0px 0px 30px 0px; } .home .secondaryContent .col-secondary .content .h2 { font-size:18px; } .home .secondaryContent .col-secondary .content p { font-size:16px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:relative; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 10px 5px; } .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(21), .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(22) { display:none; } } @media (min-width:768px) and (max-width:977px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:500px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:40px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-40px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-20px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews.left { width:25%; } .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 35px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews.mid { width:75%; } .home .stockNewsContent .col-stockNews .investorNews { margin:0px 0px 0px 30px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:30px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews.right { display:none; width:20%; } .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:80px; padding-bottom:80px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:240px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:80px 0px 80px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:120px; display:block; } .home .secondaryContent .row { position:relative; margin-top:45px; z-index:3; } .home .secondaryContent .col-secondary { width:100%; padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { margin:0px 0px 30px 0px; } .home .secondaryContent .col-secondary .content .h2 { font-size:18px; } .home .secondaryContent .col-secondary .content p { font-size:16px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:relative; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 10px 5px; } .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(21), .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(22) { display:none; } } @media (min-width:978px) and (max-width:1059px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:500px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:140px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-120px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-100px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews.left { width:20%; } .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 35px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews.mid { width:60%; } .home .stockNewsContent .col-stockNews .investorNews { margin:0px 30px 0px 30px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:30px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews.right { width:20%; } .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:100px; padding-bottom:100px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:200px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:80px 0px 110px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:120px; display:block; } .home .secondaryContent .row { margin-top:75px; } .home .secondaryContent .col-secondary { padding:0px 30px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { min-height:250px; } .home .secondaryContent .col-secondary .content .h2 { font-size:12px; } .home .secondaryContent .col-secondary .content p { font-size:14px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:absolute; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 20px 5px; } .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(21), .home .secondaryContent .col-secondary .content .italicLine.short.dark span:nth-child(22) { display:none; } } @media (min-width:1060px) and (max-width:1179px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:600px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:140px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-120px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-100px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews.left { width:20%; } .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 35px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews.mid { width:60%; } .home .stockNewsContent .col-stockNews .investorNews { margin:0px 30px 0px 30px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:30px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews.right { width:20%; } .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:100px; padding-bottom:100px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:200px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:80px 0px 110px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:120px; display:block; } .home .secondaryContent .row { margin-top:75px; } .home .secondaryContent .col-secondary { padding:0px 30px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { min-height:250px; } .home .secondaryContent .col-secondary .content .h2 { font-size:14px; } .home .secondaryContent .col-secondary .content p { font-size:14px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:absolute; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 20px 5px; } } @media (min-width:1180px) and (max-width:1296px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:600px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:140px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-120px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:100%; margin:-100px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 35px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews .investorNews { margin:0px 30px 0px 30px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:16px; font-weight:500; line-height:1.2; margin:30px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:125px; padding-bottom:125px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:200px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:100px 0px 130px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:140px; display:block; } .home .secondaryContent .row { margin-top:75px; } .home .secondaryContent .col-secondary { padding:0px 30px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { min-height:300px; } .home .secondaryContent .col-secondary .content .h2 { font-size:16px; } .home .secondaryContent .col-secondary .content p { font-size:16px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:absolute; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 40px 5px; } } @media (min-width:1297px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:600px; } .heroSlider .inlineSlider .heroTitle { display:block; bottom:140px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { display:block; font-size:16px; font-weight:400; letter-spacing:0.01em; line-height:1.1; } .heroNav .slider-arrows.heroArrows { width:80px; margin:-120px 0px 0px 0px; } /*/// @HomeQuery | SliderDots //////*/ ul.slick-dots { display:block; width:1300px; margin:-100px auto 0px auto; padding:0px 0px 0px 0px; } ul.slick-dots li { margin:0px 8px 0px 8px; width:14px; height:14px; } ul.slick-dots li:nth-child(1) { margin:0px 8px 0px 140px; } /*/// @HomeQuery | StockNewsContent ///*/ .home .stockNewsContent { display:block; } /*/// @HomeQuery | Stock ///*/ .home .stockNewsContent .col-stockNews .stockTick { margin:0px 0px 0px 0px; padding:0px 30px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { margin:35px 0px 35px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { display:block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { display:block; font-size:24px; font-weight:700; letter-spacing:0.02em; line-height:1.1; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { display:inline-block; font-size:24px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { display:inline-block; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews .investorNews { margin:0px 30px 0px 30px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .title { font-size:18px; font-weight:500; line-height:1.2; margin:30px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { margin:0px 60px 0px 60px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { max-height:24px; margin:0px 0px 15px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { font-size:16px; font-weight:400; line-height:1.44; letter-spacing:0.020em; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { font-size:14px; font-weight:400; line-height:1.6; } /*/// @HomeQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews .newsBtnHold { display:block; margin:42px 0px 42px 0px; } /*/// @HomeQuery | PrimaryContent ///*/ .home .primaryContent .container { padding-top:175px; padding-bottom:175px; border-top:1px solid #33454C; border-bottom:1px solid #33454C; } .home .primaryContent .col-primary .content .primaryBtnHold { max-width:200px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HomeQuery | SecondaryContent ///*/ .home .secondaryContent { padding:100px 0px 130px 0px; margin:0px 0px 0px 0px; } .home .secondaryContent .ghostTitle { font-size:140px; display:block; } .home .secondaryContent .row { margin-top:75px; } .home .secondaryContent .col-secondary { padding:0px 30px 0px 0px; } .home .secondaryContent .col-secondary:nth-child(4) { padding:0px 0px 0px 0px; } .home .secondaryContent .col-secondary .content { min-height:330px; } .home .secondaryContent .col-secondary .content .secondaryBtnHold { position:absolute; bottom:0; left:0; right:0; } .home .secondaryContent .col-secondary .content .italicLine { display:block; margin:0px 0px 40px 5px; } } @media (min-width:1600px) { /*/// @HomeQuery | SlideContent ///*/ .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { height:800px; } } /*/// @Change Animation Delay for Mobile ///*/ @media (max-width:320px) { .animate { -webkit-animation-delay:0.0s !important; -moz-animation-delay:0.0s !important; -o-animation-delay:0.0s !important; -ms-animation-delay:0.0s !important; animation-delay:0.0s !important; -webkit-animation-duration:0.15s !important; -moz-animation-duration:0.15s !important; -o-animation-duration:0.15s !important; -ms-animation-duration:0.15s !important; animation-duration:0.15s !important; } } @media (min-width:321px) and (max-width:416px) { .animate { -webkit-animation-delay:0.0s !important; -moz-animation-delay:0.0s !important; -o-animation-delay:0.0s !important; -ms-animation-delay:0.0s !important; animation-delay:0.0s !important; -webkit-animation-duration:0.15s !important; -moz-animation-duration:0.15s !important; -o-animation-duration:0.15s !important; -ms-animation-duration:0.15s !important; animation-duration:0.15s !important; } } /*/// @MfpQuery ///*/ @media (max-width:320px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:66px; } .mfp-content .mfp-header .mfp-scoopLogo { display:none; visibility:hidden; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:22px; margin:22px 0px 22px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:none; visibility:hidden; float:left; font-size:12px; line-height:44px; margin:11px 0px 11px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:left; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:24px 0px 24px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:11px 15px 11px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:11px 0px 11px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:none; visibility:visible; float:left; width:72%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:inline-block; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:100%; } .mfp-content .mfp-img-grid .mfp-all a { height:140px; } } @media (min-width:321px) and (max-width:374px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:66px; } .mfp-content .mfp-header .mfp-scoopLogo { display:none; visibility:hidden; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:22px; margin:22px 0px 22px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:none; visibility:hidden; float:left; font-size:12px; line-height:44px; margin:11px 0px 11px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:left; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:24px 0px 24px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:11px 15px 11px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:11px 0px 11px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:none; visibility:visible; float:left; width:72%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:inline-block; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:100%; } .mfp-content .mfp-img-grid .mfp-all a { height:160px; } } @media (min-width:375px) and (max-width:413px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:66px; } .mfp-content .mfp-header .mfp-scoopLogo { display:none; visibility:hidden; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:22px; margin:22px 0px 22px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:none; visibility:hidden; float:left; font-size:12px; line-height:44px; margin:11px 0px 11px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:left; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:24px 0px 24px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:11px 15px 11px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:11px 0px 11px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:none; visibility:visible; float:left; width:72%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:inline-block; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:100%; } .mfp-content .mfp-img-grid .mfp-all a { height:200px; } } @media (min-width:414px) and (max-width:469px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:66px; } .mfp-content .mfp-header .mfp-scoopLogo { display:inline-block; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:22px; margin:22px 0px 22px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:none; visibility:hidden; float:left; font-size:12px; line-height:44px; margin:11px 0px 11px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:right; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:24px 0px 24px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:11px 15px 11px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:11px 0px 11px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:none; visibility:visible; float:left; width:72%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:inline-block; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:100%; } .mfp-content .mfp-img-grid .mfp-all a { height:220px; } } @media (min-width:470px) and (max-width:699px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:80px; } .mfp-content .mfp-header .mfp-scoopLogo { display:inline-block; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:22px; margin:29px 0px 29px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:none; visibility:hidden; float:left; font-size:12px; line-height:44px; margin:18px 0px 18px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:right; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:31px 0px 31px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:18px 15px 18px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:18px 0px 18px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:none; visibility:visible; float:left; width:72%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:inline-block; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:50%; } .mfp-content .mfp-img-grid .mfp-all a { height:120px; } } @media (min-width:700px) and (max-width:767px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:80px; } .mfp-content .mfp-header .mfp-scoopLogo { display:inline-block; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:22px; margin:29px 0px 29px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:inline-block; float:left; width:40%; height:44px; font-size:12px; line-height:44px; overflow:hidden; margin:18px 0px 18px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:right; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:31px 0px 31px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:18px 15px 18px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:18px 0px 18px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:inline-block; float:left; width:84%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:none; visibility:hidden; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:50%; } .mfp-content .mfp-img-grid .mfp-all a { height:200px; } } @media (min-width:768px) and (max-width:792px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:80px; } .mfp-content .mfp-header .mfp-scoopLogo { display:inline-block; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:22px; margin:29px 0px 29px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:inline-block; float:left; width:47%; height:44px; font-size:12px; line-height:44px; overflow:hidden; margin:18px 0px 18px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:right; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:31px 0px 31px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:18px 15px 18px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:18px 0px 18px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:inline-block; float:left; width:86%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:none; visibility:hidden; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:50%; } .mfp-content .mfp-img-grid .mfp-all a { height:220px; } } @media (min-width:793px) and (max-width:977px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:80px; } .mfp-content .mfp-header .mfp-scoopLogo { display:inline-block; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:22px; margin:29px 0px 29px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:inline-block; float:left; width:49%; height:44px; font-size:12px; line-height:44px; overflow:hidden; margin:18px 0px 18px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:right; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:31px 0px 31px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:18px 15px 18px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:18px 0px 18px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:inline-block; float:left; width:86%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:none; visibility:hidden; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:33.33333333%; } .mfp-content .mfp-img-grid .mfp-all a { height:160px; } } @media (min-width:978px) and (max-width:1059px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:80px; } .mfp-content .mfp-header .mfp-scoopLogo { display:inline-block; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:26px; margin:27px 0px 27px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:inline-block; float:left; width:58%; height:44px; font-size:12px; line-height:44px; overflow:hidden; margin:18px 0px 18px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:right; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:31px 0px 31px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:18px 15px 18px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:18px 0px 18px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:inline-block; float:left; width:88%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:none; visibility:hidden; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:33.33333333%; } .mfp-content .mfp-img-grid .mfp-all a { height:200px; } } @media (min-width:1060px) and (max-width:1296px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:80px; } .mfp-content .mfp-header .mfp-scoopLogo { display:inline-block; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:26px; margin:27px 0px 27px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:inline-block; float:left; width:62%; height:44px; font-size:12px; line-height:44px; overflow:hidden; margin:18px 0px 18px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:right; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:31px 0px 31px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:18px 15px 18px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:18px 0px 18px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:inline-block; float:left; width:88%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:none; visibility:hidden; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all .col-gridView { width:25%; } .mfp-content .mfp-img-grid .mfp-all a { height:160px; } } @media (min-width:1297px) { /*/// @Mfp | Custom Addon To Magnificent PopUp ///*/ .mfp-content .mfp-header { height:80px; } .mfp-content .mfp-header .mfp-scoopLogo { display:inline-block; float:left; margin:0px 0px 0px 30px; padding:0px 15px 0px 0px; border-right:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-scoopLogo .img-mfpLogo { height:26px; margin:27px 0px 27px 0px; } .mfp-content .mfp-header .mfp-articleTitle { display:inline-block; float:left; width:64%; height:44px; font-size:12px; line-height:44px; overflow:hidden; margin:18px 0px 18px 15px; } .mfp-content .mfp-header .mfp-btnGrid { display:inline-block; float:right; padding:0px 24px 0px 24px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnGrid .img-mfpGridIcon { height:18px; margin:31px 0px 31px 0px; } .mfp-content .mfp-header .mfp-counter { display:inline-block; float:right; font-size:12px; line-height:44px; margin:0px 0px 0px 0px; padding:18px 15px 18px 15px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose { position:relative; display:inline-block; float:right; text-align:center; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; border-left:1px solid #F3F3F3; } .mfp-content .mfp-header .mfp-btnClose .mfp-close { width:44px; font-size:28px; line-height:44px; padding:0px 0px 0px 0px; margin:18px 0px 18px 0px; } .mfp-content .mfp-img-current img.mfp-img { padding:80px 0px 80px 0px; } .mfp-content .mfp-footer .mfp-title span.mfp-photo { display:inline-block; float:left; width:92%; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } .mfp-content .mfp-footer .mfp-title span.mfp-share { display:none; visibility:hidden; float:left; height:48px; font-size:12px; line-height:48px; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .mfp-content .mfp-footer .mfp-title .btnPinIt { display:inline-block; float:right; width:90px; height:48px; } .mfp-content .mfp-footer .mfp-title .icon a { display:block; } /*/// @Mfp | Custom Addon - Grid Image Content ///*/ .mfp-content .mfp-img-grid .mfp-all a { height:200px; } } /*/// @Blank Query ///*/ @media (max-width:320px) { } @media (min-width:321px) and (max-width:359px) { } @media (min-width:360px) and (max-width:374px) { } @media (min-width:375px) and (max-width:413px) { } @media (min-width:414px) and (max-width:699px) { } @media (min-width:700px) and (max-width:767px) { } @media (min-width:768px) and (max-width:977px) { } @media (min-width:978px) and (max-width:1059px) { } @media (min-width:1060px) and (max-width:1179px) { } @media (min-width:1180px) and (max-width:1296px) { } @media (min-width:1297px) { } /*/// @FrameNoQuery ///*/ html { margin:0; padding:0; border:0; overflow-x:hidden; } body { background-color:#00171F; color:#787878; font-size:14px; font-family:'Roboto Condensed', sans-serif; font-weight:300; line-height:1.4; letter-spacing:0.075em; margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; overflow-x:hidden; overflow-y:scroll; } .bodyControl { position:absolute; top:0; left:0; right:0; bottom:0; margin:0px -17px 0px 0px; padding:0px 17px 0px 0px; } html.win .bodyControl { padding:0px 0px 0px 0px; } body.open { overflow-y:hidden; } *, *:before, *:after { box-sizing: border-box; } .error { display:none; } .touchonly { display:none; } html.touch .touchonly { display:block; } .noselect * { user-select:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; } .doselect * { user-select:auto; -webkit-user-select:auto; -khtml-user-select:auto; -moz-user-select:auto; -o-user-select:auto; } .h100 { height:100%; } .mtb0 { margin-top:0px; margin-bottom:0px; } .mlr0 { margin-left:0px; margin-right:0px; } .ptb0 { padding-top:0px; padding-bottom:0px; } .plr0 { padding-left:0px; padding-right:0px; } .pt0 { padding-top:0px; } .pb0 { padding-bottom:0px; } .pl0 { padding-left:0px; } .pr0 { padding-right:0px; } .mt0 { margin-top:0px; } .mb0 { margin-bottom:0px; } .ml0 { margin-left:0px; } .mr0 { margin-right:0px; } .floatL { float:left; } .floatR { float:right; } .posR { position:relative; } .posA { position:absolute; } .dBlock { display:block; } .diBlock { display:inline-block; } .dNone { display:none; } .noWrap { white-space:nowrap; } .affix { z-index:2; } .vac { top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; } .tacHold { display:table; } .tac { display:table-cell; vertical-align:middle; } .overflowHidden { overflow:hidden !important; -webkit-overflow-scrolling:touch !important; } .overflowHidden-y { overflow-y:hidden !important; -webkit-overflow-scrolling:touch; height:100% !important; } .overflowHidden-x { overflow-x:hidden !important; -webkit-overflow-scrolling:touch !important; } .img-responsive-h { display:block; width:auto; max-height:100%; } .img-responsive-w { display:block; height:auto; max-width:100%; } .img-crisp { image-rendering:optimizeSpeed; /* Legal fallback */ image-rendering:-moz-crisp-edges; /* Firefox */ image-rendering:-o-crisp-edges; /* Opera */ image-rendering:-webkit-optimize-contrast; /* Chrome (and eventually Safari) */ image-rendering:crisp-edges; /* CSS3 Proposed */ -ms-interpolation-mode:bicubic; /* IE8+ */ } .wow { visibility:hidden; } a, a:visited { color:#787878; text-decoration:none; outline:0 none; border:0 none; } a:active, a:focus, a:hover { color:#EFA71F; text-decoration:none; outline:0 none; border:0 none; } .vertOrange { color:#EFA71F !important; } .vertGray { color:#939598 !important; } /*/// @ContentNoQuery | H1/H2/H3/H4 ///*/ .h1, .h2, .h3, .h4 { font-family:'halogen', sans-serif; } .h1 { color:#787878; line-height:1.7; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-rendering:optimizelegibility; } .h2 { color:#787878; line-height:1.7; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-rendering:optimizelegibility; } .h3 { color:#787878; line-height:1.7; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-rendering:optimizelegibility; } .h4 { color:#787878; line-height:1.7; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-rendering:optimizelegibility; } .h1 a, .h2 a:visited, .h1 a:hover, .h1 a:focus, .h1 a:active, .h2 a, .h2 a:visited, .h2 a:hover, .h2 a:focus, .h2 a:active, .h3 a, .h2 a:visited, .h3 a:hover, .h3 a:focus, .h3 a:active { display:block; text-decoration:none; outline:0 none; border:0 none; } /*/// @ContentNoQuery | Titles/P/A ///*/ .content { } .content .h1 { position:relative; text-transform:uppercase; text-align:left; z-index:3; } .content .h2 { text-transform:uppercase; text-align:left; z-index:3; } .content .italicLine { position:absolute; height:20px; z-index:2; } .content .ghostTitle { position:absolute; top:0; left:0; color:#0B2128; font-family:'halogen', sans-serif; /*font-family:'presicav', sans-serif;*/ font-style:italic; line-height:1.0; font-weight:500; letter-spacing:0.02em; text-transform:uppercase; z-index:1; } .content p { } .content a { -webkit-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .content a, .content a:visited { color:#EFA71F; outline:0 none; border:0 none; text-decoration:none; } .content a:hover, .content a:active, .content a:focus { color:#F5BC53; outline:0 none; border:0 none; text-decoration:none; } .content .lineBreak { display:inline-block; height:5px; margin-bottom:5px; border-bottom:1px solid #2D2D2D; } .content b, .content strong { font-weight:700; } /*/// @ContentNoQuery | UL/OL ///*/ .content ul { color:#FFFFFF; text-align:left; padding-left:0px; *padding-left:25px; /* For IE 7 & Below */ } .content ul li { list-style:none inside none; text-indent:-1em; *list-style:disc; /* For IE 7 & Below */ } .content ul li:before { color:#FFFFFF; content:"\25CF"; } .content ol { color:#FFFFFF; text-align:left; } .content ol li { list-style:upper-alpha; } .content ol.num { color:#FFFFFF; text-align:left; } .content ol.num li { list-style:decimal; } .content ul.dash { color:#FFFFFF; text-align:left; padding-left:0px; *padding-left:25px; /* For IE 7 & Below */ } .content ul.dash li { list-style:none inside none; text-indent:-1em; *list-style:disc; /* For IE 7 & Below */ } .content ul.dash li:before { color:#EFA71F; content:"\2013"; } .content ul.noDot { color:#FFFFFF; text-align:left; padding-left:0px; *padding-left:25px; /* For IE 7 & Below */ } .content ul.noDot li { list-style:none; text-indent:-1em; *list-style:none; /* For IE 7 & Below */ } .content ul.noDot li:before { content:""; } /*/// @BtnsNoQuery | Primary Btn ///*/ a.primaryBtnLnk, a.primaryBtnLnk:visited, a.primaryBtnLnk:hover, a.primaryBtnLnk:active, a.primaryBtnLnk:focus { position:relative; display:block; border:0 none; outline:0 none; text-decoration:none; } a.primaryBtnLnk .primaryBtn span.txt { -webkit-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } a.primaryBtnLnk .primaryBtn { display:inline-block; width:100%; height:50px; background-color:transparent; border:1px solid #939598; line-height:50px; text-transform:uppercase; text-align:center; cursor:pointer; } a.primaryBtnLnk .primaryBtn:hover { background-color:transparent; border:1px solid #939598; } a.primaryBtnLnk .primaryBtn span.txt { display:inline-block; font-family:'halogen', sans-serif; color:#939598; padding-left:5px; padding-right:5px; } a.primaryBtnLnk:hover .primaryBtn span.txt { color:#EFA71F; } a.primaryBtnLnk .primaryBtnLines { position:absolute; top:0; left:0; right:0; width:100%; height:100%; z-index:2; } a.primaryBtnLnk .primaryBtnLines .line { -webkit-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } a.primaryBtnLnk .primaryBtnLines .line { position:absolute; background-color:#EFA71F; } a.primaryBtnLnk .primaryBtnLines .line.top { top:0; left:0; height:1px; width:0%; } a.primaryBtnLnk .primaryBtnLines .line.right { top:0; right:0; width:1px; height:0%; } a.primaryBtnLnk .primaryBtnLines .line.bottom { bottom:0; right:0; height:1px; width:0%; } a.primaryBtnLnk .primaryBtnLines .line.left { bottom:0; left:0; width:1px; height:0%; } a.primaryBtnLnk:hover .primaryBtnLines .line.top, a.primaryBtnLnk:hover .primaryBtnLines .line.bottom { width:100%; } a.primaryBtnLnk:hover .primaryBtnLines .line.left, a.primaryBtnLnk:hover .primaryBtnLines .line.right { height:100%; } /*/// @ItalicLineNoQuery ///*/ .italicLine span { display:inline-block; width:2px; height:20px; margin:0px 3px 0px 0px; -webkit-transform:rotate(25deg); -moz-transform:rotate(25deg); -ms-transform:rotate(25deg); -o-transform:rotate(25deg); transform:rotate(25deg); } .italicLine.short.dark span:nth-child(1) { background-color:#3f474a; } .italicLine.short.dark span:nth-child(2) { background-color:#414a4d; } .italicLine.short.dark span:nth-child(3) { background-color:#3a4548; } .italicLine.short.dark span:nth-child(4) { background-color:#384448; } .italicLine.short.dark span:nth-child(5) { background-color:#3e494d; } .italicLine.short.dark span:nth-child(6) { background-color:#4d5659; } .italicLine.short.dark span:nth-child(7) { background-color:#4f585c; } .italicLine.short.dark span:nth-child(8) { background-color:#555d61; } .italicLine.short.dark span:nth-child(9) { background-color:#60686b; } .italicLine.short.dark span:nth-child(10) { background-color:#626c6e; } .italicLine.short.dark span:nth-child(11) { background-color:#646d70; } .italicLine.short.dark span:nth-child(12) { background-color:#697275; } .italicLine.short.dark span:nth-child(13) { background-color:#6f787b; } .italicLine.short.dark span:nth-child(14) { background-color:#737d80; } .italicLine.short.dark span:nth-child(15) { background-color:#7d8689; } .italicLine.short.dark span:nth-child(16) { background-color:#7d878a; } .italicLine.short.dark span:nth-child(17) { background-color:#80898d; } .italicLine.short.dark span:nth-child(18) { background-color:#869093; } .italicLine.short.dark span:nth-child(19) { background-color:#8a9397; } .italicLine.short.dark span:nth-child(20) { background-color:#889295; } .italicLine.short.dark span:nth-child(21) { background-color:#8e989b; } .italicLine.short.dark span:nth-child(22) { background-color:#959ea2; } .italicLine.long.light span:nth-child(1) { background-color:#949699; } .italicLine.long.light span:nth-child(2) { background-color:#9ea0a2; } .italicLine.long.light span:nth-child(3) { background-color:#999b9d; } .italicLine.long.light span:nth-child(4) { background-color:#9a9c9f; } .italicLine.long.light span:nth-child(5) { background-color:#9c9ea1; } .italicLine.long.light span:nth-child(6) { background-color:#9fa0a3; } .italicLine.long.light span:nth-child(7) { background-color:#a4a5a7; } .italicLine.long.light span:nth-child(8) { background-color:#a3a5a7; } .italicLine.long.light span:nth-child(9) { background-color:#a5a6a9; } .italicLine.long.light span:nth-child(10) { background-color:#a7a9ab; } .italicLine.long.light span:nth-child(11) { background-color:#aaabad; } .italicLine.long.light span:nth-child(12) { background-color:#adaeb0; } .italicLine.long.light span:nth-child(13) { background-color:#b0b0b1; } .italicLine.long.light span:nth-child(14) { background-color:#b0b0b1; } .italicLine.long.light span:nth-child(15) { background-color:#b4b4b6; } .italicLine.long.light span:nth-child(16) { background-color:#b6b7b9; } .italicLine.long.light span:nth-child(17) { background-color:#b9b9bb; } .italicLine.long.light span:nth-child(18) { background-color:#bcbbbd; } .italicLine.long.light span:nth-child(19) { background-color:#bdbdbf; } .italicLine.long.light span:nth-child(20) { background-color:#c0c0c1; } .italicLine.long.light span:nth-child(21) { background-color:#c2c2c4; } .italicLine.long.light span:nth-child(22) { background-color:#c9c8ca; } .italicLine.long.light span:nth-child(23) { background-color:#c9c8c9; } .italicLine.long.light span:nth-child(24) { background-color:#cbcbcc; } .italicLine.long.light span:nth-child(25) { background-color:#cdcccd; } .italicLine.long.light span:nth-child(26) { background-color:#d2d1d2; } .italicLine.long.light span:nth-child(27) { background-color:#d4d3d4; } .italicLine.long.light span:nth-child(28) { background-color:#d5d4d5; } .italicLine.long.light span:nth-child(29) { background-color:#d7d7d8; } .italicLine.long.light span:nth-child(30) { background-color:#d9d9da; } .italicLine.long.light span:nth-child(31) { background-color:#dcdcdd; } .italicLine.long.light span:nth-child(32) { background-color:#dfdfe0; } .italicLine.long.light span:nth-child(33) { background-color:#e3e2e4; } .italicLine.long.light span:nth-child(34) { background-color:#e6e5e7; } .italicLine.long.light span:nth-child(35) { background-color:#e9e9ea; } .italicLine.long.light span:nth-child(36) { background-color:#ebebec; } .italicLine.long.light span:nth-child(37) { background-color:#efefef; } .italicLine.long.light span:nth-child(38) { background-color:#f3f3f3; } .italicLine.long.light span:nth-child(39) { background-color:#f6f6f6; } .italicLine.long.light span:nth-child(40) { background-color:#f8f8f9; } /*/// @AccordianNoQuery ///*/ .content.accordian { } .content.accordian .accord { } .content.accordian .accord.active { } .content.accordian .accord:nth-last-child(1) { border-bottom:1px solid #34464D; } .content.accordian .accord .contentAccordTitle { border-top:1px solid #34464D; cursor:pointer; } .content.accordian .accord .contentAccordTitle .h3 { display:inline-block; float:left; font-family:'halogen', sans-serif; /*font-family:'presicav', sans-serif;*/ font-weight:300; line-height:1.7; letter-spacing:0.02em; text-transform:uppercase; margin:0px 0px 0px 0px; } .content.accordian .accord .contentAccordTitle .control.up, .content.accordian .accord .contentAccordTitle .control.down { -webkit-transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .content.accordian .accord .contentAccordTitle .control.up { -webkit-transform:rotateX(180deg) rotate(90deg) scaleY(1.6); -moz-transform:rotateX(180deg) rotate(90deg) scaleY(1.6); -ms-transform:rotateX(180deg) rotate(90deg) scaleY(1.6); -o-transform:rotateX(180deg) rotate(90deg) scaleY(1.6); transform:rotateX(180deg) rotate(90deg) scaleY(1.6); } .content.accordian .accord .contentAccordTitle .control.down { -webkit-transform:rotate(90deg) scaleY(1.6); -moz-transform:rotate(90deg) scaleY(1.6); -ms-transform:rotate(90deg) scaleY(1.6); -o-transform:rotate(90deg) scaleY(1.6); transform:rotate(90deg) scaleY(1.6); } .content.accordian .accord .contentAccordTitle .control { display:inline-block; float:right; font-family:'Raleway', sans-serif; margin-left:0px; margin-right:0px; } .content.accordian .accord.active .contentAccordTitle { -webkit-transition:padding 0.35s ease-in-out 0.50s; -moz-transition:padding 0.35s ease-in-out 0.50s; -ms-transition:padding 0.35s ease-in-out 0.50s; -o-transition:padding 0.35s ease-in-out 0.50s; transition:padding 0.35s ease-in-out 0.50s; } .content.accordian .accord.inactive .contentAccordTitle { -webkit-transition:padding 0.35s ease-in-out 0.50s; -moz-transition:padding 0.35s ease-in-out 0.50s; -ms-transition:padding 0.35s ease-in-out 0.50s; -o-transition:padding 0.35s ease-in-out 0.50s; transition:padding 0.35s ease-in-out 0.50s; } .content.accordian .accord.active .contentAccordTitle { } .content.accordian .accord.active .contentAccordTitle .h3 { color:#EFA71F; } .content.accordian .accord.active .contentAccordTitle .control { color:#EFA71F; } .content.accordian .accord.inactive .contentAccordTitle { } .content.accordian .accord.inactive .contentAccordTitle .h3 { color:#FFFFFF; } .content.accordian .accord.inactive .contentAccordTitle .control { color:#C3C9CB; } .content.accordian .accord .contentAccordTitle .contentAccordTitleLines { display:block; position:absolute; top:0; left:0; right:0; width:100%; height:100%; z-index:2; } .content.accordian .accord .contentAccordTitle .contentAccordTitleLines .line { -webkit-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .content.accordian .accord .contentAccordTitle .contentAccordTitleLines .line { position:absolute; background-color:#EFA71F; } .content.accordian .accord .contentAccordTitle .contentAccordTitleLines .line.bottom { bottom:0; left:0; right:0; height:1px; width:0%; } .content.accordian .accord .contentAccordTitle .h3, .content.accordian .accord .contentAccordTitle .control { -webkit-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s; -moz-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s; -ms-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s; -o-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s; transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s; } .content.accordian .accord.inactive:hover .contentAccordTitle { } .content.accordian .accord.inactive:hover .contentAccordTitle .h3 { color:#EFA71F; } .content.accordian .accord.inactive:hover .contentAccordTitle .control { color:#EFA71F; } .content.accordian .accord.inactive:hover .contentAccordTitle.canHover .contentAccordTitleLines .line.bottom { width:100%; } .content.accordian .accord .contentAccord.open { -webkit-transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.50s; -moz-transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.50s; -ms-transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.50s; -o-transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.50s; transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.50s; } .content.accordian .accord .contentAccord.closed { -webkit-transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.85s; -moz-transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.85s; -ms-transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.85s; -o-transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.85s; transition:max-height 0.35s ease-in-out 0.50s, visibility 0.0s ease-in-out 0.85s; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord.open { max-height:800px; visibility:visible; overflow:hidden; } .content.accordian .accord .contentAccord.closed { max-height:0; visibility:hidden; overflow:hidden; } .content.accordian .accord .contentAccord { } .content.accordian .accord .contentAccord .position { display:block; color:#939598; font-family:'presicav', sans-serif; font-weight:400; line-height:1.7; letter-spacing:0.02em; text-transform:uppercase; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; } .content.accordian .accord .contentAccord .bio { display:block; } .content.accordian .accord .contentAccord .bio p { color:#E5E5E5; font-weight:500; line-height:1.7; letter-spacing:0.02em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @HeaderNoQuery ///*/ .header { -webkit-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background 0.45s linear 0.0s; -moz-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background 0.45s linear 0.0s; -ms-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background 0.45s linear 0.0s; -o-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background 0.45s linear 0.0s; transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background 0.45s linear 0.0s; } .header { position:fixed; top:0; left:0; right:0; width:100%; height:80px; margin:0px 0px 0px 0px; z-index:1003; } .header { line-height:80px; } .header.active { } .header .plac { width:100%; text-align:center; z-index:1005; } .header .plac.fill00171F { background-color:#00171F; } /*/// @HeaderNoQuery | Menu Btn ///*/ .header .menuBtn { } .header .menuBtn { position:absolute; top:0; right:0; cursor:pointer; width:80px; height:80px; padding:14px 0px 14px 0px; border-left:1px solid transparent; border-right:1px solid transparent; } .header .menuBtn .line { } .header .menuBtn .line:nth-child(1) { -webkit-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header .menuBtn .line:nth-child(2) { -webkit-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.25s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.25s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.25s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.25s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.25s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header .menuBtn .line:nth-child(3) { -webkit-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, background-color 0.15s cubic-bezier(0.55,0.01,0.55,1.00) 0.35s, visibility 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.1s, opacity 0.0s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header .menuBtn .line { display:block; width:20px; height:3px; z-index:50; } .header .menuBtn .line:nth-child(1) { margin:17px 30px 0px 30px; } .header .menuBtn .line:nth-child(2) { visibility:visible; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; margin:4px 30px 4px 30px; } .header .menuBtn .line:nth-child(3) { margin:0px 30px 18px 30px; } .header .menuBtn.active { -webkit-transition:transform 0.15s cubic-bezier(0.55,0.01,0.55,1.00); -moz-transition:transform 0.15s cubic-bezier(0.55,0.01,0.55,1.00); -ms-transition:transform 0.15s cubic-bezier(0.55,0.01,0.55,1.00); -o-transition:transform 0.15s cubic-bezier(0.55,0.01,0.55,1.00); transition:transform 0.15s cubic-bezier(0.55,0.01,0.55,1.00); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .header .menuBtn.move { -webkit-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); -moz-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); -ms-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); -o-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); -webkit-transform:translateY(-75px) translateX(-75px); -moz-transform:translateY(-75px) translateX(-75px); -ms-transform:translateY(-75px) translateX(-75px); -o-transform:translateY(-75px) translateX(-75px); transform:translateY(-75px) translateX(-75px); } .header .menuBtn.move.active { -webkit-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); -moz-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); -ms-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); -o-transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); transition:transform 0.25s cubic-bezier(0.55,0.01,0.55,1.00); -webkit-transform:rotate(-45deg) translateY(-75px) translateX(-75px); -moz-transform:rotate(-45deg) translateY(-75px) translateX(-75px); -ms-transform:rotate(-45deg) translateY(-75px) translateX(-75px); -o-transform:rotate(-45deg) translateY(-75px) translateX(-75px); transform:rotate(-45deg) translateY(-75px) translateX(-75px); } .header .menuBtn.active .line { position:relative; } .header .menuBtn.active .line:nth-child(1) { -webkit-transform:translateY(8px); -moz-transform:translateY(8px); -ms-transform:translateY(8px); -o-transform:translateY(8px); transform:translateY(8px); } .header .menuBtn.active .line:nth-child(2) { visibility:hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; } .header .menuBtn.active .line:nth-child(3) { -webkit-transform:rotate(-90deg) translateX(5px); -moz-transform:rotate(-90deg) translateX(5px); -ms-transform:rotate(-90deg) translateX(5px); -o-transform:rotate(-90deg) translateX(5px); transform:rotate(-90deg) translateX(5px); } /*/// @HeaderNoQuery | Menu Btn Colors ///*/ .header .menuBtn .menuBtn--EFA71F:nth-child(1) { background-color:#EFA71F; } .header .menuBtn .menuBtn--EFA71F:nth-child(2) { background-color:#D68C04; } .header .menuBtn .menuBtn--EFA71F:nth-child(3) { background-color:#AB7000; } .header .menuBtn:hover .menuBtn--EFA71F:nth-child(1) { background-color:#FBBA41; } .header .menuBtn:hover .menuBtn--EFA71F:nth-child(2) { background-color:#E8AF43; } .header .menuBtn:hover .menuBtn--EFA71F:nth-child(3) { background-color:#FDC354; } .header .menuBtn.active .menuBtn--EFA71F:nth-child(1) { background-color:#EFA71F; } .header .menuBtn.active .menuBtn--EFA71F:nth-child(3) { background-color:#EFA71F; } .header .menuBtn.active:hover .menuBtn--EFA71F:nth-child(1) { background-color:#F8B840; } .header .menuBtn.active:hover .menuBtn--EFA71F:nth-child(3) { background-color:#F8B840; } /*/// @HeaderNoQuery | Logo ///*/ .header .logo { } .header .logo a, .header .logo a:hover, .header .logo a:visited, .header .logo a:focus { display:block; text-decoration:none; outline:0 none; border:0 none; } .header .logo .img-logo { } .header .logo { -webkit-transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header .logo { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; } .header .logo:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80; } /*/// @HeaderNoQuery | Navigation ///*/ html.touch .header .nav ul.mainMenu { padding:30px 0px 30px 0px; } .header .nav { } .header .nav ul.mainMenu { } .header .nav ul.mainMenu li { position:relative; font-family:'halogen', sans-serif; list-style:none; } .header .nav ul.mainMenu li a, .header .nav ul.mainMenu li.menu-item-active a { -webkit-transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header .nav ul.mainMenu li a, .header .nav ul li a:visited { position:relative; display:block; color:#B6B8BB; text-transform:uppercase; text-decoration:none; outline:0 none; border:0 none; z-index:4; } .header .nav ul.mainMenu li a:hover, .header .nav ul li a:focus, .header .nav ul li a:active { display:block; color:#FFFFFF; text-decoration:none; outline:0 none; border:0 none; } .header .nav ul.mainMenu li.menu-item-active a, .header .nav ul.mainMenu li.menu-item-active a:visited { color:#EFA71F; } .header .nav ul.mainMenu li.menu-item-active a:hover, .header .nav ul.mainMenu li.menu-item-active a:focus, .header .nav ul.mainMenu li.menu-item-active a:active { color:#f8b840; } .header .nav ul.mainMenu li a span.caret { -webkit-transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:transform 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header.hasNav .nav ul.mainMenu li:hover a span.caret.down, .header .nav ul.mainMenu li a span.caret.up { -webkit-transform:rotateX(180deg) rotate(90deg) scaleY(1.6); -moz-transform:rotateX(180deg) rotate(90deg) scaleY(1.6); -ms-transform:rotateX(180deg) rotate(90deg) scaleY(1.6); -o-transform:rotateX(180deg) rotate(90deg) scaleY(1.6); transform:rotateX(180deg) rotate(90deg) scaleY(1.6); } .header .nav ul.mainMenu li a span.caret.down { -webkit-transform:rotateX(0deg) rotate(90deg) scaleY(1.6); -moz-transform:rotateX(0deg) rotate(90deg) scaleY(1.6); -ms-transform:rotateX(0deg) rotate(90deg) scaleY(1.6); -o-transform:rotateX(0deg) rotate(90deg) scaleY(1.6); transform:rotateX(0deg) rotate(90deg) scaleY(1.6); } .header .nav ul.mainMenu li a span.caret { display:inline-block; vertical-align:middle; margin:0px 10px 0px 10px; } /*/// @HeaderNoQuery | SubNavigation ///*/ /*findNow*/ .header.active .nav { display:block; } /*.header.noNav.inactive .nav, .header.hasNav.inactive .nav { -webkit-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s, opacity 0.15s ease-in-out 0.0s; -moz-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s, opacity 0.15s ease-in-out 0.0s; -ms-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s, opacity 0.15s ease-in-out 0.0s; -o-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s, opacity 0.15s ease-in-out 0.0s; transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s, opacity 0.15s ease-in-out 0.0s; }*/ /*.header.noNav .nav, .header.hasNav .nav { -webkit-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.0s, opacity 0.15s ease-in-out 0.0s; -moz-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.0s, opacity 0.15s ease-in-out 0.0s; -ms-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.0s, opacity 0.15s ease-in-out 0.0s; -o-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.0s, opacity 0.15s ease-in-out 0.0s; transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.0s, opacity 0.15s ease-in-out 0.0s; }*/ .header.noNav.active .nav, .header.hasNav.active .nav { /*visibility:visible;*/ /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; -webkit-backface-visibility:hidden;*/ } .header.noNav.inactive .nav, .header.hasNav.inactive .nav { /*max-height:0 !important;*/ /*visibility:hidden;*/ /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; -webkit-backface-visibility:hidden;*/ } .header .nav ul.mainMenu li ul.sub-menu { -webkit-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s; -moz-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s; -ms-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s; -o-transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s; transition:max-height 0.35s ease-in-out 0.0s, visibility 0.0s ease-in-out 0.35s; } .header .nav ul.mainMenu li ul.sub-menu { display:block; max-height:0; visibility:hidden; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; overflow:hidden; } .header .nav ul.mainMenu li ul.sub-menu li { } .header .nav ul.mainMenu li.menu-item-has-children:hover ul.sub-menu { max-height:800px; visibility:visible; } .header.noNav .nav ul.mainMenu li.menu-item-has-children:hover ul.sub-menu { max-height:0; visibility:hidden; } .header.hasNav .nav ul.mainMenu li.menu-item-has-children.active ul.sub-menu, .header.noNav .nav ul.mainMenu li.menu-item-has-children.active ul.sub-menu { max-height:800px; visibility:visible; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li.menu-item-active ul.sub-menu li a { -webkit-transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header .nav ul.mainMenu li ul.sub-menu li a, .header .nav ul.mainMenu li ul.sub-menu li a:visited { position:relative; display:block; color:#939598; text-transform:capitalize; text-decoration:none; outline:0 none; border:0 none; z-index:4; } .header .nav ul.mainMenu li ul.sub-menu li a:hover, .header .nav ul.mainMenu li ul.sub-menu li a:focus, .header .nav ul.mainMenu li ul.sub-menu li a:active { color:#EFA71F; text-decoration:none; outline:0 none; border:0 none; } .header .nav ul.mainMenu li ul.sub-menu li.menu-item-active a, .header .nav ul.mainMenu li ul.sub-menu li.menu-item-active a:visited { color:#EFA71F; } .header .nav ul.mainMenu li ul.sub-menu li.menu-item-active a:hover, .header .nav ul.mainMenu li ul.sub-menu li.menu-item-active a:focus, .header .nav ul.mainMenu li ul.sub-menu li.menu-item-active a:active { color:#F8B840; } .header .nav ul.mainMenu li.menu-item-active ul.sub-menu li.menu-item-active a, .header .nav ul.mainMenu li.menu-item-active ul.sub-menu li.menu-item-active a:visited { } .header .nav ul.mainMenu li.menu-item-active ul.sub-menu li.menu-item-active a:hover, .header .nav ul.mainMenu li.menu-item-active ul.sub-menu li.menu-item-active a:focus, .header .nav ul.mainMenu li.menu-item-active ul.sub-menu li.menu-item-active a:active { } /*/// @HeaderNoQuery | NavigationLines ///*/ .header .nav ul.mainMenu li .menuLines, .header .nav ul.mainMenu li ul.sub-menu li .menuLines { display:block; position:absolute; top:0; left:0; right:0; width:100%; height:100%; z-index:2; } .header .nav ul.mainMenu li .menuLines { height:80px; } .header .nav ul.mainMenu li .menuLines .line, .header .nav ul.mainMenu li ul.sub-menu li .menuLines .line { -webkit-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header .nav ul.mainMenu li .menuLines .line, .header .nav ul.mainMenu li ul.sub-menu li .menuLines .line { position:absolute; } .header .nav ul.mainMenu li .menuLines .line.bottom, .header .nav ul.mainMenu li ul.sub-menu li .menuLines .line.bottom { bottom:-1px; left:0; right:0; height:1px; width:0%; } /*.header .nav ul.mainMenu li.menu-item-active .menuLines .line.bottom, .header .nav ul.mainMenu li ul.sub-menu li.menu-item-active .menuLines .line.bottom { width:100%; }*/ .no-touch .header .nav ul.mainMenu li.menu-item-has-children:hover .menuLines.menu-item-top .line.bottom, .touch .header .nav ul.mainMenu li.menu-item-has-children.active .menuLines.menu-item-top .line.bottom, .header .nav ul.mainMenu li ul.sub-menu li:hover .menuLines .line.bottom { width:100%; } .header .nav ul.mainMenu li.menu-item-active .menuLines .line { background-color:#EFA71F; } .header .nav ul.mainMenu li.menu-item-active:hover .menuLines .line { background-color:#F8B840; } .header .nav ul.mainMenu li .menuLines .line { background-color:#FFFFFF; } .header .nav ul.mainMenu li ul.sub-menu li .menuLines .line { background-color:#EFA71F; } .header .nav ul.mainMenu li ul.sub-menu li.menu-item-active:hover .menuLines .line { background-color:#F8B840; } /*/// @HeaderNoQuery | Search Img Icon ///*/ .header .navSearch { display:block; float:right; line-height:80px; padding:0px 27px 0px 27px; border-right:1px solid transparent; cursor:pointer; } .header .navSearch .searchIcon { -webkit-transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:opacity 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header .navSearch .searchIcon { display:inline-block; vertical-align:middle; } .header .navSearch .searchIcon { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; -webkit-backface-visibility:hidden; } .header .navSearch:hover .searchIcon { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; -webkit-backface-visibility:hidden; } .header .navSearch .searchIcon .img-searchIcon { } /*/// @HeaderNoQuery | Search CSS Icon ///*/ .header .navSearch .searchIconCSS { font-size:2.5em; display:inline-block; width:0.4em; height:0.4em; border:0.08em solid #FFFFFF; position:relative; border-radius:0.5em; } .header .navSearch .searchIconCSS::before { content:""; display:inline-block; position:absolute; right:-0.20em; bottom:-0.1em; border-width:0; background:#FFFFFF; width:0.25em; height:0.08em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } /*/// @HeaderNoQuery | Transitions ///*/ .header--top, .header--notTop { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0%,0); transform:translate3d(0,0,0); } .header--top.header--pinned, .header--notTop.header--unpinned, .header--notTop.header--pinned { } .header--top.active, .header--notTop.active { } .header--top .fill { } .header--notTop .fill { } .header .nav ul.mainMenu li { -webkit-transition:background-color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:background-color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:background-color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:background-color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:background-color 0.25s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .header .nav ul.mainMenu li:hover, .header .nav ul.mainMenu li:focus, .header .nav ul.mainMenu li:active, .header .nav ul.mainMenu li.active { display:block; background-color:rgba(78,78,78,0.1); } /*/// @MenuSlideoutNoQuery ///*/ .push { } .push::-webkit-scrollbar { display:none; } .push.open { overflow-y:hidden; -webkit-overflow-scrolling:touch; } .push.open .cover { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(31,31,31,0.92); z-index:1200; } .push.closed { overflow-y:hidden; overflow-x:hidden; -webkit-overflow-scrolling:touch; } .push.open { -webkit-transition-delay:1.35s; -moz-transition-delay:1.35s; -ms-transition-delay:1.35s; -o-transition-delay:1.35s; transition-delay:1.35s; -webkit-transition:transform 0.45s; -moz-transition:transform 0.45s; -ms-transition:transform 0.45s; -o-transition:transform 0.45s; transition:transform 0.45s; } .push.closed { -webkit-transition-delay:0.0s; -moz-transition-delay:0.0s; -ms-transition-delay:0.0s; -o-transition-delay:0.0s; transition-delay:0.0s; -webkit-transition:transform 0.45s; -moz-transition:transform 0.45s; -ms-transition:transform 0.45s; -o-transition:transform 0.45s; transition:transform 0.45s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .slideNav.open, .slideNavLogo.open { -webkit-transition-delay:1.35s; -moz-transition-delay:1.35s; -ms-transition-delay:1.35s; -o-transition-delay:1.35s; transition-delay:1.35s; -webkit-transition:transform 0.35s; -moz-transition:transform 0.35s; -ms-transition:transform 0.35s; -o-transition:transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .slideNav.closed, .slideNavLogo.closed { -webkit-transition:transform 0.35s; -moz-transition:transform 0.35s; -ms-transition:transform 0.35s; -o-transition:transform 0.35s; transition:transform 0.35s; -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay: 0.1s; } .slideNavLogo { position:fixed; background-color:#D8C245; text-align:left; z-index:1002; } .slideNavLogo .logo { display:block; width:100%; padding:27px 0px 27px 45px; } .slideNavLogo .logo a, .slideNavLogo .logo a:hover, .slideNavLogo .logo a:visited, .slideNavLogo .logo a:focus { display:block; text-decoration:none; outline:0 none; border:0 none; } .slideNavLogo .logo .img-logo { } .slideNav .navHold .menuNav ul.main-menu a, .slideNav .navHold .menuNav ul.sub-menu a, .slideNav .navHold .copyright a { -webkit-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .slideNav { position:fixed; height:100%; color:#FFFFFF; background:#FFFFFF; text-align:left; overflow:hidden; z-index:1001; } .slideNav::-webkit-scrollbar { display:none; } .navHold { position:absolute; top:0; left:0; right:0; bottom:0; margin-right:-17px; padding:95px 62px 45px 45px; overflow-y:scroll; overflow-x:hidden; } .win .navHold { padding:95px 45px 45px 45px !important; } .slideNav .navHold .menuNav { } .slideNav .navHold .menuNav ul.main-menu { padding-left:0; list-style-type:none; } .slideNav .navHold .menuNav ul.main-menu li { border-bottom:1px solid #F4F4F4; } .slideNav .navHold .menuNav ul.main-menu li a, .slideNav .navHold .menuNav ul.main-menu li a:visited { color:#DAC54C; text-transform:uppercase; } .slideNav .navHold .menuNav ul.main-menu li a:hover, .slideNav .navHold .menuNav ul.main-menu li a:active, .slideNav .navHold .menuNav ul.main-menu li a:focus { color:#A2A2A2; } .slideNav .navHold .menuNav ul.sub-menu { padding-left:0; list-style-type:none; } .slideNav .navHold .menuNav ul.sub-menu li { border:0 none; } .slideNav .navHold .menuNav ul.sub-menu li a, .slideNav .navHold .menuNav ul.sub-menu li a:visited { color:#CCCBCB; text-transform:capitalize; } .slideNav .navHold .menuNav ul.sub-menu li a:hover, .slideNav .navHold .menuNav ul.sub-menu li a:active, .slideNav .navHold .menuNav ul.sub-menu li a:focus { color:#A2A2A2; } .slideNav .navHold .social { border-bottom:1px solid #F4F4F4; } .slideNav .navHold .copyright { color:#CCCBCB; } .slideNav .navHold .copyright .reserved { color:#B3B3B3; font-weight:600; } .slideNav .navHold .copyright .terms a, .slideNav .navHold .copyright .terms a:visited { color:#B2B0B0; text-decoration:underline; } .slideNav .navHold .copyright .terms a:hover, .slideNav .navHold .copyright .terms a:active, .slideNav .navHold .copyright .terms a:focus { color:#FC6442; } /*/// @FooterNoQuery ///*/ .footer { } .footer .top { background-color:#FFFFFF; } .footer .top .col-logoPlac { } .footer .top .col-logoPlac .logo { } .footer .top .col-logoPlac .logo a, .footer .top .col-logoPlac .logo a:hover, .footer .top .col-logoPlac .logo a:visited, .footer .top .col-logoPlac .logo a:focus { display:block; text-decoration:none; outline:0 none; border:0 none; } .footer .top .col-logoPlac .logo a .img-logo { } .footer .top .col-logoPlac .italicLine { position:relative; top:0; left:0; height:20px; overflow:hidden; z-index:2; } .footer .top .col-contactInfo { } .footer .top .col-contactInfo .h4 { text-transform:uppercase; } .footer .top .col-contactInfo a { -webkit-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .footer .top .col-contactInfo a, .footer .top .col-contactInfo a:visited { color:#939598; outline:0 none; border:0 none; } .footer .top .col-contactInfo a:hover, .footer .top .col-contactInfo a:active, .footer .top .col-contactInfo a:focus { color:#B5B7BB; text-decoration:none; outline:0 none; border:0 none; } .footer .bottom { background-color:#00171F; } .footer .bottom .col-copyRight { color:#CBCCD0; text-align:center; } /*/// @mfpNoQuery - Addon ///*/ .mfp-bg { height:100% !important; position:fixed !important; } .mfp-bg { background-color:rgba(0,23,31,0.9) !important; } .mfp-iframe-holder { cursor:pointer; } .mfp-iframe-holder .mfp-close { position:absolute; top:-90px !important; right:0; display:block; cursor:pointer; background:transparent; color:#FFFFFF; font-family:'Raleway', sans-serif; font-size:90px; line-height:90px; font-weight:200; border:0 none; outline:0 none; } .mfp-iframe-holder .mfp-close { -webkit-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .mfp-iframe-holder .mfp-close { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; } .mfp-iframe-holder .mfp-close:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; } .mfp-image-holder { cursor:pointer; } .mfp-image-holder img.mfp-img { padding-bottom:80px; } .mfp-image-holder .mfp-close { position:absolute; top:0px !important; right:0; display:block; cursor:pointer; background:transparent; color:#FFFFFF; font-family:'Raleway', sans-serif; font-size:90px; line-height:90px; font-weight:200; border:0 none; outline:0 none; } .mfp-image-holder .mfp-close { -webkit-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .mfp-image-holder .mfp-close { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; } .mfp-image-holder .mfp-close:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; } /*/// @SliderNoQuery ///*/ .slick-slider { -moz-box-sizing:border-box; box-sizing:border-box; } .slick-slider { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .slick-slider { -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } .slick-list { position:relative; display:block; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .slick-list:focus { outline:none; } .slick-list.dragging { cursor:hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .slick-track { position:relative; top:0; left:0; display:block; } .slick-track:before, .slick-track:after { display:table; content:''; } .slick-track:after { clear:both; } .slick-loading .slick-track { visibility:hidden; } .slick-slide { display:none; float:left; height:100%; min-height:1px; } [dir='rtl'] .slick-slide { float:right; } .slick-slide img { display:block; } .slick-slide.slick-loading img { display:none; } .slick-slide.dragging img { pointer-events:none; } .slick-initialized .slick-slide { display:inline-block; } .slick-loading .slick-slide { visibility:hidden; } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; } .slick-loading .slick-list { background: #FFFFFF url('../img/ajax-loader.gif') center center no-repeat; } /*/// @SliderNoQuery | NavArrows //////*/ .slider-arrows .entrance.loaded { -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); } .slider-arrows .entrance.right { -webkit-transform:translatex(100%); -moz-transform:translatex(100%); -ms-transform:translatex(100%); -o-transform:translatex(100%); transform:translatex(100%); } .slider-arrows .entrance.left { -webkit-transform:translatex(-100%); -moz-transform:translatex(-100%); -ms-transform:translatex(-100%); -o-transform:translatex(-100%); transform:translatex(-100%); } .slider-arrows .entrance { -webkit-transition-duration:0.75s; -webkit-transition-property:transform; -webkit-transition-delay:0s; -webkit-transition-timing-function:'ease-in-out'; transition-duration:0.75s; transition-property:transform; transition-delay:0s; transition-timing-function:'ease-in-out'; position:relative; width:100%; height:100%; } .slider-arrows { width:100%; overflow:hidden; position:relative; list-style-type:none; margin:-85px 0px 0px 0px; padding:0px 0px 0px 0px; } .slider-arrows li { position:relative; width:30px; list-style-type:none; line-height:inherit; text-indent:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; z-index:6; } .slider-arrows li.prev { float:left; } .slider-arrows li.next { float:right; } .slider-arrows li a { display:block; outline:0 none; border:0 none; text-decoration:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .slider-arrows li.prev a span, .slider-arrows li.next a span { -webkit-transform:rotate(0deg) scaleY(1.6); -moz-transform:rotate(0deg) scaleY(1.6); -ms-transform:rotate(0deg) scaleY(1.6); -o-transform:rotate(0deg) scaleY(1.6); transform:rotate(0deg) scaleY(1.6); } .slider-arrows li a span { -webkit-transition:color 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .slider-arrows li.prev a span, .slider-arrows li.next a span { display:block; font-size:32px; font-weight:200; font-family:'Raleway', sans-serif; margin-left:0px; margin-right:0px; } .slider-arrows li.prev a span, .slider-arrows li.next a span { color:#526267; } .slider-arrows li.prev a:hover span, .slider-arrows li.next a:hover span { color:#99A2A5; } /*/// @SliderNoQuery | SliderDots //////*/ ul.slick-dots { position:relative; display:block; bottom:auto; list-style:none; } ul.slick-dots li { position:relative; display:block; float:left; cursor:pointer; } ul.slick-dots li:nth-child(1) { } ul.slick-dots li button { position:absolute; top:0; left:0; width:100%; height:100%; outline:none; background-color:#FFFFFF; background-color:rgba(255,255,255,0.3); text-indent:-999em; cursor:pointer; -webkit-border-radius:50%; border-radius:50%; cursor:pointer; } ul.slick-dots li button { -moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.50); -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.50); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.50); background-color:transparent; } ul.slick-dots li button { -webkit-transition:box-shadow 0.3s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:box-shadow 0.3s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:box-shadow 0.3s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:box-shadow 0.3s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:box-shadow 0.3s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } ul.slick-dots li button:hover { -moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.85); -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.85); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.85); } ul.slick-dots li.slick-active button { -moz-box-shadow:inset 0 0 0 8px #FFFFFF; -webkit-box-shadow:inset 0 0 0 8px #FFFFFF; box-shadow:inset 0 0 0 8px #FFFFFF; } /*/// @SliderNoQuery | Hero ///*/ .heroSlider { display:block; position:relative; width:100%; overflow:hidden; } .heroSlider.slick-slider { margin-bottom:0px; } .heroSlider.slick-slider .slick-list { } .heroSlider.slick-slider .slick-list.draggable { padding:0px 0px 0px 0px; } .heroSlider.slick-slider .slick-list.draggable .slick-track { overflow:hidden; } .heroSlider.slick-slider .slick-list.draggable .slick-track .slick-slide { } /*/// @HomeNoQuery ///*/ .home { background-color:#00171F; } /*/// @HomeNoQuery | SlideContent ///*/ .heroSlider .inlineSlider { width:100%; background-color:#00171F; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .heroSlider .inlineSlider .hero { position:relative; width:100%; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -o-background-size:cover; background-size:cover; } .heroSlider .inlineSlider, .heroSlider .inlineSlider .hero { } .heroSlider .inlineSlider .heroTitle { position:absolute; left:0; right:0; width:100%; z-index:1000; overflow-y:hidden; } .heroSlider .inlineSlider .heroTitle .content a.primaryBtnLnk { display:inline-block; } .heroSlider .inlineSlider .heroTitle .content, .heroSlider .inlineSlider .heroTitle .content a { } .heroSlider .inlineSlider .heroTitle .content .heroItemContent, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent { margin:0px 0px 10px 0px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .heroItemTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .heroItemTitle { color:#FFFFFF; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle { color:#EFA71F; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnTitle.video, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnTitle.video { display:inline-block; float:left; line-height:22px; margin:5px 0px 5px 0px; } .heroSlider .inlineSlider .heroTitle .content .heroItemContent .btnVideoPlay, .heroSlider .inlineSlider .heroTitle .content a .heroItemContent .btnVideoPlay { display:inline-block; float:left; width:22px; margin:5px 5px 5px 5px; } .heroSlider .inlineSlider .heroTitle .content .heroItemLines, .heroSlider .inlineSlider .heroTitle .content a .heroItemLines { position:absolute; top:0; left:0; right:0; width:100%; height:100%; z-index:2; } .heroSlider .inlineSlider .heroTitle .content .heroItemLines .line, .heroSlider .inlineSlider .heroTitle .content a .heroItemLines .line { -webkit-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .heroSlider .inlineSlider .heroTitle .content .heroItemLines .line, .heroSlider .inlineSlider .heroTitle .content a .heroItemLines .line { position:absolute; background-color:#EFA71F; } .heroSlider .inlineSlider .heroTitle .content .heroItemLines .line.bottom, .heroSlider .inlineSlider .heroTitle .content a .heroItemLines .line.bottom { bottom:0; left:0; right:0; height:1px; width:0%; } .heroSlider .inlineSlider .heroTitle .content a:hover .heroItemLines .line.bottom { width:100%; } .heroNav { } .heroNav .slider-arrows.heroArrows { } /*/// @HomeNoQuery | StockNewsContent ///*/ .home .stockNewsContent { background-color:#00171F; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews { } /*/// @HomeNoQuery | Stock ///*/ .home .stockNewsContent .col-stockNews .stockTick { border-right:1px solid #273A41; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer { text-align:left; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockNasqaq { font-family:'halogen', sans-serif; color:#939598; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockSymbol { font-family:'halogen', sans-serif; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockPrice { color:#FFFFFF; vertical-align:top; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChange { color:#939598; vertical-align:top; } .home .stockNewsContent .col-stockNews .stockTick .stockContainer .stockChangePer { color:#939598; vertical-align:top; } /*/// @HomeNoQuery | InvestorNews ///*/ .home .stockNewsContent .col-stockNews .investorNews { } .home .stockNewsContent .col-stockNews .investorNews .sliderContainer { z-index:2; } .home .stockNewsContent .col-stockNews .investorNews .title { display:block; font-family:'halogen', sans-serif; color:#939598; letter-spacing:0.000em; text-transform:uppercase; } .home .stockNewsContent .col-stockNews .investorNews .newsItems { max-height:80px; overflow:hidden; } .home .stockNewsContent .col-stockNews .investorNews .newsItem { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent { z-index:5; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info { display:block; overflow:hidden; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name { color:#BCBCBC; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { display:block; font-family:'halogen', sans-serif; color:#696969; letter-spacing:0.000em; text-transform:uppercase; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemLines { position:absolute; top:0; left:0; right:0; width:100%; height:100%; z-index:2; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemLines .line { -webkit-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemLines .line { position:absolute; background-color:#EFA71F; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemLines .line.bottom { bottom:0; left:0; right:0; height:1px; width:0%; } .home .stockNewsContent .col-stockNews .investorNews .newsItem a:hover .newsItemLines .line.bottom { width:100%; } .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .date, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .info .name, .home .stockNewsContent .col-stockNews .investorNews .newsItem .newsItemContent .btn { -webkit-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .home .stockNewsContent .col-stockNews .investorNews .newsItem a:hover .newsItemContent .info .date { color:#E5E5E5; } .home .stockNewsContent .col-stockNews .investorNews .newsItem a:hover .newsItemContent .info .name { color:#E5E5E5; } .home .stockNewsContent .col-stockNews .investorNews .newsItem a:hover .newsItemContent .btn { color:#EFA71F; } .home .stockNewsContent .col-stockNews .investorNews .newsItem a, .home .stockNewsContent .col-stockNews .investorNews .newsItem a:visited, .home .stockNewsContent .col-stockNews .investorNews .newsItem a:hover, .home .stockNewsContent .col-stockNews .investorNews .newsItem a:active, .home .stockNewsContent .col-stockNews .investorNews .newsItem a:focus { position:relative; display:block; border:0 none; outline:0 none; text-decoration:none; } /*/// @HomeNoQuery | MoreNews ///*/ .home .stockNewsContent .col-stockNews .newsBtnHold { } /*/// @HomeNoQuery | PrimaryContent ///*/ .home .primaryContent { background-color:#00171F; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .home .primaryContent .container { } .home .primaryContent .col-primary { } .home .primaryContent .col-primary .content { } .home .primaryContent .col-primary .content .ghostTitle { } .home .primaryContent .col-primary .content .italicLine { } .home .primaryContent .col-primary .content .h1 { } .home .primaryContent .col-primary .content p { } .home .primaryContent .col-primary .content .primaryBtnHold { } /*/// @HomeNoQuery | SecondaryContent ///*/ .home .secondaryContent { position:relative; background-color:#00171F; } .home .secondaryContent .ghostTitle { position:absolute; top:auto; left:auto; color:#0B2128; font-family:'halogen', sans-serif; font-style:italic; line-height:1.0; font-weight:500; letter-spacing:0.02em; text-transform:uppercase; z-index:1;} .home .secondaryContent .row { } .home .secondaryContent .col-secondary { } .home .secondaryContent .col-secondary:nth-child(4) { } .home .secondaryContent .col-secondary .content { position:relative; } .home .secondaryContent .col-secondary .content .h2 { } .home .secondaryContent .col-secondary .content p { } .home .secondaryContent .col-secondary .content .secondaryBtnHold { } .home .secondaryContent .col-secondary .content .italicLine { position:relative; top:0; left:0; } /*/// @PageNoQuery | HeroShot ///*/ .pageHero { width:100%; background-color:#00171F; } /*/// @PageNoQuery | Navigation ///*/ .pageNavigation { position:relative; } .pageNavigation ul.pagesMenu { width:100%; border-bottom:1px solid #33454C; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageNavigation ul.pagesMenu li { position:relative; display:table-cell; width:1%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; text-indent:initial; } .pageNavigation ul.pagesMenu li { font-family:'halogen', sans-serif; font-size:14px; line-height:1.7; font-weight:500; letter-spacing:0.01em; } .pageNavigation ul.pagesMenu li:before { top:initial; content:''; padding-right:0; } .pageNavigation ul.pagesMenu li:nth-child(1) { } .pageNavigation ul.pagesMenu li a { -webkit-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .pageNavigation ul.pagesMenu li a, .pageNavigation ul.pagesMenu li a:visited { position:relative; display:block; color:#939598; text-transform:uppercase; padding:50px 15px 25px 15px; text-decoration:none; outline:0 none; border:0 none; z-index:3; } .pageNavigation ul.pagesMenu li a:hover, .pageNavigation ul.pagesMenu li a:focus, .pageNavigation ul.pagesMenu li a:active { color:#FFFFFF; text-decoration:none; outline:0 none; border:0 none; } .pageNavigation ul.pagesMenu li.current-menu-item a, .pageNavigation ul.pagesMenu li.current-menu-item a:visited { color:#EFA71F; } .pageNavigation ul.pagesMenu li.current-menu-item a:hover, .pageNavigation ul.pagesMenu li.current-menu-item a:focus, .pageNavigation ul.pagesMenu li.current-menu-item a:active { color:#f8b840; } .pageNavigation ul.pagesMenu li .menuLines { display:block; position:absolute; top:0; left:0; right:0; width:100%; height:100%; z-index:2; } .pageNavigation ul.pagesMenu li .menuLines .line { -webkit-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, color 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .pageNavigation ul.pagesMenu li .menuLines .line { position:absolute; } .pageNavigation ul.pagesMenu li .menuLines .line.bottom { bottom:0; left:0; right:0; height:1px; width:0%; } .pageNavigation ul.pagesMenu li.current-menu-item .menuLines .line.bottom, .pageNavigation ul.pagesMenu li:hover .menuLines .line.bottom { width:100%; } .pageNavigation ul.pagesMenu li.current-menu-item .menuLines .line { background-color:#EFA71F; } .pageNavigation ul.pagesMenu li.current-menu-item:hover .menuLines .line { background-color:#f8b840; } .pageNavigation ul.pagesMenu li .menuLines .line { background-color:#FFFFFF; } .pageNavigation ul.pagesMenu.w25 { } .pageNavigation ul.pagesMenu.w25 li { width:25%; float:left; vertical-align:top; } /*/// @PageNoQuery | ContentFilter ///*/ .contentFilter { position:relative; text-align:left; z-index:10; } .contentFilter label.filter { display:inline-block; position:relative; width:75px; font-family:'halogen', sans-serif; font-weight:400; letter-spacing:0.02em; color:#EFA71F; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; } .content .contentFilter ul li { text-indent:0; } .content .contentFilter ul li:before { content:""; padding-right:0; top:0; font-size:14px; } /*/// @PageNoQuery | Content ///*/ .pageContent { } .pageContent .content { } .pageContent .content .contentImages .col-pageContentImg-left { } .pageContent .content .contentImages .col-pageContentImg-right { } .pageContent .content .contentImages .pageContentImgTitle { display:block; color:#939598; text-align:right; text-transform:uppercase; } .pageContent.bgAbsolute { } /*/// @PageNoQuery | ContentOneColumn ///*/ .pageContent .content .col-pageContentOneColumn { } .pageContent .content .col-pageContentOneColumn .pageContentText { } .pageContent .content .col-pageContentOneColumn .primaryBtnHold { } .pageContent .content .col-pageContentOneColumn .contentImages { } /*/// @PageNoQuery | ContentTwoColumns ///*/ .pageContent .content .col-pageContentTwoColumnTop { } .pageContent .content .col-pageContentTwoColumnLeft { } .pageContent .content .col-pageContentTwoColumnLeft .pageContentText { } .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .pageContent .content .col-pageContentTwoColumnLeft .contentImages { } .pageContent .content .col-pageContentTwoColumnRight { } .pageContent .content .col-pageContentTwoColumnRight .pageContentText { } .pageContent .content .col-pageContentTwoColumnRight .primaryBtnHold { } .pageContent .content .col-pageContentTwoColumnRight .contentImages { } /*/// @PageNoQuery | ContentAccordian ///*/ .pageContent .content .col-pageContentAccordianTop { } .pageContent .content .col-pageContentAccordianBottom { } .pageContent .content .col-pageContentAccordianBottom .content.accordian { } /*/// @PageNoQuery | ContentTechnologies ///*/ .pageContent .content .col-pageContentTechnologiesTop { } .pageContent .content .col-pageContentTechnologiesBottom { } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(odd) { } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(even) { } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { position:relative; display:block; margin:0px 0px 0px 0px; border:1px solid #33454C; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:visited, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:hover, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:active, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:focus { display:block; outline:0 none; border:0 none; text-decoration:none; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon { position:relative; display:inline-block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { position:absolute; top:0; left:0; background-color:transparent; -webkit-backface-visibility:hidden; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { -webkit-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:opacity 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon.up { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon.over { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:hover .technologyIcon .img-contentIcon.up { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:hover .technologyIcon .img-contentIcon.over { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { -webkit-transition:color 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.50s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { display:inline-block; font-family:'halogen', sans-serif; color:#FFFFFF; font-weight:500; line-height:1.7; text-align:left; text-transform:uppercase; vertical-align:top; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:hover .technologyTitle { color:#EFA71F; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(1) .technology a .technologyTitle { } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(2) .technology a .technologyTitle { } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(3) .technology a .technologyTitle { } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech:nth-child(4) .technology a .technologyTitle { } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyBtnLines { position:absolute; top:0; left:0; right:0; width:100%; height:100%; z-index:2; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyBtnLines .line { -webkit-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:width 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, height 0.5s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyBtnLines .line { position:absolute; background-color:#EFA71F; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyBtnLines .line.top { top:0; left:0; height:1px; width:0%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyBtnLines .line.right { top:0; right:0; width:1px; height:0%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyBtnLines .line.bottom { bottom:0; right:0; height:1px; width:0%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyBtnLines .line.left { bottom:0; left:0; width:1px; height:0%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:hover .technologyBtnLines .line.top, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:hover .technologyBtnLines .line.bottom { width:100%; } .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:hover .technologyBtnLines .line.left, .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a:hover .technologyBtnLines .line.right { height:100%; } /*/// @PageNoQuery | About ///*/ .about { } /*/// @PageNoQuery | History ///*/ .history { } .history .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageNoQuery | Mission ///*/ .mission { } .mission .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*/// @PageNoQuery | Goals ///*/ .goals { } /*/// @PageNoQuery | Board ///*/ .board { } .board .pageContent { } .board .pageContent .content .col-pageContentAccordianTop { } .board .pageContent .content .col-pageContentAccordianBottom { } /*/// @PageNoQuery | Management ///*/ .management { } .management .pageContent { } .management .pageContent .content .col-pageContentAccordianTop { } .management .pageContent .content .col-pageContentAccordianBottom { } /*/// @PageNoQuery | InvestorRelations ///*/ .investorRelations { } .investorRelations .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .row-pageContentInvestorRelationsBottom { } /*/// @PageNoQuery | InvestorRelations - Transfer Agent ///*/ .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm { color:#E5E5E5; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm .h4 { color:#EFA71F; text-transform:uppercase; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm span { } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm a { -webkit-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm a, .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm a:visited { color:#E5E5E5; outline:0 none; border:0 none; } .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm a:hover, .investorRelations .pageContent .content .col-pageContentInvestorTransferFirm a:active, .investorRelations .pageContent .content .col-pageContentContactAddress a:focus { color:#939598; text-decoration:none; outline:0 none; border:0 none; } .investorRelations .pageContent .content .col-pageContentInvestorDivider span { background-color:#3A4C52; margin:0 auto; } /*/// @PageNoQuery | InvestorRelations - BtnsColumn ///*/ .investorRelations .pageContent .content .col-pageContentInvestorBtns { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { } .investorRelations .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(1) { } /*/// @PageNoQuery | CurrentStockPrice ///*/ .currentStock { } .currentStock .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .currentStock .pageContent .content .col-pageContentCurrentStock { } /*/// @PageNoQuery | SECFilings ///*/ .secFilings { } .secFilings .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .secFilings .pageContent .content .col-pageContentSecFilings { } /*/// @PageNoQuery | InvestorNews ///*/ .investorNews { } .investorNews .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .investorNews .pageContent .content .col-pageContentPostDivider { border-bottom:1px solid #3A5058; } .investorNews .pageContent .content .col-pageContentQuarterly { } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { display:block; color:#FFFFFF; text-transform:capitalize; } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { display:block; color:#939598; /*text-transform:capitalize;*/ } .investorNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:absolute; bottom:0; } /*/// @PageNoQuery | QuarterlyEarningsConfernceCallAccess ///*/ .quarterlyEarnings { } .quarterlyEarnings .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .quarterlyEarnings .pageContent .content .col-pageContentPostDivider { border-bottom:1px solid #3A5058; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly { } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { display:block; color:#FFFFFF; text-transform:capitalize; } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { } .quarterlyEarnings .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { } /*/// @PageNoQuery | InvestorReleationsContact ///*/ .investorReleationsContact { } .investorReleationsContact .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .investorReleationsContact .pageContent .content .col-pageContentContactAddress { } /*/// @PageNoQuery | CorporateGovernance ///*/ .corporateGov { } .corporateGov .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns { } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(odd) { } .corporateGov .pageContent .content .col-pageContentInvestorBtns .col-investorBtn:nth-child(even) { } /*/// @PageNoQuery | BlackOil Business Division ///*/ .blackOil { } .blackOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { max-width:480px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .blackOil .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:30px 0px 0px 0px; } /*/// @PageNoQuery | Marketing Business Division ///*/ .marketingDivision { } .marketingDivision .pageContent .content .col-pageContentOneColumn .primaryBtnHold { max-width:480px; } /*/// @PageNoQuery | Refining Technologies Business Division ///*/ .refining { } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology { } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a { text-align:center; } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon, .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyIcon .img-contentIcon { } .refining .pageContent .content .col-pageContentTechnologiesBottom .content.technologies .col-tech .technology a .technologyTitle { } /*/// @PageNoQuery | Refining Technologies Business Division - TCEP Tech ///*/ .tcepTech { } .tcepTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .tcepTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .tcepTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { } /*/// @PageNoQuery | Refining Technologies Business Division - VGO Tech ///*/ .vgoTech { } .vgoTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .vgoTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .vgoTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { } /*/// @PageNoQuery | Refining Technologies Business Division - Base Oil Tech ///*/ .baseOilTech { } .baseOilTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .baseOilTech .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { margin:20px 0px 0px 0px; } .baseOilTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { } /*/// @PageNoQuery | Refining Technologies Business Division - Fuels Refining Tech ///*/ .fuelsRefiningTech { } .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .fuelsRefiningTech .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .fuelsRefiningTech .pageContent .content .col-pageContentTechnologiesBottom .content.technologies { } /*/// @PageNoQuery | Recovery Business Division ///*/ .recovery { } /*/// @PageNoQuery | Refined Products - Layout ///*/ .pageLayoutProducts { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn:nth-child(1) { margin:25px 0px 20px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnLeft .col-pageContentBusinessDivisionsBtns .col-businessDivisionsBtn .primaryBtnHold { } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pageLayoutProducts .pageContent .content .col-pageContentTwoColumnRight .contentImages .col-pageContentImg-column2:nth-child(2) { } /*/// @PageNoQuery | Refined Products - Base Oils ///*/ .baseOil { } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .primaryBtnHold { } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages { } .baseOil .pageContent .content .col-pageContentTwoColumnLeft .contentImages .img-content { } /*/// @PageNoQuery | FeaturedNews ///*/ .featuredNews { } .featuredNews .pageContent .content .col-pageContentTwoColumnRight .contentImages { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .featuredNews .pageContent .content .col-pageContentPostDivider { border-bottom:1px solid #3A5058; } .featuredNews .pageContent .content .col-pageContentQuarterly { } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost { } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(odd) { } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost:nth-child(even) { } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .date, .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .name { display:block; color:#FFFFFF; text-transform:capitalize; } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .desc { display:block; color:#939598; /*text-transform:capitalize;*/ } .featuredNews .pageContent .content .col-pageContentQuarterly .col-pageContentQuarterlyPost .primaryBtnLnk { position:absolute; bottom:0; } /*/// @PageNoQuery | Contact - Top ///*/ .contact { } .contact .pageContent .content .col-pageContentContactTop { } /*/// @PageNoQuery | Contact - Address ///*/ .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { } .contact .pageContent .content .col-pageContentContactAddress, .investorReleationsContact .pageContent .content .col-pageContentContactAddress { color:#E5E5E5; text-align:left; } .contact .pageContent .content .col-pageContentContactAddress { } .contact .pageContent .content .col-pageContentContactAddress .h4, .investorReleationsContact .pageContent .content .col-pageContentContactAddress .h4 { color:#EFA71F; text-transform:uppercase; } .contact .pageContent .content .col-pageContentContactAddress a, .investorReleationsContact .pageContent .content .col-pageContentContactAddress a { -webkit-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:color 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } .contact .pageContent .content .col-pageContentContactAddress a, .investorReleationsContact .pageContent .content .col-pageContentContactAddress a, .contact .pageContent .content .col-pageContentContactAddress a:visited, .investorReleationsContact .pageContent .content .col-pageContentContactAddress a:visited { color:#E5E5E5; outline:0 none; border:0 none; } .contact .pageContent .content .col-pageContentContactAddress a:hover, .investorReleationsContact .pageContent .content .col-pageContentContactAddress a:hover, .contact .pageContent .content .col-pageContentContactAddress a:active, .investorReleationsContact .pageContent .content .col-pageContentContactAddress a:active, .contact .pageContent .content .col-pageContentContactAddress a:focus, .investorReleationsContact .pageContent .content .col-pageContentContactAddress a:focus { color:#939598; text-decoration:none; outline:0 none; border:0 none; } /*/// @PageNoQuery | Contact - Form ///*/ .contact .pageContent .content .col-pageContentContactForm { } .contact .pageContent .content .col-pageContentContactForm .col-required { } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields { color:#C74343; text-align:left; overflow:hidden; } .contact .pageContent .content .col-pageContentContactForm .col-required label.requiredFields span { position:relative; } .contact .pageContent .content .col-pageContentContactForm .col-fname { } .contact .pageContent .content .col-pageContentContactForm .col-lname { } .contact .pageContent .content .col-pageContentContactForm .col-phone { } .contact .pageContent .content .col-pageContentContactForm .col-email { } .contact .pageContent .content .col-pageContentContactForm .col-company { } .contact .pageContent .content .col-pageContentContactForm .col-message { } .contact .pageContent .content .col-pageContentContactForm .col-submit { } /*/// @PageNoQuery | Contact - FormError ///*/ .contact .pageContent .content .col-pageContentContactForm .use-floating-validation-tip span.wpcf7-not-valid-tip { opacity:1; position:relative; top:0; left:0; color:#C74343; border:0 none; background-color:transparent; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-validation-errors { position:absolute; border:0 none; top:0; right:0; color:#C74343; } .contact .pageContent .content .col-pageContentContactForm .wpcf7-mail-sent-ok { position:absolute; border:0 none; top:0; right:0; color:#98DA89; } /*/// @PageNoQuery | Contact - Label Slide ///*/ /*.contact .pageContent .content .col-pageContentContactForm label.slide { -webkit-transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; -moz-transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; -ms-transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; -o-transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; } .contact .pageContent .content .col-pageContentContactForm label.slide { position:absolute; top:20px; left:5px; color:#CCCCCC; font-size:18px; font-weight:400; letter-spacing:0.020em; line-height:1.0; padding:0px 20px 0px 20px; margin:0px 0px 0px 0px; pointer-events:none; } .contact .pageContent .content .col-pageContentContactForm label.slide { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; } .contact .pageContent .content .col-pageContentContactForm input.textInput:valid ~ label.slide, .contact .pageContent .content .col-pageContentContactForm textarea.textArea:valid ~ label.slide { top:10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; z-index:10000; } .ie9 .contact .pageContent .content .col-pageContentContactForm label.slide { top:10px !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter:alpha(opacity=100) !important; -moz-opacity:1.0 !important; -khtml-opacity:1.0 !important; opacity:1.0 !important; z-index:10000; }*/ /*/// @PageNoQuery | Contact - Required Asterisk Label ///*/ .contact .pageContent .content .col-pageContentContactForm label.required { -webkit-transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; -moz-transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; -ms-transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; -o-transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; transition:top 0.35s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s, opacity 0.55s linear 0.0s; } .contact .pageContent .content .col-pageContentContactForm label.required { position:absolute; right:0px; color:#C74343; pointer-events:none; z-index:100; } .contact .pageContent .content .col-pageContentContactForm label.required { top:0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; } /*.pageToolkit .form input.ng-valid-required ~ label.required { top:20px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; } .ie9 .pageToolkit .form label.slide { top:10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity:0.0; }*/ /*/// @PageNoQuery | Contact - Input Types ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput, .contact .pageContent .content .col-pageContentContactForm textarea.textArea { -webkit-transition:border 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -moz-transition:border 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -ms-transition:border 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; -o-transition:border 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; transition:border 0.45s cubic-bezier(0.55,0.01,0.55,1.00) 0.0s; } /*/// @PageNoQuery | Contact - Text Input ///*/ .contact .pageContent .content .col-pageContentContactForm input.textInput { display:block; position:relative; width:100%; color:#939598; background-color:transparent; outline:0; border-top:1px solid transparent; border-bottom:1px solid #33454C; border-left:1px solid transparent; border-right:1px solid transparent; -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; z-index:9; } .contact .pageContent .content .col-pageContentContactForm input.textInput:hover, .contact .pageContent .content .col-pageContentContactForm input.textInput:focus, .contact .pageContent .content .col-pageContentContactForm input.textInput:active { font-weight:400; border-bottom:1px solid #B1B1B1; outline:none; } .contact .pageContent .content .col-pageContentContactForm .textInput::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textInput:-ms-input-placeholder { font-family:'Roboto Condensed', sans-serif; color:#ACAAA5; vertical-align:middle; } /*/// @PageNoQuery | Contact - Text Area Input ///*/ .contact .pageContent .content .col-pageContentContactForm textarea.textArea { display:block; position:relative; width:100%; height:140px; color:#939598; background-color:transparent; outline:0; border-top:1px solid transparent; border-bottom:1px solid #33454C; border-left:1px solid transparent; border-right:1px solid transparent; -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; resize:vertical; max-height:300px; z-index:9; } .contact .pageContent .content .col-pageContentContactForm textarea.textArea:hover, .contact .pageContent .content .col-pageContentContactForm textarea.textArea:focus, .contact .pageContent .content .col-pageContentContactForm .form textarea[class=textArea]:active { font-weight:400; border:1px solid #B1B1B1; outline:none; } .contact .pageContent .content .col-pageContentContactForm .textArea::-webkit-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea::-moz-input-placeholder, .contact .pageContent .content .col-pageContentContactForm .textArea:-ms-input-placeholder { font-family:'Roboto Condensed', sans-serif; color:#ACAAA5; } /*/// @PageNoQuery | Single Article ///*/ .single { } .single .pageNavigation { display:none; } .single .pageContent .content { } .single .pageContent .content .pageContentText p { } .single .pageContent .content .pageContentText i, .single .pageContent .content .pageContentText em { color:#9E9E9E; font-style:italic; } .single .pageContent .content .pageContentText .info { font-weight:400; letter-spacing:0.01em; line-height:1.4; padding:0px 0px 0px 0px; } .single .pageContent .content .pageContentText .info .author { } .single .pageContent .content .pageContentText .info .date { color:#4B5254; } .single .pageContent .content .pageContentText .article-col-l { } .single .pageContent .content .pageContentText .article-col-r { } /*/// @Animations | Slink ///*/ .slink .span { -webkit-animation-name:slink; -moz-animation-name:slink; -o-animation-name:slink; animation-name:slink; } @-webkit-keyframes slink { 49% { -webkit-transform:translate(-100%); } 50% { opacity:0; -webkit-transform:translate(100%); } 51% { opacity:1; } } @-moz-keyframes slink { 49% { -moz-transform:translate(-100%); } 50% { opacity:0; -moz-transform:translate(100%); } 51% { opacity:1; } } @-o-keyframes slink { 49% { -o-transform:translate(-100%); } 50% { opacity:0; -o-transform:translate(100%); } 51% { opacity:1; } } @keyframes slink { 0% { transform:translate(-300%); } 49% { transform:translate(100%); } 50% { opacity:0; transform:translate(0%); } 51% { opacity:1; } } /*/// @Animations | Move to Left from Right ///*/ @-webkit-keyframes moveToLeftFromRight { 49% { -webkit-transform:translate(-100%); } 50% { opacity:0; -webkit-transform:translate(100%); } 51% { opacity:1; } } @-moz-keyframes moveToLeftFromRight { 49% { -moz-transform:translate(-100%); } 50% { opacity:0; -moz-transform:translate(100%); } 51% { opacity:1; } } @-o-keyframes moveToLeftFromRight { 49% { -o-transform:translate(-100%); } 50% { opacity:0; -o-transform:translate(100%); } 51% { opacity:1; } } @keyframes moveToLeftFromRight { 49% { transform:translate(-100%); } 50% { opacity:0; transform:translate(100%); } 51% { opacity:1; } } /*/// @Animations | Move to Right from Left ///*/ @-webkit-keyframes moveToRightFromLeft { 49% { -webkit-transform:translate(100%); } 50% { opacity:0; -webkit-transform:translate(-100%); } 51% { opacity:1; } } @-moz-keyframes moveToRightFromLeft { 49% { -moz-transform:translate(100%); } 50% { opacity:0; -moz-transform:translate(-100%); } 51% { opacity:1; } } @-o-keyframes moveToRightFromLeft { 49% { -o-transform:translate(100%); } 50% { opacity:0; -o-transform:translate(-100%); } 51% { opacity:1; } } @keyframes moveToRightFromLeft { 49% { transform:translate(100%); } 50% { opacity:0; transform:translate(-100%); } 51% { opacity:1; } } /*/// @Animations | FadeIn ///*/ @-webkit-keyframes fadeInOpac { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeInOpac { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes fadeInOpac { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeInOpac { 0% { opacity:0; } 100% { opacity:1; } } /*/// @Animations | FadeOut ///*/ @-webkit-keyframes fadeOutOpac { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeOutOpac { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes fadeOutOpac { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeOutOpac { 0% { opacity:0; } 100% { opacity:1; } } /*/// @End ///*/