/*
Theme Name: Onebox
Theme URI: 
Author: Web Dipper
Author URI: 
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');
 @import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');
 @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 font,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td {
	 border: 0;
	 font-family: inherit;
	 font-style: inherit;
	 font-weight: inherit;
	 outline: 0;
	 padding: 0;
	 vertical-align: baseline;
 }
 
 html {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 overflow-y: scroll;
	 -webkit-text-size-adjust: 100%;
	 -ms-text-size-adjust: 100%;
 }
 
 *,
 *:before,
 *:after {
	 -webkit-box-sizing: inherit;
	 -moz-box-sizing: inherit;
	 box-sizing: inherit;
 }
 
 body {
	 font-family: 'Source Sans Pro', sans-serif;
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 nav,
 section {
	 display: block;
 }
 
 ol,
 ul {
	 list-style: none;
 }
 
 table {
	 border-collapse: separate;
	 border-spacing: 0;
 }
 
 caption,
 th,
 td {
	 font-weight: normal;
	 text-align: left;
 }
 
 fieldset {
	 min-width: inherit;
 }
 
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
	 content: "";
 }
 
 blockquote,
 q {
	 -webkit-hyphens: none;
	 -moz-hyphens: none;
	 -ms-hyphens: none;
	 hyphens: none;
	 quotes: none;
 }
 
 a:focus {
	 outline: 2px solid #c1c1c1;
	 outline: 2px solid rgba(51, 51, 51, 0.3);
 }
 
 a {
	 transition: all 0.2s;
 }
 
 a:hover,
 a:active {
	 outline: 0;
 }
 
 a img {
	 border: 0;
 }
 
 
 /* home */
 
 .home-wrappers {
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 height: 100vh;
 }
 
 .logo {
	 margin-bottom: 20px;
 }
 
 .home-centered {
	 display: flex;
	 align-self: center;
	 flex-direction: column;
 }
 
 .logo img {
	 width: 350px;
	 max-width: 100%;
	 display: block;
	 margin: 0 auto;
 }
 
 .menu {
	 list-style: none;
	 padding: 0px;
	 margin: 0px;
	 text-align: center;
 }
 
 .menu li {
	 display: inline-block;
	 vertical-align: middle;
	 margin: 15px 5px;
	 font-size: 16px;
 }
 
 .menu li a {
	 color: #000;
	 text-transform: uppercase;
	 text-decoration: none;
	 display: block;
	 padding: 7px 20px;
	 position: relative;
	 z-index: 1;
 }
 
 .menu li a::after {
	 content: '';
	 position: absolute;
	 display: block;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background: #000;
	 transition: cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.2s;
	 top: 100%;
	 z-index: -1;
 }
 
 .menu li a:hover {
	 color: #fff;
 }
 
 .menu li a:hover::after {
	 top: 0;
 }
 
 .info-wrapper {
	 padding: 60px 50px;
 }
 
 .info-wrapper h2 {
	 font-size: 95px;
	 font-weight: bold;
	 letter-spacing: 2px;
	 margin-bottom: 2rem;
 }
 
 .info-wrapper .page-row:nth-child(odd) .row-align {
	 flex-direction: row-reverse;
 }
 
 .info-wrapper .page-row img {
	 float: right;
	 max-width: 100%;
	 height: 253px;
 }
 
 .info-wrapper .page-row:nth-child(odd) img {
	 float: right;
	 max-width: 100%;
 }
 
 .info-wrapper .page-row:nth-child(even) {
	 text-align: right;
	 background: black;
	 color: #fff;
 }
 
 .info-wrapper .page-row:nth-child(even) img {
	 float: left;
	 max-width: 100%;
 }
 
 .info-wrapper .page-row {
	 padding: 198px 0px;
 }
 
 .back-button {
	 position: fixed;
	 right: 31px;
	 display: inline-block;
	 top: 39px;
	 color: #000;
	 font-size: 20px;
	 width: 40px;
	 height: 40px;
	 background: #fff;
	 text-align: center;
	 line-height: 40px;
	 border-radius: 50%;
	 transition: ease-in-out 0.2s;
	 box-shadow: 2px 1px 8px #818182ba;
	 z-index: 9;
 }
 
 .infolegal {
	 color: #000;
	 font-size: 20px;
	 width: 40px;
	 height: 40px;
	 background: #fff;
	 text-align: center;
	 line-height: 40px;
	 border-radius: 50%;
	 transition: ease-in-out 0.2s;
	 box-shadow: 2px 1px 8px #818182ba;
 }
 
 .infolegal:hover {
	 background: #000;
	 color: #fff;
	 transform: rotate(90deg)
 }
 .popup-page{width:50%;}
 
 .back-button:hover {
	 background: #000;
	 color: #fff;
	 transform: rotate(90deg)
 }
 
 .clients-page {
	 width: 1900px;
	 max-width: 100%;
	 margin: auto;
	 padding: 0 50px;
 }
 
 .clients-page .card {
	 border: none;
 }
 
 .p30 {
	 padding-top: 30px;
 }
 
 .clients-page .card h3 {
	 text-transform: capitalize;
	 letter-spacing: 0px;
	 font-size: 12px;
	 margin-bottom: 1rem;
	 font-weight: bold;
	 font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 
 .clients-page .card-body p {
	 font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	 font-size: 12px;
 }
 
 .grid-items img {
	 width: 100%;
	 height: auto;
	 display: block;
	 transition: all 0.2s;
 }
 
 .grid-items {
	 width: 25%;
 }
 
 .gal-grids {
	 overflow: hidden;
 }
 
 .gal-grids .hover-content {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 background: rgba(0, 0, 0, 0.8);
	 display: flex;
	 align-items: center;
	 padding: 15px 15px;
	 text-align: center;
	 flex-direction: row;
	 justify-content: center;
	 transition: ease-in-out 0.2s;
	 transform: scale(0);
 }
 
 .gal-grids .hover-content h4 {
	 color: #cacaca;
	 text-transform: uppercase;
	 font-weight: bold;
	 letter-spacing: 2px;
	 word-break: break-word;
 }
 
 .gal-grids .hover-content p {
	 color: #e0e0e0;
 }
 
 .gal-grids:hover img {
	 transform: scale(1.1);
 }
 
 .gal-grids:hover .hover-content {
	 transform: scale(1);
 }
 
 .contact-form-wrapper {
	 position: absolute;
	 z-index: 9;
	 margin: auto;
	 top: 50%;
	 transform: translateY(-50%);
	 left: 15%;
 }
 
 .contact-form-wrapper .contact-box input[type="text"],
 .contact-form-wrapper .contact-box input[type="email"],
 .contact-form-wrapper .contact-box input[type="tel"],
 .contact-form-wrapper .contact-box input[type="password"] {
	 height: 41px;
	 padding: 0px 7px;
	 width: 100%;
	 margin-bottom: 46px;
	 border: none;
	 outline: none;
	 border-bottom: 2px solid #bbbbbb;
	 -webkit-appearance: none;
 }
 
 .contact-form-wrapper .contact-box input[type="text"]:focus,
 .contact-form-wrapper .contact-box input[type="email"]:focus,
 .contact-form-wrapper .contact-box input[type="tel"]:focus,
 .contact-form-wrapper .contact-box input[type="password"]:focus,
 .contact-form-wrapper .contact-box textarea:focus {
	 border-color: #000;
 }
 
 .contact-form-wrapper .contact-box textarea {
	 height: 50px;
	 padding: 0px 7px;
	 width: 100%;
	 margin-bottom: 18px;
	 border: none;
	 outline: none;
	 border-bottom: 2px solid #bbbbbb;
	 -webkit-appearance: none;
 }
 
 .contact-form-wrapper .contact-box {
	 width: 450px;
	 background: #fff;
	 padding: 52px 73px;
	 box-shadow: 1px 3px 4px 0px #afafaf;
 }
 
 .contact-form-wrapper .contact-box .form-wrapper {
	 padding: 0px 0px;
	 margin-top: 40px;
 }
 
 .social_links {
	 width: 63px;
	 text-align: center;
 }
 
 .contact-form-window {
	 position: relative;
 }
 
 .social_links {
	 width: 63px;
	 text-align: center;
	 position: absolute;
	 left: -63px;
	 background: #000;
	 top: 30px;
	 bottom: 30px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 
 .social_links ul {
	 padding: 0;
	 list-style: none;
 }
 
 .social_links ul li {
	 margin: 53px 7px;
 }
 
 .social_links ul li a {
	 color: #fff;
	 font-size: 25px;
 }
 
 input.wpcf7-form-control.wpcf7-submit {
	 width: 100%;
	 border: none;
	 -webkit-appearance: none;
	 outline: none;
	 background: #eeeeee;
	 padding: 13px 12px;
	 color: #424344;
	 font-size: 18px;
 }
 
 input.wpcf7-form-control.wpcf7-submit:hover {
	 background: #000;
	 color: #fff;
 }
 
 .social_links h2.widget-title {
	 display: none;
 }
 
 .info-wrapper .banner img {
	 display: block;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 margin: auto;
	 left: 0;
	 right: 0;
	 max-height: 100%;
	 max-width: 100%;
 }
 
 .info-wrapper .banner {
	 height: 100vh;
	 position: relative;
 }
 
 .info-wrapper .banner .caption {
	 position: absolute;
	 z-index: 1;
	 left: 0;
	 right: 0;
	 margin: auto;
	 text-align: center;
	 top: 50%;
	 transform: translateY(-50%);
	 width: 800px;
	 max-width: 95%;
	 padding: 0px 10px;
 }
 
 .info-wrapper .banner .caption h1,
 .info-wrapper .banner .caption h2,
 .info-wrapper .banner .caption h3 {
	 color: #fff;
	 text-transform: uppercase;
	 margin-bottom: 24px;
 }
 
 .info-wrapper .banner .caption p {
	 color: #fff;
	 font-size: 20px;
 }
 
 .info-wrapper .banner .caption .caption-inner {
	 padding: 69px 20px;
	 background: #000000ab;
	 box-shadow: 0px -1px 53px 57px #000000a6;
	 border-radius: 50%;
 }
 
 .info-wrapper .banner:before {
	 content: '';
	 position: absolute;
	 width: 4px;
	 height: 16%;
	 background: #ffffff85;
	 display: block;
	 z-index: 2;
	 top: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
 }
 
 .info-wrapper .banner:before {
	 content: '';
	 position: absolute;
	 width: 1px;
	 height: 16%;
	 background: #ffffff85;
	 display: block;
	 z-index: 2;
	 top: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
 }
 
 .info-wrapper .banner:after {
	 content: '';
	 position: absolute;
	 width: 1px;
	 height: 16%;
	 background: #ffffff85;
	 display: block;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
	 z-index: 4;
 }
 
 .loader {
	 position: fixed;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: #fff;
	 z-index: 99;
	 display: flex;
	 align-items: center;
	 flex-direction: row;
	 justify-content: center;
	 text-align: center;
 }
 
 .loader img {
	 width: 250px;
 }
 
 .gal-grids .hover-content strong {
	 color: #fff;
	 font-weight: bold;
	 margin: 8px 0px;
	 display: block;
 }
 
 canvas.particles-js-canvas-el {
	 position: fixed;
	 z-index: -1;
 }
 
 .loader img {
	 width: 100px;
	 margin-bottom: 32px;
 }
 
 p:empty {
	 display: none;
 }
 
 .row.info-row h4 {
	 font-size: 20px;
	 text-transform: capitalize;
	 font-weight: 600;
	 font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	 font-weight: bold;
	 word-break: break-word;
	 text-align: left;
 }
 
 span.toggle-btn {
	 margin-left: 14px;
 }
 
 span.toggle-btn:after {
	 content: "\f078";
	 font-family: FontAwesome;
 }
 
 .info-row p {
	 font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	 font-size: 17px;
 }
 
 .info-post-heading {
	 display: flex;
	 flex-direction: row;
	 text-align: left;
	 margin-bottom: 30px;
 }
 
 .info-post-heading h2 {
	 padding-right: 43px;
	 position: relative;
	 line-height: 72px;
	 display: inline-block
 }
 
 .info-post-heading h2:after {
	 content: "\f078";
	 font-family: FontAwesome;
	 font-size: 20px;
	 display: inline-block;
	 position: absolute;
	 right: 11px;
	 top: -23px;
 }
 
 .site-footer {
	 bottom: 10px;
	 z-index: 999;
	 padding: 0px 15px;
	 /* background: rgba(223, 223, 223, 0.53);*/
	 left: 14px;
	 border-radius: 4px;
	 font-size: 25px;
	 position: fixed;
 }
 
 .site-footer a {
	 color: #000;
	 outline: none !important;
	 text-decoration: none !important;
 }
 
 .clients-page .card h3 .toggle-btn {
	 display: none;
 }
 
 @media only screen and (max-width:991px) {
	 .grid-items.gal-grids {
		 width: 33.33%;
	 }
	 .info-wrapper h2 {
		 font-size: 50px;
		 line-height: normal;
	 }
	 .info-wrapper .banner .caption p {
		 font-size: 17px;
	 }
	 .info-post-heading h2:after {
		 top: 11px;
	 }
 }
 
 @media only screen and (max-width:767px) {
	 div#googleMap {
		 height: 400px !important;
	 }
	 .popup-page{width:100%;}
	 .contact-form-wrapper {
		 position: static;
		 transform: none;
		 width: 100%;
	 }
	 .social_links {
		 position: static;
		 width: 93%;
		 margin: 0 auto;
		 display: block;
	 }
	 .contact-form-wrapper .contact-box {
		 width: 93%;
		 margin: 0 auto;
	 }
	 .social_links ul li {
		 margin: 10px 10px;
		 display: inline-block;
	 }
	 .contact-form-window {
		 position: relative;
		 margin-top: 40px;
		 margin-bottom: 40px;
	 }
	 .grid-items.gal-grids {
		 width: 50%;
	 }
	 .info-wrapper .page-row {
		 padding: 70px 0px;
	 }
	 .clients-page .info-wrapper h2 {
		 font-size: 4em;
	 }
	 .info-post-heading h2:after {
		 top: 11px;
	 }
 }
 
 @media only screen and (max-width:575px) {
	 .info-wrapper .row img {
		 height: 100px;
		 float: none !important;
	 }
	 .info-wrapper .row:nth-child(even) {
		 text-align: left;
	 }
	 .info-wrapper h2 {
		 font-size: 30px;
		 margin-bottom: 1rem;
	 }
	 .contact-form-wrapper .contact-box {
		 padding: 20px 15px
	 }
	 .grid-items.gal-grids {
		 width: 100%;
	 }
	 .logo img {
		 width: 290px;
	 }
	 .menu li {
		 display: block;
	 }
	 canvas.particles-js-canvas-el {
		 display: none;
	 }
	 .info-wrapper .banner .caption p {
		 color: #fff;
		 font-size: 15px;
	 }
	 .info-wrapper .banner:before,
	 .info-wrapper .banner:after {
		 content: normal !important;
	 }
	 .info-wrapper .page-row {
		 padding: 70px 0px;
	 }
	 .info-post-heading {
		 display: block;
	 }
	 .info-post-heading h2:after {
		 top: 4px;
	 }
	 .clients-page {
		 padding: 0px 0px;
	 }
	 .clients-page .card h3 {
		 cursor: pointer;
	 }
	 .clients-page .card-body p {
		 display: none;
	 }
	 .card-columns .card-body {
		 padding-bottom: 5px;
		 padding-top: 5px;
		 margin-bottom: 0px
	 }
	 .clients-page .card {
		 display: block;
	 }
	 .card-columns .card
	 {
		 margin-bottom: 0px;
	 }
	 .clients-page .card-columns {
		 column-count: 1;
		 -webkit-column-count: 1;
		 -moz-column-count: 1;
	 }
	 .clients-page .card h3 .toggle-btn {
		 display: inline-block;
	 }
 }
 
 @media only screen and (max-width:480px) {
	 .info-post-heading h2:after {
		 top: 4px;
	 }
 }



 .clients-page .toggle-head.slide-up .toggle-btn {
    transform: rotate(180deg);
}