/* ==========================================================================
	#Reset
========================================================================== */

* { margin:0; padding:0; outline:0; }

body, html { height:100%; }
html { overflow-y:scroll; overflow-x:hidden; }
body { 
	font-family:"proxima-nova", sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #323232;
	background:#fff;
	min-width:100%; 
	-webkit-font-smoothing:antialiased;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
}

a {  color: #225260; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:none; }

img { vertical-align:middle; border:0 none; -ms-interpolation-mode:bicubic; }

h1 { font-size: 52px; line-height: 60px; font-weight: 300; }
h2 { font-size: 35px; line-height: 40px; font-weight: 400; }
h3 { font-size: 22px; line-height: 26px; font-weight: 400; }

input,
textarea,
select {
	font-family:"proxima-nova",sans-serif;
	
	line-height: 60px; 
	color: #fff; 
	font-weight: 200; 
	text-align: center;
	width: 596px; 
	height: 60px; 
	padding: 5px 0; 
	border: 1px solid #f09aba; 
	 
	border-radius: 0; 
	box-shadow: none;
}
select { font-family: Arial, Helvetica, sans-serif; }
textarea { height: 155px; overflow: auto; resize: none; -webkit-overflow-scrolling: touch; }

input:focus,
textarea:focus,
input.edited,
textarea.edited {   }

textarea:focus,
textarea.edited { line-height: 32px; }

sup,
sub { line-height: 1; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display:block; }

/* helpers */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float:left; }
.right, .alignright { float:right;}

.tr { text-align:right; }
.tl { text-align:left; }
.tc { text-align:center; }

.cf:after,
.clearfix:after { content:''; display:table; clear:both; }
.lt-ie8 .cf,
.lt-ie8 .clearfix { zoom:1; }

.nav ul,
.process ul,
.testimonials ul,
.authors ul { list-style: none outside none; }

/* ==========================================================================
	#Form elements
========================================================================== */

::-webkit-input-placeholder { color: #fff; opacity: 1; }
:-moz-placeholder { color: #fff; opacity: 1; }
::-moz-placeholder { color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; opacity: 1; }

.field-error { border-color: #af0a55; background-color: rgba(175,10,85,.2); }

input,
textarea { -webkit-appearance: none; -moz-appearance: none; }

input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; }
input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; }

input[type="radio"],
input[type="checkbox"] { width: auto; height: auto; border: 0; padding: 0; }

/* ==========================================================================
	#Frequently used elements
========================================================================== */

.buttons { padding-bottom: 50px; }

.button,
#respond p input#submit { font-size: 16px; line-height: 23px; color: #850a75; font-weight: 300; text-transform: uppercase; text-decoration: none; text-align: center; display: inline-block; padding: 10px 16px; border: 1px solid #a175a1; margin: 0 9px; position: relative; cursor:pointer; }
.button:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; background-position: center center; }
.button:hover,
.button:active { text-decoration: none; }

.button-green { color: #2bada6; border-color: #5ed1cb; }

.button-down { border-bottom: 0; }
.button-down:after { height: 26px; left: 0; right: 0; bottom: -21px; background-image: url(images/pink-arrow-down.png); }

.button-right { border-right: 0; }
.button-right:after { width: 26px; right: -21px; top: 0; bottom: 0; background-image: url(images/pink-arrow-right.png); }

.button-up { border-top: 0; }
.button-up:after { height: 22px; left: 0; right: 0; top: -18px; background-image: url(images/pink-arrow-up.png); }

.button-green.button-right:after { background-image: url(images/green-arrow-right.png); }

input.button,
button.button,
#respond p input#submit { font-family:"proxima-nova",sans-serif; font-weight: 300; color: #f7c9de; height: 45px; }
button.button { background: transparent; }

.shell { width: 960px; margin: 0 auto; }

.video-link { display: inline-block; padding-left: 44px; background: url(images/icon-play.png) no-repeat 0% 50%; text-decoration: none; }
.video-link:hover { text-decoration: none; }

.button.video-link { padding-left: 16px; background-image: none; }

.ico-menu { width:26px; height:26px; display:inline-block; background:url(images/ico-menu.png) no-repeat 0 0; }
.ico-pink-right { width:12px; height:14px; display:inline-block; background:url(images/ico-pink-right.png) no-repeat 0 0; }
.ico-white-right { width:11px; height:11px; display:inline-block; background:url(images/ico-white-right.png) no-repeat 0 0; }

/* ==========================================================================
	#Loading
========================================================================== */

.loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; background: #271429 url(images/loading.gif) no-repeat center center; }
.loading {
	transition: opacity .4s;
	-webkit-transition: opacity .4s;
}
.loaded .loading { opacity: 0; visibility: hidden; filter: alpha(opacity=0); }


/* ==========================================================================
	#Header
========================================================================== */

.header { position: fixed; top: 0; left: 0; right: 0; z-index: 10; height:72px; background-color:rgba(0,0,0,0); }
.header {
	-webkit-transition:background-color 0.3s; 
	   -moz-transition:background-color 0.3s; 
	    -ms-transition:background-color 0.3s; 
	     -o-transition:background-color 0.3s; 
	        transition:background-color 0.3s; 
}
.header-expanded .header { background-color:rgba(0,0,0,0.19); }

.logo { background: url(images/new/logo.png) no-repeat 0 0; width: 214px;  height: 44px; position:absolute; left:15px; top:14px; font-size:18px; line-height:40px; color:#e0e0e0; }
.logo span { position:absolute; top:0px; right:0; letter-spacing:2px; }
.logo {
	-webkit-transform:translate(-250px,0); 
	   -moz-transform:translate(-250px,0); 
	    -ms-transform:translate(-250px,0); 
	     -o-transform:translate(-250px,0); 
	        transform:translate(-250px,0);
	-webkit-transition:-webkit-transform 0.3s; 
	   -moz-transition:-moz-transform 0.3s; 
	    -ms-transition:-ms-transform 0.3s; 
	     -o-transition:-o-transform 0.3s; 
	        transition:transform 0.3s; 
}


.nav { font-size: 12px; line-height: 20px; color: #fff; text-transform: uppercase; position:absolute; right:100px; top:19px; font-family: 'eurostile', sans-serif; }
.nav {
	-webkit-transform:translate(800px,0); 
	   -moz-transform:translate(800px,0); 
	    -ms-transform:translate(800px,0); 
	     -o-transform:translate(800px,0); 
	        transform:translate(800px,0);
	-webkit-transition:-webkit-transform 0.3s; 
	   -moz-transition:-moz-transform 0.3s; 
	    -ms-transition:-ms-transform 0.3s; 
	     -o-transition:-o-transform 0.3s; 
	        transition:transform 0.3s; 
}
.white{color:#fff
}

.page-foot{background: #017161;
    padding: 10px;
    color: #fff;}
.nav li { float: left;  }
.nav a { color: #fff; text-decoration: none; padding: 9px 16px; display: block; }
.nav .current a { color: #3ac8c0; }
.nav .btn-social { font-size:20px;  }

.nav .divider-mobile { display:none; height:1px; background-color:#5e1140; }
.nav .mail-mobile { display:none; line-height:30px; padding-top:10px;  }
.nav .mail-mobile a {font-size:13px; color:#ec0b6e; text-transform:none;  }
.nav .btn-text-mobile { display:none; }

.nav-toggle { width: 84px; height: 72px; background: rgba(0,0,0,0.19);  position: absolute; right:0; top:0; }
.nav-toggle {
	-webkit-transition:background-color 0.3s; 
	   -moz-transition:background-color 0.3s; 
	    -ms-transition:background-color 0.3s; 
	     -o-transition:background-color 0.3s; 
	        transition:background-color 0.3s; 
}
.nav-toggle:hover { background-color:rgba(0,0,0,0.57); }
.nav-toggle .ico-menu { position:absolute; width:26px; height:26px; background:url(images/ico-menu.png) no-repeat 0 0; left:29px; top:23px; }
.nav-toggle .ico-menu {
	-webkit-transition:-webkit-transform 0.3s; 
	   -moz-transition:-moz-transform 0.3s; 
	    -ms-transition:-ms-transform 0.3s; 
	     -o-transition:-o-transform 0.3s; 
	        transition:transform 0.3s; 
}


.header-expanded .logo,
.header-expanded .nav {
	-webkit-transform:translate(0,0); 
	   -moz-transform:translate(0,0); 
	    -ms-transform:translate(0,0); 
	     -o-transform:translate(0,0); 
	        transform:translate(0,0); 
}
.header-expanded .nav-toggle .ico-menu {
	-webkit-transform:rotate(450deg); 
	   -moz-transform:rotate(450deg); 
	    -ms-transform:rotate(450deg); 
	     -o-transform:rotate(450deg); 
	        transform:rotate(450deg); 
}

.header-not-animated { background-color:rgba(0,0,0,0.19); }
.header-not-animated .nav { right:17px; }
.header-not-animated .nav-toggle { display:none; }
.header-not-animated .logo,
.header-not-animated .nav {
	-webkit-transform:translate(0,0); 
	   -moz-transform:translate(0,0); 
	    -ms-transform:translate(0,0); 
	     -o-transform:translate(0,0); 
	        transform:translate(0,0); 
}



.panel-active-0 .header { background-color:rgba(0,0,0,0.19); }
.panel-active-0.header-expanded .nav-toggle { background-color:rgba(58,21,83,0.5);  }
.panel-active-0 .logo {
	-webkit-transform:translate(0,0); 
	   -moz-transform:translate(0,0); 
	    -ms-transform:translate(0,0); 
	     -o-transform:translate(0,0); 
	        transform:translate(0,0); 
}

.panel-active-1 .logo { color:#4d4d4d; } 
.panel-active-1.header-expanded .nav-toggle { background-color:#d31a6e; }

.panel-active-2.header-expanded .nav-toggle { background-color:#301934; }

.panel-active-3.header-expanded .header { background-color:#;  }
.panel-active-3.header-expanded .logo { color:#4d4d4d; }
.panel-active-3.header-expanded .nav a { color:#535353; }
.panel-active-3.header-expanded .nav-toggle { background-color:#85c8c4; }

.panel-active-5 .logo,
.panel-active-6 .logo,
.panel-active-7 .logo,
.panel-active-4 .logo { color:#fff; }

.panel-active-5.header-expanded .nav-toggle,
.panel-active-6.header-expanded .nav-toggle,
.panel-active-7.header-expanded .nav-toggle,
.panel-active-4.header-expanded .nav-toggle { background-color:rgba(54,36,91,0.5); }


/* ===========================
	#footer
============================ */
.footer { position:fixed; width:100%; height:44px; bottom:0; left:0; z-index:10;  }
.footer .shell { height:44px; }
.footer .copyright { float:left; width:43%; text-align:center; color:#fff; font-size:12px; font-family: 'eurostile', sans-serif; line-height:44px; }
.nav-footer { float:right; width:57%; text-align:center; }
.nav-footer ul { list-style:none outside none; }
.nav-footer li { display:inline-block; }
.nav-footer a { display:block; line-height:44px; color:#fff; background-color:#1ca79f; padding:0 20px; font-size:13px; }


/* ==========================================================================
	#Panels
========================================================================== */

.fsr-container { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fsr-element { position: absolute; }
.fsr-hidden { display: none; }

.panel { width: 100%; height: 100%; position: fixed; left:0; top:0;  z-index: 2; background: #fff; overflow: hidden; }

.panel .fullscreen { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; }
.panel .fullscreen:after { position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/image-overlay.png) repeat-x 0 bottom; content:''; }

.panel-inner { position:absolute; left:0; right:0; bottom:0; padding:0 35px 32px; z-index:3; }
.panel-inner .shell { width:580px; margin:0; padding:0; }

.video-holder { width: 100%; height: 100%; position: absolute; top: -100%; left: 0; height:100%;  z-index: 999; visibility: hidden; }
.video-holder .video-external { position:absolute; width:100%; height:100%; left:0; top:0; background-color:#000; }
.video-holder div.jp-video-full div.jp-gui,
.video-holder div.jp-video-full div.jp-jplayer { position:absolute !important; }
.video-holder {
	-webkit-transition:top 1s; 
	   -moz-transition:top 1s; 
	    -ms-transition:top 1s; 
	     -o-transition:top 1s; 
	        transition:top 1s; 
}
.video-holder.visible { visibility: visible; top:0; }

.panel-center { position:absolute; width:100%; height:100%; z-index:2; left:0; top:0; text-align:center; }
.panel-center .shell { height:100%; display:table; vertical-align:middle; pointer-events:none; }
.panel-center a { pointer-events:auto; }
.panel-center h1,
.panel-center h3,
.panel-center p {
	opacity: 0; filter: alpha(opacity=0);
	-webkit-transition:opacity 1s; 
	   -moz-transition:opacity 1s; 
	    -ms-transition:opacity 1s; 
	     -o-transition:opacity 1s; 
	        transition:opacity 1s; 
}
.loaded .panel-center p,
.loaded .panel-center h1 { opacity: .78; filter: alpha(opacity=78); }
.loaded .panel-center h3 { opacity: .7; filter: alpha(opacity=70); }

.panel-center-inner { display:table-cell; height:100%; vertical-align:middle; position:relative; z-index:2;  }
.panel-center h1 { font-family:"bebas-neue"; font-size:140px; line-height:128px; font-weight:normal; color:#fff;  padding-bottom:40px; }
.panel-center h3 { font-size:48px; line-height:60px;  font-family: 'eurostile_demi',sans-serif; color:#fff; font-weight:normal; word-spacing:-5px; padding-bottom:20px; }
.panel-center p { font-size:17px; line-height:34px; color:#fff; font-family: 'eurostile', sans-serif; padding-bottom:14px; }
.panel-center a { color:#ff0074; font-family: 'eurostile_demi',sans-serif; }

.panel-client .navigate,
.panel-intro .navigate { width:71px; height:35px; margin-left:-35px; position:absolute; bottom:17px; left:50%; z-index:3; background:url(images/ico-navigate.png) no-repeat 0 0; }

.panel-head {  position:absolute; height:20%; top:0; left:0; width:100%; text-align:center; }
.panel-head .shell { display:table; height:100%; vertical-align:middle; }
.panel-head-inner { display:table-cell; height:100%; vertical-align:middle; }
.panel-head-inner {
	-webkit-transition:padding-top 0.3s; 
	   -moz-transition:padding-top 0.3s; 
	    -ms-transition:padding-top 0.3s; 
	     -o-transition:padding-top 0.3s; 
	        transition:padding-top 0.3s; 
}
.header-expanded .panel-head-inner { padding-top:72px; }
.panel-head h2 { font-family: 'eurostile', sans-serif; font-weight:normal; font-size:34px; }
.panel-head p { font-size:16px; color:#fff; }

.services { position:relative; overflow:hidden; width:100%; height:100%; background-color:#212121; left:0; top:0; }
.services .panel-head { text-align:center; background-color:#262626; }
.services .panel-head h2 { color:#d31a6e; }

.service { position:absolute; height:80%; top:20%; left:50%; width:290px; padding:0 60px; text-align:center; color:#fff; }
.service-first { margin-left:-615px; }
.service-second { margin-left:-205px; background-color:#191919;  }
.service-third { margin-left:205px; }

.service-arrow { position:absolute; width:159px; height:60px; background:url(images/services-arrow.png) no-repeat 0 0; z-index:2; }
.service-arrow-1 { left:70%; top:200px; }
.service-arrow-3 { right:20px; bottom:220px; }
.service-arrow-2 { left:-20%; top:200px; }
.service-arrow-2 {
	-webkit-transform:rotate(-30deg); 
	   -moz-transform:rotate(-30deg); 
	    -ms-transform:rotate(-30deg); 
	     -o-transform:rotate(-30deg); 
	        transform:rotate(-30deg); 
}
.service-arrow-3 {
	-webkit-transform:rotateX(180deg) rotate(-48deg); 
	   -moz-transform:rotateX(180deg) rotate(-48deg); 
	    -ms-transform:rotateX(180deg) rotate(-48deg); 
	     -o-transform:rotateX(180deg) rotate(-48deg); 
	        transform:rotateX(180deg) rotate(-48deg); 
}
.service-arrow-4 { bottom:220px; left:20px; }
.service-arrow-4 {
	-webkit-transform:rotate(132deg); 
	   -moz-transform:rotate(132deg); 
	    -ms-transform:rotate(132deg); 
	     -o-transform:rotate(132deg); 
	        transform:rotate(132deg); 
}

.service-img { display:block; margin:64px auto 44px; }
.service h2 { font-family: 'eurostile', sans-serif; font-size:34px; padding-bottom:20px; }
.service p { font-size:17px; line-height:23px;  font-family: 'eurostile', sans-serif; }
.service p strong { font-weight:normal; font-family: 'eurostile_demi', sans-serif; color:#3ac8c0; }
.service-third .service-img,
.service-first .service-img { margin-top:40px; }

.services-mobile { display:none;  }
.services-mobile h2 { font-family: 'eurostile', sans-serif; font-size:34px; line-height:42px; color:#d31a6e; }
.services-mobile h3 { font-family: 'eurostile', sans-serif; font-size:34px; line-height:42px; color:#fff; }

.btn-launch { height:141px; width:164px; background:url(images/btn-launch.png) no-repeat 0 0; position:absolute; bottom:120px; margin-left:-83px; left:50%; }
.btn-launch:hover { background-position:0 bottom; }
.btn-launch span { position:absolute; width:100%; top:160px; left:0; font-size:37px; color:#3ac8c0; text-transform:uppercase; line-height:40px; text-align:center; font-weight:300;  }

.client-video { position:absolute; right:0; bottom:0; width:70%; height:80%; z-index:1; overflow:hidden; }
.client-video-overlay { position:absolute; width:100%; height:100%; cursor:pointer; z-index:2; }
div.client-video { width:70%; height:80%; }
div.client-video div.jp-video { border:0; background:transparent;  }


.client-video .jp-jplayer { background-color:#5d4262; width:150% !important; height:150% !important; left:-25%; top:-25%;  position:absolute; outline:0 none; }
.client-video .jp-gui { display:none !important; }
.client-top { position:absolute; height:45%; width:30%; position:absolute; top:20%; left:0; }
.client-bottom { height:35%; width:30%; position:absolute; bottom:0; left:0; background-color:#3ac8c0; color:#fff; }
.client-bottom h3 { font-size:38px; line-height:48px; color:#fff; }
.client-bottom h3 span { font-weight:100; }
.client-bottom p { padding-bottom:20px; }
.client-bottom .toggle-video { font-size:28px; line-height:36px; color:#fff; }
.client-bottom .toggle-video i { margin-right:6px; }
.client-entry { display:table-cell; height:100%; vertical-align:middle; }
.client-bottom-inner { width:240px; margin:0 auto; height:100%; display:table; vertical-align:middle; }
.client-bottom-inner {
	-webkit-transform:translate(0,100%); 
	   -moz-transform:translate(0,100%); 
	    -ms-transform:translate(0,100%); 
	     -o-transform:translate(0,100%); 
	        transform:translate(0,100%);
-webkit-transition:-webkit-transform 0.3s 0.7s;  
   -moz-transition:-moz-transform 0.3s 0.7s;  
    -ms-transition:-ms-transform 0.3s 0.7s;  
     -o-transition:-o-transform 0.3s 0.7s;  
        transition:transform 0.3s 0.7s;  
}

.panel-client { background:#5d4262;  }
.panel-client .panel-head { background-color:#5d4262; }
.panel-client .panel-head h2 { color:#fff; }

.skrollable-after .client-bottom-inner ,
.skrollable-between .client-bottom-inner {
	-webkit-transform:translate(0,0); 
	   -moz-transform:translate(0,0); 
	    -ms-transform:translate(0,0); 
	     -o-transform:translate(0,0); 
	        transform:translate(0,0); 
}

.panel-testimonials { background-color:#f3f3f3;  }
.panel-testimonials .caroufredsel_wrapper { height:100% !important; }
.tst-entry { width:40%; position:absolute; left:50%; top:130px; }
.tst-entry:before { content:"";  position:absolute; left:-140px;  top:10px; width:124px; height:47px; background:url(images/tst-arrow.png) no-repeat 0 0;  }
.tst-entry p { font-size:25px; line-height:42px; font-family: 'eurostile', sans-serif; color:#3e3e3e; padding-bottom:30px; }
.tst-entry p a { color:#d31a6e;  }
.tst-entry p.author { font-size:31px;  font-family: 'eurostile_demi', sans-serif; }
.tst-entry blockquote { font-size:15px; line-height:23px; padding-left:10px; border-left:1px solid #b4b4b4; color:#2a2a2a; }
.tst-entry blockquote a { color:#2a2a2a; text-decoration:underline; }
.tst-entry blockquote a:hover { text-decoration:none;  }
.tst-image { width:50%; position:absolute; bottom:0; left:0;  }
.tst-next { position:absolute; height:100%; right:0; top:0; background:#3ac8c0 url(images/tst-arrow-right.png) no-repeat center center; width:84px; z-index:2;  }
.tst-slides { list-style:none outside none; height:100% !important; z-index:1;  }
.tst-slide { float:left; width:100%; height:100%; position:relative; overflow:hidden; }

.team { height:100%; }
.team:after { position:absolute; height:80%; left:50%; top:10%; margin-left:-100px;  width:1px; background-color:rgba(229,150,240,0.3); box-shadow:10px 0 10px rgba(0,0,0,0.1); content:''; }
.team:before { position:absolute; width:25%; left:25%; top:50%; margin-left:-100px;  content:""; height:1px; background-color:rgba(229,150,240,0.3); box-shadow: 0 10px 10px rgba(0,0,0,0.1); }
.member-right,
.member-left { position:absolute; height:100%; width:520px; margin-left:-620px; top:0; left:50%; }
.member-right { margin-left:0; height:400%; width:720px; margin-left:-100px; }

.member-image { width:406px; height:406px; overflow:hidden; background:rgb(62,36,87); box-shadow:0 0 0 7px rgba(62,36,87,.33); border-radius:203px; position:absolute; top:50%; left:50%; margin:-203px 0 0 -203px;  }
.member-image img { width:406px; height:406px; position:absolute; left:0; top:0; border-radius:103px;  }

.member-entry { color:#fff; display:table; height:25%; vertical-align:middle; text-align:center;  width:550px; margin:0 auto; }
.member-entry-inner { height:100%; display:table-cell; vertical-align:middle; }
.member-entry h2 { font-size:47px; line-height:53px; color:#fff; font-weight:normal; padding-bottom:20px; }
.member-entry h2 span { display:block; font-weight:100; }
.member-entry p { font-size:20px; line-height:33px; padding-bottom:33px; font-family: 'eurostile', sans-serif; }

/* ==========================================================================
	#Portfolio Page
========================================================================== */

.portfolio .panel-content .shell { width: auto; padding: 0 35px 32px; }

.portfolio .panel-inner { text-align: left; }
.portfolio .panel-inner h1 { color: #fff; }
.portfolio .panel-inner h1 .video-link { font-size: 15px; font-weight: 400; vertical-align: top; color: #fff; }
.portfolio .panel-inner p { font-size: 15px; line-height: 24px; letter-spacing: 0.1em; color: #fff; padding: 0 0 28px 0; }
.portfolio .panel-inner .button { font-size:14px; font-weight:100; letter-spacing:0.1em; }
.portfolio .panel-inner .buttons { padding: 0; }
.portfolio .panel-inner .buttons p { font-size: 16px; line-height: 45px; display: inline-block; width: auto; padding: 0 25px 0 0; letter-spacing:0; }
.portfolio .panel-inner .buttons .button { color: #fff; }
.portfolio .panel-inner .navigate { font-size: 16px; line-height: 22px; color: #fff; font-weight: 300; text-transform: uppercase; text-decoration: none; padding-right: 61px; background: url(images/icon-arrow06.png) no-repeat 100% 50%; position: absolute; bottom: 25px; right: 15px; opacity: .6; }
.portfolio .panel-inner .goto { font-size: 16px; line-height: 22px; color: #fff; font-weight: 300; text-transform: uppercase; text-decoration: none; padding-right: 61px; background: url(images/icon-arrow07.png) no-repeat 100% 50%; position: absolute; bottom: 25px; right: 15px; opacity: .6; }
.portfolio .panel-inner .goto:hover,
.portfolio .panel-inner .navigate:hover { opacity: 1; }

/* ==========================================================================
	#Popups
========================================================================== */

.popup-overlay,
.popup { position: fixed; width: 100%; height: 100%; left: 0; top: 0; }

.popup-overlay { background: #200722; opacity: .90; filter: alpha(opacity=90); z-index: 199; }
body > .popup-overlay { display: none; }

.video-active .header { z-index: 1; }

.popup { opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 200; text-align: center; }
.popup {
	-webkit-transition:opacity 0.3s, visibility 0.3s; 
	   -moz-transition:opacity 0.3s, visibility 0.3s; 
	    -ms-transition:opacity 0.3s, visibility 0.3s; 
	     -o-transition:opacity 0.3s, visibility 0.3s; 
	        transition:opacity 0.3s, visibility 0.3s; 
}
.popup.show { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

.popup > .close,
.video-holder > .close { width: 27px; height: 27px; position: absolute; right: 26px; top: 16px; background: url(images/icon-close.png) no-repeat center center; z-index: 200; }
.video-holder > .close { right:50px; }

.popup-wrapper { width: 100%; height: 100%; }

.popup-inner { width: 100%; height: 100%; }

.popup img,
.popup .field { display: block; margin: 0 auto; }
.popup img { padding-top: 30px; }
.popup .field { margin-bottom: 44px; }
.popup h1 { font-size: 50px; line-height: 60px; color: #fff; font-weight: 300; padding: 25px 0 20px; }
.popup h2 { font-size: 50px; line-height: 50px; color: #fff; font-weight: 300; position: relative; margin-top: -10px; }
.popup p { font-size: 20px; line-height: 24px; color: #fff; font-weight: 300; padding-bottom: 15px; }
.popup .button { background-color:#150715;  }

.popup-scroll { height: 100%; overflow-x: hidden; overflow-y: scroll; }
.popup-scroll form { padding-bottom: 30px; }

.labels { width: 598px; padding: 24px 0 35px; border-top: 1px solid #f09aba; margin: 0 auto; }
.labels .radio,
.labels .checkbox { width: 141px; padding-left: 11px; position:relative; }
.labels .radio:first-child,
.labels .checkbox:first-child { padding-left: 0; }
.labels label { font-size: 21px; line-height: 25px; color: #fff; font-weight: 300; text-align: center; display: block; padding: 15px 0; border: 1px solid #f09aba; cursor: pointer; }
.labels label input { position:absolute; left:-9999px; }
.labels .checked label { background: #631666; }

.labels .field-error label { color: #f00; border-color: #f00; }

.success-message { display: none; }
.success-message h1 { padding-bottom: 15px; }
.success-message h2 { font-size: 42px; line-height: 51px; font-weight: 300; padding-bottom: 40px; }
.success-message hr { width: 588px; height: 1px; border: 0; margin: 0 auto 42px; background: #ad8c9c; }
.success-message p { font-size: 25px; line-height: 32px; color: #f7c9de; padding-bottom: 30px; font-weight: 200; }
.success-message .social-link { display: inline-block; width: 42px; height: 42px; margin: 0 15px; color: #c9c6c8; background: transparent !important; }
.success-message .social-link:hover { background-color: transparent; }

/* Video Popups */

.popup-video video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

#video-player { z-index: 2; }

/* Gallery Popups */
.popup-gallery .caroufredsel_wrapper { height:83% !important;}
.popup-gallery .caroufredsel_wrapper > ul { height:100% !important; top:2%; }

.popup-slideshow { position: relative; height: 100%; overflow: hidden; }
.popup-slideshow .prev-image,
.popup-slideshow .next-image { width: 47px; height: 100%; display: block; position: absolute; top: 0; bottom: 0; background-repeat: no-repeat; background-position: 50% 50%; z-index:2;  }
.popup-slideshow .prev-image { left: 0; background-image: url(images/icon-arrow02.png); }
.popup-slideshow .next-image { right: 0; background-image: url(images/icon-arrow03.png); }

.popup-slideshow ul { height: 100%; list-style: none outside; position: relative; }
.popup-slideshow ul li { float:left; height:100%; }
.popup-slideshow ul li img {  display: block; height:100%; margin: 0 auto ; padding-top:0; width:auto; }

/* ==========================================================================
	#Blog
========================================================================== */

.blog { overflow: auto; }
.blog .header { opacity: 1; filter: alpha(opacity=100); }

.page-top { height: 300px; position: relative; overflow: hidden; }
.page-top img { display: block; position: absolute; z-index: 1; }

.main { line-height: 35px; text-align: center; padding: 40px 0 35px; }
.main p { padding-bottom: 20px; }
.main p.post-meta { color: #b0b0b0; }
.main p img { max-width: 100%; height: auto; display: block; position: relative; margin: 10px auto -10px; }
.main mark { color: #fff; background-color: #b72869; }

.post-video,
.post-image { width: 100%; height: 100%; position: relative; overflow: hidden; }
.post-video iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

.tags a { color: #323232; font-style: normal; text-decoration: none; margin: 0 5px; }
.tags a:hover { text-decoration: underline; }

.post-share { padding-top: 38px; border-top: 1px solid #e2e2e2; }
.post-share a { display: inline-block; margin: 0 13px; background-repeat: no-repeat; background-position: 0 0; vertical-align: top; }
.post-share a.comment { width: 65px; height: 46px; background-image: url(images/icon-comment.png); }
.post-share .button { font-size: 13px; line-height: 19px; color: #b72869; font-style: normal; padding: 6px 10px 4px; border-color: #b72869; margin-top: 7px; }

.shares { display: none; vertical-align: top; margin-top: 7px; }
.shares.visible { display: inline-block; }

.older { padding-top: 32px; }
.older a { color: #4d4d4d; font-weight: 600; font-style: normal; }

/* Comments */

.post-actions { width: 500px; margin: 0 auto; display: none; }

#comments,
#respond { padding: 20px 0 30px; }
#comments h3 { font-size: 16px; line-height: 20px; color: #323232; font-weight: 300; padding-bottom: 12px; }
#comments .commentlist { list-style: none outside; }
#comments .commentlist .comment { font-size: 12px; line-height: 14px; color: #323232; text-align: left; padding: 10px; border: 1px solid #bc3673; margin-bottom: 8px; }
#comments .commentlist .comment .comment-author,
#comments .commentlist .comment .comment-meta,
#comments .commentlist .comment .comment-reply { float: left; padding-right: 20px; }
#comments .commentlist .comment .comment-author a,
#comments .commentlist .comment .comment-meta a,
#comments .commentlist .comment .comment-reply a { color: #b72869; text-decoration: none; }
#comments .commentlist .comment .comment-author a:hover,
#comments .commentlist .comment .comment-meta a:hover,
#comments .commentlist .comment .comment-reply a:hover { color: #000; text-decoration: none; }
#comments .commentlist .comment .comment-text { padding-top: 15px; }
#comments .commentlist .comment .children { list-style: none outside; }

#respond h3 { padding-bottom: 20px; }
#respond h3 small { display: none; }
#respond p { width: 45%; float: left; display: inline; padding: 0 0 8px 0; }
#respond p.comment-form-url { float: right; }
#respond p label { font-size: 12px; line-height: 17px; color: #323232; text-align: left; display: block; margin-top: 3px; }
#respond p input,
#respond p textarea { width: 100%; height: 21px; font-size: 12px; line-height: 18px; text-indent: 10px; text-align: left; color: #323232; padding: 0; background: #fff; border: 1px solid #bc3673; display: block; }
#respond .comment-notes { font-size: 12px; line-height: 17px; color: #323232; font-style: italic; width: auto; float: none; display: block; padding: 0 0 22px 0; }
#respond .form-submit,
#respond .comment-form-comment,
#respond .comment-form-author { width: 100%; float: none; display: block; padding: 0 0 8px 0; }
#respond p textarea { height: 136px; }
#respond p input#submit { width: 150px; margin: 0; display: block; color: #bc3673; border-color: #bc3673; }

.mobile-visible { display:none; }
.mobile-hidden {  }

/* ===========================
	#media queries
============================ */



/* homepage second section specific */
@media only screen and ( max-height: 890px ) {
	.header-expanded .panel-head-inner { padding-top:0;  }
	.service h2 { font-size:26px; padding-bottom:15px; }
	.service p { font-size:14px; line-height:19px; } 
	.service-img { margin:20px auto; }
	.service-first .service-img { width:104px; }
	.service-second .service-img { width:124px; }
	.service-third .service-img { width:115px;  }
	
	
	.service-arrow-3 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; bottom:130px; }
	.service-arrow-4 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; bottom:130px; }
	.btn-launch { height:86px; -webkit-background-size:100px 183px; background-size:100px 183px; background-position:center 0; bottom:80px; }
	.btn-launch:hover { background-position:center bottom;  }
	.btn-launch span { top:110px; font-size:36px; font-weight:100; }
}

/* small desktop */
@media only screen and ( max-width: 1200px ) {
	
	.service { width:27%; margin-left:0; padding:0 3%; }
	.service-first { left:0; }
	.service-second { left:33%; width:28%; }
	.service-third { left:67%;  }
	
	.service-arrow-1 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; left:auto; right:-40px;  top:180px;  }
	.service-arrow-2 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; left:-40px; top:180px;  }
	
	.service-first .service-img { width:104px; }
	.service-second .service-img { width:124px; }
	.service-third .service-img { width:115px;  }
	
	.member-left { width:40%; left:0; margin-left:0; }
	.member-right { width:60%; left:40%; margin-left:0; }
	.member-entry { width:auto; padding:0 40px; }
	.member-entry h2 {font-size:40px; line-height:45px; }
	.member-entry p { font-size:17px; line-height:28px; padding-bottom:28px; }
	
	.member-image img,
	.member-image { width:278px; height:278px; border-radius:139px;  }
	.member-image {  margin:-139px 0 0 -139px; }
}


/* tablet landscape */

@media only screen and ( max-width: 1024px ) {
	
	.shell { width:auto; padding:0 15px; }
	
	.logo { width:54px; }
	.logo span { display:none; }
	
	.nav li { padding: 0; }
	.nav li a { padding: 9px 12px; }
	
	.client-bottom,
	.client-top { width:42%; }
	div.client-video { width:58%; }
	.client-bottom-inner { width:auto; padding:0 20px; }
	
	.service h2 { font-size:26px; padding-bottom:15px; }
	.service p { font-size:14px; line-height:19px; }
	
	.tst-entry p { font-size:17px; line-height:35px;  }
	.tst-entry p.author {font-size:22px; }
	.tst-next { display:none !important; }
	
	/*.popup h1 { font-size: 40px; line-height: 50px; padding: 10px 0 15px; }*/
	/*.popup .field { font-size: 27px; line-height: 30px; height: 30px; margin-bottom: 10px; }*/
	.popup-contact .popup-inner { padding-bottom: 0; }
	
	.btn-launch { height:86px; -webkit-background-size:100px 183px; background-size:100px 183px; background-position:center 0; bottom:80px; }
	.btn-launch:hover { background-position:center bottom;  }
	.btn-launch span { top:110px; font-size:36px; font-weight:100; }
	
	.service-img { margin-top:30px; }
	.service-arrow-3 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; bottom:130px; }
	.service-arrow-4 { width:80px; height:30px; -webkit-background-size:80px 30px; background-size:80px 30px; bottom:130px; }
	
	div.client-video { background:url(images/temp/client-video.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover;  }
	div.client-video .jp-video { display:none; }
	
	/* from 960 */
	.popup h1 { font-size: 50px; line-height: 60px; padding: 25px 0 45px; }
	.popup .field { font-size: 47px; line-height: 60px; height: 60px; margin-bottom: 44px; }

	.popup-slideshow ul li img { max-width: 80%; height: auto; padding-top: 20%; }
	
	.footer .copyright { display:none; }
	.nav-footer { width:100%; float:none; }
}

/* mobile */
@media only screen and ( max-width: 767px ) {
	
	.header { background-color:rgba(0,0,0,0.19); height:46px; }
	.logo { top:8px; height:30px; width:41px; -webkit-background-size:161px 30px; background-size:161px 30px; }
	.nav,
	.logo {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
	
	.nav { position:fixed; background-color:#260c2a; width:160px; right:-190px; top:0; bottom:0; padding:50px 10px 0 20px; z-index:1; }
	.nav:before { height:46px; content:''; top:0; left:0; width:100%; background-color:rgba(0,0,0,0.19); position:absolute;  }
	.nav li { float:none; display:block; line-height:50px; padding:0; }
	.nav li a { display:block; float:none; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0; padding-left:10px }
	
	.header-not-animated .nav { right:-190px; }
	
	.nav-toggle { display: block; z-index:2; height:46px;  width:46px; }
	.nav-toggle .ico-menu { top:10px; left:10px; }
	.header-not-animated .nav-toggle { display:block; }

	.header-expanded .nav {  right:0; }
	.header-expanded .logo { left:-190px; }
	.header-expanded .panel  { left:-190px; }
	.nav {
		-webkit-transition:right 0.3s; 
		   -moz-transition:right 0.3s; 
		    -ms-transition:right 0.3s; 
		     -o-transition:right 0.3s; 
		        transition:right 0.3s; 
	}
	.logo,
	.panel {
		-webkit-transition:left 0.3s; 
		   -moz-transition:left 0.3s; 
		    -ms-transition:left 0.3s; 
		     -o-transition:left 0.3s; 
		        transition:left 0.3s; 
	}
	
	.homepage.header-expanded .nav-toggle {background-color:#19081c; }
	
	.nav .divider-mobile { display:block; }
	.nav .mail-mobile { display:block; }
	.nav .btn-text-mobile { display:block; }
	.nav .btn-social { text-transform:none;  }
	.nav a i { display:none; }
	
	.panel-intro h1 { font-size:50px; line-height:50px; padding-bottom:20px; opacity: 1; }
	.panel-intro h3 { font-size:25px; line-height:30px; opacity: 1; }
	.panel-intro p { opacity: 1; display:none; }
	.panel-intro p:last-child { display:block; }
	
	.panel-inner .shell { width:auto;  }
	.portfolio .panel-inner h1 { font-size:30px; line-height:35px;   }
	
	.service { display:none; }
	.services { display:table; vertical-align:middle; }
	.services .panel-head { display:none; }
	.services-mobile { display:block; display:table-cell; vertical-align:middle; text-align:center; padding-bottom:160px;  z-index:1;  }
	
	.service-arrow-3 { left:36px;  right:auto; }
	.service-arrow-4 { left:auto;  right:36px; }
	
	
	div.client-video { width:50%; height:100%;  }
	
	.client-top,
	.client-bottom { height:50%; width:50%; }
	.client-top { top:0 }
	.client-bottom h3 { font-size:20px; line-height:22px; }
	.client-bottom h3 img { width:60px; }
	.client-bottom p { font-size:12px; padding-bottom:5px; }
	.client-bottom .toggle-video { font-size:23px; line-height:25px; }
	.client-bottom-inner { padding:0 10px;  }
	
	.tst-entry:before { display:none; }
	.tst-entry { top:54px; width:70%; left:30%; }
	.tst-entry p { font-size:16px; line-height:20px; padding-bottom:10px; }
	.tst-entry p.author { font-size:18px; line-height:21px; }
	.tst-entry blockquote { display:none; }
	
	.team:before,
	.team:after { display:none; }
	
	.member-left { width:35%; }
	.member-right { width:65%; left:35%; }
	
	.member-image img,
	.member-image { width:100px; height:100px; border-radius:50px; }
	.member-image { margin:-50px 0 0 -50px;  }
	
	.member-entry { padding:0 10px; text-align:left;  }
	.member-entry h2 { font-size:16px; line-height:20px; padding-bottom:5px; }
	.member-entry p { font-size:10px; line-height:13px; padding-bottom:10px; }
	
	.panel-client .panel-head { display:none; }

	.panel .buttons { padding: 0 3px 25px 0; }
	.panel .buttons .button { padding: 10px 12px; margin: 0 2px 0 0; }
	
	.panel-client .navigate {display:none; }
	
	.portfolio .panel-content .shell { padding: 0 5px 7px; }
	.portfolio .panel-inner p { width: auto; padding: 0; letter-spacing: 0; }

	.portfolio .panel-inner .buttons p { display: block; }
	.portfolio .panel-inner .buttons .button { margin: 0 6px 0 0; }
	.portfolio .panel-inner .buttons .video-link.mobile-visible,
	.portfolio .panel-inner .navigate { width: 34px; height: 18px; text-indent: -4000px; padding: 0; background-image: url(images/icon-arrow06%402x.png); background-size: 34px 18px; -webkit-background-size: 34px 18px; bottom: 20px; right: 7px; }

	.portfolio .panel-inner .goto { width: 34px; height: 18px; text-indent: -4000px; padding: 0; bottom: 20px; right: 7px; background-image: url(images/icon-arrow07%402x.png); background-size: 34px 18px; -webkit-background-size: 34px 18px; }

	.popup img { width: 37px; height: auto; padding: 18px 0 13px; }
	.popup h1,
	.popup h2 { font-size: 25px; line-height: 27px; padding: 0 0 20px 0; }
	.popup h2 { padding-bottom: 5px; }
	.popup p { font-size: 10px; line-height: 12px; padding-bottom: 5px; }
	.popup .field { font-size: 24px; line-height: 30px; width: 298px; height: 30px; padding: 3px 0 2px; margin-bottom: 10px; }
	.popup-contact .field { margin-bottom: 12%; }
	.popup textarea.field { height: 60px; }
	.popup .labels { width: 300px; padding: 8px 0; }	
	.popup .labels .radio { width: 70px; padding-left: 6px; }
	.popup .labels .radio:first-child { width: 72px; padding-left: 0; }
	.popup .labels .radio label { font-size: 17px; line-height: 20px; padding: 5px; }

	.popup-gallery > .close { width: 28px; height: 28px; top: auto; bottom: 27px; left: 50%; margin-left: -14px; background-image: url(images/icon-close%402x.png); background-size: 28px 28px; -webkit-background-size: 28px 28px; }
	
	.popup-slideshow ul li { height: 80%; }
	.popup-slideshow ul li img { width: 100%; padding-top: 10px; }

	.popup-slideshow .prev-image,
	.popup-slideshow .next-image { width: 17px; height: 33px; top: auto; bottom: 28px; background-size: 17px 33px; -webkit-background-size: 17px 33px; }
	.popup-slideshow .prev-image { background-image: url(images/icon-arrow02%402x.png); left: 10px; }
	.popup-slideshow .next-image { background-image: url(images/icon-arrow03%402x.png); right: 10px; }

	.panel-dark .fullscreen .overlay, 
	.popup-dark #video-player .overlay,
	.panel-purple .fullscreen .overlay { background: rgba(39,3,29,.83); }
	
	.mobile-visible { display:block; }
	.mobile-hidden { display:none; }

	
}


@media (min-width: 768px) {
  .section-image-aside-right .section-image-aside-img {
    left: 0;
  }
}

.section-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.section-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.section-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.section-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-66 {
  padding-top: 66px;
  padding-bottom: 66px;
}

.section-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.section-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.section-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.section-145 {
  padding-top: 145px;
  padding-bottom: 145px;
}

.section-165 {
  padding-top: 165px;
  padding-bottom: 165px;
}

@media (min-width: 480px) {
  .section-xs-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .section-xs-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-xs-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .section-xs-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-xs-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .section-xs-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-xs-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-xs-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-xs-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-xs-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-xs-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-xs-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .section-xs-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .section-xs-145 {
    padding-top: 145px;
    padding-bottom: 145px;
  }
  .section-xs-165 {
    padding-top: 165px;
    padding-bottom: 165px;
  }
}

@media (min-width: 768px) {
  .section-sm-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .section-sm-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-sm-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .section-sm-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-sm-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .section-sm-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-sm-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-sm-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-sm-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-sm-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-sm-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .section-sm-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .section-sm-145 {
    padding-top: 145px;
    padding-bottom: 145px;
  }
  .section-sm-165 {
    padding-top: 165px;
    padding-bottom: 165px;
  }
}

@media (min-width: 992px) {
  .section-md-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .section-md-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-md-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .section-md-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-md-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .section-md-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-md-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-md-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-md-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-md-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-md-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-md-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .section-md-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .section-md-145 {
    padding-top: 145px;
    padding-bottom: 145px;
  }
  .section-md-165 {
    padding-top: 165px;
    padding-bottom: 165px;
  }
}

@media (min-width: 1200px) {
  .section-lg-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .section-lg-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-lg-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .section-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-lg-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .section-lg-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-lg-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-lg-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-lg-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-lg-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-lg-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-lg-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .section-lg-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .section-lg-145 {
    padding-top: 145px;
    padding-bottom: 145px;
  }
  .section-lg-165 {
    padding-top: 165px;
    padding-bottom: 165px;
  }
}

@media (min-width: 1800px) {
  .section-xl-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .section-xl-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-xl-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .section-xl-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-xl-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .section-xl-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-xl-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-xl-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-xl-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-xl-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-xl-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-xl-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .section-xl-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .section-xl-145 {
    padding-top: 145px;
    padding-bottom: 145px;
  }
  .section-xl-165 {
    padding-top: 165px;
    padding-bottom: 165px;
  }
}

.section-top-15 {
  padding-top: 15px;
}

.section-top-30 {
  padding-top: 30px;
}

.section-top-35 {
  padding-top: 35px;
}

.section-top-40 {
  padding-top: 40px;
}

.section-top-45 {
  padding-top: 45px;
}

.section-top-50 {
  padding-top: 50px;
}

.section-top-60 {
  padding-top: 60px;
}

.section-top-66 {
  padding-top: 66px;
}

.section-top-75 {
  padding-top: 75px;
}

.section-top-90 {
  padding-top: 90px;
}

.section-top-100 {
  padding-top: 100px;
}

.section-top-120 {
  padding-top: 120px;
}

.section-top-130 {
  padding-top: 130px;
}

.section-top-145 {
  padding-top: 145px;
}

.section-top-165 {
  padding-top: 165px;
}

@media (min-width: 480px) {
  .section-xs-top-15 {
    padding-top: 15px;
  }
  .section-xs-top-30 {
    padding-top: 30px;
  }
  .section-xs-top-35 {
    padding-top: 35px;
  }
  .section-xs-top-40 {
    padding-top: 40px;
  }
  .section-xs-top-45 {
    padding-top: 45px;
  }
  .section-xs-top-50 {
    padding-top: 50px;
  }
  .section-xs-top-60 {
    padding-top: 60px;
  }
  .section-xs-top-66 {
    padding-top: 66px;
  }
  .section-xs-top-75 {
    padding-top: 75px;
  }
  .section-xs-top-90 {
    padding-top: 90px;
  }
  .section-xs-top-100 {
    padding-top: 100px;
  }
  .section-xs-top-120 {
    padding-top: 120px;
  }
  .section-xs-top-130 {
    padding-top: 130px;
  }
  .section-xs-top-145 {
    padding-top: 145px;
  }
  .section-xs-top-165 {
    padding-top: 165px;
  }
  
  
}

@media (min-width: 768px) {
  .section-sm-top-15 {
    padding-top: 15px;
  }
  .section-sm-top-30 {
    padding-top: 30px;
  }
  .section-sm-top-35 {
    padding-top: 35px;
  }
  .section-sm-top-40 {
    padding-top: 40px;
  }
  .section-sm-top-45 {
    padding-top: 45px;
  }
  .section-sm-top-50 {
    padding-top: 50px;
  }
  .section-sm-top-60 {
    padding-top: 60px;
  }
  .section-sm-top-66 {
    padding-top: 66px;
  }
  .section-sm-top-75 {
    padding-top: 75px;
  }
  .section-sm-top-90 {
    padding-top: 90px;
  }
  .section-sm-top-100 {
    padding-top: 100px;
  }
  .section-sm-top-120 {
    padding-top: 120px;
  }
  .section-sm-top-130 {
    padding-top: 130px;
  }
  .section-sm-top-145 {
    padding-top: 145px;
  }
  .section-sm-top-165 {
    padding-top: 165px;
  }
}

@media (min-width: 992px) {
  .section-md-top-15 {
    padding-top: 15px;
  }
  .section-md-top-30 {
    padding-top: 30px;
  }
  .section-md-top-35 {
    padding-top: 35px;
  }
  .section-md-top-40 {
    padding-top: 40px;
  }
  .section-md-top-45 {
    padding-top: 45px;
  }
  .section-md-top-50 {
    padding-top: 50px;
  }
  .section-md-top-60 {
    padding-top: 60px;
  }
  .section-md-top-66 {
    padding-top: 66px;
  }
  .section-md-top-75 {
    padding-top: 75px;
  }
  .section-md-top-90 {
    padding-top: 90px;
  }
  .section-md-top-100 {
    padding-top: 100px;
  }
  .section-md-top-120 {
    padding-top: 120px;
  }
  .section-md-top-130 {
    padding-top: 130px;
  }
  .section-md-top-145 {
    padding-top: 145px;
  }
  .section-md-top-165 {
    padding-top: 165px;
  }
}

@media (min-width: 1200px) {
  .section-lg-top-15 {
    padding-top: 15px;
  }
  .section-lg-top-30 {
    padding-top: 30px;
  }
  .section-lg-top-35 {
    padding-top: 35px;
  }
  .section-lg-top-40 {
    padding-top: 40px;
  }
  .section-lg-top-45 {
    padding-top: 45px;
  }
  .section-lg-top-50 {
    padding-top: 50px;
  }
  .section-lg-top-60 {
    padding-top: 60px;
  }
  .section-lg-top-66 {
    padding-top: 66px;
  }
  .section-lg-top-75 {
    padding-top: 75px;
  }
  .section-lg-top-90 {
    padding-top: 90px;
  }
  .section-lg-top-100 {
    padding-top: 100px;
  }
  .section-lg-top-120 {
    padding-top: 120px;
  }
  .section-lg-top-130 {
    padding-top: 130px;
  }
  .section-lg-top-145 {
    padding-top: 145px;
  }
  .section-lg-top-165 {
    padding-top: 165px;
  }
}

@media (min-width: 1800px) {
  .section-xl-top-15 {
    padding-top: 15px;
  }
  .section-xl-top-30 {
    padding-top: 30px;
  }
  .section-xl-top-35 {
    padding-top: 35px;
  }
  .section-xl-top-40 {
    padding-top: 40px;
  }
  .section-xl-top-45 {
    padding-top: 45px;
  }
  .section-xl-top-50 {
    padding-top: 50px;
  }
  .section-xl-top-60 {
    padding-top: 60px;
  }
  .section-xl-top-66 {
    padding-top: 66px;
  }
  .section-xl-top-75 {
    padding-top: 75px;
  }
  .section-xl-top-90 {
    padding-top: 90px;
  }
  .section-xl-top-100 {
    padding-top: 100px;
  }
  .section-xl-top-120 {
    padding-top: 120px;
  }
  .section-xl-top-130 {
    padding-top: 130px;
  }
  .section-xl-top-145 {
    padding-top: 145px;
  }
  .section-xl-top-165 {
    padding-top: 165px;
  }
}

.section-bottom-15 {
  padding-bottom: 15px;
}

.section-bottom-30 {
  padding-bottom: 30px;
}

.section-bottom-35 {
  padding-bottom: 35px;
}

.section-bottom-40 {
  padding-bottom: 40px;
}

.section-bottom-45 {
  padding-bottom: 45px;
}

.section-bottom-50 {
  padding-bottom: 50px;
}

.section-bottom-60 {
  padding-bottom: 60px;
}

.section-bottom-66 {
  padding-bottom: 66px;
}

.section-bottom-75 {
  padding-bottom: 75px;
}

.section-bottom-90 {
  padding-bottom: 90px;
}

.section-bottom-100 {
  padding-bottom: 100px;
}

.section-bottom-120 {
  padding-bottom: 120px;
}

.section-bottom-130 {
  padding-bottom: 130px;
}

.section-bottom-145 {
  padding-bottom: 145px;
}

.section-bottom-165 {
  padding-bottom: 165px;
}

@media (min-width: 480px) {
  .section-xs-bottom-15 {
    padding-bottom: 15px;
  }
  .section-xs-bottom-30 {
    padding-bottom: 30px;
  }
  .section-xs-bottom-35 {
    padding-bottom: 35px;
  }
  .section-xs-bottom-40 {
    padding-bottom: 40px;
  }
  .section-xs-bottom-45 {
    padding-bottom: 45px;
  }
  .section-xs-bottom-50 {
    padding-bottom: 50px;
  }
  .section-xs-bottom-60 {
    padding-bottom: 60px;
  }
  .section-xs-bottom-66 {
    padding-bottom: 66px;
  }
  .section-xs-bottom-75 {
    padding-bottom: 75px;
  }
  .section-xs-bottom-90 {
    padding-bottom: 90px;
  }
  .section-xs-bottom-100 {
    padding-bottom: 100px;
  }
  .section-xs-bottom-120 {
    padding-bottom: 120px;
  }
  .section-xs-bottom-130 {
    padding-bottom: 130px;
  }
  .section-xs-bottom-145 {
    padding-bottom: 145px;
  }
  .section-xs-bottom-165 {
    padding-bottom: 165px;
  }
}

@media (min-width: 768px) {
  .section-sm-bottom-15 {
    padding-bottom: 15px;
  }
  .section-sm-bottom-30 {
    padding-bottom: 30px;
  }
  .section-sm-bottom-35 {
    padding-bottom: 35px;
  }
  .section-sm-bottom-40 {
    padding-bottom: 40px;
  }
  .section-sm-bottom-45 {
    padding-bottom: 45px;
  }
  .section-sm-bottom-50 {
    padding-bottom: 50px;
  }
  .section-sm-bottom-60 {
    padding-bottom: 60px;
  }
  .section-sm-bottom-66 {
    padding-bottom: 66px;
  }
  .section-sm-bottom-75 {
    padding-bottom: 75px;
  }
  .section-sm-bottom-90 {
    padding-bottom: 90px;
  }
  .section-sm-bottom-100 {
    padding-bottom: 100px;
  }
  .section-sm-bottom-120 {
    padding-bottom: 120px;
  }
  .section-sm-bottom-130 {
    padding-bottom: 130px;
  }
  .section-sm-bottom-145 {
    padding-bottom: 145px;
  }
  .section-sm-bottom-165 {
    padding-bottom: 165px;
  }
}

@media (min-width: 992px) {
  .section-md-bottom-15 {
    padding-bottom: 15px;
  }
  .section-md-bottom-30 {
    padding-bottom: 30px;
  }
  .section-md-bottom-35 {
    padding-bottom: 35px;
  }
  .section-md-bottom-40 {
    padding-bottom: 40px;
  }
  .section-md-bottom-45 {
    padding-bottom: 45px;
  }
  .section-md-bottom-50 {
    padding-bottom: 50px;
  }
  .section-md-bottom-60 {
    padding-bottom: 60px;
  }
  .section-md-bottom-66 {
    padding-bottom: 66px;
  }
  .section-md-bottom-75 {
    padding-bottom: 75px;
  }
  .section-md-bottom-90 {
    padding-bottom: 90px;
  }
  .section-md-bottom-100 {
    padding-bottom: 100px;
  }
  .section-md-bottom-120 {
    padding-bottom: 120px;
  }
  .section-md-bottom-130 {
    padding-bottom: 130px;
  }
  .section-md-bottom-145 {
    padding-bottom: 145px;
  }
  .section-md-bottom-165 {
    padding-bottom: 165px;
  }
}

@media (min-width: 1200px) {
  .section-lg-bottom-15 {
    padding-bottom: 15px;
  }
  .section-lg-bottom-30 {
    padding-bottom: 30px;
  }
  .section-lg-bottom-35 {
    padding-bottom: 35px;
  }
  .section-lg-bottom-40 {
    padding-bottom: 40px;
  }
  .section-lg-bottom-45 {
    padding-bottom: 45px;
  }
  .section-lg-bottom-50 {
    padding-bottom: 50px;
  }
  .section-lg-bottom-60 {
    padding-bottom: 60px;
  }
  .section-lg-bottom-66 {
    padding-bottom: 66px;
  }
  .section-lg-bottom-75 {
    padding-bottom: 75px;
  }
  .section-lg-bottom-90 {
    padding-bottom: 90px;
  }
  .section-lg-bottom-100 {
    padding-bottom: 100px;
  }
  .section-lg-bottom-120 {
    padding-bottom: 120px;
  }
  .section-lg-bottom-130 {
    padding-bottom: 130px;
  }
  .section-lg-bottom-145 {
    padding-bottom: 145px;
  }
  .section-lg-bottom-165 {
    padding-bottom: 165px;
  }
}

@media (min-width: 1800px) {
  .section-xl-bottom-15 {
    padding-bottom: 15px;
  }
  .section-xl-bottom-30 {
    padding-bottom: 30px;
  }
  .section-xl-bottom-35 {
    padding-bottom: 35px;
  }
  .section-xl-bottom-40 {
    padding-bottom: 40px;
  }
  .section-xl-bottom-45 {
    padding-bottom: 45px;
  }
  .section-xl-bottom-50 {
    padding-bottom: 50px;
  }
  .section-xl-bottom-60 {
    padding-bottom: 60px;
  }
  .section-xl-bottom-66 {
    padding-bottom: 66px;
  }
  .section-xl-bottom-75 {
    padding-bottom: 75px;
  }
  .section-xl-bottom-90 {
    padding-bottom: 90px;
  }
  .section-xl-bottom-100 {
    padding-bottom: 100px;
  }
  .section-xl-bottom-120 {
    padding-bottom: 120px;
  }
  .section-xl-bottom-130 {
    padding-bottom: 130px;
  }
  .section-xl-bottom-145 {
    padding-bottom: 145px;
  }
  .section-xl-bottom-165 {
    padding-bottom: 165px;
  }
}

a {
    color: #fff !important
;
    text-decoration: none;
}

p{font-size:16px !important;
letter-spacing:1px}
a:focus, a:hover {
 
    text-decoration: none !important;
}



.form-control{ border-radius:1px !important}
.padbt25{    padding-bottom: 24px !important;}

.imgcenter{    margin: auto;
    padding: 0;}

	.bg-white{background:#fff; padding-bottom:20px}
	.red{color:red}
	.contactgreen{color: #abbd69;}

	
	
	/*------------------Cube Css------------------*/
	
	.cube {
	margin: 30px auto;
	position: relative;
	width: 300px;
	height: 100px;
	font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;  
 /*   text-shadow: 1px 1px 1px #383737;*/
	color: #FFF;
	text-align:center;
}
.cube h1 {
    font-size: 30px;
	font-weight: bold;
	line-height:98px;
    margin:0;
    padding:0;
}
.cube h2 {
	font-size: 21px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 2px;
}
.cube p {
	font-size: 13px;
	padding: 5px 10px;
	margin: 0;
}

.cube a{
	 text-shadow: none !important; 
}
.cube i {
    font-size: 72px;
    padding-top: 11px;
	 text-shadow: none !important; 
}
.default-state, .active-state {
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
	transition: transform 0.4s ease;
	transform-origin: center center -50px;
	-webkit-transform-origin: center center -50px;
	width: 100%;
}
.default-state {
	background-color: #03a9f4;
	transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.active-state {
	background: #1976d2;
	transform: perspective(1000px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
.cube:hover .default-state {
	transform: perspective(1000px) rotateX(90deg) rotateY(0) rotateZ(0deg);
	cursor:pointer;
}
.cube:hover .active-state {
	z-index: 99999;
	transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0);
	cursor:pointer;
}
	
	.text-gray-darker i {
    font-size: 20px;
    padding-right: 10px;
    color: #6B8E23;
}

	
	/*@media only screen and (max-width : 320px){
.bgabout img{
width:100%;
}
}

@media only screen and (max-width : 480px){
.bgabout{
width:100%;
}
}*/
	
	
	
			nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
 
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
     
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:transparent !important}

.dropdown-menu>li>a{color:#000 !important; background:transparent !important;text-transform: capitalize !important;}
.black{color:#676767 !important}


.headbg{background: transparent url(../images/header.jpg);
    color: #FFF;
    box-sizing: border-box;
    height: 250px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;}
	
.headbg h2{    color: #fff !important;}	




.zoom-btn-large {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
 
.zoom-fab {
  display: inline-block;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 340px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #ff3b00;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    color: #FFF;
	z-index:9999;
	left:5px;
}

.zoom-fab1{background-color: #00b8ff !important;}
.zoom-fab2{background-color: #ff0000 !important;}
.page-loader-variant-1 {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  float: left;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 25px;
  z-index: 9999999;
  background: #000;
  transition: .3s all ease;
}

.page-loader-variant-1.loaded {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.page-loader-variant-1.ending {
  display: none;
}

.page-loader-variant-1 .page-loader-body {
  margin-top: 40px;
  text-align: center;
}

#spinningSquaresG {
  position: relative;
  width: 150px;
  height: 18px;
  margin: auto;
}

.spinningSquaresG {
  position: absolute;
  top: 0;
  background-color: white;
  width: 18px;
  height: 18px;
  animation-name: bounce_spinningSquaresG;
  -o-animation-name: bounce_spinningSquaresG;
  -ms-animation-name: bounce_spinningSquaresG;
  -webkit-animation-name: bounce_spinningSquaresG;
  -moz-animation-name: bounce_spinningSquaresG;
  animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(0.3);
  -o-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
}

#spinningSquaresG_1 {
  left: 0;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}

#spinningSquaresG_2 {
  left: 19px;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}

#spinningSquaresG_3 {
  left: 37px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

#spinningSquaresG_4 {
  left: 56px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}

#spinningSquaresG_5 {
  left: 75px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

#spinningSquaresG_6 {
  left: 94px;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}

#spinningSquaresG_7 {
  left: 112px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}

#spinningSquaresG_8 {
  left: 131px;
  animation-delay: 1.64s;
  -o-animation-delay: 1.64s;
  -ms-animation-delay: 1.64s;
  -webkit-animation-delay: 1.64s;
  -moz-animation-delay: 1.64s;
}

@keyframes bounce_spinningSquaresG {
  0% {
    transform: scale(1);
    background-color: white;
  }
  100% {
    transform: scale(0.3) rotate(90deg);
    background-color: black;
  }
}

@-o-keyframes bounce_spinningSquaresG {
  0% {
    -o-transform: scale(1);
    background-color: white;
  }
  100% {
    -o-transform: scale(0.3) rotate(90deg);
    background-color: black;
  }
}

@-webkit-keyframes bounce_spinningSquaresG {
  0% {
    -webkit-transform: scale(1);
    background-color: white;
  }
  100% {
    -webkit-transform: scale(0.3) rotate(90deg);
    background-color: black;
  }
}

@-moz-keyframes bounce_spinningSquaresG {
  0% {
    -moz-transform: scale(1);
    background-color: white;
  }
  100% {
    -moz-transform: scale(0.3) rotate(90deg);
    background-color: black;
  }
}

[data-x-mode="design-mode"] .page-loader-variant-1 {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}