/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
html,
body {
    scroll-behavior: smooth;
	margin: 0;
	font-size: 100%;
	font-family: 'Raleway', sans-serif;
    background-attachment: fixed;
    background-image:  url(../images/bg.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    z-index: 1;
	/*untuk mematikan select/kursur/pointer*/
	-webkit-user-select:none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow-x:hidden;
}
body:after{
	background: linear-gradient(135deg, #0c36c6 0%, #fff5f5 80%);
}

body a {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a:hover {
	text-decoration: none;
}
/* BANNER VIDEO */
/* ========================================*/
.logo {
	height:200px; width:auto;
}
#banner {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  background-color: #111111;
  color: rgba(255, 255, 255, 0.5);
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  /*background-image: url("../../images/banner.jpg");*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 0;
  display: -ms-flexbox;
  min-height: 46rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  top: 4em;}
  #banner input, #banner select, #banner textarea {
    color: #ffffff; }
  #banner a {
    color: #000080; }
  #banner strong, #banner b {
    color: #ffffff; }
  #banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
    color: #ffffff; }
  #banner blockquote {
    border-left-color: rgba(255, 255, 255, 0.25); }
  #banner code {
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25); }
  #banner hr {
    border-bottom-color: rgba(255, 255, 255, 0.25); }
  #banner input[type="submit"],
  #banner input[type="reset"],
  #banner input[type="button"],
  #banner button,
  #banner .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #ffffff !important; }
    #banner input[type="submit"]:hover,
    #banner input[type="reset"]:hover,
    #banner input[type="button"]:hover,
    #banner button:hover,
    #banner .button:hover {
      box-shadow: inset 0 0 0 1px #fff;
      color: #000080 !important; }
      #banner input[type="submit"]:hover:active,
      #banner input[type="reset"]:hover:active,
      #banner input[type="button"]:hover:active,
      #banner button:hover:active,
      #banner .button:hover:active {
        background-color: rgba(206, 27, 40, 0.25); }
    #banner input[type="submit"].primary,
    #banner input[type="reset"].primary,
    #banner input[type="button"].primary,
    #banner button.primary,
    #banner .button.primary {
      box-shadow: none;
      background-color: #000080;
      color: #ffffff !important; }
      #banner input[type="submit"].primary:hover,
      #banner input[type="reset"].primary:hover,
      #banner input[type="button"].primary:hover,
      #banner button.primary:hover,
      #banner .button.primary:hover {
        background-color: #000080;
        box-shadow: none; }
        #banner input[type="submit"].primary:hover:active,
        #banner input[type="reset"].primary:hover:active,
        #banner input[type="button"].primary:hover:active,
        #banner button.primary:hover:active,
        #banner .button.primary:hover:active {
          background-color: #b71824; }
  #banner label {
    color: #ffffff; }
  #banner input[type="text"],
  #banner input[type="password"],
  #banner input[type="email"],
  #banner input[type="tel"],
  #banner input[type="search"],
  #banner input[type="url"],
  #banner select,
  #banner textarea {
    background-color: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25); }
    #banner input[type="text"]:focus,
    #banner input[type="password"]:focus,
    #banner input[type="email"]:focus,
    #banner input[type="tel"]:focus,
    #banner input[type="search"]:focus,
    #banner input[type="url"]:focus,
    #banner select:focus,
    #banner textarea:focus {
      border-color: #000080;
      box-shadow: 0 0 0 1px #fff; }
  #banner select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); }
    #banner select option {
      color: rgba(255, 255, 255, 0.5);
      background-color: #111111; }
  #banner input[type="checkbox"] + label,
  #banner input[type="radio"] + label {
    color: rgba(255, 255, 255, 0.5); }
    #banner input[type="checkbox"] + label:before,
    #banner input[type="radio"] + label:before {
      background: rgba(255, 255, 255, 0.075);
      border-color: rgba(255, 255, 255, 0.25); }
  #banner input[type="checkbox"]:checked + label:before,
  #banner input[type="radio"]:checked + label:before {
    background-color: #000080;
    border-color: #000080;
    color: #ffffff; }
  #banner input[type="checkbox"]:focus + label:before,
  #banner input[type="radio"]:focus + label:before {
    border-color: #000080;
    box-shadow: 0 0 0 1px #000080; }
  #banner ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  #banner :-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  #banner ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  #banner :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  #banner ul.alt li {
    border-top-color: rgba(255, 255, 255, 0.25); }
  #banner table tbody tr {
    border-color: rgba(255, 255, 255, 0.25); }
    #banner table tbody tr:nth-child(2n + 1) {
      background-color: rgba(255, 255, 255, 0.075); }
  #banner table th {
    color: #ffffff; }
  #banner table thead {
    border-bottom-color: rgba(255, 255, 255, 0.25); }
  #banner table tfoot {
    border-top-color: rgba(255, 255, 255, 0.25); }
  #banner table.alt tbody tr td {
    border-color: rgba(255, 255, 255, 0.25); }
  #banner .highlights .content {
    background: #111111;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  #banner .testimonials .content {
    background: #111111;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
    #banner .testimonials .content .credit strong {
      color: #000080; }
  #banner > .inner {
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    -moz-transition: opacity 1s ease, -moz-transform 1s ease;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -ms-transition: opacity 1s ease, -ms-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    opacity: 1;
    position: relative;
    z-index: 3; 
	margin-top:1em;
	}
    #banner > .inner > :last-child {
      margin-bottom: 0; }
  #banner h1 {
    font-size: 4rem;
    margin-bottom: 1rem; 
	font-family: 'Montserrat';}
  #banner p {
    font-size: 1.5rem; }
  #banner a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none; }
    #banner a:hover {
      color: #ffffff; }
  #banner video {
    -moz-transform: translateX(50%) translateY(50%);
    -webkit-transform: translateX(50%) translateY(50%);
    -ms-transform: translateX(50%) translateY(50%);
    transform: translateX(50%) translateY(50%);
    bottom: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 50%;
    width: auto; }
  #banner:before {
    -moz-transition: opacity 3s ease;
    -webkit-transition: opacity 3s ease;
    -ms-transition: opacity 3s ease;
    transition: opacity 3s ease;
    -moz-transition-delay: 1.25s;
    -webkit-transition-delay: 1.25s;
    -ms-transition-delay: 1.25s;
    transition-delay: 1s;
    background: #7e93b34d;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.45;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  #banner:after {
    /*background: linear-gradient(135deg, #0c36c6 0%, #fff5f5 80%);
	background:none;
	/*background header*/
	/*background: #001d834d;*/
	/*background: url(../images/overlay.png) repeat;*/
    content: ' ';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    webkit-linear-gradientidth: 100%;
    width: 100%;
    z-index: 1; 
	}
  #banner.small {
    height: 30vh !important;
    min-height: 30vh; }
  @media screen and (max-width: 1280px) {
    #banner video {
      /* display: none; */} }

  @media screen and (max-width: 736px) {
	.logo{
		height: 130px;
	}
    #banner {
      height: auto !important;
      min-height: 0;
      padding: 14rem 2rem 18rem 2rem; }
      #banner h1 {
        font-size: 1.75rem;
        margin-bottom: 0.5rem;
        padding-bottom: 0; }
      #banner p {
        font-size: 1.25rem; }
      #banner br {
        display: none; }
      #banner .button {
        width: 100%; } }
  @media screen and (max-width: 480px) {
    #banner p {
      font-size: 1rem; } }
  body.is-preload #banner .inner {
    -moz-transform: scale(0.99);
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
    opacity: 0; }
  body.is-preload #banner:before {
    opacity: 1; }


/* ========================================*/

input[type="button"],
input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1,
h2,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'Raleway';

}
h3{
	font-family:  'Raleway', sans-serif;
}
li {
	font-family: 'Raleway';
}
p {
	letter-spacing: 1px;
	font-size: 12pt;
	line-height: 1.5em;
	color: #fff;
	font-weight: 500;
}

ul {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
}
.nama-produk{
	color:#fff !important;
	font-weight:600 !important;
	padding: 10px 5px !important;
	text-transform: capitalize !important;
}
.img-product{
  width: 290px !important;
  height: 180px !important;
  margin: 1em 1em 0.5em 1em;
} 

.column-produk{
	float: left;
    margin: 0 3em 4em 0em;
    width: 330px;
    background:#fff !important;
    box-shadow: 10px 10px 15px grey;
	height:250px;
}
.row-produk{
	padding: 0 1em;
}
.sub{
  background-color: #000066;
  padding: 5px 10px;
  color: #fff;
  margin: -20px;
}
.subevent{
	padding: 1em;
	margin: 1.5em auto;
	background-color: #ffffff80;
	box-shadow: 10px 10px 15px grey;
	width:100%;
}
.subevent h3{
	font-size:26pt;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom:20px;
	text-align:left;
}
.subdetail h2{
	text-indent:0px;
	font-size:20pt;
}
.subdetail h3{
	text-indent:50px;
	font-size:18pt;
}
.subevent p{
	font-size:12pt;
	color:#000;
	margin-top:20px;
}
.subdetail p{
	text-indent:50px;
	text-align: justify !important;
}
.subevent span{
	font-size: 12pt;
	color: #fff;
	background-color: #006;
	font-weight: 600;
	padding: 5px 10px;
}
.subevent1{
	padding: 1.5em 1.5em 20px 1.5em !important;
	text-align: justify;
}
/*.map {
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
	border:0;
	width:100%;
	margin-top:1em;
	height:300px;
}*/
.map {
	-webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
	width:100%;
	min-height: 300px;
	background: url(../images/peta.jpg) center;
	background-size: 100% 100%;
}
/*-- header --*/
.header {
  position:fixed;
  width:100%;
  z-index:100;
}

/*--header--*/

.header_left {
	float: left;
	margin: .3em 0 0;
}

.header_left ul li {
	display: inline-block;
	margin-right: 2em;
	font-size: 15px;
	color: #000066;
	letter-spacing: 1px;
}

.header_left ul li i {
	padding-right: 1em;
	color: #000066;
}

.header_left ul li a {
	font-size: 15px;
	color: #999c9e;
	text-decoration: none;
}

.header_left ul li a:active {
	color: #000066;
}
.header_left ul li a:hover {
	color: #000066;
}

.header_right {
	float: right;

}

ul.forms_right {
	float: right;
	margin-top: 3px;
}

ul.forms_right {
	float: right;
}

ul.forms_right li a {
	background: #000066;
	color: #fff;
	font-size: 0.9em;
	padding: 0.6em 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

ul.forms_right li a:hover {
	background: #168eea;
}

ul.forms_right li a.active {
	background: #168eea;
}

ul.forms_right li {
	display: inline-block;
	list-style: none;
}

.top_menu_w3layouts {
	padding: 0.5em 2em;
	background: #000;
}

.content {
	margin: 0;
	padding: 0px;

}

.content p:last-child {
	margin: 0;
}

.content a.button {
	display: inline-block;
	padding: 10px 20px;
	background: #ff0;
	color: #000;
	text-decoration: none;
}

.content a.button:hover {
	background: #000;
	color: #ff0;
}

.content.title {
	position: relative;
	background: #333;
}

.navbar-nav {
	float: right;
	margin: 0;
}

.content.title h1 span.demo {
	display: inline-block;
	font-size: .5em;
	padding: 10px;
	background: #fff;
	color: #333;
	vertical-align: top;
}

.content.title .back-to-article {
	position: absolute;
	bottom: -20px;
	left: 20px;
}

.content.title .back-to-article a {
	padding: 10px 20px;
	background: #168eea;
	color: #fff;
	text-decoration: none;
}

.content.title .back-to-article a:hover {
	background: #168eea;
}

.content.title .back-to-article a i {
	margin-left: 5px;
}

.content.white {
	background: #fff;
}

.content.black {
	background: #000;
}

.content.black p {
	color: #999;
}

.content.black p a {
	color: #08c;
}

/* dropdown */
.dropbtn {
    background-color: transparent;
    color: #fff;
	font-weight:600;
	letter-spacing:1;
    font-size: 14px;
    border: none;
    cursor: pointer;
	text-transform:uppercase;
	padding: 25px 10px;
	
}

.dropdown {
    position: relative;
    display: inline-block;
	margin-top: 1.4em;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgb(61, 61, 61);
    min-width: 220px;
    z-index: 1;
	margin-top:20px;
}

.dropdown-content a {
    color: #fff;
    padding: 5px 20px;
    text-decoration: none;
    display: block;
	font-weight:600;
    font-size: 11pt;
	text-align:left;
}

.dropdown-content a:hover {
	 background-color:  rgb(0,0,102);
	 color: #fff;
	}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color:  rgb(0,0,102);
	color: #fff;
}
/* dropdown */

.navbar {
	position: relative;
	min-height: 60px;
	margin-bottom: 0!important;
	border: 1px solid transparent;
}

.navbar-default {
	background-color: rgba(0, 0, 0,0.7);
}

.navbar-brand {
	float: left;
	padding: 0!important;
	font-size: 18px;
	line-height: 0px!important;
	height: 0px!important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.29);
}

.navbar-default a.navbar-brand h1 {
	color: #fff;
	font-weight: 700;
	margin-top: 10px;
	font-size:28px;
}
.navbar-default a.navbar-brand h1 > span img{
	margin-right:8px;
	width:55px; 
	height:50px;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	padding: 25px 10px;
}

.navbar-nav>li>a.active {
	color: #ffffff;
	background: rgb(0,0,102);
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	color: #fff;
	background: #020360;;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #fff;
	background-color: rgb(0,0,102);
}

.navbar-default .navbar-brand label {
	color: #36a1f3;
	display: block;
	font-size: 0.3em;
	text-align: center;
	letter-spacing: 1px;
	text-shadow: 0 1px 2px rgba(47, 47, 47, 0.2);
	font-weight: 600;
	text-transform: uppercase;
    letter-spacing: 2px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
   background-color: #020360;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 18px;
    height: 1px;
    border-radius: 1px;
}
.navbar-default .navbar-nav>.active>a:before {
	background: #168eea;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 10px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: #ffffffe6;
	border: 1px solid #333;
	box-shadow: 1px 2px 2px #333;
	margin-left: 23em;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #ffffff;
	background: #168eea;
}

.navbar-nav>li {
	float: left;
	margin: 0 5px;
}


.dropdown-menu .divider {
	height: 0;
	margin: 0;
	overflow: none;
	background: none;
}

.dropdown-menu .divider {
	border-bottom: 1px solid #E8E7EC;
	padding: 0px 0;
}

.main-content {
	padding: 3em 0;
}


ul.dropdown-menu.sub-menu {
	min-width: 130px;
	top: 77px;
	left: 148px;
	-webkit-animation: fadeinleft 600ms ease-in-out;
	-moz-animation: fadeinleft 600ms ease-in-out;
	-o-animation: fadeinleft 600ms ease-in-out;
	-ms-animation: fadeinleft 600ms ease-in-out;
	animation: fadeinleft 600ms ease-in-out;
}

ul.dropdown-menu:hover a.s-menu {
	background: #373738;
	color: #fff;
}

.dropdown-menu.columns-2 {
	min-width: 400px;
}

.dropdown-menu.columns-3 {
	min-width: 600px;
}

.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 600;
	letter-spacing: 1px;
}

.dropdown-menu {
	border-radius: 0px;
}

.multi-column-dropdown {
	list-style: none;
}

.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: #fff;
    text-decoration: none;
    background-color: #020360;
    font-weight: 800;
}

.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #168eea;
	background: none;
}

b.fa.fa-caret-right {
	vertical-align: middle;
	margin-left: 2em;
}


/*-- banner --*/

.bg-color{
	/*background-color: rgba(0,0,0,0.7);*/
	padding: .5em 0;
	margin: 0 2em;
}
.color{
	background-color: rgba(0,0,0,0.7);
}
.carousel-caption p {
	line-height:40px;
}
.carousel-caption h2,
.carousel-caption h3 {
	font-size: 4em;
	font-weight: 100;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: /*2px 5px 2px #000;*/ 5px 5px 8px #387a6e;
}

.carousel-caption h2 span,
.carousel-caption h3 span {
	font-weight: 700;
}

.carousel-caption p {
	letter-spacing: 3px;
	font-size: 16pt;
	font-weight: 600;
	color: #fff;
	margin: 1em 0 1em 0;
	text-shadow: 3px 1px 1px #000;/*5px 5px 8px #387a6e*/;
}

.carousel-caption a {
	color: #fff;
	letter-spacing: 1px;
	padding: 11px 20px;
	background: none;
	font-size: 0.9em;
	border-radius: 0;
	border: 1px solid #fff;
}

.carousel-caption a:hover {
	background: #000066;
	border: 1px solid #000066;
}

.codes {
	padding: 5em 0;
	background: #fff;
}

.codes.agileitsbg2 {
	background: #E74C3C;
	background-image: -webkit-linear-gradient(#ff9d2f, #ff6126);
	background-image: -moz-linear-gradient(#ff9d2f, #ff6126);
	background-image: -ms-linear-gradient(#ff9d2f, #ff6126);
	background-image: linear-gradient(#ff9d2f, #ff6126);
	padding-bottom: 10em;
}

.codes.agileitsbg3 {
	background: #3498DB;
	padding-bottom: 10em;
}

.codes.agileitsbg4 {
	background: #2ECC71;
	padding-bottom: 10em;
}

.carousel.slide.grid_3.grid_4 {
	border-top: 10px solid #3ACFD5;
	border-bottom: 10px solid #3a4ed5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat;
	-webkit-background-size: 10px 100%;
	-moz-background-size: 10px 100%;
	background-size: 10px 100%;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
	background-image: -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
	background-image: -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
	background-image: -o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
	background-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%), linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%);
}

.carousel-indicators {
	bottom: 5%;
	left: 50%;
}

.carousel-caption {
	position: inherit;
	min-height: 650px!important;
	padding-top: 14em;
	text-align: center;
}

.carousel-control {
	line-height: 32em;
}


/*-- //banner --*/


/*-- /search --*/

.banner_form_agileits form {
	margin: 2em auto 0;
	width: 60%;
	background: #fff;
	padding: 0.5em;
}

.banner_form_agileits input[type="search"],
.banner_form_agileits input[type="submit"] {
	width: 43%;
	color: #777;
	float: left;
	background: none;
	outline: none;
	font-size: 0.91em;
	padding: 1em 1em;
	border: none;
	-webkit-appearance: none;
	display: inline-block;
	letter-spacing: 2px;
}

.banner_form_agileits select#country12 {
	font-weight: normal;
	width: 37%;
	border: none;
	outline: none;
	color: #777;
	float: left;
	background: none;
	outline: none;
	font-size: 0.91em;
	padding: 1em 1em;
	border: none;
	border-left: 1px solid #e4e4e4;
	letter-spacing: 2px;
}

.banner_form_agileits input[type="submit"] {
	background: #168eea;
	width: 20%;
	color: #fff;
	font-weight: 600;
	font-size: 1.2em;
	padding: 0.58em 1em;
}

.banner_form_agileits input[type="submit"]:hover {
	background: #000066;
}


/*-- //search --*/

.w3-heading-all h3 {
   font-size: 2.5em;
    color: #3d3d3d;
    font-family: 'Raleway';
    font-weight: 700;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 30px;
	 text-align: center;
}
.about,.team,.gallery,.welcome,.contact-w3-agileits,.banner-bottom,.services, .clients{
padding-top:6em;
padding-bottom:3em;
}
/*-- /banner_bottom--*/
span.fa.fa-compass {
    background: #000066;
    margin-right: 0.1em;
    padding: 0.2em;
}
h3.tittle {
	color: #353b46;
	margin: 0;
	font-size: 3.3em;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

h3.tittle span {
	font-weight: 100;
	color: #555;
}

h3.tittle.main {
	margin: 0 auto;
	width: 60%;
}

h3.tittle.con {
	color: #fff;
}

h3.tittle.con span {
	color: #fff;
}

.tittle_head p {
	text-align: center;
	width: 46%;
	margin: 1em auto 0;
	color: #8c8c8c;
	font-size: 1.2em;
	line-height: 1.9em;
}

.inner_sec_info_agileits_w3 {
	margin-top: 4em;
}

.features {
	padding: 6em 0 16em 0;
}

.ab_info {
	background: #f5f5f5;
}

.banner_bottom_left h4 {
	font-size: 2em;
	color: #4d4e4e;
	letter-spacing: 1px;
	position: relative;
	font-weight: 400;
	line-height: 1.4em;
	margin-bottom: 1em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.banner_bottom_left h4 span {
	font-weight: 100;
}

.banner_bottom_left p {
	color: #666;
	line-height: 2em;
	font-size: 1em;
	margin-bottom: 1em;
}

ul.some_agile_facts {
	margin-top: 3em;
}

ul.some_agile_facts li {
	list-style: none;
	margin: 21px 0;
	color: #444;
	font-weight: 600;
	font-size: 1.5em;
}

ul.some_agile_facts span.fa {
	color: #fff;
	width: 90px;
	height: 90px;
	background: #000066;
	text-align: center;
	line-height: 87px;
	margin-right: 20px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	font-size: 1.3em;
}

ul.some_agile_facts label {
	font-size: 1.5em;
	color: #262c38;
}

.banner_bottom_grid {
	margin-top: 3em;
}
/*-- /grid_info --*/

.grid_info {
	text-align: center;
	padding: 2em 1em;
	background: /*rgba(0, 0, 0, 0.7)*/ #fff0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -webkit-box-shadow: 2px 15px 70px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 15px 70px 2px rgba(0,0,0,0.75);
    box-shadow: 2px 10px 40px rgba(0,0,0,0.75);
	-o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	width: 32%;
	height:260px;
}

.grid_info:nth-child(2) {
	margin: 0 2%;
}

.icon_info span {
	height: 90px;
	width: 90px;
	background:#000066;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 5px solid #fafafa;
	line-height: 85px;
	font-size: 2em;
	color:#fff;
}

.icon_info h5 {
	font-size: 1.3em;
	color: #000;
	margin: 1.2em 0 0.5em 0;
	font-weight: 600;
	letter-spacing: 1px;
}

.icon_info p {
	color: #000;
	line-height: 1.5em;
}

/*-- //grid_info --*/
/*-- /services --*/ 
.welcome {
    background: url(../images/s3.jpg)no-repeat center;
    background-size: cover;
}
.agileits-title {
    text-align: center;
}

.agileits-welcome-info P {
    font-size: 1em;
    color: #fff;
    line-height: 1.8em;  
} 
.welcomerow-agileinfo {
    text-align: center;
}
.welcomerow-agileinfo h5{
    font-size: 1.5em;
    color:#02bbd2;
    margin-bottom: 1em;
    font-weight: 300;
    letter-spacing: 3px;
}
.w3l-welcome-grid {
    text-align: center;
    padding: 1em;
    border: 1px solid #fff; 
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	transition:.5s all;
}
.agileits-welcome-info h4 ,.services-grids h4{
    color: #fff;
    font-size: 1.5em;
    margin: 0.8em 0;
    letter-spacing: 1px;
    text-transform: capitalize;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	transition:.5s all;
} 
.w3l-welcome-grid:hover {
    border-color: #efaa15;
}
.w3l-welcome-grid:hover .agileits-welcome-info h4 {
    color:#efaa15;
}
/*-- //services --*/  
/*--gallery--*/
.gallery h3.tittle{
	text-align:center;
}
.gallery-grids img {
    height: 310px;
}
.gallery-grids1 img {
    min-height: 200px;
}
.ban-mar {
    margin: 35px 0;
}
.baner-top a {
    padding: 0px;
    display: block;
    box-shadow: 0px 0px 9px #BDBDBD;
}
.baner-top img {
    width: 100%;
}
.img-box-content, .gal-text-box {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.img-box-content img, .gal-text-box img {
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.img-box-content {
  position: relative;
}
.gal-text-box {
  top: 0;
  left: 0;
  position: absolute;
}
.gal-text-box .info-gal-con {
  display: block;
  position: relative;
  padding: 2%;
  left: 50%;
  top: 50%;
  position: relative;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
    text-align: center;
}

.separator {
  display: block;
  position: relative;
  height: 1px;
  width: 60%;
  margin: 10px auto;
  background: rgba(255, 255, 255, 0.5);
  clear: both;
}


.gal-spin-effect {
  display: block;
  overflow: hidden;
  position: relative;
  height:100%;
  box-shadow: 10px 10px 15px grey;
}

.gal-spin-effect .gal-text-box {
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateZ(0) scale(2, 2);
  -moz-transform: translateZ(0) scale(2, 2);
  -ms-transform: translateZ(0) scale(2, 2);
  -o-transform: translateZ(0) scale(2, 2);
  transform: translateZ(0) scale(2, 2);
  color: #000066;
  
}
.gal-spin-effect .gal-text-box * {
  z-index: 3;
}
.gal-spin-effect .gal-text-box:after, .gal-spin-effect .gal-text-box:before {
  content: "";
  display: block !important;
  position: absolute;
  visibility: visible !important;
  background-color: #000066;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
.gal-spin-effect.vertical .gal-text-box:before {
  -webkit-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateX(100%) rotateZ(180deg);
  transform: translateZ(0) translateX(100%) rotateZ(180deg);
}
.gal-spin-effect.vertical .gal-text-box:after {
  -webkit-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
  transform: translateZ(0) translateX(-100%) rotateZ(180deg);
}
.gal-spin-effect.vertical:hover .gal-text-box {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1, 1);
  -moz-transform: translateZ(0) scale(1, 1);
  -ms-transform: translateZ(0) scale(1, 1);
  -o-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}
.gal-spin-effect.vertical:hover .gal-text-box:before {
  -webkit-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateX(50%) rotateZ(0deg);
  transform: translateZ(0) translateX(50%) rotateZ(0deg);
}
.gal-spin-effect.vertical:hover .gal-text-box:after {
  -webkit-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateX(-50%) rotateZ(0deg);
  transform: translateZ(0) translateX(-50%) rotateZ(0deg);
}
.gal-spin-effect.horizontal .gal-text-box:before {
  -webkit-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateY(100%) rotateZ(180deg);
  transform: translateZ(0) translateY(100%) rotateZ(180deg);
}
.gal-spin-effect.horizontal .gal-text-box:after {
  -webkit-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  -moz-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  -ms-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  -o-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
  transform: translateZ(0) translateY(-100%) rotateZ(180deg);
}
.gal-spin-effect.horizontal:hover .gal-text-box {
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1, 1);
  -moz-transform: translateZ(0) scale(1, 1);
  -ms-transform: translateZ(0) scale(1, 1);
  -o-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}
.gal-spin-effect.horizontal:hover .gal-text-box:before {
  -webkit-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateY(50%) rotateZ(0deg);
  transform: translateZ(0) translateY(50%) rotateZ(0deg);
}
.gal-spin-effect.horizontal:hover .gal-text-box:after {
  -webkit-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  -moz-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  -ms-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  -o-transform: translateZ(0) translateY(-50%) rotateZ(0deg);
  transform: translateZ(0) translateY(-50%) rotateZ(0deg);
}
.info-gal-con h4 {
    font-size: 27px;
    text-transform: capitalize;
    margin-bottom: 30px;
    color: #fff;
}
.info-gal-con p {
    font-size: 16px;
    color: #fff;
}
.info-gal-con a {
    font-size: 16px;
    line-height: 2.2em;
    color: #fff;
	box-shadow: none;
	background-color:none;
}
/*--//gallery--*//*-- stats --*/

.w3layouts_stats_left {
    text-align: center;
}

.w3layouts_stats_left p {
    font-size: 3em;
    font-weight: 100;
    letter-spacing: 2px;
    color: #000;
    margin: 0.1em 0 0.1em 0;
}

.w3layouts_stats_left h3 {
    font-size: 1.2em;
    color: #000066;
    letter-spacing: 3px;
    margin: 0;
    font-weight: 1000;
}

.w3layouts_stats_left span {
    font-size: 2.5em;
    color: #000;
}

.w3l_stats_bottom_grid_left img {
    margin: 0 auto;
}

.stats {
    text-align: center;
    background: rgba(11, 66, 255, 0.05);
    padding: 4em 0;
	margin-top:5em;
}

.agile_inner_info_stats {
    margin-top: 2em;
}


/*-- //stats --*/
/*-- services --*/ 
.services-img-w3-agile{
	background: url(../images/services.jpg) no-repeat 0px 0px;
	min-height:376px;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
}
.services-img-agileits{
	background: url(../images/services2.jpg) no-repeat 0px 0px;
	min-height:376px;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
}
.work-row-grids {
    text-align: left;
}
.work-row-grids h4 {
    font-size: 16px;
    color: #080808;
    margin: 0.5em 0 .2em;
    letter-spacing: 1px;
}
.work-row-grids p {
    font-size: 15px;
    text-align:center;
    color: #999;
    line-height: 1.5em;
    margin: 0 auto;
}
.work-grids-img img {
    border: 1px solid #555;
    padding: 16px;
    border-radius: 68px;
}
.work-grids-img {
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.work-row-grids span.glyphicon {
    font-size: 1.4em;
    text-align: center;
    padding: 0.68em .8em;
    color: #bc0023;
}
.work-grids-img span{
  position: relative;
  z-index: 100;
  transition: all 0.3s ease 0s;
}
.tab-info-img img {
    width: 100%;
}
.tab-info-img {
  padding:0;
}
.tab-info h4 {
    font-size: 1.6em;
    color: #000066;
    letter-spacing: 1px;
    margin-bottom: 1em;
	padding:0 10px;
	font-weight:600;
}
.tab-info p {
    color: #000;
	padding:0 10px;
	text-align:justify;
}
/*--//services--*/

/*-- team --*/
.agileits_w3layouts_head{
	font-size:2.2em;
	color:#212121;
	text-align:center;
	text-transform:capitalize;
}
.agileits_w3layouts_head span{
	display: inline-block;
    padding: .3em 0;
    border-top: 2px solid #e60004;
    border-bottom: 2px solid #e60004;
}
.w3_agileits_para{
	margin:1em 0 0;
	color:#3fc8ef;
	text-align:center;
}  
.wthree_team_grid_left{
	overflow:hidden;
	position:relative;
}
.wthree_team_grid_left img {
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    transition: transform 400ms ease;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.wthree_team_grid_left:hover img {
    -webkit-transition-duration: 6s; 
    -moz-transition-duration: 6s;
	transition-duration: 6s;
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    transform: scale(1.1);
} 
.w3l_banner_figure p a {
    display: inline-block;
    color: #fff;
    font-size:15px;
    margin: 0 5px; 
}
.w3l_banner_figure p a:hover{ 
    font-size:20px;
}
/*-- image-hover --*/ 
.wthree_team_grid_left figure {
	position: relative;
	float: none;
	top: -13px;
	overflow: hidden;
	text-align: center;
} 
.wthree_team_grid_left figure img {
	position: relative;
	display: block;
	opacity: 0.8;
} 
.wthree_team_grid_left figure .w3l_banner_figure {
	padding: 2em;
	color: #fff;
	text-transform: uppercase; 
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
	text-align: left;
} 
.wthree_team_grid_left figure .w3l_banner_figure::before,
.wthree_team_grid_left figure .w3l_banner_figure::after {
	cursor: none;
} 
 
.seemore{
	color:#fff !important;
	background-color:#006;
	text-align:center !important;
	margin: 0.5em 7em;
	border-radius:10px;
}


/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: none;
	/* top: -2px; */
} 
figure.effect-julia p {
	display: inline-block;
	margin: 0 0 1em;
	padding: 0.4em 1em;
	background:#000066;
    color: #fff;
	text-transform: none;
	letter-spacing:2px;
	font-weight: 500;
	font-size:1em;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	-moz-transform: translate3d(-360px,0,0);
	-o-transform: translate3d(-360px,0,0);
	-ms-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	transition-delay: 0.15s;
} 
figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover .w3ls-bnr-icons:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	-moz-transition-delay: 0.05s; 
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	opacity: 0.4;
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*-- //team --*/
/*-- clients--*/
.clients-left {
    background: url(../images/t1.jpg) no-repeat center;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
.clients{
    background: #000066;
    padding: 4em 4em 5em 4em;
	height: 480px !important;
}
.clients h3{
	color:#fff;
}
.clients label.line{
	background:#fff;
}
.clients h3 {
	font-size: 30px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
    margin-bottom: 0.5em;
}
.clients span {
    width: 8%;
    height: 2px;
    background: #fff;
    position: absolute;
    text-align: center;
    left: 8%;
}
.flex-active-slide p {
    line-height: 1.9em;
    color: #fff;
	letter-spacing: 1px;
	font-size: 12pt;
	font-weight: 600;
}

.client h5 {
	font-size: 12pt;
	color:#ffffff;
    float: left;
	margin-top:1em;
	margin-left:20px;
	text-align:left;
	line-height:20px;
}
.client {
    margin-top: 2em;
}
/*-- //clients--*/
/*-- Contact --*/
.contact-right-w3l h3:before {
    width: 35%;
}
.mail{
	margin:30px 0px;
}
.call{
	margin-bottom:30px;
}
.contact-left-w3ls{
	position:relative
}

span.glyphicon.glyphicon-home {
    background: #000066;
}
span.glyphicon.glyphicon-envelope {
    background:#000066;
}
span.glyphicon.glyphicon-phone {
    background: #000066;
}
span.glyphicon.glyphicon-time {
    background: #000066;
}
.contact-left-w3ls .glyphicon {
    font-size: 1em;
    padding: 1em;
	color:#fff;
}
.contact-left-w3ls h4,.contact-left-w3ls h5{
	text-align:left;
}
.contact-left-w3ls h4 {
    color: #000;
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 0.5em;
}
.contact-left-w3ls p{
	color:#000;
	font-weight:400;
	font-size:1em;
	text-align:left;
}
.contact-left-w3ls p a{
	color:#000;
}
.contact-left-w3ls a{
	text-decoration: underline;
}
.contact-left-w3ls a:hover{
	color:blue;
}
.contact-right-w3l input[type="text"]{
	font-size:14px;
	border:1px solid #d5d3d3;
	background:#fff;
	outline:none;
	padding:10px;
	width:100%;
	margin-bottom:15px;
}
.contact-right-w3l input[type="email"]{
	font-size:14px;
	border:1px solid #d5d3d3;
	background:#fff;
	outline:none;
	padding:10px;
	width:100%;
	margin-bottom:15px;
}
.contact-right-w3l input[type="text"]:nth-child(1),.contact-right-w3l input[type="text"]:nth-child(3) {
    margin-right:2.4%;
}
.contact-right-w3l textarea{
	width:100%;
	padding:10px;
	outline:none;
	resize:none;
	height:150px;
	border:1px solid #d5d3d3;
	font-size:14px;
}
.contact-right-w3l input[type="submit"]{
	background:#000066;
	color:#fff;
	padding:8px 15px;
	margin-top:15px;
	border:none;
	outline:none;
}
.contact-right-w3l input[type="submit"]:hover {
    background: #000;
}
.visit,.mail,.call {
    border-bottom: 2px solid #000;
	text-align:left;
	padding: 10px 0;
}
.contact-right-w3l {
    margin: 5em 0 0 0;
}
/*-- //contact --*/
/*--footer--*/
.foot{
	width:50%;
}
.footer nav    {border:none;
	margin-bottom:2em;}
.footer ul.nav-buttom li {
	list-style: none;
	display: inline-block;
	margin: 0px 15px;
}

.footer ul.nav-buttom li a {
	text-decoration: none;
	color: #106;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight:800;
}

.footer ul.nav-buttom li:hover a {
	background-color:#000066;
	color: #fff;
	padding:10px;
	font-weight:800;
}

ul.nav-buttom {
	margin:1em 0;
}

footer{background: rgba(0, 0, 0, 0.7);}
.footer {
	background-color: rgba(11, 66, 255, 0.05);
	padding: 2em 0;
	text-align:center;
}
.footer1 {
	padding-top:2em;
}
.overlay {
	background: url(../images/overlay.png) repeat;
	padding: 2em 0;
}
.bottom-head h2 a {
    font-size: 45px;
    color: #fff;
}
span.cap{
    color: #ffff;
    margin-top: 7px;
    font-size: 15px;
    letter-spacing: 11.4px;
}
.icons {
	padding-top: 15px;
}
.icons ul li {
    display: inline-block;
}
.icons ul li a{
    color: #006;
    font-size: 25px;
    letter-spacing: 11.4px;
	text-align:center;
}
.icons ul li a span.fa.fa-facebook:hover {
    color: #3b5998;
	font-size:35px;
	padding:2px;
}

.icons ul li a span.fa.fa-twitter:hover{
	color: #1da1f2;
	font-size:35px;
	padding:2px;
}

.icons ul li a span.fa.fa-rss:hover{
	color: #f26522;
	font-size:45px;
	padding:2px;
}
.icons ul li a span.fa.fa-instagram:hover{
	color: #ea4c89;
	font-size:35px;
	padding:2px;
}
.icons ul li a span.fa.fa-vk:hover{
	color: #45668e;
	font-size:45px;
	padding:2px;
}
.colr-row{padding:0px;}	
.footer h3,.footer h2{    margin-bottom:11px;}
.footer h3 {
    font-size: 20px;
    color: #006;
    letter-spacing: 2px;
    font-weight: 800;
}
.footer img {
	width:120px; 
	height:130px;
}
.one p {
    color: #006;
    line-height: 26px;
    font-size: 14px;
}
.addres.up-out p:nth-child(1), .addres.up-out p:nth-child(2), .addres.up-out p:nth-child(3) {
    padding-top: 0px;
}
.addres p {
    font-size: 15px;
    color: #006;
    padding: 10px 0px;
}
.addres span {
    color:#006;
}
.icons-left {
    font-size: 20px;
    margin-right: 14px;
    color: #fff;
}
footer p {
    padding: 0.8em 0;
    text-align: center;
    font-size: 11pt;
    color: #fff;
    letter-spacing: 2.5px;
    background: #2f2f2f;
}
footer p a {
    color: #fff;
    text-decoration: underline;
}
footer p a:hover {
    color:#ffff;
}
/*--//footer--*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	overflow: hidden;
	z-index: 999; 
	width: 35px;
	height: 35px;
	border: none;
	text-indent: 100%;
	background: url(../images/top-arrow.png) no-repeat 0px 0px;
	background-size:100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
}
#toTopHover {
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#toTop1 {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 90px;
	right: 20px;
	overflow: hidden;
	z-index: 999; 
	width: 35px;
	height: 35px;
	border: none;
	text-indent: 100%;
	background: url(../images/top-arrow.png) no-repeat 0px 0px;
	background-size:100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
}
#toTopHover1 {
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/

/*-- /responsive design --*/
@media(min-width:1024px){
.icons {
    text-align: center;
}
}

@media(max-width:1440px){
.pro-cap {
	padding-top:9em;
}
.grids2 img {
    min-height: 0px;
}
.control2{
	line-height: 20em !important;
}
.contact-w3-agile1 iframe {
    height:350px;
}
.clients-left {
    min-height: 480px;
}
.contact-right-w3l {
    margin: 0em 0 0 0em;
}
}
@media(max-width:1366px){
.column-produk {
    float: left;
    margin: 0em 1.5em 4em 1.5em;
}
.clients-left {
    min-height: 480px;
}
}
@media(max-width:1280px){
.carousel-caption{
	padding-top:15em;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 4em;
}
.clients-left {
    min-height: 480px;
}
}
@media(max-width:1080px){
.container{
	width: 90% !important;
}
.carousel-control {
    line-height: 28em;
}
.row-produk {
    padding: 0 7em;
}
.foot{
	width:70% !important;
}
.contact-right-w3l {
    margin: 0em 0 0 0;
}
.client h5 {
	margin-top:0.5em;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 4.3em;
}
.clients-left {
    min-height: 480px;
}
.contact-right-w3l input[type="text"] {
    width: 100%;
}
span.cap {
    letter-spacing: 10px;
}
.w3l_banner_figure p a {
    margin: 0 2px;
}
.clients{
    padding: 3em 4em;
}
.clients span {
    width: 58%;
    left: 12%;
}
.bg-color{
	padding: 1em 0;
	margin: 0 8em;
}
.carousel-caption{
	padding-top:12em;
}
.carousel-caption h3 {
	font-size: 3em;
	padding: 0 1em;
}
.carousel-caption p {
	font-size: 1.3em;
	padding: 0 4em;
}
.icon_info h5 {
	font-size: 1em;
}
.icon_info p {
	padding: 0 30px;
}
.grid_info {
	height:250px;
}
}
@media(max-width:1024px){
.row-produk {
    padding: 0 5em;
}
.seemore{
	margin: 0.5em 5em;
}
.foot{
	width:80%;
}
.bg-color{
	padding: 1em 0;
	margin: 0 8em;
}
.carousel-caption {
    min-height: 550px!important;
    padding-top: 10em;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 3em;
}
.carousel-indicators {
    bottom: 10%;
}
.clients-left {
    min-height: 480px;
}
.carousel-caption h3 {
	font-size: 3em;
}
.carousel-caption p {
	font-size: 1.2em;
	padding: 0 5em;
	line-height: 25px;
}
}
@media(max-width:991px){
.navbar-default a.navbar-brand h1{
	margin-top:5px;
}
.navbar-default a.navbar-brand h1 > span img{
	width: 50px;
	height: 45px;
}
.carousel-control {
    line-height: 24em;
}
.foot{
	width:80%;
}
.bg-color{
	padding: 1em 0;
	margin: 0 5em;
}
.carousel-caption p {
	font-size: 1.3em;
	padding: 0 4em;
	letter-spacing:1.5px;
	margin-bottom:1em;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 3em;
}
.navbar-default .navbar-nav>li>a {
    padding: 15px 10px;
}
.carousel-caption {
    min-height: 540px!important;
    padding-top:10em;
}
.carousel-indicators {
    bottom: 10%;
}
.grid_info {
    width: 32%;
	height:250px;
	margin:0 auto 0.2em;
	box-shadow: 1px 5px 10px rgba(0,0,0,0.75);
	padding: 1em 1em;
}
.grid_info:nth-child(2) {
	margin: 0 2%;
}
.icon_info h5 {
	padding: 0 50px;
	font-size:18px;
}
.icon_info p {
	font-size:14px;
	padding: 5px 36px;
}
.tab-info h4 {
    margin-bottom: 1em;
    margin-top: 1em;
}
.wthree_team_grid_left figure .w3l_banner_figure {
    padding: 0.2em;
}
.w3layouts_stats_left.w3_counter_grid {
    width: 50%;
    float: left;
}
.w3layouts_stats_left.w3_counter_grid1 {
    width: 50%;
    float: left;
}
.w3layouts_stats_left.w3_counter_grid2 {
	 margin-top: 2em;
	 width: 50%;
	 float: left;
}
.w3layouts_stats_left.w3_counter_grid3{
	 margin-top: 2em;
	 width: 50%;
	 float: left;
}
.clients-left {
    width: 40%;
    margin: 0 auto;
	min-height: 450px;
}
.clients {
    width:60%;
	margin:0 auto;
	max-height: 450px;
}
.client {
	margin-top:0;
	padding-top:0em;
	padding-bottom:10px;
}
.contact-left-w3ls {
    width: 50%;
    margin: 0 auto;
}
.contact-right-w3l {
    width: 50%;
}
.bottom-head.bottm-grid {
    width: 100%;
	margin-bottom:0;
	text-align:center;
}
.copyright.bottm-grid {
    width: 50%;
	margin-bottom:0em;
	text-align:center;
}
.one.bottm-grid {
    width: 50%;
	margin-bottom:1em;
	text-align:center;
}
.three.bottm-grid {
    width: 100%;
	margin-bottom:1em;
	text-align:center;
}
}

@media(max-width:991px){
.about, .team, .gallery, .welcome, .contact-w3-agileits, .banner-bottom, .services {
    padding: 3em 0;
}
.w3-heading-all h3 {
    font-size: 2.3em;
}
}
@media(min-width:991px){
	.mobile{
		display: none;
	}
}
@media (max-width:812px) {
	.carousel-caption h3 {
		padding: 0em;
		font-size:2.5em;
	}
	.gallery-grids{
		display: none;
	}
	.navbar-toggle{
		margin-left: 2em;
	}
	.icon_info h5 {
		padding: 0 20px;
	}
	.icon_info p{
		padding: 5px 10px;
	}
	.navbar-default a.navbar-brand h1 {
		margin-top: 10px;
		font-size: 25px;
	}
	.navbar-default a.navbar-brand h1 > span img{
		width: 40px;
		height: 35px;
	}
	.icon_info p {
		font-size: 14px;
		padding: 5px 15px;
	}
	.grid_info{
		height:250px;
	}
	.navbar-default a.navbar-brand h1 {
		color: #fff;
		font-weight: 700;
		margin-top: 10px;
		font-size: 24px;
		margin-left: -20px;
	}
	.navbar-nav{
		margin-right: -25px;
		margin-top: 3px;
	}
}
@media (max-width:800px) {
	.carousel-indicators {
		bottom: 5%;
	}
	.navbar-default a.navbar-brand h1 > span img {
		margin-right: 8px;
		margin-left:5px;
		width: 43px;
		height: 38px;
	}
	.column-produk {
		float: left;
		margin: 0em 0.5em 4em 0.5em !important;
		width: 300px;
	}
	.img-product {
		width: 250px !important;
		min-height: 150px !important;
		margin: 1em 1em 0.5em 1em;
	}
	.icon_info h5 {
		font-size: 18px;
	}
	.icon_info p {
		font-size: 14px;
		padding: 5px !important;
	}
	.grid_info {
		height: 260px;
	}
	.resp-tabs-list li{
		padding: 20px 0 !important;
	}
	.clients-left {
		width: 100% !important;
	}
	.clients {
		width: 100% !important;
	}
	.map{
		min-height: 280px !important;
	}
	.foot1{
		width:45%;
	}
	.subevent1{
		width:100% !important;
	}
}
@media (max-width:768px) {
	.bg-color{
		padding: 1em 0;
		margin: 0 5.5em;
	}
	.carousel-caption {
		padding-top:12em;
	}
	.carousel-caption p{
		font-size: 1em;
		padding: 0 5em;
	}
	.carousel-control {
		line-height: 28em;
	}
	.control2{
		line-height: 17em !important;
	}
	.pro-cap {
		padding: 7.5em 2em !important;
	}
	.clients-left{
		width:100% !important;
	}
	.clients {
		width: 100% !important;
		max-height: 420px !important;
	}
	.flex-viewport{
		padding-top:0 !important;
	}
	.gallery-grids img {
		height: 250px !important;
	}
	.flexslider .slides img {
		width: 10% !important;
	}
	.client{
		padding-top:0 !important;
	}
	.row-produk {
		padding: 0 2em !important;
	}
	.ban-mar {
		margin: 35px 0 0 0;
		width: 50%;
		height: 250px;
	}
	.inner_sec_info_agileits_w3{
		padding-left:2em;
	}
	.grid_info {
		width: 30% !important;
		height: 280px  !important;
		padding: 1.5em 0em !important;
	}
	.icon_info p {
		font-size: 14px;
		padding: 5px 8px;
	}
	.map {
		background-size: 125% 100%;
		min-height: 280px;
	}
	.column.subevent1{
		width:100%;
	}
	.column-produk {
	float: left;
	width: 45%;
	margin: 0 1.5em 2em 0.5em !important;
	}
	.img-product {
		width: 280px !important;
		height: 180px !important;
		margin: 1em 1em 0.5em 1em;
	}
	.separator{
		margin: 0 auto;
	}
	.navbar-default a.navbar-brand h1 > span img {
    margin-right: 8px;
    width: 45px;
    height: 40px;
	}
	.navbar-default a.navbar-brand h1{
		margin-top:8px;
	}
	.navbar-default .navbar-nav > li > a{
		padding:15px 10px 20px 5px;
	}
	.foot{
		width:90% !important;
	}
	.foot1{
		width:35%;
		padding:0 !important;
	}
	.foot2{
		width:60%;
		padding:0 !important;
	}
	.footer{
		padding:1em 2em;
	}
	.map{
		height:auto;
	}
	.navbar-brand{
		margin-left: 5px !important;
	}
	.navbar-default a.navbar-brand h1{
		font-size:16pt;
	}
	.navbar-default .navbar-nav > li > a{
		font-size:11pt;
		color:#fff;
	}
	.tab-info-img {
		margin: 0 2em;
		width:90%;
	}
	.tab-info{
		margin: 0 2em;
		width:90%;
	}
	.tab-info p{
		padding: 2px 0;
	}
	.contact-w3-agile1 iframe{
		height:200px;
	}
}
@media (max-width:767px) {
	.navbar-default .navbar-nav > li > a{
		color:#333;
	}
	.dropdown{
		margin:1em 0;
	}
	.carousel-caption p{
		padding: 0 6em;
	}
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
	.navbar-nav {
		float: left;
		width: 100%;
		background: #eee;
		margin: 1em 0;
	}
}
@media(max-width:767px){
.wthree_team_grid_left figure img {
	padding:0 40px;
}
.gallery-grids {
	margin-left:0px;
}
.banner-bottom{
    margin-left:45px;
  }
.bottom-head.bottm-grid {
    width: 100%;
	margin-bottom:0;
}
.copyright.bottm-grid {
    width: 50%;
	margin-bottom:0em;
}
.one.bottm-grid {
    width: 50%;
	margin-bottom:1em;
}
.three.bottm-grid {
    width: 50%;
	margin-bottom:1em;
}
.grid_info {
    text-align:center;
	width: 30%;
	height:280px;
	margin:0 auto;
	box-shadow: 1px 5px 10px rgba(0,0,0,0.75);
}
.icon_info h5 {
	padding: 0 10px;
	font-size:18px;
}
.icon_info p {
	font-size:14px;
	padding: 10px 10px;
}
.carousel-caption{
	padding-top:10em;
}
.carousel-caption h3 {
	font-size: 3em;
	color:#fff;
}
.carousel-caption p {
	font-size: 1.2em;
	padding: 0 5em;
	letter-spacing:1px;
	text-shadow: 3px 2px 2px #000;
	line-height:25px;
}
.clients-left {
    min-height: 300px;
	width:100%;
}
.clients {
    width: 100%;
}
.clients span {
    width: 72%;
    left: 8%;
}
.footer .container {
	 width: 100% !important;
}
.navbar {
    min-height: 50px;
}
div#bs-example-navbar-collapse-1 {
    position: absolute;
	margin: 0px 2px;
	right:35px !important;
    width: 50%;
    background: rgb(255,255,255);
    text-align: left;
	top:4em;
    z-index: 99;
}
.navbar-nav>li {
    float: none;
    width: 100%;
    margin: 0 5px;
}
.navbar-nav {
    background: none;
}
.navbar {
    padding: 0.5em;
}
.navbar-default a.navbar-brand h1 {
    margin-top: 2px;
	margin-left:8px;
}
}

@media (max-width:740px) {
	.inner_sec_info_agileits_w3 {
		padding-left: 0em;
	}
	.icon_info h5 {
		padding: 0px !important;
	}
	.bg-color{
		padding: 1em 0;
		margin: 0 5em;
	}
	.carousel-caption{
		padding-top:12em;
	}
	.carousel-caption p{
		font-size: 1em;
		padding: 0 2em;
	}
	.carousel-caption  h3{
		font-size:2.5em;
		padding: 0 0.5em;
	}
	.carousel-control {
		line-height: 28em;
	}
}
@media(max-width:667px){
.control2{
	line-height: 18em !important;
}
.pro-cap {
	padding: 8em 2em !important;
}
.map {
	background-size: 125% 100%;
	min-height: 250px !important;
}
.column-produk {
    float: left;
    width: 44%;
    margin: 0 1.5em 2em 0.5em;
	height: 220px;
}
.img-product {
    width: 200px !important;
	height: 150px !important;
	margin: 1em 1em 0.5em 1em;
}
.gallery-grids1 img {
    height: 10%;
	min-height:150px;
}
div#bs-example-navbar-collapse-1{
	top: 4em;
	right: 15px !important;
}
.navbar-toggle{
	padding:10px;
	margin: 5px 10px 10px 0;
}
.three.bottm-grid {
	margin-bottom:0;
}
.footer img{
	width:100px;
	height:110px;
}
.footer h3{
	font-size:18px;
}
.addres p{
	font-size:14px;
}
.icons{
	margin-top:5px;
}
.footer{
	padding:1em 0;
}
.tab-info-img{
	margin-top: 0;
}
.w3layouts_stats_left span{
	font-size:22pt;
}
.w3layouts_stats_left p{
	font-size: 28pt;
}
.w3layouts_stats_left h3{
	font-size: 14pt;
}
.contact-w3-agile1 iframe{
	height:200px;
}
.navbar{
	min-height:15px;
}
.ban-mar{
	margin: 15px 0;
	height: 220px;
}
.navbar-default a.navbar-brand h1 > span img {
	width: 45px;
	height:40px;
}
.navbar-default a.navbar-brand h1{
	font-size:18pt;
}
.gallery-grids img{
	height: 220px !important;
}
.clients-left {
    min-height: 450px;
    width: 100%;
}
.w3-heading-all  {
	margin-bottom:40px;
}
.contact-text-agileinf0 {
	font-size:15px;
	width:100%;
}
.contact-left-w3ls .glyphicon {
    font-size: 1em;
    padding: 0.3em;
	margin-bottom:10px;
}
.banner-bottom{
    margin-left:0px;
  }
.gallery-grids {
	margin: 0 auto;
}
.resp-tabs-container {
	width:85%;
	margin-left:45px;
}
.tab-info-img{
	width:100%;
	margin:0;
}
.tab-info{
	margin:0;
	width:100%;
}
.wthree_team_grid_left figure .w3l_banner_figure {
	width:80%;
	height:auto;
}

.grid_info {
    text-align:center;
	width: 30%;
	height:310px;
	margin:0 auto;
	box-shadow: 1px 5px 10px rgba(0,0,0,0.75);
}
.icon_info h5 {
	padding: 0 10px !important;
	font-size:18px;
}
.icon_info p {
	font-size:14px;
	padding: 10px 10px;
}
.carousel-caption{
	padding-top:10em;
}
.wthree_team_grid_left {
    width: 50%;
    margin: 0 auto;
}
	.bg-color{
		padding: 1em 0;
		margin: 0 4em;
	}
	.carousel-caption{
		padding-top:11em;
	}
	.carousel-caption p{
		font-size: 1em;
		padding: 0 1em;
	}
	.carousel-caption  h3{
		font-size:2.3em;
		padding: 0 0em;
	}
	.carousel-control {
		line-height: 25em;
	}
}
@media(max-width:640px){
div#bs-example-navbar-collapse-1 {
    top: 4em;
    right: 15px;
}
.inner_sec_info_agileits_w3 {
    padding-left: 0em;
}
.foot1 {
    width: 10%;
}
.foot2 {
    width: 100%;
    padding: 0 7em !important;
	margin-left: 2em;
}
.footer .container {
    width: 100%;
    margin-left: 4em;
}
.pro-cap {
    padding-top: 10em;
}
.contact-w3-agile1 iframe{
	height:150px;
}
.gallery {
	margin-left: 0px;
}
.grid_info {
    text-align:center;
	width: 30%;
	height: 250px !important;
}
.ban-mar {
    margin: 15px 3em;
    height: 220px;
    width: 80%;
}
.grid_info h5{
    font-size:17px;
}
.banner-bottom {
	margin-left:30px;
}
.icon_info span {
	height: 50px;
	width: 50px;
	line-height: 40px;
	font-size: 1.3em;
	color:#fff;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 2.3em;
}
.carousel-caption p{
	font-size: 1em;
	padding: 0 4em;
}
.bg-color{
	margin: 0 3em;
	padding: 0.5em;
}
.carousel-indicators {
    bottom: 10%;
}
}
@media(max-width:600px){

.inner_sec_info_agileits_w3 {
    padding-left: 2em;
}
.navbar-header{
	margin: 0 20px;
}
.img-product {
    width: 350px !important;
    height: 180px !important;
    margin: 20px 10px;
}
.foot2 {
    width: 100%;
    padding: 0 0em !important;
}
.column-produk {
    width: 40%;
    margin-left: 1.5em !important;
	height: 200px;
}
.img-product {
    width: 200px !important;
    height: 130px !important;
    margin: 20px 10px;
}
.foot{
	width:100%;
}
.foot1{
	width:35%;
	padding-top:1em !important;
}
.foot2{
	width:100%;
}
.one.bottm-grid, .copyright.bottm-grid{
	width:30%;
}
.navbar-toggle{
	margin-top:12px;
	margin-bottom: 12px;
	margin-right: -20px;
}
div#bs-example-navbar-collapse-1{
	top:3.5em;
	width: 55%;
	right:20px !important;
}
.client{
	margin-top:0;
}
.flex-viewport{
	padding-top:0 !important;
}
.seemore{
	font-size:11pt;
	margin: 0;
}
.navbar-default a.navbar-brand h1{
	margin-top:10px;
}
.footer img {
    width: 80px;
    height: 90px;
}
.footer h3{
	font-size:12pt;
}
.three.bottm-grid{
	margin-bottom:0;
}
.gallery-grids img{
	height:210px;
}
.navbar{
	min-height:50px;
	padding: 0 0.5em;
}
.navbar-default a.navbar-brand h1{
	font-size:20px;
}
.navbar-default a.navbar-brand h1 > span img{
	width:40px;
	height:35px;
}
.footer .container {
    width: 100%;
}
.clients-left{
	width:105% !important;
}
.carousel-caption {
    padding-top: 10em;
}
.footer .container {
    margin-left: 0em;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 2.5em;
}
.navbar-default .navbar-nav>li>a {
    padding: 18px 13px;
}
.carousel-caption h3 {
	padding:0 1em;
}
.carousel-control {
    line-height: 28em;
}
.banner-bottom {
    margin-left: 0px;
}
.grid_info {
    text-align:center;
	width: 30%;
	height:250px !important;
}
.inner_sec_info_agileits_w3 {
	text-align:center;
}
.gallery-grids {
	width:100%;
}
}
@media(max-width:568px){
.bg-color{
	margin: 0 3em;
}
.carousel-caption h3{
	font-size: 2em;
	padding: 0;
}
.carousel-caption p {
	padding: 0 2em;
}
.carousel-caption{
	padding-top: 12em;
}
div#bs-example-navbar-collapse-1{
	top: 3.5em;
	width: 55%;
	right: 25px !important;
}
.carousel-control {
    line-height: 25em;
}
.inner_sec_info_agileits_w3 {
    padding: 0 0 0 2em;
}
.map {
    background-size: 125% 100%;
    min-height: 220px !important;
}
.column-produk {
    width: 45%;
    margin-left: 0em !important;
    height: 180px;
}
.gallery-grids1 img {
    min-height:100px;
}
.img-product {
    width: 180px !important;
    height: 120px !important;
    margin: 20px 10px;
}
.foot1{
	width:35%;
}
.foot2{
	width:100%;
}
.clients{
	padding: 2em 4em;
	height:430px !important;
}
hr{
	margin: 15px 0;
}
.flex-active-slide p{
	font-size:11pt;
}
.navbar-default a.navbar-brand h1{
	margin-top:13px;
}
.stats{
	padding:2.5em 0 3em 0;
	margin-top:0;
}
.w3layouts_stats_left p{
	margin:0;
}
.w3layouts_stats_left h3{
	font-size:11pt;
}
.info-gal-con h4{
	font-size:16pt;
}
.info-gal-con p{
	font-size:14pt;
	line-height:0;
}
.inner_sec_info_agileits_w3{
	margin-top:0;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 0px;
}
.subevent{
	width:85%;
}
.navbar-default a.navbar-brand h1 > span img {
    margin-right: 5px;
    width: 35px;
    height: 30px;
	margin-left: 20px;
}
.navbar-toggle{
	margin-right:5px;
}
.navbar-default a.navbar-brand h1{
	font-size:20px;
}
.footer img {
	width:80px; 
	height:90px;
	margin-top:0px;
}
.footer p {
	font-size:14px;
	padding:0;
}
.footer h3 h2{
	font-size:16px;
	margin-bottom:10px;
}

.bottom-head.bottm-grid {
    width: 100%;
	padding: 0;
	margin: 0;
}
.copyright.bottm-grid {
    width: 30%;
	padding: 0;
	margin: 0;
}
.one.bottm-grid {
    width: 30%;
	padding: 0;
	margin: 0;
}
.three.bottm-grid {
    width: 50%;
	padding: 0;
	margin: 0;
}
.icon_info h5 {
	font-size:14px;
}
.grid_info {
	width:30%;
}
.gallery-grids {
	margin-left:0px;
}
}
@media(max-width:480px){
.client{
	padding:0;
	margin: 20px 0;
}
.map {
    background-size: 125% 100%;
    min-height: 200px !important;
}
.gallery-grids1{
	width:100%;
	margin: 0 auto;
}
.info-gal-con p{
	font-size:11pt;
}
.column-produk{
	width: 80%;
	margin-left: 2em !important;
	height: 220px
}
.img-product {
    width: 280px !important;
    height: 120px !important;
    margin: 20px 10px;
}
.foot1{
	display:none;
}
.w3layouts_stats_left h3{
	font-size: 11pt;
	font-weight: 700;
	letter-spacing: 1px;
}
.baner-top a{
	padding:0 10px;
}
.footer .container{
	width:85% !important;
}
.footer p{
	font-size:10pt;
}
.footer img{
	width:70px;
	height:80px;
}
.navbar-toggle{
	padding:13px 10px;
	margin-bottom:10px;
}
.navbar-default .navbar-nav > li > a{
	padding:12px;
}
ul.resp-tabs-list, p{
	margin: 0;
}
.footer{
	padding: 1em 0;
}
.footer nav{
	margin-bottom:0;
}
.contact-w3-agile1 iframe{
	margin-top:0 !important;
}
hr {
	margin-top: 10px;
	margin-bottom:10px;
}
.flex-active-slide p{
	font-size:10pt;
}
p {
	font-size:11pt;
}
.clients-left{
	min-height:350px;
}
.w3-heading-all h3{
	margin-bottom:0;
}
.w3-heading-all{
	margin:0 25px 10px 25px;
}
figure.effect-julia p{
	font-size: 11pt;
}
.wthree_team_grid_left figure img{
	padding:0 10px;
}
.grid_info:nth-child(2){
	margin: 0 auto;
}
.grid_info{
	margin: 20px auto;
}
.navbar-default a.navbar-brand h1{
	margin-top:12px;
}
.bottom-head.bottm-grid {
    width: 50%;
	padding: 0;
	margin: 0;
}
.copyright.bottm-grid {
    width: 50%;
	padding: 0;
	margin: 0;
}
.one.bottm-grid {
    width: 50%;
	padding: 0;
	margin: 0;
}
.three.bottm-grid {
    width: 50%;
	padding: 0;
}
.footer .container {
	text-align:center;
}
footer p {
	padding: 0.8em 2em;
	font-size: 10pt;
}
.stats {
	padding-left:0px;
}
.navbar-default a.navbar-brand h1 {
    margin-left: -20px;
	margin-top: 10px;
}
.bg-color{
	margin: 0 1em;
	padding: 1em;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 1.8em;
	padding:0;
}
.carousel-control {
    line-height: 24em !important;
}
.carousel-caption {
    padding-top: 11em;
}
.carousel-caption p {
	padding: 0 1em;
	font-size: 12pt;
	margin:0.5;
}
.grid_info {
	width: 75% !important;
	height: 180px !important;
	padding: 1em !important;
}
.icon_info p {
    font-size: 14px;
    padding: 5px 45px !important;
}
.icon_info h5 {
    font-size: 14px;
    margin: 1.5em 0 0 0;
    padding: 0 !important;
}
.inner_sec_info_agileits_w3 {
    padding: 0em;
}
.ban-mar {
    margin: 15px 0em;
}
.gallery-grids {
	margin-left:30px;
}
.banner-bottom {
	margin-left: 0px;
	text-align:center;
}
.clients {
    width: 100%;
	padding: 2em 4em 1em 4em;
	min-height: 380px !important;
}
.contact-left-w3ls {
    width: 100%;
    margin-left: 0em;
	padding:0;
}
.wthree_team_grid_left {
    width: 50%;
    margin: 0 auto;
}
.contact-right-w3l {
	width: 100%;
    margin-top: 2em;
}
.footer ul.nav-buttom li {
    margin: 0px 9px;
}
.w3-heading-all h3 {
    font-size: 2em;
}
div#bs-example-navbar-collapse-1 {
    width: 100%;
	right:0 !important;
	top: 3.8em;
	box-shadow: 5px 3px 5px #494949;
}
}

@media(max-width:414px){
.navbar-brand {
	margin-left: -20px !important;
	margin-top: 5px;
}
.subevent p{
	text-align:justify;
}
.control2{
	line-height: 18em !important;
}
.pro-cap {
	padding: 7em 2em !important;
}
footer p {
    padding: 0.8em 6em;
}
.map{
	min-height: 180px;
}
.navbar-default a.navbar-brand h1 {
    margin-left: -15px;
}
.icon_info p {
    font-size: 14px;
    padding: 5px 22px !important;
}
.gallery-grids {
    margin-left: 2em !important;
}
.clients-left{
	width:105%;
	min-height: 300px !important;
}
.w3layouts_stats_left h3{
	font-size: 11pt;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 0 1em;
}
footer{
	margin-top:2px;
}
.footer{
	padding: 1em 0;
}
.footer .container{
	padding:0;
}
.colr-row{
	padding: 0 20px 0 0 !important;
}
ul.nav-buttom{
	margin: 1em 4em;
}
.clients-left{
	min-height:200px;
}
.w3layouts_stats_left.w3_counter_grid{
	padding:0;
}
.resp-tab-content{
	padding:20px;
}
.resp-tabs-container{
	width:90%;
	margin: 0 auto;
}
figure.effect-julia p{
	margin: 0 0 2px;
	font-size:11pt;
}
.wthree_team_grid_left figure img{
	padding:0 10px
}
.ban-mar{
	margin:25px 0;
}
.grid_info:nth-child(2){
	margin: 20px auto;
}
.w3-heading-all h3{
	font-size: 20pt;
	margin-bottom:20px;
}
.bg-color{
	margin: 0 1em;
	padding: 0.5em;
}
.carousel-control{
	line-height: 23em !important;
}
.carousel-caption {
    padding-top: 10em;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 2em;
}
.carousel-caption h2, .carousel-caption h3 {
    letter-spacing: 1px;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 1.5em;
	padding-bottom: 0;
	margin-bottom:0;
}
.carousel-caption p{
	font-size: 11pt;
	line-height: 20px;
	padding: 0;
}
.carousel-caption {
    min-height: 438px!important;
}
.gallery-grids{
	margin-left: auto;
}
.grid_info {
    width: 75%;
    margin: 0 auto 20px;
}
.tab-info h4 {
    font-size: 1.2em;
   }
.footer ul.nav-buttom li {
    margin: 3px 6px;
}
.about, .team, .gallery, .welcome, .contact-w3-agileits, .banner-bottom, .services {
    padding: 2em 0;
}
.clients {
    padding: 2em 3em;
}
}
@media(max-width:384px){
.navbar-brand {
	margin-left: -30px !important;
	margin-top: 5px;
}
.control2{
	line-height: 18em !important;
}
.pro-cap {
	padding: 9em 2em !important;
}
.icon_info p {
    font-size: 14px;
    padding: 10px 20px !important;
	line-height: 1.5em;
}
.icon_info h5 {
    padding: 0 0px;
}
.gallery-grids {
    margin-left: 2em;
}
.flex-active-slide p {
    font-size: 10pt;
    line-height: 25px;
}
.clients {
    padding: 1em 3em;
    height: 380px !important;
}
.flex-control-nav{
	margin-top:2em !important;
}
.subevent h3{
	font-size:20pt;
}
.subdetail h2{
	text-indent:0px;
	font-size:14pt;
}
.subdetail h3{
	text-indent:50px;
	font-size:12pt;
}
.subevent p{
	margin-top:20px !important;
	font-size:11pt;
}
.subdetail p{
	text-indent:35px;
}
.gallery-grids1{
	width:100%;
	margin: 0 auto;
}
.modal-body p {
    font-size: 12pt;
    text-align: justify;
    color: #000;
    padding: 0 1em 1em 1em;
    text-indent: 35px;
}
.footer{
	padding: 0.5em 0;
}
footer p{
	font-size:10pt;
}
.clients{
	padding:2em 3em 3em 3em;
	height:450px !important;
}
.clients-left{
	width:100%;
	min-height:250px !important;
}
.w3layouts_stats_left h3{
	letter-spacing:0;
}
.tab-info p{
	padding:0;
}
.resp-tab-content{
	padding:0;
}
.info-gal-con a {
	line-height:0;
}
footer p{
	font-size:10pt;
	padding: 1em 6em;
}
.contact-w3-agile1 iframe{
	margin-top:1em !important;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 2em;
	padding:10px 0;
	margin-top:0;
}
.carousel-caption{
	padding-top:9em;
}
.carousel-caption p {
    letter-spacing: 1px;
    font-size: 10pt;
	line-height:18px;
	padding: 5px;
}
.bg-color{
	padding:0.5em 1em;
}
.info-gal-con h4 {
    font-size: 16pt;
    padding: 0 10px;
}
.tab-info h4 {
    font-size: 1.1em;
}
.w3layouts_stats_left h3 {
    font-size: 0.9em;
}
.w3layouts_stats_left span {
    font-size: 2em;
    color: #000;
}
.clients-left {
    min-height: 180px;
}
.contact-left-w3ls .glyphicon {
    font-size: 1em;
    padding: 0.5em;
}
}
@media(max-width:375px){
.control2{
	line-height: 18em !important;
}
.pro-cap {
	padding: 9em 2em !important;
}
.contact-left-w3ls {
    padding: 0 40px;
}
.contact-right-w3l{
	padding: 0 40px;
}
.carousel-control {
    line-height: 22em !important;
}
.navbar-brand {
	margin-left: -10px !important;
	margin-top: 0;
}
.navbar-default a.navbar-brand h1 > span img{
	margin-left:0;
}
.navbar-toggle {
    padding: 8px 10px;
    margin-bottom: 10px;
}
div#bs-example-navbar-collapse-1 {
    right: 0;
    top: 3.1em;
}
.foot2 {
    left: -20px;
}
.map {
    background-size: 125% 100%;
    min-height: 180px !important;
}
ul.resp-tabs-list, p{
	margin:0 !important;
}
.one p{
	line-height:20px;
}
footer p{
	font-size:10pt;
}
.icons{
	padding-top:10px;
}
.footer nav{
	margin-bottom:1em;
}
.footer .container{
	width: 100% !important;
	padding-left: 10px;
}
.navbar-default a.navbar-brand h1{
	margin-left:0;
}
.container{
	padding:0;
}
.footer{
	padding-right:0px;
	padding-bottom: 2em;
}
.contact-w3-agile1 iframe{
	margin-top:1em !important;
}
.w3layouts_stats_left h3{
	letter-spacing:0;
}
.tab-info p{
	padding:0;
}
.resp-tab-content{
	padding:0;
}
.info-gal-con a {
	line-height:0;
}
footer p{
	font-size:10pt;
	padding: 1em 5em;
}
.w3layouts_stats_left p {
    font-size: 2em;
}
.footer ul.nav-buttom li a {
    font-size: 13px;
    letter-spacing: 1px;
}
.bottom-head h2 a {
    font-size: 35px;
    color: #fff;
}
}
@media(max-width:360px){
.container{
	width:100%;
}
.clients h3{
	font-size:25px;
}
.flex-active-slide p {
    font-size: 10pt;
    line-height: 20px;
	padding:10px 0;
}
.icon_info{
	padding-top:5px;
}
.icon_info h5 {
    padding: 0 55px !important;
	font-size:12pt;
}
.icon_info p{
	padding: 10px 30px !important;
	line-height:1.2em;
}
.grid_info {
    width: 75% !important;
    height: 200px !important;
    padding: 1em 0 !important;
}
.navbar-default a.navbar-brand h1{
	margin-left: -10px;
}
.map {
    background-size: 125% 100%;
    min-height: 160px !important;
}
.control2{
	line-height: 17em !important;
}
.pro-cap {
	padding: 8em 2em !important;
}
.navbar-brand {
	margin-left: 0px !important;
	margin-top: 0px;
}
}
@media(max-width:320px){
.control2{
	line-height: 18em !important;
}
.pro-cap {
	padding: 9em 2em !important;
}
.icon_info p {
    padding: 10px 0 !important;
}
.icon_info h5 {
    padding: 0 40px !important;
}
.carousel-caption {
    padding: 10em 1em 0 1em;
}
.carousel-control {
    line-height: 22em !important;
}
.copyright.bottm-grid {
    right: -5px;
}
.one.bottm-grid {
    left: 25px;
}
.gallery-grids img {
    height: 180px;
}
.carousel-caption h2, .carousel-caption h3 {
    padding-bottom: 0;
}
}

@media(max-width:320px){
div#bs-example-navbar-collapse-1 {
    max-height: 430px;
}
.gallery-grids img {
    height: 150px !important;
}
.ban-mar {
    height: 150px;
}
.separator{
	margin: 5px auto;
}
.info-gal-con a {
    font-size: 14px;
}
.one.bottm-grid{
	left: 0px;
}
.copyright.bottm-grid{
	right: -10px;
}
.map {
    background-size: 125% 100%;
    min-height: 150px !important;
}
.subevent h3{
	font-size:20pt;
}
.subdetail h3{
	text-indent:50px;
	font-size:20pt;
}
.subdetail h2{
	text-indent:0px;
	font-size:12pt;
}
.subevent p{
	margin-top:20px !important;
	font-size:11.5pt;
}
.gallery-grids1{
	width:90%;
	margin: 0 auto;
}
.subevent1{
	padding: 10px 1em 20px 1em !important;
}
.info-gal-con p{
	font-size:10pt;
}
.column-produk{
	width: 90%;
	margin-left: 0.5em !important;
}
.foot1, .bottom-head.bottm-grid{
	width:100%;
}
.footer{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:2em;
}
.footer h3{
	font-size:11pt;
}
.one p{
	font-size:9pt;
	line-height:18px;
}
.icons{
	padding-top:0;
}
footer p {
	font-size:9pt;
	padding: 1em 6em;
}
.icons ul li a span.fa.fa-twitter:hover{
	font-size:30px;
}
.icons ul li a span.fa.fa-instagram:hover{
	font-size:30px;
}
.one p{
	line-height:20px;
}
.contact-right-w3l input[type="submit"]{
	font-size:10.5pt;
}
.contact-left-w3ls p{
	font-size:10pt;
	font-weight:500;
}
ul.resp-tabs-list, p{
	margin:0 !important;
}
.w3-heading-all h3{
	font-size:18pt;
}
ul.nav-buttom{
	margin:1em 3em;
}
.clients h3 {
	margin-bottom:1em;
	font-size:25px;
}
.clients {
	height: 500px !important;
	padding-top: 1.5em
}
.flex-active-slide p{
	font-size:10pt;
}
.container {
	padding:0;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 1.4em;
	padding-bottom: 0;
}
.navbar-default a.navbar-brand h1 {
	font-size:16px;
}
.navbar-default a.navbar-brand h1 > span img{
	width:35px; 
	height:30px;
}
.navbar {
	min-height: 10px;
}

.grid_info {
    width: 70% !important;
	height:200px !important;
}
.wthree_team_grid_left {
    width: 100%;
    margin: 0 auto;
}
.w3layouts_stats_left.w3_counter_grid {
    width: 100%;
    float: none;
    margin-bottom: 2em;
}
.w3layouts_stats_left.w3_counter_grid1 {
    width: 100%;
    float: none;
    margin-bottom: 2em;
}
.w3layouts_stats_left.w3_counter_grid2 {
    width: 100%;
    float: none;
    margin-bottom: 2em;
}
.w3layouts_stats_left.w3_counter_grid3 {
    width: 100%;
    float: none;
    margin-bottom: 2em;
}
.client h5 {
    font-size: 13px;
}
.footer ul.nav-buttom li {
    margin: 0px 2px;
}
.contact-left-w3ls .glyphicon {
    font-size: 1em;
    padding: 0.5em;
}
}
/*-- /responsive design --*/

.contact-w3-agile1 iframe {
    width: 100%;
    outline: none;
    border: none;
	margin-top:3em;
}


.pro {
	height:360px;
}
.control {
	line-height : 20em;
}
.gal-pro{
	padding-top:2.5em;
}

/*Header Product*/
#makeMeScrollable{
	width:100%;
	height: 330px;
	position: relative;
	top: 4.5em;
	margin-bottom: 5em;
}

#makeMeScrollable div.scrollableArea img{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	height: 100%;
}
@media(max-width:991px){
	#makeMeScrollable{
		height: 280px;
		position: relative;
		top: 3.75em;
		margin-bottom: 2em;
	}
}
@media(max-width:667px){
	#makeMeScrollable{
		height: 280px;
		position: relative;
		top: 4.1em;
		margin-bottom: 2em;
	}
}
@media(max-width:568px){
	#makeMeScrollable{
		height: 280px;
		position: relative;
		top: 3.7em;
		margin-bottom: 2em;
	}
}
@media(max-width:480px){
	#makeMeScrollable{
		height: 200px;
		position: relative;
		top: 3.95em;
		margin-bottom: 2em;
	}
}
@media(max-width:375px){
	#makeMeScrollable{
		height: 200px;
		position: relative;
		top: 3.3em;
		margin-bottom: 2em;
	}
}