/* ----------------------------------------- */ /* View: Services Taxonomy Icon Grid - start */ /* ----------------------------------------- */ ul.service-icons-list { padding-left: 0px; display: block; text-align:center; } ul.service-icons-list li.service-icons{ list-style:none; display: inline-block; width: 19%; text-align:center; } @media screen and (max-width: 767px){ ul.service-icons-list li.service-icons{ width: 24%; } } @media screen and (max-width: 560px){ ul.service-icons-list li.service-icons{ width: 32%; } } @media screen and (max-width: 450px){ ul.service-icons-list li.service-icons{ width: 100%; } } ul.service-icons-list li.service-icons .service-icon-inner{ display:table; margin: 0 auto 2rem; width: auto; position:relative; } ul.service-icons-list li.service-icons a{ border-radius: 50%; background-color: #5d9abe; border: 0.3rem solid #5d9abe; color: #fff; height: 10rem; width: 10rem; display: table-cell; vertical-align:middle; overflow:hidden; margin:0 auto; } ul.service-icons-list li.service-icons a .service-icon-back{ font-size: 1.0rem; line-height: 0.9rem; text-transform: uppercase; text-align:middle; font-family: "Raleway", Helvetica, Arial, sans-serif; } ul.service-icons-list li.service-icons a .service-icon-front{ font-size: 6rem; } ul.service-icons-list li.service-icons a:hover{ background-color: #132530; border: 0.3rem solid #132530; } ul.service-icons-list li.service-icons a .service-icon-back, ul.service-icons-list li.service-icons a:hover .service-icon-front{ display: none; } ul.service-icons-list li.service-icons a:hover .service-icon-back, ul.service-icons-list li.service-icons a .service-icon-front{ display:inline; } ul.service-icons-list li.service-icons a .service-icon-front i:before{ width: auto; } /* ----------------------------------------- */ /* View: Services Taxonomy Icon Grid - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Featured Testimonial - start */ /* ----------------------------------------- */ .featured-testimonial-outer{ text-align:center; padding-top:5em; padding-bottom:5em; } .featured-testimonial-outer * { -webkit-backface-visibility: hidden !important; } .featured-testimonial-singular{ padding-top:1em; padding-bottom:1em; padding-left: 20px; padding-right: 20px; } .featured-testimonial-outer .featured-testimonial-bg { content: ""; opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment:fixed !important; z-index: -1; } /* ----------------------------------------- */ /* View: Featured Testimonial - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Resource Buttons - start */ /* ----------------------------------------- */ div#imagemodal { z-index: 9999 !important; padding-right: 17px; } a.media-link-outer { margin-right: 30px; display:inline-block; } a.media-link-outer .dtf-circle-link{ margin-right: 10px; } a.media-link-outer:last-child, a.media-link-outer:last-child :last-child{ margin-right: 0px; } a.media-link-outer p{ display: inline-block; font-size: 1rem; } @media screen and (max-width: 768px){ a.media-link-outer p{ display: none; } a.media-link-outer { margin-right: 0px; } } /* ----------------------------------------- */ /* View: Resource Buttons - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Featured Video Testimonials Grid - start */ /* ----------------------------------------- */ .featured-video-testimonial-row{ margin-top: 10px; } .featured-video-testimonial-row .featured-video-testimonial-col{ margin-top: 5px; text-align:center; } .featured-video-testimonial-link { display:block; } .featured-video-testimonial-link img{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .featured-video-testimonial-link:hover img{ opacity: 0.7; } .featured-video-testimonial-link .featured-video-icon { width: 100%; text-align:center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: table; height: auto; font-size: 5em; opacity: 0.5; color: #FFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .featured-video-testimonial-link:hover .featured-video-icon{ opacity: 0.9; color: #000; } a.featured-video-testimonial-link { border: rgba(139, 139, 139, 0.2) 1px solid; border-radius: 3px; } /* ----------------------------------------- */ /* View: Featured Video Testimonials Grid - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Featured Case Studies - start */ /* ----------------------------------------- */ .featured-case-studies{ margin-bottom: 10px; } .featured-case-study-single-img{ width: 100%; } .featured-case-study-logo{ background-color: #fff; padding: 10px; margin: 0 auto; border-radius: 5px; text-align:center; display: inline-block; clear: both; max-width: 50%; } .featured-case-study-logo-img { margin-bottom: 0px !important; } .featured-case-study-name { font-size: 1.1em; } .featured-case-study-link{ display: block; } .featured-case-study-link .featured-case-study-foreground { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; position:absolute; display: table; top: 0; bottom: 0; left:0; right:0; width: 100%; height: auto; text-align: center; margin: auto; padding: 30px; } .featured-case-study-link:hover .featured-case-study-foreground { opacity: 1; text-align:center; } .featured-case-study-link .featured-case-study-single-img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .featured-case-study-link:hover .featured-case-study-single-img { opacity: 0.2; } /* ----------------------------------------- */ /* View: Featured Case Studies - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Featured News Post Grid – Simplified - start */ /* ----------------------------------------- */ .news-simple-col { padding-left: 3em; } .news-simple-col .news-simple-title a{ font-size: 1.6em; line-height: 1em; } .news-simple-col .news-simple-title a i { margin-left: -1.6em; margin-right: 0.2em; } /* ----------------------------------------- */ /* View: Featured News Post Grid – Simplified - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Page Anchor Only - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Page Anchor Only - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Title + Tagline - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Title + Tagline - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Title (Larger) + Tagline + Excerpt - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Title (Larger) + Tagline + Excerpt - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: SE001 – Splash Page – Market Expertise – Tab Content - start */ /* ----------------------------------------- */ ul.expertise-icons-list { padding-left: 0px; display: block; text-align:center; } ul.expertise-icons-list li.expertise-icons{ list-style:none; display: inline-block; width: 33%; text-align:center; } @media screen and (max-width: 450px){ ul.expertise-icons-list li.expertise-icons{ width: 100%; } } ul.expertise-icons-list li.expertise-icons .expertise-icon-inner{ display:table; margin: 0 auto 3rem; width: auto; position:relative; } ul.expertise-icons-list li.expertise-icons a{ border-radius: 50%; background-color: #5d9abe; border: 0.5rem solid #5d9abe; color: #fff; height: 14rem; width: 14rem; display: table-cell; vertical-align:middle; overflow:hidden; margin:0 auto; } ul.expertise-icons-list li.expertise-icons a .expertise-icon-back{ font-size: 1.6rem; line-height: 1.5rem; text-transform: uppercase; text-align:middle; font-family: "Raleway", Helvetica, Arial, sans-serif; } ul.expertise-icons-list li.expertise-icons a .expertise-icon-front{ font-size: 9rem; } ul.expertise-icons-list li.expertise-icons a:hover{ background-color: #132530; border: 0.5rem solid #132530; } ul.expertise-icons-list li.expertise-icons a .expertise-icon-back, ul.expertise-icons-list li.expertise-icons a:hover .expertise-icon-front{ display: none; } ul.expertise-icons-list li.expertise-icons a:hover .expertise-icon-back, ul.expertise-icons-list li.expertise-icons a .expertise-icon-front{ display:inline; } /* ----------------------------------------- */ /* Content Template: SE001 – Splash Page – Market Expertise – Tab Content - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Title (h3) + Tagline + Excerpt + CTA - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Title (h3) + Tagline + Excerpt + CTA - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Single Testimonial Block - start */ /* ----------------------------------------- */ .client-testimonial-text{ position:relative; padding-left: 40px; padding-right: 40px; } .client-testimonial-text .client-testimonial-text-inner *{ font-variant:small-caps; font-weight: 500; letter-spacing:0px; font-size: 150%; } .client-testimonial-text .testimonial-quote-left, .client-testimonial-text .testimonial-quote-right{ display:inline-block; font-size: 100px; position:absolute; } .client-testimonial-text .testimonial-quote-left{ left: 0; top: 0; height: 25px; line-height: 90px; margin-bottom: 0px; } .client-testimonial-text .testimonial-quote-right{ right: 0; bottom: 0; height:30px; vertical-align:top; line-height: 90px; margin-bottom: 0px; } .client-testimonial-client{ font-variant: small-caps; font-weight: 100; } .client-testimonial-speaker{ font-variant: small-caps; font-weight: 100; margin: 0; } .client-testimonial-video { max-width: 900px; margin: 0 auto; } /* ----------------------------------------- */ /* Content Template: Single Testimonial Block - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: CTA Button Only - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: CTA Button Only - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Excerpt + Background - start */ /* ----------------------------------------- */ .excerpt-bg-block{ text-align:center; padding-top:6em; padding-bottom:6em; } .excerpt-bg-block *{ -webkit-backface-visibility: hidden !important; } .excerpt-bg-block .excerpt-bg-block-bg { content: ""; opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment:fixed !important; z-index: -1; } .excerpt-bg-block .excerpt-bg-block-bgcolor { content: ""; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -2; } /* ----------------------------------------- */ /* Content Template: Excerpt + Background - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Subfooter – Contact (SE001 Custom) - start */ /* ----------------------------------------- */ /******************* SUBFOOTER-CONTACT CIRCLE LINKS ********************/ a.circle-link { display:inline-block; border: 2px solid #fff; border-radius:50%; height: 200px; width: 200px; padding: 35px; margin: 0 10px 10px; color: #fff !important; } a.circle-link i { font-size: 90px; color: #fff; } a.circle-link i.fa-check-square-o{ margin-left:5px; margin-right:-5px; } a.circle-link:hover { text-decoration:none; opacity: .8; } @media screen and (max-width: 768px){ a.circle-link { height: 150px !important; width: 150px !important; padding: 28px !important; } a.circle-link i { font-size: 60px !important; } } @media screen and (max-width: 550px){ a.circle-link { height: 90px !important; width: 90px !important; padding: 17px !important; font-size: 10px !important; } a.circle-link i { font-size: 30px !important; } } @media screen and (max-width: 370px){ a.circle-link { height: 80px !important; width: 80px !important; padding: 12px !important; font-size: 10px !important; margin: 0 5px 5px!important; } a.circle-link i { font-size: 30px !important; } } .modal-title{ color:#000 !important; } .modal .btn.btn-primary{ color: #000 !important; } .modal .btn.btn-primary:hover{ color: #fff !important; } .dtf-subfooter-contact .col-sm-12 { float:none; } p.footer-contact-title{ margin-top: 0px; margin-bottom: 0px; text-align: center; font-variant:small-caps; } .footer-contact-desc{ margin-bottom: 20px; font-variant:small-caps; } /* ----------------------------------------- */ /* Content Template: Subfooter – Contact (SE001 Custom) - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Site Footer (SE001 Custom) - start */ /* ----------------------------------------- */ .dtf-footer-menu ul.menu, .dtf-footer-menu ul.sub-menu { list-style:none; padding-left: 0px; text-transform:uppercase; font-size: 1.29rem; line-height: 1.7rem; margin-left: 15px; } .dtf-footer-menu ul.sub-menu { margin-left: 0px; } @media screen and (min-width: 660px){ .dtf-footer-menu ul.menu li{ display:inline-block; width:49%; } } .dtf-footer-menu ul.sub-menu li { display:inline-block; width:100%; } @media screen and (max-width: 400px){ .footer-right-container{ display:none; } .dtf-footer .container{ text-align:center; } .dtf-footer .container .row, .dtf-footer .footer-left-container, .dtf-footer .footer-right-sharing { width: 100%; text-align:center; } .footer-left{ text-align:left; display: inline-block; } } @media screen and (max-width: 1000px){ .dtf-footer-menu ul.menu, .dtf-footer-menu ul.sub-menu { font-size: 1.1rem; } } @media screen and (max-width: 767px){ .footer-right-sharing-icons { text-align:center; } } @media screen and (min-width: 768px){ img.footer-co-logo { max-width: 100%; } .footer-right-sharing-icons { text-align:right; } } .footer-right-sharing-icons a.circle-link{ width:40px!important; height: 40px!important; padding: 0px!important; margin: 2px 0 !important; text-align:center; } .footer-right-sharing-icons a.circle-link i{ font-size:20px!important; line-height:36px!important; vertical-align:middle; } .footer-right-sharing-icons a.circle-link:hover{ background-color:#5D9ABE; opacity: 1 !important; } p.sitefooter-contact-title{ margin-top: 0px; margin-bottom: 0px; text-align: center; font-variant:small-caps; } .sitefooter-contact-desc{ margin-bottom: 20px; font-variant:small-caps; } footer.dtf-footer { padding-top: 40px; } .se001-itra-global-footer-logo{ display:block; max-width: 40%; float: left; margin-right: 20px; margin-top: 40px; } .se001-sdvosb-global-footer-logo{ float: left; max-width: 30%; } /* ----------------------------------------- */ /* Content Template: Site Footer (SE001 Custom) - end */ /* ----------------------------------------- */