@charset "utf-8";
/* CSS Document */

/* --------------------------- HOME [start] --------------------------- */

/* -- Page Animation [start] -- */
#trigger-motion-home {width:20px;height:20px;position:absolute;z-index:20;top:10px;left:0px;background: red;visibility: hidden;}
/* -- Page Animation [end] -- */

#home {float: left;width:100%;min-width:350px;height:100vh;min-height:550px;padding:0px;background-size:cover;background-color: #000;overflow:hidden;}	

/* -- Home Banner [start] -- */

#homeBanners {float;left;width:100%;min-width:350px;height:100vh;min-height:550px;position:fixed;z-index:1;padding:0px;overflow:hidden;}
#homeBanners li {float:left;width:100%;min-width:350px;height:100vh;min-height:550px;list-style:none;display:inline;background-size: cover !important;padding: 0em;}
#homeBanners li.banner1 {background:url(../img/banner/home-banner1.jpg) no-repeat center fixed;}
#homeBanners li.banner2 {background:url(../img/banner/home-banner2.jpg) no-repeat center fixed;}
#homeBanners li.banner3 {background:url(../img/banner/home-banner3.jpg) no-repeat center fixed;}
#homeBanners li.banner4 {background:url(../img/banner/home-banner4.jpg) no-repeat center fixed;}
#homeBanners li.banner5 {background:url(../img/banner/home-banner5.jpg) no-repeat center fixed;}

/* -- Home Banner [end] -- */

/* -- Mobile Home Banner [start] -- */

#mhomeBanner {float;left;width:100%;min-width:350px;height:100vh;min-height:550px;position:absolute;z-index:2;padding:0px;overflow:hidden;background:url(../img/banner/home-banner1.jpg) no-repeat center;background-size: cover !important;}
@media (min-width:820px) {#mhomeBanner {background: none;}}

/* -- Mobile Home Banner [end] -- */

#home .gradientBlack {width:100%;min-width:350px;height:100vh;min-height:550px;position:fixed;z-index:4;padding:0px;overflow:hidden;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+27&0.68+0,0+27 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.68) 0%, rgba(0,0,0,0) 27%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.68) 0%,rgba(0,0,0,0) 27%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.68) 0%,rgba(0,0,0,0) 27%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#home .screen {width:100%;min-width:350px;height:100vh;min-height:550px;position:fixed;z-index:5;padding:0px;background:url(../img/bg/screen.png) top left fixed;overflow:hidden;}
#home .cubes {width:100%;min-width:350px;height:100vh;min-height:550px;position:fixed;z-index:6;padding:0px;background:url(../img/bg/cubes.png) no-repeat center;background-size:cover;overflow:hidden;}

/* -- Home Slogan [start] -- */

#home .slogan {width: 100%;min-width: 350px;position: fixed;z-index: 7;text-align: center;padding: 3.5em;top: 50%;margin-top: -16em;}
#home .slogan .box {width: 100%;max-width: 60em;display: inline-block;}
#home .slogan .box .main-slogan {width: 100%;float: left;font-family: neobold;font-size: 3.4em;line-height: 1em;color: #fff;
	-webkit-text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-moz-text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-ms-text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-o-text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	text-shadow:0px 0px 5px rgba(0,0,0,0.5);
}

@media (min-width:500px) {#home .slogan .box .main-slogan {font-size: 4.4em;}}

#home .slogan .box .main-slogan span {color: #00aeef;}
#home .slogan .box .sub-slogan {width: 100%;float: left;font-family: neoreg;font-size: 1.8em;line-height: 1.2em;color: #fff;margin: 1em 0em;-webkit-text-shadow:0px 0px 5px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 5px rgba(0,0,0,0.5);-ms-text-shadow:0px 0px 5px rgba(0,0,0,0.5);-o-text-shadow:0px 0px 5px rgba(0,0,0,0.5);text-shadow:0px 0px 5px rgba(0,0,0,0.5);}
#home .slogan .box .btn-slogan {width: 100%;float: left;}

/* -- Home Slogan [end] -- */

/* -- Home Footer [start] -- */

.home-footer {display: none;}

@media (min-width:820px) {

.home-footer {width: 100%;height: 7em;margin-top: -7em;background: #00aeef;float: left;padding: 0em 3.5em; display: block;}
.home-footer .address {width: calc(50% - 50px);float: left;font-family: neoreg;text-transform: uppercase;font-size: 1em;line-height: 1.2em;color: #fff;padding: 3em 0em;text-align: left;}
.home-footer .hotline {width: calc(50% - 50px);float: right;text-align: right;font-family: neobold;font-size: 1.1em;color: #324260;padding: 2.7em 0em;text-transform: uppercase;}
.home-footer .hotline a {font-family: neobold;font-size: 2.2em;color: #fff;float: right;margin-left: .5em;text-decoration: none;}
.home-footer .hotline a i {width: 2em;height: 2em;line-height: 2em;font-size: .6em;border-radius: 100px;background: #314260;text-align: center;margin-top: -.6em;display: inline-block;float: left;margin-right: .5em;}

}

/* -- Home Footer [end] -- */

/* --------------------------- HOME [end] --------------------------- */

/* --------------------------- WHAT WE DO [start] --------------------------- */

#whatwedo {width: 100%;float: left;background: url(../img/bg/bg-cubes.png) no-repeat center 3em;background-size: 65em; margin-bottom: -4em;background-color: #00aeef;}
#whatwedo #motion-wwd {width: 100%;float: left;transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s;}
#whatwedo .logo {width: 100%;float: left;text-align: center;}
#whatwedo .logo img {width: 100%;max-width: 7em;}

#whatwedo .info {width: 100%;float: left;text-align: center;padding: 3.5em 0em 0em 0em;}
#whatwedo .info .pos {width: 100%;max-width: 50em;display: inline-block;}
#whatwedo .info .pos li {width: 33%;float: left;display: inline;}
#whatwedo .info .pos li ul li {width: 100%;float: left;display: list-item;}
#whatwedo .info .pos li ul li.thumb {width: 100%;float: left;}
#whatwedo .info .pos li ul li.thumb img {width: 100%;}
#whatwedo .info .pos li ul li.title {font-family: neobold;font-size: 1.3em;line-height: 1em;color: #fff;padding: 1.2em 1em;}
#whatwedo .info .pos li ul li.subtitle {font-family: neoreg;font-size: 1.1em;line-height: 1.2em;color: #97ddf6;padding: 0em 1em;}

/* --------------------------- WHAT WE DO [end] --------------------------- */

/* --------------------------- PRODUCTS & SERVICES [start] --------------------------- */

/* -- Page Animation [start] -- */
#trigger-motion-pns1, #trigger-motion-pns2, #trigger-motion-pns3 {width:20px;height:20px;position:absolute;z-index:20;background: red;visibility: hidden; margin-top: 5em;}
/* -- Page Animation [end] -- */

#productsnservices {width: 100%;float: left;background: #00aeef;}

#productsnservices .cat {width: 100%;float: left;margin-top: 8em;}
#productsnservices .cat li {width: 100%;height: 42em;float: left;display: list-item; overflow: hidden;}

#productsnservices .cat li.prod1 {background: url(../img/bg/bg-prodcat1.jpg) no-repeat top center fixed;background-size: cover;}
#productsnservices .cat li.prod2 {background: url(../img/bg/bg-prodcat2.jpg) no-repeat top center fixed;background-size: cover;}
#productsnservices .cat li.prod3 {background: url(../img/bg/bg-prodcat3.jpg) no-repeat top center fixed;background-size: cover;}
#productsnservices .cat li.prod4 {background: url(../img/bg/bg-prodcat4.jpg) no-repeat top center fixed;background-size: cover;}

#productsnservices .cat li .mbg1 {width: 100%;float: left;background: url(../img/bg/bg-prodcat1.jpg) no-repeat center;background-size: auto 100%;}
#productsnservices .cat li .mbg2 {width: 100%;float: left;background: url(../img/bg/bg-prodcat2.jpg) no-repeat center;background-size: auto 100%;}
#productsnservices .cat li .mbg3 {width: 100%;float: left;background: url(../img/bg/bg-prodcat3.jpg) no-repeat center;background-size: auto 100%;}
#productsnservices .cat li .mbg4 {width: 100%;float: left;background: url(../img/bg/bg-prodcat4.jpg) no-repeat center;background-size: auto 100%;}

@media (min-width:820px) {

#productsnservices .cat li .mbg1 {background: none;}
#productsnservices .cat li .mbg2 {background: none;}
#productsnservices .cat li .mbg3 {background: none;}
#productsnservices .cat li .mbg4 {background: none;}
	
}

#productsnservices .cat li .box-right {width: 100%;max-width: 70em;float: none;text-align: center; margin: 0 auto}
#productsnservices .cat li .box-left {width: 100%;max-width: 70em;float: none;text-align: center; margin: 0 auto}
#productsnservices .cat li .prod-content {width: 100%;float: left;padding: 6em;opacity: 0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s;}
#productsnservices .cat li .prod-content .title {width: 100%;float: left;font-family: neobold;font-size: 2.8em;line-height: 1em;color: #fff;text-transform: uppercase;}
#productsnservices .cat li .prod-content .subtitle {width: 100%;float: left;font-family: neoreg;font-size: 1.3em;line-height: 1.1em;color: #fff;padding: 1.5em 0em;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5;}
#productsnservices .cat li .prod-content .prod-icon {width: 100%;float: left; text-align: center;}
#productsnservices .cat li .prod-content .prod-icon .l-pos {width: auto;float: none; display: inline-block;}
#productsnservices .cat li .prod-content .prod-icon .r-pos {width: auto;float: none; display: inline-block;}
#productsnservices .cat li .prod-content .prod-icon .l-pos li {width: 5em;height: auto;display: inline;float: left;margin-right: 1em;text-align: center;}
#productsnservices .cat li .prod-content .prod-icon .r-pos li {width: 5em;height: auto;display: inline;float: right;margin-left: 1em;text-align: center;}
#productsnservices .cat li .prod-content .prod-icon li ul li {width: 100%;float: left;margin-bottom: .5em;display: list-item;}
#productsnservices .cat li .prod-content .prod-icon li ul li.icon {width: 100%; text-align: center;}
#productsnservices .cat li .prod-content .prod-icon li ul li.icon .c-icon {width: 2.5em;height: 2.5em;border-radius: 100%;border: 2px solid #fff;text-align: center;line-height: 2.4em;font-size: 1.8em;color: #fff;display: inline-block;}
#productsnservices .cat li .prod-content .prod-icon li ul li.title {width: 100%;font-family: neoreg;font-size: .9em;color: #fff;text-align: center;}
#productsnservices .cat li .prod-content .prod-footer {width: 100%;float: left;margin-top: 2em;}
#productsnservices .cat li .prod-content .prod-footer .btn-pos .left {display: inline-block; float: none;}
#productsnservices .cat li .prod-content .prod-footer .btn-pos .right {display: inline-block; float: none;}

@media (min-width:820px) {

#productsnservices .cat li .box-right {width: 50%;max-width: 60em;float: right;text-align: left;}
#productsnservices .cat li .box-left {width: 50%;max-width: 60em;float: left;text-align: right;}
#productsnservices .cat li .prod-content .prod-icon .l-pos {float: left;}
#productsnservices .cat li .prod-content .prod-icon .r-pos {float: right;}
#productsnservices .cat li .prod-content .prod-footer .btn-pos .left {display: block; float: left;}
#productsnservices .cat li .prod-content .prod-footer .btn-pos .right {display: block; float: right;}

}

#motion-pns1 {margin-left: 20em;}
#motion-pns2 {margin-left: -20em;}
#motion-pns3 {margin-left: 20em;}
#motion-pns4 {margin-left: -20em;}

/* --------------------------- PRODUCTS & SERVICES [end] --------------------------- */

/* --------------------------- GENERAL MERCHANDISE [start] --------------------------- */

/* -- Page Animation [start] -- */
#trigger-motion-gm1 {width:20px;height:20px;position:absolute;z-index:20;background: red;visibility: hidden; margin-top: 30em;}
#trigger-motion-gm2 {width:20px;height:20px;position:absolute;z-index:20;background: red;visibility: hidden; margin-top: 110em;}
@media (min-width:620px) {#trigger-motion-gm2 {margin-top: 90em;}}
@media (min-width:820px) {#trigger-motion-gm2 {margin-top: 70em;}}
/* -- Page Animation [end] -- */

#merchandise {width: 100%;float: left;}
#merchandise .main-product .global-margin .page-body .page-content {max-width: 100em;}

#merchandise .hot {width: auto;position: absolute;z-index: 1;right: 0px;}
#merchandise .hot img {width: 17em;}

#merchandise .main-product {float: left;width: 100%;height: 80em;background: url(../img/banner/merchandise-banner1.jpg) no-repeat center;background-size: cover; overflow: hidden;}
#merchandise .main-product .prod-details {width: 100%; float: left; text-align: center; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s;}
#merchandise .main-product .prod-details .title  {width: 100%;float: left;font-family: neobold;text-transform: uppercase;font-size: 2.8em;line-height: 1em;}
#merchandise .main-product .prod-details .details {width: 100%;float: left;font-family: neoreg;font-size: 1.6em;line-height: 1.2em;padding: 2em 0em;color: #222;}
#merchandise .main-product .prod-details .btn {width: 100%;float: left;}
#merchandise .main-product .prod-details .btn .btn-pos .left {display: inline-block !important; float: none;}
#merchandise .main-product .prod-img {width: 100%;margin-top: 2em; float: right;text-align: center;transition: 2s; -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s;}
#merchandise .main-product .prod-img img {width: 100%;max-width: 40em;}

#merchandise .sub-product {width: 100%;text-align: center;margin-top: -3em; position: relative;z-index: 1;}
#merchandise .sub-product .page-content {max-width: 120em;}
#merchandise .sub-product li {width: 100%;float: left;display: list-item;}
#merchandise .sub-product li .box {width: 100%;height: 20em;cursor: pointer;position: static;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#merchandise .sub-product li .box:hover {margin-top: -1em !important;z-index: 1;position: relative;-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.3);-moz-box-shadow:0px 2px 10px rgba(0,0,0,0.3);-ms-box-shadow:0px 2px 10px rgba(0,0,0,0.3);-o-box-shadow:0px 2px 10px rgba(0,0,0,0.3);box-shadow:0px 2px 10px rgba(0,0,0,0.3);}
#merchandise .sub-product li .box .container {width: 100%;height: 100%;float: left;padding: 2.5em;line-height: 1em;}
#merchandise .sub-product li #prodbox1 .container {background: url(../img/banner/merchandise-prod1.png) no-repeat bottom right;background-size: 17em;}
#merchandise .sub-product li #prodbox2 .container {background: url(../img/banner/merchandise-prod2.png) no-repeat bottom right;background-size: 18em;}
#merchandise .sub-product li #prodbox3 .container {background: url(../img/banner/merchandise-prod3.png) no-repeat bottom right;background-size: 17em;}
#merchandise .sub-product li .box .container .title {width: 100%;float: left;font-family: neobold;font-size: 1.6em;color: #fff;margin-bottom: 1.5em;text-align: center;text-transform: uppercase;}
#merchandise .sub-product li .box .description {width: 100%;float: left;font-family: neoreg;font-size: 1.1em;line-height: 1.1em;color: #fff;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity: 0.7;}
#merchandise .sub-product li .box .description .content {width: 40%;float: left;}
#merchandise .sub-product li .box .go {width: auto;float: left;font-family: neobold;font-size: 1.6em;color: #fff;margin-top: 1em;}
#merchandise .sub-product li #prodbox1 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#277ce6+0,3099ec+71 */
background-color: #277ce6; /* Old browsers */
background: -moz-linear-gradient(left,  #277ce6 0%, #3099ec 71%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #277ce6 0%,#3099ec 71%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #277ce6 0%,#3099ec 71%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277ce6', endColorstr='#3099ec',GradientType=1 ); /* IE6-9 */
}
#merchandise .sub-product li #prodbox2 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f4a95+0,1462b8+70 */
background: #0f4a95; /* Old browsers */
background: -moz-linear-gradient(left,  #0f4a95 0%, #1462b8 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0f4a95 0%,#1462b8 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0f4a95 0%,#1462b8 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4a95', endColorstr='#1462b8',GradientType=1 ); /* IE6-9 */
}
#merchandise .sub-product li #prodbox3 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7a7a7a+0,949494+71 */
background: #7a7a7a; /* Old browsers */
background: -moz-linear-gradient(left,  #7a7a7a 0%, #949494 71%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #7a7a7a 0%,#949494 71%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #7a7a7a 0%,#949494 71%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#949494',GradientType=1 ); /* IE6-9 */
}

#merchandise .sub-product li#motion-gm3 {transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;}
#merchandise .sub-product li#motion-gm4 {transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;}
#merchandise .sub-product li#motion-gm5 {transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;}

@media (min-width:620px) {#merchandise .sub-product li {width: 50%; display: inline;}}
@media (min-width:820px) {

#merchandise .main-product {height: 65em;}
#merchandise .main-product .prod-details {width: 40%;text-align: left;}
#merchandise .main-product .prod-details .btn .btn-pos .left {display: block; float: left;}
#merchandise .main-product .prod-img {width: 50%;text-align: right;}
#merchandise .main-product .prod-img img {max-width: 45em;}
#merchandise .sub-product li {width: 33%;}

#merchandise .sub-product li#motion-gm3 {transition: 0.9s; -webkit-transition: 0.9s; -moz-transition: 0.9s; -ms-transition: 0.9s; -o-transition: 0.9s;}
#merchandise .sub-product li#motion-gm4 {transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;}
#merchandise .sub-product li#motion-gm5 {transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}

}

#motion-gm1 {margin-left: -10em; opacity: 0;}
#motion-gm2 {margin-right: -10em; opacity: 0;}
#motion-gm3, #motion-gm4, #motion-gm5 {margin-top: 10em; opacity: 0;}

/* --------------------------- GENERAL MERCHANDISE [end] --------------------------- */

/* --------------------------- OUR BRANDS [start] --------------------------- */

#brands {width: 100%;float: left;}
#brands .page-content {max-width: 120em;}
#brands .brand-logo {width: 100%;float: left;margin-left: 2px;margin-top: 1px;}
#brands .brand-logo li {width: 33%;float: left;display: inline-block;border: 1px solid #f1f1f1;border-collapse: collapse;margin-left: -2px;margin-top: -1px;line-height: 0em;background: #fff;padding: 1em;}
#brands .brand-logo li img {width: 100%;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#brands .brand-logo li:hover img {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1.0;}

@media (min-width:420px) {#brands .brand-logo li {width: 25%;}}
@media (min-width:520px) {#brands .brand-logo li {width: 20%;}}
@media (min-width:720px) {#brands .brand-logo li {width: 10%;}}

/* --------------------------- OUR BRANDS [end] --------------------------- */

/* --------------------------- WHO WE ARE [start] --------------------------- */

#whoweare {width: 100%;float: left; background: url(../img/bg/bg-cubes2.png) no-repeat center top; background-size: 90%;}
#whoweare .page-content {max-width: 70em;}

#whoweare .head-img {width: 100%;float: left;padding: 2em 0em 6em 0em;text-align: center;}
#whoweare .head-img img {width: 100%;max-width: 23em;}

#whoweare .about {width: 100%;float: left;font-family: neoreg;font-size: 1.6em;line-height: 1.3em;text-align: center;color: #333333;border-bottom: 1px solid #dadada;padding-bottom: 2em;}

#whoweare .footer  {width: 100%;float: left;}
#whoweare .footer .logo {width: 100%;float: left;text-align: center;margin: 3em 0em;}
#whoweare .footer .logo img {width: 100%;max-width: 6em;}
#whoweare .footer .caption {width: 100%;float: left;font-family: neoreg;font-size: 1em;text-transform: uppercase;color: #00aeef;text-align: center;}

/* --------------------------- WHO WE ARE [end] --------------------------- */

/* --------------------------- OUR COMMITMENT [start] --------------------------- */

/* -- Page Animation [start] -- */
#trigger-motion-commitment {width:20px;height:20px;position:absolute;z-index:20;background: red;visibility: hidden; margin-top: 40em;}
/* -- Page Animation [end] -- */

#commitment {width: 100%;float: left; background: #008fe6; overflow: hidden;}
#commitment .sections {width: 100%;float: left;}
#commitment .sections li {width: 50%; height: 30em; float: left;display: inline-block;text-align: center;padding: 0em 2em;transition: 1s; -webkit-transition:1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s;}
#commitment .sections li ul li {width: 100%; height: auto; float: left;display: list-item;padding: .5em 0em;}
#commitment .sections li ul li.icon {font-size: 5.5em;color: #324260; padding-top: 0em;}
#commitment .sections li ul li.title {font-size: 1.4em;line-height: 1.2em;font-family: neobold;color: #fff;}
#commitment .sections li ul li.description {font-size: 1.2em;line-height: 1.1em;font-family: neoreg;color: #99d4f8;}

@media (min-width:420px) {#commitment .sections li {height: 25em;}}
@media (min-width:620px) {#commitment .sections li {height: 20em;}}
@media (min-width:820px) {#commitment .sections li {width: 25%; height: auto;}}

#motion-commitment1 {margin-left: -2em; opacity: 0;}
#motion-commitment2 {margin-left: -1em; opacity: 0;}
#motion-commitment3 {margin-left: 1em; opacity: 0;}
#motion-commitment4 {margin-left: 2em; opacity: 0;}

/* --------------------------- OUR COMMITMENT [end] --------------------------- */

/* --------------------------- MEET THE TEAM [start] --------------------------- */

/* -- Page Animation [start] -- */
#trigger-motion-team1, #trigger-motion-team2, #trigger-motion-team3 {width:20px;height:20px;position:absolute;z-index:20;background: red;visibility: hidden; margin-top: 15em;}
/* -- Page Animation [end] -- */

#team {width: 100%;float: left;}
#team .page-content {max-width: 70em;}

#team .team-banner {height: 27em;background: url(../img/banner/team-banner.jpg) no-repeat center fixed;background-size: cover; overflow: hidden;}
#team .team-banner .mtbg {width: 100%; min-width: 350px; height: 100%;background: url(../img/banner/team-banner.jpg) no-repeat center;background-size: 120%;}
#team .team-banner .screen {width: 100%;height: 100%;float: left;background: url(../img/bg/screen.png);}

#team .team-members {width: 100%;float: left;}
#team .team-members li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #e0e0e0;padding-top: 5em; transition: 0.9s; -webkit-transition:0.9s; -moz-transition: 0.9s; -ms-transition: 0.9s; -o-transition: 0.9s;}
#team .team-members li:first-child {padding-top: 0em;}
#team .team-members li:last-child {margin-bottom: 2em;}
#team .team-members li .teambox {width: 100%;float: left;}
#team .team-members li .teambox .thumb {width: 100%;line-height: 0em !important;}
#team .team-members li .teambox .thumb img {width: 100%;max-width: 30em;}
#team .team-members li .teambox  .info {width: 100%;float: right;text-align: center;}
#team .team-members li.r-pos .teambox .thumb {float: left;text-align: center;}
#team .team-members li.l-pos .teambox .thumb {float: right;text-align: center;}
#team .team-members li.r-pos .teambox .info {float: right;text-align: center;}
#team .team-members li.l-pos .teambox .info {float: left;text-align: center;}
#team .team-members li .teambox .info li {width: 100%;float: left;display: list-item;border-bottom: none;padding: .5em 0em;margin: 0em 0em;}
#team .team-members li .teambox .info li.name {font-family: neobold;color: #00aeef;font-size: 1.8em;text-transform: uppercase;margin-top: 2em;}
#team .team-members li .teambox .info li.position {font-family: neobold;color: #324260;font-size: 1.2em;text-transform: uppercase;}
#team .team-members li .teambox .info li.details {font-family: neoreg;color: #4d4d4d;font-size: 1.2em;line-height: 1.1em;margin-top: 1em;}
#team .team-members li .teambox .info li.details a {font-size: .9em; margin-top: .5em; color: #00aeef; text-decoration: none;}
#team .team-members li .teambox .info li.details a:hover {text-decoration: underline;}
#team .team-members li.r-pos .teambox .info li.details a {float: right;}
#team .team-members li.l-pos .teambox .info li.details a {float: left;}
#team .team-members li .teambox  .info li.details a i {color: #00aeef;}

#team .team-footer {width: 100%;float: left;margin-top: 7.5em;}

@media (min-width:820px) {

#team .team-banner {height: 40em;}
#team .team-banner .mtbg {background: none;}
#team .team-members li .teambox .thumb {width: 50%;}
#team .team-members li .teambox .info {width: 50%;text-align: right;}
#team .team-members li.r-pos .teambox .info {text-align: right;}
#team .team-members li.l-pos .teambox .info {text-align: left;}

}

#motion-team1, #motion-team2, #motion-team3, #motion-team4 {margin-top: 4em; opacity: 0;}

/* --------------------------- MEET THE TEAM [end] --------------------------- */

/* --------------------------- SATISFIED CLIENTS [start] --------------------------- */

#customers {width: 100%;float: left;background: #202020;}
#customers .pic-cat {width: 100%;float: left;text-align: center;font-family: neobold;font-size: 1.6em;line-height: 1em;color: #fff;padding: 2em 0em !important;text-transform: uppercase;border-top: 1px solid #373737;}

#customers .pic-list {width: 100%;float: left;padding-bottom: 6em;}
#customers .pic-list li {width: 50%;float: left;display: inline-block;background: #fff;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#customers .pic-list li:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1.0;}
#customers .pic-list li .pic-box {width: 100%;height: 10em;overflow: hidden;line-height: 0em;float: left;overflow: hidden;}
#customers .pic-list li .pic-box .container {width: 100%;height: 100%;overflow: hidden;float: left;line-height: 0em;}
#customers .pic-list li .pic-box .hover {
	width: 100%;
	height: 3.2em;
	position: relative;
	z-index: 1;
	background: url(../img/bg/bg-black80.png);
	float: left;
	line-height: 1.2em;
	padding: 1em;
	color: #fff;
	font-family: neobold;
	font-size: 1em;
	text-transform: uppercase;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}
#customers .pic-list li .pic-box .hover i {color: #00aeef;}
#customers .pic-list li:hover .pic-box .hover {margin-top: -3.2em;}
#customers .pic-list li .pic-box .container img {width: 120%;height: auto;min-height: 10em !important;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#customers .pic-list li:hover .pic-box .container img {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);}

#customers .footer {width: 100%;float: left;text-align: center;}
#customers .footer .pos {width: 100%;max-width: 50em;display: inline-block;font-family: neoreg;font-size: 1.4em;line-height: 1.2em;color: #9d9c9c;text-align: center;}

@media (min-width:520px) {
#customers .pic-list li {width: 33%;}
#customers .pic-list li .pic-box {height: 11em;}
}

@media (min-width:620px) {
#customers .pic-list li {width: 25%;}
#customers .pic-list li .pic-box {height: 12em;}
}

@media (min-width:820px) {
#customers .pic-list li {width: 20%;}
#customers .pic-list li .pic-box {height: 13em;}
}

/* --------------------------- SATISFIED CLIENTS [end] --------------------------- */

/* --------------------------- CONTACT US [start] --------------------------- */

#contactus {width: 100%; float: left;background: #202020;}
#contactus .page-content {max-width: 100em;}

#contactus .contact-list {width: 100%;float: left;}
#contactus .contact-list li {width: 100% ;height: auto;float: left;display: list-item;border-right: 0px;border-bottom: 1px solid #2f2f2f;padding: 2.5em 2em;}
#contactus .contact-list li:last-child {border-right: 0px; border-bottom: 0px;}
#contactus .contact-list li .cbox {width: 100%;float: left;}
#contactus .contact-list li .cbox .icon {width:100%;float: left;font-size: 4.5em;color: #00aeef;text-align: center;}
#contactus .contact-list li .cbox .info {width: 100%;float: left;text-align: center;}
#contactus .contact-list li .cbox .info .label {width: 100%;float: left;font-family: neobold;font-size: 1em;line-height: 1em;color: #324260;text-transform: uppercase;padding: 2em 0em;}
#contactus .contact-list li .cbox .info .address {width: 100%;float: left;font-family: neoreg;font-size: 1.2em;line-height: 1.2em;color: #fff;}
#contactus .contact-list li .cbox .info .phone {width: 100%;float: left;}
#contactus .contact-list li .cbox .info .phone li {width: 100%;height: auto;float: left;display: list-item;border: 0em;padding: .1em 0em;font-family: neoreg;font-size: 1.4em;line-height: 1.2em;color: #fff;}
#contactus .contact-list li .cbox .info .phone li i {color: #00aeef;}
#contactus .contact-list li .cbox .info .email {width: 100%;float: left;}
#contactus .contact-list li .cbox .info .email a {font-family: neoreg;font-size: 1.4em;line-height: 1.2em;color: #fff;text-decoration: none; word-wrap: break-word;}
#contactus .contact-list li .cbox .info .email a:hover {color: #00aeef;}

#contactus .contact-mail {width: 100%;float: left;margin-top: 3em;}
#contactus .map {width: 100%;height: 38em;background: #fff;float: left;}

@media (min-width:720px) {#contactus .contact-list li {width: 33%;height: 17em;display: inline-block;border-right: 1px solid #2f2f2f; border-bottom: 0px; padding: 0em 2em;}}

/* --------------------------- CONTACT US [end] --------------------------- */