@charset "utf-8";
/* CSS Document */
/* cyrillic-ext */
/* latin-ext */
/* cyrillic-ext */
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'), local('Raleway-Black'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'), local('Raleway-Black'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'), local('Raleway-Black'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'), local('Raleway-Black'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 .hameid-loader-overlay {
        width: 100%;
        height: 100%;
        background:url(../img/preloader.gif) center no-repeat #000;
        z-index: 99999;
        position: fixed;
    }
	
	
a:hover, a:focus, a:active, div:hover, div:focus, div:active, button:focus, button:active{
	outline:none !important;}
/* Navbar Styles */
body{height:2400px;
font-family: 'Raleway';
font-style: normal;
font-size:15px;
}
p,h1,h2,h3,h4,h5,h6{font-family: 'Montserrat';}
h2{font-weight: 100;}
h5 small{
        font-size: 60%;
    color: #fff;
    font-weight: 100;
}
.navbar-nav>li>a{display: block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li>a:active,
.navbar-nav>li>a.active{ color:#c5191f;
-webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;}
@keyframes hvr-wobble-horizontal {
  0%   {opacity: 1; font-size:inherit;}
  25%   {opacity: 0.7; font-size: inherit;}
  50%   {opacity: 0.7; font-size:80%;}
  75%   {opacity: 0.8; font-size:inherit;}
  100%{opacity: 1; font-size:inherit;}
}
ol, ul {
    list-style-type: none;
	    padding-inline-start: 0;
	}
ul li{padding-bottom:10px;}
pre, .testimonial p{display: block;
    padding: 9.5px;
    margin: 0 0 10px;
	font-family:'Open Sans';
    font-size: 15px;
    line-height: 1.42857143;
    color: #fff;
    word-wrap: break-word;
    background-color: transparent;
    border: none;
    text-align: center;}

.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
}
.navbar-nav>li {
    text-align: center;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
}
.navbar-nav>li {
  float: none;
}
.navbar-collapse.collapse.in{
  display:block !important;
}
.navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-toggle.open .icon-bar:first-child {
    transform: rotate(45deg);
	    position: relative;
    top: 7px;
}
.navbar-toggle.open  .icon-bar:nth-child(2) {
    opacity:0
}
.navbar-toggle.open  .icon-bar:last-child {
    transform: rotate(-45deg);
	    position: relative;
    top: -7px;
}
.navbar-nav {
    float: none!important;
    background: rgba(0,0,0,0.9);
}

.nav a{color:#fff;}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}
.navbar-toggle {
    margin-right: 30px;
    margin-top: 16px;}
.navbar-fixed-top {
    height: 70px;
	background: rgba(255,255,255,0.8);
}
.navbar-brand {
    padding: 5px 0 5px 30px;}
.navbar-toggle .icon-bar {
    width: 28px;transition: all 0.3s ease;}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}
.navbar-nav {
    margin-top: 10px !important;
}
.banner{
background: url(../img/home_screen.jpg) no-repeat bottom center;
    background-size:cover;
	position:fixed;
	}
	
section {
    display: flex;
    overflow: hidden;
    height: calc(100vh );
    position: absolute;
    width: 100%;
}

/* section dividers */
.col-full{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
    padding-top: 9%;
	transition: all 1s ease;
	 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
	top:-100%;
	left:0;
	}
/*.clientele .col-full{top: 0 !important; bottom:-100%; transition: all 2s ease; }*/
.testimonial .col-full{ background: url(../img/city.jpg) no-repeat rgba(0,0,0,0.85)  ;
background-size:cover;}	
	
.testimonial .col-full .overlay {
 	background: rgba(0,0,0,0.85);
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
	}
.col-half{
	width:50%;
	height:100%;
	overflow:hidden;
	}
.col-half-q{width:50%;
	height:50%;overflow:hidden;
}
.col-one-3{width:33.33%;
	height:100vh;overflow:hidden;
}
.col-center{position: absolute;
	    left: 33.33%;
		transition: all 1s ease; 
			 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
		bottom: -100%;}
.col-one-3 .col-left:first-child{left: -50%;}
.col-one-3 .col-center{left: -83.33%;}
.col-one-3 .col-right:last-child{right: -50%;}

/*.clientele.test .col-full{bottom:0; top:0;}*/

.test .col-half.col-right, .test .col-half-q.col-top, .test .col-half-q.col-bottom{right:0}

.test .col-one-3.col-left:first-child{left: 0;}
.test .col-one-3.col-center{left: 33.33%;bottom: 0;}
.test .col-one-3.col-right:last-child{right: 0;}

.test .col-half.col-left{ left: 0;}
.test .col-half-q.col-left{ left: 0;}

.test .col-full{top:0;}

/*.clientele.test .col-full{bottom:0; top:0;}*/

.test .col-half.col-right:target, .test .col-half-q.col-top:target, .test .col-half-q.col-bottom{right:0}
	
.col-left{position: absolute;
	    left: -50%;transition: all 1s ease;
			 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;}
.col-right{position: absolute;
	right:-50%;transition: all 1s ease;
		 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;}
.col-half-q{right:-50%;transition: all 1s ease;
	 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;}	
.col-top{top:0;}
.col-bottom{bottom:0;}
/*----*/

.test {
  display:block !important;
}
.banner_ser{
	display:none;position:fixed;
top:0;}
.banner_ser h3 small{color:#292929;font-size:24px; text-transform:none;}
.banner_ser .digital h3 small, .banner_ser .program h3 small{color:#ffff;}

.banner_ser h3{color:#fff;font-size:22px; text-transform:uppercase; font-weight: 700;
    line-height: 55px;    text-align: right;
    padding-right: 30px;}
.digital h3{    position: relative; 
    top: 160px;}
.design h3{color:#c4161c;}
.about{
	display:none;position:fixed;
top:0;}
.service, .works, .testimonial, .clientele, .contact{
	display:none;position:fixed;
top:0;}

/*inner page style*/
.digital{ background: url(../img/banner_ser3.jpg) no-repeat bottom center;
background-size:cover;
    display: block;
    height: 100vh;
    width: 101%;}
.spec-num{ background:url(../img/spec-num.jpg) no-repeat bottom center;
background-size:cover;
    display: block;
    height: 100vh;
    width: 100%;
	padding:85px 20px 20px 20px
	}
.about-txt{ background-color:#d0effd;    width: 100%;
    height: 100%;}	
.banner_ser .txt{position: relative;
    top: 45%;}
	
.design{background:url(../img/banner_ser1.jpg) no-repeat bottom center;
background-size:cover;
    display: block;
    height: 50vh;
    width: 100%;}
.banner_ser .program .txt {
    position: relative;
    top: 36%;
}	
.program{background:url(../img/banner_ser2.jpg) no-repeat bottom center;
background-size:cover;
    display: block;
    height: 50vh;
    width: 100%;}
	
	
.about-txt .col-md-12{
	text-align:justify;
	padding:160px 150px 30px 150px;
	}
.about-txt h2{text-align:center;color:#292929; position:relative;margin-bottom: 40px;
    font-size: 30px;
    font-weight: 100;}
.testimonial h2{text-align:center;color:#fff; position:relative;margin-bottom: 40px;
    font-size: 30px;
    font-weight: 100;    margin-top: 130px;}

.testimonial h2:after{
	content: "";
    position: absolute;
    left: 47%;
    /*background: url(../img/rainbow_color.gif);*/
    width: 77px;
    height: 7px;
    right: 43%;
    bottom: -17px;
	}

.about-txt h2:after{
	content:"";
	position:absolute;
	left: 40%;
	background:url(../img/rainbow_color.gif);
    width: 77px;
    height: 7px;
    right: 43%;
    bottom: -8px;
	}
.col-md-6, .col-md-4{ float:left; margin:0;}

.spec-num .txt{
	min-height:42vh;
	text-align:center;
	color:#fff;
		display: grid;
    align-items: center;
	}
	
.spec-num .col-md-6:first-child{
	border-right:1px solid #777;
	}
.spec-num .col-md-6:nth-child(3){
	border-top:1px solid #777;
	border-right:1px solid #777;
	}
.spec-num .col-md-6:last-child{
	border-top:1px solid #777;
	}
small {
    display: block;
	font-size:60%
}
h5 {
       font-size: 28px;
    font-weight: 100;
}
.creative, .digital-mar, .program-man{
    display: flex;
    align-items: center;
    text-align: center;
    height: 100vh;
    background: #eee;
    flex-direction: column;
    padding-top: 75%;
	}
.creative{/*border-right:1px solid #ccc;*/
    background: #b77cb3;
	}
.service h3{color: #000;    position: relative;}
.service h3 small{ display:inline-block; font-size:100%; color:#fff}
	
.creative h3:before{background:url(../img/creative.png) no-repeat  ;
	content:"";
	position:absolute;
	width:95px;
	height:110px;
    left: 27%;
    top: -129px;
	}
	
.digital-mar h3:before{background:url(../img/digital-marketing.png) no-repeat  ;
	content:"";
	position:absolute;
	width:136px;
	height:97px;
    left: 15%;
    top: -120px;
	}
.program-man h3:before{background:url(../img/program.png) no-repeat  ;
	content:"";
	position:absolute;
	width:105px;
	height:113px;
    left: 30%;
    top: -129px;
	}
.digital-mar{
	/*border-right:1px solid #ccc;*/
	background:#008dd2;
	}
.program-man{
	    background: #d89215;
	}
.clearHeader{    
	display: block;
    position: fixed;
    transition: all 2s ease;
		 -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
    opacity: 0;
	z-index:1;}
.modal-open {
    overflow: initial;
	    padding-right: 0 !important;
}
.modal .glyphicon-chevron-right:before, .modal .glyphicon-chevron-left:before {
    color: #000;}
.work-design, .work-dig-cam, .work-gro-cam, .work-pro-man{
background-size:cover !important;width:100%;height:100%;}
.work-design{background:url(../img/work-1.png) no-repeat center;}
.work-dig-cam{background:url(../img/works-4.png) no-repeat center;}
.work-gro-cam{background:url(../img/works-2.png) no-repeat center;}
.work-pro-man{background:url(../img/works-3.png) no-repeat center;}
.service ul{display:none;    color: #fff;}
.service.test .creative:hover ul,
.service.test .digital-mar:hover ul,
.service.test .program-man:hover ul
{display:block;
-webkit-animation-name: pop; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: pop;
  animation-duration: 0.5s;}
  
@keyframes pop {
  0%   {opacity: 0; font-size:80%;}
    100%{opacity: 1; font-size:inherit;}
}
.banner_ser.test{ z-index:3;}
.about.test{ z-index:4;}
.service.test{ z-index:5;}
.works.test{ z-index:6;}
.testimonial.test{ z-index:7; 
 }
#mytestimo .item div{width:40%; margin:0 auto;}
.clientele.test{ z-index:8; 
 }
 .clients{ background:#eee;}
 .contact.test{ z-index:9; 
 }
.bus-w-us, .work-w-us, .location{
	background:#0e0e0e;
	width: 100%;
	height:100%;
	color:#fff;
	text-align:center;
	padding-top: 17%;
	}
.bus-w-us{
	background: url(../img/bus-w-us.jpg) no-repeat top center;
	background-size:cover;padding-top: 25%;
	}
.work-w-us{
	background: url(../img/wrk-w-us.jpg) no-repeat bottom center;
	background-size:cover;
	}
.work-w-us span, .work-w-us a{color:#fff !important;}
.location p, .contact a{
	font-weight:100;
	}
.bus-w-us img, .work-w-us img, .location img{display:block; text-align:center;margin: 20px auto;}
.location{ border-left:1px solid #3e3e3e;
background:url(../img/location.jpg) no-repeat top center;
background-size:cover;
}
.contact a, .contact a:hover{color: #fff;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1px;}
.contact a:hover{color: #ffc3c3 !important;}
.contact span{color:#fff;font-weight: 400;
font-size:22px; display:block;}
.carousel-content {
    color:#fff;
    display:flex;
    align-items:center;
}
.dark-overlay{position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);}
.works .col-half-q button{
	position:absolute;
	top:50%;
	left:50%; 
	text-transform:uppercase;
background: transparent;
transform:translate(-50%,-50%);
padding:10px 25px;
 border:1px solid #fff; 
 color:#fff;}
.works .col-half-q button:before{    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c02222;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}
.works .col-half-q button:hover:before{transform: scale(1);}
#text-carousel{
  width: 100%;
  height: auto;
  padding: 50px;
}
.carousel-content{
	text-align:center;
	}
	
/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
	margin-top: 40px;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    /*height: 100%;*/
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.rounded{
	width:160px;
	height:160px;
	border:3px solid #ccc;
	border-radius:100px;
	position:relative;
	background:#fff;
	margin:0 auto;
	overflow:hidden;
	}
.rounded:before{
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(197,25,31,0.2);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	z-index:9999;
		}
.rounded:hover:before, .rounded:focus:before, .rounded:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
	outline:none;
}

.rounded img{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 81%;
    transform: translate(-50%,-50%);
}
.block{width:75%;margin:0 auto; text-align:center;}
/*cientele carousal*/
/*arrow click*/
.section {
    position: fixed;
    width: 100%; height: 100%;
    top: 0; left: 0;
    overflow: hidden;
}

.fullscreen {
    position: relative;
    width: 100%;
    height: 400px;
    background: orange;
}
.fullscreen:nth-child(even) {
    background: blue;
}
.section-down-arrow-wrap, .section-down-arrow-wrap-up {
/*	 display: none;*/
    cursor: pointer;
    z-index: 99;
    width: 50px;
    height: 50px;
    background: url(../img/arrow.png) no-repeat center rgba(197,25,31,1);
    opacity: 1;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
	 border-radius: 25px;
    border: 2px solid #fff;
}
.section-down-arrow-wrap:hover{
  -webkit-animation-name: down; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: down;
  animation-duration: 1s;}

.section-down-arrow-wrap-up:hover{
  -webkit-animation-name: up; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: up;
  animation-duration: 1s;}
  
@keyframes down {
  0%   {background-position-y: 0;}
  25%  {background-position-y: 5px;}
  50%  {background-position-y: 0;}
   75%  {background-position-y: 5px;}
    100%  {background-position-y: 0;}
}
  
@keyframes up {
 0%   {background-position-y: 0;}
  25%  {background-position-y: -5px;}
  50%  {background-position-y: 0;}
   75%  {background-position-y: -5px;}
    100%  {background-position-y: 0;}
}

/*.location .social img:hover{animation-name: loc;
  animation-duration: 1s;}*/
.location .social{width:110px; height:auto; margin:0 auto; position:relative;}
.social img{ float:left; margin:5px;background:none;
    border-radius: 26px; transition:all 0.5s ease;}
.social img:hover{background: #c02121;}

@keyframes loc {
 0%   {position:relative; top:0}
  25%  {position:relative; top:5px}
  50%  {position:relative; top:0; width: 50px; height:auto}
   75%  {position:relative; top:5px}
    100%  {position:relative; top:0}
}
  
.section-down-arrow-wrap-up {
	background: url(../img/arrow-up.png) no-repeat center rgba(255,0,0,0.6)  !important;
	    opacity: 0;
    transition: all 2s ease 1s;
	z-index: 9999999 !important;
	} 
.test .section-down-arrow-wrap-up {
	opacity: 1;
	}
/*.scroller1{z-index:999999;}*/
/*arrow click end*/
.modal-open .modal {
    background: rgba(0,0,0,0.5);
}
.modal-backdrop.in {
    display: none;
}
.modal.in .modal-dialog {
    top: 13%;
}
.carousel-control.left, .carousel-control.right{    background-image: none;}
button.close {
    font-size: 38px;
    color: #000;
    opacity: 0.5;
    padding-right: 8px;
    position: absolute;
    top: 3px;
    z-index: 9;
    right: 15px;
}
.modal-body {
    padding: 0;
}
.glyphicon-chevron-right:before, .glyphicon-chevron-left:before{
	content:none;}
.flip-card {
  background-color: transparent;
    width: 100%;
    height: 100%;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card:hover .flip-card-front{
	opacity:0;
	}
.flip-card-back {
	opacity:0;
	}
.flip-card:hover .flip-card-back {
	opacity:1 !important;
	}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.flip-card-front {
  color: black;
  z-index: 2;
}
.design .flip-card-back{ background-color: #b77cb3;}
.program .flip-card-back{ background-color: #d89215 ;}
.digital .flip-card-back{ background-color: #008dd2;}

.flip-card-back {
  color: white;
  transform: rotateY(180deg);
  z-index: 1;
  padding: 6%;
  text-align: right;
  font-size:20px;
}
	
/*screen animation*/
.wrapper small{     font-size: 55%;
    font-weight: 400;
    letter-spacing: 3px;}
	.wrapper { 
        height: 179px;
    width: 389px;
    transform: perspective(802px) rotateY(32deg);
    left: 38.6%;
    font-family: 'Montserrat';
    line-height: 51px;
    right: 0;
    font-weight: bold;
    text-align: center;
    top: 25%;
    font-size: 61px;
    bottom: 0;
    position: absolute;

-webkit-animation: rainbow 8s ease infinite;
-z-animation: rainbow 8s ease infinite;
-o-animation: rainbow 8s ease infinite;
  animation: rainbow 8s ease infinite;}

@keyframes rainbow { 
    0% { color: #fff;}
      25% { color: #ec9cf7;}
      30% { color: #89baf0;}
      45% {color: #60c4f2;} 
      55% { color: #20ef85;}
      75% {  color: #ffd51c; }
      85% { color:#f9a01b;} 
      100% {color: #ff4e54;}
}
/*media queiries*/
@media screen and (orientation: portrait)
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	body{height:9000px;}
	.wrapper {
        top: 32% !important;}
	}
@media screen and (orientation: portrait) 
  and (min-width: 768px) 
  and (max-height: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	body{height:2900px;}
	.wrapper {
		top: 32%;
    left: 31.6%;}
	}
@media screen and (orientation: landscape)
  and (min-width: 768px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  .wrapper small{     font-size: 55%;
    font-weight: 400;
    letter-spacing: 3px;}
	.wrapper { 
    left: 38.6% !important ;
    line-height: 51px !important;
    top: 25% !important;
    font-size: 61px !important;
}

	}
@media only screen and (min-width: 1920px) {
		.wrapper {
left: 38.6%;
    line-height: 68px;
    top: 26%;
    font-size: 68px;
}
}
@media only screen and (min-width: 1600px) {
		.wrapper {
left: 41.6%;
    line-height: 68px !important;
    top: 26%;
    font-size: 68px !important;
}
}
@media only screen and (max-width: 1399px) {
		.wrapper {
    left: 38.6%;
    line-height: 46px;
    top: 21%;
    font-size: 58px;
}
}
@media only screen and (max-width: 1200px) {
		.wrapper {
left: 34.6%;
    line-height: 40px;
    top: 21%;
    font-size: 48px;
}
}
@media only screen and (min-width: 1600px) {
	pre, .testimonial p {
    font-size: 17px !important;
}
	.contact span {
    font-size: 28px;}
	body {
    font-size: 17px;
}
	.banner_ser h3{font-size:28px;}
	.modal-dialog {
    width: 55% !important;}
	body{height:2980px;}
	.about-txt h2:after {
    left: 44%;}
	.service ul {
    margin-top: 20px;
}
ul li {
    padding-bottom: 10px;
}
.carousel {
    position: absolute;
    top: 40%;
}
.testimonial h2 {
    margin-top: 9%;
}
}
@media only screen and (min-width: 1366px) {
	pre, .testimonial p{
		font-size:15px !important}
	.carousel {
    position: absolute;
    top: 37%;
}
.modal.in .modal-dialog {
    top: 0%;
}
	.banner_ser h3{font-size:24px;}
	.modal-dialog {
       width: 70%;}
	.about-txt .col-md-12 {
    padding: 160px 150px 30px 150px !important;
}
}
@media only screen and (min-width: 1024px) {
	.flip-card-back {
    font-size: 24px;
}
	.navbar-toggle:hover .icon-bar:first-child, .navbar-toggle:hover .icon-bar:last-child{
	    animation-name: ani;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;}
@keyframes ani {
  0%   {width:28px}
  50%   {width:20px}
  100%{width:28px}
}
	.section-down-arrow-wrap {
    display: block;}
	.about-txt .col-md-12 {
    padding: 90px 90px 30px 90px 
}
ul li {
    padding-bottom: 5px;
}
.creative, .digital-mar, .program-man {
    padding-top: 69%;
}
pre, .testimonial p {
    font-size: 13px;}
.rounded{
	width:140px;height:140px;}
}

@media all and (max-width: 991px) and (min-width: 768px) {
	#mytestimo .item div{width:60%; margin:0 auto;}
  .banner {
    background-size: cover;
}
.about-txt .col-md-12 {
    padding: 130px 50px 30px 50px;
}
.spec-num .txt {
    min-height: 21vh;}

.spec-num .col-md-6{border-bottom:1px solid #685144;
border-left:none; border-right:none !important; border-top:none;}
.spec-num .col-md-6:last-child{border:none;}
.rounded{width:120px;height:120px;}
.block{width:90%}
.slick-slider {
    margin-top: 80px;}
.bus-w-us, .work-w-us, .location {
    padding-top: 55%;
}
.creative, .digital-mar, .program-man {
    padding-top: 90%;
}
.service ul {
    margin-top: 15px;
}
}
@media only screen and (max-width: 767px) {
	.flip-card-back {
  font-size:13px;
}
	.wrapper {
    left: 2.4%;
    line-height: 46px;
    right: 0;
    top: 29%;
    font-size: 49px;
}
	h5 {
    font-size: 20px;}
  .banner {
    background-size: cover;
}
.col-half-q {
    overflow: initial;
}
.banner_ser h3 {
    font-size: 16px;
    line-height: 26px;
    padding-right: 10px;
}
.banner_ser h3 small {
    font-size: 20px;
}
.spec-num .col-md-6{border-bottom:1px solid #685144;
border-left:none; border-right:none !important; border-top:none;}
.spec-num .col-md-6:last-child{border:none;}
.spec-num .txt {
    min-height: 21vh;}
.about-txt .col-md-12 {
    padding: 65px 15px 30px 15px;
}
.about-txt h2 {
    margin-bottom: 24px;}
body, pre, .testimonial p{
	font-size:11px}
.about-txt h2:after {
    left: 29%;}

.about-txt h2 {
    font-size: 24px;}
.service h3 {
    font-size: 18px;
}	
.digital-mar h3:before, .creative h3:before, .program-man h3:before {
    width: 100px;
    background-size: contain;
    background-position: bottom center;
}
.rounded{
width:125px;
height:125px;
	}
.col-full{ padding-top:22%;}
.testimonial h2, .clientele h2 {
    font-size: 24px;}
.contact span {
    font-size: 18px;}
.bus-w-us, .work-w-us, .location {
        padding: 69% 10px 0 10px;}
.navbar-brand img{width:75%; height:auto;}
.navbar-fixed-top {
    height: 50px;}
	.spec-num {
    padding: 60px 20px 20px 20px;
}
.navbar-toggle {
     margin-right: 25px;
    margin-top: 9px;
    position: absolute;
    right: -10px;
}
.navbar-nav {
    margin-top: 0 !important;
}
.test .col-one-3.col-left:first-child {
    left: 0;
}
.col-one-3 {
    width: 100%;
    height: 33.33vh;
	border-bottom:1px solid #ccc;
}
.col-one-3:nth-child(2) {
    width: 100%;
    height: 28.33vh;
	border-bottom:1px solid #ccc;
}
.col-one-3:last-child{
    width: 100%;
    height: 38.33vh;
	border-bottom:1px solid #ccc;
}
.test .col-one-3.col-center {
left: 0 !important;
    top: 33.33%;
}
.test .col-one-3.col-right:last-child {
    right: 0 !important;
    top: 61.66% !important;
}
.service.test .program-man:hover ul {
    height: 38.33vh !important;}
.test .col-one-3.col-center {
    right: 0 !important;
    bottom: 0;
}
.col-one-3.col-right {
    position: absolute;
    right: -100% !important;transition: right 1s ease;}
	
.col-one-3	.col-left {
    transition: left 1s ease;}

ul li {
    padding-bottom: 5px;
}
.creative h3:before, .program-man h3:before {
    width: 60px;    left: 30%;}
.digital-mar h3:before{
    width: 80px;
	left: 21%;
	top: -110px;
}
.program-man h3:before {top: -130px;}
.creative{
    padding-top: 40%;
}
.digital-mar, .program-man {
    padding-top: 26%;
}
.service.test .creative:hover ul,
.service.test .digital-mar:hover ul,
.service.test .program-man:hover ul {
    display: block;
    width: 100%;
    position: absolute;
    background: #c4161c;
    color: #fff;
    top: 0;
    height: 33.33vh;
    padding-top: 17%;
}

.service.test .digital-mar:hover ul,
.service.test .program-man:hover ul {
    padding-top: 13% !important;
}
button.close {
    top: -5px;
    right: 0px;
}
#mytestimo{margin:0 25px;}
#mytestimo .item div{width:90%; margin:0 auto;}
#mytestimo .carousel-control.right {
    right: -20px;}
#mytestimo .carousel-control.left {
    left: -20px;}
}
@media only screen and (max-width: 767px) {
.rounded{
width:110px;
height:110px;
	}
.service.test .digital-mar:hover ul, .service.test .program-man:hover ul {
    padding-top: 3% !important;
}
ul li {
    padding-bottom: 3px;
}
.section-down-arrow-wrap, .section-down-arrow-wrap-up {
    bottom: 10px;
}
}

@media screen and (orientation:landscape)
and (min-device-width: 319px) 
and (max-device-width: 736px) {
.spec-num {
    padding: 45px 20px 20px 20px;
}
.testimonial h2 {
    margin-top: 75px;
}
.col-full {
    padding-top: 55px;
}
.slick-slider{
	margin-top:14px;
	}
.bus-w-us, .location{
	padding:24% 10px 0 10px;
	}
.work-w-us{
	padding:11% 10px 0 10px;
	}
.creative, .digital-mar, .program-man{
    display: flex;
    align-items: center;
    text-align: center;
    height: 100vh;
    flex-direction: column;
    padding-top: 75%;
	}
.wrapper {
       left: 32.6%;
    line-height: 27px;
    top: 29%;
    font-size: 27px;
	height: 94px;
    width: 231px;}
.col-one-3 {
    width: 33.33%;
    height: 100vh;
}
.test .col-one-3.col-center {
    left: 33.33% !important;
    top: 0;
}
.test .col-one-3.col-right:last-child {
    right: 0 !important;
    top: 0 !important;
}
.creative, .digital-mar, .program-man {
    padding-top: 70%;
}
.service.test .creative:hover ul, .service.test .digital-mar:hover ul, .service.test .program-man:hover ul {
    height: 100%;
    padding-top: 43% !important;
}
.modal.in .modal-dialog {
    top: 3%;
}
.banner_ser h3 {
    font-size: 18px;
}
.banner_ser h3 small {
    font-size: 17px;
}
.banner_ser .digital .txt {
    top: 52%;
}
.about-txt h2:after {
    left: 37%;
}
.modal-dialog {
    width: 70%;
    margin: 0 auto;
}
.testimonial h2, .clientele h2 {
    font-size: 20px;
}
pre, .testimonial p {
    font-size: 11px;}
.testimonial h2 {
    margin-bottom: 15px;}
.contact img{    width: 50px;
    height: auto;}
.service h3 {
    font-size: 16px;
}
.about-txt .col-md-12 {
    padding: 45px 15px 30px 15px;
}
body {
    font-size: 12px;
}
h5 {
    font-size: 18px;
}
.navbar-nav>li>a {
    padding-top: 7px;
    padding-bottom: 7px;}
.rounded{width:80px;height:80px;}
.slick-slider{ margin-top:10px;}
.bus-w-us img, .work-w-us img, .location img {
    margin: 6px auto;
}
.works .col-half-q.col-top button {
    transform: translate(-50%,-20%);}
pre, .testimonial p {
    margin: 0;}
}
@media screen and (max-width: 420px) {
	.wrapper {
       left: 6.4% !important;
    line-height: 34px;
    right: 0;
    font-size: 34px;
    top: 30% !important;}
		.works .col-half-q button {
    width: 122px;
}
.digital-mar h3:before {
    width: 70px;
    left: 28%;
    top: -104px;}
	.digital-mar, .program-man {
    padding-top: 18%;
}
.program-man h3:before {
    top: -123px;
}
.creative h3:before, .program-man h3:before {
    width: 53px;
    left: 34%;
}
.creative {
    padding-top: 31%;
}
.creative h3:before {
    top: -115px;
}
.service.test .creative:hover ul, .service.test .digital-mar:hover ul, .service.test .program-man:hover ul {
    font-size: 10px;}
.location {
    padding: 12% 10px 0 10px;
}
.contact span {
    font-size: 16px;
}
.modal.in .modal-dialog {
    top: 22%;
}
}
@media screen and (max-width: 320px) {
	.wrapper {
       left: -2.6% !important;
    line-height: 32px;
    right: 0;
    font-size: 32px;
    top: 30% !important;}
}