/*------------------------------------------------------------------



01. General Styles

05. Main Content

06. Footer

07. Responsive

-------------------------------------------------------------------*/



::-webkit-media-controls {

  display:none !important;

}



@font-face {

	font-family: "BebasNeue";

	src: url("fonts/BebasNeue-Regular.otf?v=1.0.4") format("opentype");

	font-style: normal;

	font-weight: normal;

}



 

/* 1. General Styles	 */



.line1, .line2, .line3, .line4, .circle1, .circle2   {

	animation: offset 2s linear forwards;

}



.line1{

	stroke-dasharray:600;

	stroke-dashoffset:600;

}

.line2 {

	stroke-dasharray:600;

	stroke-dashoffset:600;

}

.line3 {

	stroke-dasharray:600;

	stroke-dashoffset:600;

}



.line4 {

	stroke-dasharray:600;

	stroke-dashoffset:600;

}

.circle1 {

	stroke-dasharray:600;

	stroke-dashoffset:600;

}

.circle2 {

	stroke-dasharray:600;

	stroke-dashoffset:600;

}



@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }





@-webkit-keyframes offset {	to { stroke-dashoffset: 0; }}

@-moz-keyframes offset {	to { stroke-dashoffset: 0; }}

@keyframes offset {	to { stroke-dashoffset: 0; }}





@keyframes rotate {  to {    transform: rotate(360deg);  }}

@-webkit-keyframes rotate {  to {    -webkit-transform: rotate(360deg); }}

@-moz-keyframes rotate {  to {    transform: rotate(360deg);  }}





svg {

 	max-width: 400px;

}

.reels {

  animation: rotate 20.4s linear infinite;

  -webkit-animation: rotate 1.4s linear infinite;

  -moz-animation: rotate 1.4s linear infinite;

  position: relative;

 width: 109.948px;

	height: 112.428px;

}





.fade-in {

	opacity:0;  /* make things invisible upon start */

	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

	-moz-animation:fadeIn ease-in 1;

	animation:fadeIn ease-in 1;



	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

	-moz-animation-fill-mode:forwards;

	animation-fill-mode:forwards;



	-webkit-animation-duration:2s;

	-moz-animation-duration:2s;

	animation-duration:2s;

} 



.fade-in.one {

-webkit-animation-delay: 0.5s;

-moz-animation-delay: 0.5s;

animation-delay: 0.5s;

}





.reel {

	stroke-dasharray: 1000 1000;/*615.423095703125;*/

	stroke-dashoffset: 1000;/*615.423095703125;*/

	/*animation: dash 5s linear forwards;

	-webkit-animation: dash 3s linear forwards;*/

}

html,body{

		font-family: 'Montserrat', sans-serif;

		margin: 0px;

		padding: 0px;

		font-weight: 400;

		color:#777777;

		background-color:#000;

 

	}

 

 



	#myVideo{

 		right: 0;

		bottom: 0;

		top:0;

		right:0;

		width: 100%;

		height: 100%;

		background-size: 100% 100%;

 		background-color: #000000; /* in case the video doesn't fit the whole page*/

  		background-image:url(img/home-bg.jpg);

  		background-position: center center;

  		background-size: contain;

   		object-fit: cover; /*cover video background */

   		z-index:3;

 

		opacity: 0.5;

	}





	/* Layer with position absolute in order to have it over the video

	* --------------------------------------- */

	#section0 .layer{

		position: absolute;

		z-index: 4;

		width: 100%;

		left: 0;

		top: 30%;

	

 

		/* 

		* Preventing flicker on some browsers 

		* See http://stackoverflow.com/a/36671466/1081396  or issue #183

		*/

		-webkit-transform: translate3d(0,0,0);

		-ms-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0);

	}



	/*solves problem with overflowing video in Mac with Chrome */

	#section0{

		overflow: hidden;

	}



 



	/* Hiding video controls 

	* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/

	* --------------------------------------- */

	video::-webkit-media-controls {

	  display:none !important;

	}



/* A Few Good Words */





.swiper-container {

      width: 100%;

      height: 100%;

    }

    .swiper-slide {

      text-align: center;

      font-size: 18px;

  



      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }



 



.swiper-pagination-bullet {

  width: 50px;

  height: 6px;

  display: inline-block;

  border-radius: 20px;

  background: #000;

  opacity: 0.2;

}

.swiper-pagination-bullet-active {

  opacity: 1;

  background: #FFF;

}

.swiper-slide h2 {

	color: #FFFFFF;

	font-size: 24px;

	line-height: 32px;

	margin-bottom: 50px;

 }





.swiper-slide h5 {

 	font-size: 16px;

 	color: #FFFFFF;

 		margin-bottom: 50px;

	}

.swiper-pagination {

	z-index: 999999 !important;

}

  

/*--------------------------------------------------

	05. Main Content

---------------------------------------------------*/		



.section-title {

	font-family: 'BebasNeue', sans-serif;

	font-size: 120px;

	letter-spacing: -0.025em;

	color: rgba(0, 0, 0, 0.1);

	text-align: center;

	

	position: relative;

	padding: 45px 0;

	margin: 0px 0 30px 0 ;

	

	

}



.section-title span {

	font-size: 30px;

	line-height: 30px;

	letter-spacing: 0.3em;

	color: #000000;

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	transform: translateY(-50%);

}



.section-title.light {

	color: rgba(255, 255, 255, 0.1);

}

.section-title.light span{

	color: #FFFFFF;

}

 



.red {

	border: 1px solid #F00;

}





#fp-nav.right{right:17px}



.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}

.fp-slidesNav.bottom{bottom:17px}

.fp-slidesNav.top{top:17px}



#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}

#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}

.fp-slidesNav ul li{display:inline-block; }



#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}

#fp-nav ul li a.active span,

#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,





.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}







#fp-nav ul li a span,

.fp-slidesNav ul li a span{

	background: url(img/film-reel.svg);

	border-radius:50%;

	position:absolute;

	z-index:1;

	height:6px;

	width:6px;

	border:0;

 	left:50%;

	top:50%;

	margin:-3px 0 0 -3px;

	-webkit-transition:all .1s ease-in-out;

	-moz-transition:all .1s ease-in-out;

	-o-transition:all .1s ease-in-out;

	transition:all .1s ease-in-out

}



#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}





 



/* Defining each sectino background and styles

	* --------------------------------------- */



	.section{

		background-size: cover;

		padding: 2vh 0;

	}

	.slide{

		background-size: cover;

	}



#section0 {

  /* background-image: url(img/home-bg.jpg);*/

}
.section#section5 {
background-image: url("img/award-bg.jpg");
 }

.section#section5 p{
	 color: #000000;
}

.section#section5 h4{
	 
	 font-weight: bold;
}

#section1 {

   background-image: url(img/what-we-do-bg.jpg);

}



#section2 {

  background-image: url(img/who-we-are-bg.jpg);

 }



#section3 {

  background: #FFFFFF;

}



#section4 {

  background-image: url(img/few-good-words-bg.jpg);

 }



#section5 {

   background-image: url(img/contact-bg.jpg);

} 









/*  Clients */

#section3 img {

	border: 1px solid #DDDDDD;

	

}

.partner__list {

	font-size: 0;

	text-align: center;

	margin: 0px auto;

	padding: 0px;

 

}



 

.partner__list a, .partner__list span {

	display: inline-block;

	margin: 0 10px;

	padding: 0;

	width: 250px;

	height: 167px;

	background-position: center;

	background-repeat: no-repeat;

 

	text-indent: -999px;

	opacity: 1;

}

 

.partner__list li {

	display: inline-block;

	margin: 0 ;

	padding: 0;

 

	width: 250px;

	height: 167px;

	border-right: 1px solid rgba(0, 0, 0, 0.1);

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.partner__list li:nth-child(3n), .partner__list li:nth-child(12n), .partner__list li:nth-child(20n) {

	border-right: none;

}

.partner__list li:nth-child(4), .partner__list li:nth-child(20) {

	border-bottom: none;

}

.partner__list li:nth-child(4) {

	border-left: 1px solid rgba(0, 0, 0, 0.1);

}

 





@media only screen and (max-width: 970px) {

	



.partner__list li {

	width: 50%;

	max-width: 100%;

}

.partner__list li:nth-child(2n) {

	border-right: none;

}

.partner__list li:nth-child(5), .partner__list li:nth-child(6) {

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

}







@media only screen and (max-width: 680px) {

	

 

	

.partner__list li {

	width: 100%;

	margin: 0px auto;

	border-right: none;

}

.partner__list li:nth-child(7) {

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

	

	.partner__list li:nth-child(4) {

	border-left: none;

}

 

}















  

ul,  ol {

	list-style: none;

	margin: 0 0 24px 20px;

}

ul {

	list-style: disc;

}

ol {

	list-style: decimal;

}

li > ul,  li > ol {

	margin: 0 0 0 20px;

}

li {

	line-height: 20px;

	color: #333;

	margin-bottom: 10px;

}

 

hr {

	border: 0;

	height: 35px;

	width: 100%;

	float: none;

	margin: 0;

	display: inline-block;

}

hr.small {

	height: 20px;

}

hr:after {

	clear: both;

	content: " ";

	display: block;

	height: 0;

	visibility: hidden;

}

hr.border {

	height: 6px;

	background: url(images/hr-11.png) repeat-x 0 0;

	border: 0;

}

.uppercase {

	text-transform: uppercase;

}

::selection {

	background: #000;

	color: #fff;

	text-shadow: none;

}

	

	::-moz-selection {

 background: #000;

 color: #fff;

 text-shadow: none;

}

img {

	border: 0 none;

	max-width: 100%;

	vertical-align: middle;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: 300;

	font-family: "Montserrat", sans-serif;

	color: #29abe2;

	margin-bottom: 10px;

}

h1.big-title {

	font-size: 80px;

	font-style: normal;

	font-weight: 600;

	line-height: 110px;

	margin-left: -7px;

}

h1 {

	font-size: 48px;

	line-height: 60px;

	margin-left: -3px;

}

h2 {

	font-size: 34px;

	line-height: 48px;

	margin-left: -1px;

	letter-spacing: -0.026em;

}

h2.big-title {

	font-size: 34px;

	font-style: normal;

	font-weight: 600;

 }

h3 {

	font-size: 30px;

	line-height: 36px;

	margin-left: -1px;

}

h4 {

	font-size: 24px;

	line-height: 30px;

	margin-left: -1px;

}

h5 {

	font-size: 18px;

	line-height: 24px;

	margin-left: -1px;

}

h6 {

	font-size: 14px;

	line-height: 18px;

}

 

.title-has-line {

	position: relative;

	margin-bottom: 35px;

}

.title-has-line:after {

	background: none repeat scroll 0 0 #29abe2;

	bottom: -15px;

	content: "";

	height: 1px;

	left: 0;

	position: absolute;

	width: 30px;

}

.text-align-center .title-has-line:after {

	background: none repeat scroll 0 0 #29abe2;

	bottom: -15px;

	content: "";

	height: 1px;

	left: 50%;

	margin-left: -20px;

	position: absolute;

	width: 30px;

}

.text-align-right.title-has-line:after {

	background: none repeat scroll 0 0 #29abe2;

	bottom: -15px;

	content: "";

	height: 1px;

	left: 50%;

	margin-left: -20px;

	position: absolute;

	width: 30px;

}

 

p {

	font-size: 15px;

	margin-bottom: 15px;

	line-height: 24px;

	color: #fff;

	font-weight: 300;

}

p.no-margins {

	margin-bottom: 0;

}

.bigger {

	font-size: 16px;

	font-weight: 500;

	line-height: 32px;

	color: #747474;

}

.smaller {

	font-family: "Montserrat", sans-serif;

	font-size: 10px;

	font-weight: 400;

	letter-spacing: 3px;

	color: #777;

	text-transform: uppercase;

}

.white {

	color: #FFFFFF !important;

}

.black {

	color: #000000 !important;

}

.container {

	max-width: 1240px;

	width: 100%;

	margin: 0 auto;

	padding: 0 50px;

	box-sizing: border-box;

}

.small .container {

	max-width: 900px;

	width: 100%;

	margin: 0 auto;

	padding: 0 50px;

	box-sizing: border-box;

}

.full .container {

	width: 100%;

	max-width: 100%;

	padding: 0 200px;

}

.container::after {

	clear: both;

	content: " ";

	display: table;

}

a:hover, a:active {

	outline: 0;

	color: #000;

}

a {

	text-decoration: none;

	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

	-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

	-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

	-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

	transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;

}

a {

	color: #2da9e1;

	outline: 0;

}

a:hover {

	text-decoration: none;

	color: #FFFFFF;

}



#section5 h5 { color: #FFFFFF; margin: 20px 0px 0 0 ; }

.one_half {

	width: 47%;

}

.one_third {

	width: 30.6%;

}

.one_fourth {

	width: 22%;

}

.one_fifth {

	width: 16.8%;

}

.one_sixth {

	width: 13.33%;

}

.two_fifth {

	width: 37.6%;

}

.two_fourth {

	width: 48%;

}

.two_third {

	width: 65.33%;

}

.three_fifth {

	width: 58.4%;

}

.three_fourth {

	width: 74%;

}

.four_fifth {

	width: 79.2%;

}

.five_sixth {

	width: 82.67%;

}

.one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {

	float: left;

	margin-bottom: 20px;

	margin-right: 4%;

	position: relative;

}

.one_half {

	float: left;

	margin-bottom: 20px;

	margin-right: 6%;

	position: relative;

}

.last {

	margin-right: 0px;

}

.text-align-center {

	text-align: center;

}

.text-align-left {

	text-align: left;

}

.outer {

	display: table;

	width: 100%;

	height: 100%;

	border: 10px solid #29abe2;

}

.inner {

	display: table-cell;

	vertical-align: middle;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.vc_row {

	position: relative;

	z-index: 1;

}

.row_padding_top {

	padding-top: 60px;

}

.row_padding_bottom {

	padding-bottom: 50px;

}

 

 



 

/*--------------------------------------------------

	06. Footer

---------------------------------------------------*/	

	

	

footer {

	position: relative;

	padding: 70px 0 110px 0;

	width: 100%;

	height: auto;

	z-index: 2;

}

.socials-text {

	margin: 0px;

	display: block;

	width: auto;

	line-height: 25px;

}

#socials-holder {

	bottom: 110px;

	height: 300px;

	right: 80px;

	position: fixed;

	width: 15px;

	opacity: 0;

	z-index: 10;

	transition: all 0.2s ease-in-out;

}

#socials-holder.is-active {

	opacity: 1;

}

.socials-text {

	height: 25px;

	line-height: 25px;

	position: absolute;

	width: 300px;

	margin: 0;

	text-align: left;

	top: 50%;

	left: 50%;

	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);

	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);

	transform: translateX(-50%) translateY(-50%) rotate(-90deg);

}

.socials-text li {

	list-style: none;

	display: inline-block;

	margin-left: -4px;

}

.socials-text li {

	margin-right: 25px;

	margin-left: 0px;

	font-size: 20px;

	position: relative;

	margin-bottom: 0;

	line-height: 25px;

	opacity: 0;

	-ms-transform: translateX(20px);

	-webkit-transform: translateX(20px);

	-o-transition: translateX(20px);

	transform: translateX(20px);

	-webkit-transition: opacity 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;

	-moz-transition: opacity 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;

	-o-transition: opacity 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;

	transition: opacity 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;

}

#socials-holder.is-active.is-visible .socials-text li:nth-child(1) {

	opacity: 1;

	margin-right: 25px;

	-ms-transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-o-transition: translateX(0px);

	transform: translateX(0px);

	-webkit-transition: opacity 0.2s ease-in-out 0.1s, transform 0.2s ease-in-out 0.1s;

	-moz-transition: opacity 0.2s ease-in-out 0.1s, transform 0.2s ease-in-out 0.1s;

	-o-transition: opacity 0.2s ease-in-out 0.1s, transform 0.2s ease-in-out 0.1s;

	transition: opacity 0.2s ease-in-out 0.1s, transform 0.2s ease-in-out 0.1s;

}

#socials-holder.is-active.is-visible .socials-text li:nth-child(2) {

	opacity: 1;

	margin-right: 25px;

	-ms-transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-o-transition: translateX(0px);

	transform: translateX(0px);

	-webkit-transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s;

	-moz-transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s;

	-o-transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s;

	transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s;

}

#socials-holder.is-active.is-visible .socials-text li:nth-child(3) {

	opacity: 1;

	margin-right: 25px;

	-ms-transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-o-transition: translateX(0px);

	transform: translateX(0px);

	-webkit-transition: opacity 0.2s ease-in-out 0.3s, transform 0.2s ease-in-out 0.3s;

	-moz-transition: opacity 0.2s ease-in-out 0.3s, transform 0.2s ease-in-out 0.3s;

	-o-transition: opacity 0.2s ease-in-out 0.3s, transform 0.2s ease-in-out 0.3s;

	transition: opacity 0.2s ease-in-out 0.3s, transform 0.2s ease-in-out 0.3s;

}

#socials-holder.is-active.is-visible .socials-text li:nth-child(4) {

	opacity: 1;

	margin-right: 25px;

	-ms-transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-o-transition: translateX(0px);

	transform: translateX(0px);

	-webkit-transition: opacity 0.2s ease-in-out 0.4s, transform 0.2s ease-in-out 0.4s;

	-moz-transition: opacity 0.2s ease-in-out 0.4s, transform 0.2s ease-in-out 0.4s;

	-o-transition: opacity 0.2s ease-in-out 0.4s, transform 0.2s ease-in-out 0.4s;

	transition: opacity 0.2s ease-in-out 0.4s, transform 0.2s ease-in-out 0.4s;

}

.socials-text li:last-child {

	margin-right: 0px;

}

.socials-text li a {

	color: #FFF!important;

}

.socials-text li a.light_background {

	color: #FFF!important;

}

.socials-text li a.dark {

	color: #000!important;

}

.socials-text li a:hover {

	color: #000!important;

	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);

	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);

	transform: translateX(-50%) translateY(-50%) rotate(-90deg);

}

.socials li a {

	color: #999;

	display: block;

	font-size: 16px;

	height: 16px;

	line-height: 10px;

	width: 45px;

	text-align: center;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	webkit-transition: all 0.1s ease-in-out;

	-moz-transition: all 0.1s ease-in-out;

	-o-transition: all 0.1s ease-in-out;

	-ms-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

}

 

.circle-action {

	fill: transparent;

	stroke: #000;

}

.light-content .circle-action, .light-content.color-content .circle-action {

	stroke: #fff;

}

.is-inner {

	stroke-width: 2;

	opacity: 0.5;

}

.is-outer {

	stroke-width: 2;

	stroke-dasharray: 227;

	stroke-dashoffset: 227;

	transform-origin: 50%;

	transform: rotate(-90deg);

	transition: stroke-dashoffset 400ms linear;

}

 

/*--------------------------------------------------

	07. Responsive

---------------------------------------------------*/			

			







@media only screen and (max-width: 1466px) {

/* Header And Footer */



}



@media only screen and (max-width: 1024px) {

	

 

}



@media only screen and (max-width: 767px) {

#section0 {

   background-image: url(img/home-bg.jpg);

}

	

	#myVideo {

		display: none;

		visibility: hidden;

	}

	 svg {

 	max-width: 250px;

}

h2 {

	font-size:20px;

	line-height: 28px;

 }

/* Content Styles */

	

.container, .small .container {

	padding: 0 40px;

}

.full .container {

	padding: 0 40px;

}

.one_half {

	width: 100%;

}

.one_third {

	width: 100%;

}

.one_fourth {

	width: 100%;

}

.one_fifth {

	width: 100%;

}

.one_sixth {

	width: 100%;

}

.two_fifth {

	width: 100%;

}

.two_fourth {

	width: 100%;

}

.two_third {

	width: 100%;

}

.three_fifth {

	width: 100%;

}

.three_fourth {

	width: 100%;

}

.four_fifth {

	width: 100%;

}

.five_sixth {

	width: 100%;

}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {

	margin-bottom: 20px;

	margin-right: 0%;

}

.row_padding_bottom {

	padding-bottom: 60px;

}

.row_padding_top {

	padding-top: 70px;

}

}





@media only screen and (max-width: 479px) {

  

	#myVideo {

		display: none;

		visibility: hidden;

	}

/* Content Styles */

	

.container, .small .container {

	padding: 0 30px;

}

 svg {

 	max-width: 150px;

}

}