/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
body{
	margin:0;
	padding:0;
	background:#fff;
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
 }
h1,h2,h3,h4,h5,h6{
	margin:0;	
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}	
p{
	margin:0;
	font-size:14px;
}

ul{
	margin:0;
	padding:0;
}

#particle-canvas {
  width: 100%;
  height: 100%;
}

#myVideo {
  right: 0;
  bottom: 0;
  max-height: 30%;
  min-width: 100%;
}

.menu-log{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;	
}

.background-video {
	position: fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	height:100%;
}
/*-- banner --*/
input[type="submit"],.w3agile_contact_right_agileinfo p a,.w3_copy_right p a{
	transition:.5s ease-in-out;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	-ms-transition:.5s ease-in-out;
}
.center-container{
	padding:0em 0 8em;
	background: rgba(0, 0, 0, 0.28);
}
.navigation{
	padding:3em 0;
	background:#000;
	padding:1em 0em;
	background-color: #1196c1;	
	background: rgba(176, 176, 176, 0.3);
	height: 55px;
}
.google-map{
display: flex;
}
.formulario{
display: flex;
text-align:center;
margin-top:10%;
}
.fondo-contacto{
/* background-color: rgb(0,0,0, 0.08); */
}
.letra-negra{
color: black !important;
font-size: 17px !important;
}
.letra-blanca{
color: white !important;
font-size: 17px !important;
}
.letra-amarilla{
color: yellow;
}
.blanca{
color: white !important;
}
/* unvisited link */
a:link {
  color: yellow;
}

/* visited link */
a:visited {
  color: yellow;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: yellow;
}
.amarillo{
background-color: #ffaa00;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb100' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb800' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffbf00' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffc500' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffcc00' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffd624' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe038' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffeb49' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fff558' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffff66' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: absolute;
background-size: cover;
}
.azul{
/* background-image: url("../images/contacto.jpg"); */
background-color: #4CBFFF;
background-attachment: absolute;
background-size: cover;
}
.azul-plano{
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='50%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%230EF'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%230FF'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg fill-opacity='.8'%3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
.azul-triangulo{
background-color: #0099ff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3CradialGradient id='a' cx='800' cy='371' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230099ff'/%3E%3Cstop offset='1' stop-color='%2304C'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='800' cy='371' r='60%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230EF' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%230EF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1600' height='900'/%3E%3Cg fill='none' stroke='%2303E' stroke-width='10' stroke-miterlimit='10' stroke-opacity='.5'%3E%3Cpolygon points='2277.4 1152 800-1407-677.4 1152'/%3E%3Cpolygon points='800-1372.9-648.8 1136.5 2248.8 1136.5'/%3E%3Cpolygon points='800-1338.8-620.2 1121.1 2220.2 1121.1'/%3E%3Cpolygon points='800-1304.7-591.6 1105.6 2191.6 1105.6'/%3E%3Cpolygon points='800-1270.6-563 1090.2 2163 1090.2'/%3E%3Cpolygon points='800-1236.5-534.4 1074.7 2134.4 1074.7'/%3E%3Cpolygon points='800-1202.4-505.8 1059.3 2105.8 1059.3'/%3E%3Cpolygon points='800-1168.3-477.2 1043.8 2077.2 1043.8'/%3E%3Cpolygon points='800-1134.2-448.6 1028.4 2048.6 1028.4'/%3E%3Cpolygon points='800-1100.1-420 1012.9 2020 1012.9'/%3E%3Cpolygon points='800-1066-391.4 997.5 1991.4 997.5'/%3E%3Cpolygon points='800-1031.9-362.7 982 1962.7 982'/%3E%3Cpolygon points='800-997.8-334.1 966.6 1934.1 966.6'/%3E%3Cpolygon points='800-963.7-305.5 951.1 1905.5 951.1'/%3E%3Cpolygon points='800-929.6-276.9 935.7 1876.9 935.7'/%3E%3Cpolygon points='800-895.5-248.3 920.2 1848.3 920.2'/%3E%3Cpolygon points='800-861.4-219.7 904.7 1819.7 904.7'/%3E%3Cpolygon points='800-827.3-191.1 889.3 1791.1 889.3'/%3E%3Cpolygon points='800-793.2-162.5 873.8 1762.5 873.8'/%3E%3Cpolygon points='800-759.1-133.9 858.4 1733.9 858.4'/%3E%3Cpolygon points='800-725-105.3 842.9 1705.3 842.9'/%3E%3Cpolygon points='800-690.9-76.7 827.5 1676.7 827.5'/%3E%3Cpolygon points='800-656.8-48.1 812 1648.1 812'/%3E%3Cpolygon points='800-622.7-19.4 796.6 1619.4 796.6'/%3E%3Cpolygon points='800-588.6 9.2 781.1 1590.8 781.1'/%3E%3Cpolygon points='800-554.5 37.8 765.7 1562.2 765.7'/%3E%3Cpolygon points='800-520.5 66.4 750.2 1533.6 750.2'/%3E%3Cpolygon points='800-486.4 95 734.8 1505 734.8'/%3E%3Cpolygon points='800-452.3 123.6 719.3 1476.4 719.3'/%3E%3Cpolygon points='800-418.2 152.2 703.9 1447.8 703.9'/%3E%3Cpolygon points='800-384.1 180.8 688.4 1419.2 688.4'/%3E%3Cpolygon points='800-350 209.4 673 1390.6 673'/%3E%3Cpolygon points='800-315.9 238 657.5 1362 657.5'/%3E%3Cpolygon points='800-281.8 266.6 642 1333.4 642'/%3E%3Cpolygon points='800-247.7 295.2 626.6 1304.8 626.6'/%3E%3Cpolygon points='800-213.6 323.9 611.1 1276.1 611.1'/%3E%3Cpolygon points='800-179.5 352.5 595.7 1247.5 595.7'/%3E%3Cpolygon points='800-145.4 381.1 580.2 1218.9 580.2'/%3E%3Cpolygon points='800-111.3 409.7 564.8 1190.3 564.8'/%3E%3Cpolygon points='800-77.2 438.3 549.3 1161.7 549.3'/%3E%3Cpolygon points='800-43.1 466.9 533.9 1133.1 533.9'/%3E%3Cpolygon points='800-9 495.5 518.4 1104.5 518.4'/%3E%3Cpolygon points='800 25.1 524.1 503 1075.9 503'/%3E%3Cpolygon points='800 59.2 552.7 487.5 1047.3 487.5'/%3E%3Cpolygon points='800 93.3 581.3 472.1 1018.7 472.1'/%3E%3Cpolygon points='800 127.4 609.9 456.6 990.1 456.6'/%3E%3Cpolygon points='800 161.5 638.5 441.2 961.5 441.2'/%3E%3Cpolygon points='800 195.6 667.2 425.7 932.8 425.7'/%3E%3Cpolygon points='800 229.7 695.8 410.2 904.2 410.2'/%3E%3Cpolygon points='800 263.8 724.4 394.8 875.6 394.8'/%3E%3Cpolygon points='800 297.9 753 379.3 847 379.3'/%3E%3Cpolygon points='800 332 781.6 363.9 818.4 363.9'/%3E%3C/g%3E%3Crect fill-opacity='.5' fill='url(%23b)' width='1600' height='900'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
.verde-triangulo{
background-color: #66ff77;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2366ff77'/%3E%3Cstop offset='1' stop-color='%23240'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23EF5' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23EF5' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%23081' stroke-width='10' stroke-miterlimit='10' stroke-opacity='.2'%3E%3Cpolygon points='-500%2C500 500%2C-500 1500%2C500 500%2C1500'/%3E%3Cpolygon points='-475%2C500 500%2C-475 1475%2C500 500%2C1475'/%3E%3Cpolygon points='-450%2C500 500%2C-450 1450%2C500 500%2C1450'/%3E%3Cpolygon points='-425%2C500 500%2C-425 1425%2C500 500%2C1425'/%3E%3Cpolygon points='-400%2C500 500%2C-400 1400%2C500 500%2C1400'/%3E%3Cpolygon points='-375%2C500 500%2C-375 1375%2C500 500%2C1375'/%3E%3Cpolygon points='-350%2C500 500%2C-350 1350%2C500 500%2C1350'/%3E%3Cpolygon points='-325%2C500 500%2C-325 1325%2C500 500%2C1325'/%3E%3Cpolygon points='-300%2C500 500%2C-300 1300%2C500 500%2C1300'/%3E%3Cpolygon points='-275%2C500 500%2C-275 1275%2C500 500%2C1275'/%3E%3Cpolygon points='-250%2C500 500%2C-250 1250%2C500 500%2C1250'/%3E%3Cpolygon points='-225%2C500 500%2C-225 1225%2C500 500%2C1225'/%3E%3Cpolygon points='-200%2C500 500%2C-200 1200%2C500 500%2C1200'/%3E%3Cpolygon points='-175%2C500 500%2C-175 1175%2C500 500%2C1175'/%3E%3Cpolygon points='-150%2C500 500%2C-150 1150%2C500 500%2C1150'/%3E%3Cpolygon points='-125%2C500 500%2C-125 1125%2C500 500%2C1125'/%3E%3Cpolygon points='-100%2C500 500%2C-100 1100%2C500 500%2C1100'/%3E%3Cpolygon points='-75%2C500 500%2C-75 1075%2C500 500%2C1075'/%3E%3Cpolygon points='-50%2C500 500%2C-50 1050%2C500 500%2C1050'/%3E%3Cpolygon points='-25%2C500 500%2C-25 1025%2C500 500%2C1025'/%3E%3Cpolygon points='0%2C500 500%2C0 1000%2C500 500%2C1000'/%3E%3Cpolygon points='25%2C500 500%2C25 975%2C500 500%2C975'/%3E%3Cpolygon points='50%2C500 500%2C50 950%2C500 500%2C950'/%3E%3Cpolygon points='75%2C500 500%2C75 925%2C500 500%2C925'/%3E%3Cpolygon points='100%2C500 500%2C100 900%2C500 500%2C900'/%3E%3Cpolygon points='125%2C500 500%2C125 875%2C500 500%2C875'/%3E%3Cpolygon points='150%2C500 500%2C150 850%2C500 500%2C850'/%3E%3Cpolygon points='175%2C500 500%2C175 825%2C500 500%2C825'/%3E%3Cpolygon points='200%2C500 500%2C200 800%2C500 500%2C800'/%3E%3Cpolygon points='225%2C500 500%2C225 775%2C500 500%2C775'/%3E%3Cpolygon points='250%2C500 500%2C250 750%2C500 500%2C750'/%3E%3Cpolygon points='275%2C500 500%2C275 725%2C500 500%2C725'/%3E%3Cpolygon points='300%2C500 500%2C300 700%2C500 500%2C700'/%3E%3Cpolygon points='325%2C500 500%2C325 675%2C500 500%2C675'/%3E%3Cpolygon points='350%2C500 500%2C350 650%2C500 500%2C650'/%3E%3Cpolygon points='375%2C500 500%2C375 625%2C500 500%2C625'/%3E%3Cpolygon points='400%2C500 500%2C400 600%2C500 500%2C600'/%3E%3Cpolygon points='425%2C500 500%2C425 575%2C500 500%2C575'/%3E%3Cpolygon points='450%2C500 500%2C450 550%2C500 500%2C550'/%3E%3Cpolygon points='475%2C500 500%2C475 525%2C500 500%2C525'/%3E%3C/g%3E%3Crect fill-opacity='.2' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
.naranjo{
background-color: #ff0000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='60%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff0000'/%3E%3Cstop offset='1' stop-color='%23900'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FF0' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23FF0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%23F40' stroke-width='2' stroke-miterlimit='10' stroke-opacity='.5'%3E%3Ccircle cx='500' cy='500' r='725'/%3E%3Ccircle cx='500' cy='500' r='700'/%3E%3Ccircle cx='500' cy='500' r='675'/%3E%3Ccircle cx='500' cy='500' r='650'/%3E%3Ccircle cx='500' cy='500' r='625'/%3E%3Ccircle cx='500' cy='500' r='600'/%3E%3Ccircle cx='500' cy='500' r='575'/%3E%3Ccircle cx='500' cy='500' r='550'/%3E%3Ccircle cx='500' cy='500' r='525'/%3E%3Ccircle cx='500' cy='500' r='500'/%3E%3Ccircle cx='500' cy='500' r='475'/%3E%3Ccircle cx='500' cy='500' r='450'/%3E%3Ccircle cx='500' cy='500' r='425'/%3E%3Ccircle cx='500' cy='500' r='400'/%3E%3Ccircle cx='500' cy='500' r='375'/%3E%3Ccircle cx='500' cy='500' r='350'/%3E%3Ccircle cx='500' cy='500' r='325'/%3E%3Ccircle cx='500' cy='500' r='300'/%3E%3Ccircle cx='500' cy='500' r='275'/%3E%3Ccircle cx='500' cy='500' r='250'/%3E%3Ccircle cx='500' cy='500' r='225'/%3E%3Ccircle cx='500' cy='500' r='200'/%3E%3Ccircle cx='500' cy='500' r='175'/%3E%3Ccircle cx='500' cy='500' r='150'/%3E%3Ccircle cx='500' cy='500' r='125'/%3E%3Ccircle cx='500' cy='500' r='100'/%3E%3Ccircle cx='500' cy='500' r='75'/%3E%3Ccircle cx='500' cy='500' r='50'/%3E%3Ccircle cx='500' cy='500' r='25'/%3E%3C/g%3E%3Crect fill-opacity='.5' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
.gris{
background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 53%, rgba(209,209,209,1) 54%, rgba(255,255,255,1) 99%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(53%, rgba(208,208,208,1)), color-stop(54%, rgba(209,209,209,1)), color-stop(99%, rgba(255,255,255,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 53%, rgba(209,209,209,1) 54%, rgba(255,255,255,1) 99%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 53%, rgba(209,209,209,1) 54%, rgba(255,255,255,1) 99%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 53%, rgba(209,209,209,1) 54%, rgba(255,255,255,1) 99%); /* ie10+ */
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 53%, rgba(209,209,209,1) 54%, rgba(255,255,255,1) 99%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* ie6-9 */
}
.gris-plano{
background-color: #E0E0E0;
background-image: linear-gradient(270deg, transparent 50%, rgba(255,255,255,.5) 50%);
background-size: 5px 15px;
}
.logo{
	float:left;
}
.logo-atech {
  max-width: 100%;
  height: auto;
}
.centrado{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.navigation-right{
	float:right;
	height: 55px;
}
.navigation-right ul li{
	display:inline-block;
}
.navigation-right ul li a{
	color:#fff;
    font-size:1em;
    text-decoration: none;
    padding: 10px 0;
	text-transform:uppercase;
}
.navigation-right ul li.active a{
	color:#EEE048;
}
span.menu{
	display:none;
	max-width:100%;
}
/*-- nav-hover --*/
.link-effect-3 a {
	padding: 10px 0;
	margin: 0 20px;
	color: #797878;
	text-shadow: none;
	position: relative;
}
.link-effect-3 a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 0;
	max-width: 0;
	border-bottom: 2px solid #EEE048;
    color: #EEE048;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}
.link-effect-3 a:hover::before {
	max-width: 100%;
}
/*-- //nav-hover --*/
.w3ls_banner_info{
    padding: 10em 0 0;
	text-align:center;
}
.logo h1 a {
    font-size:1.5em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.w3l_banner_logo{
	width: 100px;
    height: 100px;
    border: 1px solid #fff;
    margin: 0 auto;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	text-align: center;
}
.w3l_banner_logo h2{
	font-size: 5em;
    color: #fff;
    line-height: 1.3;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
}
.w3ls_banner_info h3{
	margin: 2em 0;
    font-size: 2em;
    color:#fff;
    text-transform: uppercase;
    line-height: 1.5em;
    padding-bottom: 1em;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}
.w3ls_banner_info h3:after{
	content:'';
	background:#96F070;
	height:1px;
	width:30%;
	position:absolute;
	bottom:0%;
	left:34%;
}
.w3ls_banner_info p{
	color:#fff;
	line-height:1.8em;
	margin-bottom:5em;
}
.modal-header {
    font-size: 2em;
    color:#4BC319;
}
.close {
    opacity: 1;
}
.more a:focus {
    outline: none;
}
.more a{
	font-size: 14px;
    text-transform: capitalize;
    text-decoration: none;
    padding: 8px 40px;
    background: #4BC319;
    color: #fff;
}
.modal-body p {
    color: #999;
    text-align: left;
	padding:2em 2em 3em;
	margin: 0 !important;
}
.modal-body p i {
    display: block;
    margin: 2em 0 0;
}
.modal-body {
    padding:2em 0 0;
}
button.close {
    font-size: 1em;
    color: #212121;
}
/* Underline From Center */
.hvr-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
/*-- w3layouts --*/
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
}
.hvr-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #3A9E10;
    height: 3px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
	left: 0;
	right: 0;
}
/*-- banner-bottom --*/
.banner-bottom{
	padding:5em 0 0;
}
.wthree_banner_bottom_right h3{
	text-transform: capitalize;
    font-size: 1.8em;
    color: #4BC319;
    line-height: 1.5em;
}
.wthree_banner_bottom_right p{
	margin:1em 0 3em;
	line-height:1.8em;
	color:#999;
}
.wthree_banner_bottom_right ol li{
	font-size: 14px;
    color: #212121;
    margin-bottom: 1.5em;
}
.banner-bottom-image-text-left{
	padding:5em 10em 6.95em 18em;
/*-- agileits --*/
	background:#EEE048;
}
.banner-bottom-image-text-right{
	padding:0;
}
.banner-bottom-image-text-right img {
    width: 100%;
}
.banner-bottom-image-text-left h3,.w3agile_contact_left h3,.agileits_about_grid_left h3{
	font-size: 2.5em;
    color: #212121;
    line-height: 1.5em;
    position: relative;
	padding-bottom:.5em;
	font-family: 'Open Sans', sans-serif;
}
.banner-bottom-image-text-left h3:before,.banner-bottom-image-text-left h3:after,.w3agile_contact_left h3:before,.w3agile_contact_left h3:after,.agileits_about_grid_left h3:before,.agileits_about_grid_left h3:after{
	content:'';
	background:#212121;
	height:1px;
	position:absolute;
}
.banner-bottom-image-text-left h3:before,.w3agile_contact_left h3:before,.agileits_about_grid_left h3:before{
	left: 0%;
    width: 15%;
    bottom: 0%;
}
.banner-bottom-image-text-left h3:after,.w3agile_contact_left h3:after,.agileits_about_grid_left h3:after{
	left: 0%;
    width: 30%;
    bottom: -4%;
}
.banner-bottom-image-text-left p{
	color:#3D3D3D;
	margin:3em 0;
	line-height:1.8em;
}
.banner-bottom-image-text-left h4{
	text-transform: capitalize;
    font-size: 1.5em;
    color: #5E5E5E;
    padding-left: 3em;
    line-height: 2em;
    position: relative;
}
.banner-bottom-image-text-left h4:before{
	content:'';
	background:url(../images/img-sp.png) no-repeat 0px 0px;
	display:block;
/*-- w3layouts --*/
	width:32px;
	height:32px;
	position:absolute;
	top:0%;
	left:0%;
}
/*-- //banner-bottom --*/
/*-- team --*/
.team,.gallery,.testimonials,.about{
	padding:5em 0;
}
.team h3,.team-bottom h3,.gallery h3,.testimonials h3{
	font-size: 2.5em;
    color: #4BC319;
    padding-bottom:.7em;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
	text-transform: capitalize;
}
.team h3:before,.team h3:after,.team-bottom h3:before,.team-bottom h3:after,.gallery h3:before,.gallery h3:after,.testimonials h3:before,.testimonials h3:after{
	background:#212121;
	height:1px;
	position:absolute;
	content:'';
}
.team h3:before,.team-bottom h3:before,.gallery h3:before,.testimonials h3:before{
	width: 5%;
    left: 47%;
    bottom: 0%;
}
.team h3:after,.team-bottom h3:after,.gallery h3:after,.testimonials h3:after{
	width: 13%;
    right: 44%;
    bottom: -5%;
}
p.nostrud{
	margin: 2em 0 0;
    color: #999;
    line-height: 1.8em;
    text-align: center;
}
.agile_team_grids{
	margin:3em 0 0;
}
.agile_team_grid h4{
	font-size:1.5em;
	color:#000;
	margin:1em 0 .5em;
/*-- agileits --*/
}
.agile_team_grid p{
	color:#999;
}
.agile_team_grid {
    text-align: center;
}
.view {
    margin: 0;
    float: none;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.view,.view .mask,.view .content{
	width: 255px;
    height: 298px;
}
.view .mask,.view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h5 {
	text-transform: capitalize;
    color:#EEE048;
    text-align: center;
    position: relative;
    font-size: 1.7em;
    margin:2.5em 0 .5em;
    font-family: 'Open Sans', sans-serif;
}
.view p {
   font-style: italic;
   line-height: 1.8em;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background-color:rgba(34, 33, 33, 0.54);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.view-sixth h5 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: transparent;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.agile_team_grid:hover .view-sixth .mask,.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.agile_team_grid:hover .view-sixth img,.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.agile_team_grid:hover .view-sixth h5,.view-sixth:hover h5 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.agile_team_grid:hover .view-sixth p,.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth .agileits_social_icons{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.agile_team_grid:hover .view-sixth .agileits_social_icons,.view-sixth:hover .agileits_social_icons{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
/*-- social-icons --*/
.icon-button {
	background-color: white;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	height: 3.6rem;
	line-height: 3.6rem;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.6rem;
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}
.twitter span,.facebook span,.google-plus span,.pinterest span {
	background-color:#EEE048;
}
/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 3.6rem;
	left: 0;
	line-height: 3.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}
.icon-twitter:before{
	background: url(../images/img-sp.png) no-repeat 10px -41px;
    display: block;
    content: '';
    width: 36px;
    height: 36px;
}
a.icon-button.twitter:hover .icon-twitter:before{
	background-position:10px -75px;
}
.icon-facebook:before{
	background:url(../images/img-sp.png) no-repeat -36px -41px;
    display: block;
    content: '';
    width: 36px;
    height: 36px;
}
a.icon-button.facebook:hover .icon-facebook:before{
	background-position:-36px -75px;
}
.icon-google-plus:before{
	background:url(../images/img-sp.png) no-repeat -76px -42px;
    display: block;
    content: '';
    width: 36px;
    height: 36px;
}
a.icon-button.google-plus:hover .icon-google-plus:before{
	background-position:-76px -75px;
}
/*-- //social-icons --*/
/*-- //team --*/
/*-- team-bottom --*/
.team-bottom{
	padding: 5em 0;
	/* background-image: -webkit-linear-gradient(150deg, #34ADFF 55%, #4CBFFF 35%); */
	background-color: #4CBFFF;
}
.team-bottom h3{
    color: #fff;
}
.team-bottom h3:before,.team-bottom h3:after{
	background:#fff;
}
.team-bottom p{
	color: #fff;
    width: 60%;
    margin:3em auto 4em;
    text-align: center;
    line-height: 1.8em;
}
.reservation{
	width:70%;
	margin:0 auto;
}
.w3_book_date{
	float:left;
	width:38.3%;
	position: relative;
}
.w3_working_time{
	float:left;
	width:27.3%;
	margin-left:2em;
	position: relative;
}
.w3_book_date span,.w3_working_time span {
    position: absolute;
    top: 1em;
    color: #fff;
    left: 1em;
}
.w3_book_date input[type="text"],#country,#country1{
	outline: none;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.34);
    color: #fff;
    padding:10px 10px 10px 40px;
    width: 100%;
    font-size: 14px;
}
select#country,select#country1{
    cursor: pointer;
}
.reservation input[type="submit"]{
	outline: none;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.34);
    color: #fff;
    padding: 10px 0;
    width: 34%;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 4em 0 0 20em;
}
.reservation input[type="submit"]:hover{
	background: #EEE048;
    border: 1px solid #BDAF21;
    color: #212121;
}
/*-- //team-bottom --*/

.w3agile_gallery_grids {
    margin: 3em 0 0;
}
.w3agile_gallery_grid {
    padding: 0;
}
.w3agile_gallery_grid figure {
    margin: 0;
    padding: 0;
    height: 270.5px;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
}
.w3agile_gallery_grid figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 0;
}
.w3agile_gallery_grid figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
	top: -100%;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.w3agile_gallery_grid figcaption h4 {
    color: #EEE048;
    padding: 0px 20px;
    margin-bottom: 0;
    position: relative;
    left: 100%;
    margin-top: 37px;
    font-size: 30px;
    margin: 2em 0 1em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
    transition-delay: 1s;
    text-align: center;
	text-transform:capitalize;
}
.w3agile_gallery_grid figcaption p {
    font-family: 'Open sans';
    line-height: 1.8em;
    text-align: center;
    padding: 0px 20px;
    margin-bottom: 0;
    position: relative;
    left: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    -ms-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.w3agile_gallery_grid figure:hover h4,.w3agile_gallery_grid figure:hover p {
    left: 0;
}
/*-- //gallery --*/
/*-- testimonials --*/
.testimonials-grids{
	margin:3em 0 0;
}
.nav-tabs > li > a {
    border-radius: 0;
    font-size: 1em;
    color: #999;
}
.nav-tabs > li.active {
    position: relative;
}
.nav-tabs > li.active:after {
    position: absolute;
    bottom:-100%;
    left: 27%;
    background: url(../images/1.png) no-repeat 0px 0px #fff;
    display: block;
    height: 38px;
    width: 27px;
    content: '';
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color:#000000;
	border: none;
}
div#myTabContent {
    padding: 3em 0 0;
}
.nav-tabs > li > a:hover {
    border: 1px solid transparent;
	color:#000000;
}
.nav > li > a:hover, .nav > li > a:focus {
    background: none;
}
.nav-tabs > li {
    margin-bottom: 0;
}
.tabcontent-grids{
	text-align:center;
}
.tabcontent-grids h4{
	font-size:1em;
	color:#212121;
	margin:1em 0;
}
.tabcontent-grids h4 span{
	display:block;
	font-size:13px;
	color:#C6B26B;
	margin:.5em 0 0;
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}
.tabcontent-grids p{
	color:#999;
	line-height:1.8em;
	width:60%;
	margin:0 auto;
}
.tabcontent-grids img,.team-grid img {
	margin: 0 auto;
    padding: .4em;
    box-shadow: 0px 0px 5px #C7C7C7;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.nav-tabs {
    width: 35%;
    margin: 0 auto;
}
.tabcontent-grids{
	padding:2em 0 0;
}
/*-- //testimonials --*/
/*-- contact --*/
.w3agile_contact_left{
	padding:5em 4em 5em 13em;
}
.w3agile_contact_right{
	padding:9.9em 13em 5em 5em;
}
.w3agile_contact_left{
	background:#F7F7F7;
}
.w3agile_contact_right{
	background:#5DCD2F;
}
.w3agile_contact_left p {
    color: #212121;
    margin: 4em 0 2em;
	line-height:1.8em;
}
.w3agile_contact_left input[type="text"],.w3agile_contact_left input[type="email"],.w3agile_contact_left textarea{
	outline:none;
	border:none;
	border-bottom:1px solid #212121;
	padding:10px;
	width:100%;
	font-size:14px;
	color:#212121;
	background:none;
}
.w3agile_contact_left textarea{
	min-height:45px;
	resize:none;
}
.w3agile_contact_left input[type="email"]{
	margin:2em 0;
}
.w3agile_contact_left input[type="submit"]{
	outline: none;
    border: none;
    padding: 10px 0;
    width: 30%;
    font-size: 14px;
    color: #fff;
    background: #4BC319;
    margin: 3em 0 0;
}
.w3agile_contact_left input[type="submit"]:hover{
	background:#EEE048;
	color:#212121;
}
.w3agile_contact_right h3 a{
	font-size:2em;
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
}
.w3agile_contact_right_agileinfo h4{
	font-size:2em;
	color:#212121;
	margin:0 0 1em;
}
.w3agile_contact_right_agileinfo p{
	color:#212121;
	line-height:1.8em;
	margin-bottom:1em;
}
.w3agile_contact_right_agileinfo p a{
	color:#212121;
	text-decoration:none;
}
.w3agile_contact_right_agileinfo p a:hover{
	color:#fff;
}
.w3agile_contact_right_agileinfo p span{
	left: 0em;
    padding-right: 2em;
}
.w3agile_contact_right_agileinfo {
    margin: 5em 0 0;
}
.w3agile_contact_right_agileinfo p i {
    font-style: normal;
    padding-left: 3em;
}
.w3_copy_right{
	margin:7.2em 0 0;
}
.w3_copy_right p{
	color:#212121;
	line-height:1.8em;
	text-align: right;
}
.w3_copy_right p a{
	color:#fff;
	text-decoration:none;
}
.w3_copy_right p a:hover{
	color:#212121;
}
.w3agile_contact_right_agileinfo:nth-child(3) {
    text-align: right;
}
/*-- //contact --*/
/*-- about --*/
.agileits_about_grid_left{
	margin:4em 0 0em;
}
.agileits_about_grid_left p{
	color:#999;
	line-height:1.8em;
	margin:3em 0 0;
}
/*-- //about --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-----start-responsive-design------*/
@media (max-width:1680px){
	.banner-bottom-image-text-left {
		padding: 5em 10em 8.95em 20em;
	}
}
@media (max-width:1600px){
	.banner-bottom-image-text-left {
		padding: 5em 10em 6.95em 18em;
	}
}
@media (max-width: 1440px){
	.banner-bottom-image-text-left {
		padding: 4em 10em 3.95em 11em;
	}
	.w3agile_gallery_grid figure {
		height: 243.5px;
	}
	.w3agile_gallery_grid figcaption h4 {
		font-size: 25px;
	}
	.w3_copy_right {
		margin:5.4em 0 0;
	}
	.w3agile_contact_left {
		padding: 5em 4em 5em 11em;
	}
	.w3agile_contact_right {
		padding: 9.8em 13em 5em 5em;
	}
}
@media (max-width: 1366px){
	.w3ls_banner_info {
		padding: 8em 0 0;
	}
	.w3ls_banner_info p {
		margin-bottom: 4em;
	}
	.center-container {
		padding: 0em 0 6em;
	}
	.banner-bottom-image-text-left {
		padding:3em 5em 3.2em 8em;
	}
	.team-bottom {
		min-height: 460px;
		padding: 4em 0;
	}
	.w3_book_date {
		width: 37.3%;
	}
	.w3agile_gallery_grid figure {
		height: 231.5px;
	}
}
@media (max-width: 1280px){
	.team, .gallery, .testimonials, .about {
		padding: 4em 0;
	}
	.banner-bottom {
		padding: 4em 0 0;
	}
	.banner-bottom-image-text-left {
		padding: 3em 3em 4.1em 5em;
	}
	.w3_book_date {
		width: 35.3%;
	}
	.w3_working_time {
		width: 28.8%;
	}
	.w3agile_gallery_grid figure {
		height: 216.5px;
	}
	.w3agile_gallery_grid figcaption p {
		font-size: 13px;
	}
	.w3agile_contact_left {
		padding: 4em 4em 4em 5em;
	}
	.w3agile_contact_right {
		padding:9.55em 3em 5em 4em;
	}
}
@media (max-width: 1080px){
	.w3ls_banner_info {
		padding: 6em 0 0;
	}
	.w3ls_banner_info h3 {
		margin: 2em 0 1.5em;
	}
	.center-container {
		padding: 0em 0 5em;
	}
	.wthree_banner_bottom_left {
		padding: 0;
	}
	.wthree_banner_bottom_right p {
		margin: 1em 0 1em;
	}
	.wthree_banner_bottom_right ol {
		padding: 0 0 0 1em;
	}
	.banner-bottom-image-text-left h4 {
		font-size:1.28em;
	}
	.banner-bottom-image-text-left p {
		margin: 2em 0;
	}
	.banner-bottom-image-text-left {
		padding:3em 3em 2.1em 3.7em;
	}
	.team h3:before, .team-bottom h3:before, .gallery h3:before, .testimonials h3:before {
		width: 9%;
		left:45.5%;
	}
	.team h3:after, .team-bottom h3:after, .gallery h3:after, .testimonials h3:after {
		width: 20%;
		right:40%;
	}
	.view, .view .mask, .view .content {
		width: 205px;
		height: 240px;
	}
	.view h5 {
		font-size: 1.4em;
		margin: 2em 0 .5em;
	}
	.wthree_banner_bottom_right h3 {
		font-size: 1.6em;
	}
	.reservation {
		width: 85%;
	}
	.w3_book_date {
		width: 32%;
	}
	.w3agile_gallery_grid figure {
		height: 181.5px;
	}
	.w3agile_gallery_grid figcaption h4 {
		font-size: 21px;
		margin-top: 25px;
	}
	.tabcontent-grids p {
		width: 80%;
	}
	.w3agile_contact_left {
		padding: 3em 2em 3em 3em;
	}
	.w3agile_contact_left p {
		margin: 3em 0 2em;
	}
	.w3agile_contact_right {
		padding:6.5em 3em 5.5em 3em;
	}
	.w3agile_contact_right_agileinfo h4 {
		font-size: 1.8em;
	}
	.w3agile_contact_right_agileinfo p span {
		padding-right: 1em;
	}
	.w3agile_contact_right_agileinfo p i {
		padding-left: 2em;
	}
	.w3agile_contact_right_agileinfo {
		padding: 0;
	}
}
@media (max-width: 1024px){
	.agileits_about_grid_left {
		margin: 2em 0 0em;
	}
	.banner-bottom-image-text-left h3, .w3agile_contact_left h3, .agileits_about_grid_left h3 {
		font-size:2em;
	}
	.banner-bottom-image-text-left h4 {
		font-size: 1.22em;
	}
	.banner-bottom-image-text-left {
		padding: 2em 3em 2.9em 3em;
	}
	.view h5 {
		margin: 1.7em 0 .5em;
	}
	.reservation input[type="submit"] {
		margin: 3em 0 0 20em;
	}
	.team-bottom {
		min-height: 420px;
		padding: 3em 0;
	}
	.w3_book_date {
		width: 31%;
	}
	.w3agile_gallery_grid figure {
		height: 172.5px;
	}
	.w3agile_gallery_grid figcaption h4 {
		font-size: 18px;
	}
	.w3agile_contact_right h3 a {
		font-size: 1.8em;
	}
	.w3agile_contact_right_agileinfo {
		margin: 3em 0 0;
	}
	.w3agile_contact_right_agileinfo h4 {
		font-size: 1.5em;
	}
	.w3agile_contact_right_agileinfo p span {
		padding-right: 1em;
	}
	.w3agile_contact_right_agileinfo p i {
		padding-left: 1em;
	}
	.w3_copy_right {
		margin: 7.3em 0 0;
	}
}
@media (max-width:991px){
	.logo h1 a {
		font-size: 1.2em;
	}
	.navigation-right {
		margin: 0.5em 0 0;
	}
	.link-effect-3 a {
		margin: 0 15px;
	}
	.w3l_banner_logo {
		width: 80px;
		height: 80px;
	}
	.w3l_banner_logo h2 {
		font-size: 4em;
	}
	.w3ls_banner_info {
		padding: 5em 0 0;
	}
	.w3ls_banner_info h3 {
		font-size: 1.5em;
	}
	.center-container {
		padding: 0em 0 4em;
	}
	.agileits_about_grid_left {
		margin: 0;
	}
	.agileits_about_grid_right {
		margin: 3em 0 0;
	}
	.agileits_about_grid_right img {
		margin: 0 auto;
	}
	.wthree_banner_bottom_left {
		padding: 0 1em;
		width: 50%;
		margin: 0 auto;
	}
	.wthree_banner_bottom_right {
		margin: 3em 0 4em;
	}
	.banner-bottom-image-text-left {
		padding: 3em 10em;
	}
	.banner-bottom-image-text-left p {
		margin: 3em 0;
	}
	.banner-bottom-image-text-left h3:after, .w3agile_contact_left h3:after, .agileits_about_grid_left h3:after {
		bottom: -8%;
	}
	.banner-bottom-image-text-right img {
		width: auto;
		margin: 0 auto;
	}
	.agile_team_grid {
		float: left;
		width: 50%;
	}
	.agile_team_grid:nth-child(2) {
		margin-bottom:3em;
	}
	.view, .view .mask, .view .content {
		width: 270px;
		height: 315px;
		margin: 0 auto;
	}
	.view h5 {
		margin: 2.7em 0 .5em;
		font-size: 1.7em;
	}
	.team h3:after, .team-bottom h3:after, .gallery h3:after, .testimonials h3:after {
		width: 25%;
		right: 37%;
		bottom: -8%;
	}
	.team-bottom p {
		width: 100%;
		margin: 2em auto 3em;
	}
	.reservation {
		width: 100%;
	}
	.team-bottom {
		min-height: 390px;
	}
	.w3agile_gallery_grid {
		float: left;
		width: 50%;
	}
	.w3agile_gallery_grid figure {
		height:333px;
	}
	.w3agile_gallery_grid figcaption h4 {
		font-size: 2em;
		margin-top: 105px;
	}
	.nav-tabs {
		width: 55%;
	}
	.tabcontent-grids p {
		width: 100%;
	}
	.w3agile_contact_left,.w3agile_contact_right {
		padding: 3em 10em;
	}
	.w3_copy_right {
		margin: 3em 0 0;
	}
}
@media (max-width:800px){
	.banner-bottom-image-text-left {
		padding: 3em 3em;
	}
	.w3agile_gallery_grid figure {
		height: 268px;
	}
	.w3agile_gallery_grid figcaption h4 {
		margin-top: 75px;
	}
}
@media (max-width:768px){
	.team, .gallery, .testimonials, .about {
		padding: 3em 0;
	}
	.team h3:after, .team-bottom h3:after, .gallery h3:after, .testimonials h3:after {
		width: 35%;
		right: 32%;
	}
	.team h3:before, .team-bottom h3:before, .gallery h3:before, .testimonials h3:before {
		width: 15%;
		left: 42.5%;
	}
	.reservation input[type="submit"] {
		margin: 3em 0 0 18em;
	}
	.w3agile_gallery_grid figure {
		height: 257px;
	}
	.w3agile_gallery_grid figcaption h4 {
		margin-top: 65px;
	}
	.tabcontent-grids {
		padding: 1em 0 0;
	}
	.w3agile_contact_left, .w3agile_contact_right {
		padding: 3em 3em;
	}
}
@media (max-width:667px){
	.logo h1 a {
		font-size: 1em;
	}
	.link-effect-3 a {
		margin: 0 10px;
	}
	.w3l_banner_logo h2 {
		font-size: 3em;
	}
	.w3l_banner_logo {
		width: 60px;
		height: 60px;
	}
	.w3ls_banner_info {
		padding: 4em 0 0;
	}
	.w3ls_banner_info h3 {
		font-size: 1.3em;
	}
	.w3ls_banner_info p {
		margin-bottom: 3em;
	}
	.center-container {
		padding: 0em 0 3em;
	}
}
@media (max-width:640px){
	.agileits_about_grid_left p {
		margin: 2em 0 0;
	}
	.wthree_banner_bottom_left {
		width: 70%;
	}
	.wthree_banner_bottom_right {
		margin: 3em 0 3em;
	}
	.reservation input[type="submit"] {
		margin: 2em 0 0 14em;
	}
	.w3agile_gallery_grid figure {
		height: 213px;
	}
	.w3agile_gallery_grid figcaption h4 {
		margin-top: 35px;
	}
	.w3agile_contact_right h3 a {
		font-size: 1.6em;
	}
	.modal-body p i {
		margin: 1em 0 0;
	}
	.team h3, .team-bottom h3, .gallery h3, .testimonials h3 {
		font-size: 2.3em;
	}
}
@media (max-width:600px){
	.navigation-right ul li a {
		font-size: 14px;
	}
	.link-effect-3 a {
		margin: 0 6px;
	}
	.navigation-right {
		margin: 0.3em 0 0;
	}
}
@media (max-width:568px){
	.logo h1 a {
		font-size: .9em;
	}
	.w3l_banner_logo h2 {
		font-size: 2em;
	}
	.w3l_banner_logo {
		width: 40px;
		height: 40px;
	}
	.w3ls_banner_info {
		padding: 2em 0 0;
	}
	.w3ls_banner_info p {
		margin-bottom: 2em;
	}
	.banner-bottom-image-text-left {
		padding: 2em 2em;
	}
	.agile_team_grid {
		float: none;
		width: 100%;
	}
	.agile_team_grid:nth-child(2) {
		margin: 2em 0;
	}
	.agile_team_grid:nth-child(3) {
		margin-bottom:2em;
	}
}
@media (max-width:480px){
	span.menu {
		display: block;
		cursor: pointer;
		width: 100%;
		position: relative;
		text-align: center;
		margin: 0px;
	}
	.navigation-right ul {
		position: absolute;
		left: 2%;
		width: 96%;
		z-index: 999;
		text-align: center;
		padding: 0px;
		margin: 13px 0px 0px;
	}
	.navigation-right ul.nav1 li {
		display: inline-block;
		width: 100%;
		margin: 0px;
		padding: 10px 0em;
	}
	ul.nav1 {
		display: none;
		margin-top: 2em;
		background:rgb(66, 66, 66);
	}
	.navigation-right {
		margin: 0 0 0;
	}
	.navigation-right ul li a {
		display: inline-block;
	}
	.navigation-right ul.nav1 li {
		padding: 5px 0;
	}
	.team, .gallery, .testimonials, .about {
		padding: 2em 0;
	}
	.banner-bottom-image-text-left h3,.team h3, .team-bottom h3, .gallery h3, .testimonials h3, .w3agile_contact_left h3, .agileits_about_grid_left h3 {
		font-size: 1.8em;
	}
	.banner-bottom-image-text-left h3:after, .w3agile_contact_left h3:after, .agileits_about_grid_left h3:after {
		width: 42%;
	}
	.agileits_about_grid_left,.wthree_banner_bottom_right {
		padding: 0;
	}
	.wthree_banner_bottom_right {
		margin: 2em 0;
	}
	.agileits_about_grid_right,.agile_team_grids {
		margin: 2em 0 0;
	}
	.wthree_banner_bottom_right h3 {
		font-size: 1.4em;
	}
	.banner-bottom-image-text-left p {
		margin: 2em 0;
	}
	.team-bottom {
		padding: 2em 0;
	}
	.team-bottom p {
		margin: 2em auto;
	}
	.team-bottom{
		background-position: -350px 0px;
	}
	.w3_book_date {
		width: 100%;
		float: none;
	}
	.w3_working_time {
		width: 100%;
		float: none;
		margin: 0;
	}
	.w3_working_time:nth-child(2) {
		margin: 1em 0;
	}
	.reservation input[type="submit"] {
		margin: 2em 0 0 8em;
		width: 50%;
	}
	.w3agile_gallery_grid {
		float: none;
		width: 100%;
	}
	.w3agile_gallery_grids,.testimonials-grids,.w3_copy_right {
		margin: 2em 0 0;
	}
	.w3agile_gallery_grid figure {
		height: 317px;
	}
	.w3agile_gallery_grid figcaption h4 {
		margin-top: 110px;
	}
	.nav-tabs {
		width: 85%;
	}
	.w3agile_contact_left, .w3agile_contact_right {
		padding: 2em;
	}
	.w3agile_contact_left p {
		margin: 2em 0 2em;
	}
	.w3agile_contact_left input[type="submit"] {
		width: 50%;
		margin: 2em 0 0;
	}
	.w3agile_contact_right h3 a {
		font-size: 1.3em;
	}
	.w3agile_contact_right_agileinfo {
		margin: 2em 0 0;
		float: none;
		width: 59%;
	}
	.w3agile_contact_right_agileinfo p i {
		padding-left: 2em;
	}
	.w3agile_contact_right_agileinfo:nth-child(3) {
		text-align: left;
	}
}
@media (max-width: 414px){
	.banner-bottom-image-text-left h3:after, .w3agile_contact_left h3:after, .agileits_about_grid_left h3:after {
		width: 50%;
	}
	.banner-bottom-image-text-left h3:before, .w3agile_contact_left h3:before, .agileits_about_grid_left h3:before {
		width: 25%;
	}
	.team h3:after, .team-bottom h3:after, .gallery h3:after, .testimonials h3:after {
		width: 50%;
		right: 25%;
	}
	.team h3:before, .team-bottom h3:before, .gallery h3:before, .testimonials h3:before {
		width: 30%;
		left: 35.5%;
	}
	.banner-bottom-image-text-left h3, .team h3, .team-bottom h3, .gallery h3, .testimonials h3, .w3agile_contact_left h3, .agileits_about_grid_left h3 {
		line-height: 1.5em;
	}
	.reservation input[type="submit"] {
		margin: 1em 0 0;
		width: 100%;
	}
	.gallery {
		padding-left: 1em;
		padding-right: 1em;
	}
	.w3agile_gallery_grid figure {
		height: 252px;
	}
	.w3agile_gallery_grid figcaption h4 {
		margin-top: 70px;
	}
	.w3agile_contact_right_agileinfo {
		width: 70%;
	}
	.w3_copy_right p {
		text-align: center;
	}
}
@media (max-width:384px){
	.w3ls_banner_info h3 {
		font-size: 1.2em;
	}
	.wthree_banner_bottom_left {
		width: 90%;
	}
	.w3agile_gallery_grid figure {
		height: 232px;
	}
	.w3agile_gallery_grid figcaption h4 {
		margin-top: 55px;
		font-size: 1.8em;
	}
	.w3agile_contact_right_agileinfo {
		width: 80%;
	}
}
@media (max-width: 375px){
	.w3ls_banner_info h3 {
		font-size: 1.1em;
	}
	.navigation {
		padding: .5em 0em 1em;
		max-height:80px;
	}
	.wthree_banner_bottom_left {
		width: 100%;
	}
	.wthree_banner_bottom_right h3 {
		font-size: 1.3em;
	}
	.wthree_banner_bottom_right ol li {
		margin-bottom: 1em;
	}
	.banner-bottom-image-text-left {
		padding: 2em 1em;
	}
	.banner-bottom-image-text-left h4 {
		font-size: 1em;
	}
	.team-bottom {
		background-position: -510px 0px;
	}
	.w3agile_gallery_grid figure {
		height: 226px;
	}
	.testimonials-grids {
		margin: 1em 0 0;
	}
	.w3agile_contact_left, .w3agile_contact_right {
		padding: 2em 1em;
	}
	.w3agile_contact_right h3 a {
		font-size: 1.1em;
	}
	.w3agile_contact_right_agileinfo {
		width: 76%;
	}
	.w3agile_contact_right_agileinfo h4 {
		font-size: 1.3em;
	}
	.modal-body p {
		padding: 1.5em;
	}
}
@media (max-width:320px){
	.logo h1 a {
		font-size: .8em;
	}
	.w3ls_banner_info h3 {
		font-size: .97em;
	}
	p,.wthree_banner_bottom_right ol li,.w3_book_date input[type="text"], #country, #country1,.w3agile_contact_left input[type="text"], .w3agile_contact_left input[type="email"],.w3agile_contact_left textarea{
		font-size: 13px;
	}
	.w3ls_banner_info p {
		margin-bottom: 1.5em;
	}
	.center-container {
		padding: 0em 0 2em;
	}
	.navigation-right ul li a {
		font-size: 13px;
		margin: 0;
	}
	.banner-bottom-image-text-left h3, .team h3, .team-bottom h3, .gallery h3, .testimonials h3, .w3agile_contact_left h3, .agileits_about_grid_left h3 {
		font-size: 1.6em;
	}
	.banner-bottom-image-text-left h3:after, .w3agile_contact_left h3:after, .agileits_about_grid_left h3:after {
		width: 55%;
	}
	.agileits_about_grid_left p {
		margin: 1.5em 0 0;
	}
	.agileits_about_grid_right {
		padding: 0;
	}
	.wthree_banner_bottom_right h3 {
		font-size: 1.1em;
	}
	.banner-bottom-image-text-left p {
		margin: 2em 0 1em;
	}
	.view, .view .mask, .view .content {
		width: 243px;
		height: 283px;
	}
	.view h5 {
		font-size: 1.5em;
	}
	.w3agile_gallery_grid figure {
		height: 188px;
	}
	.w3agile_gallery_grid figcaption h4 {
		margin-top: 25px;
		font-size: 1.5em;
	}
	.modal-header {
		font-size: 1.6em;
	}
	.nav-tabs {
		width: 100%;
	}
	.nav-tabs > li > a {
		padding: 10px;
	}
	div#myTabContent {
		padding: 2em 0 0;
	}
	.w3agile_contact_left p {
		margin: 2em 0 1em;
	}
}


@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

.type-pause-button {
  position: absolute;
  top: 150px;
}
.icon-pause-circle-fill:before {
    content: "\e600";
  font-size: 4em;
  color: #666;
}
.icon-play-circle-fill:before {
    content: "\e601";
   font-size: 4em;
  color: #666;
}
a {
  text-decoration: none;
}

.title {
	text-align: center;
    padding: 30px 0px 40px;
}
.title h5 {
	color: #999
}
.white .title h5 {
	color: #fff
}
.dynamic-title {
	color: white;
	float: none;
	margin: 0 auto;
	display: table;
	width: auto;
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-size: 38px;
	line-height: 38px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}

div#text-btn button {
  position: absolute;
  display: inline-block;
  top: 200px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  overflow: hidden;
  transition-delay: 0.2s;
  transition: .3s background;
  outline: none;
  font-size: 15px;
  font-family: 'Roboto Black','Helvetica',sans-serif;
  font-weight: 300;
}
div#text-btn button:hover {
  background: rgba(0,0,0,0.5);
}
.pause-btn.transparent {
    background: transparent;
}
span.gold-title {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-size: 38px !important;
    margin: -10px 0;
    color: #EEE048;
}





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

Primary style

-------------------------------- */
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  font-style: normal;
}
.cd-words-wrapper i {
  font-style: normal;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

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

xrotate-1 

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 

xtype 

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
  /* vertical bar */
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}
.cd-headline.type b {
  visibility: hidden;
}
.cd-headline.type b.is-visible {
  visibility: visible;
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xrotate-2 

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
  opacity: 1;
}
.cd-headline.rotate-2 i.in {
  -webkit-animation: cd-rotate-2-in 0.4s forwards;
  -moz-animation: cd-rotate-2-in 0.4s forwards;
  animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
  -webkit-animation: cd-rotate-2-out 0.4s forwards;
  -moz-animation: cd-rotate-2-out 0.4s forwards;
  animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* -------------------------------- 

xloading-bar 

-------------------------------- */
.cd-headline.loading-bar span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
  /* loading bar */
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #0096a7;
  z-index: 2;
  -webkit-transition: width 0.3s -0.1s;
  -moz-transition: width 0.3s -0.1s;
  transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -moz-transition: width 3s;
  transition: width 3s;
}
.cd-headline.loading-bar b {
  top: .2em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}

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

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* -------------------------------- 

xclip 

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #aebcb9;
}
.cd-headline.clip b {
  opacity: 0;
}
.cd-headline.clip b.is-visible {
  opacity: 1;
}

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

xzoom 

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.zoom b {
  opacity: 0;
}
.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  -moz-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
  }
}
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
/* -------------------------------- 

xrotate-3 

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  -moz-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  -moz-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg);
  }
  100% {
    -moz-transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
  }
}
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0);
  }
  100% {
    -moz-transform: rotateY(-180deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
/* -------------------------------- 

xscale 

-------------------------------- */
.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.is-visible .cd-headline.scale i {
  opacity: 1;
}
.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xpush 

-------------------------------- */
.cd-headline.push b {
  opacity: 0;
}
.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  -moz-animation: push-in 0.6s;
  animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.6s;
  -moz-animation: push-out 0.6s;
  animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.plane,
.cloud{
  position:absolute;
}
/*plane animation*/
.plane{ 
  animation-duration: 1s;
  animation-name: anim-plane;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function:linear;
  
  animation-fill-mode:forwards;	   
  display:block;
  margin:0 auto;
  transform: translateY(80px);
  left:20%;
}

@keyframes anim-plane{ 
  to{
    transform:translateY(95px);
  }    
}


/* Cloud Animation */

@keyframes fade{
  0%{ opacity: 0;}
  10%{ opacity: 1;}
  90%{ opacity:1;}
  100%{ opacity:0;}
}

@keyframes move{  
  from{ 
    left:200px; 
  }
  to{ 
    left:0px; 
  }
}
 

.cloud{ 
  animation-duration:10s; 
  animation-name:move, fade;
  animation-direction: normal;
  animation-iteration-count:infinite;
  animation-timing-function:linear; 
  animation-fill-mode:both;	  
  
  display:block;
  background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iY2xvdWQiIHZpZXdCb3g9IjAgMCA1MiA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjQwcHgiPgoJPGRlZnM+CgkJPGZpbHRlciBpZD0iZjEiIHg9Ii0xMDAlIiB5PSItMTAwJSIgd2lkdGg9IjMwMCUiIGhlaWdodD0iMzAwJSI+IAoJCQk8ZmVPZmZzZXQgcmVzdWx0PSJvdXQiIGluPSJTb3VyY2VHcmFwaGljIiBkeD0iMCIgZHk9IjEiLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSJvdXQiIGluPSJvdXQiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgIDAgMCAwIDAgMCAgMCAwIDAgMCAwICAwIDAgMCAwLjQgMCIvPgoJCQk8ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJvdXQiIGluPSJvdXQiIHN0ZERldmlhdGlvbj0iMiIvPgoJCQk8ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJvdXQiIG1vZGU9Im5vcm1hbCIgcmVzdWx0PSJkcCIvPgoJCTwvZmlsdGVyPgoJPC9kZWZzPiAKCTxwYXRoIGlkPSJmZy1jbG91ZCIgZmlsdGVyPSJ1cmwoI2YxKSIgZD0iTTYuMyAzNS4xQzQuNyAzNC4yLTAuNCAzMi4zIDEuNCAyNSAzLjEgMTguMSA4LjcgMTkuNSA4LjcgMTkuNSA4LjcgMTkuNSAzLjIgMTQuMSAxMC40IDYuOCAxNi45IDAuMiAyMy4xIDQuNiAyMy4xIDQuNiAyMy4xIDQuNiAzMC0xLjcgMzUuMiAyLjQgNDQuNiA5LjcgNDIuOCAyNS4zIDQyLjggMjUuMyA0Mi44IDI1LjMgNDggMjIuNiA0OS44IDI4LjYgNTEgMzIuNyA0NiAzNS44IDQyLjggMzYuNyAzOS43IDM3LjUgOC45IDM2LjYgNi4zIDM1LjFaIiBzdHJva2U9IiNjY2NjY2MiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2ZmZmZmZiIvPgo8L3N2Zz4=);
  height:40px;
  width:53px;
  margin:0 auto;  
}
.cloud--small{
  animation-duration:6s; 
  top:65px;
  transform: scaleX(0.5) scaleY(0.5); 
}
.cloud--medium{ 
  animation-duration:5s;
  animation-delay:1s;
  top:95px;
  transform: scaleX(0.7) scaleY(0.7); 
}
.cloud--large{
  animation-duration:4.5s;
  animation-delay:2.5s;
  top:95px;
  transform: scaleX(0.8) scaleY(0.8); 
}

.whoami{
  padding-top:3em;
  text-align:center;  
}

#rig {
    max-width:100%;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background-color:#FFF;
}
#rig li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:25%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
        
/* The wrapper for each item */
.rig-cell {
    /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
    display:block;
    position: relative;
    overflow:hidden;
}
        
/* If have the image layer */
.rig-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

#rig li:hover .rig-img {
    transform:scale(1.05);
}
        
/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
	/* background: #4CBFFF url(img/link.png) no-repeat center 80%; */
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#rig li:hover .rig-overlay {
    opacity:0.8;
}

/* If have captions */
.rig-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#rig li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}

@media (max-width: 9000px) {
    #rig li {
        width:25%;
    }
}

@media (max-width: 700px) {
    #rig li {
        width:33.33%;
    }
}

@media (max-width: 550px) {
    #rig li {
        width:50%;
    }
}

.btn-log{
background-color: #357ebd;
}

#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.3);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.4);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}

@media(max-width:768px){
    #login-dp{
        background-color: #797878;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: #FFF;
        border-top:0 none;
    }
}

.cita{
/* padding-top: 500px; */
}

/*-- gallery --*/
.gallery {
    background-color: #FFF;
}

.gallery-new{
	padding: 50px 0 50px 0;
	/* background-image: url("../images/flyer1.png"); 
	background-image: -webkit-linear-gradient(90deg, #34ADFF 55%, #4CBFFF 35%);
	*/
	background-color: #4CBFFF;
}

.amp{
padding-top:110px;
}

@media (pointer:none), (pointer:coarse) {
.amp{
padding-top:5px;
}

}