/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
@font-face {
    font-family: 'Arial';
    src: url('fonts/ArialMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body{
	 font-family: 'Arial';
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	box-sizing:border-box;
	color: #2F2E2E;
}
.container {
    max-width: 1280px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.site-header {
    padding: 10px 0;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.05);
	background: gray;
}
.logo {
    display: inline-block;
}
.logo a {
    display: block;
}
.logo img {
    max-width: 100px;
}
.header-menu {
    display: inline-block;
    float: right;
    text-align: right;
}
.header-menu li {
    display: inline-block;
    list-style: none;
    margin:5px;
}
.header-menu li a {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
	display: block;
    padding: 30px 10px;
    text-decoration: none;
}
.header-menu li a:hover {
    color: #0000ff;
}
.hamburger {
    display: none;
    position: relative;
    top: 0;
    width: 25px;
    height: 2px;
    background: #fff;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    vertical-align: middle;
	cursor: pointer;
}
.hamburger:before, .hamburger:after {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 2px;
    background: #fff;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.hamburger:before {
    top: 8px;
}
.hamburger:after {
    bottom: 8px;
}
.hamburger.open {
    background: transparent;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.hamburger.open:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.hamburger.open:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.ptb-8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.home-bg {
    height: 100vh;
    width: 100%;
	background-size: cover;
    background-position: center center;
    background-attachment: fixed;
	transform: translateZ(0);
    will-change: transform;
}
.home-bg .container {
    width: 100%;
}
.site-heading {
    font-size: 43px;
    margin-bottom: 25px;
    font-weight: normal;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.site-heading:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42px;
    height: 3px;
    background-color:rgba(47, 46, 46, 1);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.white-border:before {
    background-color: #fff;
}
.text-white, .text-white p{
    color: #fff;
}
.inline-heading {
    display: inline-block;
}
.about-section .vc_row {
    max-width: 848px;
    background: #fff;
    margin: 0 auto !important;
    padding: 60px;
    text-align: left;
}

h4 {
    margin-top: 20px;
}
p {
    line-height: 24px;
}
.text-center{
	text-align:center;
}
.service-sub .vc_custom_heading, .service-sub-div .vc_custom_heading {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: normal;
    text-transform: uppercase;
}
.service-sub>.vc_column-inner, .service-sub-div>.vc_column-inner {
    transition: all 0.2s;
	padding:0px !important;
	overflow:hidden;
}
.service-sub>.vc_column-inner>.wpb_wrapper, .service-sub-div>.vc_column-inner>.wpb_wrapper {
    color: #fff;
    padding: 55px 50px !important;
    min-height: 400px;
    box-sizing: border-box;
    position: relative;
}
.service-sub>.vc_column-inner:hover{
	color:#fff;
}
.service-sub>.vc_column-inner>.wpb_wrapper {
    opacity: 0;
	transition: all 0.2s;
    visibility: hidden;
	text-align: center;
}
.service-sub>.vc_column-inner:hover>.wpb_wrapper {
    opacity: 1;
    visibility: visible;
}
.service-sub>.vc_column-inner:hover>.wpb_wrapper  {
	background-color: rgba(0, 0, 0, 0.3) !important;
}
.overlay-bg:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:rgba(47, 46, 46, 0.86);
    z-index: 1;
}
.gallery-row img {
    height: 400px !important;
    object-fit: cover;
}
.white-text{
	color:#fff;
}
.service-sub-div img {
    max-width: 80px !important;
}
.service-sub-div>.vc_column-inner>.wpb_wrapper {
    padding: 30px !important;
	min-height: 680px;
	border: none;
	border-radius: 0;
}
.service-sub-div>.vc_column-inner{
	border-radius: 0;
}
.service-sub-div>.vc_column-inner {
    background: #6C706F;
}
.service-sub-div:first-child>.vc_column-inner, .service-sub-div:nth-child(3)>.vc_column-inner {
    background: #0000ff;
}
.service-sub-div>.vc_column-inner>.wpb_wrapper img{
	filter: brightness(0) invert(1);
}
.service-sub-div .vc_custom_heading {
    color: #fff;
}
.service-sub-div p {
    color: #fff;
	max-width: 238px;
    margin: 0 auto;
    text-align: center;
}
input, textarea {
    padding: 0 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Arial';
    height: 50px;
    width: 100%;
    box-sizing: border-box;
	outline: none;
}
textarea{
	padding: 10px 20px;
	height:100px;
	resize:vertical;
}
.wpcf7-form-control-wrap {
    display: block;
}
.submit-btn {
    cursor: pointer;
    width: auto;
    min-width: 150px;
    background: #0000ff;
    color: #fff;
    font-weight: bold;
}
span.wpcf7-not-valid-tip {
    font-size: 13px;
    margin-top: 2px;
}
.wpcf7-response-output {
    font-size: 14px;
    padding: 10px !important;
    text-align: center;
}
.contact-row a {
    color: #0000ff;
    text-decoration: none;
	font-weight: 600;
}
.contact-row {
    max-width: 1000px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.footer {
    background: #191919;
    padding: 30px 0;
    color: #fff;
}
.footer a{
	color:#fff;
	text-decoration: none;
}
.video-section {
    padding-top: 0 !important;
    min-height: 500px;
}
#play-video {
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
	margin: 0 auto;
	cursor: pointer;
}
#play-video:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #0000ff;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}
#play-video:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #0000ff;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
#play-video abbr {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.62);
    padding-left: 20px !important;
    padding-right: 20px !important;
	overflow-y: auto;
    display: inline-grid;
    align-items: center;
	padding-top: 50px !important;
	opacity: 0;
    visibility: hidden;
}
.video-popup.active {
	opacity: 1;
    visibility: visible;
}
body.overflow-hidden {
    position: fixed;
    left: 0;
    right: 0;
    overflow-y: scroll;
}
.video-popup .vc_row {
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 10px;
	width: 100%;
}

.close-img {
    position: absolute;
    right: -10px;
    top: -40px;
    max-width: 25px;
    cursor: pointer;
}
.close-img img {
    filter: brightness(0) invert(1);
}

.contact-row .wpb_text_column {
    font-size: 18px;
    margin-top: 20px;
}
.contact-row .vc_icon_element-inner {
    border: 2px solid #0000ff !important;
    border-radius: 100%;
}
.vc_gitem_row .vc_gitem-col {
    padding: 20px !important;
}
.vc_gitem-post-data-source-post_title {
    font-size: 20px;
}
.vc_grid-item .vc_btn3.vc_btn3-size-md {
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
    width: auto;
    min-width: 150px;
    background: #0000ff !important;
    color: #fff;
    font-weight: bold;
}
img.single-featured-img {
    margin-bottom: 20px;
}
.entry-meta {
    margin-bottom: 20px;
}
.entry-title {
    margin-bottom: 20px;
}
.entry-meta a {
    text-decoration: none;
    text-transform: capitalize;
    pointer-events: none;
	color: #0000ff;
}
.single .site-main p {
    margin-bottom: 20px;
}
.single .site-main h2, .single .site-main h3 {
    margin-bottom: 20px;
}
footer.entry-footer {
    display: none;
}
#reply-title {
    margin-bottom: 20px;
    margin-top: 30px;
}
label {
    margin-bottom: 10px;
    display: block;
}
input#wp-comment-cookies-consent {
    width: 20px;
    height: 20px;
    display: inline-block;
}
.comment-form-cookies-consent label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
input#submit {
    width: max-content !important;
    cursor: pointer;
    min-width: 150px;
    background: #0000ff;
    color: #fff;
    font-weight: bold;
    border: none;
}
nav.navigation.post-navigation {
    display: none;
}
.slider-section .wave-area {
    height: 5%;
    width: 100%;
    position: absolute !important;
    bottom: -10px;
    left: 0 !important;
    background: #fff;
    z-index: 999;
    overflow: visible !important;
}
.slider-section .wave {
    background: url(assets/images/wave.svg) repeat-x;
    position: absolute;
    top: -100px;
    width: 6400px;
    height: 100px;
    animation: wave 35s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    -webkit-animation: wave 35s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    -moz-animation: wave 35s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}
.slider-section .wave:nth-of-type(2) {
    top: -56px;
    animation: wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;
	-webkit-animation: wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;
	-moz-animation: wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;
    opacity: 1;
}
@keyframes wave{
0% {
    margin-left: 0;
}

100% {
    margin-left: -1600px;
}	
}
@-webkit-keyframes wave{
0% {
    margin-left: 0;
}

100% {
    margin-left: -1600px;
}	
}
@-moz-keyframes wave{
0% {
    margin-left: 0;
}

100% {
    margin-left: -1600px;
}	
}



@media only screen and (max-width: 1200px){
.service-sub-div {
    width: 50% !important;
}	
	
	
}
@media only screen and (max-width: 1024px){
div#slide-1-layer-2, div#slide-2-layer-22 {
    font-size: 60px !important;
    letter-spacing: -2px !important;
}	
.service-sub>.vc_column-inner>.wpb_wrapper, .service-sub-div>.vc_column-inner>.wpb_wrapper {
    padding: 35px 20px !important;
}
	
}

@media only screen and (max-width: 991px){
.logo img {
    max-width: 80px;
}
.menu-div {
    position: fixed;
    right: 0;
    top: 90px;
    background: #fff;
    bottom: 0;
    z-index: 999;
    max-width: 280px;
    width: 100%;
    text-align: left;
    transform: translateX(280px);
    transition: .5s all;
    overflow: hidden;
    overflow-y: auto;
}	
.menu-div.open {
	transform: translateX(0px);
}
.header-menu li {
    display: block;
	margin: 0;
}
.header-menu li a {
    padding: 20px;
	color: #000 !important;
}
.hamburger {
    display: inline-block;
    margin-top: 34px;
	float: right;
}
	
	
}

@media only screen and (max-width: 767px){
.service-sub>.vc_column-inner>.wpb_wrapper, .service-sub-div>.vc_column-inner>.wpb_wrapper {
    min-height: auto;
}
.service-sub-div {
    width: 100% !important;
}
div#slide-1-layer-2, div#slide-2-layer-22 {
    font-size: 30px !important;
    letter-spacing: -2px !important;
}
div#slide-1-layer-1, div#slide-2-layer-21{
    font-size: 26px !important;
}
.site-heading {
    font-size: 30px;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    width: 3em !important;
    height: 3em !important;
}
body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
    font-size: 25px !important;
}
.contact-row .wpb_text_column {
    margin-left: 0;
	display: block;
}
.contact-row .vc_icon_element {
    margin-bottom: 0;
}
.footer {
    font-size: 14px;
}
.ptb-8 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.gallery-row img {
    height: 300px !important;
}
.about-section .vc_row {
    padding: 30px;
}

}