html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}
.nav-primary ul li a span:hover {
color: #4a4a4a !important;
border-color: #4a4a4a !important;
}
body {
line-height:1
}
ol,ul {
list-style:none
}
blockquote,q {
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}
table {
border-collapse:collapse;
border-spacing:0
}
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
text-align: center;
}
@font-face {
font-family: VideoJS;
src: url("font/VideoJS.eot?#iefix") format("eot");
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;
charset=utf-8;
base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;
charset=utf-8;
base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
font-weight: normal;
font-style: normal;
}
.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
content: "\f101";
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play-circle:before {
content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
content: "\f109";
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-square:before {
content: "\f10a";
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-spinner:before {
content: "\f10b";
}
.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
content: "\f10c";
}
.vjs-icon-captions, .video-js .vjs-captions-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
content: "\f10e";
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-share:before {
content: "\f10f";
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cog:before {
content: "\f110";
}
.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
content: "\f111";
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: "\f112";
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: "\f113";
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-hd:before {
content: "\f114";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
content: "\f115";
}
.vjs-icon-replay {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay:before {
content: "\f116";
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-facebook:before {
content: "\f117";
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-gplus:before {
content: "\f118";
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: "\f119";
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-twitter:before {
content: "\f11a";
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: "\f11b";
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: "\f11c";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before {
content: "\f11d";
}
.vjs-icon-audio, .video-js .vjs-audio-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button:before {
content: "\f11e";
}
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
}
.video-js:-moz-full-screen {
position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit;
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0;
}
.video-js.vjs-16-9 {
padding-top: 56.25%;
}
.video-js.vjs-4-3 {
padding-top: 75%;
}
.video-js.vjs-fill {
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto;
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-hidden {
display: none !important;
}
.vjs-disabled {
opacity: 0.5;
cursor: default;
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px;
}
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC;
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.75em;
margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
outline: 0;
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block;
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
overflow: visible;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
overflow: auto;
font-family: Arial, Helvetica, sans-serif;
}
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
outline: 0;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block;
}
.video-js .vjs-menu-button-inline {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3.0em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0.1s, opacity 0.1s;
-moz-transition: visibility 0.1s, opacity 0.1s;
-o-transition: visibility 0.1s, opacity 0.1s;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;
}
.video-js .vjs-control {
outline: none;
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.video-js .vjs-control:before {
font-size: 1.8em;
line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-width: 4em;
}
.vjs-live .vjs-progress-control {
display: none;
}
.video-js .vjs-progress-holder {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
height: 0.3em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.666666666666666666em;
}
/* If we let the font size grow as much as everything else, the current time tooltip ends up
ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
to avoid a weird hitch when you roll off the hover. */
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
font-family: Arial, Helvetica, sans-serif;
visibility: visible;
font-size: 0.6em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0;
}
.video-js .vjs-mouse-display:before {
display: none;
}
.video-js .vjs-play-progress {
background-color: #fff;
}
.video-js .vjs-play-progress:before {
position: absolute;
top: -0.333333333333333em;
right: -0.5em;
font-size: 0.9em;
}
.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
visibility: hidden;
pointer-events: none;
position: absolute;
top: -3.4em;
right: -1.9em;
font-size: 0.9em;
color: #000;
content: attr(data-current-time);
padding: 6px 8px 8px 8px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
}
.video-js .vjs-time-tooltip,
.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
z-index: 1;
}
.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
display: none;
}
.video-js .vjs-load-progress {
background: #bfc7d3;
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: white;
background: rgba(115, 133, 159, 0.75);
}
.video-js.vjs-no-flex .vjs-progress-control {
width: auto;
}
.video-js .vjs-time-tooltip {
display: inline-block;
height: 2.4em;
position: relative;
float: right;
right: -1.9em;
}
.vjs-tooltip-progress-bar {
visibility: hidden;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
display: none;
}
.vjs-mouse-display .vjs-time-tooltip,
.video-js .vjs-progress-control .vjs-mouse-display:after {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
outline: 0;
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
-webkit-box-shadow: 0 0 1em #fff;
-moz-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.video-js .vjs-volume-control {
width: 5em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
display: block;
width: 0;
height: 0;
border-top-color: transparent;
}
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
left: 0.5em;
height: 8em;
}
.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
left: -2em;
}
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
height: 0;
width: 0;
overflow-x: hidden;
overflow-y: hidden;
}
.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
height: 8em;
width: 2.9em;
}
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
height: 2.9em;
width: 8em;
}
.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
background-color: transparent !important;
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.vjs-poster img {
display: block;
vertical-align: middle;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%;
}
.vjs-has-started .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block;
}
.vjs-using-native-controls .vjs-poster {
display: none;
}
.video-js .vjs-live-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js .vjs-time-control {
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-live .vjs-time-control {
display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.vjs-live .vjs-time-divider {
display: none;
}
.video-js .vjs-play-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
-moz-transform: translateY(-3em);
-ms-transform: translateY(-3em);
-o-transform: translateY(-3em);
-webkit-transform: translateY(-3em);
transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-moz-transform: translateY(-1.5em);
-ms-transform: translateY(-1.5em);
-o-transform: translateY(-1.5em);
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: 'X';
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
display: none;
}
.vjs-caption-settings {
position: relative;
top: 1em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
margin: 0 auto;
padding: 0.5em;
height: 16em;
font-size: 12px;
width: 40em;
}
.vjs-caption-settings .vjs-tracksettings {
top: 0;
bottom: 1em;
left: 0;
right: 0;
position: absolute;
overflow: auto;
}
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
float: left;
}
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
clear: both;
}
.vjs-caption-settings .vjs-tracksettings-controls {
position: absolute;
bottom: 1em;
right: 1em;
}
.vjs-caption-settings .vjs-tracksetting {
margin: 5px;
padding: 3px;
min-height: 40px;
border: none;
}
.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
display: block;
width: 100px;
margin-bottom: 5px;
}
.vjs-caption-settings .vjs-tracksetting span {
display: inline;
margin-left: 5px;
vertical-align: top;
float: right;
}
.vjs-caption-settings .vjs-tracksetting > div {
margin-bottom: 5px;
min-height: 20px;
}
.vjs-caption-settings .vjs-tracksetting > div:last-child {
margin-bottom: 0;
padding-bottom: 0;
min-height: 0;
}
.vjs-caption-settings label > input {
margin-right: 10px;
}
.vjs-caption-settings fieldset {
margin-top: 1em;
margin-left: .5em;
}
.vjs-caption-settings fieldset .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
/* for Internet Explorer */
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-caption-settings input[type="button"] {
width: 40px;
height: 40px;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;
}
}
@media \0screen {
.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content: "";
}
}
@media \0screen {
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: hidden;
}
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@font-face {
font-family:'AWConquerorDidot-Light';
src:url("../type/AWConquerorDidot-Light.eot?#iefix");
src:url("../type/AWConquerorDidot-Light.eot?") format('eot'),url("../type/AWConquerorDidot-Light.woff2") format('woff2'),url("../type/AWConquerorDidot-Light.woff") format('woff'),url("../type/AWConquerorDidot-Light.ttf") format('truetype');
font-weight:300;
font-style:normal
}
a {
color:inherit;
text-decoration:none;
}
a:focus {
outline:none
}
.textContent {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:16px;
line-height:22px;
letter-spacing:.01em;
text-transform:none;
max-width:640px;
}
@media screen and (max-width:640px) {
.textContent {
font-size:13px;
line-height:18px
}
}
.textContent p {
padding-bottom:22px;
}
@media screen and (max-width:640px) {
.textContent p {
padding-bottom:18px
}
}
.textContent p:last-child {
padding-bottom:0
}
html,body {
min-height:100%;
width:100%
}
body {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.02em;
text-transform:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
color:#2b2b2b;
background-color:#fff;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-text-size-adjust:none;
overflow-x:hidden;
-webkit-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
margin:0;
}
@media screen and (max-width:640px) {
body {
font-size:16px;
line-height:22px
}
}
body:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
body,body * {
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body.hasOverlay {
overflow:hidden
}
body.isDark {
color:#fff;
background-color:#2b2b2b
}
:-moz-selection,*:-moz-selection {
color:#fff;
background-color:#4a4a4a
}
::-moz-selection,*::-moz-selection {
color:#fff;
background-color:#4a4a4a
}
::selection,*::selection {
color:#fff;
background-color:#4a4a4a
}
#container,footer {
position:relative;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding-right:60px;
}
#container:after,footer:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
@media screen and (max-width:640px) {
#container,footer {
padding-right:0;
padding-top:50px
}
}
.tbl {
display:table;
width:100%;
height:100%;
position:relative;
}
.tbl .tblCell {
position:relative;
display:table-cell;
vertical-align:middle;
}
.tbl .tblCell.tblCell-top {
vertical-align:top
}
.tbl .tblCell.tblCell-bottom {
vertical-align:bottom
}
.cont {
width:90%;
max-width:1440px;
padding:0 60px;
margin:0 auto;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
@media screen and (max-width:1024px) {
.cont {
width:100%;
padding-left:40px;
padding-right:40px
}
}
@media screen and (max-width:640px) {
.cont {
padding-left:20px;
padding-right:20px
}
}
.cont.cont-half {
max-width:1440px/2
}
.cont.cont-wider {
width:100%;
max-width:1680px
}
.fillBg,section.section-bigTextIntro .scrollDown .arrow,section.slides .slides-section .slides-nextSlide:after,section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slick-arrow,.sliderElement .sliderElement-arrow:before,.slidesNavBar .slidesNavBar-process .slidesNavBar-title:after,.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item:last-child:after,.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:before,.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:after,#loadingScreen .logo,header .header-stem .marque a h1,header .header-panel nav ul .navItem.navItem-hasChildren .subNavToggle:before,header .header-panel nav.nav-secondary ul.socialLinks li .icon,header .header-panel .logo,.galleryInline.gallery-hasArrows .navBttn,.page .logoPageTop,.page[view-controller="Homepage"] section.carousel .arrow:before,.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail .icon,.page[view-controller="CaseStudy"] section.intro .downArrow,.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .icon,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .moreFeatures:before,.page[view-controller="Careers"] section.careers-listing a:before,.page[view-controller="Career"] section .headerBreadcrumbs a:before,.page[view-controller="Legal"] section .headerBreadcrumbs a:before {
background-size:100% 100%;
background-position:center center;
background-repeat:no-repeat
}
.imageContent {
position:relative;
overflow:hidden;
background-color:#f4f4f4;
-webkit-transition:background .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:background .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:background .8s cubic-bezier(.645,.045,.355,1);
-o-transition:background .8s cubic-bezier(.645,.045,.355,1);
transition:background .8s cubic-bezier(.645,.045,.355,1);
}
.isDark .imageContent {
background-color:#353535
}
.imageContent img {
position:absolute;
left:50%;
top:50%;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
opacity:0;
z-index:1
}
.imageContent.imageContent-isLoaded,.isDark .imageContent.imageContent-isLoaded,.imageContent.imageContent-transparent,.isDark .imageContent.imageContent-transparent {
background-color:transparent
}
.imageContent.imageContent-isLoaded img {
opacity:1
}
.imageContent .videoContent {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
}
.imageContent .videoContent > video {
display:none
}
.imageContent .videoContent > div {
position:absolute;
left:50%;
top:50%;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
opacity:0;
z-index:5;
}
.imageContent .videoContent > div:before {
display:none
}
.imageContent .videoContent > div video {
width:100%;
height:100%
}
.imageContent .videoContent > div .vjs-poster {
background-size:cover;
display:block;
}
.imageContent .videoContent > div .vjs-poster:hover {
cursor:default
}
.imageContent .videoContent > div > *:not(video):not(.vjs-poster) {
display:none
}
.imageContent .videoContent > div.vjs-playing > .vjs-poster,.imageContent .videoContent > div.vjs-ended > .vjs-poster {
display:none
}
.imageContent .videoContent.videoContent-loaded > div {
opacity:1;
}
.imageContent .videoContent.videoContent-loaded > div:before {
opacity:1
}
.imageContent .videoContent.videoContent-plays-autoplay > div:before,.imageContent .videoContent.videoContent-plays-autoplayonce > div:before {
display:none
}
.imageContent .videoContent.videoContent-plays-hover > div:before {
width:24px;
height:24px;
margin:0;
-webkit-border-radius:12px;
border-radius:12px;
left:12px;
bottom:12px;
top:auto
}
.imageContent .videoContent.videoContent-plays-hover > div.vjs-playing:before {
opacity:0
}
.imageContent .videoContent.videoContent-plays-click > div.vjs-playing:before {
opacity:0
}
.imageContent .videoContent.videoContent-plays-click:hover {
cursor:pointer;
}
.imageContent .videoContent.videoContent-plays-click:hover > div.vjs-playing.vjs-user-active:before {
opacity:1
}
.cols {
margin-right:-60px;
}
.cols:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
@media screen and (max-width:1024px) {
.cols {
margin-right:-40px
}
}
.cols .clear:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
.cols .col {
position:relative;
float:left;
padding-right:60px;
padding-bottom:60px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (max-width:1024px) {
.cols .col {
padding-right:40px;
padding-bottom:40px
}
}
.cols .col.col-empty:before {
content:' ';
display:block
}
@media screen and (max-width:640px) {
.cols .col.col-empty {
display:none
}
}
.cols .col.col-1-1 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-1 {
width:100%
}
}
.cols .col.col-1-2 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-2 {
width:100%
}
}
.cols .col.col-2-2 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-2 {
width:100%
}
}
.cols .col.col-1-3 {
width:33.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-3 {
width:100%
}
}
.cols .col.col-2-3 {
width:66.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-3 {
width:100%
}
}
.cols .col.col-3-3 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-3 {
width:100%
}
}
.cols .col.col-1-4 {
width:25%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-4 {
width:100%
}
}
.cols .col.col-2-4 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-4 {
width:100%
}
}
.cols .col.col-3-4 {
width:75%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-4 {
width:100%
}
}
.cols .col.col-4-4 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-4 {
width:100%
}
}
.cols .col.col-1-5 {
width:20%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-5 {
width:100%
}
}
.cols .col.col-2-5 {
width:40%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-5 {
width:100%
}
}
.cols .col.col-3-5 {
width:60%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-5 {
width:100%
}
}
.cols .col.col-4-5 {
width:80%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-5 {
width:100%
}
}
.cols .col.col-5-5 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-5 {
width:100%
}
}
.cols .col.col-1-6 {
width:16.666666666666664%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-6 {
width:100%
}
}
.cols .col.col-2-6 {
width:33.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-6 {
width:100%
}
}
.cols .col.col-3-6 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-6 {
width:100%
}
}
.cols .col.col-4-6 {
width:66.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-6 {
width:100%
}
}
.cols .col.col-5-6 {
width:83.33333333333334%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-6 {
width:100%
}
}
.cols .col.col-6-6 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-6 {
width:100%
}
}
.cols .col.col-1-7 {
width:14.285714285714285%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-7 {
width:100%
}
}
.cols .col.col-2-7 {
width:28.57142857142857%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-7 {
width:100%
}
}
.cols .col.col-3-7 {
width:42.857142857142854%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-7 {
width:100%
}
}
.cols .col.col-4-7 {
width:57.14285714285714%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-7 {
width:100%
}
}
.cols .col.col-5-7 {
width:71.42857142857143%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-7 {
width:100%
}
}
.cols .col.col-6-7 {
width:85.71428571428571%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-7 {
width:100%
}
}
.cols .col.col-7-7 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-7 {
width:100%
}
}
.cols .col.col-1-8 {
width:12.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-8 {
width:100%
}
}
.cols .col.col-2-8 {
width:25%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-8 {
width:100%
}
}
.cols .col.col-3-8 {
width:37.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-8 {
width:100%
}
}
.cols .col.col-4-8 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-8 {
width:100%
}
}
.cols .col.col-5-8 {
width:62.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-8 {
width:100%
}
}
.cols .col.col-6-8 {
width:75%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-8 {
width:100%
}
}
.cols .col.col-7-8 {
width:87.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-8 {
width:100%
}
}
.cols .col.col-8-8 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-8 {
width:100%
}
}
.cols .col.col-1-9 {
width:11.11111111111111%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-9 {
width:100%
}
}
.cols .col.col-2-9 {
width:22.22222222222222%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-9 {
width:100%
}
}
.cols .col.col-3-9 {
width:33.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-9 {
width:100%
}
}
.cols .col.col-4-9 {
width:44.44444444444444%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-9 {
width:100%
}
}
.cols .col.col-5-9 {
width:55.55555555555556%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-9 {
width:100%
}
}
.cols .col.col-6-9 {
width:66.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-9 {
width:100%
}
}
.cols .col.col-7-9 {
width:77.77777777777779%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-9 {
width:100%
}
}
.cols .col.col-8-9 {
width:88.88888888888889%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-9 {
width:100%
}
}
.cols .col.col-9-9 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-9 {
width:100%
}
}
.cols .col.col-1-10 {
width:10%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-10 {
width:100%
}
}
.cols .col.col-2-10 {
width:20%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-10 {
width:100%
}
}
.cols .col.col-3-10 {
width:30%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-10 {
width:100%
}
}
.cols .col.col-4-10 {
width:40%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-10 {
width:100%
}
}
.cols .col.col-5-10 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-10 {
width:100%
}
}
.cols .col.col-6-10 {
width:60%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-10 {
width:100%
}
}
.cols .col.col-7-10 {
width:70%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-10 {
width:100%
}
}
.cols .col.col-8-10 {
width:80%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-10 {
width:100%
}
}
.cols .col.col-9-10 {
width:90%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-10 {
width:100%
}
}
.cols .col.col-10-10 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-10 {
width:100%
}
}
.cols .col.col-1-11 {
width:9.090909090909092%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-11 {
width:100%
}
}
.cols .col.col-2-11 {
width:18.181818181818183%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-11 {
width:100%
}
}
.cols .col.col-3-11 {
width:27.27272727272727%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-11 {
width:100%
}
}
.cols .col.col-4-11 {
width:36.36363636363637%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-11 {
width:100%
}
}
.cols .col.col-5-11 {
width:45.45454545454545%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-11 {
width:100%
}
}
.cols .col.col-6-11 {
width:54.54545454545454%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-11 {
width:100%
}
}
.cols .col.col-7-11 {
width:63.63636363636363%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-11 {
width:100%
}
}
.cols .col.col-8-11 {
width:72.72727272727273%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-11 {
width:100%
}
}
.cols .col.col-9-11 {
width:81.81818181818183%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-11 {
width:100%
}
}
.cols .col.col-10-11 {
width:90.9090909090909%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-11 {
width:100%
}
}
.cols .col.col-11-11 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-11 {
width:100%
}
}
.cols .col.col-1-12 {
width:8.333333333333332%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-12 {
width:100%
}
}
.cols .col.col-2-12 {
width:16.666666666666664%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-12 {
width:100%
}
}
.cols .col.col-3-12 {
width:25%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-12 {
width:100%
}
}
.cols .col.col-4-12 {
width:33.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-12 {
width:100%
}
}
.cols .col.col-5-12 {
width:41.66666666666667%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-12 {
width:100%
}
}
.cols .col.col-6-12 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-12 {
width:100%
}
}
.cols .col.col-7-12 {
width:58.333333333333336%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-12 {
width:100%
}
}
.cols .col.col-8-12 {
width:66.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-12 {
width:100%
}
}
.cols .col.col-9-12 {
width:75%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-12 {
width:100%
}
}
.cols .col.col-10-12 {
width:83.33333333333334%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-12 {
width:100%
}
}
.cols .col.col-11-12 {
width:91.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-12 {
width:100%
}
}
.cols .col.col-12-12 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-12 {
width:100%
}
}
.cols .col.col-1-13 {
width:7.692307692307693%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-13 {
width:100%
}
}
.cols .col.col-2-13 {
width:15.384615384615385%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-13 {
width:100%
}
}
.cols .col.col-3-13 {
width:23.076923076923077%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-13 {
width:100%
}
}
.cols .col.col-4-13 {
width:30.76923076923077%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-13 {
width:100%
}
}
.cols .col.col-5-13 {
width:38.46153846153847%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-13 {
width:100%
}
}
.cols .col.col-6-13 {
width:46.15384615384615%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-13 {
width:100%
}
}
.cols .col.col-7-13 {
width:53.84615384615385%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-13 {
width:100%
}
}
.cols .col.col-8-13 {
width:61.53846153846154%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-13 {
width:100%
}
}
.cols .col.col-9-13 {
width:69.23076923076923%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-13 {
width:100%
}
}
.cols .col.col-10-13 {
width:76.92307692307693%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-13 {
width:100%
}
}
.cols .col.col-11-13 {
width:84.61538461538461%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-13 {
width:100%
}
}
.cols .col.col-12-13 {
width:92.3076923076923%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-13 {
width:100%
}
}
.cols .col.col-13-13 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-13 {
width:100%
}
}
.cols .col.col-1-14 {
width:7.142857142857142%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-14 {
width:100%
}
}
.cols .col.col-2-14 {
width:14.285714285714285%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-14 {
width:100%
}
}
.cols .col.col-3-14 {
width:21.428571428571427%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-14 {
width:100%
}
}
.cols .col.col-4-14 {
width:28.57142857142857%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-14 {
width:100%
}
}
.cols .col.col-5-14 {
width:35.714285714285715%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-14 {
width:100%
}
}
.cols .col.col-6-14 {
width:42.857142857142854%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-14 {
width:100%
}
}
.cols .col.col-7-14 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-14 {
width:100%
}
}
.cols .col.col-8-14 {
width:57.14285714285714%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-14 {
width:100%
}
}
.cols .col.col-9-14 {
width:64.28571428571429%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-14 {
width:100%
}
}
.cols .col.col-10-14 {
width:71.42857142857143%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-14 {
width:100%
}
}
.cols .col.col-11-14 {
width:78.57142857142857%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-14 {
width:100%
}
}
.cols .col.col-12-14 {
width:85.71428571428571%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-14 {
width:100%
}
}
.cols .col.col-13-14 {
width:92.85714285714286%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-14 {
width:100%
}
}
.cols .col.col-14-14 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-14 {
width:100%
}
}
.cols .col.col-1-15 {
width:6.666666666666667%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-15 {
width:100%
}
}
.cols .col.col-2-15 {
width:13.333333333333334%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-15 {
width:100%
}
}
.cols .col.col-3-15 {
width:20%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-15 {
width:100%
}
}
.cols .col.col-4-15 {
width:26.666666666666668%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-15 {
width:100%
}
}
.cols .col.col-5-15 {
width:33.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-15 {
width:100%
}
}
.cols .col.col-6-15 {
width:40%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-15 {
width:100%
}
}
.cols .col.col-7-15 {
width:46.666666666666664%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-15 {
width:100%
}
}
.cols .col.col-8-15 {
width:53.333333333333336%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-15 {
width:100%
}
}
.cols .col.col-9-15 {
width:60%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-15 {
width:100%
}
}
.cols .col.col-10-15 {
width:66.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-15 {
width:100%
}
}
.cols .col.col-11-15 {
width:73.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-15 {
width:100%
}
}
.cols .col.col-12-15 {
width:80%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-15 {
width:100%
}
}
.cols .col.col-13-15 {
width:86.66666666666667%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-15 {
width:100%
}
}
.cols .col.col-14-15 {
width:93.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-15 {
width:100%
}
}
.cols .col.col-15-15 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-15 {
width:100%
}
}
.cols .col.col-1-16 {
width:6.25%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-16 {
width:100%
}
}
.cols .col.col-2-16 {
width:12.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-16 {
width:100%
}
}
.cols .col.col-3-16 {
width:18.75%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-16 {
width:100%
}
}
.cols .col.col-4-16 {
width:25%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-16 {
width:100%
}
}
.cols .col.col-5-16 {
width:31.25%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-16 {
width:100%
}
}
.cols .col.col-6-16 {
width:37.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-16 {
width:100%
}
}
.cols .col.col-7-16 {
width:43.75%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-16 {
width:100%
}
}
.cols .col.col-8-16 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-16 {
width:100%
}
}
.cols .col.col-9-16 {
width:56.25%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-16 {
width:100%
}
}
.cols .col.col-10-16 {
width:62.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-16 {
width:100%
}
}
.cols .col.col-11-16 {
width:68.75%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-16 {
width:100%
}
}
.cols .col.col-12-16 {
width:75%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-16 {
width:100%
}
}
.cols .col.col-13-16 {
width:81.25%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-16 {
width:100%
}
}
.cols .col.col-14-16 {
width:87.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-16 {
width:100%
}
}
.cols .col.col-15-16 {
width:93.75%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-16 {
width:100%
}
}
.cols .col.col-16-16 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-16-16 {
width:100%
}
}
.cols .col.col-1-17 {
width:5.88235294117647%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-17 {
width:100%
}
}
.cols .col.col-2-17 {
width:11.76470588235294%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-17 {
width:100%
}
}
.cols .col.col-3-17 {
width:17.647058823529413%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-17 {
width:100%
}
}
.cols .col.col-4-17 {
width:23.52941176470588%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-17 {
width:100%
}
}
.cols .col.col-5-17 {
width:29.411764705882355%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-17 {
width:100%
}
}
.cols .col.col-6-17 {
width:35.294117647058826%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-17 {
width:100%
}
}
.cols .col.col-7-17 {
width:41.17647058823529%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-17 {
width:100%
}
}
.cols .col.col-8-17 {
width:47.05882352941176%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-17 {
width:100%
}
}
.cols .col.col-9-17 {
width:52.94117647058824%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-17 {
width:100%
}
}
.cols .col.col-10-17 {
width:58.82352941176471%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-17 {
width:100%
}
}
.cols .col.col-11-17 {
width:64.70588235294117%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-17 {
width:100%
}
}
.cols .col.col-12-17 {
width:70.58823529411765%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-17 {
width:100%
}
}
.cols .col.col-13-17 {
width:76.47058823529412%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-17 {
width:100%
}
}
.cols .col.col-14-17 {
width:82.35294117647058%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-17 {
width:100%
}
}
.cols .col.col-15-17 {
width:88.23529411764706%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-17 {
width:100%
}
}
.cols .col.col-16-17 {
width:94.11764705882352%;
}
@media screen and (max-width:480px) {
.cols .col.col-16-17 {
width:100%
}
}
.cols .col.col-17-17 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-17-17 {
width:100%
}
}
.cols .col.col-1-18 {
width:5.555555555555555%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-18 {
width:100%
}
}
.cols .col.col-2-18 {
width:11.11111111111111%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-18 {
width:100%
}
}
.cols .col.col-3-18 {
width:16.666666666666664%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-18 {
width:100%
}
}
.cols .col.col-4-18 {
width:22.22222222222222%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-18 {
width:100%
}
}
.cols .col.col-5-18 {
width:27.77777777777778%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-18 {
width:100%
}
}
.cols .col.col-6-18 {
width:33.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-18 {
width:100%
}
}
.cols .col.col-7-18 {
width:38.88888888888889%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-18 {
width:100%
}
}
.cols .col.col-8-18 {
width:44.44444444444444%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-18 {
width:100%
}
}
.cols .col.col-9-18 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-18 {
width:100%
}
}
.cols .col.col-10-18 {
width:55.55555555555556%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-18 {
width:100%
}
}
.cols .col.col-11-18 {
width:61.111111111111114%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-18 {
width:100%
}
}
.cols .col.col-12-18 {
width:66.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-18 {
width:100%
}
}
.cols .col.col-13-18 {
width:72.22222222222221%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-18 {
width:100%
}
}
.cols .col.col-14-18 {
width:77.77777777777779%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-18 {
width:100%
}
}
.cols .col.col-15-18 {
width:83.33333333333334%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-18 {
width:100%
}
}
.cols .col.col-16-18 {
width:88.88888888888889%;
}
@media screen and (max-width:480px) {
.cols .col.col-16-18 {
width:100%
}
}
.cols .col.col-17-18 {
width:94.44444444444444%;
}
@media screen and (max-width:480px) {
.cols .col.col-17-18 {
width:100%
}
}
.cols .col.col-18-18 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-18-18 {
width:100%
}
}
.cols .col.col-1-19 {
width:5.263157894736842%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-19 {
width:100%
}
}
.cols .col.col-2-19 {
width:10.526315789473683%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-19 {
width:100%
}
}
.cols .col.col-3-19 {
width:15.789473684210526%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-19 {
width:100%
}
}
.cols .col.col-4-19 {
width:21.052631578947366%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-19 {
width:100%
}
}
.cols .col.col-5-19 {
width:26.31578947368421%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-19 {
width:100%
}
}
.cols .col.col-6-19 {
width:31.57894736842105%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-19 {
width:100%
}
}
.cols .col.col-7-19 {
width:36.84210526315789%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-19 {
width:100%
}
}
.cols .col.col-8-19 {
width:42.10526315789473%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-19 {
width:100%
}
}
.cols .col.col-9-19 {
width:47.368421052631575%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-19 {
width:100%
}
}
.cols .col.col-10-19 {
width:52.63157894736842%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-19 {
width:100%
}
}
.cols .col.col-11-19 {
width:57.89473684210527%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-19 {
width:100%
}
}
.cols .col.col-12-19 {
width:63.1578947368421%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-19 {
width:100%
}
}
.cols .col.col-13-19 {
width:68.42105263157895%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-19 {
width:100%
}
}
.cols .col.col-14-19 {
width:73.68421052631578%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-19 {
width:100%
}
}
.cols .col.col-15-19 {
width:78.94736842105263%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-19 {
width:100%
}
}
.cols .col.col-16-19 {
width:84.21052631578947%;
}
@media screen and (max-width:480px) {
.cols .col.col-16-19 {
width:100%
}
}
.cols .col.col-17-19 {
width:89.47368421052632%;
}
@media screen and (max-width:480px) {
.cols .col.col-17-19 {
width:100%
}
}
.cols .col.col-18-19 {
width:94.73684210526315%;
}
@media screen and (max-width:480px) {
.cols .col.col-18-19 {
width:100%
}
}
.cols .col.col-19-19 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-19-19 {
width:100%
}
}
.cols .col.col-1-20 {
width:5%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-20 {
width:100%
}
}
.cols .col.col-2-20 {
width:10%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-20 {
width:100%
}
}
.cols .col.col-3-20 {
width:15%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-20 {
width:100%
}
}
.cols .col.col-4-20 {
width:20%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-20 {
width:100%
}
}
.cols .col.col-5-20 {
width:25%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-20 {
width:100%
}
}
.cols .col.col-6-20 {
width:30%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-20 {
width:100%
}
}
.cols .col.col-7-20 {
width:35%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-20 {
width:100%
}
}
.cols .col.col-8-20 {
width:40%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-20 {
width:100%
}
}
.cols .col.col-9-20 {
width:45%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-20 {
width:100%
}
}
.cols .col.col-10-20 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-20 {
width:100%
}
}
.cols .col.col-11-20 {
width:55.00000000000001%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-20 {
width:100%
}
}
.cols .col.col-12-20 {
width:60%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-20 {
width:100%
}
}
.cols .col.col-13-20 {
width:65%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-20 {
width:100%
}
}
.cols .col.col-14-20 {
width:70%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-20 {
width:100%
}
}
.cols .col.col-15-20 {
width:75%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-20 {
width:100%
}
}
.cols .col.col-16-20 {
width:80%;
}
@media screen and (max-width:480px) {
.cols .col.col-16-20 {
width:100%
}
}
.cols .col.col-17-20 {
width:85%;
}
@media screen and (max-width:480px) {
.cols .col.col-17-20 {
width:100%
}
}
.cols .col.col-18-20 {
width:90%;
}
@media screen and (max-width:480px) {
.cols .col.col-18-20 {
width:100%
}
}
.cols .col.col-19-20 {
width:95%;
}
@media screen and (max-width:480px) {
.cols .col.col-19-20 {
width:100%
}
}
.cols .col.col-20-20 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-20-20 {
width:100%
}
}
.cols .col.col-1-21 {
width:4.761904761904762%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-21 {
width:100%
}
}
.cols .col.col-2-21 {
width:9.523809523809524%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-21 {
width:100%
}
}
.cols .col.col-3-21 {
width:14.285714285714285%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-21 {
width:100%
}
}
.cols .col.col-4-21 {
width:19.047619047619047%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-21 {
width:100%
}
}
.cols .col.col-5-21 {
width:23.809523809523807%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-21 {
width:100%
}
}
.cols .col.col-6-21 {
width:28.57142857142857%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-21 {
width:100%
}
}
.cols .col.col-7-21 {
width:33.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-21 {
width:100%
}
}
.cols .col.col-8-21 {
width:38.095238095238095%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-21 {
width:100%
}
}
.cols .col.col-9-21 {
width:42.857142857142854%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-21 {
width:100%
}
}
.cols .col.col-10-21 {
width:47.61904761904761%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-21 {
width:100%
}
}
.cols .col.col-11-21 {
width:52.38095238095239%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-21 {
width:100%
}
}
.cols .col.col-12-21 {
width:57.14285714285714%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-21 {
width:100%
}
}
.cols .col.col-13-21 {
width:61.904761904761905%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-21 {
width:100%
}
}
.cols .col.col-14-21 {
width:66.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-21 {
width:100%
}
}
.cols .col.col-15-21 {
width:71.42857142857143%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-21 {
width:100%
}
}
.cols .col.col-16-21 {
width:76.19047619047619%;
}
@media screen and (max-width:480px) {
.cols .col.col-16-21 {
width:100%
}
}
.cols .col.col-17-21 {
width:80.95238095238095%;
}
@media screen and (max-width:480px) {
.cols .col.col-17-21 {
width:100%
}
}
.cols .col.col-18-21 {
width:85.71428571428571%;
}
@media screen and (max-width:480px) {
.cols .col.col-18-21 {
width:100%
}
}
.cols .col.col-19-21 {
width:90.47619047619048%;
}
@media screen and (max-width:480px) {
.cols .col.col-19-21 {
width:100%
}
}
.cols .col.col-20-21 {
width:95.23809523809523%;
}
@media screen and (max-width:480px) {
.cols .col.col-20-21 {
width:100%
}
}
.cols .col.col-21-21 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-21-21 {
width:100%
}
}
.cols .col.col-1-22 {
width:4.545454545454546%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-22 {
width:100%
}
}
.cols .col.col-2-22 {
width:9.090909090909092%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-22 {
width:100%
}
}
.cols .col.col-3-22 {
width:13.636363636363635%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-22 {
width:100%
}
}
.cols .col.col-4-22 {
width:18.181818181818183%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-22 {
width:100%
}
}
.cols .col.col-5-22 {
width:22.727272727272727%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-22 {
width:100%
}
}
.cols .col.col-6-22 {
width:27.27272727272727%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-22 {
width:100%
}
}
.cols .col.col-7-22 {
width:31.818181818181817%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-22 {
width:100%
}
}
.cols .col.col-8-22 {
width:36.36363636363637%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-22 {
width:100%
}
}
.cols .col.col-9-22 {
width:40.909090909090914%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-22 {
width:100%
}
}
.cols .col.col-10-22 {
width:45.45454545454545%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-22 {
width:100%
}
}
.cols .col.col-11-22 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-22 {
width:100%
}
}
.cols .col.col-12-22 {
width:54.54545454545454%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-22 {
width:100%
}
}
.cols .col.col-13-22 {
width:59.09090909090909%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-22 {
width:100%
}
}
.cols .col.col-14-22 {
width:63.63636363636363%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-22 {
width:100%
}
}
.cols .col.col-15-22 {
width:68.18181818181817%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-22 {
width:100%
}
}
.cols .col.col-16-22 {
width:72.72727272727273%;
}
@media screen and (max-width:480px) {
.cols .col.col-16-22 {
width:100%
}
}
.cols .col.col-17-22 {
width:77.27272727272727%;
}
@media screen and (max-width:480px) {
.cols .col.col-17-22 {
width:100%
}
}
.cols .col.col-18-22 {
width:81.81818181818183%;
}
@media screen and (max-width:480px) {
.cols .col.col-18-22 {
width:100%
}
}
.cols .col.col-19-22 {
width:86.36363636363636%;
}
@media screen and (max-width:480px) {
.cols .col.col-19-22 {
width:100%
}
}
.cols .col.col-20-22 {
width:90.9090909090909%;
}
@media screen and (max-width:480px) {
.cols .col.col-20-22 {
width:100%
}
}
.cols .col.col-21-22 {
width:95.45454545454545%;
}
@media screen and (max-width:480px) {
.cols .col.col-21-22 {
width:100%
}
}
.cols .col.col-22-22 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-22-22 {
width:100%
}
}
.cols .col.col-1-23 {
width:4.347826086956522%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-23 {
width:100%
}
}
.cols .col.col-2-23 {
width:8.695652173913043%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-23 {
width:100%
}
}
.cols .col.col-3-23 {
width:13.043478260869565%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-23 {
width:100%
}
}
.cols .col.col-4-23 {
width:17.391304347826086%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-23 {
width:100%
}
}
.cols .col.col-5-23 {
width:21.73913043478261%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-23 {
width:100%
}
}
.cols .col.col-6-23 {
width:26.08695652173913%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-23 {
width:100%
}
}
.cols .col.col-7-23 {
width:30.434782608695656%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-23 {
width:100%
}
}
.cols .col.col-8-23 {
width:34.78260869565217%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-23 {
width:100%
}
}
.cols .col.col-9-23 {
width:39.130434782608695%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-23 {
width:100%
}
}
.cols .col.col-10-23 {
width:43.47826086956522%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-23 {
width:100%
}
}
.cols .col.col-11-23 {
width:47.82608695652174%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-23 {
width:100%
}
}
.cols .col.col-12-23 {
width:52.17391304347826%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-23 {
width:100%
}
}
.cols .col.col-13-23 {
width:56.52173913043478%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-23 {
width:100%
}
}
.cols .col.col-14-23 {
width:60.86956521739131%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-23 {
width:100%
}
}
.cols .col.col-15-23 {
width:65.21739130434783%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-23 {
width:100%
}
}
.cols .col.col-16-23 {
width:69.56521739130434%;
}
@media screen and (max-width:480px) {
.cols .col.col-16-23 {
width:100%
}
}
.cols .col.col-17-23 {
width:73.91304347826086%;
}
@media screen and (max-width:480px) {
.cols .col.col-17-23 {
width:100%
}
}
.cols .col.col-18-23 {
width:78.26086956521739%;
}
@media screen and (max-width:480px) {
.cols .col.col-18-23 {
width:100%
}
}
.cols .col.col-19-23 {
width:82.6086956521739%;
}
@media screen and (max-width:480px) {
.cols .col.col-19-23 {
width:100%
}
}
.cols .col.col-20-23 {
width:86.95652173913044%;
}
@media screen and (max-width:480px) {
.cols .col.col-20-23 {
width:100%
}
}
.cols .col.col-21-23 {
width:91.30434782608695%;
}
@media screen and (max-width:480px) {
.cols .col.col-21-23 {
width:100%
}
}
.cols .col.col-22-23 {
width:95.65217391304348%;
}
@media screen and (max-width:480px) {
.cols .col.col-22-23 {
width:100%
}
}
.cols .col.col-23-23 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-23-23 {
width:100%
}
}
.cols .col.col-1-24 {
width:4.166666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-1-24 {
width:100%
}
}
.cols .col.col-2-24 {
width:8.333333333333332%;
}
@media screen and (max-width:480px) {
.cols .col.col-2-24 {
width:100%
}
}
.cols .col.col-3-24 {
width:12.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-3-24 {
width:100%
}
}
.cols .col.col-4-24 {
width:16.666666666666664%;
}
@media screen and (max-width:480px) {
.cols .col.col-4-24 {
width:100%
}
}
.cols .col.col-5-24 {
width:20.833333333333336%;
}
@media screen and (max-width:480px) {
.cols .col.col-5-24 {
width:100%
}
}
.cols .col.col-6-24 {
width:25%;
}
@media screen and (max-width:480px) {
.cols .col.col-6-24 {
width:100%
}
}
.cols .col.col-7-24 {
width:29.166666666666668%;
}
@media screen and (max-width:480px) {
.cols .col.col-7-24 {
width:100%
}
}
.cols .col.col-8-24 {
width:33.33333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-8-24 {
width:100%
}
}
.cols .col.col-9-24 {
width:37.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-9-24 {
width:100%
}
}
.cols .col.col-10-24 {
width:41.66666666666667%;
}
@media screen and (max-width:480px) {
.cols .col.col-10-24 {
width:100%
}
}
.cols .col.col-11-24 {
width:45.83333333333333%;
}
@media screen and (max-width:480px) {
.cols .col.col-11-24 {
width:100%
}
}
.cols .col.col-12-24 {
width:50%;
}
@media screen and (max-width:480px) {
.cols .col.col-12-24 {
width:100%
}
}
.cols .col.col-13-24 {
width:54.166666666666664%;
}
@media screen and (max-width:480px) {
.cols .col.col-13-24 {
width:100%
}
}
.cols .col.col-14-24 {
width:58.333333333333336%;
}
@media screen and (max-width:480px) {
.cols .col.col-14-24 {
width:100%
}
}
.cols .col.col-15-24 {
width:62.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-15-24 {
width:100%
}
}
.cols .col.col-16-24 {
width:66.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-16-24 {
width:100%
}
}
.cols .col.col-17-24 {
width:70.83333333333334%;
}
@media screen and (max-width:480px) {
.cols .col.col-17-24 {
width:100%
}
}
.cols .col.col-18-24 {
width:75%;
}
@media screen and (max-width:480px) {
.cols .col.col-18-24 {
width:100%
}
}
.cols .col.col-19-24 {
width:79.16666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-19-24 {
width:100%
}
}
.cols .col.col-20-24 {
width:83.33333333333334%;
}
@media screen and (max-width:480px) {
.cols .col.col-20-24 {
width:100%
}
}
.cols .col.col-21-24 {
width:87.5%;
}
@media screen and (max-width:480px) {
.cols .col.col-21-24 {
width:100%
}
}
.cols .col.col-22-24 {
width:91.66666666666666%;
}
@media screen and (max-width:480px) {
.cols .col.col-22-24 {
width:100%
}
}
.cols .col.col-23-24 {
width:95.83333333333334%;
}
@media screen and (max-width:480px) {
.cols .col.col-23-24 {
width:100%
}
}
.cols .col.col-24-24 {
width:100%;
}
@media screen and (max-width:480px) {
.cols .col.col-24-24 {
width:100%
}
}
.cols.cols-1 .col {
width:100%;
}
@media screen and (max-width:480px) {
.cols.cols-1 .col {
width:100%
}
}
.cols.cols-1 .col:nth-child(1n + 1) {
clear:both
}
.cols.cols-2 .col {
width:50%;
}
@media screen and (max-width:480px) {
.cols.cols-2 .col {
width:100%
}
}
.cols.cols-2 .col:nth-child(2n + 1) {
clear:both
}
.cols.cols-3 .col {
width:33.33333333333333%;
}
@media screen and (max-width:480px) {
.cols.cols-3 .col {
width:100%
}
}
.cols.cols-3 .col:nth-child(3n + 1) {
clear:both
}
.cols.cols-4 .col {
width:25%;
}
@media screen and (max-width:480px) {
.cols.cols-4 .col {
width:100%
}
}
.cols.cols-4 .col:nth-child(4n + 1) {
clear:both
}
.cols.cols-5 .col {
width:20%;
}
@media screen and (max-width:480px) {
.cols.cols-5 .col {
width:100%
}
}
.cols.cols-5 .col:nth-child(5n + 1) {
clear:both
}
.cols.cols-6 .col {
width:16.666666666666664%;
}
@media screen and (max-width:480px) {
.cols.cols-6 .col {
width:100%
}
}
.cols.cols-6 .col:nth-child(6n + 1) {
clear:both
}
.cols.cols-7 .col {
width:14.285714285714285%;
}
@media screen and (max-width:480px) {
.cols.cols-7 .col {
width:100%
}
}
.cols.cols-7 .col:nth-child(7n + 1) {
clear:both
}
.cols.cols-8 .col {
width:12.5%;
}
@media screen and (max-width:480px) {
.cols.cols-8 .col {
width:100%
}
}
.cols.cols-8 .col:nth-child(8n + 1) {
clear:both
}
.cols.cols-9 .col {
width:11.11111111111111%;
}
@media screen and (max-width:480px) {
.cols.cols-9 .col {
width:100%
}
}
.cols.cols-9 .col:nth-child(9n + 1) {
clear:both
}
.cols.cols-10 .col {
width:10%;
}
@media screen and (max-width:480px) {
.cols.cols-10 .col {
width:100%
}
}
.cols.cols-10 .col:nth-child(10n + 1) {
clear:both
}
.cols.cols-11 .col {
width:9.090909090909092%;
}
@media screen and (max-width:480px) {
.cols.cols-11 .col {
width:100%
}
}
.cols.cols-11 .col:nth-child(11n + 1) {
clear:both
}
.cols.cols-12 .col {
width:8.333333333333332%;
}
@media screen and (max-width:480px) {
.cols.cols-12 .col {
width:100%
}
}
.cols.cols-12 .col:nth-child(12n + 1) {
clear:both
}
.cols.cols-13 .col {
width:7.692307692307693%;
}
@media screen and (max-width:480px) {
.cols.cols-13 .col {
width:100%
}
}
.cols.cols-13 .col:nth-child(13n + 1) {
clear:both
}
.cols.cols-14 .col {
width:7.142857142857142%;
}
@media screen and (max-width:480px) {
.cols.cols-14 .col {
width:100%
}
}
.cols.cols-14 .col:nth-child(14n + 1) {
clear:both
}
.cols.cols-15 .col {
width:6.666666666666667%;
}
@media screen and (max-width:480px) {
.cols.cols-15 .col {
width:100%
}
}
.cols.cols-15 .col:nth-child(15n + 1) {
clear:both
}
.cols.cols-16 .col {
width:6.25%;
}
@media screen and (max-width:480px) {
.cols.cols-16 .col {
width:100%
}
}
.cols.cols-16 .col:nth-child(16n + 1) {
clear:both
}
.cols.cols-17 .col {
width:5.88235294117647%;
}
@media screen and (max-width:480px) {
.cols.cols-17 .col {
width:100%
}
}
.cols.cols-17 .col:nth-child(17n + 1) {
clear:both
}
.cols.cols-18 .col {
width:5.555555555555555%;
}
@media screen and (max-width:480px) {
.cols.cols-18 .col {
width:100%
}
}
.cols.cols-18 .col:nth-child(18n + 1) {
clear:both
}
.cols.cols-19 .col {
width:5.263157894736842%;
}
@media screen and (max-width:480px) {
.cols.cols-19 .col {
width:100%
}
}
.cols.cols-19 .col:nth-child(19n + 1) {
clear:both
}
.cols.cols-20 .col {
width:5%;
}
@media screen and (max-width:480px) {
.cols.cols-20 .col {
width:100%
}
}
.cols.cols-20 .col:nth-child(20n + 1) {
clear:both
}
.cols.cols-21 .col {
width:4.761904761904762%;
}
@media screen and (max-width:480px) {
.cols.cols-21 .col {
width:100%
}
}
.cols.cols-21 .col:nth-child(21n + 1) {
clear:both
}
.cols.cols-22 .col {
width:4.545454545454546%;
}
@media screen and (max-width:480px) {
.cols.cols-22 .col {
width:100%
}
}
.cols.cols-22 .col:nth-child(22n + 1) {
clear:both
}
.cols.cols-23 .col {
width:4.347826086956522%;
}
@media screen and (max-width:480px) {
.cols.cols-23 .col {
width:100%
}
}
.cols.cols-23 .col:nth-child(23n + 1) {
clear:both
}
.cols.cols-24 .col {
width:4.166666666666666%;
}
@media screen and (max-width:480px) {
.cols.cols-24 .col {
width:100%
}
}
.cols.cols-24 .col:nth-child(24n + 1) {
clear:both
}
.cols.cols-margin-narrow {
margin-right:-10px;
}
.cols.cols-margin-narrow .col {
padding-right:10px;
padding-bottom:10px
}
.cols.cols-margin-mid {
margin-right:-20px;
}
@media screen and (max-width:640px) {
.cols.cols-margin-mid {
margin-right:-10px
}
}
.cols.cols-margin-mid .col {
padding-right:20px;
padding-bottom:20px;
}
@media screen and (max-width:640px) {
.cols.cols-margin-mid .col {
padding-right:10px;
padding-bottom:10px
}
}
.cols.cols-margin-none {
margin-right:0;
}
.cols.cols-margin-none .col {
padding-right:0;
padding-bottom:0
}
.sectionRule {
margin-bottom:80px;
}
@media screen and (max-width:1024px) {
.sectionRule {
margin-bottom:60px
}
}
@media screen and (max-width:640px) {
.sectionRule {
margin-bottom:40px
}
}
.sectionRule .cont:before {
content:' ';
display:block;
width:100%;
height:1px;
background-color:#f4f4f4;
-webkit-transition:background .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:background .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:background .8s cubic-bezier(.645,.045,.355,1);
-o-transition:background .8s cubic-bezier(.645,.045,.355,1);
transition:background .8s cubic-bezier(.645,.045,.355,1);
}
.isDark .sectionRule .cont:before,.page-isDark .sectionRule .cont:before {
background-color:#353535
}
.a-button {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
color:#fff;
border:1px solid #4a4a4a;
background-color:#4a4a4a;
-webkit-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:12px 36px;
display:inline-block;
}
@media screen and (max-width:640px) {
.a-button {
font-size:10px;
line-height:18px
}
}
.a-button:hover {
background-color:#fff;
color:#4a4a4a
}
.a-button.a-button-small {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
padding:8px 20px
}
.a-button.a-button-black {
background-color:#2b2b2b;
border-color:#2b2b2b;
}
.a-button.a-button-black:hover {
background-color:#fff;
color:#2b2b2b
}
.a-link {
color:#4a4a4a;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
}
@media screen and (max-width:640px) {
.a-link {
font-size:10px;
line-height:18px
}
}
.a-link span {
border-bottom:1px solid transparent;
-webkit-transition:border .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:border .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:border .8s cubic-bezier(.645,.045,.355,1);
-o-transition:border .8s cubic-bezier(.645,.045,.355,1);
transition:border .8s cubic-bezier(.645,.045,.355,1);
padding-bottom:2px
}
.a-link:hover span,a:hover .a-link span {
border-bottom-color:#4a4a4a
}
.a-link.a-link--black {
color:#2b2b2b;
}
.a-link.a-link--black:hover span,a:hover .a-link.a-link--black span {
border-bottom-color:#2b2b2b
}
.a-link.a-link--white {
color:#fff;
}
.a-link.a-link--white:hover span,a:hover .a-link.a-link--white span {
border-bottom-color:#fff
}
form input,form select,form textarea {
-webkit-appearance:none;
margin:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:0;
border-radius:0;
background-color:transparent;
border:1px solid #f4f4f4;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
text-align:center;
color:#2b2b2b;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
display:block;
width:100%;
padding:10px;
-webkit-transition:border .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:border .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:border .8s cubic-bezier(.645,.045,.355,1);
-o-transition:border .8s cubic-bezier(.645,.045,.355,1);
transition:border .8s cubic-bezier(.645,.045,.355,1);
}
form input::-webkit-input-placeholder,form select::-webkit-input-placeholder,form textarea::-webkit-input-placeholder {
color:#959595
}
form input:-moz-placeholder,form select:-moz-placeholder,form textarea:-moz-placeholder {
color:#959595
}
form input::-moz-placeholder,form select::-moz-placeholder,form textarea::-moz-placeholder {
color:#959595
}
form input:-ms-input-placeholder,form select:-ms-input-placeholder,form textarea:-ms-input-placeholder {
color:#959595
}
.isDark form input,.isDark form select,.isDark form textarea,.page-isDark form input,.page-isDark form select,.page-isDark form textarea {
border-color:#353535;
color:#fff
}
form input:focus,form select:focus,form textarea:focus {
outline:none
}
form input[type="submit"],form select[type="submit"],form textarea[type="submit"] {
text-align:center;
color:#fff;
border:1px solid #4a4a4a;
background-color:#4a4a4a;
-webkit-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
transition:background .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
}
form input[type="submit"]:hover,form select[type="submit"]:hover,form textarea[type="submit"]:hover {
color:#4a4a4a;
background-color:#fff;
cursor:pointer
}
form textarea {
resize:none
}
form .formRow {
display:block;
width:100%;
padding-bottom:10px;
}
form .formRow:last-child {
padding-bottom:0
}
.wpcf7-form .formRow.formRow-half:nth-child(2n - 1) {
clear:both
}
.wpcf7-form span.wpcf7-not-valid-tip {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase
}
.wpcf7-form .wpcf7-response-output,.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors,.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
border:none;
color:#4a4a4a;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
line-height:12px;
background-color:#e9e9e9;
margin:0;
padding:8px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align:center
}
section {
position:relative;
padding-bottom:80px;
}
@media screen and (max-width:1024px) {
section {
padding-bottom:60px
}
}
@media screen and (max-width:640px) {
section {
padding-bottom:40px
}
}
section.section-noPadding {
padding-bottom:0
}
section.section-landingImage {
padding:0;
}
section.section-landingImage .imageContent {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1
}
section.section-landingImage .textOverlay {
position:absolute;
left:0;
bottom:0;
z-index:10;
width:100%;
padding-bottom:48px;
}
section.section-landingImage .textOverlay h1 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:76px;
line-height:76px;
letter-spacing:.02em;
text-transform:uppercase;
color:#fff
}
@media screen and (max-width:880px) {
section.section-landingImage .textOverlay h1 {
font-size:64px;
line-height:64px
}
}
@media screen and (max-width:640px) {
section.section-landingImage .textOverlay h1 {
font-size:42px;
line-height:42px
}
}
@media screen and (max-width:480px) {
section.section-landingImage .textOverlay h1 {
font-size:28px;
line-height:28px
}
}
section.section-bigTextIntro {
padding:0;
}
section.section-bigTextIntro .cont {
padding-top:120px;
padding-bottom:80px;
}
@media screen and (max-width:1024px) {
section.section-bigTextIntro .cont {
padding-top:80px;
padding-bottom:60px
}
}
@media screen and (max-width:640px) {
section.section-bigTextIntro .cont {
padding-top:60px;
padding-bottom:40px
}
}
section.section-bigTextIntro .introduction-container {
max-width:640px;
margin:0 auto;
padding-bottom:80px;
text-align:center;
}
@media screen and (max-width:1024px) {
section.section-bigTextIntro .introduction-container {
padding-bottom:60px
}
}
@media screen and (max-width:640px) {
section.section-bigTextIntro .introduction-container {
padding-bottom:40px
}
}
section.section-bigTextIntro .introduction-container h1 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:76px;
line-height:76px;
letter-spacing:.02em;
text-transform:uppercase;
padding-bottom:30px;
}
@media screen and (max-width:880px) {
section.section-bigTextIntro .introduction-container h1 {
font-size:64px;
line-height:64px
}
}
@media screen and (max-width:640px) {
section.section-bigTextIntro .introduction-container h1 {
font-size:42px;
line-height:42px
}
}
@media screen and (max-width:480px) {
section.section-bigTextIntro .introduction-container h1 {
font-size:28px;
line-height:28px
}
}
@media screen and (max-width:640px) {
section.section-bigTextIntro .introduction-container h1 {
padding-bottom:20px
}
}
section.section-bigTextIntro .introduction-container .quote {
padding-bottom:30px;
}
@media screen and (max-width:640px) {
section.section-bigTextIntro .introduction-container .quote {
padding-bottom:20px
}
}
section.section-bigTextIntro .introduction-container .textContent {
max-width:480px;
color:#555;
margin:0 auto;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:16px;
line-height:22px;
letter-spacing:.01em;
text-transform:none
}
@media screen and (max-width:640px) {
section.section-bigTextIntro .introduction-container .textContent {
font-size:13px;
line-height:18px
}
}
section.section-bigTextIntro .scrollDown {
text-align:center;
}
section.section-bigTextIntro .scrollDown h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
color:#4a4a4a
}
@media screen and (max-width:640px) {
section.section-bigTextIntro .scrollDown h3 {
font-size:10px;
line-height:18px
}
}
section.section-bigTextIntro .scrollDown h4 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
color:#bfbfbf;
margin-top:-4px
}
section.section-bigTextIntro .scrollDown .arrow {
display:block;
width:40px;
height:40px;
margin:20px auto 25px;
background-image:url("../img/arrow_black.svg");
opacity:.2;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
section.section-bigTextIntro .scrollDown:hover {
cursor:pointer
}
.newsletterSubscribe {
max-width:320px;
margin:0 auto;
}
.newsletterSubscribe h4,.newsletterSubscribe p {
text-align:center
}
.newsletterSubscribe h4 {
font-family:'AWConquerorDidot-Light','Didot',Times,Times New Roman,serif;
font-weight:300;
font-style:normal;
font-size:20px;
line-height:27px;
line-height:25px;
letter-spacing:.06em;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.newsletterSubscribe h4 {
font-size:16px;
line-height:22px
}
}
.newsletterSubscribe p {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
color:#959595
}
.newsletterSubscribe h4 + p {
padding-top:14px
}
.newsletterSubscribe form:not(:first-child) {
padding-top:30px
}
.newsletterSubscribe form p.error {
padding-bottom:12px
}
.newsletterSubscribe form.form--success input[type="submit"] {
background-color:#fff;
color:#4a4a4a
}
.enquireCTA .enquireCTA-cont {
max-width:420px;
margin:0 auto;
text-align:center;
}
.enquireCTA .enquireCTA-cont h4 {
padding-bottom:12px
}
.enquireCTA .enquireCTA-cont p {
font-size:14px;
line-height:20px;
padding-bottom:30px
}
@media screen and (max-width:640px) {
.enquireCTA .enquireCTA-cont p {
font-size:12px;
line-height:18px
}
}
.enquireCTA .enquireCTA-cont a.a-button {
width:100%;
max-width:240px;
margin:0 auto;
display:block
}
.quote {
max-width:480px;
margin:0 auto;
text-align:center;
}
.quote p {
font-family:'AWConquerorDidot-Light','Didot',Times,Times New Roman,serif;
font-weight:300;
font-style:normal;
font-size:24px;
line-height:35px;
line-height:28px;
letter-spacing:.06em;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.quote p {
font-size:19px;
line-height:28px
}
}
.quote span.from {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
color:#4a4a4a;
padding-top:8px;
display:block
}
.newsThumb .imageContent:before {
content:' ';
display:block;
width:100%;
height:auto;
padding-bottom:133.33333333333331%
}
.newsThumb .imageContent + .textContent {
padding-top:36px;
}
@media screen and (max-width:640px) {
.newsThumb .imageContent + .textContent {
padding-top:24x
}
}
.newsThumb .textContent,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent {
max-width:320px;
margin:0 auto;
text-align:center;
}
.newsThumb .textContent h5,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent h5,.newsThumb .textContent p,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent p {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
color:#959595
}
.newsThumb .textContent h3,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent h3 {
font-family:'AWConquerorDidot-Light','Didot',Times,Times New Roman,serif;
font-weight:300;
font-style:normal;
font-size:20px;
line-height:27px;
line-height:25px;
letter-spacing:.06em;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.newsThumb .textContent h3,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent h3 {
font-size:16px;
line-height:22px
}
}
.newsThumb .textContent p,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent p {
max-width:260px;
margin:0 auto;
}
.newsThumb .textContent p.readMore,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent p.readMore {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
color:#4a4a4a
}
.newsThumb .textContent h5 + h3,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent h5 + h3 {
padding-top:10px
}
.newsThumb .textContent h3 + p,.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent h3 + p {
padding-top:20px
}
.googleMapCont {
position:absolute;
left:0;
top:0;
background-color:#353535;
width:100%;
height:100%;
}
.googleMapCont .googleMap {
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
.logo-carousel .logo-carousel-slide {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
}
@media screen and (max-width:640px) {
.logo-carousel .logo-carousel-slide {
flex-wrap:wrap
}
}
.logo-carousel .logo-carousel-slide .logo {
width:15%;
}
@media screen and (max-width:1024px) {
.logo-carousel .logo-carousel-slide .logo {
width:20%
}
}
@media screen and (max-width:640px) {
.logo-carousel .logo-carousel-slide .logo {
width:45%;
margin-bottom:20px
}
}
@media screen and (max-width:640px) {
.logo-carousel .logo-carousel-slide .logo:nth-last-child(1),.logo-carousel .logo-carousel-slide .logo:nth-last-child(2) {
margin-bottom:0
}
}
.logo-grid {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}
.logo-grid .logo {
width:19%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:10px 20px;
}
@media screen and (max-width:1024px) {
.logo-grid .logo {
width:22%
}
}
@media screen and (max-width:880px) {
.logo-grid .logo {
width:29%
}
}
@media screen and (max-width:640px) {
.logo-grid .logo {
width:32%
}
}
.logo-grid:last-child {
padding-bottom:0
}
.slick-dots {
padding-top:10px;
display:block;
font-size:0;
line-height:0;
text-align:center;
}
.slick-dots li {
display:inline-block;
position:relative;
width:16px;
height:16px;
}
.slick-dots li button {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
-webkit-appearance:none;
border:none;
background:none;
-webkit-box-shadow:0 0 0 0 transparent;
box-shadow:0 0 0 0 transparent;
font-size:0;
line-height:0;
color:transparent;
}
.slick-dots li button:before {
content:' ';
display:block;
width:6px;
height:6px;
background-color:#f4f4f4;
-webkit-border-radius:6px;
border-radius:6px;
position:absolute;
left:50%;
top:50%;
margin-left:-3px;
margin-top:-3px;
-webkit-transition:background .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:background .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:background .8s cubic-bezier(.645,.045,.355,1);
-o-transition:background .8s cubic-bezier(.645,.045,.355,1);
transition:background .8s cubic-bezier(.645,.045,.355,1)
}
.slick-dots li button:focus {
outline:none
}
.slick-dots li button:hover {
cursor:pointer;
}
.slick-dots li button:hover:before {
background-color:#4a4a4a
}
.slick-dots li.slick-active button:before {
background-color:#4a4a4a
}
.fixedBarBottom {
position:fixed;
left:0;
bottom:0;
right:60px;
height:60px;
z-index:900;
background-color:#fff;
-webkit-box-shadow:0 0 4px 0 rgba(43,43,43,0.1);
box-shadow:0 0 4px 0 rgba(43,43,43,0.1);
text-align:center;
}
@media screen and (max-width:640px) {
.fixedBarBottom {
display:none
}
}
.fixedBarBottom.newsCategories ul {
font-size:0;
line-height:0;
text-align:center;
}
.fixedBarBottom.newsCategories ul li {
display:inline-block;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
}
.fixedBarBottom.newsCategories ul li a {
display:block;
height:60px;
padding:22px 15px 20px;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.fixedBarBottom.newsCategories ul li a span {
color:#d4d4d4;
border-bottom:1px solid transparent;
padding-bottom:2px;
-webkit-transition:border .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:border .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:border .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:border .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1);
transition:border .8s cubic-bezier(.645,.045,.355,1),color .8s cubic-bezier(.645,.045,.355,1)
}
.fixedBarBottom.newsCategories ul li.category-active span,.fixedBarBottom.newsCategories ul li a:hover span {
color:#4a4a4a;
border-bottom-color:#4a4a4a
}
section.slides {
position:relative;
padding:0;
}
section.slides .slides-section {
position:relative;
}
section.slides .slides-section .slides-section-cont {
position:relative;
width:100%;
height:100%
}
section.slides .slides-section .slides-nextSlide {
position:relative;
color:#d4d4d4;
-webkit-transition:color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:color .8s cubic-bezier(.645,.045,.355,1);
transition:color .8s cubic-bezier(.645,.045,.355,1);
height:31px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding-left:30px;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
line-height:31px;
}
section.slides .slides-section .slides-nextSlide:after {
content:' ';
background-image:url("../img/arrow_black.svg");
opacity:.2;
width:25px;
height:31px;
display:block;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
position:absolute;
left:0;
top:15px;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1)
}
section.slides .slides-section .slides-nextSlide:hover {
cursor:pointer;
color:#959595;
}
section.slides .slides-section .slides-nextSlide:hover:after {
opacity:.5
}
section.slides .slides-section .slides-subslides {
position:absolute;
left:0;
top:0;
width:100%;
}
section.slides .slides-section .slides-subslides.section-subslides-isFixed {
position:fixed
}
section.slides .slides-section .slides-subslides .slides-nextSlide {
position:absolute;
left:60px;
bottom:0;
padding-top:15px;
padding-bottom:15px;
height:60px;
z-index:10
}
section.slides .slides-section .slides-subslides .slides-breadcrumbs {
position:absolute;
top:50%;
right:30px;
width:16px;
z-index:15;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
margin-right:-8px;
}
section.slides .slides-section .slides-subslides .slides-breadcrumbs li {
position:relative;
display:block;
width:16px;
height:16px;
}
section.slides .slides-section .slides-subslides .slides-breadcrumbs li:before {
content:' ';
display:block;
width:6px;
height:6px;
background-color:#e9e9e9;
-webkit-transition:background .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:background .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:background .8s cubic-bezier(.645,.045,.355,1);
-o-transition:background .8s cubic-bezier(.645,.045,.355,1);
transition:background .8s cubic-bezier(.645,.045,.355,1);
position:absolute;
left:50%;
top:50%;
margin-top:-3px;
margin-left:-3px;
-webkit-border-radius:6px;
border-radius:6px
}
section.slides .slides-section .slides-subslides .slides-breadcrumbs li:hover {
cursor:pointer
}
section.slides .slides-section .slides-subslides .slides-breadcrumbs li:hover:before,section.slides .slides-section .slides-subslides .slides-breadcrumbs li.slides-breadcrumb-active:before {
background-color:#4a4a4a
}
section.slides .slides-section .slides-subslides .slides-subslide {
position:absolute;
left:0;
top:0;
width:100%;
background-color:#fff;
-webkit-transition:opacity .6s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .6s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .6s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .6s cubic-bezier(.645,.045,.355,1);
transition:opacity .6s cubic-bezier(.645,.045,.355,1);
opacity:0;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont {
position:relative;
padding:60px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
@media screen and (max-width:1024px) {
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont {
padding:40px
}
}
@media screen and (max-width:640px) {
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont {
padding:20px
}
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont:before {
content:' ';
display:block;
position:absolute;
width:1px;
top:60px;
bottom:60px;
left:33.33333333333333%;
background-color:#f4f4f4
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col {
position:relative;
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-text {
width:33.33333333333333%;
padding-right:60px;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-text .textContent {
padding-bottom:60px;
font-size:12px;
line-height:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (max-width:640px) {
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-text .textContent {
font-size:10px;
line-height:18px
}
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-text .textContent h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.06em;
text-transform:uppercase;
color:#4a4a4a
}
@media screen and (max-width:640px) {
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-text .textContent h3 {
font-size:16px;
line-height:22px
}
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-text .textContent h3,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-text .textContent p {
padding-bottom:20px;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-text .textContent h3:last-child,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-text .textContent p:last-child {
padding-bottom:0
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image {
width:66.66666666666666%;
padding-left:60px;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout-cont {
position:relative;
width:100%;
height:100%
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout {
position:absolute;
left:50%;
top:50%;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .slide-image,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .row {
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:100%;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .slide-image .imageContent,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .row .imageContent {
position:absolute;
left:0;
top:0;
right:0;
bottom:0
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .slide-image .caption,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .row .caption {
color:#959595;
text-align:center;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
padding-top:10px;
line-height:10px;
position:absolute;
left:0;
width:100%;
height:30px;
bottom:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:none
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .slide-image.slide-image-hasCaption,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .row.slide-image-hasCaption,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .slide-image.row-hasCaption,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .row.row-hasCaption {
padding-bottom:30px;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .slide-image.slide-image-hasCaption .imageContent,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .row.slide-image-hasCaption .imageContent,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .slide-image.row-hasCaption .imageContent,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .row.row-hasCaption .imageContent {
bottom:30px
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .slide-image.slide-image-hasCaption .caption,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .row.slide-image-hasCaption .caption,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .slide-image.row-hasCaption .caption,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout .row.row-hasCaption .caption {
display:block
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-single_image .slide-image .imageContent,section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-single_image .slide-image.slide-image-hasCaption .imageContent {
right:auto;
bottom:auto;
left:50%;
top:50%
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-single_image .slide-image.slide-image-hasCaption .imageContent {
-webkit-transform:translateY(-15px);
-moz-transform:translateY(-15px);
-ms-transform:translateY(-15px);
-o-transform:translateY(-15px);
transform:translateY(-15px)
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-columns .cols .col {
padding-bottom:0
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-2_x_2 .cols .col {
padding-bottom:10px
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-rows .row {
padding-bottom:10px;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-rows .row .images {
margin-right:-10px;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-rows .row .images:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-rows .row .images .slide-image {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
padding-right:10px;
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-rows .row .images .slide-image .imageContent {
right:10px
}
section.slides .slides-section .slides-subslides .slides-subslide .slides-section-cont .slide-subslide-col.slide-subslide-col-image .slide-imageLayout.slide-imageLayout-rows .row.row-hasCaption .imageContent {
bottom:0
}
section.slides .slides-section .slides-subslides .slides-subslide.slides-subslide-active {
opacity:1;
z-index:2;
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-ms-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s
}
section.slides .slides-section.slides-section-intro .slides-nextSlide,section.slides .slides-section.slides-section-caseStudy .slides-nextSlide {
position:absolute;
left:50%;
bottom:60px;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
text-align:center;
padding:0;
line-height:10px;
}
section.slides .slides-section.slides-section-intro .slides-nextSlide:after,section.slides .slides-section.slides-section-caseStudy .slides-nextSlide:after {
display:block;
position:relative;
left:auto;
top:auto;
margin:0 auto;
width:30px;
height:38px
}
section.slides .slides-section.slides-section-intro .slides-section-text {
text-align:center;
max-width:620px;
margin:0 auto;
padding:0 40px 60px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-intro .slides-section-text {
max-width:540px;
padding:0 20px 40px
}
}
section.slides .slides-section.slides-section-intro .slides-section-text .icon {
max-width:110px;
margin:0 auto 60px;
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-intro .slides-section-text .icon {
margin-bottom:30px
}
}
section.slides .slides-section.slides-section-intro .slides-section-text h2 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:76px;
line-height:76px;
letter-spacing:.02em;
text-transform:uppercase;
}
@media screen and (max-width:880px) {
section.slides .slides-section.slides-section-intro .slides-section-text h2 {
font-size:64px;
line-height:64px
}
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-intro .slides-section-text h2 {
font-size:42px;
line-height:42px
}
}
@media screen and (max-width:480px) {
section.slides .slides-section.slides-section-intro .slides-section-text h2 {
font-size:28px;
line-height:28px
}
}
section.slides .slides-section.slides-section-intro .slides-section-text h2 + .quote {
padding-top:26px;
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-intro .slides-section-text h2 + .quote {
padding-top:20px
}
}
section.slides .slides-section.slides-section-intro .slides-section-text .quote .from {
padding-top:22px;
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-intro .slides-section-text .quote .from {
padding-top:12px
}
}
section.slides .slides-section.slides-section-intro .slides-section-text .introduction {
max-width:360px;
text-align:center;
margin:0 auto;
padding-top:40px;
color:#bfbfbf;
}
section.slides .slides-section.slides-section-intro .slides-section-text .introduction p {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-intro .slides-section-text .introduction p {
font-size:10px;
line-height:18px
}
}
section.slides .slides-section.slides-section-caseStudy .slides-nextSlide {
bottom:30px
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides,section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide {
position:relative;
width:100%;
height:auto;
left:auto;
top:auto;
opacity:1
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont {
padding-top:0;
height:auto;
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont:before {
display:none
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont:last-child {
padding-bottom:40px
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content {
padding-bottom:40px;
}
@media screen and (max-width:1024px) {
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content {
padding-bottom:30px
}
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content {
padding-bottom:20px
}
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content .caption {
text-align:center;
padding-top:12px;
color:#bfbfbf;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content:last-child {
padding-bottom:0
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--icon .imageContent {
max-width:52px;
margin:0 auto
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--title h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.06em;
text-transform:uppercase;
text-align:center
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--title h3 {
font-size:16px;
line-height:22px
}
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--subtitle h4 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
text-align:center;
color:#bfbfbf
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--subtitle h4 {
font-size:10px;
line-height:18px
}
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--standfirst .quote {
max-width:360px
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--text .textContent {
font-size:12px;
line-height:20px;
text-align:center;
color:#555;
max-width:380px;
margin:0 auto;
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--text .textContent {
font-size:10px;
line-height:18px
}
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--text .textContent p {
padding-bottom:20px;
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--text .textContent p:last-child {
padding-bottom:0
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--single_image .imageContent-inline {
margin:0 auto;
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--single_image .imageContent-inline.imageContent-inline-full {
max-width:920px
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--single_image .imageContent-inline.imageContent-inline-inner {
max-width:640px
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--columns .cont {
max-width:1280px
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--columns .cols .col .slide-image {
position:relative;
width:100%;
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--columns .cols .col .slide-image .imageContent {
position:absolute;
left:0;
top:0;
width:100%;
bottom:0
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--columns .cols .col .slide-image.slide-image-hasCaption .imageContent {
bottom:30px
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--columns .cols .col .slide-image.slide-image-hasCaption .caption {
position:absolute;
top:100%;
margin-top:-30px;
left:0;
width:100%
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .cont {
max-width:900px
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel {
width:100%;
margin:0 auto;
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slick-arrow {
-webkit-appearance:none;
background-color:transparent;
border:none;
font-size:0;
line-height:0;
color:transparent;
background-image:url("../img/arrow_black.svg");
opacity:.2;
width:25px;
height:31px;
display:block;
position:absolute;
top:50%;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
left:-60px;
margin-top:-28px;
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slick-arrow {
left:-30px
}
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slick-arrow.slick-next {
left:auto;
right:-60px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slick-arrow.slick-next {
right:-30px
}
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slick-arrow:focus {
outline:none
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slick-arrow:hover {
cursor:pointer
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide {
border:none;
outline:none;
padding-left:10px;
padding-right:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide .slide-images-carousel-slide-imageContainer {
position:relative;
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide .slide-images-carousel-slide-imageContainer .imageContent,section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide .slide-images-carousel-slide-imageContainer .imageContent .textOverlay {
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide .slide-images-carousel-slide-imageContainer .imageContent .textOverlay {
background-color:#fff;
z-index:10;
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide .slide-images-carousel-slide-imageContainer .imageContent .textOverlay p {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.02em;
text-transform:none;
text-align:center;
color:#bfbfbf;
padding:0 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide .slide-images-carousel-slide-imageContainer .imageContent .textOverlay,section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide .slide-images-carousel-slide-imageContainer .imageContent .textOverlay p {
opacity:0;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1)
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide .slide-images-carousel-slide-imageContainer .imageContent:hover .textOverlay {
opacity:1;
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide .slide-images-carousel-slide-imageContainer .imageContent:hover .textOverlay p {
opacity:1;
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-ms-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--images_carousel .slide-images-carousel .slide-images-carousel-slide.slick-slide.slick-cloned .imageContent img {
opacity:1
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--slider .sliderElement {
width:75%;
margin:0 auto;
}
@media screen and (max-width:640px) {
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--slider .sliderElement {
width:100%
}
}
section.slides .slides-section.slides-section-caseStudy .slides-subslides .slides-subslide .slides-section-cont .slide-section-content.slide-section-content--gallery .galleryInlineBuild {
margin-left:-60px;
margin-right:-60px;
width:auto;
height:auto
}
.sliderElement {
position:relative;
}
.sliderElement .sliderElement-layer,.sliderElement .sliderElement-layer .imageContent {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden
}
.sliderElement .sliderElement-layer.sliderElement-layer--bg {
z-index:1
}
.sliderElement .sliderElement-layer.sliderElement-layer--fore {
z-index:5;
}
.sliderElement .sliderElement-layer.sliderElement-layer--fore,.sliderElement .sliderElement-layer.sliderElement-layer--fore .imageContent {
left:auto;
right:0
}
.sliderElement .sliderElement-arrow {
position:absolute;
left:0;
top:50%;
width:32px;
height:32px;
background-color:#fff;
-webkit-border-radius:16px;
border-radius:16px;
margin-top:-16px;
margin-left:-16px;
z-index:20;
-webkit-box-shadow:0 0 3px 0 rgba(43,43,43,0.2);
box-shadow:0 0 3px 0 rgba(43,43,43,0.2);
}
.sliderElement .sliderElement-arrow:before {
content:' ';
background-image:url("../img/arrow_cyan.svg");
width:25px;
height:31px;
position:absolute;
left:50%;
top:50%;
margin-left:-12px;
margin-top:-16px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.slidesNavBar {
padding:0 50px;
font-size:0;
line-height:0;
text-align:left;
white-space:nowrap;
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1);
-webkit-transform:translateY(70px);
-moz-transform:translateY(70px);
-ms-transform:translateY(70px);
-o-transform:translateY(70px);
transform:translateY(70px);
text-align:center;
}
@media screen and (max-width:1024px) {
.slidesNavBar {
padding-left:20px;
padding-right:20px
}
}
.slidesNavBar .slidesNavBar-process {
display:inline-block
}
.slidesNavBar .slidesNavBar-title,.slidesNavBar .slidesNavBar-item,.slidesNavBar .slidesNavBar-expandable {
height:60px;
display:inline-block;
vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative
}
.slidesNavBar .slidesNavBar-title {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
color:#4a4a4a
}
@media screen and (max-width:640px) {
.slidesNavBar .slidesNavBar-title {
font-size:10px;
line-height:18px
}
}
.slidesNavBar .slidesNavBar-item {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
line-height:12px;
color:#d4d4d4;
-webkit-transition:color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:color .8s cubic-bezier(.645,.045,.355,1);
transition:color .8s cubic-bezier(.645,.045,.355,1);
text-align:center;
}
.slidesNavBar .slidesNavBar-item span {
max-width:120px;
white-space:normal;
display:inline-block
}
.slidesNavBar .slidesNavBar-item:hover {
cursor:pointer;
color:#2b2b2b
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-title {
padding-left:10px;
padding-right:50px;
}
@media screen and (max-width:1024px) {
.slidesNavBar .slidesNavBar-process .slidesNavBar-title {
padding-left:5px;
padding-right:20px
}
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-title:hover {
cursor:pointer
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-title:after,.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item:last-child:after {
background-image:url("../img/chevron_cyan.svg");
width:10px;
height:10px;
content:' ';
position:absolute;
right:15px;
top:50%;
margin-top:-5px;
-webkit-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
}
@media screen and (max-width:1024px) {
.slidesNavBar .slidesNavBar-process .slidesNavBar-title:after,.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item:last-child:after {
right:5px
}
}
.slidesNavBar .slidesNavBar-process:last-child .slidesNavBar-expandable .slidesNavBar-item:last-child:after {
display:none
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable {
max-width:0;
overflow:hidden;
-webkit-transition:max-width .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:max-width .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:max-width .8s cubic-bezier(.645,.045,.355,1);
-o-transition:max-width .8s cubic-bezier(.645,.045,.355,1);
transition:max-width .8s cubic-bezier(.645,.045,.355,1);
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item {
padding-left:10px;
padding-right:40px;
}
@media screen and (max-width:1024px) {
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item {
padding-left:5px;
padding-right:20px
}
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item.slidesNavBar-item-active {
color:#2b2b2b
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item:after {
content:' ';
position:absolute;
right:0;
top:50%;
width:30px;
height:1px;
background-color:#e9e9e9;
}
@media screen and (max-width:1024px) {
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item:after {
width:10px
}
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item:last-child {
padding-right:50px;
}
@media screen and (max-width:1024px) {
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item:last-child {
padding-right:20px
}
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable .slidesNavBar-item:last-child:after {
background-color:transparent;
background-image:url("../img/chevron_black.svg");
opacity:.2
}
.slidesNavBar .slidesNavBar-process .slidesNavBar-expandable.slidesNavBar-expanded {
max-width:2000px
}
.slidesNavBar .slidesNavBar-process:last-child .slidesNavBar-title:after {
display:none
}
.slidesNavBar.slidesNavBar-active {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.slidesNavBar.slidesNavBar--psuedo {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-item:hover {
color:inherit;
cursor:default
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process {
position:relative;
padding:0 30px;
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process .slidesNavBar-item {
position:relative;
padding:0 25px 0 5px;
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process .slidesNavBar-item:after {
content:' ';
display:block;
background-color:#e9e9e9;
width:20px;
height:1px;
position:absolute;
right:0;
top:50%
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process .slidesNavBar-item:last-child {
padding-right:5px;
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process .slidesNavBar-item:last-child:after {
display:none
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:before,.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:after {
content:' ';
display:block;
position:absolute;
top:50%;
right:0;
background-image:url("../img/chevron_cyan.svg");
width:10px;
height:10px;
margin-top:-5px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:before {
margin-right:2px
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:after {
margin-right:-2px
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:first-child {
padding-left:0
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:last-child {
padding-right:0;
}
.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:last-child:before,.slidesNavBar.slidesNavBar--psuedo .slidesNavBar-process:last-child:after {
display:none
}
.caseThumb {
position:relative;
}
.caseThumb:before {
content:' ';
width:100%;
height:auto;
padding-bottom:133.33333333333331%;
display:block
}
.caseThumb .imageContent:not(.logo),.caseThumb .hover {
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
.caseThumb .hover {
z-index:2;
opacity:0;
background-color:#fff;
-webkit-transition:opacity .4s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .4s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .4s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .4s cubic-bezier(.645,.045,.355,1);
transition:opacity .4s cubic-bezier(.645,.045,.355,1);
}
.caseThumb .hover .hoverContent {
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-ms-transition-delay:.2s;
-o-transition-delay:.2s;
transition-delay:.2s;
opacity:0;
text-align:center;
padding:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (max-width:640px) {
.caseThumb .hover .hoverContent {
padding:10px
}
}
.caseThumb .hover .hoverContent .logo {
width:60%;
margin:0 auto 20px;
}
@media screen and (max-width:640px) {
.caseThumb .hover .hoverContent .logo {
margin-bottom:10px
}
}
.caseThumb .hover .hoverContent h2,.caseThumb .hover .hoverContent h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:16px;
line-height:22px;
letter-spacing:.01em;
text-transform:none
}
@media screen and (max-width:640px) {
.caseThumb .hover .hoverContent h2,.caseThumb .hover .hoverContent h3 {
font-size:13px;
line-height:18px
}
}
.caseThumb .hover .hoverContent h2 {
color:#2b2b2b
}
.caseThumb .hover .hoverContent h3 {
color:#555
}
.caseThumb .hover .hoverContent h6 {
display:block;
color:#4a4a4a;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
padding-top:30px;
}
@media screen and (max-width:640px) {
.caseThumb .hover .hoverContent h6 {
padding-top:10px
}
}
.caseThumb a {
display:block
}
.caseThumb a:hover,a:hover .caseThumb {
cursor:pointer;
}
.caseThumb a:hover .hover,a:hover .caseThumb .hover {
opacity:1;
}
.caseThumb a:hover .hover .hoverContent,a:hover .caseThumb .hover .hoverContent {
opacity:1
}
#promoMessage {
position:fixed;
left:0;
top:0;
width:100%;
height:auto;
background-color:rgba(43,43,43,0.8);
color:#fff;
text-align:center;
z-index:990;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:4px 80px 4px 20px;
}
#promoMessage span {
display:block;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase
}
#promoMessage .promoMessage-close {
position:absolute;
right:64px;
top:50%;
width:19px;
height:19px;
margin-top:-9px;
}
#promoMessage .promoMessage-close:hover {
cursor:pointer
}
#promoMessage .promoMessage-close:before,#promoMessage .promoMessage-close:after {
content:' ';
display:block;
width:100%;
height:1px;
position:absolute;
left:50%;
top:9px;
background-color:#fff
}
#promoMessage .promoMessage-close:before {
-webkit-transform:translateX(-9px) rotate(45deg);
-moz-transform:translateX(-9px) rotate(45deg);
-ms-transform:translateX(-9px) rotate(45deg);
-o-transform:translateX(-9px) rotate(45deg);
transform:translateX(-9px) rotate(45deg)
}
#promoMessage .promoMessage-close:after {
-webkit-transform:translateX(-9px) rotate(-45deg);
-moz-transform:translateX(-9px) rotate(-45deg);
-ms-transform:translateX(-9px) rotate(-45deg);
-o-transform:translateX(-9px) rotate(-45deg);
transform:translateX(-9px) rotate(-45deg)
}
#loadingScreen {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:1500;
background-color:#fff;
color:#2b2b2b;
}
#loadingScreen .logo {
background-image:url("../img/loader-logo.png");
position:absolute;
left:50%;
top:50%;
width:148px;
height:64px;
display:none
}
#loadingScreen .loadingScreen-page {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:none;
}
#loadingScreen .loadingScreen-page h1 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:76px;
line-height:76px;
letter-spacing:.02em;
text-transform:uppercase;
}
@media screen and (max-width:880px) {
#loadingScreen .loadingScreen-page h1 {
font-size:64px;
line-height:64px
}
}
@media screen and (max-width:640px) {
#loadingScreen .loadingScreen-page h1 {
font-size:42px;
line-height:42px
}
}
@media screen and (max-width:480px) {
#loadingScreen .loadingScreen-page h1 {
font-size:28px;
line-height:28px
}
}
header {
position:fixed;
top:0;
right:0;
width:0;
height:100%;
z-index:1000;
}
@media screen and (max-width:640px) {
header {
right:auto;
left:0;
width:100%;
height:50px
}
}
header .header-stem {
position:absolute;
right:0;
top:0;
width:60px;
height:100%;
z-index:10;
background-color:#2b2b2b;
color:#fff;
border-left:#353535 1px solid;
}
@media screen and (max-width:640px) {
header .header-stem {
right:auto;
left:0;
width:100%;
height:50px;
border-left:none;
border-bottom:#353535 1px solid
}
}
header .header-stem .hamburger {
position:absolute;
left:0;
top:0;
width:60px;
height:91px;
padding:40px 13px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (max-width:640px) {
header .header-stem .hamburger {
width:70px;
height:50px;
left:auto;
right:0;
padding:18px 20px
}
}
header .header-stem .hamburger > div {
display:block;
width:100%;
height:1px;
background-color:#fff;
margin-bottom:4px;
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1);
}
header .header-stem .hamburger > div:nth-child(1),header .header-stem .hamburger > div:nth-child(3) {
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s
}
header .header-stem .hamburger > div:nth-child(2) {
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-ms-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s
}
header .header-stem .hamburger > div:last-child {
margin-bottom:0
}
header .header-stem .hamburger:hover {
cursor:pointer
}
header .header-stem .horizontalTitle {
position:absolute;
left:50%;
top:50%;
}
@media screen and (max-width:640px) {
header .header-stem .horizontalTitle {
display:none
}
}
header .header-stem .horizontalTitle .horizontalTitle-rotate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
}
header .header-stem .horizontalTitle .horizontalTitle-rotate span {
position:absolute;
left:0;
top:0;
width:500px;
text-align:center;
height:20px;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
letter-spacing:.1em;
display:block;
white-space:nowrap;
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-webkit-transform:translateX(-250px) translateY(-50%) rotate(90deg);
-moz-transform:translateX(-250px) translateY(-50%) rotate(90deg);
-ms-transform:translateX(-250px) translateY(-50%) rotate(90deg);
-o-transform:translateX(-250px) translateY(-50%) rotate(90deg);
transform:translateX(-250px) translateY(-50%) rotate(90deg);
}
header .header-stem .horizontalTitle .horizontalTitle-rotate span.titleOut {
opacity:0;
-webkit-transform:translateX(-220px) translateY(-50%) rotate(90deg);
-moz-transform:translateX(-220px) translateY(-50%) rotate(90deg);
-ms-transform:translateX(-220px) translateY(-50%) rotate(90deg);
-o-transform:translateX(-220px) translateY(-50%) rotate(90deg);
transform:translateX(-220px) translateY(-50%) rotate(90deg);
}
header .header-stem .horizontalTitle .horizontalTitle-rotate span.titleOut.titleOut-removing {
-webkit-transform:translateX(-280px) translateY(-50%) rotate(90deg);
-moz-transform:translateX(-280px) translateY(-50%) rotate(90deg);
-ms-transform:translateX(-280px) translateY(-50%) rotate(90deg);
-o-transform:translateX(-280px) translateY(-50%) rotate(90deg);
transform:translateX(-280px) translateY(-50%) rotate(90deg)
}
header .header-stem .marque {
width:60px;
height:60px;
}
@media screen and (max-width:640px) {
header .header-stem .marque {
width:50px;
height:50px
}
}
header .header-stem .marque,header .header-stem .marque a {
position:absolute;
left:0;
bottom:0;
}
@media screen and (max-width:640px) {
header .header-stem .marque,header .header-stem .marque a {
left:50%;
bottom:auto;
top:50%;
margin-top:-25px;
margin-left:-25px
}
}
header .header-stem .marque a {
display:block;
width:100%;
height:100%;
overflow:hidden;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
}
@media screen and (max-width:640px) {
header .header-stem .marque a {
left:0;
top:0;
margin-left:auto;
margin-top:auto
}
}
header .header-stem .marque a h1 {
font-size:0;
line-height:0;
text-indent:1000px;
background-image:url("../img/logo-marque_white.svg");
position:absolute;
left:50%;
top:50%;
margin-top:-16px;
margin-left:-14px;
width:29px;
height:32px
}
header .header-stem .marque a:hover {
opacity:.7;
cursor:pointer
}
header .header-panel {
position:absolute;
left:-60px;
top:0;
width:292px;
height:100%;
z-index:5;
background-color:#fff;
color:#2b2b2b;
border-left:#f4f4f4 1px solid;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:52px;
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1);
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
}
@media screen and (max-width:640px) {
header .header-panel {
left:auto;
right:-240px;
width:240px;
padding:70px 20px 20px;
overflow:hidden;
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:-ms-autohiding-scrollbar
}
}
header .header-panel nav {
margin-top: 50px;
}
header .header-panel nav ul .navItem {
position:relative;
}
header .header-panel nav ul .navItem a {
display:block;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:16px;
line-height:22px;
letter-spacing:.01em;
text-transform:none;
padding:5px 0;
}
@media screen and (max-width:640px) {
header .header-panel nav ul .navItem a {
font-size:13px;
line-height:18px
}
}
header .header-panel nav ul .navItem a span {
color:#4a4a4a;
-webkit-transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
-o-transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
border-bottom:1px solid transparent;
padding-bottom:2px
}
header .header-panel nav ul .navItem.navItem-active a > span,header .header-panel nav ul .navItem.navItem-expanded > span,header .header-panel nav ul .navItem a:hover > span {
color:#4a4a4a;
border-bottom-color:#4a4a4a
}
header .header-panel nav ul .navItem.navItem-sub a {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none;
padding-top:0;
padding-bottom:0;
}
@media screen and (max-width:640px) {
header .header-panel nav ul .navItem.navItem-sub a {
font-size:10px;
line-height:18px
}
}
header .header-panel nav ul .navItem.navItem-sub a span {
color:#bfbfbf;
padding-bottom:1px;
border-bottom-color:transparent
}
header .header-panel nav ul .navItem.navItem-sub.navItem-active a span,header .header-panel nav ul .navItem.navItem-sub a:hover span {
color:#4a4a4a;
border-bottom-color:#4a4a4a
}
header .header-panel nav ul .navItem.navItem-sub:first-child a {
padding-top:12px
}
header .header-panel nav ul .navItem.navItem-sub:last-child a {
padding-bottom:20px
}
header .header-panel nav ul .navItem.navItem-hasChildren .subNavToggle {
position:absolute;
right:0;
top:0;
width:40px;
height:32px;
}
header .header-panel nav ul .navItem.navItem-hasChildren .subNavToggle:hover {
cursor:pointer
}
header .header-panel nav ul .navItem.navItem-hasChildren .subNavToggle:before {
content:' ';
background-image:url("../img/chevron_black.svg");
position:absolute;
left:50%;
top:50%;
margin-left:-5px;
margin-top:-5px;
width:10px;
height:10px;
opacity:.4;
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1)
}
header .header-panel nav ul .navItem.navItem-hasChildren ul {
max-height:0;
overflow:hidden;
-webkit-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
-o-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
transition:max-height .8s cubic-bezier(.645,.045,.355,1)
}
header .header-panel nav ul .navItem.navItem-hasChildren.navItem-hasChildren-open .subNavToggle:before {
-webkit-transform:scaleY(-1);
-moz-transform:scaleY(-1);
-ms-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1)
}
header .header-panel nav ul .navItem.navItem-hasChildren.navItem-hasChildren-open ul {
max-height:600px
}
header .header-panel nav.nav-secondary {
position:absolute;
left:0;
bottom:0;
width:100%;
padding:0 52px 40px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
}
@media screen and (max-width:640px) {
header .header-panel nav.nav-secondary {
position:relative;
padding:20px 0;
bottom:auto
}
}
header .header-panel nav.nav-secondary ul .navItem a {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none;
padding-top:0;
padding-bottom:0;
}
@media screen and (max-width:640px) {
header .header-panel nav.nav-secondary ul .navItem a {
font-size:10px;
line-height:18px
}
}
header .header-panel nav.nav-secondary ul .navItem a span {
padding-bottom:1px
}
header .header-panel nav.nav-secondary ul.socialLinks {
padding-bottom:6px;
font-size:0;
line-height:0;
}
header .header-panel nav.nav-secondary ul.socialLinks li {
display:inline-block;
margin-right:6px;
}
header .header-panel nav.nav-secondary ul.socialLinks li:first-child {
margin-left:-2px
}
header .header-panel nav.nav-secondary ul.socialLinks li:last-child {
margin-right:0
}
header .header-panel nav.nav-secondary ul.socialLinks li a {
display:block
}
header .header-panel nav.nav-secondary ul.socialLinks li .icon {
display:block;
opacity:.3;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
width:20px;
height:20px;
}
header .header-panel nav.nav-secondary ul.socialLinks li .icon:hover {
opacity:.5
}
header .header-panel nav.nav-secondary ul.socialLinks li .icon.icon-facebook {
background-image:url("../img/social-facebook.svg")
}
header .header-panel nav.nav-secondary ul.socialLinks li .icon.icon-linked {
background-image:url("../img/social-linked.svg")
}
header .header-panel nav.nav-secondary ul.socialLinks li .icon.icon-twitter {
background-image:url("../img/social-twitter.svg")
}
header .header-panel nav.nav-secondary ul.socialLinks li .icon.icon-instagram {
background-image:url("../img/social-instagram.svg")
}
header .header-panel nav.nav-secondary ul.socialLinks li .icon.icon-pinterest {
background-image:url("../img/social-pinterest.svg")
}
header .header-panel .logo {
background-image:url("../img/sheridan-logo-gray.png");
position:absolute;
left: 132px;
top: 101px;
width:160px;
height:17px;
margin-left:-80px;
margin-top:-47px;
}
@media screen and (max-width:880px) {
header .header-panel .logo {
left: 101px;
top: 125px;
}
header .header-panel nav {
margin-top: 40px;
}
}
header .header-panel nav,header .header-panel .logo {
-webkit-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform 1s cubic-bezier(.645,.045,.355,1),opacity 1s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform 1s cubic-bezier(.645,.045,.355,1),opacity 1s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform 1s cubic-bezier(.645,.045,.355,1),opacity 1s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform 1s cubic-bezier(.645,.045,.355,1),opacity 1s cubic-bezier(.645,.045,.355,1);
transition:transform 1s cubic-bezier(.645,.045,.355,1),opacity 1s cubic-bezier(.645,.045,.355,1);
-webkit-transform:translateX(140px);
-moz-transform:translateX(140px);
-ms-transform:translateX(140px);
-o-transform:translateX(140px);
transform:translateX(140px);
opacity:0
}
header .header-bg {
position:absolute;
right:0;
top:0;
width:100%;
height:100%;
display:none;
background-color:rgba(43,43,43,0.4);
z-index:1
}
header.menuOpen .header-stem .hamburger > div:nth-child(1),header.menuOpen .header-stem .hamburger > div:nth-child(3) {
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-ms-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s
}
header.menuOpen .header-stem .hamburger > div:nth-child(1) {
-webkit-transform:translateY(5px) rotate(-45deg);
-moz-transform:translateY(5px) rotate(-45deg);
-ms-transform:translateY(5px) rotate(-45deg);
-o-transform:translateY(5px) rotate(-45deg);
transform:translateY(5px) rotate(-45deg)
}
header.menuOpen .header-stem .hamburger > div:nth-child(2) {
-webkit-transform:scaleX(0);
-moz-transform:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s
}
header.menuOpen .header-stem .hamburger > div:nth-child(3) {
-webkit-transform:translateY(-5px) rotate(45deg);
-moz-transform:translateY(-5px) rotate(45deg);
-ms-transform:translateY(-5px) rotate(45deg);
-o-transform:translateY(-5px) rotate(45deg);
transform:translateY(-5px) rotate(45deg)
}
header.menuOpen .header-panel {
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-ms-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
}
header.menuOpen .header-panel .logo {
-webkit-transition-delay:.4s;
-moz-transition-delay:.4s;
-ms-transition-delay:.4s;
-o-transition-delay:.4s;
transition-delay:.4s
}
header.menuOpen .header-panel nav {
-webkit-transition-delay:.5s;
-moz-transition-delay:.5s;
-ms-transition-delay:.5s;
-o-transition-delay:.5s;
transition-delay:.5s;
}
header.menuOpen .header-panel nav.nav-secondary {
-webkit-transition-delay:.6s;
-moz-transition-delay:.6s;
-ms-transition-delay:.6s;
-o-transition-delay:.6s;
transition-delay:.6s
}
header.menuOpen .header-panel nav,header.menuOpen .header-panel .logo {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
opacity:1
}
.gallery .galleryImages {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden
}
.gallery .navBttn {
display:none
}
.gallery .image {
position:absolute;
left:0;
top:0;
bottom:0;
width:100%;
-webkit-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
z-index:5;
overflow:hidden;
}
.gallery .image:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
.gallery .image.imgOut {
z-index:1
}
.gallery .image.prevImg {
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%)
}
.gallery .image.nextImg {
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%)
}
.gallery > * {
cursor:pointer
}
.gallery img,.gallery iframe {
position:absolute;
left:50%;
top:50%;
-webkit-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
z-index:1
}
.gallery.isLoading:not(.prevImg):not(.nextImg) {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
.gallery.isLoading img,.gallery.isLoading iframe {
opacity:0
}
.gallery.imgOut {
pointer-events:none;
z-index:3
}
.gallery.animating .image {
-webkit-transition:-webkit-transform 1.2s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform 1.2s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform 1.2s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform 1.2s cubic-bezier(.645,.045,.355,1);
transition:transform 1.2s cubic-bezier(.645,.045,.355,1)
}
.galleryInline,.galleryInlineBuild {
position:relative;
width:100%;
height:100%
}
.galleryInlineBuild .galleryScope {
display:none
}
.galleryInline.gallery-hasBreadcrumbs {
margin-bottom:30px;
}
.galleryInline.gallery-hasBreadcrumbs .breadcrumbs {
bottom:-30px
}
.galleryInline.gallery-hasArrows .navBttn {
display:block;
position:absolute;
left:50px;
top:50%;
margin-top:-16px;
width:32px;
height:32px;
background-image:url("../img/chevron_white.svg");
z-index:100;
-webkit-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
opacity:.6;
}
.galleryInline.gallery-hasArrows .navBttn.next {
left:auto;
right:50px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.galleryInline.gallery-hasArrows .navBttn:hover {
opacity:1;
cursor:pointer
}
.breadcrumbs {
position:absolute;
left:0;
bottom:0;
width:100%;
font-size:0;
line-height:0;
text-align:center;
z-index:2;
}
.breadcrumbs .crumb {
display:inline-block;
position:relative;
width:16px;
height:16px;
}
.breadcrumbs .crumb:before {
content:' ';
display:block;
width:6px;
height:6px;
background-color:#f4f4f4;
-webkit-border-radius:6px;
border-radius:6px;
position:absolute;
left:50%;
top:50%;
margin-left:-3px;
margin-top:-3px;
-webkit-transition:background .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:background .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:background .8s cubic-bezier(.645,.045,.355,1);
-o-transition:background .8s cubic-bezier(.645,.045,.355,1);
transition:background .8s cubic-bezier(.645,.045,.355,1)
}
.breadcrumbs .crumb:hover,.breadcrumbs .crumb.active {
cursor:pointer;
}
.breadcrumbs .crumb:hover:before,.breadcrumbs .crumb.active:before {
background-color:#4a4a4a
}
.page {
width:100%;
height:100%;
opacity:0;
-webkit-transition:opacity .5s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .5s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .5s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .5s cubic-bezier(.645,.045,.355,1);
transition:opacity .5s cubic-bezier(.645,.045,.355,1);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
z-index:1;
overflow:hidden;
}
.page:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
.page.page-viewIn {
opacity:1;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
-ms-transition-duration:.8s;
-o-transition-duration:.8s;
transition-duration:.8s
}
.page.page-isDark {
color:#fff
}
.page .logoPageTop {
background-image:url("../img/sheridan-logo.png");
position:absolute;
left:50%;
top:40px;
width:200px;
height:21px;
margin-left:-100px;
z-index:10;
}
@media screen and (max-width:640px) {
.page .logoPageTop {
width: 200px;
height: 19px;
top: 21px;
}
}
.page .logoPageTop.logoPageTop-dark {
background-image:url("../img/logo-full_colour.svg")
}
.page[view-controller="Homepage"] section.carousel {
padding:0;
}
.page[view-controller="Homepage"] section.carousel .imageContent {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1
}
.page[view-controller="Homepage"] section.carousel .textOverlay {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:5;
background-color:rgba(43,43,43,0.6);
}
.page[view-controller="Homepage"] section.carousel .textOverlay .textOverlay-cont {
max-width:1000px;
margin:0 auto;
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-webkit-transition-delay:.6s;
-moz-transition-delay:.6s;
-ms-transition-delay:.6s;
-o-transition-delay:.6s;
transition-delay:.6s;
opacity:0;
-webkit-transform:translateX(50px);
-moz-transform:translateX(50px);
-ms-transform:translateX(50px);
-o-transform:translateX(50px);
transform:translateX(50px);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 40px;
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.carousel .textOverlay .textOverlay-cont {
padding-left:20px;
padding-right:20px
}
}
.page[view-controller="Homepage"] section.carousel .textOverlay .textOverlay-cont h1 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:76px;
line-height:76px;
letter-spacing:.02em;
text-transform:uppercase;
}
@media screen and (max-width:880px) {
.page[view-controller="Homepage"] section.carousel .textOverlay .textOverlay-cont h1 {
font-size:64px;
line-height:64px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.carousel .textOverlay .textOverlay-cont h1 {
font-size:42px;
line-height:42px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Homepage"] section.carousel .textOverlay .textOverlay-cont h1 {
font-size:28px;
line-height:28px
}
}
.page[view-controller="Homepage"] section.carousel .textOverlay .textOverlay-cont h3 {
padding-top:20px;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.carousel .textOverlay .textOverlay-cont h3 {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Homepage"] section.carousel .arrow {
position:absolute;
left:0;
bottom:0;
width:100%;
height:25%;
z-index:100;
}
.page[view-controller="Homepage"] section.carousel .arrow:before {
content:' ';
position:absolute;
left:50%;
bottom:70px;
width:50px;
height:62px;
background-image:url("../img/arrow_white.svg");
z-index:10;
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1);
-webkit-transform:translateX(-50%) translateY(50%) rotate(180deg);
-moz-transform:translateX(-50%) translateY(50%) rotate(180deg);
-ms-transform:translateX(-50%) translateY(50%) rotate(180deg);
-o-transform:translateX(-50%) translateY(50%) rotate(180deg);
transform:translateX(-50%) translateY(50%) rotate(180deg);
opacity:.6;
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.carousel .arrow:before {
bottom:40px
}
}
.page[view-controller="Homepage"] section.carousel.carousel-isScrolled .arrow:before {
-webkit-transform:translateX(-50%) translateY(50%) rotate(0);
-moz-transform:translateX(-50%) translateY(50%) rotate(0);
-ms-transform:translateX(-50%) translateY(50%) rotate(0);
-o-transform:translateX(-50%) translateY(50%) rotate(0);
transform:translateX(-50%) translateY(50%) rotate(0)
}
.page[view-controller="Homepage"] section.row {
padding-top:80px;
}
@media screen and (max-width:1024px) {
.page[view-controller="Homepage"] section.row {
padding-top:60px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row {
padding-top:40px
}
}
.page[view-controller="Homepage"] section.row .sectionRule {
margin-top:-80px;
}
@media screen and (max-width:1024px) {
.page[view-controller="Homepage"] section.row .sectionRule {
margin-top:-60px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row .sectionRule {
margin-top:-40px
}
}
.page[view-controller="Homepage"] section.row.row-image {
padding:0
}
.page[view-controller="Homepage"] section.row.row-text .textContent {
max-width:580px;
margin:0 auto;
text-align:center
}
.page[view-controller="Homepage"] section.row.row-text .homepageBloc-text_then_image_blocks.homepageBloc-text .textContent h2,.page[view-controller="Homepage"] section.row.row-blocks .homepageBloc-text_then_image_blocks.homepageBloc-text .textContent h2,.page[view-controller="Homepage"] section.row.row-text .textContent h2,.page[view-controller="Homepage"] section.row.row-blocks .textContent h2 {
color:#4a4a4a;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:24px;
line-height:35px;
letter-spacing:.06em;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row.row-text .homepageBloc-text_then_image_blocks.homepageBloc-text .textContent h2,.page[view-controller="Homepage"] section.row.row-blocks .homepageBloc-text_then_image_blocks.homepageBloc-text .textContent h2,.page[view-controller="Homepage"] section.row.row-text .textContent h2,.page[view-controller="Homepage"] section.row.row-blocks .textContent h2 {
font-size:19px;
line-height:28px
}
}
.page[view-controller="Homepage"] section.row.row-text .homepageBloc-text_then_image_blocks.homepageBloc-text .textContent h2 + p,.page[view-controller="Homepage"] section.row.row-blocks .homepageBloc-text_then_image_blocks.homepageBloc-text .textContent h2 + p,.page[view-controller="Homepage"] section.row.row-text .textContent h2 + p,.page[view-controller="Homepage"] section.row.row-blocks .textContent h2 + p {
padding-top:30px;
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row.row-text .homepageBloc-text_then_image_blocks.homepageBloc-text .textContent h2 + p,.page[view-controller="Homepage"] section.row.row-blocks .homepageBloc-text_then_image_blocks.homepageBloc-text .textContent h2 + p,.page[view-controller="Homepage"] section.row.row-text .textContent h2 + p,.page[view-controller="Homepage"] section.row.row-blocks .textContent h2 + p {
padding-bottom:20px
}
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs {
margin-bottom:-60px;
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc .textContent p.readMore {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
color:#4a4a4a
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-text {
padding:48px 0 56px;
}
@media screen and (max-width:1024px) {
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-text {
padding-top:0;
padding-bottom:36px
}
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent {
padding-top:36px;
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent {
padding-top:24px
}
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent h3,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent h4 {
max-width:480px;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.02em;
text-transform:none;
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent h3,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent h4 {
font-size:16px;
line-height:22px
}
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent h3 + p,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent h4 + p {
padding-top:10px
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent h4 {
color:#959595
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent p:not(.readMore) {
max-width:360px;
color:#959595;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-text_then_image_blocks .homepageBloc-image .imageContent + .textContent p:not(.readMore) {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .imageContent + .textContent,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .imageContent + .textContent,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .caseThumb + .textContent,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .caseThumb + .textContent {
padding-top:36px;
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .imageContent + .textContent,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .imageContent + .textContent,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .caseThumb + .textContent,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .caseThumb + .textContent {
padding-top:24px
}
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .caseThumb:before {
display:none
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .caseThumb .imageContent {
position:relative
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.06em;
text-transform:uppercase;
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent h3 {
font-size:16px;
line-height:22px
}
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent h3 span {
text-transform:none
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent h3 + p {
padding-top:10px
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent p,.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent h3 {
max-width:480px;
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent p:not(.readMore),.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent h3:not(.readMore) {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.02em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent p:not(.readMore),.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent h3:not(.readMore) {
font-size:16px;
line-height:22px
}
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-case_study .textContent p:not(.readMore) {
color:#959595
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .newsThumb .imageContent:before {
display:none
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .newsThumb .textContent {
max-width:360px;
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .newsThumb .textContent h3 {
font-family:'AWConquerorDidot-Light','Didot',Times,Times New Roman,serif;
font-weight:300;
font-style:normal;
font-size:36px;
line-height:48px;
line-height:36px;
letter-spacing:0;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .newsThumb .textContent h3 {
font-size:28px;
line-height:38px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .newsThumb .textContent h3 {
font-size:24px;
line-height:32px
}
}
.page[view-controller="Homepage"] section.row.row-blocks .homepageBlocs .homepageBloc.homepageBloc-news .newsThumb .textContent p {
max-width:none
}
.page[view-controller="Homepage"].page-viewIn section.carousel .gallery .galleryImages .image:not(.imgOut) .textOverlay .textOverlay-cont {
opacity:1;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.page[view-controller="WhoWeAre"] section.section-landingImage {
margin-bottom:80px;
}
@media screen and (max-width:1024px) {
.page[view-controller="WhoWeAre"] section.section-landingImage {
margin-bottom:60px
}
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.section-landingImage {
margin-bottom:40px
}
}
.page[view-controller="WhoWeAre"] section.blockRow {
padding:0;
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-introduction_block .textContent {
padding:40px 0;
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-introduction_block .textContent h2 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:24px;
line-height:35px;
letter-spacing:.06em;
text-transform:uppercase;
color:#4a4a4a;
padding-bottom:32px
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-introduction_block .textContent h2 {
font-size:19px;
line-height:28px
}
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col + .col,.page[view-controller="WhoWeAre"] section.blockRow.blockRow-casestudy_quote .cols .col + .col {
padding-left:60px;
}
@media screen and (max-width:480px) {
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col + .col,.page[view-controller="WhoWeAre"] section.blockRow.blockRow-casestudy_quote .cols .col + .col {
padding-left:0
}
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-casestudy_quote .cols .col .colContainer {
position:relative;
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-casestudy_quote .cols .col .colContainer .caseThumb:before {
padding-bottom:70%
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-casestudy_quote .cols .col .colContainer .caseThumb .hover .hoverContent .logo {
max-width:50%
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-casestudy_quote .cols .col .colContainer .textContent {
padding-top:20px;
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-casestudy_quote .cols .col .colContainer .textContent h4 {
color:#959595;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
margin-bottom:-4px
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-casestudy_quote .cols .col .colContainer .quote {
padding-bottom:40px;
}
@media screen and (max-width:480px) {
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-casestudy_quote .cols .col .colContainer .quote {
padding-bottom:20px
}
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent {
padding:60px 0;
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent {
padding-top:40px;
padding-bottom:40px
}
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow {
padding-bottom:40px;
max-width:500px;
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow:not(.textContentRow-quote) h3 {
padding-bottom:20px;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.02em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow:not(.textContentRow-quote) h3 {
font-size:16px;
line-height:22px
}
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow:not(.textContentRow-quote) p {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:16px;
line-height:22px;
letter-spacing:.01em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow:not(.textContentRow-quote) p {
font-size:13px;
line-height:18px
}
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow:last-child {
padding-bottom:0
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow + .textContentRow {
padding-top:40px;
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow + .textContentRow.textContentRow-quote {
padding-top:60px
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow + .textContentRow.textContentRow-text_secondary {
border-top:1px solid #f4f4f4
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow.textContentRow-quote + .textContentRow {
padding-top:60px
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .textContent .textContentRow.textContentRow-text_secondary h3 {
color:#4a4a4a
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-text_image .cols .col .imageContent + a {
display:block;
margin-top:20px
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-gallery {
padding-bottom:60px;
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-gallery {
padding-bottom:40px
}
}
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-quote {
padding:40px 0 100px;
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.blockRow.blockRow-quote {
padding:20px 0 40px
}
}
.page[view-controller="WhoWeAre"] section.people .cont h3 {
padding-bottom:40px
}
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col {
position:relative;
}
@media screen and (max-width:880px) {
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col {
width:25%
}
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col {
width:33.33333333333333%
}
}
@media screen and (max-width:880px) {
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col:nth-child(6n + 1) {
clear:none
}
}
@media screen and (max-width:880px) {
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col:nth-child(4n + 1) {
clear:both
}
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col:nth-child(4n + 1) {
clear:none
}
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col:nth-child(3n + 1) {
clear:both
}
}
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col:before {
content:' ';
width:100%;
height:auto;
padding-bottom:100%;
display:block
}
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col .imageContent,.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col .textOverlay {
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col .imageContent {
z-index:1
}
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col .textOverlay {
z-index:5;
background-color:#fff;
text-align:center;
padding:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
opacity:0;
-webkit-transition:opacity .6s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .6s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .6s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .6s cubic-bezier(.645,.045,.355,1);
transition:opacity .6s cubic-bezier(.645,.045,.355,1);
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-ms-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s;
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col .textOverlay {
padding:5px
}
}
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col .textOverlay p {
color:#2b2b2b;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
line-height:14px;
padding-bottom:4px;
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col .textOverlay p {
font-size:10px;
line-height:18px
}
}
@media screen and (max-width:640px) {
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col .textOverlay p {
line-height:12px
}
}
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col .textOverlay span {
display:block;
color:#4a4a4a;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
line-height:12px
}
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide .cols .col:hover .textOverlay {
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s;
opacity:1
}
.page[view-controller="WhoWeAre"] section.people .people-carousel .people-carousel-slide.slick-slide.slick-cloned .imageContent img {
opacity:1
}
.page[view-controller="Process"] section.processOverview {
position:fixed;
left:0;
top:0;
right:60px;
height:100%;
z-index:950;
background-color:#fff;
padding:0;
}
.page[view-controller="Process"] section.processOverview:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
.page[view-controller="Process"] section.processOverview .logoPageTop {
z-index:100
}
.page[view-controller="Process"] section.processOverview .processOverview-column {
width:33.33333333333333%;
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
border-right:#f4f4f4 1px solid;
}
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail {
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
opacity:0;
-webkit-transform:translateY(20px);
-moz-transform:translateY(20px);
-ms-transform:translateY(20px);
-o-transform:translateY(20px);
transform:translateY(20px);
padding:0 20px;
}
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail .icon {
display:block;
width:36px;
height:36px;
margin:0 auto 32px;
opacity:.2
}
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail h2 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:48px;
line-height:48px;
letter-spacing:.06em;
text-transform:uppercase;
padding-bottom:32px
}
@media screen and (max-width:880px) {
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail h2 {
font-size:36px;
line-height:36px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail h2 {
font-size:32px;
line-height:32px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail h2 {
font-size:24px;
line-height:24px
}
}
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail .expandable {
overflow:hidden;
max-height:0;
-webkit-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
-o-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
transition:max-height .8s cubic-bezier(.645,.045,.355,1);
}
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail .expandable > * {
opacity:0;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1)
}
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail .expandable .textContent {
max-width:280px;
margin:0 auto;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail .expandable .textContent {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail .expandable h4,.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail .expandable h5 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
padding-top:16px
}
.page[view-controller="Process"] section.processOverview .processOverview-column .processOverview-column-detail .expandable h4 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
color:#4a4a4a
}
.page[view-controller="Process"] section.processOverview .processOverview-column[data-target="Strategy"] .processOverview-column-detail {
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-ms-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s;
}
.page[view-controller="Process"] section.processOverview .processOverview-column[data-target="Strategy"] .processOverview-column-detail .icon {
background-image:url("../img/icon_strategy.svg")
}
.page[view-controller="Process"] section.processOverview .processOverview-column[data-target="Design"] .processOverview-column-detail {
-webkit-transition-delay:.6s;
-moz-transition-delay:.6s;
-ms-transition-delay:.6s;
-o-transition-delay:.6s;
transition-delay:.6s;
}
.page[view-controller="Process"] section.processOverview .processOverview-column[data-target="Design"] .processOverview-column-detail .icon {
background-image:url("../img/icon_design.svg")
}
.page[view-controller="Process"] section.processOverview .processOverview-column[data-target="Deliver"] .processOverview-column-detail {
-webkit-transition-delay:.9s;
-moz-transition-delay:.9s;
-ms-transition-delay:.9s;
-o-transition-delay:.9s;
transition-delay:.9s;
}
.page[view-controller="Process"] section.processOverview .processOverview-column[data-target="Deliver"] .processOverview-column-detail .icon {
background-image:url("../img/icon_deliver.svg")
}
.page[view-controller="Process"] section.processOverview .processOverview-column.isIn .processOverview-column-detail {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.page[view-controller="Process"] section.processOverview .processOverview-column.isIn:hover,.page[view-controller="Process"] section.processOverview .processOverview-column.isIn.selected {
cursor:pointer;
}
.page[view-controller="Process"] section.processOverview .processOverview-column.isIn:hover .processOverview-column-detail .expandable,.page[view-controller="Process"] section.processOverview .processOverview-column.isIn.selected .processOverview-column-detail .expandable {
max-height:400px;
}
.page[view-controller="Process"] section.processOverview .processOverview-column.isIn:hover .processOverview-column-detail .expandable > *,.page[view-controller="Process"] section.processOverview .processOverview-column.isIn.selected .processOverview-column-detail .expandable > * {
opacity:1;
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-ms-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s
}
.page[view-controller="Process"] section.processOverview .tailoring {
z-index:50;
display:none;
}
.page[view-controller="Process"] section.processOverview .tailoring.positional {
display:block !important;
opacity:0
}
.page[view-controller="Process"] section.processOverview .tailoring,.page[view-controller="Process"] section.processOverview .tailoring .tailoring-bg {
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel {
position:absolute;
left:0;
bottom:0;
width:100%;
background-color:#fff;
border-top:1px solid #f4f4f4;
z-index:5;
text-align:center;
padding:50px 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-ms-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1);
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel h4 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
color:#4a4a4a;
padding-bottom:8px
}
@media screen and (max-width:640px) {
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel h4 {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step {
display:none;
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step.positional {
display:block !important
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step .tailoring-step-q {
padding-bottom:10px
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step .tailoring-step-options {
font-size:0;
line-height:0;
max-width:720px;
margin:0 auto;
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step .tailoring-step-options li {
display:inline-block;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
padding:6px 30px;
}
@media screen and (max-width:640px) {
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step .tailoring-step-options li {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step .tailoring-step-options li span {
-webkit-transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
-o-transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
transition:color .8s cubic-bezier(.645,.045,.355,1),border .8s cubic-bezier(.645,.045,.355,1);
border-bottom:1px solid transparent;
color:#bfbfbf
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step .tailoring-step-options li:hover,.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step .tailoring-step-options li.selected {
cursor:pointer;
}
.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step .tailoring-step-options li:hover span,.page[view-controller="Process"] section.processOverview .tailoring .tailoring-panel .tailoring-steps .tailoring-step .tailoring-step-options li.selected span {
color:#4a4a4a;
border-bottom-color:#4a4a4a
}
.page[view-controller="Process"] section.processOverview .tailoring.tailoring-in .tailoring-panel {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.page[view-controller="Process"] section.slides {
padding-bottom:60px;
}
.page[view-controller="Process"] section.slides .slides-section.slides-section-intro .slides-section-text .quote {
max-width:420px;
}
.page[view-controller="Process"] section.slides .slides-section.slides-section-intro .slides-section-text .quote p {
font-family:'AWConquerorDidot-Light','Didot',Times,Times New Roman,serif;
font-weight:300;
font-style:normal;
font-size:20px;
line-height:27px;
line-height:25px;
letter-spacing:.06em;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.page[view-controller="Process"] section.slides .slides-section.slides-section-intro .slides-section-text .quote p {
font-size:16px;
line-height:22px
}
}
.page[view-controller="Process"] section.slides .slides-section.slides-section-intro .slides-section-text .quote span.from {
padding-top:10px
}
.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:100;
padding-bottom:0;
}
.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content {
position:absolute;
left:0;
bottom:0;
padding:60px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-webkit-transition-delay:.6s;
-moz-transition-delay:.6s;
-ms-transition-delay:.6s;
-o-transition-delay:.6s;
transition-delay:.6s;
opacity:0;
-webkit-transform:translateX(50px);
-moz-transform:translateX(50px);
-ms-transform:translateX(50px);
-o-transform:translateX(50px);
transform:translateX(50px);
}
.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h1,.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h3 {
color:#fff
}
.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h1,.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:48px;
line-height:48px;
letter-spacing:.06em;
text-transform:uppercase;
}
@media screen and (max-width:880px) {
.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h1,.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h3 {
font-size:36px;
line-height:36px
}
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h1,.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h3 {
font-size:32px;
line-height:32px
}
}
@media screen and (max-width:480px) {
.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h1,.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h3 {
font-size:24px;
line-height:24px
}
}
.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content h3 {
max-width:50%
}
.page[view-controller="CaseStudies"] section.section-landingImage .gallery .galleryImages .textOverlay .textOverlay-content .a-link {
padding-top:20px
}
.page[view-controller="CaseStudies"] section.caseStudiesOverview {
padding-top:60px;
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudies"] section.caseStudiesOverview {
padding-top:40px
}
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudies"] section.caseStudiesOverview .cols .col {
width:50%
}
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudies"] section.caseStudiesOverview .cols .col:nth-child(3n + 1) {
clear:none
}
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudies"] section.caseStudiesOverview .cols .col:nth-child(2n + 1) {
clear:both
}
}
.page[view-controller="CaseStudies"].page-viewIn section.section-landingImage .gallery .galleryImages .image:not(.imgOut) .textOverlay .textOverlay-content {
opacity:1;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.page[view-controller="CaseStudy"] section.intro {
padding:0;
}
.page[view-controller="CaseStudy"] section.intro .slides-section.slides-section-intro .slides-section-text {
padding:0;
max-width:none
}
.page[view-controller="CaseStudy"] section.intro .introContent {
text-align:center;
padding:60px 120px;
}
@media screen and (max-width:1024px) {
.page[view-controller="CaseStudy"] section.intro .introContent {
padding:40px 60px
}
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudy"] section.intro .introContent {
padding:20px 40px
}
}
.page[view-controller="CaseStudy"] section.intro .introContent .logo {
max-width:320px;
margin:0 auto 60px;
}
@media screen and (max-width:1024px) {
.page[view-controller="CaseStudy"] section.intro .introContent .logo {
max-width:240px
}
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudy"] section.intro .introContent .logo {
margin-bottom:40px
}
}
.page[view-controller="CaseStudy"] section.intro .introContent .quote {
padding-bottom:40px;
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudy"] section.intro .introContent .quote {
padding-bottom:20px
}
}
.page[view-controller="CaseStudy"] section.intro .introContent .textContent {
max-width:520px;
margin:0 auto
}
.page[view-controller="CaseStudy"] section.intro .introContent .moreLinks {
margin-top:100px;
}
@media screen and (max-width:1024px) {
.page[view-controller="CaseStudy"] section.intro .introContent .moreLinks {
margin-top:60px
}
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudy"] section.intro .introContent .moreLinks {
margin-top:40px
}
}
.page[view-controller="CaseStudy"] section.intro .introContent .moreLinks a {
display:inline-block;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
padding:10px 20px;
color:#d4d4d4;
-webkit-transition:color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:color .8s cubic-bezier(.645,.045,.355,1);
transition:color .8s cubic-bezier(.645,.045,.355,1);
}
@media screen and (max-width:640px) {
.page[view-controller="CaseStudy"] section.intro .introContent .moreLinks a {
font-size:10px;
line-height:18px
}
}
.page[view-controller="CaseStudy"] section.intro .introContent .moreLinks a span {
border-bottom:1px solid transparent;
-webkit-transition:border .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:border .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:border .8s cubic-bezier(.645,.045,.355,1);
-o-transition:border .8s cubic-bezier(.645,.045,.355,1);
transition:border .8s cubic-bezier(.645,.045,.355,1)
}
.page[view-controller="CaseStudy"] section.intro .introContent .moreLinks a:hover {
color:#4a4a4a;
}
.page[view-controller="CaseStudy"] section.intro .introContent .moreLinks a:hover span {
border-bottom-color:#4a4a4a
}
.page[view-controller="CaseStudy"] section.intro .downArrow {
background-image:url("../img/arrow_black.svg");
opacity:.2;
width:30px;
height:38px;
display:block;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
position:absolute;
left:50%;
margin-left:-15px;
bottom:20px;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
}
.page[view-controller="CaseStudy"] section.intro .downArrow:hover {
cursor:pointer
}
.page[view-controller="WhatWeDo"] section.processSection {
margin-bottom:0;
padding-bottom:0;
}
.page[view-controller="WhatWeDo"] section.processSection:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column {
width:33.33333333333333%;
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
border-right:#f4f4f4 1px solid;
position:relative;
overflow:hidden;
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column {
width:100%;
border-right:none
}
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column {
border-bottom:#f4f4f4 1px solid
}
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column a {
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail {
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
opacity:1;
padding:60px 20px;
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .icon {
display:block;
width:36px;
height:36px;
margin:0 auto 32px;
opacity:.2;
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .icon.icon-strategy {
background-image:url("../img/icon_strategy.svg")
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .icon.icon-deliver {
background-image:url("../img/icon_deliver.svg")
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .icon.icon-design {
background-image:url("../img/icon_design.svg")
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail h2 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:48px;
line-height:48px;
letter-spacing:.06em;
text-transform:uppercase;
padding-bottom:32px
}
@media screen and (max-width:880px) {
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail h2 {
font-size:36px;
line-height:36px
}
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail h2 {
font-size:32px;
line-height:32px
}
}
@media screen and (max-width:480px) {
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail h2 {
font-size:24px;
line-height:24px
}
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable {
overflow:hidden;
max-height:0;
-webkit-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
-o-transition:max-height .8s cubic-bezier(.645,.045,.355,1);
transition:max-height .8s cubic-bezier(.645,.045,.355,1);
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable {
max-height:none
}
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable > * {
opacity:0;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable > * {
opacity:1
}
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .textContent,.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .details {
max-width:320px;
margin:0 auto
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .textContent {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .textContent {
font-size:10px;
line-height:18px
}
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable h4,.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable h5 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
padding-top:16px;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable h4 {
color:#4a4a4a
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .details {
display:none
}
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .details li h5 {
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
padding-bottom:5px;
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .details li h5 span,.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .details li h5 .imageContent {
display:block
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .details li h5 .imageContent {
width:32px;
height:auto;
margin-right:10px
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column .processOverview-column-detail .expandable .details li p {
padding:0 20px;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.02em;
text-transform:none
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column:hover,.page[view-controller="WhatWeDo"] section.processSection .processOverview-column.selected {
cursor:pointer;
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column:hover .processOverview-column-detail .expandable,.page[view-controller="WhatWeDo"] section.processSection .processOverview-column.selected .processOverview-column-detail .expandable {
max-height:800px;
}
.page[view-controller="WhatWeDo"] section.processSection .processOverview-column:hover .processOverview-column-detail .expandable > *,.page[view-controller="WhatWeDo"] section.processSection .processOverview-column.selected .processOverview-column-detail .expandable > * {
opacity:1;
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-ms-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s
}
.page[view-controller="WhatWeDo"] section.processSection.positional .processOverview-column .processOverview-column-detail .expandable {
-webkit-transition:none 0s cubic-bezier(.645,.045,.355,1);
-moz-transition:none 0s cubic-bezier(.645,.045,.355,1);
-ms-transition:none 0s cubic-bezier(.645,.045,.355,1);
-o-transition:none 0s cubic-bezier(.645,.045,.355,1);
transition:none 0s cubic-bezier(.645,.045,.355,1);
max-height:800px
}
.page[view-controller="WhatWeDo"] section.sectorsOverview {
padding-top:0;
padding-bottom:0;
}
.page[view-controller="WhatWeDo"] section.sectorsOverview .sector {
text-align:center;
margin-bottom:0;
padding-bottom:60px;
}
.page[view-controller="WhatWeDo"] section.sectorsOverview .sector .sector-text {
max-width:480px;
margin:0 auto;
padding-top:60px;
padding-bottom:50px;
}
.page[view-controller="WhatWeDo"] section.sectorsOverview .sector .sector-text h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:24px;
line-height:35px;
letter-spacing:.06em;
text-transform:uppercase;
color:#4a4a4a
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.sectorsOverview .sector .sector-text h3 {
font-size:19px;
line-height:28px
}
}
.page[view-controller="WhatWeDo"] section.sectorsOverview .sector .sector-text p {
padding-top:20px;
color:#555;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:16px;
line-height:22px;
letter-spacing:.01em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.sectorsOverview .sector .sector-text p {
font-size:13px;
line-height:18px
}
}
.page[view-controller="WhatWeDo"] section.sectorsOverview .sector .sector-images .imageContent:before {
content:' ';
width:100%;
height:auto;
padding-bottom:66.66666666666666%;
display:block
}
.page[view-controller="WhatWeDo"] section.sectorsOverview .sector .sector-more {
padding-top:20px;
}
.page[view-controller="WhatWeDo"] section.sectorsOverview .sector .sector-more a {
display:block
}
.page[view-controller="WhatWeDo"] section.logos {
margin-bottom:0;
}
.page[view-controller="WhatWeDo"] section.logos h4 {
padding-top:80px;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.06em;
text-transform:uppercase;
text-align:center;
padding-bottom:40px
}
@media screen and (max-width:640px) {
.page[view-controller="WhatWeDo"] section.logos h4 {
font-size:16px;
line-height:22px
}
}
.page[view-controller="Sector"] section.section-landingImage {
margin-bottom:80px;
}
@media screen and (max-width:1024px) {
.page[view-controller="Sector"] section.section-landingImage {
margin-bottom:60px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Sector"] section.section-landingImage {
margin-bottom:40px
}
}
.page[view-controller="Sector"] section.blockRow {
padding:0;
}
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .imageContent.imageContent-portrait {
margin-right:60px
}
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent {
padding:60px 0;
}
@media screen and (max-width:1024px) {
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent {
padding:40px 0
}
}
@media screen and (max-width:640px) {
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent {
padding:20px 0
}
}
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent.textContent-text_block p {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.02em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent.textContent-text_block p {
font-size:16px;
line-height:22px
}
}
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent.textContent-text_block_secondary p {
color:#959595
}
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent.textContent-title_text h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.02em;
text-transform:none;
padding-bottom:24px
}
@media screen and (max-width:640px) {
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent.textContent-title_text h3 {
font-size:16px;
line-height:22px
}
}
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent.textContent-title_text p {
color:#959595;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="Sector"] section.blockRow.blockRow-text_image .cols .col .textContent.textContent-title_text p {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Sector"] section.blockRow.blockRow-quote {
padding:40px 0 100px
}
.page[view-controller="Contact"] .images,.page[view-controller="Contact"] .textOverlay {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden
}
.page[view-controller="Contact"] .images {
z-index:5;
background-color:#2b2b2b;
}
.page[view-controller="Contact"] .images .imageContent {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
opacity:0;
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
-webkit-transition:-webkit-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:-moz-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:-ms-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:-o-transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s cubic-bezier(.645,.045,.355,1);
}
.page[view-controller="Contact"] .images .imageContent.location-active {
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
z-index:5
}
.page[view-controller="Contact"] .textOverlay {
z-index:10;
}
.page[view-controller="Contact"] .textOverlay ul {
padding:80px 0;
}
.page[view-controller="Contact"] .textOverlay ul li {
display:block;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:76px;
line-height:76px;
letter-spacing:.02em;
text-transform:uppercase;
color:#fff;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
opacity:.4;
padding:6px 0;
}
@media screen and (max-width:880px) {
.page[view-controller="Contact"] .textOverlay ul li {
font-size:64px;
line-height:64px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Contact"] .textOverlay ul li {
font-size:42px;
line-height:42px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Contact"] .textOverlay ul li {
font-size:28px;
line-height:28px
}
}
.page[view-controller="Contact"] .textOverlay ul li.location-active {
opacity:1
}
.page[view-controller="Location"] section.contactDetails {
padding:60px 0;
}
@media screen and (max-width:640px) {
.page[view-controller="Location"] section.contactDetails {
padding-top:40px;
padding-bottom:40px
}
}
@media screen and (max-width:1024px) {
.page[view-controller="Location"] section.contactDetails .cols .col {
width:50%
}
}
@media screen and (max-width:640px) {
.page[view-controller="Location"] section.contactDetails .cols .col {
width:100%
}
}
.page[view-controller="Location"] section.contactDetails .googleMapCont {
position:relative
}
.page[view-controller="Location"] section.contactDetails .contactDetails {
background-color:#2b2b2b;
color:#fff;
padding:32px 48px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.page[view-controller="Location"] section.contactDetails .contactDetails h1,.page[view-controller="Location"] section.contactDetails .contactDetails h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.06em;
text-transform:uppercase;
padding-bottom:20px;
color:#fff
}
@media screen and (max-width:640px) {
.page[view-controller="Location"] section.contactDetails .contactDetails h1,.page[view-controller="Location"] section.contactDetails .contactDetails h3 {
font-size:16px;
line-height:22px
}
}
.page[view-controller="Location"] section.contactDetails .contactDetails,.page[view-controller="Location"] section.contactDetails .contactDetails .textContent {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none;
color:#959595
}
@media screen and (max-width:640px) {
.page[view-controller="Location"] section.contactDetails .contactDetails,.page[view-controller="Location"] section.contactDetails .contactDetails .textContent {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Location"] section.contactDetails .contactDetails .address,.page[view-controller="Location"] section.contactDetails .contactDetails .textContent p {
padding-bottom:20px;
}
.page[view-controller="Location"] section.contactDetails .contactDetails .address:last-child,.page[view-controller="Location"] section.contactDetails .contactDetails .textContent p:last-child {
padding-bottom:0
}
.page[view-controller="Location"] section.contactDetails .contactDetails .contactDetails-details {
padding-bottom:25px;
}
.page[view-controller="Location"] section.contactDetails .contactDetails .contactDetails-details a {
-webkit-transition:color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:color .8s cubic-bezier(.645,.045,.355,1);
transition:color .8s cubic-bezier(.645,.045,.355,1);
}
.page[view-controller="Location"] section.contactDetails .contactDetails .contactDetails-details a:hover {
color:#fff
}
.page[view-controller="Location"] section.enquire h2,.page[view-controller="Location"] section.neighbourhood h2 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.06em;
text-transform:uppercase;
padding-bottom:36px
}
@media screen and (max-width:640px) {
.page[view-controller="Location"] section.enquire h2,.page[view-controller="Location"] section.neighbourhood h2 {
font-size:16px;
line-height:22px
}
}
.page[view-controller="Location"] section.enquire form input,.page[view-controller="Location"] section.enquire form select,.page[view-controller="Location"] section.enquire form textarea {
text-align:left;
padding-left:20px;
padding-right:20px
}
.page[view-controller="Location"] section.enquire form .col:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
.page[view-controller="Location"] section.enquire form .formRow {
float:left;
}
.page[view-controller="Location"] section.enquire form .formRow.formRow-half {
width:50%;
padding-right:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.page[view-controller="Location"] section.enquire form .formRow.formRow-textarea {
width:100%;
height:140px;
}
.page[view-controller="Location"] section.enquire form .formRow.formRow-textarea textarea {
height:140px
}
.page[view-controller="Location"] section.enquire form .formRow.formRow-submit:after {
content:' ';
display:block;
width:100%;
float:none;
clear:both
}
.page[view-controller="Location"] section.enquire form .formRow.formRow-submit input {
width:auto;
float:right;
padding-left:100px;
padding-right:100px
}
@media screen and (max-width:1024px) {
.page[view-controller="Location"] section.neighbourhood .cols .col.col-3-8 {
width:50%
}
}
@media screen and (max-width:640px) {
.page[view-controller="Location"] section.neighbourhood .cols .col.col-3-8 {
width:100%
}
}
@media screen and (max-width:1024px) {
.page[view-controller="Location"] section.neighbourhood .cols .col.col-empty {
display:none
}
}
@media screen and (max-width:640px) {
.page[view-controller="Location"] section.neighbourhood .cols .col.col-1-2 {
width:100%
}
}
.page[view-controller="Location"] section.neighbourhood .locationSet h2 {
padding-bottom:24px
}
.page[view-controller="Location"] section.neighbourhood .locationSet p {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none;
padding-bottom:20px
}
@media screen and (max-width:640px) {
.page[view-controller="Location"] section.neighbourhood .locationSet p {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations h5 {
color:#4a4a4a;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
border-bottom:1px solid #f4f4f4;
padding-bottom:20px;
margin-bottom:20px
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul a {
display:block;
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul a:hover li .imageContent .textOverlay {
opacity:1
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul li {
display:block;
margin-bottom:10px;
background-color:#2b2b2b;
color:#fff;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:16px 20px 16px 110px;
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul li .imageContent {
width:90px;
height:100%;
position:absolute;
left:0;
top:0;
border-right:1px solid #fff;
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul li .imageContent .textOverlay {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
z-index:10;
background-color:#fff;
color:#bfbfbf;
text-align:center;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-o-transition:opacity .8s cubic-bezier(.645,.045,.355,1);
transition:opacity .8s cubic-bezier(.645,.045,.355,1);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:10px
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul li h4 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
padding-bottom:6px
}
@media screen and (max-width:640px) {
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul li h4 {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul li p {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.02em;
text-transform:none;
color:#959595;
padding-bottom:0
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul > li:last-child {
margin-bottom:0
}
.page[view-controller="Location"] section.neighbourhood .locationSet .locationSet-locations ul > a:last-child li {
margin-bottom:0
}
.page[view-controller="Location"] section.neighbourhood .locationSet + .locationSet {
padding-top:72px
}
.page[view-controller="Archive"] section.archivePosts-heading {
padding-bottom:0;
}
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half,.page[view-controller="Archive"] section.archivePosts-heading .imageContent-half {
position:absolute;
width:50%;
height:100%;
top:0;
}
@media screen and (max-width:640px) {
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half,.page[view-controller="Archive"] section.archivePosts-heading .imageContent-half {
position:relative;
width:100%;
height:auto
}
}
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half {
left:0;
}
@media screen and (max-width:640px) {
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half {
border-bottom:1px solid #f4f4f4
}
}
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent {
padding:60px 60px 160px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
max-width:480px;
}
@media screen and (max-width:1024px) {
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent {
padding:40px 40px 80px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent {
padding:40px 20px 20px
}
}
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent h3 {
font-family:'AWConquerorDidot-Light','Didot',Times,Times New Roman,serif;
font-weight:300;
font-style:normal;
font-size:36px;
line-height:48px;
line-height:36px;
letter-spacing:0;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent h3 {
font-size:28px;
line-height:38px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent h3 {
font-size:24px;
line-height:32px
}
}
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .textContent p {
max-width:none
}
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .moreFeatures {
position:absolute;
left:50%;
bottom:80px;
width:120px;
text-align:center;
margin-left:-60px;
}
@media screen and (max-width:1024px) {
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .moreFeatures {
bottom:20px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .moreFeatures {
position:relative;
bottom:auto;
left:auto;
margin:0 auto 40px
}
}
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .moreFeatures:before {
content:' ';
width:40px;
height:50px;
background-image:url("../img/arrow_black.svg");
z-index:10;
display:block;
margin:0 auto;
opacity:.2;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
.page[view-controller="Archive"] section.archivePosts-heading .textContent-half .moreFeatures:after {
content:'More features';
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
color:#bfbfbf;
display:block
}
.page[view-controller="Archive"] section.archivePosts-heading .imageContent-half {
right:0;
}
@media screen and (max-width:640px) {
.page[view-controller="Archive"] section.archivePosts-heading .imageContent-half {
right:auto
}
}
.page[view-controller="Archive"] section.archivePosts-heading .imageContent-half:before {
content:' ';
display:none;
width:100%;
height:auto;
padding-bottom:50%;
}
@media screen and (max-width:640px) {
.page[view-controller="Archive"] section.archivePosts-heading .imageContent-half:before {
display:block
}
}
.page[view-controller="Archive"] section.archivePosts-heading .imageContent-half .imageContent {
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
.page[view-controller="Archive"] section.archivePosts-archive {
padding-top:80px;
}
@media screen and (max-width:1024px) {
.page[view-controller="Archive"] section.archivePosts-archive {
padding-top:60px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Archive"] section.archivePosts-archive {
padding-top:40px
}
}
.page[view-controller="Archive"] section.archivePosts-archive .newsThumb {
padding-bottom:60px;
}
@media screen and (max-width:1024px) {
.page[view-controller="Archive"] section.archivePosts-archive .newsThumb {
padding-bottom:40px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Archive"] section.archivePosts-archive .newsThumb {
padding-bottom:30px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Archive"] section.archivePosts-archive .cols .col {
width:50%
}
}
@media screen and (max-width:480px) {
.page[view-controller="Archive"] section.archivePosts-archive .cols .col:nth-child(3n + 1) {
clear:none
}
}
@media screen and (max-width:480px) {
.page[view-controller="Archive"] section.archivePosts-archive .cols .col:nth-child(2n + 1) {
clear:both
}
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-intro {
text-align:center;
padding-top:100px;
}
@media screen and (max-width:1024px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-intro {
padding-top:60px
}
}
@media screen and (max-width:640px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-intro {
padding-top:40px
}
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-intro h5,.page[view-controller="SingleNews"] section.newsRow.newsRow-intro h1 {
max-width:420px;
margin:0 auto
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-intro h5 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
padding-bottom:20px;
color:#959595
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-intro h1 {
font-family:'AWConquerorDidot-Light','Didot',Times,Times New Roman,serif;
font-weight:300;
font-style:normal;
font-size:36px;
line-height:48px;
line-height:36px;
letter-spacing:0;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-intro h1 {
font-size:28px;
line-height:38px
}
}
@media screen and (max-width:480px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-intro h1 {
font-size:24px;
line-height:32px
}
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-image .imageContent {
margin:0 auto;
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-image .imageContent.imageContent-width-narrow {
max-width:540px
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-image .imageContent.imageContent-width-normal {
width:75%
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-image .textContent.textContent--caption,.page[view-controller="SingleNews"] section.newsRow.newsRow-label .textContent.textContent--caption {
text-align:center;
max-width:460px;
margin:0 auto 0;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.02em;
text-transform:none;
padding-top:40px;
}
@media screen and (max-width:640px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-image .textContent.textContent--caption,.page[view-controller="SingleNews"] section.newsRow.newsRow-label .textContent.textContent--caption {
padding-top:20px
}
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-image .textContent.textContent--caption:first-child,.page[view-controller="SingleNews"] section.newsRow.newsRow-label .textContent.textContent--caption:first-child {
padding-top:0
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-label,.page[view-controller="SingleNews"] section.newsRow.newsRow-subhead {
padding:40px 0;
}
@media screen and (max-width:640px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-label,.page[view-controller="SingleNews"] section.newsRow.newsRow-subhead {
padding:20px 0
}
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-subhead h3 {
text-align:center;
max-width:460px;
margin:0 auto;
color:#4a4a4a;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-subhead h3 {
font-size:10px;
line-height:18px
}
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-text .textContent {
max-width:460px;
margin:0 auto;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none;
}
@media screen and (max-width:640px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-text .textContent {
font-size:10px;
line-height:18px
}
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-text .textContent img {
display:block;
width:100%;
height:auto
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-text .textContent p {
padding-bottom:20px;
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-text .textContent p:last-child {
padding-bottom:0
}
.page[view-controller="SingleNews"] section.newsRow.newsRow-recent {
padding-top:40px;
}
@media screen and (max-width:480px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-recent .cols .col {
width:50%;
padding-bottom:30px
}
}
@media screen and (max-width:480px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-recent .cols .col:nth-child(3n + 1) {
clear:none
}
}
@media screen and (max-width:480px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-recent .cols .col:nth-child(2n + 1) {
clear:both
}
}
@media screen and (max-width:480px) {
.page[view-controller="SingleNews"] section.newsRow.newsRow-recent .cols .col:nth-child(3) {
margin-left:25%
}
}
.page[view-controller="Careers"] section.careers-heading {
padding:120px 0 60px;
}
@media screen and (max-width:1024px) {
.page[view-controller="Careers"] section.careers-heading {
padding:80px 0 60px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Careers"] section.careers-heading {
padding:60px 0 40px
}
}
.page[view-controller="Careers"] section.careers-heading .cols,.page[view-controller="Careers"] section.careers-heading .cols .col {
padding-bottom:0
}
.page[view-controller="Careers"] section.careers-heading h1 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:48px;
line-height:48px;
letter-spacing:.06em;
text-transform:uppercase;
}
@media screen and (max-width:880px) {
.page[view-controller="Careers"] section.careers-heading h1 {
font-size:36px;
line-height:36px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Careers"] section.careers-heading h1 {
font-size:32px;
line-height:32px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Careers"] section.careers-heading h1 {
font-size:24px;
line-height:24px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Careers"] section.careers-heading h1 {
padding-bottom:20px
}
}
.page[view-controller="Careers"] section.careers-heading p {
color:#4a4a4a;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase
}
.page[view-controller="Careers"] section.careers-listing a {
position:relative;
display:block;
border-top:1px solid #f4f4f4;
padding:40px 80px 40px 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (max-width:640px) {
.page[view-controller="Careers"] section.careers-listing a {
padding:20px 40px 20px 0
}
}
.page[view-controller="Careers"] section.careers-listing a span {
display:block;
color:#4a4a4a;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
padding-top:10px
}
.page[view-controller="Careers"] section.careers-listing a:before {
content:' ';
background-image:url("../img/arrow_cyan.svg");
position:absolute;
right:0;
top:50%;
margin-top:-20px;
width:40px;
height:40px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
.page[view-controller="Careers"] section.careers-listing a:last-child {
border-bottom:1px solid #f4f4f4
}
.page[view-controller="Career"] section,.page[view-controller="Legal"] section {
padding:120px 0;
}
@media screen and (max-width:1024px) {
.page[view-controller="Career"] section,.page[view-controller="Legal"] section {
padding:80px 0 60px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Career"] section,.page[view-controller="Legal"] section {
padding:60px 0 40px
}
}
.page[view-controller="Career"] section h1,.page[view-controller="Legal"] section h1 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:48px;
line-height:48px;
letter-spacing:.06em;
text-transform:uppercase;
}
@media screen and (max-width:880px) {
.page[view-controller="Career"] section h1,.page[view-controller="Legal"] section h1 {
font-size:36px;
line-height:36px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Career"] section h1,.page[view-controller="Legal"] section h1 {
font-size:32px;
line-height:32px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Career"] section h1,.page[view-controller="Legal"] section h1 {
font-size:24px;
line-height:24px
}
}
.page[view-controller="Career"] section .headerBreadcrumbs,.page[view-controller="Legal"] section .headerBreadcrumbs {
margin-top:40px;
margin-bottom:40px;
border-top:1px solid #f4f4f4;
border-bottom:1px solid #f4f4f4;
}
.page[view-controller="Career"] section .headerBreadcrumbs .cols,.page[view-controller="Legal"] section .headerBreadcrumbs .cols,.page[view-controller="Career"] section .headerBreadcrumbs .cols .col,.page[view-controller="Legal"] section .headerBreadcrumbs .cols .col {
padding-bottom:0
}
.page[view-controller="Career"] section .headerBreadcrumbs a,.page[view-controller="Legal"] section .headerBreadcrumbs a,.page[view-controller="Career"] section .headerBreadcrumbs p,.page[view-controller="Legal"] section .headerBreadcrumbs p {
position:relative;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:10px;
line-height:18px;
letter-spacing:.06em;
text-transform:uppercase;
padding:25px 0 23px;
display:block;
color:#d4d4d4
}
.page[view-controller="Career"] section .headerBreadcrumbs a:before,.page[view-controller="Legal"] section .headerBreadcrumbs a:before {
content:' ';
background-image:url("../img/arrow_black.svg");
position:absolute;
left:0;
top:22px;
width:25px;
height:25px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.page[view-controller="Career"] section .headerBreadcrumbs .col.prevLink a,.page[view-controller="Legal"] section .headerBreadcrumbs .col.prevLink a {
padding-left:30px;
}
.page[view-controller="Career"] section .headerBreadcrumbs .col.prevLink a:before,.page[view-controller="Legal"] section .headerBreadcrumbs .col.prevLink a:before {
opacity:.2
}
.page[view-controller="Career"] section .headerBreadcrumbs .col.emailLink,.page[view-controller="Legal"] section .headerBreadcrumbs .col.emailLink {
text-align:right;
}
.page[view-controller="Career"] section .headerBreadcrumbs .col.emailLink a,.page[view-controller="Legal"] section .headerBreadcrumbs .col.emailLink a {
color:#4a4a4a;
padding-right:30px;
}
.page[view-controller="Career"] section .headerBreadcrumbs .col.emailLink a:before,.page[view-controller="Legal"] section .headerBreadcrumbs .col.emailLink a:before {
left:auto;
right:0;
background-image:url("../img/arrow_cyan.svg");
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
.page[view-controller="Career"] section .detail .cols .col,.page[view-controller="Legal"] section .detail .cols .col {
padding-bottom:0
}
.page[view-controller="Career"] section .detail h3,.page[view-controller="Legal"] section .detail h3 {
color:#2b2b2b;
padding-bottom:20px
}
.page[view-controller="Career"] section .detail .textContent,.page[view-controller="Legal"] section .detail .textContent {
color:#959595;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none;
}
@media screen and (max-width:640px) {
.page[view-controller="Career"] section .detail .textContent,.page[view-controller="Legal"] section .detail .textContent {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Career"] section .detail .textContent.textContent-intro,.page[view-controller="Legal"] section .detail .textContent.textContent-intro {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:16px;
line-height:22px;
letter-spacing:.01em;
text-transform:none;
padding-bottom:22px
}
@media screen and (max-width:640px) {
.page[view-controller="Career"] section .detail .textContent.textContent-intro,.page[view-controller="Legal"] section .detail .textContent.textContent-intro {
font-size:13px;
line-height:18px
}
}
@media screen and (max-width:480px) {
.page[view-controller="Career"] section .detail .details,.page[view-controller="Legal"] section .detail .details {
padding-top:40px
}
}
.page[view-controller="Career"] section .detail .details ul,.page[view-controller="Legal"] section .detail .details ul {
color:#d4d4d4;
padding-bottom:40px;
}
.page[view-controller="Career"] section .detail .details ul:last-child,.page[view-controller="Legal"] section .detail .details ul:last-child {
padding-bottom:0
}
.page[view-controller="Career"] section .detail .details ul li,.page[view-controller="Legal"] section .detail .details ul li {
position:relative;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
padding-left:10px;
padding-bottom:11px;
}
@media screen and (max-width:640px) {
.page[view-controller="Career"] section .detail .details ul li,.page[view-controller="Legal"] section .detail .details ul li {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Career"] section .detail .details ul li:before,.page[view-controller="Legal"] section .detail .details ul li:before {
position:absolute;
width:4px;
height:4px;
background-color:#d4d4d4;
content:' ';
left:0;
top:9px;
-webkit-border-radius:2px;
border-radius:2px
}
.page[view-controller="Clients"] section.clientBrandsList .inner {
max-width:720px;
margin:0 auto;
}
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle {
padding:80px 0 70px;
font-size:0;
line-height:0;
text-align:center;
}
@media screen and (max-width:1024px) {
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle {
padding-top:60px;
padding-bottom:40px
}
}
@media screen and (max-width:640px) {
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle {
padding-top:40px
}
}
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li {
display:inline-block;
}
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li a,.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li:after {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:24px;
line-height:35px;
letter-spacing:.06em;
text-transform:uppercase;
color:#bfbfbf
}
@media screen and (max-width:640px) {
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li a,.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li:after {
font-size:19px;
line-height:28px
}
}
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li:after {
content:'/';
display:inline-block;
padding:0 10px
}
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li a {
-webkit-transition:color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:color .8s cubic-bezier(.645,.045,.355,1);
transition:color .8s cubic-bezier(.645,.045,.355,1)
}
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li.toggle-active a,.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li a:hover {
color:#4a4a4a
}
.page[view-controller="Clients"] section.clientBrandsList .inner .toggle li:last-child:after {
display:none
}
.page[view-controller="Clients"] section.clientBrandsList .inner .listData {
display:none
}
.page[view-controller="Clients"] section.clientBrandsList .inner .renderedList h3 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:24px;
line-height:35px;
letter-spacing:.06em;
text-transform:uppercase;
color:#2b2b2b;
padding-bottom:20px
}
@media screen and (max-width:640px) {
.page[view-controller="Clients"] section.clientBrandsList .inner .renderedList h3 {
font-size:19px;
line-height:28px
}
}
.page[view-controller="Clients"] section.clientBrandsList .inner .renderedList ul {
color:#bfbfbf;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase
}
@media screen and (max-width:640px) {
.page[view-controller="Clients"] section.clientBrandsList .inner .renderedList ul {
font-size:10px;
line-height:18px
}
}
.page[view-controller="Legal"] section .detail .privacy-section {
padding-bottom:40px;
}
.page[view-controller="Legal"] section .detail .privacy-section h3 {
padding-bottom:20px
}
.page[view-controller="Legal"] section .detail .privacy-section .privacy-section-point {
position:relative;
padding-bottom:20px;
}
.page[view-controller="Legal"] section .detail .privacy-section .privacy-section-point .privacy-section-point-count {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:16px;
line-height:22px;
letter-spacing:.01em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="Legal"] section .detail .privacy-section .privacy-section-point .privacy-section-point-count {
font-size:13px;
line-height:18px
}
}
.page[view-controller="Legal"] section .detail .privacy-section .privacy-section-point p {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.02em;
text-transform:none
}
@media screen and (max-width:640px) {
.page[view-controller="Legal"] section .detail .privacy-section .privacy-section-point p {
font-size:10px;
line-height:18px
}
}
footer {
padding-bottomoverflow-x:hidden;
padding-bottom:60px;
}
@media screen and (max-width:640px) {
footer {
padding-bottom:40px
}
}
footer .footer-cont {
max-width:960px;
margin:0 auto -60px;
}
@media screen and (max-width:640px) {
footer .footer-cont {
margin-bottom:-40px
}
}
@media screen and (max-width:640px) {
footer .footer-cont .cols .col {
width:50%
}
}
@media screen and (max-width:480px) {
footer .footer-cont .cols .col {
width:100%;
clear:both
}
}
@media screen and (max-width:640px) {
footer .footer-cont .cols .col:nth-child(2n - 1) {
clear:both
}
}
footer .location {
text-align:center;
}
footer .location h4 {
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:27px;
letter-spacing:.06em;
text-transform:uppercase;
color:#d4d4d4;
-webkit-transition:color .8s cubic-bezier(.645,.045,.355,1);
-moz-transition:color .8s cubic-bezier(.645,.045,.355,1);
-ms-transition:color .8s cubic-bezier(.645,.045,.355,1);
-o-transition:color .8s cubic-bezier(.645,.045,.355,1);
transition:color .8s cubic-bezier(.645,.045,.355,1);
}
@media screen and (max-width:640px) {
footer .location h4 {
font-size:16px;
line-height:22px
}
}
.isDark footer .location h4 {
color:#fff
}
footer .location .location-details {
display:block;
font-family:'Gotham A','Gotham B','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:500;
font-style:normal;
font-size:12px;
line-height:20px;
letter-spacing:.06em;
text-transform:uppercase;
color:#959595;
}
@media screen and (max-width:640px) {
footer .location .location-details {
font-size:10px;
line-height:18px
}
}
footer .location .location-details .location-details-time-colon.location-details-time-colon-off {
opacity:0
}